:root{--bg: #0b0b0d;--panel: #101013;--raised: #16161a;--raised-2: #1c1c22;--line: #25252c;--line-soft: #1d1d23;--fg: #ededf0;--muted: #8d8d97;--faint: #5c5c66;--accent: #46b88a;--accent-soft: rgba(70, 184, 138, .14);--accent-line: rgba(70, 184, 138, .4);--danger: #e0675f;--secret: #c9a24b;--on-accent: #07140e;--radius: 14px;--ease: cubic-bezier(.16, 1, .3, 1);--sans: "Satoshi", system-ui, -apple-system, sans-serif;--mono: "Geist Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}::selection{background:var(--accent-soft)}.mark{font-weight:900;letter-spacing:-.04em;font-size:20px;color:var(--fg)}.boot{min-height:100dvh;display:grid;place-items:center}.boot .mark{animation:pulse 1.6s var(--ease) infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.auth-grid{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr}@media (max-width: 860px){.auth-grid{grid-template-columns:1fr}.auth-brand{display:none}}.auth-brand{position:relative;padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:48px;background:radial-gradient(120% 90% at 8% 0%,var(--accent-soft),transparent 55%),linear-gradient(160deg,var(--raised),var(--bg) 60%);border-right:1px solid var(--line-soft);overflow:hidden}.auth-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(127,127,127,.04) 1px,transparent 1px);background-size:4px 4px}.brand-top{display:flex;align-items:baseline;gap:8px;z-index:1}.brand-top .mark{font-size:24px}.mark-note{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.brand-mid{z-index:1}.brand-mid h1{margin:0;font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.035em;line-height:1.04;max-width:14ch}.lede{margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.55;max-width:46ch}.brand-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;z-index:1}.brand-points li{display:flex;gap:14px;align-items:flex-start;opacity:0;transform:translateY(8px);animation:rise .6s var(--ease) forwards;animation-delay:calc(var(--i) * 90ms + .12s)}.pt-ico{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line)}.brand-points strong{display:block;font-size:14.5px;font-weight:600}.brand-points span{color:var(--muted);font-size:13.5px;line-height:1.5}@keyframes rise{to{opacity:1;transform:none}}.auth-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;position:relative}.panel-inner{width:min(360px,100%)}.panel-foot{position:absolute;bottom:22px;color:var(--faint);font-size:12px;letter-spacing:.02em}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label{display:flex;flex-direction:column;gap:7px}.auth-form label>span{font-size:13px;font-weight:600;color:var(--muted)}.auth-form input{padding:12px 14px;border-radius:var(--radius);font-size:15px;border:1px solid var(--line);background:var(--raised);color:var(--fg);transition:border-color .2s var(--ease),background .2s var(--ease)}.auth-form input::placeholder{color:var(--faint)}.auth-form input:focus{outline:none;border-color:var(--accent-line);background:var(--raised-2)}.hint{font-size:12px;color:var(--faint);font-style:normal}button.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--accent-line);background:var(--accent);color:var(--on-accent);font-weight:700;font-size:15px;transition:transform .12s var(--ease),filter .2s var(--ease)}button.primary:hover{filter:brightness(1.06)}button.primary:active{transform:translateY(1px) scale(.99)}button.primary:disabled{opacity:.45;cursor:default}button.primary.sm{padding:9px 14px;font-size:14px}button.link{background:none;border:0;color:var(--muted);font-size:14px;padding:6px}button.link:hover{color:var(--fg)}.err{color:var(--danger);font-size:13px}.shell{display:grid;grid-template-columns:320px 1fr;height:100dvh}@media (max-width: 720px){.shell{grid-template-columns:1fr}}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--panel);border-right:1px solid var(--line-soft)}.side-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--line-soft)}.me{display:flex;align-items:center;gap:10px;min-width:0}.me-name{font-weight:600;font-size:15px}.icon-btn{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--muted);transition:background .2s var(--ease),color .2s var(--ease)}.icon-btn:hover{background:var(--raised);color:var(--fg)}.newchat{display:flex;gap:8px;padding:12px 14px}.newchat input{flex:1;padding:9px 12px;border-radius:11px;font-size:14px;border:1px solid var(--line);background:var(--raised);color:var(--fg)}.newchat input:focus{outline:none;border-color:var(--accent-line)}.newchat-trigger{margin:12px 14px;padding:11px 14px;border-radius:11px;display:inline-flex;align-items:center;gap:8px;justify-content:center;background:var(--raised);border:1px dashed var(--line);color:var(--muted);font-weight:600;font-size:14px;transition:all .2s var(--ease)}.newchat-trigger:hover{color:var(--fg);border-color:var(--accent-line);background:var(--raised-2)}.side-err{padding:0 16px 8px}.peers{list-style:none;margin:0;padding:6px 8px;overflow-y:auto;flex:1}.peers-empty{text-align:center;color:var(--muted);padding:36px 18px}.peers-empty p{margin:0 0 4px;font-weight:600;color:var(--fg)}.peers-empty span{font-size:13px}.peer-row{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background .16s var(--ease);opacity:0;transform:translateY(6px);animation:rise .4s var(--ease) forwards;animation-delay:calc(var(--i) * 40ms)}.peer-row:hover{background:var(--raised)}.peer-row.active{background:var(--raised-2)}.peer-body{flex:1;min-width:0}.peer-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.peer-name{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peer-time{font-family:var(--mono);font-size:11px;color:var(--faint);flex:none}.peer-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:2px}.peer-last{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{flex:none;min-width:19px;height:19px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-size:11.5px;font-weight:700;display:grid;place-items:center}.typing-text{color:var(--accent);font-style:normal}.side-foot{padding:12px 16px;border-top:1px solid var(--line-soft);color:var(--faint);font-size:11.5px}.main{min-width:0;display:flex;flex-direction:column}.empty{margin:auto;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:12px}.empty-mark{font-weight:900;font-size:30px;letter-spacing:-.04em;color:var(--raised-2);-webkit-text-stroke:1px var(--line)}.avatar{position:relative;display:inline-block;flex:none}.avatar img{border-radius:10px;display:block}.presence{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:var(--faint);border:2px solid var(--panel)}.presence.on{background:var(--accent)}.chat{display:flex;flex-direction:column;height:100dvh;min-width:0;position:relative}.chat.secret-mode{box-shadow:inset 0 0 0 1px #c9a24b4d}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line-soft);background:var(--panel)}.chat-who{display:flex;align-items:center;gap:11px;min-width:0}.chat-name{font-weight:600;font-size:15px}.chat-status{font-size:12.5px;color:var(--muted)}.chat-actions{display:flex;gap:8px}.ghost-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:10px;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:600;transition:all .18s var(--ease)}.ghost-btn:hover{color:var(--fg);background:var(--raised)}.ghost-btn.on{color:var(--secret);border-color:#c9a24b66;background:#c9a24b1a}.secret-banner{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#c9a24b14;color:#e3c987;font-size:13px;border-bottom:1px solid rgba(201,162,75,.2)}.messages{flex:1;overflow-y:auto;padding:22px clamp(16px,4vw,40px);display:flex;flex-direction:column;gap:3px}.thread-empty{margin:auto;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px;max-width:38ch}.thread-empty p{margin:6px 0 0;color:var(--fg);font-weight:600}.thread-empty span{font-size:13px}.row{display:flex;margin-top:9px}.row.grouped{margin-top:2px}.row.mine{justify-content:flex-end}.bubble{max-width:min(62%,560px);padding:9px 13px 7px;border-radius:16px;display:flex;flex-direction:column;gap:3px;word-break:break-word;border:1px solid var(--line-soft);animation:bubble-in .26s var(--ease)}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.row.theirs .bubble{background:var(--raised);border-top-left-radius:6px}.row.theirs.grouped .bubble{border-top-left-radius:16px}.row.mine .bubble{background:var(--accent);color:var(--on-accent);border-color:transparent;border-top-right-radius:6px}.row.mine.grouped .bubble{border-top-right-radius:16px}.bubble.secret{outline:1px dashed var(--secret);outline-offset:1px}.bubble-text{font-size:14.5px;line-height:1.45}.bubble-meta{display:flex;align-items:center;gap:8px;align-self:flex-end}.bubble-time{font-family:var(--mono);font-size:10.5px;opacity:.65}.countdown{display:inline-flex;align-items:center;gap:3px;font-family:var(--mono);font-size:10.5px;opacity:.8}.row.theirs .countdown{color:var(--secret);opacity:1}.typing-bubble{flex-direction:row;gap:4px;padding:12px 14px}.typing-bubble span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1.2s var(--ease) infinite}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.composer{display:flex;align-items:center;gap:10px;padding:14px clamp(16px,4vw,40px);border-top:1px solid var(--line-soft);background:var(--panel)}.ttl-select{display:inline-flex;align-items:center;gap:5px;padding:0 4px 0 10px;border:1px solid var(--line);border-radius:11px;background:var(--raised);color:var(--muted);height:42px}.ttl-select select{background:transparent;border:0;color:var(--muted);font-size:13px;padding:0 4px;height:100%;outline:none}.composer>input{flex:1;height:42px;padding:0 16px;border-radius:12px;font-size:15px;border:1px solid var(--line);background:var(--raised);color:var(--fg);transition:border-color .2s var(--ease)}.composer>input:focus{outline:none;border-color:var(--accent-line)}.send-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--accent);color:var(--on-accent);border:0;transition:transform .12s var(--ease),filter .2s var(--ease)}.send-btn:hover{filter:brightness(1.06)}.send-btn:active{transform:scale(.94)}.send-btn:disabled{opacity:.4;cursor:default}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#060608a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;animation:fade .2s var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:0 22px 22px;box-shadow:0 30px 80px #0009;animation:pop .24s var(--ease);max-height:min(88dvh,780px);overflow-y:auto;overscroll-behavior:contain}.modal::-webkit-scrollbar{width:10px}.modal::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;border:3px solid var(--panel)}.modal::-webkit-scrollbar-thumb:hover{background:var(--raised-2)}.modal{scrollbar-width:thin;scrollbar-color:var(--line) transparent}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3;background:var(--panel);margin:0 -22px;padding:16px 22px 14px;border-bottom:1px solid var(--line-soft)}.modal-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--accent)}.verify-pair{display:flex;justify-content:center;gap:40px;margin:20px 0}.verify-pair>div{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.safety-cell{font-family:var(--mono);font-size:15px;letter-spacing:.04em;text-align:center;padding:9px 0;border-radius:9px;background:var(--raised);border:1px solid var(--line-soft);color:var(--fg)}.verify-note{margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.55}[data-theme=midnight]{--bg:#0a0d14;--panel:#10141d;--raised:#141a26;--raised-2:#1b2332;--line:#222c3d;--line-soft:#1a2230;--fg:#e9edf4;--muted:#8d97a8;--faint:#5a6478;--accent:#5b9df0;--accent-soft:rgba(91,157,240,.14);--accent-line:rgba(91,157,240,.4);--secret:#d9a443;--on-accent:#04101f}[data-theme=plum]{--bg:#100a10;--panel:#171017;--raised:#1d141e;--raised-2:#261a27;--line:#2e2030;--line-soft:#241826;--fg:#f0e9f0;--muted:#a08fa0;--faint:#6e5a6e;--accent:#c77dbb;--accent-soft:rgba(199,125,187,.15);--accent-line:rgba(199,125,187,.4);--secret:#d9a443;--on-accent:#1a0c18}[data-theme=terminal]{--bg:#070807;--panel:#0c100c;--raised:#0f140f;--raised-2:#141b14;--line:#1c261c;--line-soft:#161e16;--fg:#d6f0d6;--muted:#7f9a7f;--faint:#4f664f;--accent:#5fdd8f;--accent-soft:rgba(95,221,143,.13);--accent-line:rgba(95,221,143,.4);--secret:#ccb14a;--on-accent:#04140a}[data-theme=mist]{--bg:#f6f7f8;--panel:#ffffff;--raised:#f1f3f5;--raised-2:#e9edf0;--line:#dde2e7;--line-soft:#e7ebee;--fg:#16181c;--muted:#5d6670;--faint:#9aa3ad;--accent:#1f9d6b;--accent-soft:rgba(31,157,107,.12);--accent-line:rgba(31,157,107,.4);--secret:#a8761b;--on-accent:#ffffff}[data-theme=sand]{--bg:#f5f1ea;--panel:#fffdf9;--raised:#efe9df;--raised-2:#e7dfd2;--line:#ddd3c4;--line-soft:#e8e0d4;--fg:#211c15;--muted:#6b6051;--faint:#a89a85;--accent:#c2632f;--accent-soft:rgba(194,99,47,.12);--accent-line:rgba(194,99,47,.4);--secret:#946f16;--on-accent:#fff7f1}.day-sep{display:flex;align-items:center;gap:12px;margin:18px 0 10px;color:var(--faint)}.day-sep:before,.day-sep:after{content:"";height:1px;flex:1;background:var(--line-soft)}.day-sep span{font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.tick{opacity:.7;margin-left:1px}.tick.done{opacity:1}.row.mine .tick.read{opacity:1;color:#5ad0ff}.modal.settings{width:min(480px,100%)}.set-profile{display:flex;align-items:center;gap:14px;margin:20px 0 6px}.set-id{display:flex;flex-direction:column;gap:6px}.set-handle{font-size:18px;font-weight:700}.copy-row,.key-row{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:9px;background:var(--raised);border:1px solid var(--line-soft);color:var(--muted);font-size:13px;font-weight:600;transition:all .18s var(--ease);align-self:flex-start}.copy-row:hover,.key-row:hover{color:var(--fg);border-color:var(--line)}.set-block{margin-top:22px;display:flex;flex-direction:column;gap:10px}.set-label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}.key-row{width:100%;justify-content:space-between}.key-row code{font-family:var(--mono);font-size:12.5px;color:var(--fg)}.set-note{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:var(--raised);border:1px solid var(--line-soft);color:var(--muted);font-size:12.5px;font-weight:600;transition:all .18s var(--ease)}.theme-card:hover{border-color:var(--line);color:var(--fg)}.theme-card.active{border-color:var(--accent-line);color:var(--fg)}.theme-swatch{position:relative;height:38px;border-radius:8px;overflow:hidden;display:block;border:1px solid var(--line-soft)}.theme-swatch span{position:absolute;border-radius:4px}.theme-swatch span:nth-child(1){left:7px;top:7px;width:16px;height:24px}.theme-swatch span:nth-child(2){right:7px;bottom:9px;width:14px;height:14px}.theme-name{text-align:left}.danger-row{margin-top:24px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:11px;background:transparent;border:1px solid var(--line);color:var(--danger);font-weight:600;font-size:14px;transition:all .18s var(--ease)}.danger-row:hover{background:#e0675f14;border-color:#e0675f66}.side-actions{display:flex;flex-direction:column;gap:0;padding:8px 0}.side-actions .newchat-trigger{margin:6px 14px}.side-actions .newchat{padding:8px 14px}.group-ava{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line)}.group-ava.lg{width:56px;height:56px;border-radius:16px}.chat-who .group-ava{width:36px;height:36px}.row{align-items:flex-end;gap:8px}.row-ava{width:28px;flex:none;align-self:flex-end}.bubble-sender{font-size:12px;font-weight:700;color:var(--accent);margin-bottom:1px}.row.mine .bubble-sender{color:var(--on-accent);opacity:.8}.bubble.has-image{padding:5px 5px 6px;gap:4px}.bubble-img{display:block;max-width:320px;max-height:360px;width:100%;border-radius:11px;object-fit:cover}.bubble.has-image .bubble-text,.bubble.has-image .bubble-meta{padding:0 8px}.compose-icon{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--raised);border:1px solid var(--line);color:var(--muted);transition:all .18s var(--ease)}.compose-icon:hover{color:var(--accent);border-color:var(--accent-line)}.compose-input{flex:1;min-height:42px;max-height:140px;padding:11px 16px;border-radius:12px;font-size:15px;border:1px solid var(--line);background:var(--raised);color:var(--fg);resize:none;font-family:inherit;line-height:1.4;transition:border-color .2s var(--ease)}.compose-input:focus{outline:none;border-color:var(--accent-line)}.g-input{width:100%;padding:11px 14px;border-radius:11px;font-size:15px;border:1px solid var(--line);background:var(--raised);color:var(--fg)}.g-input:focus{outline:none;border-color:var(--accent-line)}.g-add{display:flex;gap:8px}.g-add .g-input{flex:1}.g-add .primary.sm{padding:0 14px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s var(--ease)}.chip:hover{filter:brightness(1.1)}.back-btn,.auth-mobilebrand{display:none}body{overscroll-behavior-y:none}@media (max-width: 860px){.auth-brand{display:none}.auth-grid{grid-template-columns:1fr}.auth-mobilebrand{display:flex;align-items:baseline;gap:8px;position:absolute;top:24px;left:0;right:0;justify-content:center}.auth-mobilebrand .mark{font-size:22px}.auth-panel{padding-top:84px}}@media (max-width: 720px){.shell{grid-template-columns:1fr}.shell .main,.shell.show-chat .sidebar{display:none}.shell.show-chat .main{display:flex;animation:slide-in .26s var(--ease)}.icon-btn,.ghost-btn,.compose-icon,.send-btn,.newchat-trigger{min-width:44px;min-height:44px}.peer-row{min-height:64px}.composer .compose-input,.composer>input,.newchat input,.search-row input{font-size:16px}.peer-last{font-size:13.5px}.bubble-text{font-size:15px}.chat-status{font-size:12.5px}.back-btn{display:grid;place-items:center;width:34px;height:34px;margin-left:-4px;border-radius:9px;background:transparent;border:0;color:var(--fg);flex:none}.side-head{padding-top:calc(16px + env(safe-area-inset-top))}.chat-head{padding-top:calc(13px + env(safe-area-inset-top))}.composer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.messages{padding-left:16px;padding-right:16px}.bubble{max-width:82%}.bubble-img{max-width:76vw;max-height:60vh}.chat-actions{gap:6px}.ghost-btn{padding:8px 10px}.modal{width:100%;padding:20px}.theme-grid{grid-template-columns:repeat(2,1fr)}.verify-pair{gap:28px}}@media (max-width: 480px){.chat-actions .btn-label{display:none}.ghost-btn{padding:9px}.safety-grid{grid-template-columns:repeat(3,1fr)}.bubble{max-width:86%}}.bubble-wrap{position:relative;max-width:min(72%,620px);display:flex;flex-direction:column}.row.mine .bubble-wrap{align-items:flex-end}.bubble{max-width:100%}.msg-tools{position:absolute;top:-13px;display:flex;gap:2px;padding:2px;z-index:3;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 6px 18px #0000004d;opacity:0;pointer-events:none;transition:opacity .15s var(--ease)}.row.theirs .msg-tools{right:6px}.row.mine .msg-tools{left:6px}.bubble-wrap:hover .msg-tools{opacity:1;pointer-events:auto}.msg-tools button{width:26px;height:26px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:7px}.msg-tools button:hover{background:var(--raised);color:var(--fg)}@media (hover: none){.msg-tools{display:none}}.react-bar{position:absolute;top:-46px;z-index:5;display:flex;gap:1px;padding:4px 6px;background:var(--panel);border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 30px #0006;animation:pop .16s var(--ease)}.row.theirs .react-bar{left:0}.row.mine .react-bar{right:0}.react-bar button{font-size:19px;line-height:1;padding:4px;border:0;background:transparent;cursor:pointer;border-radius:8px;transition:transform .12s var(--ease)}.react-bar button:hover{transform:scale(1.3)}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reactions.mine{justify-content:flex-end}.reaction{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:13px;background:var(--raised);border:1px solid var(--line-soft);color:var(--fg);cursor:pointer;transition:all .15s var(--ease)}.reaction span{font-family:var(--mono);font-size:11px;color:var(--muted)}.reaction.mine{background:var(--accent-soft);border-color:var(--accent-line)}.reaction.mine span{color:var(--accent)}.quote{display:block;border-left:2px solid var(--accent);padding:2px 0 2px 8px;margin-bottom:4px;font-size:12.5px;color:var(--muted);line-height:1.35;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote b{color:var(--accent);margin-right:6px;font-weight:600}.row.mine .quote{border-left-color:#0000004d}.row.mine .quote,.row.mine .quote b{color:#0009}.reply-chip{display:flex;align-items:center;gap:10px;margin:0 clamp(16px,4vw,40px);padding:8px 12px;background:var(--raised);border-left:2px solid var(--accent);border-radius:8px;color:var(--muted);animation:rise .2s var(--ease)}.reply-chip-body{flex:1;min-width:0;display:flex;flex-direction:column}.reply-chip-body b{font-size:12.5px;color:var(--accent)}.reply-chip-body span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-wrap{position:relative}.compose-icon.on{color:var(--accent);border-color:var(--accent-line)}.emoji-picker{position:absolute;bottom:52px;left:0;z-index:20;width:280px;max-height:220px;overflow-y:auto;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #00000080;animation:pop .16s var(--ease)}.emoji-picker button{font-size:20px;line-height:1;padding:5px;border:0;background:transparent;cursor:pointer;border-radius:8px;transition:transform .1s var(--ease),background .15s var(--ease)}.emoji-picker button:hover{background:var(--raised);transform:scale(1.15)}.avatar-styles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.avatar-style{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:12px;background:var(--raised);border:1px solid var(--line-soft);color:var(--muted);font-size:12px;cursor:pointer;transition:all .15s var(--ease)}.avatar-style:hover{color:var(--fg)}.avatar-style.active{border-color:var(--accent-line);color:var(--fg);background:var(--raised-2)}.accent-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.accent-dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s var(--ease)}.accent-dot:hover{transform:scale(1.12)}.accent-dot.active{border-color:var(--fg)}.avatar img.photo{object-fit:cover}.photo-row{display:flex;gap:8px}.bubble.has-voice{padding:8px 10px}.voice{display:flex;align-items:center;gap:10px;min-width:200px}.voice-play{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;background:var(--accent);color:var(--on-accent)}.row.mine .voice-play{background:var(--on-accent);color:var(--accent)}.voice-wave{flex:1;display:flex;align-items:center;gap:2px;height:26px}.voice-wave span{flex:1;min-width:2px;border-radius:2px;background:currentColor;transition:opacity .15s var(--ease)}.row.theirs .voice-wave{color:var(--accent)}.row.mine .voice-wave{color:var(--on-accent)}.voice-dur{font-family:var(--mono);font-size:11px;opacity:.75;flex:none}.recording{display:flex;align-items:center;gap:12px;flex:1;padding:0 4px}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:pulse 1.2s var(--ease) infinite;flex:none}.rec-time{font-family:var(--mono);font-size:14px;color:var(--fg);flex:none}.rec-hint{color:var(--muted);font-size:13px;flex:1}.compose-icon.danger{color:var(--danger);border-color:#e0675f66}.send-btn.mic{background:var(--raised);color:var(--muted);border:1px solid var(--line)}.send-btn.mic:hover{color:var(--accent);border-color:var(--accent-line);filter:none}.search-row{display:flex;align-items:center;gap:8px;margin:10px 14px 4px;padding:0 12px;height:38px;background:var(--raised);border:1px solid var(--line);border-radius:11px;color:var(--muted)}.search-row input{flex:1;background:transparent;border:0;color:var(--fg);font-size:14px;outline:none}.search-row input::placeholder{color:var(--faint)}.icon-btn.sm{width:24px;height:24px}.search-results{padding:6px 8px;overflow-y:auto;flex:1}.search-head{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:10px 12px 4px}.toggle-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px;border-radius:11px;background:var(--raised);border:1px solid var(--line-soft);color:var(--fg);cursor:pointer}.toggle-label{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:500}.toggle-switch{width:38px;height:22px;border-radius:999px;background:var(--line);position:relative;transition:background .2s var(--ease);flex:none}.toggle-switch span{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--fg);transition:transform .2s var(--ease)}.toggle-row.on .toggle-switch{background:var(--accent)}.toggle-row.on .toggle-switch span{transform:translate(16px);background:var(--on-accent)}.chat-search{display:flex;align-items:center;gap:8px;padding:9px 16px;border-bottom:1px solid var(--line-soft);background:var(--panel);color:var(--muted)}.chat-search input{flex:1;background:transparent;border:0;color:var(--fg);font-size:14px;outline:none}.chat-search input::placeholder{color:var(--faint)}.match-count{font-family:var(--mono);font-size:12px;color:var(--muted);min-width:34px;text-align:right}.icon-btn:disabled{opacity:.35;cursor:default}.pin-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line-soft);background:var(--accent-soft);color:var(--fg);cursor:pointer}.pin-bar>svg{color:var(--accent);flex:none}.pin-body{flex:1;min-width:0;display:flex;flex-direction:column}.pin-body b{font-size:12px;color:var(--accent)}.pin-body span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.bubble-text mark{background:#46b88a52;color:inherit;border-radius:3px;padding:0 1px}.row.mine .bubble-text mark{background:#00000038}.msg-tools button.on{color:var(--accent)}.row.flash .bubble{animation:flashpulse 1.2s var(--ease)}@keyframes flashpulse{0%,to{box-shadow:0 0 0 0 transparent}25%{box-shadow:0 0 0 2px var(--accent-line)}}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#060608d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade .2s var(--ease)}.call-card{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:36px 40px;box-shadow:0 30px 90px #0009;animation:pop .24s var(--ease);min-width:280px}.call-ava{border-radius:50%;padding:4px}.call-ava.pulsing{animation:callpulse 1.6s var(--ease) infinite}@keyframes callpulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 14px transparent}}.call-ava .avatar img{border-radius:50%}.call-name{font-size:22px;font-weight:700}.call-status{font-family:var(--mono);font-size:14px;color:var(--muted)}.call-controls{display:flex;gap:20px;margin-top:12px}.call-btn{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;color:#fff;transition:transform .12s var(--ease),filter .2s var(--ease)}.call-btn:active{transform:scale(.93)}.call-btn.accept{background:#34c75a}.call-btn.decline{background:var(--danger)}.call-btn.mute{background:var(--raised);color:var(--fg);border:1px solid var(--line)}.call-btn.mute.on{background:var(--accent);color:var(--on-accent);border-color:transparent}@keyframes slide-in{0%{transform:translate(8%);opacity:.4}to{transform:translate(0);opacity:1}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:60;display:flex;align-items:flex-end;animation:fade-in .16s var(--ease)}.action-sheet{width:100%;background:var(--panel);border-top-left-radius:20px;border-top-right-radius:20px;padding:8px 10px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 34px #0006;animation:sheet-up .22s var(--ease)}.sheet-reactions{display:flex;justify-content:space-around;padding:12px 4px 14px;border-bottom:1px solid var(--line-soft)}.sheet-reactions button{font-size:27px;line-height:1;background:none;border:0;padding:6px;cursor:pointer;transition:transform .12s var(--ease)}.sheet-reactions button:active{transform:scale(1.25)}.sheet-row{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;color:var(--fg);font-size:16px;padding:15px 12px;text-align:left;cursor:pointer;border-radius:12px}.sheet-row:active{background:var(--raised)}.sheet-row.cancel{justify-content:center;color:var(--muted);font-weight:600;margin-top:4px}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.requests{padding:4px 8px 0}.request-row{display:flex;align-items:center;gap:8px;justify-content:space-between}.req-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer}.req-actions{display:flex;align-items:center;gap:6px;flex:none}.icon-btn.sm{width:30px;height:30px}.rot45{transform:rotate(45deg)}.request-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px clamp(16px,4vw,40px) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:var(--panel)}.request-bar-text{color:var(--muted);font-size:13.5px}.request-bar-actions{display:flex;align-items:center;gap:8px}.pending-banner{display:flex;align-items:center;gap:7px;justify-content:center;padding:8px 14px;font-size:12.5px;color:var(--secret);background:#c9a24b14;border-top:1px solid var(--line-soft)}.bubble-edited{font-family:var(--mono);font-size:10px;opacity:.6;margin-left:2px}.sheet-row.danger{color:var(--danger)}.new-sep{display:flex;align-items:center;gap:10px;margin:10px 0 6px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.new-sep:before,.new-sep:after{content:"";flex:1;height:1px;background:var(--accent-line)}.jump-bottom{position:absolute;right:clamp(14px,4vw,32px);bottom:90px;z-index:8;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--raised-2);color:var(--fg);border:1px solid var(--line);box-shadow:0 6px 20px #00000059;transition:transform .15s var(--ease),background .2s var(--ease)}.jump-bottom:hover{background:var(--raised)}.jump-bottom:active{transform:scale(.92)}.photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#000000eb;display:grid;place-items:center;padding:24px;animation:fade-in .16s var(--ease)}.photo-viewer img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;touch-action:pinch-zoom}.viewer-close{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;color:#fff;background:#ffffff1f}.viewer-close:hover{background:#fff3;color:#fff}.bubble-img{cursor:zoom-in}.bubble-video{max-width:min(76vw,420px);max-height:60vh;border-radius:12px;display:block;background:#000}.file-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0f;border:1px solid var(--line-soft);color:inherit;text-decoration:none;min-width:200px;max-width:320px}.row.mine .file-chip{background:#00000029;border-color:#0000002e}.file-chip:hover{background:#ffffff1a}.row.mine .file-chip:hover{background:#0000003d}.file-ico{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.row.mine .file-ico{background:#0000002e;color:var(--on-accent)}.file-meta{display:flex;flex-direction:column;min-width:0;flex:1}.file-meta b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta span{font-family:var(--mono);font-size:11px;opacity:.7}.file-dl{flex:none;opacity:.7}