:root{color-scheme:dark;--ink: #060B16;--panel: #0D1524;--panel-2: #0A1120;--raise: #121C2F;--line: #1B2740;--line-soft: #131D31;--fg: #EAF0F8;--fg-soft: #93A4BE;--fg-faint: #5E6E88;--blue: #0067F6;--blue-bright: #2E86FF;--teal: #00BFB8;--green: #27C06B;--amber: #E3A008;--font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "Cascadia Code", Consolas, monospace;--top: env(safe-area-inset-top, 0px);--bot: env(safe-area-inset-bottom, 0px);--kb: 0px}:root[data-theme=light]{color-scheme:light;--ink: #F4F6FA;--panel: #FFFFFF;--panel-2: #EDF1F7;--raise: #E4EAF3;--line: #CFD8E6;--line-soft: #E2E8F2;--fg: #0C1522;--fg-soft: #46566E;--fg-faint: #6B7B93;--blue: #0057D2;--blue-bright: #0A60E0;--teal: #00847F;--green: #1E8A4C;--amber: #9A6B00}:root[data-theme=light] .out{background:var(--blue);color:#fff}:root[data-theme=light] .out .c,:root[data-theme=light] .out .subject{color:#fff}:root[data-theme=light] .out .t{color:#cfe0fa}:root[data-theme=light] .note{background:#9a6b001a;border-color:#9a6b0066;color:#7a5400}:root[data-theme=light] .scrim{background:#0c152259}:root[data-theme=light] .act.danger{color:#b3261e}:root[data-theme=light] .sheet-note{background:#9a6b001a;border-color:#9a6b0066;color:#7a5400}:root[data-theme=light] .chip.chip-status,:root[data-theme=light] .chip.chip-status[aria-pressed=true]{background:#9a6b001f;border-color:#9a6b0066;color:#7a5400}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--font);line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}.stage{height:100%;display:grid;place-items:start center}.phone{width:100%;max-width:420px;position:relative;height:calc(100% - var(--kb));height:calc(100dvh - var(--kb));min-height:360px;background:var(--ink);overflow:hidden;display:flex;flex-direction:column}@media(min-width:900px){.stage{background:#04070e}.phone{height:min(880px,94vh);border-radius:34px;border:1px solid var(--line);box-shadow:0 30px 90px #0009}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--ink);transition:transform .22s ease}.screen[hidden]{display:none}.screen.sub{transform:translate(0)}header{padding:calc(var(--top) + 12px) 14px 10px;background:var(--panel-2);border-bottom:1px solid var(--line-soft);flex:0 0 auto}.hrow{display:flex;align-items:center;gap:12px}.htitle{background:none;border:0;padding:0;text-align:left;cursor:pointer;font-family:inherit;font-size:20px;font-weight:750;letter-spacing:-.02em}.spacer{flex:1}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--fg-soft);display:grid;place-items:center;font-size:17px;cursor:pointer}.icon-btn:active{background:var(--raise);color:var(--fg)}.search{margin-top:10px;display:flex;align-items:center;gap:8px;background:var(--raise);border:1px solid var(--line);border-radius:11px;padding:8px 11px}.search input{flex:1;background:none;border:0;outline:none;color:var(--fg);font-size:16px;font-family:inherit}.search input::placeholder{color:var(--fg-faint)}.search-clear{flex:0 0 auto;width:30px;height:30px;border:0;border-radius:50%;background:var(--line);color:var(--fg-soft);font-size:13px;cursor:pointer;display:grid;place-items:center}.search-clear[hidden]{display:none}.chips{display:flex;gap:7px;overflow-x:auto;padding:11px 14px;flex:0 0 auto;background:var(--panel-2);border-bottom:1px solid var(--line-soft);scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--raise);color:var(--fg-soft);font-size:13.5px;white-space:nowrap}.chip .dot{width:7px;height:7px;border-radius:50%}.chip[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.chip.chip-status,.chip.chip-status[aria-pressed=true]{background:#e3a00824;border-color:#e3a00873;color:#f0d08a;font-weight:600}.chip.chip-status .n{opacity:.7}.chip .n{font-family:var(--mono);font-size:11.5px;opacity:.85}.list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.item{display:flex;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line-soft);cursor:pointer;position:relative}.item:active{background:var(--panel)}.item.unread{background:linear-gradient(90deg,rgba(0,103,246,.07),transparent 60%)}.av{position:relative;flex:0 0 auto}.av img,.av .ph{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--raise);color:var(--fg-soft);font-weight:700;font-size:17px}.badge{position:absolute;right:-2px;bottom:-2px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:10px;border:2px solid var(--ink);color:#fff}.b-ig{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)}.b-ms{background:#0084ff}.b-em{background:#475569}.b-wa{background:#25d366}.body{flex:1;min-width:0}.line1{display:flex;align-items:baseline;gap:8px}.name{font-weight:650;font-size:15.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item.unread .name{font-weight:750}.when{margin-left:auto;font-size:11.5px;color:var(--fg-faint);font-family:var(--mono);flex:0 0 auto}.line2{display:flex;align-items:center;gap:8px;margin-top:2px}.prev{flex:1;min-width:0;font-size:13.5px;color:var(--fg-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item.unread .prev{color:var(--fg)}.pill{flex:0 0 auto;font-family:var(--mono);font-size:10.5px;padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--fg-faint)}.unread-dot{flex:0 0 auto;min-width:19px;height:19px;padding:0 6px;border-radius:999px;background:var(--blue);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.tag{font-size:10.5px;padding:1px 7px;border-radius:5px;background:#00bfb821;color:var(--teal);border:1px solid rgba(0,191,184,.25)}.unassigned{background:#e3a00821;color:var(--amber);border-color:#e3a0084d}.conv-head{padding:calc(var(--top) + 10px) 10px 10px;background:var(--panel-2);border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px;flex:0 0 auto}.conv-head .av img,.conv-head .av .ph{width:38px;height:38px;font-size:14px}.conv-head .badge{width:16px;height:16px;font-size:8px}.ch-name{font-weight:700;font-size:16px;letter-spacing:-.01em}.ch-sub{font-size:11.5px;color:var(--fg-faint);font-family:var(--mono)}.thread{flex:1;overflow-y:auto;padding:16px 12px 8px;display:flex;flex-direction:column;gap:8px}.thread:before{content:"";margin-top:auto}.day{align-self:center;font-family:var(--mono);font-size:11px;color:var(--fg-faint);background:var(--panel);border:1px solid var(--line-soft);padding:3px 10px;border-radius:999px;margin:6px 0}.msg{max-width:82%;padding:9px 12px;border-radius:15px;font-size:14.5px;position:relative}.msg .t{display:block;margin-top:3px;font-family:var(--mono);font-size:10px;color:var(--fg-faint);text-align:right}.in{align-self:flex-start;background:var(--panel);border:1px solid var(--line-soft);border-bottom-left-radius:5px}.out{align-self:flex-end;background:#11407f;border-bottom-right-radius:5px}.out .t{color:#9fc2f0}.note{align-self:flex-end;max-width:88%;background:#e3a0081a;border:1px dashed rgba(227,160,8,.35);color:#f0d08a;font-size:13px;border-bottom-right-radius:5px}.msg .c{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.msg .subject{display:block;font-weight:650;font-size:13px;color:var(--fg-soft);margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--line-soft)}.out .msg-subject,.out .subject{color:#bbd4f5;border-bottom-color:#ffffff26}.msg .note-label{display:block;font-weight:700;font-size:11px;letter-spacing:.04em;opacity:.85}.msg .quote-toggle{display:inline-flex;align-items:center;margin-top:6px;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--fg-soft);font-family:var(--mono);font-size:11px;cursor:pointer}.msg .quote{margin-top:6px;padding-left:9px;border-left:2px solid var(--line);color:var(--fg-faint);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.msg .quote[hidden]{display:none}.day.activity{font-family:var(--font);font-size:12px;color:var(--fg-soft);max-width:88%;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}.att-image{max-width:100%;border-radius:10px;display:block;margin-top:6px}.att-audio{display:block;margin-top:6px}.att-audio audio,.msg video{max-width:100%;display:block}.att-save,.att-file{display:inline-block;margin-top:5px;font-family:var(--mono);font-size:11px;color:var(--blue-bright);text-decoration:none}.att-file:before{content:"\1f4ce  "}.composer{flex:0 0 auto;padding:9px 10px calc(9px + var(--bot));background:var(--panel-2);border-top:1px solid var(--line-soft);display:flex;align-items:flex-end;gap:8px}.composer .box{flex:1;background:var(--raise);border:1px solid var(--line);border-radius:19px;padding:8px 13px;color:var(--fg);font-size:16px;min-height:38px}.composer .box:empty:before{content:attr(data-placeholder);color:var(--fg-faint)}.tray{flex:0 0 auto;display:flex;gap:7px;flex-wrap:wrap;padding:8px 10px 0;background:var(--panel-2)}.tray[hidden]{display:none}.tray-item{display:flex;align-items:center;gap:7px;max-width:100%;background:var(--raise);border:1px solid var(--line);border-radius:10px;padding:5px 7px 5px 11px;font-size:12.5px;color:var(--fg-soft)}.tray-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.tray-drop{flex:0 0 auto;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--fg-faint);font-size:12px;cursor:pointer}.compose-aux{flex:1;min-width:0;display:flex;align-items:center;gap:9px;background:var(--raise);border:1px solid var(--line);border-radius:19px;padding:6px 13px;min-height:38px}.compose-aux[hidden]{display:none}.rec-dot{width:9px;height:9px;border-radius:50%;background:#d3372b;flex:0 0 auto;animation:pulse 1.4s ease-in-out infinite}.rec-time{font-family:var(--mono);font-size:14px;color:var(--fg);flex:0 0 auto}.rec-what{font-size:12.5px;color:var(--fg-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-player{flex:1;min-width:0;height:32px;max-width:100%}@media(prefers-reduced-motion:reduce){.rec-dot{animation:none}}.send{width:38px;height:38px;border-radius:50%;border:0;background:var(--blue);color:#fff;font-size:16px;display:grid;place-items:center;cursor:pointer}.send.recording{background:#d3372b;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.62}}@media(prefers-reduced-motion:reduce){.send.recording{animation:none}}.tabs{display:flex;gap:4px;padding:0 10px 8px;background:var(--panel-2)}.tab{flex:1;text-align:center;font-size:12.5px;padding:6px;border-radius:9px;color:var(--fg-faint);cursor:pointer}.tab[aria-pressed=true]{background:var(--raise);color:var(--fg);font-weight:600}.scrim{position:absolute;inset:0;background:#02050c99;opacity:0;pointer-events:none;transition:opacity .18s}.scrim.on{opacity:1;pointer-events:auto}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:8px 0 calc(10px + var(--bot));transform:translateY(102%);transition:transform .22s ease}.sheet.on{transform:translateY(0)}.grip{width:38px;height:4px;border-radius:3px;background:var(--line);margin:6px auto 10px}.act{display:flex;align-items:center;gap:13px;padding:13px 20px;font-size:15.5px;cursor:pointer}.act:active{background:var(--raise)}.act .ic{width:22px;text-align:center;color:var(--fg-soft);font-size:14px;font-family:var(--mono)}.act.danger{color:#ff8a8a}.sheet .sep{height:1px;background:var(--line-soft);margin:6px 0}.sheet-title{padding:2px 20px 10px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint)}.sheet-note{margin:0 20px 4px;padding:10px 12px;border-radius:11px;background:#e3a0081a;border:1px dashed rgba(227,160,8,.35);color:#f0d08a;font-size:13px}.sheet #sheet-body{max-height:68vh;overflow-y:auto}.act-label{flex:1;min-width:0}.act-value{font-family:var(--mono);font-size:11.5px;color:var(--fg-faint);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act[aria-pressed=true],.act[aria-pressed=true] .ic{color:var(--blue-bright)}.act[aria-disabled=true]{opacity:.45;pointer-events:none}.toast{position:absolute;left:14px;right:14px;bottom:calc(18px + var(--bot));background:var(--raise);border:1px solid var(--line);border-radius:11px;padding:11px 14px;font-size:13.5px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;box-shadow:0 10px 30px #00000080}.toast.on{opacity:1;transform:translateY(0)}.hint{padding:14px;font-size:12px;color:var(--fg-faint);font-family:var(--mono);border-top:1px solid var(--line-soft)}.signin{justify-content:center;padding:0 22px calc(24px + var(--bot))}.signin-form{display:flex;flex-direction:column;gap:13px}.signin-mark{align-self:center;border-radius:14px}.signin-title{align-self:center;font-size:19px;font-weight:750;letter-spacing:-.02em;margin-bottom:4px}.field{display:flex;flex-direction:column;gap:5px}.field span{font-size:12px;color:var(--fg-soft)}.field input{background:var(--raise);border:1px solid var(--line);border-radius:11px;padding:11px 13px;color:var(--fg);font-size:16px;font-family:inherit;outline:none}.field input:focus{border-color:var(--blue)}.signin-go{margin-top:6px;padding:13px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-size:15.5px;font-weight:650;font-family:inherit;cursor:pointer}.signin-go[disabled]{opacity:.55}.signin-msg{min-height:18px;margin:0;text-align:center;font-size:13px;color:var(--amber)}