:root{--font-sans:system-ui, -apple-system, "Segoe UI", "Noto Sans", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans Devanagari", "Noto Sans CJK SC", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--bg:#f6f7f9;--surface:#fff;--surface-2:#f1f3f6;--surface-3:#e7eaf0;--sidebar:#1f2430;--sidebar-2:#272d3b;--sidebar-3:#323a4c;--sidebar-fg:#d7dbe4;--sidebar-muted:#8f97a8;--sidebar-active:#fff;--fg:#1a1f2b;--fg-muted:#5b6475;--fg-subtle:#8a92a3;--border:#e1e5ec;--border-strong:#c9cfda;--accent:#4f46e5;--accent-fg:#fff;--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--success:#15803d;--success-soft:#dcfce7;--warning:#b45309;--warning-soft:#fef3c7;--danger:#c2410c;--danger-strong:#b91c1c;--danger-soft:#fee2e2;--info-soft:#e0e7ff;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #1018280f;--shadow:0 4px 16px #1018281a;--shadow-lg:0 16px 48px #1018282e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--sidebar-width:280px;--sidebar-rail:64px;--topbar-height:56px}@media (prefers-color-scheme:dark){:root{--bg:#12151c;--surface:#181c25;--surface-2:#1f2430;--surface-3:#2a3040;--sidebar:#0f1218;--sidebar-2:#171b24;--sidebar-3:#222837;--fg:#e7eaf0;--fg-muted:#a3abbb;--fg-subtle:#7c8496;--border:#2a3040;--border-strong:#3a4256;--accent:#818cf8;--accent-fg:#0f1218;--success-soft:#12351f;--warning-soft:#3a2a0c;--danger-soft:#3d1515;--info-soft:#1e2350;--shadow:0 4px 16px #0006;--shadow-lg:0 16px 48px #0000008c}}
*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:650;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}code{font-family:var(--font-mono);background:var(--surface-2);border-radius:4px;padding:.1em .35em;font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle);font-size:.875rem}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack-lg{gap:var(--space-5);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2);display:flex}.row-wrap{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.grow{flex:auto;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{border-radius:var(--radius-sm);background:var(--accent);min-height:36px;color:var(--accent-fg);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.9rem;font-weight:600;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.btn-outline{background:var(--surface);color:var(--fg);border-color:var(--border-strong)}.btn-outline:hover{background:var(--surface-2);filter:none}.btn-ghost{color:var(--fg-muted);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--fg);filter:none}.btn-danger{background:var(--danger-strong);color:#fff}.btn-sm{min-height:30px;padding:0 10px;font-size:.85rem}.btn-icon{width:34px;min-height:34px;padding:0}.btn-block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-size:.875rem;font-weight:600}.field-help{color:var(--fg-subtle);font-size:.8rem}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:38px;color:var(--fg);padding:8px 12px}.textarea{resize:vertical;min-height:96px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{accent-color:var(--accent);margin-block-start:4px}.form-error{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger-strong);padding:10px 12px;font-size:.9rem}.form-ok{border-radius:var(--radius-sm);background:var(--success-soft);color:var(--success);padding:10px 12px;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-tight{padding:var(--space-4)}.badge{background:var(--surface-3);color:var(--fg-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger-strong)}.avatar{background:var(--accent-soft);color:var(--accent);border-radius:999px;flex:none;place-items:center;font-weight:700;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.empty{place-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;color:var(--fg-muted);display:grid}.empty svg{color:var(--fg-subtle)}.list{flex-direction:column;display:flex}.list-row{align-items:center;gap:var(--space-3);padding:12px var(--space-4);border-block-end:1px solid var(--border);display:flex}.list-row:last-child{border-block-end:0}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:start;border-block-end:1px solid var(--border);vertical-align:middle;padding:10px 12px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--fg-subtle);font-size:.75rem;font-weight:600}.dialog{border-radius:var(--radius-lg);background:var(--surface);color:var(--fg);box-shadow:var(--shadow-lg);border:0;width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);padding:0}.dialog[open]{flex-direction:column;display:flex}.dialog::backdrop{background:#0a0c128c}.dialog-head{padding:var(--space-4) var(--space-5);border-block-end:1px solid var(--border)}.dialog-body{padding:var(--space-5);flex:auto;min-height:0;overflow:auto}.dialog-foot{padding:var(--space-4) var(--space-5);border-block-start:1px solid var(--border);justify-content:flex-end;gap:var(--space-2);display:flex}.page-center{min-height:100vh;padding:var(--space-5);place-items:center;display:grid}.page-narrow{width:min(560px,100%)}.page-wide{width:min(960px,100%)}.brand{align-items:center;gap:10px;font-size:1.1rem;font-weight:750;display:inline-flex}.brand-mark{background:var(--accent);width:32px;height:32px;color:var(--accent-fg);border-radius:9px;place-items:center;display:grid}@media (pointer:coarse){input,select,textarea,.input,.select,.textarea{font-size:16px}.btn{min-height:40px}.btn-sm{min-height:34px}}
.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);height:100dvh;display:grid;overflow:hidden}:is(html:has(.shell),body:has(.shell)){overscroll-behavior:none;overflow:hidden}.shell{inset-inline:0;top:var(--app-top,0px);height:var(--app-height,100dvh);position:fixed}.shell[data-collapsed=true]{grid-template-columns:var(--sidebar-rail) minmax(0, 1fr)}.sidebar{background:var(--sidebar);min-height:0;color:var(--sidebar-fg);border-inline-end:1px solid #ffffff0a;flex-direction:column;display:flex}.sb-top{border-block-end:1px solid #ffffff0f;align-items:center;gap:6px;padding:10px;display:flex}.sb-switcher{border-radius:var(--radius);min-width:0;color:var(--sidebar-active);cursor:pointer;text-align:start;background:0 0;border:0;flex:auto;align-items:center;gap:10px;padding:6px 8px;font-weight:700;display:flex}.sb-switcher:hover,.sb-switcher[aria-expanded=true]{background:var(--sidebar-2)}.sb-switcher-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sb-icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--sidebar-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.sb-icon-btn:hover{background:var(--sidebar-2);color:var(--sidebar-active)}.community-icon{background:var(--accent);width:32px;height:32px;color:var(--accent-fg);border-radius:9px;flex:none;place-items:center;font-size:.95rem;font-weight:750;line-height:1;display:grid}.sb-menu{z-index:40;inset-inline-start:10px;width:calc(var(--sidebar-width) - 20px);border-radius:var(--radius);background:var(--sidebar-2);max-height:min(70vh,520px);box-shadow:var(--shadow-lg);border:1px solid #ffffff14;padding:6px;position:absolute;top:56px;overflow:auto}.sb-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--sidebar-fg);cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:10px;padding:8px;display:flex}.sb-menu-item:hover,.sb-menu-item[aria-current=true]{background:var(--sidebar-3);color:var(--sidebar-active)}.sb-menu-sep{background:#ffffff14;height:1px;margin:6px 4px}.sb-scroll{scrollbar-width:thin;scrollbar-color:var(--sidebar-3) transparent;flex:auto;min-height:0;padding:8px 8px 16px;overflow-y:auto}.sb-link{border-radius:var(--radius-sm);color:var(--sidebar-fg);align-items:center;gap:10px;padding:7px 10px;font-size:.92rem;display:flex}.sb-link:hover{background:var(--sidebar-2);color:var(--sidebar-active)}.sb-link[aria-current=page]{background:var(--sidebar-3);color:var(--sidebar-active);font-weight:600}.sb-link svg{color:var(--sidebar-muted);flex:none}.sb-link[aria-current=page] svg{color:var(--sidebar-active)}.sb-link .unread-dot{margin-inline-start:auto}.sb-link.is-unread{color:var(--sidebar-active);font-weight:650}.sb-section{margin-block-start:14px}.sb-section-head{color:var(--sidebar-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:4px;padding:4px 4px 4px 10px;font-size:.72rem;font-weight:700;display:flex}.sb-section-head button{width:26px;height:26px;margin-inline-start:auto}.sb-section-toggle{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.tree{margin:0;padding:0;list-style:none}.tree .tree{border-inline-start:1px solid #ffffff0f;margin-inline-start:13px;padding-inline-start:14px}.tree-space{border-radius:var(--radius-sm);width:100%;color:var(--sidebar-fg);cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:6px;padding:6px 8px;font-size:.9rem;font-weight:600;display:flex}.tree-space:hover{background:var(--sidebar-2);color:var(--sidebar-active)}.tree-space .chev{color:var(--sidebar-muted);flex:none;transition:transform .12s}.tree-space[aria-expanded=false] .chev{transform:rotate(-90deg)}[dir=rtl] .tree-space[aria-expanded=false] .chev{transform:rotate(90deg)}.tree-space-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.tree-space-link{width:22px;height:22px;color:var(--sidebar-muted);opacity:0;border-radius:4px;place-items:center;display:grid}.tree-row:hover .tree-space-link,.tree-space-link:focus-visible{opacity:1}.tree-space-link:hover{background:var(--sidebar-3);color:var(--sidebar-active)}.tree-row{align-items:center;display:flex}.tree-locked{color:var(--sidebar-muted);font-weight:500}.tree-tag{background:var(--sidebar-3);color:var(--sidebar-muted);border-radius:999px;padding:1px 6px;font-size:.68rem;font-weight:700}.unread-dot{background:var(--sidebar-active);border-radius:999px;flex:none;width:8px;height:8px}.sb-bottom{background:var(--sidebar-2);border-block-start:1px solid #ffffff0f;align-items:center;gap:10px;padding:10px;display:flex;position:relative}.sb-profile{border-radius:var(--radius-sm);min-width:0;color:var(--sidebar-active);cursor:pointer;text-align:start;background:0 0;border:0;flex:auto;align-items:center;gap:10px;padding:4px 6px;display:flex}.sb-profile:hover{background:var(--sidebar-3)}.sb-profile-meta{flex-direction:column;min-width:0;line-height:1.2;display:flex}.sb-profile-meta small{color:var(--sidebar-muted);font-size:.75rem}.sb-bottom .sb-menu{top:auto;bottom:62px}.shell[data-collapsed=true] .sb-switcher-name,.shell[data-collapsed=true] .sb-switcher .chev,.shell[data-collapsed=true] .sb-section,.shell[data-collapsed=true] .sb-profile-meta,.shell[data-collapsed=true] .sb-link-label{display:none}.shell[data-collapsed=true] .sb-top{flex-direction:column;padding:10px 6px}.shell[data-collapsed=true] .sb-switcher{justify-content:center;padding:6px}.shell[data-collapsed=true] .sb-link{justify-content:center;padding:9px}.shell[data-collapsed=true] .sb-bottom{flex-direction:column;justify-content:center;padding:10px 6px}.shell[data-collapsed=true] .sb-profile{justify-content:center}.rail-only{display:none}.shell[data-collapsed=true] .rail-only{display:flex}.main{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{align-items:center;gap:var(--space-3);min-height:var(--topbar-height);padding:0 var(--space-4);border-block-end:1px solid var(--border);background:var(--surface);flex:none;display:flex}.topbar-title{align-items:center;gap:8px;min-width:0;font-weight:700;display:flex}.topbar-title svg{color:var(--fg-subtle);flex:none}.topbar-sub{color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.85rem;overflow:hidden}.topbar-actions{align-items:center;gap:6px;margin-inline-start:auto;display:flex}.mobile-only{display:none}.content{flex:1 1 0;min-height:0;overflow-y:auto}.content-pad{padding:var(--space-5)}.content-narrow{max-width:860px;margin-inline:auto}.scrim{display:none}@media (max-width:820px){.sb-link,.tree-space{min-height:40px}.sb-icon-btn{width:38px;height:38px}.topbar{padding-inline:var(--space-2) var(--space-3);padding-block-start:env(safe-area-inset-top)}.shell,.shell[data-collapsed=true]{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:50;width:min(86vw, var(--sidebar-width));transition:transform .18s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-105%)}[dir=rtl] .sidebar{transform:translate(105%)}.shell[data-drawer=open] .sidebar{transform:none}.shell[data-drawer=open] .scrim{z-index:45;background:#0a0c1280;display:block;position:fixed;inset:0}.shell[data-collapsed=true] .sb-section,.shell[data-collapsed=true] .sb-switcher-name,.shell[data-collapsed=true] .sb-profile-meta,.shell[data-collapsed=true] .sb-link-label{display:revert}.collapse-toggle{display:none}.mobile-only{display:inline-grid}.content-pad{padding:var(--space-4)}}.tabs{padding:0 var(--space-4);border-block-end:1px solid var(--border);scrollbar-width:none;background:var(--surface);flex:none;gap:2px;display:flex;overflow-x:auto}.tab{color:var(--fg-muted);white-space:nowrap;border-block-end:2px solid #0000;padding:12px 12px 10px;font-size:.9rem;font-weight:600}.tab:hover{color:var(--fg)}.tab[aria-current=page]{color:var(--accent);border-block-end-color:var(--accent)}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.page-head p{color:var(--fg-muted);margin-block-start:4px}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.section-title{letter-spacing:.05em;text-transform:uppercase;color:var(--fg-subtle);font-size:.8rem;font-weight:700}[dir=rtl] .collapse-toggle svg{transform:scaleX(-1)}.community-icon.is-image{background:0 0;overflow:hidden}.community-icon.is-image img{object-fit:cover;width:100%;height:100%}img.space-icon{vertical-align:-3px;object-fit:cover;border-radius:4px;display:inline-block}.icon-preview{background:var(--surface-2);border-radius:9px;place-items:center;width:40px;height:40px;font-size:1.3rem;display:grid}
.convo{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.convo-scroll{overscroll-behavior:contain;min-height:0;padding:var(--space-4) 0 var(--space-2);flex-direction:column;flex:1 1 0;display:flex;overflow-y:auto}.convo-list{flex-direction:column;margin-block-start:auto;display:flex}.convo-start{padding:var(--space-5) var(--space-5) var(--space-3)}.convo-start h2{margin-block-end:4px;font-size:1.35rem}.day-divider{align-items:center;gap:var(--space-3);margin:var(--space-3) var(--space-5);color:var(--fg-subtle);font-size:.78rem;font-weight:650;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--border);flex:1;height:1px}.msg{padding:4px var(--space-5);grid-template-columns:40px minmax(0,1fr);column-gap:12px;display:grid;position:relative}@media (hover:hover){.msg:hover{background:var(--surface-2)}}.msg.is-selected{background:var(--surface-2)}.msg.is-cont{padding-block:1px}.msg-gutter{grid-row:span 2;padding-block-start:2px}.msg-time-inline{visibility:hidden;text-align:end;color:var(--fg-subtle);padding-block-start:4px;font-size:.68rem;display:block}.msg:hover .msg-time-inline,.msg.is-selected .msg-time-inline{visibility:visible}.msg-head{align-items:baseline;gap:8px;display:flex}.msg-author{font-weight:700}.msg-time{color:var(--fg-subtle);font-size:.75rem}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext}.msg-body a{color:var(--accent);text-decoration:underline}.msg-deleted{color:var(--fg-subtle);font-style:italic}.msg-edited{color:var(--fg-subtle);margin-inline-start:4px;font-size:.72rem}.msg-actions{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);gap:2px;padding:2px;display:none;position:absolute;inset-block-start:-14px;inset-inline-end:var(--space-5)}.msg:hover .msg-actions,.msg:focus-within .msg-actions,.msg.is-selected .msg-actions{display:flex}.msg-actions button{min-width:28px;height:28px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0 4px;display:grid}.msg-actions button:hover{background:var(--surface-2);color:var(--fg)}.reactions{flex-wrap:wrap;gap:4px;margin-block-start:4px;display:flex}.reaction{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:.82rem;display:inline-flex}.reaction.is-mine{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.reaction:disabled{cursor:default}.typing-line{height:22px;padding:0 var(--space-5);color:var(--fg-muted);flex:none;align-items:center;min-width:0;font-size:.78rem;display:flex}.composer{padding:0 var(--space-5) max(var(--space-4), env(safe-area-inset-bottom));flex:none}[dir=rtl] .composer .btn-icon svg{transform:scaleX(-1)}.composer-box{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;display:flex}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer textarea{resize:none;unicode-bidi:plaintext;background:0 0;border:0;outline:none;flex:auto;min-height:24px;max-height:200px;padding:6px 0}.composer-note{border-radius:var(--radius-lg);background:var(--surface-2);color:var(--fg-muted);align-items:center;gap:8px;padding:12px 14px;font-size:.9rem;display:flex}.composer-error{color:var(--danger-strong);margin-block-start:6px;font-size:.85rem}.load-older{align-self:center;margin-block-end:var(--space-3)}.emoji-pop{z-index:5;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);gap:2px;padding:4px;display:flex;position:absolute;inset-block-start:18px;inset-inline-end:var(--space-5)}.emoji-pop button{cursor:pointer;background:0 0;border:0;border-radius:6px;width:32px;height:32px;font-size:1.1rem}.emoji-pop button:hover{background:var(--surface-2)}@media (max-width:820px){.msg{padding-inline:var(--space-3);column-gap:10px}.msg-actions{inset-inline-end:var(--space-3)}.msg-actions button{min-width:38px;height:38px}.emoji-pop{inset-inline-end:var(--space-3)}.emoji-pop button{width:40px;height:40px}.day-divider{margin-inline:var(--space-3)}.convo-start,.typing-line{padding-inline:var(--space-3)}.composer{padding-inline:var(--space-2);padding-block-end:max(var(--space-2), env(safe-area-inset-bottom))}.composer-box{padding-inline-start:12px}.reaction{padding:4px 10px}}.attachments,.embeds{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-block-start:6px;display:flex}.att-image{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:zoom-in;max-width:min(360px,100%);padding:0;display:block;overflow:hidden}.att-image img{object-fit:cover;width:100%;height:100%;display:block}.att-image:not([style]) img{width:auto;max-width:100%;max-height:320px}.att-video,.embed-video{border-radius:var(--radius);background:#000;max-width:min(360px,100%);max-height:320px;display:block}.att-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:4px;width:min(340px,100%);padding:6px 6px 6px 10px;display:flex}.att-card>svg{color:var(--accent);flex:none}.att-open{min-width:0;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:10px;padding:4px 0;display:flex}.att-open>svg{color:var(--accent);flex:none}.att-open:hover .att-name{text-decoration:underline}.att-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.att-meta audio{width:100%;height:36px}.att-name{font-weight:600}.embed-image{border-radius:var(--radius);border:1px solid var(--border);max-width:min(360px,100%);display:block;overflow:hidden}.embed-image img{max-width:100%;max-height:320px;display:block}.embed-youtube{aspect-ratio:16/9;border-radius:var(--radius);background:#000;border:0;width:min(400px,100%);display:block;overflow:hidden}.embed-facade{cursor:pointer;padding:0;position:relative}.embed-facade img{object-fit:cover;opacity:.92;width:100%;height:100%}.embed-play{color:#fff;background:#dc1e1eeb;border-radius:12px;place-items:center;width:64px;height:44px;margin:auto;display:grid;position:absolute;inset:0}.composer-files{flex-wrap:wrap;gap:6px;margin:0 0 6px;padding:0;list-style:none;display:flex}.chip-file{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:6px;max-width:220px;padding:4px 4px 4px 6px;font-size:.82rem;display:flex;position:relative;overflow:hidden}.chip-file img{object-fit:cover;border-radius:4px;flex:none;width:28px;height:28px}.chip-file svg{flex:none}.chip-file button{width:22px;height:22px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;display:grid}.chip-file button:hover{background:var(--surface-3);color:var(--fg)}.chip-file.is-error{border-color:var(--danger);color:var(--danger-strong)}.chip-progress{background:var(--surface-3);height:3px;position:absolute;inset-block-end:0;inset-inline:0}.chip-progress span{background:var(--accent);height:100%;transition:width .12s linear;display:block}.composer-box{align-items:flex-end}.composer-attach{color:var(--fg-muted);flex:none}.composer-box{padding-inline-start:6px}.convo{position:relative}.convo.is-dragging:after{content:attr(data-drop-label);border:2px dashed var(--accent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 85%, transparent);color:var(--accent);pointer-events:none;z-index:10;place-items:center;font-weight:700;display:grid;position:absolute;inset:8px}.viewer{border-radius:var(--radius-lg);background:var(--surface);width:min(1100px,100vw);max-width:100vw;height:92dvh;max-height:100dvh;color:var(--fg);box-shadow:var(--shadow-lg);border:0;padding:0}.viewer[open]{animation:dialog-in .22s var(--ease-out) both;flex-direction:column;display:flex}.viewer::backdrop{background:#0a0c12bf}.viewer-head{border-block-end:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}.viewer-title{flex:auto;min-width:0;font-weight:700}.viewer-body{overscroll-behavior:contain;flex:1 1 0;min-height:0;overflow:auto}.viewer-image,.viewer-video,.viewer-audio{background:#0b0d12;place-items:center;display:grid}.viewer-image img,.viewer-video video{object-fit:contain;max-width:100%;max-height:100%}.viewer-notice{padding:var(--space-6);text-align:center;color:var(--fg-muted)}.viewer-note{color:var(--fg-muted);background:var(--surface-2);padding:8px 16px;font-size:.85rem}.viewer-text{font:.85rem/1.55 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;margin:0;padding:16px}.viewer-table-wrap{overflow:auto}.viewer-table{font-size:.85rem}.viewer-table th{background:var(--surface-2);text-transform:none;letter-spacing:0;color:var(--fg);font-size:.85rem;position:sticky;top:0}.viewer-table td,.viewer-table th{white-space:nowrap;text-overflow:ellipsis;max-width:420px;overflow:hidden}.viewer-pdf{background:var(--surface-3)}.pdf{flex-direction:column;height:100%;display:flex}.pdf-bar{background:var(--surface);border-block-end:1px solid var(--border);flex:none;align-items:center;gap:4px;padding:4px 8px;display:flex}.pdf-pages{flex-direction:column;flex:1 1 0;align-items:center;gap:12px;min-height:0;padding:12px;display:flex;position:relative;overflow:auto}.pdf-page{box-shadow:var(--shadow-sm);background:#fff;flex:none}.pdf-page canvas{display:block}.markdown{overflow-wrap:anywhere;max-width:760px;margin:0 auto;padding:24px;line-height:1.65}.markdown h1,.markdown h2,.markdown h3{margin:1.2em 0 .5em}.markdown p,.markdown ul,.markdown ol,.markdown pre,.markdown blockquote,.markdown table{margin:0 0 1em}.markdown ul,.markdown ol{padding-inline-start:1.5em}.markdown a{color:var(--accent);text-decoration:underline}.markdown code{font-family:var(--font-mono);background:var(--surface-2);border-radius:4px;padding:1px 4px;font-size:.88em}.markdown pre{border-radius:var(--radius);background:var(--surface-2);padding:12px;overflow:auto}.markdown pre code{background:0 0;padding:0}.markdown blockquote{border-inline-start:3px solid var(--border-strong);color:var(--fg-muted);padding-inline-start:12px}.markdown table{border-collapse:collapse}.markdown th,.markdown td{border:1px solid var(--border);padding:6px 10px}.markdown img{max-width:100%}@media (max-width:820px){.viewer{border-radius:0;width:100vw;height:100dvh}.markdown{padding:16px}}
.perm-group{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.perm-group+.perm-group{margin-block-start:var(--space-3)}.perm-group-head{background:var(--surface-2);padding:8px 12px;font-size:.85rem;font-weight:650}.perm-row{border-block-start:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.perm-row:first-of-type{border-block-start:0}.perm-row input{accent-color:var(--accent);margin-block-start:3px}.perm-row small{color:var(--fg-subtle);display:block}.perm-inherited{color:var(--fg-subtle)}.cond{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:var(--space-3);gap:var(--space-2);background:var(--surface);flex-direction:column;display:flex}.cond .cond{background:var(--surface-2)}.cond-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cond-row .select,.cond-row .input{flex:140px;width:auto;min-width:120px}.step-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.step-card-head{align-items:center;gap:var(--space-2);border-block-end:1px solid var(--border);background:var(--surface-2);border-start-start-radius:var(--radius);border-start-end-radius:var(--radius);padding:10px 12px;display:flex}.step-card-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.step-num{background:var(--accent);width:24px;height:24px;color:var(--accent-fg);border-radius:999px;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.q-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.stepper{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stepper li{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 10px;display:flex}.stepper li[data-state=current]{background:var(--accent-soft);font-weight:650}.stepper li[data-state=done]{color:var(--fg-muted)}.stepper .dot{border:2px solid var(--border-strong);border-radius:999px;flex:none;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:grid}.stepper li[data-state=done] .dot{background:var(--success);border-color:var(--success);color:#fff}.stepper li[data-state=current] .dot{border-color:var(--accent);color:var(--accent)}.agreement-text{white-space:pre-wrap;max-height:320px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);overflow:auto}.kv{grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 16px;font-size:.9rem;display:grid}.kv dt{color:var(--fg-subtle)}.kv dd{margin:0}.swatch{border-radius:999px;flex:none;width:12px;height:12px;display:inline-block}
:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur:.2s}.skel{background:var(--surface-3);border-radius:var(--radius-sm);display:block;position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface) 60%, transparent), transparent);animation:skel-shimmer 1.4s var(--ease-in-out) infinite;position:absolute;inset:0;transform:translate(-100%)}[dir=rtl] .skel:after{animation-direction:reverse}.skel-dark{background:var(--sidebar-3)}.skel-dark:after{background:linear-gradient(90deg,#0000,#ffffff0f,#0000)}.skel-card{border-radius:var(--radius-lg);height:140px}.skel-row{border-radius:var(--radius);height:52px}.skel-msg:hover{background:0 0}@keyframes skel-shimmer{to{transform:translate(100%)}}.link-pending{opacity:0;width:6px;height:6px;transition:opacity var(--dur-fast);background:currentColor;border-radius:999px;flex:none;margin-inline-start:auto}.link-pending.is-pending{opacity:.8;transition-delay:80ms;animation:.9s ease-in-out infinite pulse}.shell[data-collapsed=true] .link-pending{display:none}@keyframes pulse{50%{opacity:.25}}.shell{transition:grid-template-columns .24s cubic-bezier(.4,0,.2,1)}.sb-scroll{overflow-x:hidden}.sb-link,.sb-switcher,.tree-space,.sb-profile,.sb-section-head{white-space:nowrap}.sb-link{overflow:hidden}@starting-style{.sb-switcher-name,.sb-link-label,.sb-profile-meta,.sb-section{opacity:0}}.sb-switcher-name,.sb-link-label,.sb-profile-meta,.sb-section{transition:opacity .18s 60ms}.collapse-toggle svg{transition:transform var(--dur) var(--ease-out)}@media (max-width:820px){.sidebar{transition:transform .26s var(--ease-out), box-shadow .26s}.shell[data-drawer=open] .sidebar{box-shadow:var(--shadow-lg)}.shell[data-drawer=open] .scrim{animation:fade-in var(--dur) ease both}}.tree-space .chev{transition:transform var(--dur) var(--ease-out)}.tree li>.tree{transition:opacity var(--dur) var(--ease-out), translate var(--dur) var(--ease-out)}@starting-style{.tree li>.tree{opacity:0;translate:0 -4px}}.sb-link{transition:background var(--dur-fast), color var(--dur-fast)}.sb-menu{animation:pop-in .16s var(--ease-out) both;transform-origin:0 0}.sb-bottom .sb-menu{transform-origin:0 100%;animation-name:pop-up}.emoji-pop{animation:pop-in .14s var(--ease-out) both;transform-origin:100% 0}.dialog[open]{animation:dialog-in .22s var(--ease-out) both}.dialog[open]::backdrop{animation:.22s both fade-in}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes pop-up{0%{opacity:0;transform:translateY(4px)scale(.98)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.msg.is-new{animation:msg-in .26s var(--ease-out) both}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}}.reaction{transition:background var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast)}.reaction:active:not(:disabled){transform:scale(.92)}.reactions .reaction{animation:.16s both fade-in}.composer .btn-icon{transition:background var(--dur-fast), opacity var(--dur-fast), transform var(--dur-fast)}.composer .btn-icon:active:not(:disabled){transform:scale(.92)}.content,.convo{animation:.18s both fade-in}.typing-dots{vertical-align:middle;gap:3px;margin-inline-end:6px;display:inline-flex}.typing-dots span{background:currentColor;border-radius:999px;width:5px;height:5px;animation:1.2s ease-in-out infinite typing}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skel:after{animation:none}}