:root{--bg:#f6f4f0;--sidebar:#ece8e0;--sidebar-text:#2a2d33;--elevated:#fff;--hover:#e6e1d6;--text:#0f1115;--muted:#5c6370;--faint:#8a909a;--border:#ddd7cb;--accent:#b8780c;--accent-contrast:#fff;--mention:#f6e7c8;--danger:#b42318;--success:#1f7a4d;--code:#efebe3;--font-size:15px;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Roboto, "Noto Sans", Arial, sans-serif;--serif:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--radius:10px;--radius-sm:7px;--gap-msg:10px;--pad-x:24px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}[data-density=compact]{--gap-msg:3px;--pad-x:18px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--font-size);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,h4,p,ul,ol,dl,dd,pre{margin:0}ul{padding:0;list-style:none}a{color:var(--accent);text-underline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--mention)}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:.85em}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.stack-lg{flex-direction:column;gap:18px;display:flex}.grow{flex:1;min-width:0}.left{margin-right:auto}.pad{padding:10px 12px}.only-phone{display:none!important}.warn-text{color:var(--danger);margin-top:6px;font-size:.9em}.success-text{color:var(--success);align-items:center;gap:4px;font-size:.9em;display:inline-flex}.hide-phone{display:inline}.boot{height:100%;color:var(--muted);place-items:center;display:grid}.btn{border:1px solid var(--border);background:var(--elevated);border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:.93em;font-weight:550;transition:background .12s,border-color .12s;display:inline-flex}a.btn{color:var(--text);text-decoration:none}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.5}.btn.small{height:30px;padding:0 11px;font-size:.86em}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.07)}.btn.danger{background:var(--danger);border-color:var(--danger);color:var(--bg)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--hover);color:var(--text)}.btn.danger-ghost{color:var(--danger);background:0 0;border-color:#0000}.btn.danger-ghost:hover:not(:disabled){background:var(--hover)}.btn.block{width:100%;height:42px}.link-btn{color:var(--accent);text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.icon-btn{width:32px;height:32px;color:var(--muted);border-radius:var(--radius-sm);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-btn:disabled{opacity:.4}.icon-btn.tiny{width:24px;height:24px}.field{flex-direction:column;gap:6px;display:flex}.field>span:first-child{color:var(--text);font-size:.88em;font-weight:600}.field input:not([type=checkbox]):not([type=color]),.field textarea,.search input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--elevated);outline:none;width:100%;height:40px;padding:0 12px}.field input:focus,.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--mention)}.field small{font-size:.82em}.form-error{background:var(--mention);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:9px 12px;font-size:.92em}.form-ok{color:var(--success);border:1px solid var(--success);border-radius:var(--radius-sm);padding:9px 12px;font-size:.92em}.note-agent{background:var(--code);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--muted);padding:9px 12px;font-size:.9em}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--elevated);padding:16px}.badge-agent{background:var(--code);color:var(--muted);border:1px solid var(--border);vertical-align:1px;letter-spacing:.01em;border-radius:5px;padding:3px 6px;font-size:.68em;font-weight:650;line-height:1;display:inline-block}.pill{background:var(--mention);color:var(--text);vertical-align:1px;border-radius:99px;margin-left:8px;padding:2px 7px;font-size:.7em;font-weight:600;display:inline-block}.pill.muted-pill{background:var(--code);color:var(--muted)}.segmented{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code);align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:6px 14px;font-size:.9em;font-weight:550}.segmented button.on{background:var(--elevated);color:var(--text);box-shadow:0 0 0 1px var(--border)}.switch{border:1px solid var(--border);background:var(--code);border-radius:99px;flex:none;width:44px;height:26px;padding:0;transition:background .15s;position:relative}.switch i{background:var(--muted);border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on i{background:var(--accent-contrast);transform:translate(18px)}.switch:disabled{opacity:.5}.avatar{border-radius:50%;flex:none;display:inline-flex;position:relative}.avatar img,.avatar-initials{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-initials{color:#fff;letter-spacing:.02em;text-shadow:0 1px 1px #00000040;place-items:center;font-weight:650;display:grid}.avatar.ring img,.avatar.ring .avatar-initials{box-shadow:0 0 0 2px var(--bg)}.dot{border:2px solid var(--sidebar);background:var(--faint);box-sizing:content-box;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.dot.online{background:var(--success)}.dot.away{background:var(--accent)}.dot.offline{border-color:var(--sidebar);box-shadow:inset 0 0 0 2px var(--faint);background:0 0}.conv-header .dot,.members .dot,.people-page .dot{border-color:var(--bg)}.room-emoji{flex:none;place-items:center;line-height:1;display:inline-grid}.room-img{object-fit:cover;border-radius:6px;flex:none}.signin{background:var(--bg);place-items:center;min-height:100%;padding:24px;display:grid}.signin-card{background:var(--elevated);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:34px 32px 26px;display:flex}.signin-logo{color:var(--text);margin-bottom:14px}.signin-card h1{font-family:var(--serif);letter-spacing:-.01em;font-size:1.9em;font-weight:500;line-height:1.15}.shell{background:var(--bg);grid-template-columns:272px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.main-body{flex:1;min-width:0;min-height:0;display:flex}.conn-banner{background:var(--mention);color:var(--text);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:.88em;font-weight:550;display:flex}.pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25;transform:scale(.8)}}.sidebar{background:var(--sidebar);color:var(--sidebar-text);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.sidebar-head{height:58px;color:var(--sidebar-text);flex:none;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.logo{display:block}.sidebar-scroll{flex:1;padding:4px 10px 12px;overflow-y:auto}.side-section{margin-bottom:14px}.side-title{color:var(--sidebar-text);opacity:.72;justify-content:space-between;align-items:center;padding:6px 8px 4px;font-size:.82em;font-weight:650;display:flex}.side-item{width:100%;color:var(--sidebar-text);border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-height:34px;padding:6px 8px;display:flex;position:relative}.side-item:hover{background:var(--hover)}.side-item.active{background:var(--hover);box-shadow:inset 3px 0 0 var(--accent)}.side-item .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.side-item.unread .label{color:var(--text);font-weight:700}.side-item.away{opacity:.65}.side-item .count{background:var(--accent);color:var(--accent-contrast);text-align:center;border-radius:99px;min-width:20px;padding:1px 7px;font-size:.75em;font-weight:700}.side-item .lock{color:var(--faint);display:inline-flex}.side-item .badge-agent{background:0 0}.side-add{width:100%;color:var(--sidebar-text);opacity:.72;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:8px;margin-top:2px;padding:6px 8px;font-size:.93em;display:flex}.side-add:hover{background:var(--hover);opacity:1}.people-glyph{background:var(--code);width:20px;height:20px;color:var(--muted);border-radius:6px;place-items:center;font-weight:700;display:inline-grid}.sidebar-foot{padding:10px 10px calc(10px + var(--safe-b));border-top:1px solid var(--border);flex:none;align-items:center;gap:4px;display:flex}.me-btn{border-radius:var(--radius-sm);text-align:left;min-width:0;color:var(--sidebar-text);background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:6px 8px;display:flex}.me-btn:hover{background:var(--hover)}.me-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.me-text strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.93em;overflow:hidden}.me-text span{opacity:.75;text-overflow:ellipsis;white-space:nowrap;font-size:.8em;overflow:hidden}.sidebar-foot .icon-btn{color:var(--sidebar-text)}.scrim{display:none}.conversation{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.conv-header{min-height:58px;padding:8px var(--pad-x);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;display:flex}.conv-icon{background:var(--elevated);border:1px solid var(--border);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:inline-grid}.conv-title{flex:1;min-width:0}.conv-title h1{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.005em;align-items:center;gap:8px;font-size:1.06em;font-weight:650;line-height:1.25;display:flex;overflow:hidden}.conv-title p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85em;overflow:hidden}.conv-actions{flex:none;align-items:center;gap:10px;display:flex}.member-stack{border:1px solid var(--border);background:var(--bg);border-radius:99px;align-items:center;gap:8px;padding:4px 10px 4px 6px;display:inline-flex}.member-stack:hover,.member-stack[aria-pressed=true]{background:var(--hover)}.stack-avatars{display:inline-flex}.stack-avatars .avatar+.avatar{margin-left:-6px}.stack-avatars .avatar.ring img,.stack-avatars .avatar.ring .avatar-initials{box-shadow:0 0 0 2px var(--bg)}.stack-count{font-size:.88em;font-weight:650}.inline-note{padding:6px var(--pad-x);color:var(--muted);font-size:.85em}.timeline-wrap{flex:1;min-height:0;display:flex;position:relative}.timeline{overscroll-behavior:contain;scroll-behavior:auto;flex:1;overflow-y:auto}.timeline-inner{padding:14px var(--pad-x) 10px;flex-direction:column;justify-content:flex-end;max-width:980px;min-height:100%;margin:0 auto;display:flex}.history-note,.empty-room{text-align:center;color:var(--faint);padding:10px;font-size:.85em}.empty-room{color:var(--muted);font-family:var(--serif);padding:40px 10px;font-size:1.1em}.divider{color:var(--muted);align-items:center;gap:12px;margin:16px 0 8px;font-size:.78em;font-weight:650;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.divider span{border:1px solid var(--border);background:var(--elevated);border-radius:99px;padding:3px 12px}.divider.new{color:var(--accent)}.divider.new:before,.divider.new:after{background:var(--accent);opacity:.6}.divider.new span{border-color:var(--accent);background:var(--bg)}.jump-pill{background:var(--accent);color:var(--accent-contrast);border:0;border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:.88em;font-weight:600;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.msg{border-radius:var(--radius-sm);border-left:3px solid #0000;gap:12px;margin:0 -10px 0 -8px;padding:2px 10px 2px 8px;display:flex;position:relative}.msg.head{margin-top:var(--gap-msg);padding-top:4px}.msg:hover,.msg.open,.msg:focus-within{background:var(--hover)}.msg.mentioned{background:var(--mention);border-left-color:var(--accent)}.msg.mentioned:hover{filter:brightness(.97)}.msg.pending{opacity:.55}.msg.flash{animation:1.6s ease-out flash}@keyframes flash{0%,40%{background:var(--mention)}to{background:0 0}}.msg-gutter{flex:none;justify-content:center;width:36px;padding-top:2px;display:flex}.hover-time{color:var(--faint);white-space:nowrap;padding-top:4px;font-size:.7em;display:none}.msg:hover .hover-time,.msg.open .hover-time{display:inline}.msg-main{flex:1;min-width:0}.msg-meta{align-items:baseline;gap:8px;line-height:1.3;display:flex}.msg-name{font-weight:700}.msg-meta time{color:var(--faint);font-size:.78em}.msg-text{overflow-wrap:anywhere;word-break:break-word}.msg-text .md-p+.md-p,.msg-text .md-p+.md-pre,.msg-text .md-pre+.md-p,.msg-text .md-list+.md-p,.msg-text .md-p+.md-list{margin-top:.5em}.md-gap{height:.5em}.md-code{font-family:var(--mono);background:var(--code);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:.88em}.md-pre{font-family:var(--mono);background:var(--code);border:1px solid var(--border);border-radius:var(--radius-sm);margin:4px 0;padding:10px 12px;font-size:.86em;line-height:1.45;overflow-x:auto}.md-pre code{white-space:pre;font-family:inherit}.md-quote{border-left:3px solid var(--border);color:var(--muted);margin:3px 0;padding:1px 0 1px 12px}.md-list{margin:3px 0;padding-left:22px;list-style:outside}ol.md-list{list-style:decimal}.md-list li{padding-left:2px}.mention-chip{background:var(--mention);color:var(--text);border-radius:5px;padding:0 4px;font-weight:600}.mention-chip.me{background:var(--accent);color:var(--accent-contrast)}.action-line{color:var(--muted)}.reply-quote{border:0;border-left:2px solid var(--border);max-width:100%;color:var(--muted);text-align:left;background:0 0;border-radius:0 5px 5px 0;align-items:center;gap:6px;margin-bottom:2px;padding:2px 8px;font-size:.84em;display:flex}.reply-quote:hover{background:var(--code);color:var(--text)}.reply-quote strong{color:var(--text);flex:none;font-weight:650}.reply-quote span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.send-failed{color:var(--danger);margin-top:2px;font-size:.85em}.reactions{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.chip{border:1px solid var(--border);background:var(--elevated);border-radius:99px;align-items:center;gap:5px;height:26px;padding:0 9px;font-size:.88em;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--accent)}.chip.mine{background:var(--mention);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chip.mine .n{color:var(--text)}.chip .n{color:var(--muted);font-size:.85em;font-weight:650}.msg-actions{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:5;padding:2px;display:none;position:absolute;top:-16px;right:10px;box-shadow:0 2px 10px #0000001f}.msg:hover .msg-actions,.msg.open .msg-actions,.msg:focus-within .msg-actions{display:flex}.msg-actions .icon-btn{width:30px;height:28px}.popover{z-index:30;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);padding:8px;position:absolute;box-shadow:0 10px 30px #00000040}.react-picker{width:310px;top:calc(100% + 6px);right:0}.emoji-pop{width:310px;bottom:calc(100% + 8px);right:0}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:2px;display:grid}.emoji-btn{background:0 0;border:0;border-radius:6px;height:34px;padding:0;font-size:1.25em;line-height:1}.emoji-btn:hover{background:var(--hover)}.typing-line{height:22px;padding:0 var(--pad-x);color:var(--muted);flex:none;align-items:center;gap:8px;width:100%;max-width:980px;margin:0 auto;font-size:.82em;display:flex}.typing-dots{gap:3px;display:inline-flex}.typing-dots i{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1.2s infinite blink}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.composer-wrap{padding:0 var(--pad-x) calc(10px + var(--safe-b));flex:none;width:100%;max-width:980px;margin:0 auto;position:relative}.reply-chip{background:var(--code);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;color:var(--muted);border-bottom:0;align-items:center;gap:8px;margin-bottom:-1px;padding:6px 6px 6px 12px;font-size:.86em;display:flex}.reply-snippet{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.reply-chip strong{color:var(--text)}.composer{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-end;gap:6px;padding:6px 6px 6px 14px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.reply-chip+.composer{border-radius:0 0 var(--radius) var(--radius)}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--mention)}.composer.disabled{opacity:.6;background:var(--code)}.composer textarea{resize:none;background:0 0;border:0;outline:0;flex:1;min-width:0;max-height:200px;padding:7px 0;line-height:1.45}.composer textarea::placeholder{color:var(--faint)}.composer-tools{flex:none;align-items:center;gap:2px;display:flex}.emoji-anchor{position:relative}.send-btn{border-radius:var(--radius-sm);background:var(--accent);width:36px;height:34px;color:var(--accent-contrast);border:0;place-items:center;display:inline-grid}.send-btn:disabled{background:var(--code);color:var(--faint)}.composer-note{height:20px;color:var(--faint);padding:3px 4px 0;font-size:.76em}.composer-note .warn{color:var(--danger)}.mention-list{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);z-index:20;width:min(320px,100%);padding:4px;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 10px 30px #00000040}.mention-list li{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.mention-list li.on{background:var(--hover)}.mention-list .muted{font-size:.85em}.members{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;flex:none;width:300px;min-height:0;display:none}.members.open{display:flex}.members-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:14px 14px 10px 18px;display:flex}.members-head h2{font-size:1.02em;font-weight:650}.members-list{flex:1;padding:8px;overflow-y:auto}.member-row{border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.member-row:hover:not(:disabled){background:var(--hover)}.member-row:disabled{cursor:default}.member-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.member-text strong{flex-wrap:wrap;align-items:center;gap:6px;font-weight:650;display:flex}.member-text span{color:var(--muted);font-size:.85em}.members-note{border-left:3px solid var(--accent);background:var(--code);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--muted);margin:8px 14px 16px;padding:10px 12px;font-size:.86em}.empty-wrap{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;max-width:440px;margin:0 auto;padding:24px;display:flex}.empty-wrap strong{color:var(--text);font-family:var(--serif);font-size:1.3em;font-weight:500}.empty-wrap .logo{color:var(--faint);margin-bottom:8px}.people-scroll{padding:14px var(--pad-x) 30px;flex:1;overflow-y:auto}.people-list{flex-direction:column;gap:8px;max-width:880px;margin:0;display:flex}.person-row{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:12px 14px;display:flex}.person-row.inactive{opacity:.6}.person-text{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.person-text strong{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.person-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.secret{background:var(--code);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.secret code{font-family:var(--mono);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:1.05em}.modal-backdrop{z-index:100;background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);border-radius:14px;outline:none;flex-direction:column;width:100%;max-width:480px;max-height:min(88dvh,820px);display:flex;box-shadow:0 24px 60px #0006}.modal.wide{max-width:760px}.modal-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:14px 14px 12px 22px;display:flex}.modal-head h2{font-size:1.1em;font-weight:650;font-family:var(--serif);letter-spacing:-.005em}.modal-body{flex:1;min-height:0;padding:20px 22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);padding:12px 22px;padding-bottom:calc(12px + var(--safe-b));flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.modal.settings{height:min(86dvh,700px)}.modal.settings .modal-body{padding:0;display:flex}.settings-layout{width:100%;min-height:0;display:flex}.settings-rail{border-right:1px solid var(--border);background:var(--sidebar);border-bottom-left-radius:14px;flex-direction:column;flex:none;gap:2px;width:188px;padding:14px 10px;display:flex}.rail-item{text-align:left;border-radius:var(--radius-sm);color:var(--sidebar-text);background:0 0;border:0;padding:8px 12px;font-weight:550}.rail-item:hover{background:var(--hover)}.rail-item.active{background:var(--hover);box-shadow:inset 3px 0 0 var(--accent);color:var(--text)}.settings-pane{flex:1;min-width:0;padding:22px 26px 30px;overflow-y:auto}.settings-pane h3{font-family:var(--serif);letter-spacing:-.01em;font-size:1.45em;font-weight:500}.settings-pane h4{font-size:.95em;font-weight:650}.avatar-edit{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.theme-card{border:2px solid var(--border);background:var(--elevated);text-align:left;border-radius:12px;flex-direction:column;gap:7px;padding:7px;display:flex}.theme-card:hover{border-color:var(--faint)}.theme-card.active{border-color:var(--accent)}.theme-name{justify-content:space-between;align-items:center;padding:0 3px 2px;font-size:.9em;font-weight:600;display:flex}.theme-preview{background:var(--p-bg);border:1px solid var(--p-border);border-radius:7px;height:78px;display:flex;overflow:hidden}.tp-side{background:var(--p-side);flex-direction:column;gap:5px;width:26%;padding:7px 5px;display:flex}.tp-side i{background:var(--p-muted);opacity:.55;border-radius:3px;height:5px}.tp-side i.on{background:var(--p-accent);opacity:1}.tp-main{flex-direction:column;flex:1;gap:6px;padding:7px 8px;display:flex}.tp-line{background:var(--p-text);opacity:.8;border-radius:3px;height:5px}.w60{width:60%}.tp-msg{border-radius:4px;align-items:center;gap:5px;padding:2px;display:flex}.tp-msg.mention{background:var(--p-mention)}.tp-msg b{background:var(--p-accent);border-radius:50%;flex:none;width:9px;height:9px}.tp-msg span{flex-direction:column;flex:1;gap:3px;display:flex}.tp-msg u{background:var(--p-text);opacity:.35;border-radius:2px;width:90%;height:4px;display:block}.tp-msg u.short{width:55%}.tp-msg u.mid{width:70%}.tp-compose{background:var(--p-elev);border:1px solid var(--p-border);border-radius:4px;justify-content:space-between;align-items:center;height:12px;margin-top:auto;padding:0 3px;display:flex}.tp-compose u{background:var(--p-muted);border-radius:2px;width:40%;height:3px}.tp-compose em{background:var(--p-accent);border-radius:2px;width:8px;height:6px}.swatches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatch{border:2px solid var(--bg);width:34px;height:34px;box-shadow:0 0 0 1.5px var(--border);background:var(--sw);color:var(--sw-ink);border-radius:50%;place-items:center;padding:0;display:inline-grid}.swatch.on{box-shadow:0 0 0 2px var(--text)}.swatch.custom{background:var(--elevated);width:auto;color:var(--text);cursor:pointer;border-radius:99px;align-items:center;height:34px;padding:0 14px 0 38px;font-size:.88em;font-weight:550;display:inline-flex;position:relative}.swatch.custom input{cursor:pointer;background:0 0;border:0;border-radius:50%;width:26px;height:26px;padding:0;position:absolute;top:4px;left:4px}.setting-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--elevated);justify-content:space-between;align-items:flex-start;gap:20px;padding:16px;display:flex}.kv{grid-template-columns:90px 1fr;gap:4px 12px;font-size:.92em;display:grid}.kv dt{color:var(--muted)}.copy-line{flex-direction:column;gap:5px;display:flex}.copy-label{font-size:.85em;font-weight:600}.copy-box{background:var(--code);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:10px 10px 10px 12px;display:flex}.copy-box pre{min-width:0;font-family:var(--mono);white-space:pre-wrap;word-break:break-all;flex:1;font-size:.8em;line-height:1.55}.room-form{flex-direction:column;gap:18px;display:flex}.room-form-top{align-items:flex-end;gap:14px;display:flex}.icon-preview{background:var(--elevated);border:1px solid var(--border);border-radius:14px;flex:none;place-items:center;width:64px;height:64px;display:grid}.search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--elevated);color:var(--faint);align-items:center;gap:8px;padding-left:11px;display:flex}.search input{box-shadow:none!important;background:0 0!important;border:0!important;padding-left:0!important}.picker{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--elevated);max-height:250px;overflow-y:auto}.pick-title{color:var(--muted);background:var(--elevated);padding:8px 12px 4px;font-size:.8em;font-weight:650;position:sticky;top:0}.pick-row{cursor:pointer;align-items:center;gap:10px;padding:6px 12px;display:flex}.pick-row:hover,.pick-row.on{background:var(--hover)}.pick-row input{width:17px;height:17px;accent-color:var(--accent);flex:none}.pick-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.pick-text span{color:var(--muted);font-size:.84em}.toasts{left:50%;bottom:calc(96px + var(--safe-b));z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--text);color:var(--bg);border-radius:var(--radius);align-items:center;gap:10px;max-width:min(92vw,440px);padding:10px 10px 10px 16px;font-size:.92em;display:flex;box-shadow:0 8px 24px #0000004d}.toast.error{background:var(--danger);color:var(--bg)}.toast .icon-btn{color:inherit}.toast .icon-btn:hover{color:inherit;background:#ffffff26}.attachments{flex-wrap:wrap;align-items:flex-start;gap:8px;margin:4px 0 2px;display:flex}.att-image{border:1px solid var(--border);border-radius:var(--radius);background:var(--code);cursor:zoom-in;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.att-image img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .15s;display:block}.att-image.ready img{opacity:1}.att-image:hover{border-color:var(--accent)}.att-skeleton{border-radius:var(--radius);background:var(--code);border:1px solid var(--border);width:240px;max-width:100%;height:160px}.att-file{border:1px solid var(--border);background:var(--elevated);border-radius:var(--radius);min-width:240px;max-width:min(100%,380px);color:var(--text);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.att-file:hover{border-color:var(--accent);background:var(--hover)}.att-file-icon{background:var(--code);width:36px;height:36px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.att-file-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.att-file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.att-file-meta{color:var(--muted);font-size:.82em}.att-file-dl{color:var(--muted);flex:none;display:grid}.att-file:hover .att-file-dl{color:var(--accent)}.viewer{z-index:300;padding:calc(64px + var(--safe-t)) 24px calc(24px + var(--safe-b));background:#08090be0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer img{object-fit:contain;border-radius:var(--radius-sm);background:var(--code);max-width:100%;max-height:100%;box-shadow:0 20px 60px #00000080}.viewer-bar{top:var(--safe-t);color:#fff;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute;left:0;right:0}.viewer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.viewer-bar .icon-btn{color:#fff}.viewer-bar .icon-btn:hover{color:#fff;background:#ffffff29}.viewer-bar .btn{color:#fff;background:#ffffff1f;border-color:#ffffff40}.viewer-bar .btn:hover{background:#ffffff38}.uploads{flex-wrap:wrap;gap:8px;padding:0 0 8px;display:flex}.upload{border:1px solid var(--border);background:var(--elevated);border-radius:var(--radius);align-items:center;gap:10px;width:250px;max-width:100%;padding:7px 6px 7px 7px;display:flex;position:relative;overflow:hidden}.upload.error{border-color:var(--danger)}.upload-thumb{background:var(--code);width:38px;height:38px;color:var(--muted);border-radius:7px;flex:none;place-items:center;display:grid;overflow:hidden}.upload-thumb img{object-fit:cover;width:100%;height:100%}.upload-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.upload-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9em;font-weight:600;overflow:hidden}.upload-meta{color:var(--muted);font-size:.78em}.upload-meta .err{color:var(--danger);white-space:normal}.upload-bar{background:var(--code);height:3px;position:absolute;bottom:0;left:0;right:0}.upload-bar i{background:var(--accent);height:100%;transition:width .12s;display:block}.drop-hint{z-index:40;background:color-mix(in srgb, var(--bg) 82%, transparent);border:2px dashed var(--accent);border-radius:var(--radius);pointer-events:none;place-items:center;margin:8px;display:grid;position:absolute;inset:0}.drop-hint span{background:var(--elevated);border:1px solid var(--border);border-radius:99px;padding:10px 20px;font-weight:600;box-shadow:0 6px 20px #0000001f}.conversation{position:relative}.toast-link{color:inherit;text-align:left;font:inherit;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);background:0 0;border:0;padding:2px 0}.toast.clickable{padding-right:16px}@media (max-width:760px){:root{--pad-x:14px}.only-phone{display:inline-grid!important}.hide-phone{display:none}.shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:60;width:min(86vw,320px);padding-top:var(--safe-t);box-shadow:none;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.sidebar.open{transform:none;box-shadow:0 0 40px #00000073}.scrim{z-index:55;background:#00000073;display:block;position:fixed;inset:0}.scrim.right-only{z-index:65}.conv-header{padding-top:calc(8px + var(--safe-t));gap:8px}.conv-header.only-phone{display:flex!important}.members{z-index:70;width:min(88vw,340px);padding-top:var(--safe-t);position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 40px #0006}.msg-actions{right:4px}.react-picker,.emoji-pop{width:min(310px,86vw)}.composer-note{display:none}.composer-wrap{padding-bottom:calc(8px + var(--safe-b))}.modal-backdrop{align-items:end;padding:0}.modal,.modal.wide{border-radius:16px 16px 0 0;max-width:none;max-height:94dvh}.modal.settings{height:94dvh}.settings-layout{flex-direction:column}.settings-rail{border-right:0;border-bottom:1px solid var(--border);border-radius:0;flex-direction:row;flex:none;width:auto;padding:8px;overflow-x:auto}.rail-item{white-space:nowrap;padding:8px 10px}.rail-item.active{box-shadow:inset 0 -3px 0 var(--accent)}.settings-pane{padding:18px 16px 30px}.theme-grid{grid-template-columns:repeat(2,1fr)}.person-row{flex-wrap:wrap}.person-actions{justify-content:flex-start;width:100%;padding-left:58px}.signin-card{padding:28px 22px 22px}.conv-title p{display:none}}@media (hover:none){.msg:hover:not(.open){background:0 0}.msg.mentioned:hover:not(.open){background:var(--mention)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}