@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";
:root{--bg-paper:#f7f3ea;--bg-surface:#fcfaf4;--bg-sunken:#efeade;--bg-sunken-2:#e8e2d2;--fg-1:#1a1612;--fg-2:#65605a;--fg-3:#9a938a;--fg-inverse:#fcfaf4;--border-1:#e4decf;--border-2:#d4ccb8;--border-strong:#1a1612;--accent:#d4501e;--accent-hover:#b8421a;--accent-press:#9a3814;--accent-soft:#f4dcc8;--accent-strong:#9a3814;--success:#7a7a4d;--success-soft:#efedde;--warning:#b86e32;--warning-soft:#f1e2ce;--danger:#a8392a;--danger-soft:#f0d8d3;--info:#7a746a;--info-soft:#ebe6dc;--font-sans:"Inter", "Noto Sans SC", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-display:40px;--lh-display:48px;--text-h1:28px;--lh-h1:36px;--text-h2:18px;--lh-h2:26px;--text-h3:15px;--lh-h3:22px;--text-body:14px;--lh-body:22px;--text-small:13px;--lh-small:20px;--text-label:11px;--lh-label:16px;--text-mono-sm:12px;--lh-mono-sm:18px;--text-caption:12px;--lh-caption:18px;--text-compact-body:12.5px;--lh-compact-body:16px;--text-compact-label:10.5px;--lh-compact-label:14px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--track-tight:-.01em;--track-normal:0;--track-label:.04em;--track-mono:0;--space-1:4px;--space-1-5:6px;--space-2-5:10px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:80px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--radius-full:50%;--tag-h-sm:20px;--tag-h-md:22px;--tag-pad:0 6px;--tag-text:var(--text-label);--table-head-pad:11px 14px;--table-cell-pad:12px 14px;--shadow-1:0 1px 0 #11131a0a, 0 1px 2px #11131a0a;--shadow-2:0 4px 12px #11131a0f, 0 1px 2px #11131a0a;--shadow-3:0 16px 40px #11131a1a, 0 2px 6px #11131a0f;--focus-ring:0 0 0 2px var(--bg-paper), 0 0 0 4px var(--accent);--rail-w:56px;--sidebar-w:280px;--thread-w:440px;--topbar-h:48px;--content-max:none;--ease-out:cubic-bezier(.2, .7, .3, 1);--dur-fast:.12s;--dur-base:.16s;--dur-slow:.24s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#__next{height:100%}html,body{background:var(--bg-paper);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body);letter-spacing:var(--track-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}body{overflow:hidden}*,:before,:after{box-sizing:border-box}::selection{background:var(--accent-soft);color:var(--accent-strong)}.syfo-display{font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--track-tight);color:var(--fg-1)}.syfo-h1{font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:var(--text-h1);line-height:var(--lh-h1);letter-spacing:var(--track-tight);color:var(--fg-1)}.syfo-h2{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--text-h2);line-height:var(--lh-h2);color:var(--fg-1)}.syfo-h3{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--text-h3);line-height:var(--lh-h3);color:var(--fg-1)}.syfo-body{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-body);line-height:var(--lh-body);color:var(--fg-1)}.syfo-small{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-small);line-height:var(--lh-small);color:var(--fg-2)}.syfo-label{font-family:var(--font-mono);font-weight:var(--weight-medium);font-size:var(--text-label);line-height:var(--lh-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-2)}.syfo-mono{font-family:var(--font-mono);font-weight:var(--weight-regular);font-size:var(--text-mono-sm);line-height:var(--lh-mono-sm);color:var(--fg-2)}.syfo-link{color:var(--accent);transition:border-color var(--dur-fast) var(--ease-out);border-bottom:1px solid #0000;text-decoration:none}.syfo-link:hover{border-bottom-color:var(--accent)}.syfo-focusable:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.syfo-app{grid-template-columns:var(--rail-w) var(--sidebar-w) 1fr;background:var(--bg-paper);height:100vh;color:var(--fg-1);display:grid;position:relative}.syfo-app[data-thread-open=true]{grid-template-columns:var(--rail-w) var(--sidebar-w) 1fr var(--thread-w)}.syfo-app[data-sidebar-hidden=true]{grid-template-columns:var(--rail-w) 1fr}.syfo-app[data-sidebar-hidden=true][data-thread-open=true]{grid-template-columns:var(--rail-w) 1fr var(--thread-w)}.syfo-app[data-sidebar-hidden=true] .syfo-content{border-left:1px solid var(--border-1)}.syfo-resize-handle{cursor:col-resize;transition:background var(--dur-fast) var(--ease-out);touch-action:none;background:0 0}.syfo-resize-handle:hover,.syfo-resize-handle:active{background:var(--accent);opacity:.35}.syfo-bottom-tabs{height:calc(56px + env(safe-area-inset-bottom,0));background:var(--bg-paper);border-top:1px solid var(--border-1);padding-bottom:env(safe-area-inset-bottom,0);z-index:30;display:none;position:fixed;bottom:0;left:0;right:0}.syfo-mobile-topbar,.syfo-mobile-server-switcher{display:none}.syfo-bottom-tab{color:var(--fg-3);transition:color var(--dur-fast) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.syfo-bottom-tab.is-active{color:var(--accent)}.syfo-bottom-tab-label{letter-spacing:.02em}.syfo-rail{background:var(--bg-sunken);border-right:1px solid var(--border-1);flex-direction:column;gap:2px;padding:14px 0;display:flex}.syfo-rail-brand{opacity:.9;justify-content:center;align-items:center;width:28px;height:28px;margin:4px auto 18px;display:flex}.syfo-rail-item{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--fg-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.syfo-rail-item:hover{color:var(--fg-1);background:#1a16120a}.syfo-rail-item.is-active{color:var(--accent);background:0 0}.syfo-rail-item.is-active:before{content:"";background:var(--accent);border-radius:1px;width:2px;height:16px;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.syfo-rail-item .badge{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 2px var(--bg-sunken);border-radius:50%;position:absolute;top:6px;right:6px}.syfo-rail-item .badge.count{width:auto;min-width:14px;height:14px;color:var(--fg-inverse);font-size:9px;font-weight:700;line-height:1;font-family:var(--font-sans);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;display:flex;top:1px;right:0}.syfo-rail-spacer{flex:1}.syfo-sidebar{background:var(--bg-sunken);border-right:1px solid var(--border-1);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.syfo-sidebar-header{justify-content:space-between;align-items:center;gap:8px;padding:16px 16px 12px;display:flex}.syfo-workspace-pill{border-radius:var(--radius-sm);cursor:pointer;min-width:0;max-width:100%;transition:background var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:6px 8px;display:flex}.syfo-workspace-pill:hover{background:#1a16120a}.syfo-workspace-pill .name{color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.syfo-search{border-radius:var(--radius-sm);height:30px;color:var(--fg-3);cursor:text;transition:background var(--dur-fast) var(--ease-out);background:#1a16120a;align-items:center;gap:8px;margin:0 12px 14px;padding:0 10px;font-size:13px;display:flex}.syfo-search:hover{background:#1a16120f}.syfo-search .kbd{font-family:var(--font-mono);color:var(--fg-3);margin-left:auto;font-size:11px}.syfo-section-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);white-space:nowrap;align-items:center;padding:14px 16px 6px;font-size:10.5px;font-weight:500;display:flex;position:relative}.syfo-section-label .actions{opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out);gap:2px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-25%)}.syfo-sidebar:hover .syfo-section-label .actions{opacity:1;pointer-events:auto}.syfo-section-label .actions button{color:var(--fg-2);cursor:pointer;background:#1a16120a;border:0;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.syfo-section-label .actions button:hover{color:var(--fg-1);background:#1a161214}.syfo-channel-list{flex-direction:column;gap:1px;min-height:0;padding:0 8px 4px;display:flex;overflow-y:auto}.syfo-channel-item{border-radius:var(--radius-sm);color:var(--fg-1);cursor:pointer;min-width:0;font-size:13.5px;font-family:var(--font-sans);text-align:left;width:100%;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;display:flex}.syfo-channel-item:hover{background:#1a16120a}.syfo-channel-item.is-active{background:var(--bg-paper);color:var(--accent-strong);box-shadow:none;font-weight:500}.syfo-channel-list-panel .syfo-channel-item.is-active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 3px 0 0 var(--accent), inset 0 0 0 1px #b85d2b29}.syfo-channel-item .glyph{color:var(--fg-3);flex-shrink:0;justify-content:center;align-items:center;width:14px;display:inline-flex}.syfo-channel-item.is-active .glyph{color:var(--accent)}.syfo-channel-item .name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.syfo-channel-item .syfo-channel-pin-icon{flex-shrink:0}.syfo-channel-item .syfo-channel-drag-handle{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.syfo-channel-item:hover .syfo-channel-drag-handle,.syfo-channel-item:focus-within .syfo-channel-drag-handle{opacity:1}.syfo-channel-item .count{font-family:var(--font-mono);color:var(--accent);text-align:center;background:0 0;min-width:auto;padding:0;font-size:10px;font-weight:500;line-height:14px}.syfo-channel-item.is-active .count{color:var(--accent)}.syfo-dm-item{border-radius:var(--radius-sm);color:var(--fg-1);cursor:pointer;text-align:left;width:100%;min-width:0;font-size:13.5px;font-family:var(--font-sans);transition:background var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;display:flex}.syfo-dm-item:hover{background:#1a16120a}.syfo-dm-item.is-active{background:var(--bg-paper);color:var(--accent-strong);box-shadow:none;font-weight:500}.syfo-dm-item .desc{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.syfo-dm-item .name-wrap{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.syfo-dm-item .name{flex-shrink:0;font-weight:500}.syfo-content{background:var(--bg-paper);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.syfo-topbar{height:var(--topbar-h);border-bottom:1px solid var(--border-1);flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex}.syfo-topbar .title-block{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.syfo-topbar .title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-1);letter-spacing:0;font-size:16px;font-weight:600;overflow:hidden}.syfo-topbar .subtitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);color:var(--fg-3);font-size:12px;overflow:hidden}.syfo-topbar .actions{align-items:center;gap:8px;display:flex}.syfo-topbar .syfo-channel-header-title-block{flex-wrap:nowrap}.syfo-topbar .syfo-channel-header-title{flex:0 auto;max-width:min(600px,100%)}.syfo-topbar .syfo-channel-header-description{flex:1 1 0}.syfo-panel-header{height:var(--topbar-h);min-height:var(--topbar-h);border-bottom:1px solid var(--border-1);flex-shrink:0;align-items:center;gap:10px;padding:0 14px;display:flex}.syfo-panel-header .title-block{flex:1;min-width:0}.syfo-panel-header .title{color:var(--fg-1);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.syfo-panel-header .subtitle{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.syfo-panel-header.syfo-thread-header .title-block{align-items:baseline;gap:8px;display:flex}.syfo-panel-header.syfo-thread-header .title{flex-shrink:0}.syfo-panel-header.syfo-thread-header .subtitle{flex:1;min-width:0}.syfo-panel-header.syfo-thread-header .subtitle:before{content:"·";color:var(--fg-3);margin-right:8px}.syfo-thread-back{min-width:34px;min-height:44px;color:var(--fg-2);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-left:-10px;padding:0 8px;display:inline-flex}.syfo-thread-back:active{color:var(--fg-1)}@media (max-width:820px){.syfo-panel-header.syfo-thread-header{height:calc(48px + env(safe-area-inset-top,0));min-height:calc(48px + env(safe-area-inset-top,0));padding-top:env(safe-area-inset-top,0);padding-left:calc(4px + env(safe-area-inset-left,0));padding-right:calc(4px + env(safe-area-inset-right,0));gap:0}.syfo-panel-header.syfo-thread-header .title-block{flex:1;justify-content:center;align-items:center;min-width:0;padding-right:36px;overflow:hidden}.syfo-panel-header.syfo-thread-header .title{font-size:16px}.syfo-panel-header.syfo-thread-header .subtitle{flex:0 auto}.syfo-thread-back{appearance:none;min-width:auto;font:inherit;gap:6px;margin-left:0}.syfo-panel-header.syfo-thread-header:has(.icon-btn) .title-block{justify-content:flex-start;padding-right:8px}}.syfo-tabs{border-bottom:1px solid var(--border-1);flex-shrink:0;gap:0;padding:0 20px;display:flex}.syfo-tab{color:var(--fg-2);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 12px;font-size:13px;display:flex}.syfo-tab:hover{color:var(--fg-1)}.syfo-tab.is-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.syfo-tab.is-active .count{color:var(--accent)}.syfo-tab .count{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}.syfo-panel{flex:1;min-height:0;overflow-y:auto}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);height:32px;color:var(--fg-1);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:500;line-height:1;display:inline-flex}.btn-primary{background:var(--accent);color:var(--fg-inverse)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-press)}.btn-secondary{background:var(--bg-surface);border-color:var(--border-2);color:var(--fg-1)}.btn-secondary:hover{background:var(--bg-sunken)}.btn-ghost{color:var(--fg-2)}.btn-ghost:hover{background:var(--bg-sunken);color:var(--fg-1)}.btn-icon{justify-content:center;width:32px;padding:0}.btn-sm{height:26px;padding:0 10px;font-size:12.5px}.chip{border-radius:var(--radius-xs);height:22px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--bg-sunken);color:var(--fg-2);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.chip-accent{background:var(--accent-soft);color:var(--accent-strong)}.chip-success{background:var(--success-soft);color:var(--success)}.chip-warning{background:var(--warning-soft);color:var(--warning)}.chip-danger{background:var(--danger-soft);color:var(--danger)}.chip-info{background:var(--info-soft);color:var(--info)}.chip-outline{border:1px solid var(--border-2);color:var(--fg-2);background:0 0}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.avatar{border-radius:var(--radius-xs);background:var(--bg-sunken);width:28px;height:28px;color:var(--fg-1);letter-spacing:0;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:inline-flex;position:relative}.avatar.is-agent{background:var(--accent-soft);color:var(--accent-press)}.avatar.sm{width:20px;height:20px;font-size:10px}.avatar.lg{width:40px;height:40px;font-size:14px}.avatar.xl{border-radius:var(--radius-sm);width:56px;height:56px;font-size:18px}.avatar>.presence{border:2px solid var(--bg-paper);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.agent-avatar{flex-shrink:0;line-height:0;display:inline-flex;position:relative}.agent-avatar-status{border:2px solid var(--bg-paper);width:10px;height:10px;box-shadow:0 0 0 1px var(--border-1);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.input{font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--bg-surface);height:36px;color:var(--fg-1);box-sizing:border-box;width:100%;max-width:100%;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);outline:none;padding:0 12px;font-size:14px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--fg-3)}.field-label{color:var(--fg-2);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.field-hint{color:var(--fg-3);margin-top:6px;font-size:12px}.syfo-number-input__control::-webkit-outer-spin-button{appearance:none;margin:0}.syfo-number-input__control::-webkit-inner-spin-button{appearance:none;margin:0}.card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-md)}.card-pad{padding:16px 18px}.card-hover{transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);cursor:pointer}.card-hover:hover{border-color:var(--border-2);background:var(--bg-surface)}.divider{background:var(--border-1);height:1px}.mono{font-family:var(--font-mono)}.meta{font-family:var(--font-mono);color:var(--fg-3);font-size:12px}.syfo-panel::-webkit-scrollbar{width:10px}.syfo-channel-list::-webkit-scrollbar{width:10px}.syfo-panel::-webkit-scrollbar-thumb{background:var(--border-1);border:3px solid var(--bg-paper);border-radius:999px}.syfo-channel-list::-webkit-scrollbar-thumb{border:3px solid var(--bg-sunken);background:#1a16121a;border-radius:999px}.syfo-panel::-webkit-scrollbar-thumb:hover{background:var(--border-2)}.syfo-search-overlay{background:var(--bg-paper);z-index:30;animation:syfoFadeIn .16s var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0}@keyframes syfoFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.syfo-search-overlay-bar{border-bottom:1px solid var(--border-1);padding:14px 24px}.syfo-search-input{max-width:var(--content-max,980px);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-2);align-items:center;gap:12px;height:44px;margin:0 auto;padding:0 14px;display:flex}.syfo-search-input:focus-within{border-color:color-mix(in srgb, var(--accent) 36%, var(--border-2));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 10%, transparent)}.syfo-ws-dropdown{left:calc(var(--rail-w) + 8px);background:var(--bg-surface);border:1px solid var(--border-2);border-radius:var(--radius-md);width:280px;box-shadow:var(--shadow-2);z-index:40;animation:syfoFadeIn .12s var(--ease-out);padding:4px;position:absolute;top:56px}.syfo-ws-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:var(--fg-1);transition:background var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.syfo-ws-item:hover{background:var(--bg-sunken)}.syfo-scrim{z-index:35;background:0 0;position:fixed;inset:0}:root{--sf-bg-paper:var(--bg-paper);--sf-bg-surface:var(--bg-surface);--sf-bg-subtle:var(--bg-sunken);--sf-bg-stamp:var(--accent);--sf-bg-stamp-soft:var(--accent-soft);--sf-text-default:var(--fg-1);--sf-text-muted:var(--fg-2);--sf-text-subtle:var(--fg-3);--sf-text-on-stamp:var(--fg-inverse);--sf-text-stamp:var(--accent-strong);--sf-border-default:var(--border-1);--sf-border-strong:var(--border-2);--sf-border-focus:var(--accent);--sf-state-hover:var(--bg-sunken);--sf-state-active:var(--bg-sunken-2);--sf-state-danger:var(--danger);--sf-radius-sm:var(--radius-xs);--sf-radius-md:var(--radius-sm);--sf-radius-lg:var(--radius-md);--sf-radius-pill:999px;--sf-space-1:var(--space-1);--sf-space-2:var(--space-2);--sf-space-3:var(--space-3);--sf-space-4:var(--space-4);--sf-space-5:var(--space-6);--sf-space-6:var(--space-7);--bg:var(--bg-paper);--surface:var(--bg-surface);--surface-2:var(--bg-sunken);--surface-3:var(--bg-sunken-2);--surface-4:var(--bg-sunken-2);--text:var(--fg-1);--text-2:var(--fg-2);--text-3:var(--fg-3);--text-4:var(--fg-3);--border:var(--border-1);--border-strong:var(--border-2);--hover:var(--bg-sunken);--active-bg:var(--bg-sunken-2);--ink:var(--accent);--ink-hover:var(--accent-hover);--ink-soft:var(--accent-soft);--ink-softer:var(--accent-soft);--ink-fg:var(--fg-inverse);--focus-ring-color:var(--accent);--voice-indigo:var(--info);--voice-amber:var(--warning);--voice-teal:var(--info);--voice-rose:var(--danger);--voice-lime:var(--success);--voice-violet:var(--accent);--voice-indigo-soft:var(--info-soft);--voice-amber-soft:var(--warning-soft);--voice-teal-soft:var(--info-soft);--voice-rose-soft:var(--danger-soft);--voice-lime-soft:var(--success-soft);--voice-violet-soft:var(--accent-soft);--success-bg:var(--success-soft);--warning-bg:var(--warning-soft);--danger-bg:var(--danger-soft);--info-bg:var(--info-soft);--header-h:var(--topbar-h);--s-0:2px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--t-xs:11px;--t-sm:12px;--t-base:13px;--t-md:14px;--t-lg:16px;--t-xl:19px;--t-2xl:24px;--t-3xl:32px;--t-4xl:44px;--r-xs:3px;--r-sm:5px;--r-md:7px;--r-lg:10px;--r-xl:14px;--r-2xl:20px;--r-full:9999px;--shadow-xs:var(--shadow-1);--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-2);--shadow-lg:var(--shadow-3);--shadow-focus:0 0 0 3px var(--accent-soft);--row-pad-y:5px;--row-pad-x:10px;--msg-pad-y:8px;--m-fast:var(--dur-fast);--m-base:var(--dur-base);--m-slow:var(--dur-slow);--ease:var(--ease-out)}.emoji-quick-picker{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--bg-surface);flex-wrap:wrap;gap:2px;padding:2px 4px;display:inline-flex}.emoji-quick-btn{border-radius:var(--radius-sm);width:28px;min-width:28px;height:28px;min-height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:20px;display:inline-flex}.emoji-quick-btn:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}@media (max-width:820px){.syfo-rail{display:none}.syfo-mobile-server-switcher{display:block}.syfo-app{height:100dvh;padding-bottom:calc(56px + env(safe-area-inset-bottom,0));grid-template-columns:minmax(0,1fr)}.syfo-app[data-thread-open=true]{padding-bottom:env(safe-area-inset-bottom,0);grid-template-columns:minmax(0,1fr)}.syfo-app[data-thread-open=true] .syfo-bottom-tabs{display:none}.syfo-app[data-sidebar-hidden=true]{grid-template-columns:minmax(0,1fr)}.syfo-app[data-mobile-show=sidebar] .syfo-content,.syfo-app[data-mobile-show=sidebar] .syfo-thread,.syfo-app[data-mobile-show=content] .syfo-sidebar,.syfo-app[data-mobile-show=content] .syfo-thread,.syfo-app[data-mobile-show=thread] .syfo-sidebar,.syfo-app[data-mobile-show=thread] .syfo-content,.syfo-resize-handle{display:none}.syfo-app[data-mobile-topbar=true]{padding-top:calc(48px + env(safe-area-inset-top,0))}.syfo-app[data-mobile-topbar=true] .syfo-bottom-tabs{display:none}.syfo-app[data-mobile-topbar=true]{padding-bottom:env(safe-area-inset-bottom,0)}.syfo-mobile-topbar{height:calc(48px + env(safe-area-inset-top,0));padding-top:env(safe-area-inset-top,0);padding-left:calc(4px + env(safe-area-inset-left,0));padding-right:calc(4px + env(safe-area-inset-right,0));background:var(--bg-paper);border-bottom:1px solid var(--border-1);z-index:30;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.syfo-mobile-topbar-back{min-height:44px;color:var(--fg-2);background:0 0;border:none;align-items:center;gap:6px;padding:0 8px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.syfo-mobile-topbar-back:active{color:var(--fg-1)}.syfo-mobile-topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-1);text-align:center;flex:1;padding-right:36px;font-size:16px;font-weight:600;overflow:hidden}.syfo-mobile-topbar-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.syfo-mobile-topbar-actions .actions{align-items:center;gap:2px;display:flex}.syfo-mobile-topbar:has(.syfo-mobile-topbar-actions>*) .syfo-mobile-topbar-title{text-align:left;padding-right:8px}.syfo-files-page-header{display:none}.syfo-bottom-tabs{display:flex}.syfo-app:has(.syfo-composer:focus-within){padding-bottom:env(safe-area-inset-bottom,0)}.syfo-app:has(.syfo-composer:focus-within) .syfo-bottom-tabs{display:none}.syfo-search .kbd{display:none}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}.btn-icon,.icon-btn,.emoji-quick-btn{width:44px;min-width:44px;height:44px;min-height:44px}.msg-actions{opacity:1;pointer-events:auto;box-shadow:none;background:0 0;border:0;gap:4px;margin-top:8px;padding:0;display:none;position:static;top:auto;right:auto}.msg[data-mobile-actions=open] .msg-actions{display:flex}.msg-mobile-actions-toggle{z-index:1;border-radius:var(--radius-sm);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:4px;right:8px}.msg[data-mobile-actions=open] .msg-mobile-actions-toggle{color:var(--accent);background:var(--bg-sunken)}.msg-actions button{width:36px;min-width:36px;height:36px;min-height:36px}.msg-actions .ico{width:16px;height:16px}.thread-link-empty{display:inline-flex}.emoji-quick-picker{gap:4px}.syfo-section-label .actions{opacity:1;pointer-events:auto}.syfo-section-label .actions button{width:30px;min-width:30px;height:30px;min-height:30px}.syfo-composer .btn-primary{min-height:36px}.reaction{min-height:36px;padding:6px 10px}.thread-link{min-height:36px;padding:8px 12px}}.skeleton{background-color:var(--bg-sunken,#0000000f);animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}