:root{--bg-app: #1b1b1b;--bg-list: #2a2a2a;--bg-thread: #1b1b1b;--bg-chrome: #161616;--bubble-in: #2a2a2a;--bubble-out: #2c6bed;--bubble-out-text: #ffffff;--text-primary: #e9e9e9;--text-secondary: #8e8e93;--divider: #3a3a3a;--accent: #2c6bed;--row-selected: #3a3a3a;--row-hover: #323232;--radius-bubble: 18px;--radius-tail: 4px;--list-width: 19rem;--app-width: 80rem;--chrome-height: 48px;--font: -apple-system, "Segoe UI", Roboto, Inter, system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:#0e0e0e;color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}#app{height:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.sf-app{display:flex;flex-direction:column;height:100vh;width:100%;max-width:var(--app-width);margin:0 auto;background:var(--bg-app);border-left:1px solid var(--divider);border-right:1px solid var(--divider)}.sf-chrome{height:var(--chrome-height);flex:none;display:flex;align-items:center;gap:.6rem;padding:0 1rem;background:var(--bg-chrome);border-bottom:1px solid var(--divider)}.sf-wordmark{font-weight:700;letter-spacing:.01em}.sf-pill{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border:1px solid var(--divider);border-radius:999px;padding:.1rem .5rem}.sf-chrome-spacer{flex:1}.sf-btn{background:transparent;color:var(--text-primary);border:1px solid var(--divider);border-radius:6px;padding:.35rem .8rem;cursor:pointer;font-size:.85rem}.sf-btn:hover{background:var(--row-hover)}.sf-cover-menu{position:relative;display:flex;align-items:center}.sf-cog{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;line-height:1;font-size:1.3rem}.sf-cog.is-open{background:var(--row-selected);border-color:var(--accent)}.sf-cover-dropdown{position:absolute;top:calc(100% + .4rem);right:0;z-index:50;width:18rem;padding:.5rem;background:var(--bg-list);border:1px solid var(--divider);border-radius:10px;box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;gap:.15rem}.sf-cover-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);padding:.3rem .5rem .45rem}.sf-cover-item{display:flex;align-items:flex-start;gap:.6rem;width:100%;text-align:left;background:transparent;border:none;border-radius:8px;padding:.5rem;cursor:pointer;color:var(--text-primary)}.sf-cover-item:hover{background:var(--row-hover)}.sf-cover-switch{position:relative;flex:none;width:2.1rem;height:1.2rem;margin-top:.1rem;border-radius:999px;background:var(--divider);transition:background .12s ease}.sf-cover-switch:after{content:"";position:absolute;top:2px;left:2px;width:calc(1.2rem - 4px);height:calc(1.2rem - 4px);border-radius:50%;background:#fff;transition:transform .12s ease}.sf-cover-item.is-on .sf-cover-switch{background:var(--accent)}.sf-cover-item.is-on .sf-cover-switch:after{transform:translate(.9rem)}.sf-cover-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.sf-cover-label{font-size:.85rem;font-weight:600}.sf-cover-hint{font-size:.72rem;color:var(--text-secondary);line-height:1.3}.sf-panes{flex:1;display:flex;min-height:0}.sf-list-pane{width:var(--list-width);flex:none;display:flex;flex-direction:column;background:var(--bg-list);border-right:1px solid var(--divider);min-height:0}.sf-search{flex:none;padding:.6rem .75rem;border-bottom:1px solid var(--divider)}.sf-search-form{display:flex;align-items:center;gap:.4rem;background:var(--bg-app);border-radius:999px;padding:.35rem .7rem}.sf-search-icon{flex:none;font-size:.85rem;opacity:.7;filter:grayscale(.4)}.sf-search input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem}.sf-search input::placeholder{color:var(--text-secondary)}.sf-filter-toggle{flex:none;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.95rem;line-height:1;padding:.1rem .2rem;border-radius:6px}.sf-filter-toggle:hover{color:var(--text-primary)}.sf-filter-toggle.is-active{color:var(--accent)}.sf-filters{flex:none;display:flex;flex-direction:column;gap:.5rem;padding:.6rem .75rem .75rem;border-bottom:1px solid var(--divider);background:var(--bg-app)}.sf-filter-row{display:flex;align-items:center;gap:.5rem}.sf-filter-label{flex:none;width:4.5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.sf-filter-select,.sf-filter-date{flex:1;min-width:0;background:var(--bg-list);color:var(--text-primary);border:1px solid var(--divider);border-radius:6px;padding:.3rem .45rem;font-size:.85rem;outline:none}.sf-filter-select:focus,.sf-filter-date:focus{border-color:var(--accent)}.sf-filter-checks{gap:1rem;flex-wrap:wrap}.sf-filter-check{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-primary);cursor:pointer}.sf-filter-check input{accent-color:var(--accent);cursor:pointer}.sf-filter-note{font-size:.8rem;color:var(--text-secondary)}.sf-list-scroll{flex:1;overflow-y:auto;min-height:0}.sf-list{list-style:none;margin:0;padding:0}.sf-section-label{padding:.6rem .9rem .3rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary)}.sf-row{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;background:transparent;border:none;color:inherit;cursor:pointer;padding:.55rem .85rem}.sf-row:hover{background:var(--row-hover)}.sf-row.is-selected{background:var(--row-selected)}.sf-avatar{position:relative;flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#fff;-webkit-user-select:none;user-select:none;overflow:hidden}.sf-avatar.sf-avatar-lg{width:44px;height:44px;font-size:1rem}.sf-avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sf-avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.sf-row-main{flex:1;min-width:0}.sf-row-top{display:flex;align-items:baseline;gap:.5rem}.sf-row-title{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-row-time{flex:none;font-size:.72rem;color:var(--text-secondary)}.sf-row-preview{font-size:.82rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-pin{flex:none;font-size:.7rem;opacity:.8}.sf-archived-toggle{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:transparent;border:none;border-top:1px solid var(--divider);color:var(--text-secondary);cursor:pointer;padding:.7rem .9rem;font-size:.82rem}.sf-archived-toggle:hover{background:var(--row-hover)}.sf-chev{display:inline-block;font-size:1.1rem;line-height:1;transition:transform .12s ease}.sf-archived-toggle.is-open .sf-chev{transform:rotate(90deg)}.sf-empty,.sf-loading{padding:1rem .9rem;color:var(--text-secondary)}.sf-error{padding:.9rem;color:#ff6b6b}.sf-error button{margin-top:.4rem}.sf-thread-pane{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-thread)}.sf-thread-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.sf-thread-header{flex:none;display:flex;align-items:center;gap:.7rem;padding:.55rem 1rem;border-bottom:1px solid var(--divider);background:var(--bg-chrome)}.sf-thread-header-text{min-width:0}.sf-back{display:none;flex:none;align-items:center;justify-content:center;width:34px;height:34px;margin-left:-.3rem;background:transparent;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer}.sf-back:hover{background:var(--row-hover)}.sf-back-chev{font-size:1.7rem;line-height:1}.sf-thread-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-thread-subtitle{font-size:.72rem;color:var(--text-secondary)}.sf-thread-scroll{flex:1;overflow-y:auto;min-height:0;padding:1rem 1.5rem;display:flex;flex-direction:column}.sf-load-older{align-self:center;margin-bottom:.8rem}.sf-load-newer{align-self:center;margin-top:.8rem}.sf-quote-jump{cursor:pointer;font:inherit;text-align:left;color:inherit;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sf-quote-jump:hover{background:#ffffff1f}.sf-msg.out .sf-quote-jump:hover{background:#fff3}.sf-msg-anchored .sf-bubble,.sf-msg-anchored .sf-quote,.sf-msg-anchored .sf-attach-grid,.sf-msg-anchored .sf-link-preview{animation:sf-anchor-flash 3s ease-out}@keyframes sf-anchor-flash{0%,60%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 0 transparent}}.sf-divider{align-self:center;margin:.8rem 0;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#ffffff0d;border-radius:999px;padding:.2rem .7rem}.sf-timeline{display:flex;flex-direction:column}.sf-msg{display:flex;flex-direction:column;max-width:75%;margin:.12rem 0}.sf-msg.in{align-self:flex-start;align-items:flex-start}.sf-msg.out{align-self:flex-end;align-items:flex-end}.sf-msg.group-start{margin-top:.6rem}.sf-sender{font-size:.74rem;font-weight:600;margin:0 .5rem .15rem}.sf-bubble{border-radius:var(--radius-bubble);padding:.45rem .7rem;white-space:pre-wrap;overflow-wrap:anywhere}.sf-msg.in .sf-bubble{background:var(--bubble-in);color:var(--text-primary);border-bottom-left-radius:var(--radius-tail)}.sf-msg.out .sf-bubble{background:var(--bubble-out);color:var(--bubble-out-text);border-bottom-right-radius:var(--radius-tail)}.sf-bubble.is-media{background:transparent;padding:0}.sf-msg-meta{display:inline-flex;align-items:baseline;gap:.3rem;margin-left:.4rem;align-self:flex-end;white-space:nowrap}.sf-msg-time{font-size:.66rem;color:var(--text-secondary)}.sf-msg.out .sf-msg-time{color:#ffffffbf}.sf-msg-meta-loose{margin-top:.1rem}.sf-msg-meta-loose .sf-msg-time{color:var(--text-secondary)}.sf-no-text{color:var(--text-secondary);font-style:italic}.sf-bubble{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.35rem}.sf-msg-link{color:var(--accent);text-decoration:underline;overflow-wrap:anywhere}.sf-msg.out .sf-msg-link{color:#fff}.sf-msg-row{display:flex;align-items:flex-end;gap:.5rem}.sf-msg.out .sf-msg-row{justify-content:flex-end}.sf-msg-bubble-wrap{display:flex;flex-direction:column;min-width:0}.sf-msg.out .sf-msg-bubble-wrap{align-items:flex-end}.sf-avatar-spacer{flex:none;width:28px}.sf-msg-row .sf-avatar{width:28px;height:28px;font-size:.7rem;margin-bottom:2px}.sf-quote{display:flex;gap:.5rem;align-items:stretch;max-width:320px;margin-bottom:3px;padding:.35rem .5rem;border-left:3px solid var(--accent);border-radius:6px;background:#ffffff0f;overflow:hidden}.sf-msg.out .sf-quote{border-left-color:#ffffffb3;background:#ffffff1f}.sf-quote-text{min-width:0;flex:1}.sf-quote-author{font-size:.76rem;font-weight:600;color:var(--accent);margin-bottom:1px}.sf-msg.out .sf-quote-author{color:#fff}.sf-quote-snippet{font-size:.82rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-msg.out .sf-quote-snippet{color:#ffffffd9}.sf-quote-thumb{flex:none;width:38px;height:38px;border-radius:4px;overflow:hidden;background:var(--bubble-in);display:flex;align-items:center;justify-content:center}.sf-quote-thumb img{width:100%;height:100%;object-fit:cover}.sf-quote-thumb-icon{color:var(--text-secondary);font-size:1rem}.sf-link-preview{display:flex;flex-direction:column;max-width:320px;margin-top:.3rem;border-radius:12px;overflow:hidden;background:var(--bubble-in);color:var(--text-primary);text-decoration:none;border:1px solid var(--divider)}.sf-link-preview:hover{background:var(--row-hover)}.sf-link-preview-img{width:100%;max-height:160px;overflow:hidden;background:var(--bg-chrome)}.sf-link-preview-img img{display:block;width:100%;height:100%;max-height:160px;object-fit:cover}.sf-link-preview-text{padding:.5rem .65rem;min-width:0}.sf-link-preview-title{font-weight:600;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-link-preview-desc{font-size:.8rem;color:var(--text-secondary);margin-top:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-link-preview-host{font-size:.72rem;color:var(--text-secondary);margin-top:3px;text-transform:lowercase}.sf-edited-wrap{display:inline-flex;flex-direction:column;align-self:flex-end}.sf-edited{background:none;border:none;padding:0;cursor:pointer;font-size:.68rem;font-style:italic;color:var(--text-secondary)}.sf-msg.out .sf-edited{color:#ffffffbf}.sf-edited:hover{text-decoration:underline}.sf-edit-history{margin-top:.3rem;padding:.4rem .55rem;border-radius:8px;background:var(--bg-chrome);border:1px solid var(--divider);max-width:280px}.sf-edit-history-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.25rem}.sf-edit-version{padding:.2rem 0;border-top:1px solid var(--divider)}.sf-edit-version:first-of-type{border-top:none}.sf-edit-time{font-size:.66rem;color:var(--text-secondary)}.sf-edit-body{font-size:.82rem;color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.sf-attach-grid{display:grid;gap:3px;margin-top:.3rem;border-radius:12px;overflow:hidden;max-width:320px}.sf-attach-grid.n-1{grid-template-columns:auto;justify-content:start}.sf-attach-grid.n-2,.sf-attach-grid.n-4{grid-template-columns:1fr 1fr}.sf-attach-grid.n-3,.sf-attach-grid.n-many{grid-template-columns:1fr 1fr 1fr}.sf-attach-tile{position:relative;aspect-ratio:1 / 1;background:var(--bubble-in);overflow:hidden}.sf-attach-grid.n-1 .sf-attach-tile{aspect-ratio:auto}.sf-attach-grid.n-1 .sf-attach-tile:not([style*=width]){max-height:320px;max-width:320px}.sf-attach-tile img,.sf-attach-tile video{display:block;width:100%;height:100%;object-fit:cover}.sf-attach-imglink{display:block;width:100%;height:100%;cursor:zoom-in}.sf-attach-grid.n-1 .sf-attach-tile img,.sf-attach-grid.n-1 .sf-attach-tile video,.sf-attach-grid.n-1 .sf-attach-tile .sf-attach-imglink{height:100%;max-height:320px}.sf-attach-grid.n-1 .sf-attach-tile:not([style*=width]) img,.sf-attach-grid.n-1 .sf-attach-tile:not([style*=width]) video,.sf-attach-grid.n-1 .sf-attach-tile:not([style*=width]) .sf-attach-imglink{height:auto}.sf-attach-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:80px;color:var(--text-secondary)}.sf-file-chip{display:inline-flex;align-items:center;gap:.6rem;margin-top:.3rem;padding:.5rem .7rem;background:var(--bubble-in);border-radius:12px;max-width:320px;color:var(--text-primary);cursor:pointer;border:none;text-align:left}.sf-file-chip:hover{background:var(--row-hover)}.sf-file-icon{flex:none;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#ffffff14;font-size:.95rem}.sf-file-meta{min-width:0}.sf-file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-file-size{font-size:.72rem;color:var(--text-secondary)}.sf-readonly-footer{flex:none;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem;border-top:1px solid var(--divider);background:var(--bg-chrome);color:var(--text-secondary);font-size:.82rem}.sf-lock{font-size:.8rem}.sf-hit{display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--divider);color:inherit;cursor:pointer;padding:.6rem .9rem}.sf-hit:hover{background:var(--row-hover)}.sf-hit-meta{font-size:.72rem;color:var(--text-secondary);margin-bottom:.15rem}.sf-hit-body{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-auth{max-width:26rem;margin:12vh auto 0;padding:2rem;text-align:center}.sf-auth h1{font-size:1.6rem;margin-bottom:.3rem}.sf-auth p{color:var(--text-secondary)}.sf-auth .sf-btn{margin-top:1rem;font-size:.95rem;padding:.5rem 1.2rem}.sf-auth-primary{background:var(--accent);border-color:var(--accent);color:#fff}.sf-auth-primary:hover{filter:brightness(1.08);background:var(--accent)}.sf-auth pre{text-align:left;background:var(--bg-list);padding:.7rem;border-radius:8px;overflow-x:auto}.sf-fail{color:#ff6b6b}@media(max-width:640px){.sf-app{max-width:none;border-left:none;border-right:none;height:100dvh}.sf-panes{position:relative}.sf-list-pane,.sf-thread-pane{width:100%;flex:none;grid-area:1 / 1}.sf-panes{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.sf-thread-pane,.sf-panes.has-selection .sf-list-pane{display:none}.sf-panes.has-selection .sf-thread-pane{display:flex}.sf-thread-empty{display:none}.sf-back{display:flex}.sf-thread-header{padding:.5rem .75rem}.sf-row{padding:.7rem .9rem}.sf-avatar{width:44px;height:44px;font-size:.95rem}.sf-thread-scroll{padding:.8rem .7rem}.sf-msg{max-width:85%}.sf-attach-grid,.sf-file-chip{max-width:min(78vw,320px)}.sf-search input{font-size:1rem}.sf-chrome{padding:0 .75rem}}.sf-reactions{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:-.55rem;margin-bottom:.15rem;z-index:1;position:relative}.sf-reaction{display:inline-flex;align-items:center;gap:.15rem;padding:.05rem .4rem;background:var(--bg-list);border:1px solid var(--divider);border-radius:999px;font-size:.8rem;line-height:1.3;box-shadow:0 1px 2px #0000004d;cursor:default}.sf-reaction-emoji{font-size:.85rem}.sf-reaction-count{font-size:.7rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.sf-msg-system-wrap{display:flex;justify-content:center;width:100%}.sf-system-line{align-self:center;display:inline-flex;align-items:center;gap:.35rem;max-width:80%;margin:.5rem 0;padding:.25rem .8rem;font-size:.74rem;color:var(--text-secondary);background:#ffffff0a;border-radius:999px;text-align:center}.sf-system-icon{font-size:.85rem}.sf-status{font-size:.66rem;letter-spacing:-.05em;color:#ffffffbf}.sf-status.is-pending{color:#fff9}.sf-status.is-read{color:#8fc7ff}.sf-status.is-error{color:#ffd24d}.sf-msg-meta-loose .sf-status{color:var(--text-secondary)}.sf-msg-meta-loose .sf-status.is-read{color:var(--accent)}.sf-mention{font-weight:600;color:var(--accent);background:#2c6bed1f;border-radius:4px;padding:0 .15em}.sf-msg.out .sf-mention{color:#fff;background:#ffffff38}.sf-b{font-weight:700}.sf-i{font-style:italic}.sf-s{text-decoration:line-through}.sf-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em;background:#ffffff14;border-radius:4px;padding:0 .2em}.sf-msg.out .sf-code{background:#fff3}.sf-spoiler{background:var(--text-primary);color:transparent;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.sf-msg.out .sf-spoiler{background:#fff}.sf-spoiler.is-revealed{background:transparent;color:inherit;cursor:text;-webkit-user-select:text;user-select:text}.sf-thread-head-col{flex:none;display:flex;flex-direction:column}.sf-thread-subtitle{display:flex;align-items:center;gap:.3rem}.sf-timer-badge{font-size:.8rem;opacity:.8}.sf-thread-details{border-bottom:1px solid var(--divider);background:var(--bg-chrome)}.sf-details-toggle{display:flex;align-items:center;gap:.4rem;width:100%;text-align:left;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.4rem 1rem;font-size:.76rem}.sf-details-toggle:hover{background:var(--row-hover)}.sf-details-body{padding:.2rem 1rem .7rem;max-height:14rem;overflow-y:auto}.sf-group-desc{font-size:.85rem;color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;padding:.3rem 0 .5rem}.sf-section-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.2rem 0}.sf-roster{display:flex;flex-direction:column}.sf-member{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.sf-member-name{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-member-badge{flex:none;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.02rem .35rem}.sf-audio-stack{display:flex;flex-direction:column;gap:4px;margin-top:.3rem;max-width:320px}.sf-audio-tile{display:flex;flex-direction:column;gap:2px}.sf-audio-tile audio{width:100%;height:38px;display:block}.sf-audio-name{font-size:.78rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-audio-loading{display:flex;align-items:center;min-height:38px;color:var(--text-secondary)}.sf-sticker{display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:96px;margin:.15rem 0}.sf-sticker-img{max-width:160px;max-height:160px;width:auto;height:auto}.sf-sticker-emoji{font-size:4rem;line-height:1}