:root{--bg: #ebecf0;--panel: #ffffff;--border: #e4e6eb;--text: #081c36;--muted: #7589a3;--mine: #e5efff;--theirs: #ffffff;--accent: #0068ff;--rail: #0068ff;--danger: #c0392b;--hover: #f1f2f5;--selected: #e5efff;--sender: #1a9c50;--acct-0: #0068ff;--acct-1: #16a34a;--acct-2: #d97706;--acct-3: #9333ea;--acct-4: #dc2626;--acct-5: #0891b2}:root[data-theme=dark]{--bg: #16181c;--panel: #1e2126;--border: #2b2f37;--text: #e8eaed;--muted: #8e99ab;--mine: #1d3557;--theirs: #24272d;--rail: #10233f;--hover: #24272d;--selected: #1d3557;--sender: #4ade80}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #16181c;--panel: #1e2126;--border: #2b2f37;--text: #e8eaed;--muted: #8e99ab;--mine: #1d3557;--theirs: #24272d;--rail: #10233f;--hover: #24272d;--selected: #1d3557;--sender: #4ade80}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:6px;padding:5px 12px}button:disabled{opacity:.45;cursor:default}.muted{color:var(--muted)}.center{text-align:center}.small{font-size:12px}.error{color:var(--danger)}.banner{margin:0;padding:8px 16px;background:#fdecea}.gate{display:grid;place-items:center;height:100dvh}.gate-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px;width:min(420px,92vw);display:grid;gap:12px}.gate-card h1{margin:0;font-size:20px}.gate-card input{font:inherit;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.app{height:100dvh;display:flex;flex-direction:column}.layout{flex:1;display:grid;grid-template-columns:64px minmax(300px,344px) 1fr;min-height:0}.layout.with-info{grid-template-columns:64px minmax(280px,320px) 1fr 320px}.rail{background:var(--rail);display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0 12px}.rail-account{margin-bottom:12px}.rail-me{padding:2px;border-radius:50%;background:#9aa1ad}.rail-me.status-open{background:#29cc6a}.rail-me.status-connecting{background:#f0a020}.rail-me.status-offline{background:#ff4d4f}.rail-btn{width:44px;height:44px;border:none;border-radius:8px;background:none;color:#ffffffc7;display:grid;place-items:center;padding:0}.rail-btn:hover:not(:disabled){background:#ffffff1f}.rail-btn-active{background:#fff3;color:#fff}.rail-bottom{margin-top:auto}.threads{border-right:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}.threads-head{padding:10px 12px 8px;border-bottom:1px solid var(--border);display:grid;gap:8px}.search{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:16px;padding:6px 10px;color:var(--muted)}.search input{font:inherit;border:none;background:none;color:var(--text);outline:none;flex:1;min-width:0}.search-clear{border:none;background:none;color:var(--muted);padding:0 2px}.tabs{display:flex;gap:16px}.tab{border:none;background:none;padding:4px 0 6px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;border-radius:0;display:inline-flex;align-items:center;gap:6px}.tab-active{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{font-size:11px;font-weight:700;line-height:1;padding:2px 5px;border-radius:999px;background:var(--danger);color:#fff}.filters{display:flex;flex-wrap:wrap;gap:6px}.thread-item{position:relative}.thread-flags{display:flex;align-items:center;gap:4px;padding-left:6px;flex:none;color:var(--accent)}.thread-flags+.thread-time{margin-left:6px}.thread-more{position:absolute;top:4px;right:6px;z-index:2;border:none;background:none;color:var(--muted);opacity:0;padding:0 4px;line-height:1.1;letter-spacing:1px;border-radius:6px}.thread-item:hover .thread-more,.thread-more[aria-expanded=true]{opacity:1}.thread-more:hover{color:var(--text);background:var(--hover)}.typing{margin:2px 0 6px 52px;font-style:italic}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#00000059;display:grid;place-items:center}.modal{background:var(--panel);border-radius:12px;padding:16px;width:min(420px,92vw);max-height:80vh;display:flex;flex-direction:column;gap:8px}.modal h3{margin:0;font-size:16px}.modal .quoted{margin:0;padding:6px 8px;background:var(--bg);border-radius:6px;max-height:60px;overflow:hidden}.forward-list{overflow-y:auto;flex:1;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.sticker-panel{border-top:1px solid var(--border);padding:8px 10px;background:var(--panel)}.sticker-search{font:inherit;width:100%;padding:6px 10px;border-radius:16px;border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none}.sticker-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-height:180px;overflow-y:auto}.sticker-pick{border:none;background:none;padding:2px;border-radius:8px}.sticker-pick:hover{background:var(--hover)}.sticker-pick img{width:64px;height:64px;object-fit:contain;display:block}.thread-item:hover .thread-time{opacity:0;font-size:11px}.thread.is-muted .unread-badge{background:var(--muted)}.rename{display:flex;gap:6px;align-items:center;margin:8px 0}.rename input{font:inherit;padding:5px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);min-width:0;flex:1}.rename button{font-size:12px;padding:5px 10px}.rename-btn{font-size:13px;opacity:.6;margin-left:6px}.rename-btn:hover{opacity:1}.filter-menu{position:relative;margin-left:auto}.caret{font-size:10px;margin-left:2px}.menu-backdrop{position:fixed;inset:0;z-index:20}.menu{position:absolute;z-index:21;top:calc(100% + 6px);right:0;min-width:240px;max-height:60vh;overflow-y:auto;padding:8px 0;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #0000002e}.menu-head{margin:6px 0 2px;padding:0 12px;font-size:12px;font-weight:700;color:var(--muted)}.menu-row{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:13px;cursor:pointer;width:100%;border:none;border-radius:0;background:none;color:inherit;text-align:left}.menu-row:hover{background:var(--hover)}.menu-sep{border-top:1px solid var(--border);margin-top:6px;padding-top:10px}.menu-empty{margin:4px 0;padding:0 12px;font-size:12px}.tag-dot{width:12px;height:12px;border-radius:3px;flex:none}.menu-clear{width:calc(100% - 24px);margin:8px 12px 2px;border:none;background:var(--hover);font-size:12px}.labels{align-items:center}.labels .muted{font-size:12px}.labels .chip{border-color:var(--chip, var(--border));color:var(--chip, var(--text))}.chip-emoji{margin-right:4px}.chip{font-size:12px;padding:3px 10px;border-radius:999px}.chip-active{background:var(--text);color:var(--panel)}.chip.acct-0,.chip.acct-1,.chip.acct-2,.chip.acct-3,.chip.acct-4,.chip.acct-5{background:none;border-color:var(--chip);color:var(--chip)}.chip.chip-active{background:var(--chip, var(--text));color:#fff}.thread-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.thread{width:100%;border:none;border-radius:0;background:none;display:flex;gap:10px;align-items:center;text-align:left;padding:8px 12px}.thread:hover{background:var(--hover)}.thread-selected,.thread-selected:hover{background:var(--selected)}.thread-main{flex:1;min-width:0;display:grid;gap:2px}.thread-row-1,.thread-row-2{display:flex;align-items:center;gap:8px;min-width:0}.thread-title{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-time{font-size:12px;color:var(--muted);flex:none}.thread-preview{flex:1;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-meta{font-size:11px;color:var(--muted)}.unread{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent)}.unread-badge{flex:none;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f03d3d;color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}.empty{padding:16px;color:var(--muted);font-size:13px}.list-heading{padding:10px 12px 4px;font-size:12px;font-weight:600;color:var(--muted);border-top:1px solid var(--border)}.thread.hit{padding-left:12px}.avatar{border-radius:50%;object-fit:cover;display:grid;place-items:center;color:#fff;font-weight:600;flex:none}.avatar-fallback{line-height:1}.avatar-mosaic{display:grid;gap:1px;overflow:hidden;background:var(--border)}.avatar-mosaic img{width:100%;height:100%;object-fit:cover;display:block}.mosaic-1{grid-template-columns:1fr}.mosaic-2,.mosaic-3{grid-template-columns:1fr 1fr}.mosaic-3 img:first-child{grid-row:span 2}.mosaic-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.avatar-spacer{width:40px;flex:none}.avatar-wrap{flex:none;border-radius:50%;display:inline-flex}.acct-0{--chip: var(--acct-0);background:var(--acct-0)}.acct-1{--chip: var(--acct-1);background:var(--acct-1)}.acct-2{--chip: var(--acct-2);background:var(--acct-2)}.acct-3{--chip: var(--acct-3);background:var(--acct-3)}.acct-4{--chip: var(--acct-4);background:var(--acct-4)}.acct-5{--chip: var(--acct-5);background:var(--acct-5)}.chat{display:flex;flex-direction:column;min-height:0;background:var(--bg)}.empty-chat{display:grid;place-items:center}.chat-header{display:flex;gap:12px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.chat-title{flex:1;min-width:0}.chat-title h2{margin:0;font-size:16px;font-weight:600}.icon-btn{border:none;background:none;color:var(--muted);border-radius:6px;padding:6px;display:grid;place-items:center}.icon-btn:hover{background:var(--hover)}.icon-btn.is-on{background:var(--selected);color:var(--accent)}.back-btn,.rail-label{display:none}.info{border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}.info-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.info-body{overflow-y:auto;padding:12px}.info-identity{display:grid;justify-items:center;gap:6px;padding:8px 0 16px}.info-identity h3{margin:0;font-size:15px;text-align:center}.info-identity p{margin:0}.info-section{border-top:1px solid var(--border);padding:12px 0}.info-section h4{margin:0 0 8px;font-size:13px;color:var(--muted);font-weight:600}.rail-btn{position:relative}.rail-badge{position:absolute;top:4px;right:8px;min-width:16px;padding:0 4px;border-radius:8px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.mentions{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.mentions-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid var(--border)}.mentions-head h2{margin:0;font-size:15px}.mentions-empty{padding:24px 12px;text-align:center}.mentions-list{list-style:none;margin:0;padding:0}.mention-row{padding:10px 12px;border-bottom:1px solid var(--border)}.mention-top{display:flex;justify-content:space-between;gap:8px;font-size:13px}.mention-label{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-account{color:var(--muted);font-size:11px;white-space:nowrap}.mention-body{margin:4px 0 6px;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mention-sender{color:var(--muted)}.mention-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.mention-actions{display:flex;gap:6px}.mention-actions button{padding:3px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:inherit;font-size:12px;cursor:pointer}.mention-open{font-weight:600}.mention-actions button:disabled{opacity:.5;cursor:progress}.note-label{display:block;margin:10px 0 4px;font-size:12px;color:var(--muted)}.note-box{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:13px;resize:vertical}.summary-text{margin:10px 0 6px;padding:8px;border-left:2px solid var(--border);font-size:13px;white-space:pre-wrap}.rebuild-btn{padding:3px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:inherit;font-size:12px;cursor:pointer}.rebuild-btn:disabled{opacity:.5;cursor:progress}.watch-toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.watch-toggle input{cursor:pointer}.watch-toggle input:disabled,.watch-toggle:has(input:disabled){cursor:progress}.member-list,.file-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.member-list li{display:flex;align-items:center;gap:8px;font-size:13px}.file-list li{display:flex;justify-content:space-between;gap:8px;font-size:13px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.media-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block}.media-loading{background:var(--hover)}.media-thumb-btn{padding:0;border:0;background:none;border-radius:6px;display:block;cursor:zoom-in;line-height:0}.chat-title p{margin:0;font-size:12px}.messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column}.message-slot{display:contents}.day-row{display:flex;justify-content:center}.day{display:inline-block;font-size:11px;color:var(--muted);background:#0000000f;border-radius:999px;padding:2px 10px;margin:14px 0 8px}.bubble-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:2px}.bubble-row.run-end{margin-bottom:10px}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:min(70ch,74%);background:var(--theirs);border-radius:8px;padding:6px 10px;box-shadow:0 1px 1px #0000000f}.mine .bubble{background:var(--mine)}.sender{font-size:12px;color:var(--sender);font-weight:600;margin-bottom:2px}.body{white-space:pre-wrap;overflow-wrap:anywhere}.recalled{font-style:italic;color:var(--muted);background:none;border:0;padding:0;font-size:inherit;font-family:inherit;text-align:left;cursor:pointer}.recalled.small{font-size:12px;margin-bottom:2px;cursor:default}.recalled .reveal{text-decoration:underline}.italic{font-style:italic}.quote{display:grid;gap:1px;border-left:3px solid var(--accent);background:#0000000a;border-radius:4px;padding:4px 8px;margin-bottom:4px;font-size:13px}.quote-who{color:var(--accent);font-weight:500}.quote-body{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40ch}.quote-missing{color:var(--muted);font-style:italic}.bubble-meta{display:flex;gap:8px;align-items:center;justify-content:flex-end;font-size:11px;color:var(--muted);margin-top:2px}.reactions{font-size:12px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:0 6px}.bubble{position:relative}.bubble-actions{position:absolute;top:-14px;left:4px;display:flex;gap:2px;opacity:0;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:2px 4px;box-shadow:0 1px 4px #0000001a;transition:opacity .1s;white-space:nowrap}.mine .bubble-actions{left:auto;right:4px}.bubble:hover .bubble-actions,.bubble-actions:hover{opacity:1}.bubble-actions button{border:none;background:none;padding:1px 4px;font-size:13px;border-radius:999px}.bubble-actions button:hover:not(:disabled){background:var(--hover)}.action-failed{font-size:11px;color:var(--danger);margin-top:2px}.reply-bar{display:flex;align-items:center;gap:8px;background:var(--hover);border-radius:8px;padding:6px 10px;margin-bottom:6px;font-size:13px}.reply-mark{width:3px;align-self:stretch;background:var(--accent);border-radius:2px}.reply-text{display:grid;gap:1px;min-width:0;flex:1}.reply-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment{margin-top:6px}.mention-list{list-style:none;margin:0 8px;padding:4px;max-height:220px;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 -4px 16px #0000001f}.mention{width:100%;border:none;background:none;border-radius:6px;padding:6px 8px;display:flex;align-items:center;gap:8px;text-align:left;color:var(--text)}.mention.active{background:var(--hover)}.mention-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--hover)}.mention-all{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:13px}@keyframes flash-in{0%{background:var(--selected)}to{background:transparent}}.bubble-row.flash{animation:flash-in 1.6s ease-out;border-radius:8px}.sticker{width:130px;height:130px;object-fit:contain;display:block}.mention-tag{color:var(--accent);font-weight:600}.body.call{display:flex;align-items:center;gap:8px}.call-icon{font-size:15px}.attachment-image{max-width:100%;max-height:320px;border-radius:8px;display:block}.attachment-image.pending{opacity:.75}.attachment.note{font-size:13px;color:var(--muted)}.attachment.file{text-align:left}.attachment-image-btn{padding:0;border:0;background:none;border-radius:8px;display:block;cursor:zoom-in;line-height:0}:root{--rail-width: 106px}.lightbox{position:fixed;inset:0;z-index:60;background:#000000e5;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"bar     rail" "stage   rail" "caption rail";color:#fff}.lightbox-bar{grid-area:bar;display:flex;align-items:center;gap:12px;padding:10px 14px}.lightbox-count{margin-left:auto;margin-right:auto;font-size:13px;color:#ffffffbf}.lightbox-btn{border:0;background:#ffffff1a;color:#fff;display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%}.lightbox-btn:hover{background:#ffffff38}.lightbox-btn:disabled{opacity:.4}.lightbox-stage{grid-area:stage;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px 12px;min-height:0;overscroll-behavior:contain;touch-action:none}.lightbox-image{max-width:100%;max-height:100%;width:auto;height:auto;min-height:0;object-fit:contain;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-image.is-zoomed{cursor:grab}.lightbox-image.is-zoomed:active{cursor:grabbing}.lightbox-message{color:#ffffffb3;font-size:14px}.lightbox-caption{grid-area:caption;padding:10px 14px 16px;text-align:center;font-size:13px;color:#ffffffb3;min-height:18px}.lightbox-steps{position:absolute;right:calc(var(--rail-width) + 12px);top:50%;transform:translateY(-50%);display:grid;gap:10px;z-index:1}.lightbox-step{border:0;background:#ffffff1f;color:#fff;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%}.lightbox-step:hover:not(:disabled){background:#ffffff3d}.lightbox-step:disabled{opacity:.25}.lightbox-step svg{transform:rotate(90deg)}.lightbox-step.down svg{transform:rotate(-90deg)}.lightbox-rail{grid-area:rail;width:var(--rail-width);overflow-y:auto;overflow-x:hidden;padding:10px 8px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff0a;scrollbar-width:thin}.rail-day{font-size:11px;color:#fff9;padding-top:6px}.rail-thumb{border:2px solid transparent;background:none;padding:0;width:86px;height:86px;border-radius:6px;overflow:hidden;flex:none;display:block;line-height:0}.rail-thumb img{width:100%;height:100%;object-fit:cover;display:block}.rail-thumb.is-active{border-color:#fff}.rail-thumb:hover:not(.is-active){border-color:#fff6}.rail-blank{display:block;width:100%;height:100%;background:#ffffff14}.load-older{align-self:center;margin-bottom:8px}.composer{border-top:1px solid var(--border);background:var(--panel);padding:6px 16px 10px}.composer.readonly{color:var(--muted);font-size:13px;padding:14px 16px}.composer-tools{display:flex;align-items:center;gap:2px;padding-bottom:5px;border-bottom:1px solid var(--border);margin-bottom:6px}.composer-tools button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:none;background:none;color:var(--muted);border-radius:8px;cursor:pointer;transition:background .12s,color .12s}.composer-tools button:hover:not(:disabled){background:var(--hover);color:var(--text)}.composer-tools button:disabled{opacity:.45;cursor:default}.uploading{align-self:center;font-size:12px;color:var(--muted);margin-left:6px}.composer-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"text send";gap:8px;align-items:end}.send-as{margin-left:auto;align-self:center;background:none!important;color:var(--chip, var(--accent));border:1px solid var(--chip, var(--accent));border-radius:999px;padding:0 8px;font-size:11px}.composer textarea{grid-area:text;font:inherit;resize:none;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);outline:none}.composer textarea:focus{border-color:var(--accent)}.composer .send,.composer .like{grid-area:send;border:none;background:none;font-size:20px;padding:4px 8px}.composer .send{color:var(--accent);font-size:14px;font-weight:600}.sheet-backdrop{position:fixed;inset:0;background:#00000073;z-index:50}.bubble.sheet-open{z-index:60}.sheet{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:60;display:grid;gap:8px}.sheet-reactions,.sheet-grid,.sheet-details{background:var(--panel);border-radius:14px;box-shadow:0 6px 24px #00000038}.sheet-reactions{display:flex;justify-content:space-around;padding:6px 4px}.sheet-reactions button{border:none;background:none;font-size:26px;line-height:1;padding:8px;border-radius:999px}.sheet-reactions button:active:not(:disabled){background:var(--hover)}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));padding:6px 2px}.sheet-grid button{border:none;background:none;color:var(--text);display:grid;justify-items:center;gap:6px;padding:12px 2px;font-size:12px;border-radius:12px}.sheet-grid button:active:not(:disabled){background:var(--hover)}.sheet-glyph{font-size:21px;line-height:1}.sheet-danger{color:var(--danger)}.sheet-details{padding:12px 14px;display:grid;gap:8px;font-size:13px}.sheet-details h4{margin:0;font-size:13px}.sheet-row{display:flex;gap:12px;justify-content:space-between}.sheet-row span:last-child{text-align:right;overflow-wrap:anywhere}.sheet-error{margin:0;padding:0 4px}@media(max-width:1100px){.layout{grid-template-columns:56px minmax(240px,300px) 1fr}.layout.with-info{grid-template-columns:56px 1fr minmax(280px,320px)}.layout.with-info .threads{display:none}.rail-btn{width:40px;height:40px}}@media(max-width:768px){.lightbox-rail{display:none}.lightbox{grid-template-columns:minmax(0,1fr)}.lightbox-steps{right:10px}.layout,.layout.with-info{grid-template-columns:1fr;grid-template-rows:1fr auto}.threads,.chat{grid-row:1;grid-column:1}.rail{grid-row:2;grid-column:1}.threads{border-right:none}.layout:not(.has-chat) .chat{display:none}.layout.has-chat .threads,.layout.has-chat .rail{display:none}.rail{flex-direction:row;justify-content:space-around;align-items:stretch;gap:0;padding:4px 4px calc(4px + env(safe-area-inset-bottom));border-top:1px solid rgb(255 255 255 / 15%)}.rail-account{flex:1;margin-bottom:0;display:grid;place-items:center;gap:3px;padding:6px 0;color:#ffffffc7}.rail-account .avatar{width:26px!important;height:26px!important;font-size:11px!important}.rail-btn{width:auto;height:auto;flex:1;grid-auto-flow:row;gap:3px;padding:6px 0}.rail-bottom{margin-top:0}.rail-label{display:block;font-size:10px;line-height:1}.threads-head{background:var(--rail);padding:calc(8px + env(safe-area-inset-top)) 12px 0;border-bottom:none}.search{background:#fff3;color:#fffc;padding:8px 12px}.search input{color:#fff;font-size:16px}.search input::placeholder{color:#ffffffb3}.search-clear{color:#fff}.tabs{background:var(--panel);margin:0 -12px -8px;padding:6px 12px 0}.filters{background:var(--panel);margin:0 -12px;padding:8px 12px;border-bottom:1px solid var(--border);flex-wrap:nowrap;overflow-x:auto}.chip{flex:none;padding:5px 12px}.thread{padding:10px 12px}.thread-title{font-size:15px}.chat-header{background:var(--rail);color:#fff;border-bottom:none;gap:6px;padding:calc(6px + env(safe-area-inset-top)) 6px 6px}.back-btn{display:grid}.chat-header .icon-btn{color:#fff;padding:9px}.chat-header .icon-btn:hover{background:#ffffff26}.chat-header .icon-btn.is-on{background:#ffffff38;color:#fff}.chat-title h2{font-size:15px}.chat-title p{color:#ffffffc7}.chat-header .avatar-wrap{display:none}.messages{padding:8px 10px}.bubble{max-width:84%}.bubble{user-select:none;-webkit-user-select:none}.bubble .body{user-select:text;-webkit-user-select:text}.bubble-actions{display:none}.composer{padding:4px 8px calc(6px + env(safe-area-inset-bottom))}.composer-tools{border-bottom:none;padding-bottom:0;margin-bottom:4px;align-items:center}.composer-tools .not-yet{display:none}.composer-tools button{font-size:20px;padding:6px 8px}.composer textarea{font-size:16px}.info{position:fixed;inset:0;z-index:40;padding-top:env(safe-area-inset-top);border-left:none}.info-head{background:var(--rail);color:#fff;border-bottom:none;padding:12px}.info-head .icon-btn{color:#fff;padding:9px}.info-head .icon-btn:hover{background:#ffffff26}.info-body{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.banner{padding:8px 12px}}@media(hover:none){.icon-btn{padding:9px}.search-clear{padding:4px 6px}}.rail-btn-alert{color:#e5484d}.rail-badge-alert{background:#e5484d}.login-modal{width:min(380px,92vw);gap:12px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:16px}.modal-close{border:0;background:none;color:var(--muted);cursor:pointer;font-size:15px;padding:2px 6px}.modal-close:hover{color:var(--text)}.login-accounts{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.login-accounts li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border)}.login-accounts li:last-child{border-bottom:0}.login-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-empty{color:var(--muted);justify-content:center}.login-state{font-size:11px;flex-shrink:0}.login-state-active{color:var(--muted)}.login-state-logged_out,.login-state-banned{color:#e5484d;font-weight:600}.login-stage{display:grid;place-items:center;gap:8px;min-height:8px}.login-qr{width:200px;height:200px;background:#fff;padding:8px;border-radius:8px}.login-hint{margin:0;font-size:12px;color:var(--muted);text-align:center}.login-error{margin:0;font-size:12px;color:#e5484d;text-align:center}.login-actions{display:flex;justify-content:center}.btn-primary{border:0;border-radius:8px;padding:8px 16px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:default}.login-note{margin:0;font-size:11px;line-height:1.5;color:var(--muted);border-top:1px solid var(--border);padding-top:8px}.login-relogin{flex-shrink:0;border:1px solid #e5484d;border-radius:6px;padding:3px 10px;background:transparent;color:#e5484d;font-size:11px;font-weight:600;cursor:pointer}.login-relogin:hover:not(:disabled){background:#e5484d;color:#fff}.login-relogin:disabled{opacity:.5;cursor:default}.tabs{flex-wrap:nowrap;align-items:center}.tabs-right{margin-left:auto}.attachment-via{color:var(--muted);font-size:11px;margin-left:4px}.quote{width:100%;text-align:left;font-family:inherit;color:inherit;cursor:pointer;border-width:0 0 0 3px;border-style:solid;border-color:var(--accent)}.quote:hover{filter:brightness(.96)}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/quicksand-viet-600.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/quicksand-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/quicksand-viet-700.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/quicksand-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display: "Quicksand", -apple-system, "Segoe UI", sans-serif}.thread{position:relative;transition:background .12s ease}.thread-spine{position:absolute;left:0;top:5px;bottom:5px;width:4px;border-radius:0 4px 4px 0;opacity:.4;transition:opacity .12s ease}.spine-join{top:-1px;border-top-right-radius:0}.spine-join+.avatar-wrap{position:relative}.thread.is-unread .thread-spine{opacity:1}.thread:hover .thread-spine{opacity:.6}.thread.is-unread:hover .thread-spine{opacity:1}.thread-selected .thread-spine{opacity:1;width:4px}.thread-title{font-family:var(--font-display);letter-spacing:-.005em;color:var(--muted)}.thread.is-unread .thread-title{font-weight:700;color:var(--text)}.thread-selected .thread-title{color:var(--text)}.thread-preview{opacity:.62}.thread.is-unread .thread-preview{opacity:1}.thread-time{font-variant-numeric:tabular-nums;letter-spacing:.01em}.unread-badge{font-variant-numeric:tabular-nums}.legend{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.legend::-webkit-scrollbar{display:none}.legend-all,.legend-acct{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;border:none;background:none;padding:3px 8px;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--muted);cursor:pointer;transition:background .12s ease,color .12s ease}.legend-all:hover,.legend-acct:hover{background:var(--hover)}.legend-acct.is-on{background:color-mix(in srgb,var(--chip) 16%,transparent);color:var(--chip);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip) 42%,transparent)}.legend-all.is-on{background:var(--hover);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.legend-dot{width:7px;height:7px;border-radius:50%;background:var(--chip, var(--muted))}.legend-warn{color:var(--danger);font-size:11px}.chat-title,.threads-head h2,.mentions-head h2,.modal-head h2,.tab,.sender{font-family:var(--font-display)}@media(max-width:768px){.thread-spine{width:4px;top:4px;bottom:4px}.thread-selected .thread-spine{width:5px}.legend{gap:2px}.legend-all,.legend-acct{padding:4px 9px;font-size:12px}.rail-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:10px}}@media(prefers-reduced-motion:reduce){.thread,.thread-spine,.legend-all,.legend-acct{transition:none}}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}:root{--scroll-thumb: #c9ced6;--scroll-thumb-hover: #aab2bd}:root[data-theme=dark]{--scroll-thumb: #3a3f47;--scroll-thumb-hover: #4c525b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--scroll-thumb: #3a3f47;--scroll-thumb-hover: #4c525b}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.filter-clear{border:none;background:none;color:var(--accent);padding:2px 6px;margin-left:-4px;border-radius:999px;font-size:12px;line-height:1;cursor:pointer}.filter-clear:hover{background:var(--hover)}.tabs-right+.filter-menu{margin-left:-12px}.menu-compact{min-width:0;width:max-content;padding:5px}.menu-compact .menu-row{white-space:nowrap;border-radius:7px;padding:7px 12px}.thread-flags svg{display:block}.thread-menu{position:fixed;top:auto;right:auto;min-width:212px}