:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--text-xs: 11px;--text-2xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--shadow-sm: 0 1px 3px rgba(22,163,74,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(22,163,74,.06), 0 2px 4px rgba(0,0,0,.08);--shadow-lg: 0 12px 32px rgba(22,163,74,.08), 0 4px 8px rgba(0,0,0,.12);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--radius: 8px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--dur-fast: .12s;--dur-med: .2s;--dur-slow: .4s;--transition-fast: .12s var(--ease-out);--transition-base: .2s var(--ease-out);--transition-slow: .4s var(--ease-out);--bg: #FFFBF5;--bg-alt: #FFF8EE;--fg: #1a1a1a;--fg-muted: #888888;--accent: #16a34a;--accent-hover: #15803d;--danger: #dc2626;--danger-dim: rgba(220,38,38,.1);--success: #16a34a;--success-dim: rgba(22,163,74,.1);--warn: #ca8a04;--warn-dim: rgba(202,138,4,.1);--info: #0891b2;--info-dim: rgba(8,145,178,.1);--btn-h-sm: 32px;--btn-h-md: 40px;--btn-h-lg: 48px;--z-base: 1;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}@keyframes hub-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hub-skeleton{background:linear-gradient(90deg,var(--bg-alt, #f0f0f0) 25%,var(--fg-muted, #ccc) 50%,var(--bg-alt, #f0f0f0) 75%);background-size:200% 100%;animation:hub-skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}.hub-error-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--danger-dim);color:var(--danger);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.hub-error-chip .retry-btn{padding:var(--space-1) var(--space-2);background:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer}:root,:root[data-theme=dark]{--surface-0: #1e1f22;--surface-0-hover: #23252a;--surface-0-active: #292b30;--surface-1: #2b2d31;--surface-1-hover: #35373c;--surface-1-active: #3a3c41;--surface-2: #313338;--surface-2-hover: #3a3c42;--surface-2-active: #43464d;--surface-3: #3f4147;--surface-3-hover: #4e5058;--surface-3-active: #5c5f66;--text-primary: #f2f3f5;--text-secondary: #b5bac1;--text-muted: #949ba4;--text-inverse: #111214;--accent: #16a34a;--accent-hover: #15803d;--accent-press: #14532d;--accent-soft: rgba(22,163,74,.15);--warning: #ea580c;--warning-soft: rgba(234,88,12,.15);--danger: #dc2626;--danger-soft: rgba(220,38,38,.15);--info: #0891b2;--info-soft: rgba(8,145,178,.15);--link: #38bdf8;--border-subtle: #3f4147;--border-strong: #4e5058;--mention: #ea580c;--unread: #f2f3f5;--status-online: #16a34a;--status-idle: #eab308;--status-dnd: #dc2626;--status-offline:#71717a;--status-yellow: #ca8a04;--star: #f0b72f;--email-outbound:#3ea872;--overlay-dark: rgba(0, 0, 0, .5);--overlay-scrim: rgba(0, 0, 0, .24);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-1: 0 1px 2px rgba(0,0,0,.35);--shadow-2: 0 4px 12px rgba(0,0,0,.4);--shadow-3: 0 12px 32px rgba(0,0,0,.55);--shadow-focus: 0 0 0 2px var(--surface-0), 0 0 0 4px var(--accent);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-med: .2s;--dur-slow: .32s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 64px;--font: "gg sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-sans: var(--font);--font-mono: "Cascadia Code", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-10: 10px;--text-11: 11px;--text-12: 12px;--text-13: 13px;--text-14: 14px;--text-15: 15px;--text-16: 16px;--text-18: 18px;--text-20: 20px;--text-24: 24px;--text-28: 28px;--text-32: 32px;--leading-tight: 1.2;--leading-ui: 1.35;--leading-body: 1.5;--brand: #5865f2;--brand-hover: #4752c4;--accent-active: #0f7a35;--avatar-c1: #5865f2;--avatar-c2: #eb459e;--avatar-c3: #57f287;--avatar-c4: #fee75c;--avatar-c5: #ed4245;--avatar-c6: #3ba55c;--avatar-c7: #faa61a;--avatar-c8: #a855f7;--avatar-c9: #e67e22;--avatar-c10: #9b59b6;--avatar-c11: #1abc9c;--avatar-c12: #e91e63;--call-bg-deep: #0b132a;--call-bg-grad-start: #12203a;--call-bg-grad-end: #0a1220;--call-bg-avatar: #22304a;--call-text: #ffffff;--call-text-muted: #9cb0d8;--call-text-avatar: #d8e4ff;--call-btn-bg: rgba(255,255,255,.08);--call-btn-border: rgba(255,255,255,.15);--call-scrim: rgba(0,0,0,.55);--z-base: 1;--z-overlay: 100;--z-dropdown: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}:root[data-theme=light]{--surface-0: #FFFBF5;--surface-0-hover: #FAF4E8;--surface-0-active: #F4ECDB;--surface-1: #FFF8EE;--surface-1-hover: #F4ECDB;--surface-1-active: #ECE2CD;--surface-2: #e5e0d8;--surface-2-hover: #ddd6c8;--surface-2-active: #cfc8b6;--surface-3: #cfc8b6;--surface-3-hover: #bdb59f;--surface-3-active: #aaa28a;--text-primary: #1a1a1a;--text-secondary: #4a4640;--text-muted: #8e8674;--text-inverse: #FFFBF5;--accent: #16a34a;--accent-hover: #15803d;--accent-press: #14532d;--accent-soft: rgba(22,163,74,.12);--warning: #ea580c;--warning-soft: rgba(234,88,12,.12);--danger: #b91c1c;--danger-soft: rgba(185,28,28,.1);--info: #0891b2;--info-soft: rgba(8,145,178,.1);--link: #0c5edb;--border-subtle: #e5e0d8;--border-strong: #cfc8b6;--mention: #ea580c;--unread: #1a1a1a;--shadow-1: 0 1px 2px rgba(60,40,10,.06);--shadow-2: 0 4px 12px rgba(60,40,10,.1);--shadow-3: 0 12px 32px rgba(60,40,10,.18);--shadow-focus: 0 0 0 2px var(--surface-0), 0 0 0 4px var(--accent)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]):not([data-theme=light]){color-scheme:light;--surface-0: #FFFBF5;--surface-0-hover: #FAF4E8;--surface-0-active: #F4ECDB;--surface-1: #FFF8EE;--surface-1-hover: #F4ECDB;--surface-1-active: #ECE2CD;--surface-2: #e5e0d8;--surface-2-hover: #ddd6c8;--surface-2-active: #cfc8b6;--surface-3: #cfc8b6;--surface-3-hover: #bdb59f;--surface-3-active: #aaa28a;--text-primary: #1a1a1a;--text-secondary: #4a4640;--text-muted: #8e8674;--text-inverse: #FFFBF5;--border-subtle: #e5e0d8;--border-strong: #cfc8b6;--mention: #ea580c;--unread: #1a1a1a}}:root,:root[data-theme=dark],:root[data-theme=light]{--bg: var(--surface-2);--bg-base: var(--surface-2);--bg-elev: var(--surface-1);--bg-hover: var(--surface-1-hover);--bg-active: var(--surface-2-active);--bg-surface: var(--surface-1);--bg-secondary: var(--surface-1);--bg-tertiary: var(--surface-0);--bg-input: var(--surface-3);--bg-floating: var(--surface-1);--bg-user-panel: var(--surface-0);--bg-alt: var(--surface-1);--fg: var(--text-primary);--fg-bright: var(--text-primary);--fg-secondary: var(--text-secondary);--fg-muted: var(--text-muted);--fg-dim: var(--text-muted);--fg-on-accent: #ffffff;--border: var(--border-subtle);--border-focus: var(--accent);--accent-dim: var(--accent-soft);--ok: var(--accent);--ok-dim: var(--accent-soft);--ok-bg: var(--accent-soft);--warn: var(--warning);--warn-dim: var(--warning-soft);--warn-bg: var(--warning-soft);--err: var(--danger);--err-dim: var(--danger-soft);--err-bg: var(--danger-soft);--info-dim: var(--info-soft);--logic: #a855f7;--logic-dim: rgba(168,85,247,.15);--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-3);--space-lg: var(--space-4);--space-xl: var(--space-6);--space-2xl: var(--space-8);--space-7: var(--space-8);--radius: var(--radius-md);--radius-xl: var(--radius-lg);--text-xs: var(--text-11);--text-sm: var(--text-13);--text-base: var(--text-14);--text-lg: var(--text-16);--text-xl: var(--text-20);--text-2xl: var(--text-24);--text-3xl: var(--text-28);--line-height: var(--leading-body);--line-height-tight: var(--leading-tight);--shadow-sm: var(--shadow-1);--shadow-md: var(--shadow-2);--shadow-lg: var(--shadow-3);--transition-fast: var(--dur-fast) var(--ease-out);--transition-base: var(--dur-med) var(--ease-out);--transition-slow: var(--dur-slow) var(--ease-out);--z-modal: 300;--z-toast: 400;--z-fab: 100}select option{background:var(--surface-2);color:var(--text-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;height:100%;background:var(--surface-0);color:var(--text-primary);font-family:var(--font);font-size:var(--text-14);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;overscroll-behavior-y:none}.standalone-banner{display:none!important}.banner-x{background:none;border:none;color:var(--warning);cursor:pointer;padding:var(--space-1);margin-left:auto}#app{flex:1;min-height:0;display:flex}footer,.hub-footer{flex-shrink:0}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit;font-size:inherit}input,select,textarea{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-14);color:var(--text-primary);outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}select{cursor:pointer}textarea{resize:vertical}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-0),0 0 0 4px var(--accent);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font);font-size:var(--text-14);line-height:var(--leading-body);color:var(--text-primary);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.msg-time,.msg-compact-time,.chat-char-count,.home-activity-time,.cl-channel-badge,.sr-badge,.ca-member-count{font-variant-numeric:tabular-nums}h1,h2,h3,h4,h5,h6{font-family:var(--font);font-weight:700;color:var(--text-primary);line-height:var(--leading-tight)}h1{font-size:var(--text-32)}h2{font-size:var(--text-24)}h3{font-size:var(--text-20)}h4{font-size:var(--text-16)}h5{font-size:var(--text-14)}h6{font-size:var(--text-12);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}p{font-size:var(--text-14);line-height:var(--leading-body);color:var(--text-primary)}small{font-size:var(--text-12);color:var(--text-muted)}strong,b{font-weight:700}em,i{font-style:italic}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.92em}code{background:var(--surface-2);padding:1px 5px;border-radius:var(--radius-sm)}pre{background:var(--surface-2);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;line-height:var(--leading-body)}pre code{background:transparent;padding:0}.text-12{font-size:var(--text-12)}.text-14{font-size:var(--text-14)}.text-16{font-size:var(--text-16)}.text-20{font-size:var(--text-20)}.text-24{font-size:var(--text-24)}.text-32{font-size:var(--text-32)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted);font-size:var(--text-14)}.text-mono{font-family:var(--font-mono)}.leading-tight{line-height:var(--leading-tight)}.leading-ui{line-height:var(--leading-ui)}.leading-body{line-height:var(--leading-body)}.hub-footer{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-4);font-size:11px;color:var(--text-muted);border-top:1px solid var(--border-subtle);background:var(--surface-0)}.hub-footer-hub{font-weight:600;color:var(--text-secondary)}.hub-footer a{color:var(--text-muted);text-decoration:none}.hub-footer a:hover{color:var(--text-primary)}.hub-footer a.active{color:var(--accent)}.hub-footer a.dead{opacity:.3;pointer-events:none}.hub-footer-spacer{flex:1}.hub-footer-copy{font-size:10px}#app{display:flex;width:100%;flex:1;min-height:0;overflow:hidden}#server-rail,#channel-list,#channel-list .cl-channels,.ca-body,#member-list,.dm-partner-panel{scrollbar-width:thin;scrollbar-color:var(--surface-0) transparent}#server-rail::-webkit-scrollbar,#channel-list::-webkit-scrollbar,#channel-list .cl-channels::-webkit-scrollbar,.ca-body::-webkit-scrollbar,#member-list::-webkit-scrollbar,.dm-partner-panel::-webkit-scrollbar{width:8px;height:8px}#server-rail::-webkit-scrollbar-track,#channel-list::-webkit-scrollbar-track,#channel-list .cl-channels::-webkit-scrollbar-track,.ca-body::-webkit-scrollbar-track,#member-list::-webkit-scrollbar-track,.dm-partner-panel::-webkit-scrollbar-track{background:transparent}#server-rail::-webkit-scrollbar-thumb,#channel-list::-webkit-scrollbar-thumb,#channel-list .cl-channels::-webkit-scrollbar-thumb,.ca-body::-webkit-scrollbar-thumb,#member-list::-webkit-scrollbar-thumb,.dm-partner-panel::-webkit-scrollbar-thumb{background:var(--surface-0);border-radius:4px;border:2px solid transparent;background-clip:padding-box}#server-rail{width:72px;min-width:72px;flex-shrink:0;background:var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;padding-top:12px;gap:var(--space-2);overflow-y:auto;z-index:var(--z-base)}.sr-icon-wrap{position:relative;width:48px;height:48px;flex-shrink:0;margin-bottom:8px}.sr-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-18);font-weight:600;cursor:pointer;transition:border-radius var(--dur-med) var(--ease-out),background-color var(--dur-med) var(--ease-out);background:var(--bg);color:var(--fg);position:relative;flex-shrink:0;margin-bottom:8px;overflow:hidden}.sr-icon-wrap>.sr-icon{margin-bottom:0}.sr-icon:hover{border-radius:33%;background:var(--accent);color:var(--fg-on-accent)}.sr-icon[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--surface-3);color:var(--text-primary);padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--text-14);font-weight:600;white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none;box-shadow:var(--shadow-2)}.sr-icon[data-tooltip]:hover:before{content:"";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--surface-3);z-index:var(--z-tooltip)}.sr-icon.active{border-radius:33%;background:var(--accent);color:var(--fg-on-accent)}.sr-icon:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:0;background:#fff;border-radius:0 4px 4px 0;transition:height .2s cubic-bezier(.4,0,.2,1)}.sr-icon:hover:before{height:20px}.sr-icon.active:before{height:40px}.sr-icon.active:hover:before{height:40px}.sr-icon.has-unread:before{height:8px}.sr-icon.has-unread:hover:before{height:20px}.sr-dm-badge{position:absolute;bottom:-2px;right:-2px;min-width:16px;height:16px;background:var(--danger);color:var(--fg-on-accent);font-size:var(--text-10);font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg-tertiary)}.sr-icon.sr-mirror{outline:1.5px dashed var(--accent);outline-offset:2px}body[data-current-server-mirror="1"] .chat-compose,body[data-current-server-mirror="1"] .chat-compose-mount{display:none!important}.sr-separator{width:32px;height:2px;background:var(--surface-3);opacity:.48;border-radius:1px;margin:var(--space-1) 0 var(--space-2);flex-shrink:0}.sr-badge{position:absolute;bottom:-2px;right:-2px;min-width:16px;height:16px;background:var(--err);color:var(--fg-on-accent);font-size:var(--text-10);font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 var(--space-1);border:2px solid var(--bg-tertiary)}.sr-mention-badge{background:var(--err);color:var(--fg-on-accent)}.sr-divider-bottom{margin-top:4px}.sr-icon-wrap.sr-dragging{opacity:.4}.sr-icon-wrap.sr-drop-target>.sr-icon{outline:2px solid var(--accent);outline-offset:3px}.sr-overview{background:var(--bg);color:var(--fg)}.sr-overview:hover,.sr-overview.active{background:var(--accent);color:var(--fg-on-accent)}.sr-create{background:transparent;border:1px dashed var(--border);color:var(--ok);font-size:var(--text-24)}.sr-create:hover{border-radius:33%;background:var(--ok);border-color:var(--ok);color:var(--fg-on-accent)}#channel-list{width:240px;min-width:240px;flex-shrink:0;background:var(--bg-secondary);display:flex;flex-direction:column;z-index:var(--z-base);height:100%;min-height:0}#channel-list>.cl-header,#channel-list>.cl-search-wrap,#channel-list>.cl-call-overlay,#channel-list>.cl-voice-quick,#channel-list>.cl-user-bar{flex:0 0 auto}#channel-list>.cl-channels{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.cl-header{height:48px;display:flex;align-items:center;padding:0 var(--space-4);font-size:var(--text-16);font-weight:600;color:var(--fg-bright);border-bottom:none;box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d;flex-shrink:0;background:var(--bg-secondary)}.cl-header-clickable{cursor:pointer;transition:background var(--dur-fast) var(--ease-out);gap:var(--space-1)}.cl-header-clickable:hover{background:var(--bg-hover)}.cl-header-arrow{display:flex;align-items:center;margin-left:auto}.cl-header-arrow svg{width:16px;height:16px;color:var(--fg-muted)}.cl-boost-badge{font-size:var(--text-10);color:var(--mention);background:var(--mention-soft, var(--warning-soft));padding:1px 6px;border-radius:var(--radius-md);font-weight:600;margin-left:6px}.cl-empty-msg{padding:var(--space-4);color:var(--fg-muted);font-size:var(--text-13)}.cl-search-wrap{padding:var(--space-2);flex-shrink:0}.cl-search{width:100%;height:28px;display:flex;align-items:center;gap:6px;padding:0 var(--space-2);border:none;border-radius:4px;background:var(--bg-input, var(--surface-0));color:var(--fg-muted);font-size:var(--text-12);font-weight:500;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.cl-search:hover{background:var(--bg-hover, var(--surface-2))}.cl-search:focus-visible{outline:none;box-shadow:var(--shadow-focus, 0 0 0 2px var(--brand))}.cl-search-icon{display:flex;align-items:center;flex-shrink:0}.cl-search-icon svg{width:14px;height:14px;color:var(--fg-muted)}.cl-search-placeholder{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-search-kbd{font-size:var(--text-10);font-weight:600;letter-spacing:.04em;padding:1px var(--space-1);background:var(--surface-2, rgba(0,0,0,.2));border-radius:3px;color:var(--fg-muted);flex-shrink:0}.cl-call-overlay{flex-shrink:0;padding:var(--space-2) 10px 10px;background:var(--bg-tertiary, var(--surface-1));border-top:1px solid rgba(0,0,0,.24);display:flex;flex-direction:column;gap:var(--space-1)}.cl-call-overlay-row{display:flex;align-items:center;gap:6px}.cl-call-overlay-status{display:flex;align-items:center;gap:6px;font-size:var(--text-12);font-weight:700;color:var(--status-online, var(--ok));flex:1;min-width:0}.cl-call-overlay-dot{width:8px;height:8px;border-radius:50%;background:var(--status-online, var(--ok));box-shadow:0 0 6px var(--status-online, var(--ok));animation:cl-call-pulse 1.6s ease-in-out infinite;flex-shrink:0}.cl-call-overlay-label{letter-spacing:.02em}@keyframes cl-call-pulse{0%,to{box-shadow:0 0 0 0 var(--status-online, var(--ok));opacity:1}50%{box-shadow:0 0 6px 2px var(--status-online, var(--ok));opacity:.75}}.cl-call-overlay-channel{display:block;text-align:left;width:100%;padding:0;margin:0;background:transparent;border:none;cursor:pointer;font-size:var(--text-12);font-weight:500;color:var(--fg-muted, var(--text-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-call-overlay-channel:hover{color:var(--text-primary, var(--fg-bright));text-decoration:underline}.cl-call-mini{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--fg-muted, var(--text-muted));cursor:pointer;padding:0;flex-shrink:0;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cl-call-mini:hover{background:var(--surface-2-hover);color:var(--text-primary, var(--fg-bright))}.cl-call-mini:focus-visible{outline:none;box-shadow:var(--shadow-focus, 0 0 0 2px var(--brand))}.cl-call-mini-danger{color:var(--err)}.cl-call-mini-danger:hover{background:var(--err);color:var(--text-inverse)}.cl-call-meter{display:flex;gap:3px;margin-top:2px;padding:0 1px}.cl-call-meter-seg{flex:1;height:4px;background:var(--surface-2, rgba(255, 255, 255, .06));border-radius:2px;transition:background 90ms linear}.cl-call-meter-seg.cl-call-meter-on{background:var(--status-online, var(--ok))}.cl-voice-quick{flex-shrink:0;display:flex;gap:6px;padding:var(--space-1) 10px var(--space-2);background:var(--bg-tertiary, var(--surface-1))}.cl-vq-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2, rgba(0, 0, 0, .2));border:none;border-radius:4px;color:var(--fg-muted, var(--text-muted));cursor:pointer;padding:0;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cl-vq-btn:hover{background:var(--surface-2-hover, var(--surface-2));color:var(--text-primary, var(--fg-bright))}.cl-vq-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus, 0 0 0 2px var(--brand))}.cl-vq-btn-active,.cl-vq-btn-active:hover{background:var(--accent);color:var(--fg-on-accent)}.cl-vq-btn-disabled,.cl-vq-btn:disabled{opacity:.45;cursor:not-allowed}.cl-vq-btn-disabled:hover{background:var(--surface-2, rgba(0, 0, 0, .2));color:var(--fg-muted, var(--text-muted))}.cl-channels{flex:1;min-height:0;overflow-y:auto;padding:0 var(--space-2);padding-top:16px}.cl-category{display:flex;align-items:center;padding:var(--space-4) 0 var(--space-1) 0;cursor:pointer;user-select:none;transition:color var(--dur-med) var(--ease-out)}.cl-category:hover{color:var(--fg)}.cl-category-chevron{display:flex;align-items:center;width:16px;flex-shrink:0}.cl-category-chevron svg{width:12px;height:12px;color:var(--fg-muted);transition:transform var(--dur-fast) var(--ease-out)}.cl-category[aria-expanded=false] .cl-category-chevron svg,.cl-category.collapsed .cl-category-chevron svg{transform:rotate(-90deg)}.cl-cat-caret{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;transition:transform .15s ease}.cl-cat-caret svg{width:12px;height:12px;color:var(--fg-muted)}.cl-cat-caret-collapsed{transform:rotate(-90deg)}.cl-voice-incall-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);flex-shrink:0;margin-right:4px;box-shadow:0 0 0 2px var(--bg-secondary)}.cl-channel-dragging{opacity:.4}.cl-channel-drop{background:var(--accent-soft, rgba(88,101,242,.18))!important;outline:1px dashed var(--accent);outline-offset:-2px}.cl-category-label{text-transform:uppercase;font-size:var(--text-12);font-weight:600;letter-spacing:.02em;color:var(--fg-muted);flex:1}.cl-category{text-transform:uppercase;font-size:var(--text-12);font-weight:600;letter-spacing:.02em;color:var(--fg-muted)}.cl-category-add{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;display:none;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border-radius:3px}.cl-category:hover .cl-category-add,.cl-category:focus-within .cl-category-add{display:inline-flex}.cl-category-add:hover{color:var(--fg-bright)}.cl-category-add svg{width:16px;height:16px}.cl-category-sub{padding-left:24px}.cl-category-sub .cl-category-label{font-size:10px}.cl-channel-sub{padding-left:32px}.cl-category-board-btn{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;display:none;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border-radius:3px}.cl-category:hover .cl-category-board-btn,.cl-category:focus-within .cl-category-board-btn{display:inline-flex}.cl-category-board-btn:hover{color:var(--accent, #5865f2)}.cl-category-board-btn svg{width:14px;height:14px}.cl-category-parent{font-weight:700}.cl-channel{display:flex;align-items:center;gap:6px;padding:6px var(--space-3);margin:1px 0;border-radius:4px;color:var(--fg-muted);cursor:pointer;font-size:var(--text-15);font-weight:500;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);position:relative}.cl-channel:hover{background:var(--bg-hover);color:var(--fg)}.cl-channel.active{background:var(--bg-active);color:var(--fg-bright);font-weight:500}.cl-channel.unread{color:var(--fg-bright);font-weight:600}.cl-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--fg-bright);flex-shrink:0}.cl-channel-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--fg-dim);flex-shrink:0}.cl-channel.active .cl-channel-icon{color:var(--fg)}.cl-channel-name{flex:1}.cl-channel-actions{display:none;align-items:center;gap:var(--space-1);margin-left:auto}.cl-channel:hover .cl-channel-actions,.cl-channel:focus-within .cl-channel-actions{display:inline-flex}.cl-channel-action{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;border-radius:3px}.cl-channel-action:hover{color:var(--fg-bright)}.cl-channel-action svg{width:16px;height:16px}.cl-channel-badge{min-width:18px;height:18px;background:var(--err);color:var(--fg-on-accent);font-size:var(--text-11);font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 var(--space-1)}.cl-home-overview{padding-top:8px}.cl-home-server-icon{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-11);font-weight:700;background:var(--accent);color:var(--fg-on-accent);flex-shrink:0}.cl-home-friends .cl-channel-icon{color:var(--accent)}.cl-user-panel{height:52px;background:var(--bg-user-panel);display:flex;align-items:center;padding:0 var(--space-2);flex-shrink:0;border-top:1px solid rgba(0,0,0,.24);box-shadow:0 -1px #0000002e,0 -4px 12px #0000001f,inset 0 1px #ffffff05;position:relative;z-index:var(--z-base)}.cl-call-overlay{position:relative;z-index:var(--z-base);box-shadow:0 -1px #0000002e,0 -4px 12px #0000001a}.cl-voice-quick{position:relative;z-index:var(--z-base)}#content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);min-width:0}.ca-header{height:48px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);font-size:var(--text-16);font-weight:600;color:var(--fg-bright);border-bottom:none;box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d;flex-shrink:0}.ca-header-icon{color:var(--fg-dim);display:flex;width:24px;height:24px}.ca-header-title{font-size:var(--text-16);font-weight:600}.ca-header-divider{width:1px;height:20px;background:var(--border);margin:0 12px;flex-shrink:0}.ca-header-topic{font-size:var(--text-13);color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.ca-topic-divider{color:var(--fg-muted);opacity:.5;margin:0 8px;font-size:var(--text-14);user-select:none;flex-shrink:0}.ca-header-btn{position:relative}.ca-pin-badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding:0 4px;box-sizing:border-box;border-radius:7px;background:var(--accent);color:#fff;font-size:var(--text-10);font-weight:700;line-height:14px;text-align:center;pointer-events:none}.ca-inbox-flyout{width:360px;max-height:480px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;overflow:hidden;z-index:var(--z-dropdown);box-shadow:var(--shadow-3);display:flex;flex-direction:column}.ca-inbox-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--surface-1);flex-shrink:0}.ca-inbox-tab{flex:1;padding:10px 12px;font-size:var(--text-13);font-weight:600;background:none;border:none;color:var(--fg-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .12s ease,border-color .12s ease}.ca-inbox-tab:hover{color:var(--fg)}.ca-inbox-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.ca-inbox-body{flex:1;min-height:0;overflow-y:auto;padding:4px 0}.ca-inbox-loading,.ca-inbox-empty{padding:24px 16px;color:var(--fg-muted);font-size:var(--text-13);text-align:center}.ca-inbox-row{padding:10px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s ease}.ca-inbox-row:last-child{border-bottom:none}.ca-inbox-row:hover{background:var(--surface-3, var(--surface-1))}.ca-inbox-row-meta{font-size:var(--text-11);color:var(--fg-muted);margin-bottom:4px}.ca-inbox-row-body{font-size:var(--text-13);color:var(--fg);line-height:1.4}.pins-panel{position:absolute;top:48px;right:8px;width:320px;max-height:400px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;overflow-y:auto;z-index:var(--z-overlay);box-shadow:var(--shadow-3)}.pins-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:700;font-size:var(--text-14);border-bottom:1px solid var(--border)}.pins-close{background:none;border:none;color:var(--fg-muted);font-size:var(--text-18);cursor:pointer}.pin-item{padding:12px 16px;border-bottom:1px solid var(--border)}.pin-author{font-weight:600;font-size:var(--text-13);color:var(--fg)}.pin-content{font-size:var(--text-13);color:var(--fg-muted);margin-top:4px;line-height:1.4}.pin-time{font-size:var(--text-11);color:var(--fg-muted);opacity:.6;margin-top:4px}.side-panel{position:absolute;top:48px;right:8px;width:360px;max-height:calc(100% - 64px);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;overflow-y:auto;z-index:var(--z-overlay);box-shadow:var(--shadow-3)}.side-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:700;font-size:var(--text-14);border-bottom:1px solid var(--border)}.side-panel-close{background:none;border:none;color:var(--fg-muted);font-size:var(--text-18);line-height:1;cursor:pointer;padding:4px 8px}.side-panel-close:hover{color:var(--fg)}.side-panel-body{padding:var(--space-1) 0}.side-panel-empty{padding:16px;color:var(--fg-muted);font-size:var(--text-13);text-align:center}.thread-row,.inbox-row{padding:10px 16px;border-bottom:1px solid var(--border-subtle, var(--border));cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.thread-row:last-child,.inbox-row:last-child{border-bottom:none}.thread-row:hover,.inbox-row:hover{background:var(--surface-2-hover)}.thread-row-title{font-weight:600;font-size:var(--text-13);color:var(--fg)}.thread-row-meta,.inbox-row-meta{font-size:var(--text-11);color:var(--fg-muted);margin-top:2px}.inbox-row-body{font-size:var(--text-13);color:var(--fg);margin-top:4px;line-height:1.4}.notif-popover{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px;box-shadow:var(--shadow-3);z-index:var(--z-dropdown);min-width:240px}.notif-popover-title{font-size:var(--text-12);font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.notif-popover-row{display:flex;align-items:center;gap:var(--space-2);padding:6px 4px;cursor:pointer;border-radius:4px;font-size:var(--text-13);color:var(--fg)}.notif-popover-row:hover{background:var(--surface-2-hover)}.notif-popover-divider{height:1px;background:var(--border);margin:8px 0}.ca-member-count{font-size:var(--text-11);background:var(--fg-muted);color:var(--bg);border-radius:8px;padding:0 5px;min-width:16px;text-align:center;font-weight:600;margin-left:4px}.ca-header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.ca-header-btn{background:none;border:none;color:var(--fg-muted);cursor:pointer;padding:6px 8px;min-height:32px;border-radius:4px;display:flex;align-items:center;gap:4px;font-size:var(--text-13);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ca-header-btn:hover,.ca-header-btn.active{background:var(--bg-hover);color:var(--fg)}.ca-header-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ca-search-wrap{position:relative}.ca-search-input{width:160px;padding:4px 10px;border:none;border-radius:4px;background:var(--bg-tertiary, var(--bg));color:var(--fg);font-size:var(--text-13)}.ca-search-input::placeholder{color:var(--fg-muted)}.ca-search-input:focus{width:240px;outline:none}.ca-search-results{position:absolute;top:100%;right:0;width:320px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;margin-top:4px;z-index:var(--z-overlay);max-height:300px;overflow-y:auto;box-shadow:var(--shadow-2)}.search-item{padding:10px 12px;cursor:pointer;display:flex;gap:10px;align-items:flex-start;font-size:var(--text-13);border-bottom:1px solid var(--border)}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--surface-1-hover)}.search-kind-icon{width:28px;height:28px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:var(--text-14);font-weight:700;color:var(--fg-muted);flex-shrink:0}.search-item-body{flex:1;min-width:0}.search-item-title{font-weight:600;color:var(--fg)}.search-item-preview{color:var(--fg-muted);font-size:var(--text-12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item-context{font-size:var(--text-11);color:var(--fg-muted);opacity:.7;margin-top:2px}.search-empty{padding:16px;text-align:center;color:var(--fg-muted);font-size:var(--text-14)}.search-kind{font-size:var(--text-10);padding:1px 6px;border-radius:var(--radius-sm);background:var(--accent);color:var(--fg-on-accent);text-transform:uppercase;flex-shrink:0}.search-preview{color:var(--fg-muted);font-size:var(--text-12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-empty{padding:16px;text-align:center;color:var(--fg-muted);font-size:var(--text-13)}.ca-body{flex:1;overflow-y:auto;padding:var(--space-4);animation:ca-body-in var(--dur-fast) var(--ease-out)}@keyframes ca-body-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}#sidebar-scrim{display:none;position:fixed;inset:0;background:#00000080;z-index:var(--z-base)}#toast{position:fixed;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-13);font-weight:500;z-index:var(--z-dropdown);animation:toast-in var(--dur-med) var(--ease-out)}.toast-ok{background:var(--surface-1);color:var(--ok);border:1px solid var(--ok)}.toast-err{background:var(--surface-1);color:var(--err);border:1px solid var(--err)}.toast-warn{background:var(--surface-1);color:var(--warn);border:1px solid var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}}#modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--dur-med) var(--ease-out)}#modal-overlay.modal-fade-in{opacity:1}#modal{background:var(--bg-floating);border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-lg);width:90%;max-width:440px;max-height:85dvh;overflow-y:auto;animation:modal-in var(--dur-med) var(--ease-out);box-shadow:var(--shadow-3)}@media (max-width: 540px){#modal{border-left:none;border-right:none;border-bottom:none}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-confirm-msg{color:var(--fg-muted);font-size:var(--text-14)}.modal-prompt-msg{color:var(--fg-muted);font-size:var(--text-14);margin-bottom:12px}.modal-prompt-input{width:100%;padding:10px var(--space-3);background:var(--bg-input, var(--bg-tertiary));border:1px solid var(--border);border-radius:4px;color:var(--fg-bright);font-size:var(--text-15);outline:none}.modal-prompt-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft, rgba(88, 101, 242, .2))}.modal-prompt-input.input-error{border-color:var(--danger);box-shadow:0 0 0 2px #ed424533}#member-list{width:240px;min-width:240px;flex-shrink:0;background:var(--bg-secondary);border-left:1px solid var(--border);overflow-y:auto;padding:var(--space-3) var(--space-2);display:none}#member-list.open{display:block}#member-list.mobile-open{display:block;position:fixed;right:0;top:0;bottom:0;z-index:var(--z-dropdown);box-shadow:-4px 0 16px #0000004d}.ml-header{font-size:var(--text-12);font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--fg-muted);padding:var(--space-6) var(--space-2) var(--space-1);display:flex;align-items:center;justify-content:space-between}.ml-header[data-count]:after{content:" — " attr(data-count);color:var(--fg-muted);font-weight:500}.ml-close-btn{background:none;border:none;color:var(--fg-muted);cursor:pointer;padding:4px;line-height:1;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ml-close-btn:hover{background:var(--surface-1-hover);color:var(--fg)}.ml-close-btn svg{width:16px;height:16px}.ml-group-label{font-size:var(--text-11);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);padding:16px 8px 4px}.ml-group-collapsible{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;user-select:none}.ml-group-collapsible:hover{color:var(--fg)}.ml-group-collapsible:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:2px}.ml-group-caret{transition:transform .15s cubic-bezier(.4,0,.2,1);flex-shrink:0;opacity:.7}.ml-group-collapsed .ml-group-caret{transform:rotate(-90deg)}.ml-group-body{display:block}.ml-custom-status{font-size:var(--text-11);color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-member{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);margin:1px 0;border-radius:4px;cursor:pointer;color:var(--fg-muted);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ml-member:hover{background:var(--surface-1-hover);color:var(--fg)}.ml-member.ml-offline{opacity:.3}.ml-member.ml-offline:hover{opacity:1}.ml-avatar-wrap{position:relative;flex-shrink:0}.ml-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary, var(--bg));color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-14);font-weight:600}.ml-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px var(--bg-secondary)}.ml-online{background:var(--status-online)}.ml-offline{background:var(--fg-muted)}.ml-presence-online{background:var(--status-online)}.ml-presence-idle{background:var(--status-idle)}.ml-presence-dnd{background:var(--status-dnd, var(--err, #ed4245))}.ml-presence-offline{background:transparent;border:2px solid var(--fg-muted, #747f8d);box-shadow:0 0 0 3px var(--bg-secondary);box-sizing:border-box}.ml-info{min-width:0}.ml-name{font-size:var(--text-13);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-role{font-size:var(--text-11);color:var(--fg-muted)}.ml-empty{padding:var(--space-8) var(--space-4);color:var(--fg-muted);font-size:var(--text-13);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.ml-empty-illus{color:var(--fg-dim);margin-bottom:4px}.ml-empty-title{color:var(--fg);font-weight:600;font-size:var(--text-14)}.ml-empty-sub{color:var(--fg-muted);font-size:var(--text-12);line-height:1.4}.ml-bot-tag{display:inline-block;margin-left:6px;padding:1px 5px;font-size:var(--text-10);font-weight:700;letter-spacing:.04em;background:var(--accent);color:var(--fg-on-accent);border-radius:3px;vertical-align:1px}.ca-header-back{display:none;align-items:center;justify-content:center;width:40px;height:40px;min-width:44px;min-height:44px;margin-right:4px;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;border-radius:6px;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.ca-header-back:hover{color:var(--fg);background:var(--surface-2-hover)}.ca-mobile-only{display:none}@media (max-width: 768px){.ca-header-back,.ca-mobile-only{display:flex}.ca-header-topic{display:none}#server-rail{width:60px;min-width:60px;position:fixed;left:0;top:0;bottom:0;transform:translate(-60px);transition:transform var(--dur-med) var(--ease-out);z-index:var(--z-base)}#server-rail.open{transform:translate(0)}.sr-icon{width:42px;height:42px;font-size:var(--text-15)}#channel-list{position:fixed;left:60px;top:0;bottom:0;width:240px;transform:translate(-300px);transition:transform var(--dur-med) var(--ease-out);z-index:var(--z-base)}#channel-list.open{transform:translate(0)}#sidebar-scrim{display:block;opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out)}#sidebar-scrim.open{opacity:1;pointer-events:auto}.cl-channel{padding:10px var(--space-3);min-height:44px}.ml-member{padding:6px var(--space-2);min-height:44px}#member-list{display:block;position:fixed;right:0;top:0;bottom:0;transform:translate(100%);transition:transform var(--dur-med) var(--ease-out);z-index:var(--z-dropdown);box-shadow:-4px 0 16px #0000004d;pointer-events:none}#member-list.mobile-open{transform:translate(0);pointer-events:auto}.ca-header-btn{padding:var(--space-2);min-width:44px;min-height:44px;justify-content:center}.side-panel,.pins-panel{position:fixed;inset:0;width:100%;max-width:100%;max-height:100dvh;border-radius:0;z-index:var(--z-tooltip)}}@media (max-width: 480px){#server-rail{width:56px;min-width:56px}.sr-icon{width:40px;height:40px;font-size:var(--text-14)}#channel-list{left:56px}}@media (min-width: 769px){#server-rail{position:static!important;transform:none!important;width:72px;min-width:72px;display:flex!important}#channel-list{position:static!important;transform:none!important;width:240px;min-width:240px;display:flex!important}.sr-icon{cursor:pointer}.sr-icon:hover{border-radius:33%;background:var(--accent);color:var(--fg-on-accent)}.cl-channel:hover{background:var(--bg-hover);color:var(--fg)}.cl-ctrl-btn:hover{color:var(--text-primary);background:var(--surface-2-hover)}}@media (max-width: 540px){#modal-overlay{align-items:flex-end}#modal{width:100%;max-width:100%;max-height:100dvh;min-height:60dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes modal-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.sr-hamburger{background:transparent;color:var(--fg-muted);font-size:var(--text-20)}.sr-hamburger:hover{border-radius:33%;background:var(--bg-hover);color:var(--fg)}.sr-join{background:transparent;border:1px dashed var(--border);color:var(--accent);font-size:var(--text-20)}.sr-join:hover{border-radius:33%;background:var(--accent);border-color:var(--accent);color:var(--fg-on-accent)}.sr-role-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-tertiary);z-index:var(--z-base)}.sr-role-badge svg{width:10px;height:10px}.sr-role-owner{background:var(--status-idle);color:var(--text-inverse)}.sr-role-admin{background:var(--accent);color:var(--fg-on-accent)}.context-menu{position:fixed;z-index:var(--z-modal);background:var(--bg-floating);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1) 0;min-width:180px;box-shadow:var(--shadow-lg);animation:ctx-in var(--dur-fast) var(--ease-out)}@keyframes ctx-in{0%{opacity:0;transform:scale(.95)}}.context-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-13);color:var(--fg-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.context-menu-item:hover{background:var(--accent);color:var(--fg-on-accent)}.context-menu-item svg{width:16px;height:16px;flex-shrink:0}.context-menu-item.danger{color:var(--err)}.context-menu-item.danger:hover{background:var(--err);color:var(--fg-on-accent)}.context-menu-divider{height:1px;background:var(--border);margin:var(--space-1) 0}.context-menu-handle{display:none}@media (max-width: 540px){.context-menu{position:fixed!important;inset:auto 0 0!important;width:100%!important;min-width:0!important;max-width:100%!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-1) 0 calc(var(--space-2) + env(safe-area-inset-bottom,0px));animation:mob-sheet-in var(--dur-med) var(--ease-out)}.context-menu-handle{display:block;width:36px;height:4px;background:var(--fg-muted);border-radius:2px;margin:var(--space-2) auto 6px;opacity:.4}.context-menu-item{min-height:48px;padding:var(--space-3) var(--space-4);font-size:var(--text-15)}.context-menu.mob-sheet-closing{animation:mob-sheet-out var(--dur-med) var(--ease-out) forwards}}.dropdown-menu{position:absolute;left:calc(100% + 8px);top:0;z-index:var(--z-modal);background:var(--bg-floating);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1) 0;min-width:200px;box-shadow:var(--shadow-lg);animation:ctx-in var(--dur-fast) var(--ease-out)}.home-container{max-width:900px;margin:0 auto;padding:var(--space-6)}.home-title{font-size:var(--text-24);font-weight:700;color:var(--fg);margin-bottom:var(--space-6)}.home-section{margin-bottom:var(--space-8)}.home-section-title{font-size:var(--text-14);font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.home-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.home-stat-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);transition:background var(--dur-med) var(--ease-out)}.home-stat-card:hover{background:var(--bg-hover)}.home-stat-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-stat-icon svg{width:20px;height:20px}.home-stat-info{min-width:0}.home-stat-value{font-size:var(--text-20);font-weight:700;color:var(--fg)}.home-stat-label{font-size:var(--text-12);color:var(--fg-muted)}.home-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.home-action-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-14);font-weight:500;color:var(--fg-secondary);transition:background var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}.home-action-card:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--fg)}.home-action-card svg{width:18px;height:18px;color:var(--accent)}.home-activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-13);color:var(--fg-secondary);transition:background var(--dur-fast) var(--ease-out)}.home-activity-item:hover{background:var(--bg-hover)}.home-activity-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.home-activity-text{flex:1}.home-activity-time{font-size:var(--text-11);color:var(--fg-muted);white-space:nowrap}.home-server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.home-server-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);cursor:pointer;text-align:center;transition:background var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}.home-server-card:hover{background:var(--bg-hover);border-color:var(--accent)}.home-server-icon{width:48px;height:48px;border-radius:33%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-18);font-weight:700;margin:0 auto var(--space-2)}.home-server-name{font-size:var(--text-14);font-weight:600;color:var(--fg)}.home-server-meta{font-size:var(--text-12);color:var(--fg-muted);margin-top:2px}.home-server-card.create-card{border-style:dashed;color:var(--fg-muted)}.home-server-card.create-card .home-server-icon{background:transparent;border:2px dashed var(--border);color:var(--ok)}.ob-scrim{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#0009;padding:var(--space-4)}.ob-modal{background:var(--bg-floating, var(--bg));border-radius:var(--radius-lg);width:100%;max-width:480px;padding:var(--space-6) var(--space-6) var(--space-4);box-shadow:var(--shadow-3);animation:modal-in var(--dur-med) var(--ease-out)}.ob-modal-header{text-align:center;margin-bottom:var(--space-5)}.ob-modal-title{font-size:var(--text-24);font-weight:700;color:var(--fg-bright, var(--fg));margin:0 0 var(--space-2)}.ob-modal-sub{font-size:var(--text-14);color:var(--fg-muted);margin:0;line-height:1.5}.ob-modal-body{display:flex;flex-direction:column;gap:var(--space-2)}.ob-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary, var(--surface-1));cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.ob-card:hover{background:var(--bg-hover, var(--surface-2));border-color:var(--accent)}.ob-card-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.ob-card-content{flex:1;min-width:0}.ob-card-title{display:block;font-size:var(--text-16);font-weight:600;color:var(--fg-bright, var(--fg))}.ob-card-desc{display:block;font-size:var(--text-13);color:var(--fg-muted);margin-top:2px}.ob-card-arrow{flex-shrink:0;color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-out)}.ob-card:hover .ob-card-arrow{color:var(--fg)}@media (max-width: 540px){.ob-modal{max-width:100%;padding:var(--space-4)}.ob-scrim{padding:var(--space-2);align-items:flex-end}}.onboarding{max-width:480px;margin:60px auto;text-align:center;padding:var(--space-6)}.onboarding-title{font-size:var(--text-28);font-weight:700;color:var(--fg);margin-bottom:var(--space-2)}.onboarding-subtitle{font-size:var(--text-15);color:var(--fg-muted);margin-bottom:var(--space-8);line-height:1.5}.member-list{display:flex;flex-direction:column;gap:2px}.member-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out)}.member-row:hover{background:var(--bg-hover)}.member-info{flex:1;min-width:0}.member-name{font-size:var(--text-14);font-weight:500;color:var(--fg)}.member-joined{font-size:var(--text-11);color:var(--fg-muted)}.member-actions{display:flex;gap:var(--space-1);align-items:center}.sr-mobile-only{display:none}@media (max-width: 768px){.sr-mobile-only{display:flex}.sr-desktop-only{display:none!important}}.sr-grow{flex:1 1 auto;min-height:8px}.sr-collapse-toggle{margin:var(--space-1) 0 var(--space-2);width:28px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;color:var(--fg-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.sr-collapse-toggle:hover{background:var(--bg-hover);color:var(--fg)}.sr-collapse-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html.rail-collapsed #server-rail{width:16px;min-width:16px;padding-top:8px;gap:var(--space-1)}html.rail-collapsed #server-rail .sr-icon,html.rail-collapsed #server-rail .sr-separator,html.rail-collapsed #server-rail .sr-dm-badge,html.rail-collapsed #server-rail .sr-role-badge{display:none}html.rail-collapsed #server-rail .sr-collapse-toggle{display:flex;width:14px;height:22px;margin:0 0 var(--space-2)}html.rail-collapsed #server-rail:before{content:"";width:4px;height:36px;background:var(--accent);border-radius:0 4px 4px 0;margin-left:-8px;margin-bottom:4px}html.rail-collapsed #server-rail .sr-grow{flex:1 1 auto}@media (max-width: 768px){html.rail-collapsed #server-rail{width:56px;min-width:56px;padding-top:12px;gap:var(--space-2)}html.rail-collapsed #server-rail .sr-icon,html.rail-collapsed #server-rail .sr-separator{display:flex}html.rail-collapsed #server-rail:before{display:none}}.dm-partner-panel{width:240px;min-width:240px;flex-shrink:0;background:var(--bg-secondary);border-left:1px solid var(--border);overflow-y:auto;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;transition:margin-right var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.dm-partner-panel.dm-panel-hidden{margin-right:-240px;opacity:0;pointer-events:none}.dm-partner-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.dm-partner-card:hover{background:var(--surface-1-hover)}.dm-partner-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-20);font-weight:700}.dm-partner-name{font-size:var(--text-14);font-weight:600;color:var(--fg)}.dm-partner-meta{font-size:var(--text-11);color:var(--fg-muted)}.dm-mutual-servers,.dm-mutual-friends{padding:0 var(--space-2) var(--space-2);display:flex;flex-direction:column;gap:2px}.dm-mutual-row{display:flex;align-items:center;gap:var(--space-2);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:var(--text-13);color:var(--fg-secondary)}.dm-mutual-row:hover{background:var(--surface-1)}.dm-mutual-icon{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary);color:var(--fg);display:flex;align-items:center;justify-content:center;font-size:var(--text-11);font-weight:600;flex-shrink:0;overflow:hidden}.dm-mutual-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.dm-partner-panel{position:fixed;right:0;top:0;bottom:0;z-index:var(--z-dropdown);box-shadow:-4px 0 16px #0000004d}.dm-partner-panel.dm-panel-hidden{display:none;margin-right:0}}.mob-bnav{display:none!important}.mob-action-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:var(--z-tooltip);animation:fade-in var(--dur-med) var(--ease-out)}.mob-action-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-floating);border-radius:16px 16px 0 0;padding:var(--space-2) 0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:var(--z-tooltip);animation:mob-sheet-in var(--dur-med) var(--ease-out);max-height:60dvh;overflow-y:auto}@keyframes mob-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mob-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes mob-sheet-backdrop-out{0%{opacity:1}to{opacity:0}}.mob-action-sheet.mob-sheet-closing{animation:mob-sheet-out var(--dur-med) var(--ease-out) forwards}.mob-action-sheet-backdrop.mob-sheet-closing{animation:mob-sheet-backdrop-out var(--dur-med) var(--ease-out) forwards}.mob-sheet-handle{width:36px;height:4px;background:var(--fg-muted);border-radius:2px;margin:var(--space-1) auto var(--space-2);opacity:.4}.mob-sheet-preview{padding:var(--space-2) var(--space-4) var(--space-3);border-bottom:1px solid var(--border);margin-bottom:4px}.mob-sheet-preview-author{font-size:var(--text-12);font-weight:600;color:var(--fg-bright)}.mob-sheet-preview-text{font-size:var(--text-13);color:var(--fg-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mob-sheet-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:none;border:none;width:100%;color:var(--fg);font-size:var(--text-15);font-family:inherit;cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease-out)}.mob-sheet-item:active{background:var(--bg-hover)}.mob-sheet-item svg{width:20px;height:20px;color:var(--fg-muted);flex-shrink:0}.mob-sheet-item.danger{color:var(--err)}.mob-sheet-item.danger svg{color:var(--err)}.mob-sheet-divider{height:1px;background:var(--border);margin:4px 16px}.typing-dots{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;margin-right:4px}.typing-dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--fg-muted);animation:typing-bounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.16s}.typing-dots span:nth-child(3){animation-delay:.32s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.presence-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg)}.presence-online{background:var(--status-online)}.presence-idle{background:var(--status-idle)}.presence-dnd{background:var(--status-dnd)}.presence-offline{background:var(--fg-muted)}body.pwa-standalone{padding-top:env(safe-area-inset-top,0px);background:var(--bg, var(--surface-0))}body.pwa-standalone #server-rail,body.pwa-standalone #channel-list,body.pwa-standalone .ca-header{user-select:none;-webkit-user-select:none}body.pwa-standalone .sr-icon,body.pwa-standalone .cl-channel,body.pwa-standalone .ca-action-btn,body.pwa-standalone .ca-header-back,body.pwa-standalone .chat-send-btn,body.pwa-standalone .chat-attach-btn,body.pwa-standalone .chat-compose-btn,body.pwa-standalone .sr-hamburger{touch-action:manipulation}body.pwa-standalone .msg-content,body.pwa-standalone .msg-reply-text,body.pwa-standalone input,body.pwa-standalone textarea,body.pwa-standalone [contenteditable]{user-select:text;-webkit-user-select:text}body.pwa-standalone{overscroll-behavior:none}body.pwa-standalone #app-footer{display:none!important}.sec-container{display:flex;flex-direction:column;gap:var(--space-6)}.sec-section{display:flex;flex-direction:column;gap:var(--space-3)}.sec-section-title{font-size:var(--text-13);font-weight:700;text-transform:uppercase;color:var(--fg-muted);letter-spacing:.04em}.sec-section-desc{font-size:var(--text-14);color:var(--fg-muted);line-height:1.4}.sec-methods{display:flex;flex-direction:column;gap:var(--space-2)}.sec-method{background:var(--surface-1, var(--bg-secondary));border:1px solid var(--border);border-radius:8px;padding:16px}.sec-method-active{background:var(--surface-1, var(--bg-secondary));border:1px solid var(--accent);border-radius:8px;padding:16px}.sec-method-header{display:flex;align-items:center;gap:var(--space-3)}.sec-method-icon{flex-shrink:0;color:var(--fg-muted);width:24px;height:24px}.sec-method-icon svg{width:24px;height:24px}.sec-method-info{flex:1;min-width:0}.sec-method-title{font-size:var(--text-15);font-weight:600;color:var(--fg)}.sec-method-status{font-size:var(--text-13);margin-top:2px}.sec-status-on{color:var(--status-online)}.sec-status-off{color:var(--fg-muted)}.sec-method-detail{display:flex;align-items:center;gap:var(--space-3);margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.sec-method-desc{font-size:var(--text-13);color:var(--fg-muted);margin-top:8px;line-height:1.4}.sec-backup-count{font-size:var(--text-13);color:var(--fg-muted);flex:1}.sec-loading{color:var(--fg-muted);font-size:var(--text-14);padding:16px 0}.sec-empty{color:var(--fg-muted);font-size:var(--text-14);padding:12px 0}.sec-session-row{display:flex;align-items:center;gap:var(--space-3);padding:10px 0;border-bottom:1px solid var(--border)}.sec-session-row:last-child{border-bottom:none}.sec-session-info{flex:1;min-width:0}.sec-session-device{font-size:var(--text-14);font-weight:500;color:var(--fg)}.sec-session-time{font-size:var(--text-12);color:var(--fg-muted);margin-top:2px}.sec-sessions-loading{font-size:var(--text-14);color:var(--fg-muted);padding:12px 0}.sec-overlay{position:fixed;inset:0;z-index:var(--z-tooltip);display:flex;align-items:center;justify-content:center;background:#000000b3}.sec-enroll-modal{background:var(--bg, #36393f);border-radius:8px;padding:24px;width:90vw;max-width:440px;color:var(--fg)}.sec-enroll-modal h3{font-size:var(--text-18);font-weight:700;margin:0 0 12px}.sec-enroll-modal p{font-size:var(--text-14);color:var(--fg-muted);margin:0 0 12px;line-height:1.4}.sec-secret-display{background:var(--surface-0, var(--bg-tertiary));border-radius:4px;padding:12px;text-align:center;word-break:break-all}.sec-secret-display code{font-size:var(--text-16);letter-spacing:.1em;color:var(--fg)}.sec-backup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px}.sec-backup-code{background:var(--surface-0, var(--bg-tertiary));border-radius:4px;padding:8px;text-align:center;font-size:var(--text-14);color:var(--fg);font-family:monospace}.sec-pin-actions{display:flex;gap:8px;align-items:center}.sec-pin-field{margin-bottom:12px}.sec-pin-label{display:block;font-size:var(--text-13);font-weight:500;color:var(--fg-muted);margin-bottom:4px}.sec-pin-error{color:var(--status-dnd, #dc2626);font-size:var(--text-13);margin-top:8px}.sec-device-row{display:flex;align-items:center;gap:var(--space-3);padding:12px 0;border-bottom:1px solid var(--border)}.sec-device-row:last-child{border-bottom:none}.sec-device-icon{flex-shrink:0;color:var(--fg-muted);width:20px;height:20px}.sec-device-icon svg{width:20px;height:20px}.sec-device-info{flex:1;min-width:0}.sec-device-name{font-size:var(--text-14);font-weight:500;color:var(--fg);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sec-device-meta{font-size:var(--text-12);color:var(--fg-muted);margin-top:2px;display:flex;gap:12px;flex-wrap:wrap}.sec-device-actions{display:flex;gap:6px;flex-shrink:0}.sec-device-badge{font-size:var(--text-11);font-weight:600;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.sec-badge-trusted{background:color-mix(in srgb,var(--status-online) 20%,transparent);color:var(--status-online)}.sec-badge-untrusted{background:color-mix(in srgb,var(--fg-muted) 15%,transparent);color:var(--fg-muted)}.sec-session-current{display:inline-block;font-size:var(--text-11);font-weight:600;padding:1px 6px;border-radius:4px;margin-left:8px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);text-transform:uppercase}.btn-danger{background:var(--status-dnd, #dc2626);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.btn-danger:hover{opacity:.9}.btn-danger-outline{background:transparent;color:var(--status-dnd, #dc2626);border:1px solid var(--status-dnd, #dc2626);border-radius:4px;cursor:pointer;font-weight:600}.btn-danger-outline:hover{background:color-mix(in srgb,var(--status-dnd, #dc2626) 10%,transparent)}.msg.msg-editing .msg-quick-bar,.msg.msg-editing .msg-quickbar,.msg.msg-editing .msg-actions{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px var(--space-4);min-height:38px;font-size:var(--text-14);font-weight:500;font-family:inherit;border-radius:var(--radius);border:1px solid transparent;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform 80ms ease-out;cursor:pointer;user-select:none;white-space:nowrap}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn svg{width:16px;height:16px}.btn:focus-visible,.btn-icon:focus-visible,.chat-attach-btn:focus-visible,.chat-send-btn:focus-visible,.ca-header-btn:focus-visible,.msg-quick-btn:focus-visible,.mob-bnav-tab:focus-visible,.sr-icon:focus-visible,.cl-channel:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-0),0 0 0 4px var(--accent)}.btn-primary{background:var(--accent);color:var(--fg-on-accent);border:none}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-danger{background:var(--err-dim);color:var(--err);border:1px solid transparent}.btn-danger:hover{background:var(--err);color:var(--fg-on-accent)}.btn-sm{padding:6px var(--space-3);min-height:32px;font-size:var(--text-12)}.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--fg-muted);background:transparent}.btn-icon:hover{background:var(--bg-hover);color:var(--fg)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-11);font-weight:600;border-radius:var(--radius-sm)}.badge svg{width:12px;height:12px}.badge-ok{background:var(--ok-dim);color:var(--ok)}.badge-warn{background:var(--warn-dim);color:var(--warn)}.badge-err{background:var(--err-dim);color:var(--err)}.badge-accent{background:var(--accent-dim);color:var(--accent)}.badge-muted{background:var(--bg-hover);color:var(--fg-muted)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);transition:background var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);cursor:pointer}.card:hover{background:var(--bg-hover);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-13);font-weight:700;color:var(--fg-on-accent);background:var(--accent);flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:var(--text-11)}.avatar-lg{width:48px;height:48px;font-size:var(--text-18)}.avatar-wrapper{position:relative;flex-shrink:0}.status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-secondary)}.status-dot-active{background:var(--ok)}.status-dot-inactive{background:var(--fg-dim)}.role-badge{display:inline-flex;align-items:center;padding:1px 6px;font-size:var(--text-10);font-weight:600;border-radius:var(--radius-full);background:var(--accent-dim);color:var(--accent);margin-left:var(--space-1);vertical-align:middle}.person-chip{display:inline-flex;align-items:center;gap:var(--space-1)}.person-chip-avatar{width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);font-size:var(--text-10);font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle, var(--border))}.modal-header h2{font-size:var(--text-15);font-weight:600;color:var(--fg-bright)}.modal-header .btn-icon{color:var(--fg-muted)}.modal-header .btn-icon:hover{color:var(--fg-bright)}.modal-body{padding:var(--space-4) var(--space-5)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle, var(--border))}.ngc-wrap,.ngc-grid{display:grid;gap:var(--space-4)}.ngc-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ngc-card{display:grid;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface-1);padding:var(--space-4)}.ngc-head,.ngc-request-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ngc-title{color:var(--fg-bright);font-size:var(--text-15);font-weight:700}.ngc-sub,.ngc-muted-note,.ngc-empty,.ngc-request-time{color:var(--fg-muted);font-size:var(--text-12)}.ngc-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2)}.ngc-status-item{display:grid;grid-template-columns:20px 1fr;gap:var(--space-1) var(--space-2);align-items:center;border:1px solid var(--border);border-radius:var(--radius-2);background:var(--bg);padding:var(--space-3)}.ngc-status-item svg{width:18px;height:18px;color:var(--fg-muted)}.ngc-status-item span{color:var(--fg-muted);font-size:var(--text-12)}.ngc-status-item strong{grid-column:2;color:var(--fg);font-size:var(--text-13);overflow-wrap:anywhere}.ngc-once{display:grid;gap:var(--space-2)}.ngc-copy-row{display:flex;gap:var(--space-2)}.ngc-copy-row .form-input{min-width:0}.ngc-actions,.ngc-request-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ngc-touch{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.ngc-touch svg{width:16px;height:16px}.ngc-requests{display:grid;gap:var(--space-2)}.ngc-section-title{color:var(--fg-bright);font-size:var(--text-13);font-weight:700}.ngc-request{display:grid;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-2);background:var(--bg);padding:var(--space-3)}.ngc-request-message{color:var(--fg);font-size:var(--text-13);line-height:1.45;overflow-wrap:anywhere}@media (max-width: 540px){.ngc-grid{grid-template-columns:1fr}.ngc-copy-row{flex-direction:column}.ngc-actions .btn,.ngc-request-actions .btn{width:100%}}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:var(--text-11);font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.form-input,.form-select,select.form-input,textarea.form-input{width:100%;padding:10px var(--space-3);font-size:var(--text-14);font-family:inherit;line-height:1.4;color:var(--text-primary, var(--fg));background:var(--bg-input, var(--surface-1));border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);outline:none;box-sizing:border-box}.form-input::placeholder,textarea.form-input::placeholder{color:var(--text-muted, var(--fg-muted));opacity:.7}.form-input:hover,.form-select:hover,select.form-input:hover{border-color:var(--border-strong, var(--border))}.form-input:focus,.form-select:focus,select.form-input:focus,textarea.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-hint{font-size:var(--text-12);color:var(--fg-muted);margin-top:4px;line-height:1.4}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.perm-toggle,.snm-toggle,.profile-popup-toggle{display:flex;align-items:center;gap:10px;padding:var(--space-2) 0;cursor:pointer;font-size:var(--text-14);color:var(--text-primary, var(--fg));user-select:none}.perm-toggle:hover{color:var(--text-primary, var(--fg-bright))}.perm-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1) var(--space-4);margin-top:4px}.form-toggle{display:inline-flex;align-items:center;position:relative;width:36px;height:20px;flex-shrink:0;cursor:pointer}.form-toggle input[type=checkbox]{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.form-toggle-pill{position:absolute;inset:0;background:var(--surface-3);border-radius:var(--radius-full);transition:background var(--dur-fast) var(--ease-out)}.form-toggle-pill:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.form-toggle input:checked+.form-toggle-pill{background:var(--accent)}.form-toggle input:checked+.form-toggle-pill:before{transform:translate(16px);background:var(--fg-on-accent)}.form-toggle input:focus-visible+.form-toggle-pill{box-shadow:0 0 0 2px var(--surface-0),0 0 0 4px var(--accent)}.form-toggle input:disabled+.form-toggle-pill{opacity:.5;cursor:not-allowed}.form-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.form-toggle-row:last-child{border-bottom:none}.form-toggle-row-body{min-width:0;flex:1}.form-toggle-row-title{font-size:var(--text-14);font-weight:600;color:var(--text-primary);line-height:1.3}.form-toggle-row-desc{font-size:var(--text-12);color:var(--text-muted);margin-top:2px;line-height:var(--leading-body)}.form-error{font-size:var(--text-12);color:var(--err);margin-top:var(--space-1)}.form-input-error{border-color:var(--err);box-shadow:0 0 0 2px var(--err-dim)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--fg-dim);text-align:center;gap:var(--space-3)}.empty-state-icon{opacity:.3}.empty-state-title{font-size:var(--text-18);font-weight:600;color:var(--fg-muted)}.empty-state-text{font-size:var(--text-14);max-width:360px}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-active) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:14px;margin-bottom:var(--space-2)}.skeleton-avatar{width:36px;height:36px;border-radius:50%}.skeleton-circle{border-radius:50%}.skeleton-container{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius)}.skeleton-card-lines{flex:1}.skeleton-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-13)}.data-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-11);font-weight:700;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);cursor:pointer;user-select:none;white-space:nowrap}.data-table th:hover{color:var(--fg)}.data-table th.th-sorted{color:var(--accent)}.th-content{display:inline-flex;align-items:center;gap:var(--space-1)}.th-arrow{display:inline-flex;align-items:center;width:14px}.th-arrow svg{width:14px;height:14px}.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--fg-muted)}.data-table tr{transition:background var(--dur-med) var(--ease-out)}.data-table tr:hover{background:var(--bg-hover)}.table-wrap{overflow-x:auto}.cs-tabbar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:var(--space-3)}.cs-tab{background:none;border:none;color:var(--fg-muted);padding:var(--space-2) var(--space-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;font:inherit;font-size:var(--text-14);font-weight:600;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.cs-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.cs-tab:hover{color:var(--fg)}.cs-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm)}.cs-pane{padding:var(--space-2) 0}.cs-section{margin-bottom:var(--space-5)}.cs-section-title{font-size:var(--text-12);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary, var(--fg-muted));margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle, var(--border))}.cs-section:first-child .cs-section-title{margin-top:0}.cs-help{color:var(--fg-muted);font-size:var(--text-12);line-height:1.5;margin-top:4px}.cs-form-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.cs-label{display:block;font-size:var(--text-12);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary, var(--fg-muted));margin-bottom:6px}.cs-secret-banner{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn);padding:10px;border-radius:6px;margin-bottom:12px;font-size:var(--text-13)}.cs-secret-banner code{font-family:ui-monospace,monospace;background:var(--bg-tertiary);padding:2px 4px;border-radius:3px}.cs-ai-section{border:1px solid var(--border);border-radius:6px;margin-bottom:var(--space-3);overflow:hidden}.cs-section-head{padding:var(--space-2) var(--space-3);background:var(--bg-elev);cursor:pointer;user-select:none}.cs-section-head:hover{background:var(--bg-hover)}.cs-section-head .cs-section-title{margin:0}.cs-section-body{padding:var(--space-3);background:var(--bg)}.cs-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.cs-toggle input[type=checkbox]{margin:0}.cs-radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.cs-radio{display:flex;align-items:flex-start;gap:8px;cursor:pointer;padding:6px;border-radius:4px}.cs-radio:hover{background:var(--bg-hover)}.cs-radio input{margin-top:4px}.cs-checklist{display:flex;flex-direction:column;gap:var(--space-1)}.cs-chips{display:flex;flex-wrap:wrap;gap:6px}.cs-chip{background:var(--bg-elev);color:var(--fg-muted);border:1px solid var(--border);border-radius:14px;padding:4px 10px;font-size:var(--text-12);cursor:pointer;font:inherit;transition:background .12s,color .12s,border-color .12s}.cs-chip:hover{color:var(--fg)}.cs-chip.active{background:var(--accent);color:var(--fg-on-accent);border-color:transparent}.cs-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-12)}.cs-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);font-size:var(--text-13)}.cs-status-grid>div{padding:var(--space-1) 0}body.us-open{overflow:hidden}.us-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:var(--surface-0);color:var(--text-primary);display:flex;align-items:stretch;justify-content:stretch;animation:us-fade var(--dur-med) var(--ease-out)}@keyframes us-fade{0%{opacity:0}to{opacity:1}}.us-shell{display:grid;grid-template-columns:240px 1fr;width:100%;height:100%}.us-sidebar{background:var(--surface-1);border-right:1px solid var(--border-subtle);padding:var(--space-6) var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.us-nav-title{font-size:var(--text-11);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-3) var(--space-2) var(--space-1)}.us-nav-separator{height:1px;background:var(--border-subtle);margin:var(--space-2) var(--space-2)}.us-nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:var(--text-14);text-align:left;cursor:pointer;width:100%;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.us-nav-item:hover{background:var(--surface-1-hover);color:var(--text-primary)}.us-nav-item.us-nav-active{background:var(--surface-2);color:var(--text-primary);font-weight:600}.us-nav-item.us-nav-danger{color:var(--danger)}.us-nav-item.us-nav-danger:hover{background:var(--danger-soft);color:var(--danger)}.us-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}.us-nav-icon svg{width:16px;height:16px}.us-nav-label{flex:1}.us-main{display:flex;flex-direction:column;min-width:0;background:var(--surface-0)}.us-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--surface-0);z-index:var(--z-base)}.us-title{margin:0;font-size:var(--text-20);font-weight:700;color:var(--text-primary)}.us-close{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.us-close:hover{background:var(--surface-1-hover);color:var(--text-primary);border-color:var(--border-strong)}.us-close svg{width:16px;height:16px}.us-close-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1)}.us-esc-hint{font-size:var(--text-11);font-weight:600;color:var(--text-muted);letter-spacing:.05em}@media (max-width: 540px){.us-esc-hint{display:none}}.us-body{padding:var(--space-6);overflow-y:auto;flex:1;max-width:740px;width:100%;margin:0 auto}.us-section{display:flex;flex-direction:column;gap:var(--space-5)}.us-field{display:flex;flex-direction:column;gap:var(--space-2)}.us-label{font-size:var(--text-12);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.us-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.us-hint{font-size:var(--text-12);color:var(--text-muted);line-height:var(--leading-body)}.us-hint-inline{display:inline-block}.us-input{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px;font:inherit;font-size:var(--text-14);transition:border-color var(--dur-fast) var(--ease-out);width:100%;box-sizing:border-box}.us-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.us-input-readonly{color:var(--text-muted);background:var(--surface-1)}.us-input-mono{font-family:var(--font-mono);font-size:var(--text-12)}textarea.us-input{resize:vertical;min-height:100px;line-height:var(--leading-body)}.us-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-sm);font:inherit;font-size:var(--text-14);font-weight:600;cursor:pointer;border:1px solid transparent;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.us-btn svg{width:14px;height:14px}.us-btn-primary{background:var(--accent);color:var(--fg-on-accent)}.us-btn-primary:hover{background:var(--accent-hover)}.us-btn-secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-subtle)}.us-btn-secondary:hover{background:var(--surface-2-hover);border-color:var(--border-strong)}.us-btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.us-btn-danger:hover{background:var(--danger-soft)}.us-row-actions{display:flex;gap:var(--space-2)}.us-avatar-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-1);border-radius:var(--radius-md)}.us-big-avatar{width:72px;height:72px;border-radius:var(--radius-full);background:var(--surface-2) center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:var(--text-24);font-weight:700;color:var(--fg-on-accent);flex:0 0 72px}.us-big-avatar span{color:var(--text-primary)}.us-big-name{font-size:var(--text-16);font-weight:700;color:var(--text-primary)}.us-big-meta{font-size:var(--text-12);color:var(--text-muted);margin-top:2px}.us-id-row{display:flex;gap:var(--space-2);align-items:center}.us-id-row .us-input{flex:1}.us-danger-zone{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--danger-soft);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.us-danger-title{font-size:var(--text-12);font-weight:700;color:var(--danger);letter-spacing:.03em;text-transform:uppercase}.us-placeholder{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.us-placeholder h3{margin:0;font-size:var(--text-16);color:var(--text-primary)}.us-theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.us-theme-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--surface-1);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}.us-theme-card:hover{background:var(--surface-1-hover)}.us-theme-card input{position:absolute;opacity:0;pointer-events:none}.us-theme-active{border-color:var(--accent);background:var(--accent-soft)}.us-theme-icon{color:var(--text-secondary)}.us-theme-icon svg{width:22px;height:22px}.us-theme-active .us-theme-icon{color:var(--accent)}.us-theme-name{font-size:var(--text-14);font-weight:600;color:var(--text-primary)}.us-colour-row{display:flex;align-items:center;gap:var(--space-3)}.us-colour{width:48px;height:32px;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:transparent;cursor:pointer}.us-consent-banner{background:var(--info-soft);border:1px solid var(--info);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.us-kb-list{display:flex;flex-direction:column;gap:2px}.us-kb-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--surface-1);border-radius:var(--radius-sm)}.us-kb-label{color:var(--text-secondary);font-size:var(--text-14)}.us-kb-combo{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px 8px;font-family:var(--font-mono);font-size:var(--text-12)}.us-whatsnew-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.us-whatsnew-row:last-child{border-bottom:none}.us-whatsnew-title{font-weight:700;color:var(--text-primary);margin-bottom:2px}.us-whatsnew-body{color:var(--text-secondary);font-size:var(--text-14);line-height:var(--leading-body)}.us-conn-row{display:grid;grid-template-columns:120px 1fr;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-1);border-radius:var(--radius-sm);align-items:center}.us-conn-kind{font-size:var(--text-12);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.us-conn-value{color:var(--text-primary);font-size:var(--text-14)}.us-nav-toggle{display:none;position:absolute;top:12px;left:12px;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-base)}.us-nav-toggle svg{width:18px;height:18px}.us-body{animation:us-section-fade .1s var(--ease-out)}@keyframes us-section-fade{0%{opacity:0}to{opacity:1}}.us-section>.us-field>.us-label,.us-section>.us-danger-zone>.us-danger-title{position:sticky;top:0;background:var(--surface-0);z-index:var(--z-base);padding-top:var(--space-2);padding-bottom:var(--space-2)}.us-btn-saving{position:relative;pointer-events:none;color:transparent}.us-btn-saving:after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border:2px solid var(--fg-on-accent);border-top-color:transparent;border-radius:50%;animation:us-spin .6s linear infinite}@keyframes us-spin{to{transform:rotate(360deg)}}@media (max-width: 860px){.us-shell{grid-template-columns:1fr}.us-sidebar{position:absolute;inset:0 auto 0 0;width:240px;transform:translate(-100%);transition:transform var(--dur-med) var(--ease-out);z-index:var(--z-base)}.us-overlay.us-nav-open .us-sidebar{transform:translate(0)}.us-nav-toggle{display:inline-flex}.us-topbar{padding-left:60px}.us-theme-picker{grid-template-columns:1fr}}@media (max-width: 600px){.us-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.us-sidebar{position:static;transform:none;width:100%;height:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:var(--space-2);gap:var(--space-1);border-right:none;border-bottom:1px solid var(--border-subtle);-webkit-overflow-scrolling:touch}.us-overlay.us-nav-open .us-sidebar{transform:none}.us-nav-toggle{display:none}.us-topbar{padding-left:var(--space-4)}.us-nav-title,.us-nav-separator{display:none}.us-nav-item{flex:0 0 auto;padding:var(--space-2) var(--space-3);white-space:nowrap;font-size:var(--text-12);border-radius:var(--radius-full)}.us-nav-icon{display:none}.us-body{padding:var(--space-3)}}@media (max-width: 540px){.us-overlay{align-items:flex-end;background:#0000008c;animation:us-sheet-fade var(--dur-med) var(--ease-out)}@keyframes us-sheet-fade{0%{opacity:0}to{opacity:1}}.us-shell{height:92vh;max-height:92vh;border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden;background:var(--surface-0);box-shadow:0 -8px 24px #00000073;animation:us-sheet-slide var(--dur-med) var(--ease-out)}@keyframes us-sheet-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.us-shell:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;background:var(--border-strong, var(--border));border-radius:2px;z-index:var(--z-base)}.us-topbar{padding-top:var(--space-4)}}.cs-status-grid code{font-family:ui-monospace,monospace;background:var(--bg-elev);padding:2px 6px;border-radius:3px}.us-ff-table-wrap{overflow-x:auto}.us-ff-table{width:100%;border-collapse:collapse;font-size:var(--text-14)}.us-ff-table th{text-align:left;padding:var(--space-2) var(--space-2);color:var(--text-secondary);font-size:var(--text-12);font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle)}.us-ff-table td{padding:var(--space-2);vertical-align:middle}.us-ff-row{border-bottom:1px solid var(--border-subtle)}.us-ff-row:last-child{border-bottom:none}.us-ff-key{font-family:var(--font-mono);font-weight:600;color:var(--text-primary);white-space:nowrap}.us-ff-stage{width:90px}.us-ff-desc{width:100%;min-width:120px}.us-ff-actions{white-space:nowrap;display:flex;gap:var(--space-1)}.us-btn-sm{padding:6px 12px;font-size:var(--text-13);min-height:28px}.us-toggle{position:relative;display:inline-block;width:36px;height:20px}.us-toggle input{opacity:0;width:0;height:0}.us-toggle-slider{position:absolute;inset:0;cursor:pointer;background:var(--surface-2);border-radius:10px;transition:background var(--dur-fast)}.us-toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;bottom:3px;background:var(--text-secondary);border-radius:50%;transition:transform var(--dur-fast)}.us-toggle input:checked+.us-toggle-slider{background:var(--accent)}.us-toggle input:checked+.us-toggle-slider:before{transform:translate(16px);background:var(--text-inverse)}.us-ff-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.us-ff-chip{display:inline-flex;align-items:center;gap:2px;background:var(--surface-2);color:var(--text-primary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-12)}.us-ff-chip-x{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-14);line-height:1;padding:0 2px}.us-ff-chip-x:hover{color:var(--danger)}.us-ff-chip-input{background:transparent;border:1px dashed var(--border-subtle);color:var(--text-primary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-12);width:100px}.us-ff-chip-input::placeholder{color:var(--text-muted)}.hp-hidden{display:none!important}.hp-auth-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:var(--bg);padding:var(--space-5)}.hp-auth-card{max-width:380px;width:100%;text-align:center}.hp-auth-logo{margin-bottom:var(--space-4)}.hp-auth-title{font-size:var(--text-20);font-weight:700;margin-bottom:var(--space-1);color:var(--text-primary)}.hp-auth-sub{color:var(--text-muted);font-size:var(--text-14);margin-bottom:var(--space-6)}.hp-auth-tabs{display:flex;margin-bottom:var(--space-5);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.hp-tab{flex:1;padding:var(--space-2) var(--space-3);background:var(--bg-input);color:var(--text-muted);border:none;cursor:pointer;font-size:var(--text-14);font-weight:600;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.hp-tab:hover{background:var(--surface-2-hover)}.hp-tab-active,.hp-tab-active:hover{background:var(--accent);color:var(--fg-on-accent)}.hp-auth-input{width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-16);margin-bottom:var(--space-3);font-family:inherit}.hp-auth-input:focus{outline:none;box-shadow:var(--shadow-focus)}.hp-auth-input-pin{padding:var(--space-4);font-size:clamp(1.2rem,5vw,2rem);text-align:center;letter-spacing:.3em}.hp-auth-submit{width:100%;padding:var(--space-4);background:var(--accent);color:var(--fg-on-accent);border:none;border-radius:var(--radius-md);font-size:var(--text-16);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.hp-auth-submit:hover{background:var(--accent-hover)}.hp-auth-submit:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.hp-auth-submit-sm{padding:var(--space-3);font-size:var(--text-14);margin-top:var(--space-3)}.hp-auth-error{color:var(--danger);font-size:var(--text-13);margin-top:var(--space-2);min-height:20px}.hp-auth-advanced{color:var(--text-muted);font-size:var(--text-12);margin-top:var(--space-3);display:block;text-decoration:none}.hp-auth-advanced:hover{color:var(--text-secondary)}.hp-auth-coming-soon{padding:var(--space-10) var(--space-5);text-align:center}.hp-auth-coming-title{font-size:var(--text-18);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.hp-auth-coming-body{color:var(--text-muted);font-size:var(--text-14);line-height:var(--leading-body)}.hp-auth-link{color:var(--accent);text-decoration:none}.hp-auth-link:hover{text-decoration:underline}.hp-auth-success{padding:var(--space-4);background:var(--bg-input);border-radius:var(--radius-md);margin-top:var(--space-3)}.hp-auth-success-title{color:var(--accent);font-weight:600;margin-bottom:var(--space-2)}.hp-auth-success-sub{color:var(--text-muted);font-size:var(--text-13)}.hp-auth-seed{font-family:var(--font-mono);font-size:var(--text-14);color:var(--text-primary);padding:var(--space-2);background:var(--bg);border-radius:var(--radius-sm);margin:var(--space-2) 0;word-break:break-word}.hp-auth-warn{color:var(--danger);font-size:var(--text-12);font-weight:600}.hp-notif-banner{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:var(--z-toast, 3000);background:var(--surface-2);border:1px solid var(--border);color:var(--fg);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-md);font-size:var(--text-13);max-width:calc(100vw - 32px)}.hp-notif-banner-text{flex:1}.hp-notif-banner-btn{background:var(--surface-3);color:var(--fg);border:1px solid var(--border);padding:5px 10px;border-radius:6px;font:inherit;font-size:var(--text-12);cursor:pointer;min-height:32px}.hp-notif-banner-enable{background:var(--accent);color:var(--fg-on-accent);border-color:var(--accent)}.hp-notif-banner-btn:hover{filter:brightness(1.08)}@media (max-width: 540px){.hp-notif-banner{left:12px;right:12px;transform:none}}.hp-install-banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translate(-50%);z-index:var(--z-tooltip);display:flex;align-items:center;gap:10px;padding:var(--space-2) var(--space-3);max-width:calc(100vw - 24px);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);font-size:var(--text-13);color:var(--fg)}.hp-install-banner-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:var(--accent-soft);color:var(--accent);border-radius:8px}.hp-install-banner-text{display:flex;flex-direction:column;min-width:0}.hp-install-banner-text strong{font-weight:600;color:var(--text-primary);line-height:1.2}.hp-install-banner-text span{color:var(--fg-muted);font-size:var(--text-11);line-height:1.3}.hp-install-banner-btn{background:var(--surface-3);color:var(--fg);border:1px solid var(--border);padding:6px var(--space-3);border-radius:6px;font:inherit;font-size:var(--text-12);font-weight:600;cursor:pointer;min-height:36px;touch-action:manipulation}.hp-install-banner-install{background:var(--accent);color:var(--fg-on-accent);border-color:var(--accent)}.hp-install-banner-btn:hover{filter:brightness(1.08)}.pwa-standalone .hp-install-banner{display:none}@media (max-width: 540px){.hp-install-banner{left:12px;right:12px;transform:none}.hp-install-banner-text span{display:none}}.hp-mute-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.hp-mute-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:6px 10px;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;font-size:var(--text-13)}.hp-mute-unmute{background:transparent;color:var(--accent);border:1px solid var(--border);border-radius:6px;padding:var(--space-1) 10px;font:inherit;font-size:var(--text-12);cursor:pointer}.hp-mute-unmute:hover{background:var(--surface-2-hover)}.hp-perm-pill{display:inline-flex;align-items:center;gap:6px;padding:2px var(--space-2);border-radius:10px;font-size:var(--text-11);font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);color:var(--fg-muted);border:1px solid var(--border)}.hp-perm-pill[data-state=granted]{color:var(--status-online);border-color:var(--status-online)}.hp-perm-pill[data-state=denied]{color:var(--danger);border-color:var(--danger)}.email-html-scope{all:revert;max-width:100%;word-break:break-word;overflow-wrap:anywhere}.email-html-scope img{max-width:100%;height:auto}.email-html-scope table{max-width:100%}.us-subsection-title{font-size:var(--text-12);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary);margin:var(--space-5) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.us-subsection-title:first-child{margin-top:0}.us-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);text-transform:none;font-weight:400;letter-spacing:0}.us-toggle-row>span{display:flex;flex-direction:column;gap:2px}.us-toggle-label{color:var(--text-primary);font-size:var(--text-14);font-weight:600}.us-toggle-row input[type=checkbox]{width:40px;height:22px;appearance:none;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:12px;position:relative;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);flex:0 0 40px}.us-toggle-row input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-primary);transition:transform var(--dur-fast) var(--ease-out)}.us-toggle-row input[type=checkbox]:checked{background:var(--accent)}.us-toggle-row input[type=checkbox]:checked:before{transform:translate(18px);background:var(--fg-on-accent)}.us-notif-servers,.us-notif-muted{display:flex;flex-direction:column;gap:var(--space-2)}.us-notif-server-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.us-notif-server-name{color:var(--text-primary);font-size:var(--text-14);font-weight:600;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.us-notif-server-select{flex:0 0 200px;max-width:200px}.us-notif-muted-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.us-notif-muted-name{color:var(--text-primary);font-size:var(--text-14)}.us-account-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);overflow:hidden;margin-bottom:20px}.us-account-banner{height:100px;background:var(--accent)}.us-account-header{position:relative;padding:0 var(--space-4) var(--space-4);display:flex;align-items:flex-end;gap:var(--space-4);min-height:56px}.us-account-avatar{width:80px;height:80px;border-radius:50%;background:var(--surface-2);border:6px solid var(--surface-1);margin-top:-40px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.us-account-avatar-img{width:100%;height:100%;object-fit:cover}.us-account-avatar-initial{font-size:var(--text-32);font-weight:700;color:var(--text-primary)}.us-account-header-name{flex:1;font-size:var(--text-20);font-weight:700;color:var(--text-primary);padding-bottom:4px}.us-account-rows{padding:var(--space-4);background:var(--surface-2);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-3)}.us-account-card .us-account-rows{margin:0}.us-account-row{display:flex;align-items:center;gap:var(--space-3);justify-content:space-between}.us-account-row-info{flex:1;min-width:0}.us-account-row-label{font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);margin-bottom:2px}.us-account-row-value{font-size:var(--text-14);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.us-subsection-danger{color:var(--danger, var(--err));border-bottom-color:var(--danger-soft, var(--border-subtle))}.us-btn-danger-outline{background:transparent;border:1px solid var(--danger, var(--err));color:var(--danger, var(--err))}.us-btn-danger-outline:hover{background:var(--danger, var(--err));color:#fff}.us-field-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 640px){.us-field-split{grid-template-columns:1fr}}.us-slider-row{display:flex;align-items:center;gap:var(--space-3)}.us-slider{flex:1;width:100%;-webkit-appearance:none;appearance:none;height:6px;background:var(--surface-2);border-radius:3px;outline:none}.us-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--text-primary);border:2px solid var(--surface-0);box-shadow:0 1px 3px #0006;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.us-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.us-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--text-primary);border:2px solid var(--surface-0);box-shadow:0 1px 3px #0006;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.us-slider::-moz-range-thumb:hover{transform:scale(1.1)}.us-slider-value{float:right;font-weight:600;color:var(--text-secondary);font-size:var(--text-12);letter-spacing:0;text-transform:none;background:var(--surface-2);border-radius:var(--radius-sm);padding:2px var(--space-2)}.us-mic-test{display:flex;align-items:center;gap:var(--space-3);margin-top:8px}.us-mic-meter{flex:1;height:16px;background:var(--surface-2);border-radius:8px;overflow:hidden}.us-mic-meter-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--ok, #22c55e),var(--accent));transition:width 50ms linear}.us-radio-row{display:flex;flex-direction:column;gap:var(--space-2)}.us-radio-row label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-14);color:var(--text-primary);cursor:pointer}.us-cam-preview{width:100%;aspect-ratio:16 / 9;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.us-cam-preview-video{width:100%;height:100%;object-fit:cover;display:none}.us-cam-preview-placeholder{padding:var(--space-6);text-align:center}.us-density-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 640px){.us-density-picker{grid-template-columns:1fr}}.us-density-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface-1);border:2px solid var(--border-subtle);border-radius:var(--radius-md, 8px);cursor:pointer;transition:border-color var(--dur-fast, .12s) ease}.us-density-card input{display:none}.us-density-card:hover,.us-density-active{border-color:var(--accent)}.us-density-preview{height:80px;border-radius:var(--radius-sm, 4px);background:var(--surface-2);position:relative;overflow:hidden}.us-density-preview:before,.us-density-preview:after{content:"";position:absolute;left:10%;right:10%;height:6px;background:var(--text-muted);border-radius:3px;opacity:.6}.us-density-preview-cozy:before{top:16px}.us-density-preview-cozy:after{top:44px}.us-density-preview-compact:before{top:16px}.us-density-preview-compact:after{top:32px}.us-density-name{font-size:var(--text-14);font-weight:600;color:var(--text-primary)}.us-density-hint{font-size:var(--text-12);color:var(--text-muted)}@media (max-width: 768px){.form-input,.form-select,select.form-input,textarea.form-input,.us-input,.settings-input,.hp-auth-input,.af-custom-input,.dm-add-input,.dm-search-input,.gif-setup-input,.us-ff-chip-input{font-size:var(--text-16)}.form-input,.form-select,select.form-input,.us-input,.settings-input,.us-btn,.form-btn-primary,.form-btn-secondary,.form-btn-danger,.btn,.settings-btn{min-height:44px}.us-btn-sm{min-height:36px}.modal-footer .btn,.modal-footer .us-btn{min-height:44px}}#modal.modal-wide,#modal.modal-sss{max-width:860px;width:95%;overflow:hidden;max-height:85dvh;scrollbar-width:none}#modal.modal-wide::-webkit-scrollbar,#modal.modal-sss::-webkit-scrollbar{display:none}#modal.modal-wide .modal-body,#modal.modal-sss .modal-body{padding:0;height:min(70dvh,540px);max-height:70dvh;display:flex;overflow:hidden}.sss-shell{display:grid;grid-template-columns:218px 1fr;width:100%;height:100%;min-height:0}.sss-sidebar{background:var(--surface-1);border-right:1px solid var(--border-subtle, var(--border));padding:var(--space-4) var(--space-2);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sss-content{padding:var(--space-5) var(--space-6);overflow-y:auto;min-width:0;background:var(--bg-floating);position:relative;display:flex;flex-direction:column;gap:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--surface-0) transparent}.sss-content::-webkit-scrollbar{width:8px}.sss-content::-webkit-scrollbar-track{background:transparent}.sss-content::-webkit-scrollbar-thumb{background:var(--surface-0);border-radius:4px;border:2px solid transparent;background-clip:padding-box}.sss-sidebar{scrollbar-width:thin;scrollbar-color:var(--surface-0) transparent}.sss-sidebar::-webkit-scrollbar{width:6px}.sss-sidebar::-webkit-scrollbar-track{background:transparent}.sss-sidebar::-webkit-scrollbar-thumb{background:var(--surface-0);border-radius:3px;border:1px solid transparent;background-clip:padding-box}.sss-pane-header{margin-bottom:var(--space-3)}.sss-pane-title{font-size:var(--text-20);font-weight:700;margin:0 0 4px;color:var(--fg-bright, var(--fg))}.sss-pane-sub{color:var(--fg-muted);font-size:var(--text-13);margin:0}.sss-help{color:var(--fg-muted);font-size:var(--text-12);margin:4px 0 0}.sss-form{display:flex;flex-direction:column;gap:var(--space-3)}.sss-radio-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.sss-radio{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 14px;border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius);background:var(--surface-1);cursor:pointer;font-size:var(--text-13);color:var(--fg);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.sss-radio:hover{background:var(--surface-1-hover)}.sss-radio input[type=radio]{position:absolute;opacity:0;pointer-events:none}.sss-radio-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--fg-muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sss-radio input[type=radio]:checked~.sss-radio-dot{border-color:var(--accent)}.sss-radio input[type=radio]:checked~.sss-radio-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.sss-radio input[type=radio]:checked~.sss-radio-label{color:var(--fg-bright, var(--fg));font-weight:600}.sss-save-bar{position:sticky;bottom:0;margin:var(--space-4) calc(var(--space-6) * -1) 0;padding:10px var(--space-6);background:var(--bg-tertiary, var(--surface-2));border-top:1px solid var(--border-subtle, var(--border));display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);box-shadow:0 -2px 6px #00000026;z-index:var(--z-base)}.sss-save-msg{color:var(--fg-bright, var(--fg));font-size:var(--text-13);font-weight:500}.sss-save-actions{display:flex;gap:var(--space-2)}.sss-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-2)}.sss-empty{border:1px dashed var(--border-subtle, var(--border));border-radius:var(--radius);padding:var(--space-5);text-align:center;color:var(--fg-muted)}.sss-empty-badge{display:inline-block;background:var(--accent-soft, var(--surface-2));color:var(--accent);font-size:var(--text-11);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin-bottom:8px}.sss-empty-msg{color:var(--fg-muted);font-size:var(--text-13);margin:0;padding:16px}.sss-audit{display:flex;flex-direction:column;gap:2px}.sss-audit-row{display:flex;align-items:flex-start;gap:10px;padding:10px var(--space-3);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out)}.sss-audit-row:hover{background:var(--surface-1-hover)}.sss-audit-avatar{background:var(--accent);color:var(--fg-on-accent);flex-shrink:0}.sss-audit-body{min-width:0;flex:1}.sss-audit-line{font-size:var(--text-13);color:var(--fg);display:flex;gap:6px;flex-wrap:wrap}.sss-audit-actor{font-weight:600;color:var(--fg-bright, var(--fg))}.sss-audit-action{color:var(--fg-muted);font-family:monospace;font-size:var(--text-12)}.sss-audit-target{color:var(--fg-muted);font-size:var(--text-12)}.sss-audit-time{color:var(--fg-muted);font-size:var(--text-11);margin-top:2px}.sss-invite-row{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius);background:var(--surface-1);margin-bottom:6px}.sss-invite-main{flex:1;min-width:0}.sss-invite-code{font-family:monospace;font-size:var(--text-14);color:var(--fg);font-weight:600}.sss-invite-meta{color:var(--fg-muted);font-size:var(--text-11);margin-top:2px}.sss-channel-group{margin-bottom:var(--space-4)}.sss-channel-category{font-size:var(--text-11);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);padding:6px 4px;border-bottom:1px solid var(--border-subtle, var(--border));margin-bottom:4px}.sss-channel-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out)}.sss-channel-row:hover{background:var(--surface-1-hover)}.sss-channel-icon{color:var(--fg-muted);display:inline-flex;flex-shrink:0}.sss-channel-icon svg{width:18px;height:18px}.sss-channel-name{flex:1;font-size:var(--text-14);color:var(--fg)}.sss-channel-edit,.sss-channel-del{background:none;border:none;padding:6px;border-radius:var(--radius-sm);color:var(--fg-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.sss-channel-edit:hover{background:var(--surface-2-hover, var(--surface-1-hover));color:var(--fg-bright, var(--fg))}.sss-channel-del:hover{background:var(--danger-soft);color:var(--danger)}.sss-danger-zone{border:1px solid var(--danger);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--danger-soft);margin-top:var(--space-5)}.sss-danger-heading{margin:0;font-size:var(--text-14);font-weight:700;color:var(--danger);text-transform:uppercase;letter-spacing:.04em}.sss-danger-sub{margin:0 0 var(--space-2);font-size:var(--text-13);color:var(--fg-muted)}.sss-danger-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.sss-danger-row:first-of-type{border-top:none;padding-top:0}.sss-danger-text{flex:1;min-width:0}.sss-danger-text strong{display:block;font-size:var(--text-14);font-weight:600;color:var(--fg-bright, var(--fg));margin-bottom:2px}.sss-danger-text p{margin:0;font-size:var(--text-13);color:var(--fg-muted);line-height:1.4}.sss-inline-invite{border-top:1px solid var(--border-subtle, var(--border));padding-top:var(--space-3)}@media (max-width: 768px){#modal.modal-wide,#modal.modal-sss{max-width:100%;width:100%}#modal.modal-wide .modal-body,#modal.modal-sss .modal-body{min-height:60dvh}.sss-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sss-sidebar{flex-direction:row;gap:6px;padding:var(--space-2) 10px;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--border-subtle, var(--border));white-space:nowrap}.sss-sidebar .us-nav-title,.sss-sidebar .us-nav-separator{display:none}.sss-sidebar .us-nav-item{width:auto;padding:6px 10px;flex-shrink:0}.sss-content{padding:var(--space-3) var(--space-4)}.sss-save-bar{margin:var(--space-4) calc(var(--space-4) * -1) 0;padding:10px var(--space-4)}}.invite-preview{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2) 0 var(--space-1)}.ip-server-icon{width:80px;height:80px;border-radius:28px;overflow:hidden;margin-bottom:var(--space-3);background:var(--surface-2);display:flex;align-items:center;justify-content:center}.ip-server-icon .ip-avatar-img{width:100%;height:100%;object-fit:cover}.ip-server-icon .ip-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-32);font-weight:700;color:var(--text-primary);background:var(--accent);color:var(--fg-on-accent)}.ip-server-name{font-size:var(--text-24);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.2}.ip-meta{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-14);color:var(--text-muted);margin-bottom:var(--space-3)}.ip-online-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.ip-inviter{font-size:var(--text-14);color:var(--text-secondary);margin:0}.ip-inviter strong{color:var(--text-primary);font-weight:600}.ip-sub{font-size:var(--text-14);color:var(--text-secondary);margin:0}.btn.ip-accept{background:#16a34a;color:var(--fg-on-accent)}.btn.ip-accept:hover{background:var(--accent-hover)}.btn.ip-accept:disabled{opacity:.6;cursor:default}.onboarding{display:flex;flex-direction:column;gap:var(--space-3)}.ob-sub{font-size:var(--text-14);color:var(--text-secondary);margin:0 0 var(--space-2);text-align:center}.ob-avatar-row{display:flex;justify-content:center;margin-bottom:var(--space-2)}.ob-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-32);font-weight:700;color:var(--fg-on-accent);user-select:none;transition:background .12s ease}.ob-swatches{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.ob-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease}.ob-swatch:hover{transform:scale(1.08)}.ob-swatch.selected{border-color:var(--text-primary, #fff);box-shadow:0 0 0 2px var(--surface-1, #1f2937)}.ob-swatch:focus-visible{outline:2px solid var(--accent, #16a34a);outline-offset:2px}#modal:has(.cs-wizard-grid),#modal:has(.cs-wizard-list),#modal:has(.cs-wizard-summary){max-width:480px}.cs-wizard-intro{margin-bottom:var(--space-4)}.cs-wizard-headline{font-size:var(--text-16);font-weight:600;color:var(--text-primary);line-height:var(--leading-ui);margin-bottom:4px}.cs-wizard-sub{font-size:var(--text-13);color:var(--text-secondary);line-height:var(--leading-body)}.cs-wizard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.cs-wizard-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 14px var(--space-3);text-align:left;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);min-height:96px;font-family:inherit}.cs-wizard-tile:hover{background:var(--surface-1-hover);border-color:var(--border-strong);transform:translateY(-1px)}.cs-wizard-tile:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.cs-wizard-tile-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);background:var(--surface-2);color:var(--accent);margin-bottom:2px}.cs-wizard-tile-icon svg{width:22px;height:22px}.cs-wizard-tile-label{font-size:var(--text-14);font-weight:600;color:var(--text-primary);line-height:var(--leading-ui)}.cs-wizard-tile-sub{font-size:var(--text-12);color:var(--text-muted);line-height:var(--leading-body)}.cs-wizard-tile-blank .cs-wizard-tile-icon{background:var(--surface-2);color:var(--text-secondary)}.cs-wizard-tile-skel{min-height:96px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);position:relative;overflow:hidden}.cs-wizard-tile-skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--surface-2) 50%,transparent 100%);opacity:.5;animation:cs-wizard-skel 1.1s var(--ease-in-out) infinite}@keyframes cs-wizard-skel{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cs-wizard-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.cs-wizard-section-title{font-size:var(--text-11);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.cs-wizard-soon-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 14px;background:var(--surface-1);border:1px dashed var(--border-subtle);border-radius:var(--radius);color:var(--text-muted);cursor:not-allowed;opacity:.7}.cs-wizard-soon-pill{font-size:var(--text-10);font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:var(--space-1) var(--space-2);background:var(--surface-2);color:var(--text-secondary);border-radius:var(--radius-full);flex-shrink:0}.cs-wizard-soon-text{font-size:var(--text-13);color:var(--text-secondary);line-height:var(--leading-body)}.cs-wizard-list{display:flex;flex-direction:column;gap:var(--space-2)}.cs-wizard-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 14px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);text-align:left;cursor:pointer;font-family:inherit;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.cs-wizard-row:hover{background:var(--surface-1-hover);border-color:var(--border-strong)}.cs-wizard-row:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.cs-wizard-row-body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.cs-wizard-row-title{font-size:var(--text-14);font-weight:600;color:var(--text-primary)}.cs-wizard-row-desc{font-size:var(--text-12);color:var(--text-secondary);line-height:var(--leading-body)}.cs-wizard-row-meta{font-size:var(--text-11);color:var(--text-muted);margin-top:2px}.cs-wizard-more{color:var(--accent);font-weight:600}.cs-wizard-row-chevron{display:inline-flex;align-items:center;color:var(--text-muted);flex-shrink:0}.cs-wizard-row-chevron svg{width:16px;height:16px}.cs-wizard-row-skel{height:64px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);position:relative;overflow:hidden}.cs-wizard-row-skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--surface-2) 50%,transparent 100%);opacity:.5;animation:cs-wizard-skel 1.1s var(--ease-in-out) infinite}.cs-wizard-empty{text-align:center;font-size:var(--text-13);color:var(--text-muted);padding:var(--space-5) var(--space-4)}.cs-wizard-summary{padding:10px var(--space-3);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);margin-bottom:var(--space-4)}.cs-wizard-summary-title{font-size:var(--text-13);font-weight:600;color:var(--text-primary);margin-bottom:2px}.cs-wizard-summary-desc{font-size:var(--text-12);color:var(--text-secondary);line-height:var(--leading-body)}.cs-wizard-vis{display:flex;flex-direction:column;gap:var(--space-2);margin-top:4px}.cs-wizard-vis-opt{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 14px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.cs-wizard-vis-opt:hover{background:var(--surface-1-hover)}.cs-wizard-vis-opt input[type=radio]{margin:2px 0 0;accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.cs-wizard-vis-opt.is-selected{border-color:var(--accent);background:var(--accent-soft)}.cs-wizard-vis-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;margin-top:-2px}.cs-wizard-vis-body{display:flex;flex-direction:column;gap:2px}.cs-wizard-vis-title{font-size:var(--text-13);font-weight:600;color:var(--text-primary)}.cs-wizard-vis-sub{font-size:var(--text-12);color:var(--text-muted);line-height:var(--leading-body)}@media (max-width: 540px){.cs-wizard-grid{gap:var(--space-2)}.cs-wizard-tile{padding:12px 12px 10px;min-height:92px}.cs-wizard-row,.cs-wizard-vis-opt{padding:10px var(--space-3)}}@keyframes call-ring-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}.call-ring-overlay{position:fixed;inset:0;z-index:var(--z-tooltip);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:60px var(--space-5) var(--space-10);background:linear-gradient(180deg,var(--call-bg-deep) 0%,#08101f 100%);color:var(--call-text);font-family:var(--font-sans)}.call-ring-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-10)}.call-ring-label{font-size:var(--text-13);letter-spacing:.3px;color:var(--call-text-muted)}.call-ring-name{font-size:var(--text-32);font-weight:600}.call-ring-phone{font-size:var(--text-15);color:var(--call-text-muted);font-family:var(--font-mono, monospace)}.call-ring-avatar{width:160px;height:160px;border-radius:var(--radius-full);background:radial-gradient(circle,var(--call-bg-avatar) 0%,var(--call-bg-deep) 70%);display:flex;align-items:center;justify-content:center;animation:call-ring-pulse 1.6s ease-in-out infinite}.call-ring-actions{display:flex;gap:var(--space-10);align-items:center}.call-ring-btn{width:72px;height:72px;border-radius:var(--radius-full);border:none;color:var(--call-text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0006}.call-ring-btn-decline{background:var(--danger)}.call-ring-btn-accept{background:var(--accent)}.call-active-backdrop{position:fixed;inset:0;z-index:calc(var(--z-tooltip) - 1);background:var(--call-scrim);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans)}.call-active-panel{width:min(380px,94vw);background:linear-gradient(180deg,var(--call-bg-grad-start) 0%,var(--call-bg-grad-end) 100%);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);color:var(--call-text);box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.call-active-header{display:flex;align-items:center;gap:var(--space-2);align-self:stretch}.call-active-header-minimise{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--call-btn-border);background:transparent;color:var(--call-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.call-active-header-label{flex:1;text-align:center;font-size:var(--text-12);color:var(--call-text-muted);letter-spacing:.3px}.call-active-header-spacer{width:28px}.call-active-avatar{width:88px;height:88px;border-radius:var(--radius-full);background:radial-gradient(circle,var(--call-bg-avatar) 0%,var(--call-bg-deep) 70%);display:flex;align-items:center;justify-content:center;font-size:var(--text-32);font-weight:600;color:var(--call-text-avatar)}.call-active-name{font-size:var(--text-24);font-weight:600;text-align:center}.call-active-phone{font-size:var(--text-13);color:var(--call-text-muted);font-family:var(--font-mono, monospace)}.call-active-timer{font-size:var(--text-14);color:var(--call-text-muted);font-family:var(--font-mono, monospace);margin-top:var(--space-1)}.call-active-timer.call-timer-connected{color:var(--accent)}.call-ctl-row{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.call-ctl{width:56px;height:56px;border-radius:var(--radius-full);border:1px solid var(--call-btn-border);background:var(--call-btn-bg);color:var(--call-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.call-ctl.call-ctl-active{background:var(--call-text);color:var(--call-bg-deep)}.call-end-btn{margin-top:var(--space-2);width:72px;height:72px;border-radius:var(--radius-full);border:none;background:var(--danger);color:var(--call-text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #dc262666}.call-keypad-grid{display:grid;grid-template-columns:repeat(3,64px);gap:var(--space-2);margin-top:var(--space-1)}.call-dtmf{height:52px;border-radius:var(--radius-full);border:1px solid var(--call-btn-border);background:var(--call-btn-bg);color:var(--call-text);font-size:var(--text-18);font-weight:600;cursor:pointer}.call-pill{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:calc(var(--z-tooltip) - 2);background:var(--call-bg-deep);color:var(--call-text);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;box-shadow:0 6px 20px #0006;font-family:var(--font-sans);font-size:var(--text-13);user-select:none}.call-pill-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--call-text-muted)}.call-pill-dot.call-pill-dot-connected{background:var(--accent)}.call-pill-timer{font-family:var(--font-mono, monospace);min-width:48px}.call-pill-name{color:var(--call-text-muted);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-pill-end{width:28px;height:28px;border-radius:var(--radius-full);background:var(--danger);border:none;color:var(--call-text);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:var(--space-1)}.call-ended-flash{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:calc(var(--z-tooltip) - 2);background:var(--call-bg-deep);color:var(--call-text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:0 6px 20px #0006;font-family:var(--font-sans);font-size:var(--text-13);display:flex;gap:var(--space-2);align-items:center}.call-ended-flash-dur{color:var(--call-text-muted);font-family:var(--font-mono, monospace)}.channel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.channel-header h1{font-size:var(--text-18);font-weight:700;color:var(--fg-bright)}.channel-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.toggle-group{display:flex;gap:2px}.card-list{display:flex;flex-direction:column;gap:var(--space-2)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);text-align:center}.stat-icon{color:var(--fg-dim);margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-24);font-weight:700;color:var(--fg-bright)}.stat-label{font-size:var(--text-12);color:var(--fg-muted)}.ch-people-controls{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.ch-view-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ch-view-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-12);color:var(--fg-muted);transition:all var(--dur-med) var(--ease-out)}.ch-view-btn:hover{background:var(--bg-hover)}.ch-view-btn.active{background:var(--accent);color:var(--fg-on-accent)}.ch-people-list{display:flex;flex-direction:column;gap:2px}.person-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer;transition:background var(--dur-med) var(--ease-out)}.person-card:hover{background:var(--bg-hover)}.person-info{flex:1;min-width:0}.person-name{font-size:var(--text-14);font-weight:500;color:var(--fg)}.person-role{font-size:var(--text-12);color:var(--fg-muted)}.person-actions{display:flex;gap:2px}.ch-jobs-grid{display:flex;flex-direction:column;gap:var(--space-3)}.job-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);transition:background var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)}.job-card:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm)}.job-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.job-title{font-size:var(--text-15);font-weight:600;flex:1;color:var(--fg-bright)}.job-meta{display:flex;gap:var(--space-3);font-size:var(--text-12);color:var(--fg-muted);flex-wrap:wrap}.job-meta-item{display:flex;align-items:center;gap:var(--space-1)}.job-comm-icon svg{width:14px;height:14px}.job-description{font-size:var(--text-13);color:var(--fg-muted);margin-top:var(--space-2)}.job-messages{margin-top:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-3)}.job-message{display:flex;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-13)}.job-message-sender{font-weight:600;color:var(--accent);white-space:nowrap}.job-message-body{color:var(--fg-muted)}.job-message-time{font-size:var(--text-11);color:var(--fg-dim);white-space:nowrap}.schedule-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden;font-size:var(--text-12)}.schedule-day{background:var(--bg);min-height:120px;display:flex;flex-direction:column}.schedule-day-today{background:var(--accent-dim)}.schedule-day-header{background:var(--bg-secondary);padding:var(--space-2);text-align:center;font-weight:600;color:var(--fg-muted);border-bottom:1px solid var(--border)}.schedule-day-today .schedule-day-header{color:var(--accent)}.schedule-day-shifts{padding:var(--space-1);display:flex;flex-direction:column;gap:2px;flex:1}.shift-chip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-11);font-weight:500;display:flex;flex-direction:column;gap:1px}.shift-chip-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.shift-chip-name{font-weight:600}.shift-chip-time{font-size:var(--text-10);opacity:.8}.shift-rate{font-size:var(--text-10);opacity:.7}.shift-pencilled{background:var(--bg-hover);color:var(--fg-dim)}.shift-confirmed{background:var(--accent-dim);color:var(--accent)}.shift-completed,.shift-paid{background:var(--ok-dim);color:var(--ok)}.shift-cancelled{background:var(--err-dim);color:var(--err);text-decoration:line-through}.shift-chip .badge{font-size:var(--text-10);padding:0 4px}.agreement-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);transition:background var(--dur-med) var(--ease-out);cursor:pointer}.agreement-card:hover{background:var(--bg-hover)}.agreement-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.agreement-title{font-size:var(--text-15);font-weight:600;color:var(--fg-bright)}.agreement-meta{font-size:var(--text-12);color:var(--fg-muted);margin-top:var(--space-1)}.agreement-body{font-size:var(--text-13);color:var(--fg-muted);margin-top:var(--space-2);white-space:pre-wrap}.agreement-acceptances{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.ag-status-pill{display:inline-block;padding:2px 10px;border-radius:12px;font-size:var(--text-12);font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.ag-pill-draft{background:var(--bg-tertiary, #3a3d4e);color:var(--fg-muted)}.ag-pill-sent{background:var(--info);color:var(--fg-on-accent)}.ag-pill-viewed{background:var(--warning);color:var(--fg-on-accent)}.ag-pill-signed{background:var(--accent);color:var(--fg-on-accent)}.ag-pill-declined{background:var(--danger);color:var(--fg-on-accent)}.ag-pill-voided{background:var(--bg-tertiary, #3a3d4e);color:var(--fg-muted);text-decoration:line-through}.ag-recipient-pill{display:inline-block;padding:1px var(--space-2);border-radius:10px;font-size:var(--text-11);font-weight:600;text-transform:capitalize}.ag-rpill-pending{background:var(--bg-tertiary, #3a3d4e);color:var(--fg-muted)}.ag-rpill-sent{background:var(--info);color:var(--fg-on-accent)}.ag-rpill-viewed{background:var(--warning);color:var(--fg-on-accent)}.ag-rpill-signed{background:var(--accent);color:var(--fg-on-accent)}.ag-rpill-declined{background:var(--danger);color:var(--fg-on-accent)}.ag-table-wrap{overflow-x:auto;padding:0 var(--space-4)}.ag-table{width:100%;border-collapse:collapse;font-size:var(--text-14)}.ag-table thead{border-bottom:2px solid var(--border)}.ag-table th{text-align:left;padding:var(--space-2) var(--space-3);font-weight:600;color:var(--fg-muted);font-size:var(--text-12);text-transform:uppercase;letter-spacing:.5px}.ag-table td{padding:var(--space-2) var(--space-3)}.ag-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.ag-row:hover{background:var(--bg-hover)}.ag-subject{font-weight:500;color:var(--fg-bright)}.ag-date{color:var(--fg-muted);font-size:var(--text-13)}.ag-empty{text-align:center;padding:var(--space-6)!important}.ag-actions-cell{white-space:nowrap}.ag-actions-cell .btn{margin-left:var(--space-1)}.ag-recipients-cell{color:var(--fg-muted);font-size:var(--text-13);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-wizard-steps{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.ag-wizard-step{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-13);color:var(--fg-muted);font-weight:500}.ag-wizard-step.active{color:var(--fg-bright)}.ag-step-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary, #3a3d4e);font-size:var(--text-12);font-weight:700}.ag-wizard-step.active .ag-step-num{background:var(--brand);color:var(--fg-on-accent)}.ag-editor{font-family:var(--font-mono, "Fira Code", monospace);font-size:var(--text-13);line-height:1.6;resize:vertical;min-height:200px}.ag-md-preview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);margin-top:var(--space-2);max-height:300px;overflow-y:auto;line-height:1.7}.ag-preview-toggle{margin-top:var(--space-2)}.ag-recipient-list{margin-bottom:var(--space-3)}.ag-recipient-list h3{font-size:var(--text-14);margin-bottom:var(--space-2)}.ag-recipient-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:var(--space-1)}.ag-recipient-name{flex:1;font-weight:500}.ag-recipient-role{font-size:var(--text-12);color:var(--fg-muted);text-transform:uppercase}.ag-add-recipient-form{padding:var(--space-3) 0}.form-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.ag-hint{font-size:var(--text-13);color:var(--fg-muted);font-style:italic}.ag-people-hint{margin-top:var(--space-3)}.ag-people-hint strong{font-size:var(--text-13);display:block;margin-bottom:var(--space-2)}.ag-people-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ag-person-chip{padding:var(--space-1) 10px;border-radius:14px;font-size:var(--text-12);background:var(--bg-tertiary, #3a3d4e);color:var(--fg);border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.ag-person-chip:hover{background:var(--brand);color:#fff}.ag-fields-config{margin-bottom:var(--space-4)}.ag-fields-config h3{font-size:var(--text-14);margin-bottom:var(--space-2)}.ag-field-check{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-14);cursor:pointer}.ag-field-check input{accent-color:var(--brand)}.ag-summary{background:var(--bg-secondary);border-radius:var(--radius);padding:var(--space-3);margin-top:var(--space-3)}.ag-summary h3{font-size:var(--text-14);margin-bottom:var(--space-2)}.ag-summary p{font-size:var(--text-13);margin-bottom:var(--space-1)}.ag-detail{display:flex;gap:var(--space-4);min-height:400px}.ag-detail-main{flex:1;min-width:0}.ag-detail-doc{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);line-height:1.7}.ag-detail-doc h2{font-size:var(--text-18);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.ag-doc-body{font-size:var(--text-14)}.ag-detail-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-3)}.ag-envelope-info,.ag-recipients-section,.ag-signatures-section,.ag-audit-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3)}.ag-envelope-info h3,.ag-recipients-section h3,.ag-signatures-section h3,.ag-audit-section h3{font-size:var(--text-13);text-transform:uppercase;letter-spacing:.5px;color:var(--fg-muted);margin-bottom:var(--space-2)}.ag-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;font-size:var(--text-13)}.ag-info-row>span:first-child{color:var(--fg-muted)}.ag-recipient-detail{padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.ag-recipient-detail:last-child{border-bottom:none}.ag-recipient-info{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.ag-recipient-info strong{font-size:var(--text-13)}.ag-recipient-role-tag{font-size:var(--text-11);text-transform:uppercase;color:var(--fg-muted);background:var(--bg-tertiary, #3a3d4e);padding:1px 6px;border-radius:8px}.ag-recipient-status-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-12)}.ag-signed-date{color:var(--ok);display:flex;align-items:center;gap:var(--space-1)}.ag-declined-date{color:var(--err);display:flex;align-items:center;gap:var(--space-1)}.ag-signature-entry{padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.ag-signature-entry:last-child{border-bottom:none}.ag-sig-data{font-family:Dancing Script,Brush Script MT,cursive;font-size:var(--text-24);color:var(--brand)}.ag-sig-meta{font-size:var(--text-11);color:var(--fg-muted);margin-top:var(--space-1)}.ag-audit-list{max-height:200px;overflow-y:auto}.ag-audit-entry{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1) 0;font-size:var(--text-12);border-bottom:1px solid var(--border)}.ag-audit-entry:last-child{border-bottom:none}.ag-audit-time{color:var(--fg-muted)}.ag-audit-action{font-weight:600}.ag-audit-actor{color:var(--fg-muted)}.ag-audit-detail{color:var(--fg-muted);font-style:italic}.btn-danger{background:var(--err);color:var(--fg-on-accent);border:none}.btn-danger:hover{background:var(--danger);filter:brightness(.85)}.btn-sm{padding:4px 8px;font-size:var(--text-12)}.btn-ghost{background:transparent;border:none;color:var(--fg-muted)}.btn-ghost:hover{color:var(--fg-bright);background:var(--bg-hover)}@media (max-width: 768px){.ag-detail{flex-direction:column}.ag-detail-sidebar{width:100%}}.approval-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-3);transition:background var(--dur-med) var(--ease-out)}.approval-card:hover{background:var(--bg-hover)}.approval-info{flex:1}.approval-subject{font-size:var(--text-14);font-weight:500;color:var(--fg)}.approval-meta{font-size:var(--text-12);color:var(--fg-muted)}.approval-actions{display:flex;gap:var(--space-2)}.directory-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.directory-count{font-size:var(--text-13);color:var(--fg-muted)}.rule-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2)}.rule-title{font-size:var(--text-14);font-weight:600;color:var(--fg-bright)}.rule-body{font-size:var(--text-13);color:var(--fg-muted);margin-top:var(--space-1);white-space:pre-wrap}.log-entry{display:flex;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-13)}.log-ts{color:var(--fg-dim);font-family:var(--font-mono);font-size:var(--text-12);white-space:nowrap}.log-handler{color:var(--accent);font-weight:500}.log-summary{color:var(--fg-muted);flex:1}.log-payload{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--text-12)}.settings-layout{display:flex;height:100%;overflow:hidden}.settings-nav{width:220px;flex-shrink:0;padding:16px 8px;overflow-y:auto;background:var(--surface-1);border-right:1px solid var(--border)}.settings-nav-title{font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);padding:8px 12px 4px;margin-top:8px}.settings-nav-title:first-child{margin-top:0}.settings-nav-item{display:block;width:100%;text-align:left;padding:8px 12px;font-size:var(--text-14);color:var(--fg-muted);background:none;border:none;border-radius:4px;cursor:pointer;margin-bottom:1px;min-height:32px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.settings-nav-item:hover{background:var(--surface-2);color:var(--fg)}.settings-nav-item.active{background:var(--surface-2);color:var(--fg);font-weight:600}.settings-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.settings-nav-divider{height:1px;background:var(--border);margin:8px 12px}.settings-nav-logout{color:var(--danger)}.settings-nav-logout:hover{background:var(--danger-soft);color:var(--danger)}.settings-content{flex:1;padding:24px 32px;overflow-y:auto;max-width:740px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--surface-0) transparent}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb{background:var(--surface-0);border-radius:4px}.settings-content::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}.settings-nav::-webkit-scrollbar{width:6px}.settings-nav::-webkit-scrollbar-track{background:transparent}.settings-nav::-webkit-scrollbar-thumb{background:var(--surface-0);border-radius:3px}.settings-heading{font-size:var(--text-20);font-weight:700;margin-bottom:20px;color:var(--fg)}.settings-card{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:20px}.settings-field{margin-bottom:16px}.settings-field:last-child{margin-bottom:0}.settings-field label{display:block;font-size:var(--text-12);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);margin-bottom:8px}.settings-field-row{display:flex;align-items:center;gap:10px}.settings-input{flex:1;padding:10px var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:var(--fg);font-size:var(--text-14);font-family:inherit;outline:none}.settings-input:focus{border-color:var(--accent)}.settings-textarea{resize:vertical;min-height:60px;max-height:200px;line-height:1.5;overflow-y:auto}.settings-profile-banner{height:60px;background:linear-gradient(135deg,var(--accent),var(--accent-press));border-radius:8px 8px 0 0;margin:-20px -20px 0}.settings-profile-info{display:flex;align-items:flex-end;gap:var(--space-3);padding:0 0 var(--space-4);margin-top:-24px}.settings-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-24);font-weight:700;color:var(--fg-on-accent);background:var(--accent);border:4px solid var(--surface-1)}.settings-username{font-size:var(--text-18);font-weight:700}.settings-status-badge{font-size:var(--text-12);padding:2px 8px;border-radius:99px;font-weight:600;display:inline-block;margin-top:2px}.settings-status-online{background:var(--accent-soft);color:var(--status-online)}.settings-status-idle{background:var(--warning-soft);color:var(--status-idle)}.settings-status-dnd{background:var(--danger-soft);color:var(--status-dnd)}.settings-status-invisible{background:var(--surface-2);color:var(--status-offline)}.settings-profile-fields{padding-top:16px;border-top:1px solid var(--border)}.settings-toggle{position:relative;display:inline-block;width:40px;height:22px}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;inset:0;background:var(--fg-muted);border-radius:22px;cursor:pointer;transition:background var(--dur-med)}.settings-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:var(--text-inverse);border-radius:50%;transition:transform var(--dur-med) var(--ease-out)}.settings-toggle input:checked+.settings-toggle-slider{background:var(--accent)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(18px)}@media (max-width: 640px){.settings-layout{flex-direction:column}.settings-nav{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:8px;display:flex;flex-wrap:wrap;gap:4px}.settings-nav-title,.settings-nav-divider{display:none}.settings-nav-item{width:auto;padding:6px 12px;font-size:var(--text-13)}.settings-content{padding:var(--space-4)}}.settings-section{margin-bottom:var(--space-6)}.settings-section h2{font-size:var(--text-14);font-weight:600;margin-bottom:var(--space-3);color:var(--fg-bright)}.settings-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.text-muted{color:var(--fg-muted);font-size:var(--text-13)}.settings-group{margin-bottom:var(--space-6)}.settings-group-title{font-size:var(--text-14);font-weight:600;margin-bottom:var(--space-3);color:var(--fg-bright)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.settings-key{font-size:var(--text-13);color:var(--fg-muted)}.settings-value{font-size:var(--text-13);font-family:var(--font-mono)}.roles-toolbar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.roles-toolbar-meta{font-size:var(--text-11);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:var(--space-2)}.roles-grid{display:flex;flex-direction:column;gap:var(--space-2)}.role-card{position:relative;background:var(--surface-1);border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);padding-left:calc(var(--space-4) + 4px);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.role-card:hover{background:var(--surface-1-hover);border-color:var(--border)}.role-card-colored:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--role-color, var(--accent));border-radius:0 var(--radius-sm) var(--radius-sm) 0}.role-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.role-card-colored .role-card-name{color:var(--role-color, var(--fg-bright))}.role-card-name{font-size:var(--text-15);font-weight:600;color:var(--fg-bright)}.role-card-pos{font-size:var(--text-11);color:var(--fg-dim);margin-left:auto;font-variant-numeric:tabular-nums}.role-card-perms{font-size:var(--text-12);color:var(--fg-muted);margin-bottom:var(--space-2)}.role-card-actions{display:flex;gap:var(--space-2)}.role-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;background:var(--role-color, var(--accent));box-shadow:0 0 0 1px var(--border-subtle, var(--border))}.color-picker{display:flex;gap:var(--space-2);flex-wrap:wrap}.color-swatch{position:relative;width:28px;height:28px;border-radius:50%;cursor:pointer;border:none;padding:0;box-shadow:0 0 0 0 var(--accent);transition:box-shadow var(--dur-fast) var(--ease-out)}.color-swatch:hover{box-shadow:0 0 0 2px var(--border-strong, var(--fg-muted))}.color-swatch:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-0, var(--bg)),0 0 0 4px var(--accent)}.color-swatch.selected{box-shadow:0 0 0 2px var(--surface-0, var(--bg)),0 0 0 4px var(--fg-bright)}.color-swatch.selected:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-repeat:no-repeat;background-position:center;background-size:14px 14px;filter:drop-shadow(0 0 1px rgba(0,0,0,.6))}.perm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-1)}.perm-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-13);color:var(--fg-secondary);cursor:pointer}.perm-toggle input[type=checkbox]{accent-color:var(--accent)}.settings-icon-preview{width:64px;height:64px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-28);font-weight:700;color:var(--fg-on-accent);flex-shrink:0;overflow:hidden}.account-flyout{position:fixed;bottom:64px;left:80px;width:300px;max-width:320px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2);z-index:var(--z-modal, 1000);box-shadow:var(--shadow-3);animation:af-in var(--dur-med) var(--ease-out)}.account-flyout-mobile{position:fixed!important;left:16px!important;right:16px!important;bottom:16px!important;width:auto!important;max-width:none!important;max-height:80dvh;overflow-y:auto}.account-flyout-backdrop{position:fixed;inset:0;background:#00000073;z-index:calc(var(--z-modal, 1000) - 1);animation:fade-in var(--dur-med) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes af-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.af-hint{font-size:var(--text-11);color:var(--text-muted);padding:4px var(--space-2) 0;font-style:italic}.af-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)}.af-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-16);font-weight:700;flex-shrink:0}.af-user{min-width:0;flex:1}.af-name{font-size:var(--text-14);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.af-handle{font-size:var(--text-12);color:var(--text-muted);font-family:var(--font-mono)}.af-divider{height:1px;background:var(--border-subtle);margin:var(--space-1) var(--space-2)}.af-section-title{font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--space-1) var(--space-2)}.af-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);background:none;border:none;color:var(--text-primary);font-size:var(--text-14);font-family:inherit;text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.af-item:hover{background:var(--surface-2-hover)}.af-item:disabled{opacity:.45;cursor:not-allowed}.af-item:disabled:hover{background:transparent}.af-item.af-danger{color:var(--danger)}.af-item.af-danger:hover{background:var(--danger-soft)}.af-item.active{background:var(--surface-2-active)}.af-icon{display:flex;width:18px;height:18px;color:var(--text-muted)}.af-item.af-danger .af-icon{color:var(--danger)}.af-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-left:4px}.af-status-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;margin-left:2px}.af-status-icon.af-status-online{color:var(--status-online)}.af-status-icon.af-status-idle{color:var(--status-idle)}.af-status-icon.af-status-dnd{color:var(--status-dnd)}.af-status-icon.af-status-invisible{color:var(--status-offline, var(--text-muted))}.cl-user-status-text .cl-user-sub-icon{display:inline-block;vertical-align:-2px;margin-right:4px;color:var(--text-muted);flex-shrink:0}.cl-user-status-text .cl-user-sub-name{vertical-align:baseline}.af-label{flex:1;font-size:var(--text-14);font-weight:500}.af-check{display:flex;width:16px;height:16px;color:var(--accent)}.af-custom{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2)}.af-custom-input{flex:1;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--text-primary);font-size:var(--text-12);font-family:inherit;outline:none}.af-custom-input:focus{border-color:var(--accent)}.af-clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.af-clear-btn:hover{color:var(--danger);background:var(--danger-soft)}.af-clear-btn svg{width:14px;height:14px}.af-custom-emoji{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-16);line-height:1}.af-custom-emoji:hover{border-color:var(--accent)}.af-custom-emoji-empty{color:var(--text-muted);font-size:var(--text-14)}.af-custom-clear{display:block;width:calc(100% - var(--space-2) * 2);margin:0 var(--space-2) var(--space-2);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 8px;color:var(--text-primary);font-size:var(--text-12);cursor:pointer;outline:none}.af-custom-clear:focus{border-color:var(--accent)}.af-emoji-pop{z-index:var(--z-tooltip);background:var(--surface-2);border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-md);padding:4px;display:grid;grid-template-columns:repeat(3,var(--space-8));grid-auto-rows:var(--space-8);gap:2px;box-shadow:var(--shadow-3);animation:af-in var(--dur-fast) var(--ease-out)}.af-emoji-opt{background:none;border:none;cursor:pointer;padding:0;width:32px;height:32px;font-size:var(--text-18);line-height:1;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary)}.af-emoji-opt:hover,.af-emoji-opt:focus-visible{background:var(--surface-2-hover);outline:none}.af-emoji-opt:focus-visible{box-shadow:0 0 0 2px var(--accent)}.af-emoji-opt.af-emoji-clear{color:var(--text-muted)}.af-emoji-opt.af-emoji-clear svg{width:14px;height:14px}.profile-popup-note{width:calc(100% - 32px);margin:4px 16px 8px;background:var(--surface-1);color:var(--text-primary, var(--fg));border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-sm);padding:8px 10px;font-size:var(--text-13);line-height:1.4;font-family:inherit;resize:vertical;min-height:36px;outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.profile-popup-note:hover{border-color:var(--border-strong, var(--border))}.profile-popup-note:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft, transparent)}.profile-popup-note::placeholder{color:var(--fg-muted)}.snm-backdrop{position:fixed;inset:0;background:#0000008c;z-index:var(--z-toast);animation:snm-fade .14s cubic-bezier(.2,.8,.2,1)}@keyframes snm-fade{0%{opacity:0}to{opacity:1}}.snm-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:var(--z-tooltip);width:min(440px,calc(100vw - 32px));background:var(--surface-2);color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);display:flex;flex-direction:column;max-height:85dvh;overflow:hidden;animation:snm-pop .18s cubic-bezier(.2,.8,.2,1)}@keyframes snm-pop{0%{transform:translate(-50%,-48%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.snm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.snm-title{font-weight:600;font-size:var(--text-15)}.snm-close{background:none;border:none;color:var(--text-muted);font-size:var(--text-24);line-height:1;cursor:pointer;padding:0 4px}.snm-close:hover{color:var(--text-primary)}.snm-body{padding:var(--space-4) var(--space-5);overflow-y:auto}.snm-section-title{font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin:var(--space-3) 0 var(--space-2)}.snm-divider{height:1px;background:var(--border-subtle);margin:14px 0}.snm-toggle{display:flex;align-items:center;gap:10px;padding:var(--space-2) 0;cursor:pointer;font-size:var(--text-14)}.snm-toggle input{accent-color:var(--accent)}.snm-radio{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.snm-radio:hover{background:var(--surface-2-hover, rgba(255,255,255,.04))}.snm-radio input{margin-top:2px;accent-color:var(--accent)}.snm-radio-label{display:flex;flex-direction:column;gap:2px}.snm-radio-label strong{font-size:var(--text-14);font-weight:600}.snm-radio-sub{font-size:var(--text-12);color:var(--text-muted);line-height:1.4}.snm-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:12px 20px;border-top:1px solid var(--border-subtle)}.cc-type-grid{display:flex;flex-direction:column;gap:var(--space-2)}.cc-type-card{display:flex;align-items:center;gap:14px;padding:var(--space-3) 14px;background:var(--surface-1, var(--bg-secondary));border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-md);color:var(--fg);cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);font:inherit}.cc-type-card:hover{background:var(--surface-2-hover, var(--surface-2));border-color:var(--border)}.cc-type-card.active{background:var(--surface-2);border-color:var(--accent)}.cc-type-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--fg-muted);border-radius:var(--radius-sm)}.cc-type-card.active .cc-type-icon{background:var(--accent);color:var(--fg-on-accent)}.cc-type-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.cc-type-body strong{font-size:var(--text-14);font-weight:600;color:var(--fg-bright)}.cc-type-sub{font-size:var(--text-12);color:var(--fg-muted);line-height:1.4}.cc-type-radio{width:18px;height:18px;flex-shrink:0;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color var(--dur-fast) var(--ease-out)}.cc-type-card.active .cc-type-radio{border-color:var(--accent)}.cc-type-card.active .cc-type-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.cc-preview{font-size:var(--text-12);color:var(--fg-muted)}.cc-preview strong{color:var(--fg);font-weight:600}.inv-result-banner{background:var(--surface-1, var(--bg-secondary));border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-md);padding:var(--space-3);margin-top:12px}.chat-md-toolbar{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-3) 6px;border-bottom:1px solid var(--border-subtle);background:var(--surface-1)}.chat-md-btn{background:none;border:none;cursor:pointer;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono, monospace);font-size:var(--text-13);font-weight:600;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.chat-md-btn:hover{background:var(--surface-2-hover, rgba(255,255,255,.06));color:var(--text-primary)}.chat-md-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chat-md-btn[data-md=i]{font-style:italic}.chat-md-btn[data-md=s]{text-decoration:line-through}.chat-md-btn[data-md=code]{font-family:var(--font-mono, monospace)}@media (min-width: 769px){.chat-md-toolbar{display:none}}.chat-mobile-plus{display:none;background:none;border:none;cursor:pointer;padding:0;color:var(--text-muted);border-radius:50%;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;min-width:44px;min-height:44px;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.chat-mobile-plus:hover,.chat-mobile-plus:active{color:var(--text-primary);background:var(--surface-2-hover, rgba(255,255,255,.06))}@media (max-width: 768px){.chat-icons-wrap-desktop,.chat-attach-wrap-desktop{display:none!important}.chat-mobile-plus{display:inline-flex}.chat-input{flex:1 1 0!important;min-width:0!important;width:100%!important}}.chat-mobile-plus-backdrop{position:fixed;inset:0;background:#0009;z-index:var(--z-tooltip);animation:cmps-fade .14s ease-out}.chat-mobile-plus-sheet{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px;z-index:var(--z-tooltip);box-shadow:var(--shadow-3, 0 -4px 24px rgba(0,0,0,.4));display:flex;flex-direction:column;gap:2px;animation:cmps-slideup .22s cubic-bezier(.2,.8,.2,1);touch-action:none;will-change:transform}@keyframes cmps-fade{0%{opacity:0}to{opacity:1}}@keyframes cmps-slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cmps-grab{width:40px;height:4px;border-radius:2px;background:var(--border);margin:6px auto var(--space-1);flex-shrink:0}.cmps-title{font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);padding:var(--space-1) var(--space-3) 6px}.cmps-row{display:flex;align-items:center;gap:14px;padding:12px 14px;min-height:48px;background:none;border:none;cursor:pointer;font-size:var(--text-15);color:var(--text-primary);text-align:left;border-radius:var(--radius-md);width:100%;transition:background var(--dur-fast) var(--ease-out)}.cmps-row:hover,.cmps-row:active{background:var(--surface-2-hover, rgba(255,255,255,.06))}.cmps-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cmps-row svg{color:var(--text-muted);flex-shrink:0}.role-icon-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:4px}.role-icon-opt{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;padding:0;font-size:var(--text-18);line-height:1;display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;min-height:38px;color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.role-icon-opt:hover{border-color:var(--accent);background:var(--surface-1-hover)}.role-icon-opt:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.role-icon-opt.selected{border-color:var(--accent);background:var(--accent-soft, var(--surface-1-active));transform:scale(1.04)}.color-picker-custom{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.color-picker-custom .form-input{width:120px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.color-picker-custom .form-hint{margin-top:0}.role-card-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:var(--text-14);line-height:1;margin-right:2px;vertical-align:middle}.role-member-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out)}.role-member-row:hover{background:var(--surface-1-hover)}.role-member-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.role-member-name{flex:1;font-size:var(--text-14);font-weight:500}.ab-shell{display:grid;grid-template-columns:200px 1fr;gap:0;flex:1;min-height:0;border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.ab-sidebar{background:var(--surface-1);border-right:1px solid var(--border-subtle);padding:var(--space-3) 0;overflow-y:auto}.ab-content{padding:var(--space-5);overflow-y:auto}@media (max-width: 640px){.ab-shell{grid-template-columns:1fr}.ab-sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);padding:var(--space-2) 0}}.ab-method-desc{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:10px 14px;background:var(--surface-1);border-radius:var(--radius);font-size:var(--text-13)}.ab-pro:before{content:"+  ";color:var(--accent);font-weight:700}.ab-con:before{content:"− ";color:var(--danger);font-weight:700}.ab-pro,.ab-con{color:var(--fg-muted)}.ab-preview{margin-top:8px}.ab-member-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out)}.ab-member-row:hover{background:var(--surface-1-hover)}.ab-role-chips{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}.ab-chip{padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--fg-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.ab-chip:hover{border-color:var(--chip-color, var(--accent));color:var(--chip-color, var(--accent))}.ab-chip-on{background:var(--chip-color, var(--accent));color:#fff;border-color:var(--chip-color, var(--accent))}.ab-role-selector{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.ab-role-tab{padding:6px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--fg-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.ab-role-tab:hover{border-color:var(--chip-color, var(--accent))}.ab-role-tab-on{background:var(--chip-color, var(--accent));color:#fff;border-color:var(--chip-color, var(--accent))}.ab-cb{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.ab-matrix{width:100%;border-collapse:collapse;font-size:var(--text-13)}.ab-matrix th,.ab-matrix td{border:1px solid var(--border-subtle);padding:6px 8px}.ab-matrix thead th{background:var(--surface-1);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted)}.ab-matrix tbody tr:hover{background:var(--surface-1-hover)}.disc-modal{width:min(560px,calc(100vw - 32px));max-height:88dvh}.disc-search-row{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--surface-2);flex-shrink:0}.disc-search-icon{color:var(--text-muted);flex-shrink:0}.disc-search-input{flex:1;min-width:0;background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:7px 10px;font:inherit;font-size:var(--text-14);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.disc-search-input::placeholder{color:var(--text-muted)}.disc-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft, rgba(22,163,74,.25))}.disc-search-input:disabled{opacity:.5;cursor:not-allowed}.disc-body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1 1 auto;min-height:0}.disc-loading,.disc-empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-muted);font-size:var(--text-14)}.disc-loading{display:flex;flex-direction:column;gap:6px;padding:0;text-align:left}.disc-empty code{background:var(--surface-1);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono, monospace);font-size:var(--text-12)}.disc-skel{height:78px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--surface-1) 0%,var(--surface-2-hover, var(--surface-2)) 50%,var(--surface-1) 100%);background-size:200% 100%;animation:disc-skel-shimmer 1.4s linear infinite}@keyframes disc-skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.disc-card{display:grid;grid-template-columns:48px 1fr auto;gap:var(--space-3);align-items:center;padding:12px;border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-subtle);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.disc-card:hover{border-color:var(--accent);background:var(--surface-2)}.disc-card-icon{width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-20);font-weight:700;line-height:1;flex-shrink:0}.disc-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.disc-card-name{font-weight:600;font-size:var(--text-15);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disc-card-desc{font-size:var(--text-13);color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%}.disc-card-meta{display:flex;align-items:center;gap:6px;font-size:var(--text-11);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:4px}.disc-card-meta-dot{width:8px;height:8px;border-radius:50%;background:var(--status-online, var(--accent));flex-shrink:0}.disc-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;min-width:72px;padding:6px 14px;border-radius:var(--radius-sm);font:inherit;font-size:var(--text-13);font-weight:600;cursor:pointer;border:1px solid transparent;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.disc-card-btn-join{background:var(--accent);color:var(--fg-on-accent)}.disc-card-btn-join:hover:not(:disabled){filter:brightness(1.08)}.disc-card-btn-join:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px var(--accent)}.disc-card-btn-joined{background:transparent;color:var(--text-muted);border-color:var(--border-subtle);cursor:default}.disc-card-btn-joined svg{color:var(--status-online, var(--accent));flex-shrink:0}.disc-card-btn:disabled{cursor:default}.disc-card-btn-join:disabled{opacity:.65}@media (max-width: 540px){.disc-search-row,.disc-body{padding:var(--space-2) var(--space-3)}.disc-card{padding:10px;gap:10px;grid-template-columns:44px 1fr auto}.disc-card-icon{width:44px;height:44px;font-size:var(--text-20)}.disc-card-btn{padding:6px 12px;min-width:64px}}.gif-popup{z-index:var(--z-tooltip);width:min(360px,calc(100vw - 16px));max-height:480px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);display:flex;flex-direction:column;overflow:hidden}.gif-popup-header{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-2) 6px;border-bottom:1px solid var(--border-subtle)}.gif-popup-search{flex:1;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:6px 10px;font-size:var(--text-13);outline:none}.gif-popup-search:focus{border-color:var(--accent)}.gif-popup-close{background:none;border:none;color:var(--text-muted);font-size:var(--text-20);cursor:pointer;padding:0 6px;line-height:1}.gif-popup-close:hover{color:var(--text-primary)}.gif-popup-body{padding:8px;overflow-y:auto;max-height:420px}.gif-empty{text-align:center;padding:var(--space-5);color:var(--text-muted);font-size:var(--text-13)}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.gif-cell{background:var(--surface-1);border:none;cursor:pointer;padding:0;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.gif-cell{transition:outline-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);outline:2px solid transparent}.gif-cell:hover{outline-color:var(--accent);transform:scale(1.02)}.gif-cell img{width:100%;height:100%;object-fit:cover}.gif-setup{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.gif-setup-title{font-weight:600;font-size:var(--text-14);color:var(--text-primary)}.gif-setup-hint{font-size:var(--text-12);color:var(--text-muted);line-height:1.4}.gif-setup-hint a{color:var(--accent);text-decoration:underline}.gif-setup-input{width:100%;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--text-12);color:var(--text-primary);font-family:var(--font-mono, monospace);outline:none}.gif-setup-input:focus{border-color:var(--accent)}.gif-setup-save{background:var(--accent);color:var(--fg-on-accent);border:none;border-radius:var(--radius-sm);padding:6px 12px;font-size:var(--text-13);font-weight:600;cursor:pointer}.gif-setup-save:hover{filter:brightness(1.05)}.gif-setup-note{font-size:var(--text-11);color:var(--text-muted)}.stk-popup{z-index:var(--z-tooltip);width:min(360px,calc(100vw - 16px));max-height:480px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);display:flex;flex-direction:column;overflow:hidden}.stk-popup-header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-3);border-bottom:1px solid var(--border-subtle)}.stk-popup-title{font-weight:600;font-size:var(--text-14);color:var(--text-primary)}.stk-popup-close{background:none;border:none;color:var(--text-muted);font-size:var(--text-20);cursor:pointer;padding:0 4px;line-height:1}.stk-popup-close:hover{color:var(--text-primary)}.stk-popup-body{padding:8px 12px 12px;overflow-y:auto;max-height:420px}.stk-section-title{font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin:var(--space-2) 0 6px}.stk-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.stk-cell{background:var(--surface-1);border:1px solid transparent;border-radius:var(--radius-sm);padding:8px;font-size:var(--text-28);line-height:1;cursor:pointer;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--dur-fast) var(--ease-out)}.stk-cell:hover{border-color:var(--accent)}.stk-empty{padding:12px;font-size:var(--text-12);color:var(--text-muted);line-height:1.5;background:var(--surface-1);border-radius:var(--radius-sm)}.cl-status-online{background:var(--status-online)}.cl-status-idle{background:var(--status-idle)}.cl-status-dnd{background:var(--status-dnd)}.cl-status-invisible{background:var(--status-offline)}.cl-user-bar{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-top:auto;background:var(--surface-2);border-top:1px solid var(--border-subtle);min-height:52px;width:100%;box-sizing:border-box;flex-shrink:0}.cl-user-trigger{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;padding:var(--space-1);margin:calc(-1 * var(--space-1));border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.cl-user-trigger:hover{background:var(--surface-2-hover)}.cl-user-avatar-wrap{position:relative;flex-shrink:0}.cl-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-14);font-weight:700}.cl-user-status-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px var(--surface-2)}.cl-user-info{flex:1;min-width:0}.cl-user-name{font-size:var(--text-14);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-user-status-text{font-size:var(--text-12);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-user-controls{display:flex;gap:2px;flex-shrink:0}.cl-ctrl-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cl-ctrl-btn:hover{color:var(--text-primary);background:var(--surface-2-hover)}.cl-ctrl-btn svg{width:16px;height:16px}.cl-ctrl-active{color:var(--danger)!important}.cl-ctrl-active svg{opacity:.6}.cl-voice-live{margin-left:auto;font-size:var(--text-10);color:var(--status-online)}.cl-ctrl-split{display:inline-flex;align-items:stretch;border-radius:var(--radius-sm);overflow:hidden;transition:background var(--dur-fast) var(--ease-out)}.cl-ctrl-split:hover{background:var(--surface-2-hover, rgba(255,255,255,.04))}.cl-ctrl-split .cl-ctrl-btn-main{padding-right:2px;border-top-right-radius:0;border-bottom-right-radius:0}.cl-ctrl-chevron{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1) var(--space-1) var(--space-1) 2px;display:inline-flex;align-items:center;justify-content:center;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out)}.cl-ctrl-chevron:hover{color:var(--text-primary)}.cl-ctrl-chevron svg{width:10px;height:10px}@media (max-width: 768px){.cl-ctrl-btn{padding:var(--space-3);min-width:44px;min-height:44px;justify-content:center}.cl-ctrl-chevron{padding:var(--space-3) 6px;min-width:24px;min-height:44px}}.cl-dev-pop{z-index:var(--z-tooltip);background:var(--bg-floating, var(--surface-2));color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px;min-width:280px;max-width:320px;box-shadow:var(--shadow-3);display:flex;flex-direction:column;gap:2px;animation:cl-dev-pop-in .14s cubic-bezier(.2,.8,.2,1)}@keyframes cl-dev-pop-in{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}.cl-dev-pop-title{font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);padding:6px 10px var(--space-1)}.cl-dev-pop-empty{padding:10px 12px;color:var(--text-muted);font-size:var(--text-12)}.cl-dev-pop-item{background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-13);color:var(--text-primary);text-align:left;width:100%}.cl-dev-pop-item:hover{background:var(--surface-2-hover, rgba(255,255,255,.06))}.cl-dev-pop-item.selected{color:var(--accent)}.cl-dev-pop-check{width:14px;display:inline-flex;justify-content:center}.cl-dev-pop-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-rt-status{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;margin-right:6px;background:var(--surface-2, var(--bg-secondary));border:1px solid var(--border-subtle, var(--border));border-radius:999px;font-size:var(--text-11);font-weight:600;color:var(--text-muted);user-select:none;transition:background var(--dur-fast) var(--ease-out)}.ca-rt-status:hover{background:var(--surface-2-hover, rgba(255,255,255,.04));color:var(--text-primary)}.rt-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.rt-dot-live{background:var(--status-online, #16a34a);box-shadow:0 0 #16a34a99;animation:rt-pulse 1.6s ease-in-out infinite}.rt-dot-poll{background:var(--accent, #16a34a)}.rt-dot-slow{background:var(--warn, #ca8a04)}.rt-dot-reconn{background:var(--warn, #ca8a04);animation:rt-blink 1s linear infinite}.rt-dot-off{background:var(--danger, #dc2626)}@keyframes rt-pulse{0%,to{box-shadow:0 0 #16a34a99}50%{box-shadow:0 0 0 4px #16a34a00}}@keyframes rt-blink{0%,to{opacity:1}50%{opacity:.3}}.rt-mode-pop .rt-mode-desc{font-size:var(--text-11);color:var(--text-muted);font-weight:400;white-space:normal;line-height:1.4}.rt-mode-pop .cl-dev-pop-label{white-space:normal;overflow:visible;text-overflow:clip}.rt-mode-pop .cl-dev-pop-item{align-items:flex-start;padding:8px 12px;min-height:44px}.rt-mode-pop .cl-dev-pop-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (hover: none){.ca-rt-status{padding:7px 10px}}@media (max-width: 540px){.ca-rt-status .rt-label{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-mode-pop{left:8px!important;right:8px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;min-width:0!important}}@media (max-width: 540px){.cl-dev-pop,.gif-popup,.stk-popup,.vc-devices-pop{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;top:auto!important;width:auto!important;max-width:none!important;border-radius:var(--radius-lg);box-shadow:0 -4px 24px #0006;max-height:60vh;animation:bottom-sheet-up .2s cubic-bezier(.2,.8,.2,1)}@keyframes bottom-sheet-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cl-dev-pop-item{min-height:44px;padding:10px 12px;font-size:var(--text-14)}.gif-grid{grid-template-columns:repeat(2,1fr)}.stk-grid{grid-template-columns:repeat(5,1fr)}.stk-cell{font-size:var(--text-24)}.cl-ctrl-chevron{padding:6px 6px 6px 4px;min-width:18px}.cl-ctrl-chevron svg{width:11px;height:11px}}.filter-row{display:flex;gap:var(--space-1);margin-bottom:var(--space-3);flex-wrap:wrap}.ct-list{display:flex;flex-direction:column;gap:var(--space-2)}.ct-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3)}.ct-card:hover{border-color:var(--border-hover)}.ct-card-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ct-card-title{font-weight:600;font-size:var(--text-14);color:var(--fg-bright)}.ct-card-desc{font-size:var(--text-13);color:var(--fg-secondary);margin-top:var(--space-1);line-height:1.4}.ct-card-meta{display:flex;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-12);color:var(--fg-muted)}.ct-card-actions{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.ct-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ct-dot-green{background:var(--ok)}.ct-dot-yellow{background:var(--warn)}.ct-dot-red{background:var(--err)}.ct-dot-grey{background:var(--fg-muted)}.ct-badge{font-size:var(--text-11);padding:1px 8px;border-radius:999px;font-weight:500}.ct-priority{font-size:var(--text-11);padding:1px 6px;border-radius:4px;font-weight:600}.ct-urgent{background:var(--err-dim);color:var(--err)}.ct-high{background:var(--warn-dim);color:var(--warn)}.dm-home{display:flex;flex-direction:column;height:100%;overflow-y:auto}.dm-header{padding:var(--space-4);border-bottom:1px solid var(--border)}.dm-header h2{font-size:var(--text-16);font-weight:700}.dm-friends-header{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-4);min-height:48px}.dm-friends-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-16);font-weight:700;color:var(--text-primary);padding-right:var(--space-4);border-right:1px solid var(--border)}.dm-friends-title svg{color:var(--text-muted)}.dm-friends-subtabs{display:flex;gap:var(--space-1);flex-wrap:wrap}.dm-subtab{background:transparent;border:none;cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-14);font-weight:500;color:var(--text-secondary);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.dm-subtab:hover{background:var(--surface-1-hover);color:var(--text-primary)}.dm-subtab.active{background:var(--surface-1-active);color:var(--text-primary)}.dm-subtab:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dm-subtab-add{background:var(--accent);color:var(--fg-on-accent)}.dm-subtab-add:hover{background:var(--accent-hover);color:var(--fg-on-accent)}.dm-subtab-add.active{background:var(--accent-press);color:var(--fg-on-accent)}.dm-friends-panel{padding:0 var(--space-4) var(--space-3)}.dm-friends-count{font-size:var(--text-12);font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;padding:var(--space-4) var(--space-2) var(--space-2);border-bottom:1px solid var(--border-subtle);margin-bottom:0}.dm-friends-empty-zen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-7) var(--space-4);text-align:center}.dm-friends-empty-zen-title{font-size:var(--text-14);color:var(--text-muted);max-width:320px;line-height:1.4}.dm-friend-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.dm-friends-count+.dm-friend-row{border-top-color:transparent}.dm-friend-row:hover{background:var(--surface-1-hover);border-top-color:transparent}.dm-friend-row:hover+.dm-friend-row{border-top-color:transparent}.dm-friend-row:focus-visible{outline:none;background:var(--surface-1-hover);box-shadow:inset 0 0 0 2px var(--accent);border-top-color:transparent}.dm-friend-avatar-wrap{position:relative;flex-shrink:0}.dm-friend-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-14);font-weight:600}.dm-friend-status-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px var(--surface-1)}.dm-friend-dot-online{background:var(--status-online)}.dm-friend-dot-offline{background:var(--status-offline)}.dm-friend-info{flex:1;min-width:0}.dm-friend-name{font-size:var(--text-16);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-friend-status{font-size:var(--text-12);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-friend-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.dm-friend-row:hover .dm-friend-actions,.dm-friend-row:focus-visible .dm-friend-actions,.dm-friend-actions:focus-within,.dm-friend-actions-pinned{opacity:1}.dm-friend-act-btn{width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.dm-friend-act-btn:hover{background:var(--surface-2-hover);color:var(--text-primary)}.dm-friend-act-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus);color:var(--text-primary)}.dm-friend-blocked .dm-friend-name,.dm-friend-blocked .dm-friend-status{opacity:.7}.dm-friend-avatar-blocked{background:var(--surface-2)!important;color:var(--text-muted)!important;filter:grayscale(1)}.dm-add-friend{padding:var(--space-4) 0}.dm-add-title{font-size:var(--text-16);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-2)}.dm-add-hint{font-size:var(--text-14);color:var(--text-muted);margin-bottom:var(--space-4);line-height:1.4}.dm-add-form{display:block}.dm-add-input-wrap{position:relative;display:flex;align-items:center;background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.dm-add-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft, rgba(22,163,74,.25))}.dm-add-input{flex:1;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-primary);font:inherit;font-size:var(--text-14);min-width:0}.dm-add-input:focus{outline:none}.dm-add-input::placeholder{color:var(--text-muted)}.dm-add-submit{padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--fg-on-accent);border:none;border-radius:var(--radius-sm);font:inherit;font-size:var(--text-14);font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.dm-add-submit:hover:not(:disabled){background:var(--accent-hover)}.dm-add-submit:disabled{opacity:.5;cursor:not-allowed}.dm-add-submit:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dm-add-result{margin-top:var(--space-3);font-size:var(--text-14);color:var(--text-muted)}.dm-add-result-err{color:var(--danger)}@media (max-width: 540px){.dm-friends-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.dm-friends-title{border-right:none;padding-right:0}.dm-subtab{padding:var(--space-2) var(--space-3);min-height:44px}.dm-friend-actions{opacity:1}.dm-add-input-wrap{flex-wrap:wrap}.dm-add-submit{width:100%;margin-top:var(--space-2)}}.dm-search{padding:var(--space-2) var(--space-4)}.dm-search-input{width:100%;padding:8px 12px;border:none;border-radius:4px;background:var(--surface-2);color:var(--fg);font-size:var(--text-14)}.dm-search-input::placeholder{color:var(--fg-muted)}.dm-list{flex:1;overflow-y:auto;padding:var(--space-2)}.dm-section-label{font-size:var(--text-11);font-weight:600;text-transform:uppercase;color:var(--fg-muted);padding:12px 8px 4px}.dm-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;cursor:pointer}.dm-item:hover{background:var(--bg-hover)}.dm-unread{font-weight:600}.dm-item-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-15);font-weight:600;flex-shrink:0}.dm-item-info{flex:1;min-width:0}.dm-item-name{font-size:var(--text-14);font-weight:500;display:flex;align-items:center;gap:6px}.dm-item-preview{font-size:var(--text-12);color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-item-time{font-size:var(--text-11);color:var(--fg-muted);flex-shrink:0}.dm-badge{font-size:var(--text-10);padding:1px 6px;border-radius:999px;background:var(--danger);color:var(--fg-on-accent);font-weight:700}.dm-empty{text-align:center;padding:var(--space-10) var(--space-5);color:var(--fg-muted)}.dm-empty-illus{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:60px var(--space-5)}.dm-empty-svg{color:var(--fg-muted);opacity:.6}.dm-empty-title{font-size:var(--text-16);font-weight:600;color:var(--fg);margin:8px 0 0}.dm-empty-hint{font-size:var(--text-13);color:var(--fg-muted);margin:0}.dm-add-result-ok{color:var(--status-online)}.dm-friend-act-accept:hover{background:var(--status-online);color:#fff}.dm-friend-act-decline:hover{background:var(--danger);color:#fff}.dm-conv-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-13);font-weight:600}.chat-container{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;position:relative}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4) 0;display:flex;flex-direction:column;gap:0;scroll-behavior:smooth;min-width:0;min-height:0}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--surface-0);border-radius:4px;border:2px solid transparent;background-clip:padding-box}.chat-loading{color:var(--fg-muted);text-align:center;padding:var(--space-10)}.chat-empty{text-align:center;padding:40px 20px;margin-top:auto}.chat-empty-icon{color:var(--fg-bright);margin:0 auto var(--space-4);width:80px;height:80px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}.chat-empty-icon svg{color:var(--fg-on-accent)}.chat-empty-title{font-size:var(--text-20);font-weight:700;color:var(--text-primary);margin-bottom:8px}.chat-empty-sub{font-size:var(--text-14);color:var(--fg-muted);max-width:400px;margin:0 auto;line-height:1.5}.msg{display:flex;gap:var(--space-3);padding:2px var(--space-4) 2px var(--space-4);margin-top:17px;position:relative;width:100%;min-width:0;box-sizing:border-box}.msg+.msg-compact,.msg-compact+.msg-compact{margin-top:0}.chat-messages>.msg:first-child,.chat-messages>.msg-compact:first-child{margin-top:8px}.msg:hover{background:var(--surface-1-hover)}.msg-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-16);font-weight:700;cursor:pointer}.msg-body{flex:1 1 0;min-width:0!important;width:0!important;max-width:100%!important;overflow:hidden;box-sizing:border-box}.msg-header{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:nowrap;min-width:0}.msg-author{font-size:var(--text-16);font-weight:500;color:var(--text-primary);line-height:1.375;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60ch;cursor:pointer}.msg-author:hover{text-decoration:underline}.msg-time{font-size:var(--text-12);color:var(--fg-muted);line-height:1.375;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.msg-content{font-size:var(--text-16);color:var(--text-primary);line-height:1.375;overflow-wrap:anywhere;word-break:normal;min-width:0!important;width:100%!important;display:block;box-sizing:border-box}.msg-content code{background:var(--bg-secondary);padding:1px 4px;border-radius:3px;font-size:var(--text-13)}.msg-content a{color:var(--accent)}.msg-edited{font-size:var(--text-11);color:var(--fg-muted)}.msg-quick-bar{position:absolute;top:-16px;right:16px;display:flex;gap:2px;padding:2px;background:var(--bg-floating, var(--surface-1));border:1px solid var(--border-strong, var(--border));border-radius:4px;box-shadow:var(--shadow-1);opacity:0;pointer-events:none;transform:translateY(-1px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);z-index:var(--z-base)}.msg:hover .msg-quick-bar,.msg:focus-within .msg-quick-bar{opacity:1;pointer-events:auto;transform:translateY(0)}.msg-quick-btn{background:none;border:none;color:var(--fg-muted, var(--text-secondary));cursor:pointer;padding:5px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.msg-quick-btn:hover{background:var(--bg-hover, var(--surface-2-hover));color:var(--fg-bright, var(--text-primary))}.msg-quick-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.msg-quick-btn svg{display:block}.msg-quick-btn.msg-quick-active{color:var(--accent)}.msg-quick-btn.msg-quick-active:hover{background:var(--accent-soft);color:var(--accent)}.msg-compact{padding:2px var(--space-4) 2px 68px;margin-top:0}.msg-compact .msg-compact-time{position:absolute;left:8px;top:4px;font-size:var(--text-10);color:transparent;width:40px;text-align:right}.msg-compact:hover .msg-compact-time{color:var(--fg-muted)}.msg-system{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4) var(--space-1) 68px;font-size:var(--text-13);color:var(--fg-muted)}.msg-system-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;color:var(--fg-muted);opacity:.7}.msg-system-body{flex:1;min-width:0}.msg-system-time{font-size:var(--text-11);color:var(--fg-muted);opacity:.7}.chat-scroll-bottom{position:sticky;bottom:0;align-self:center;background:var(--accent);color:var(--fg-on-accent);border:none;border-radius:20px;padding:6px 16px;font-size:var(--text-13);font-weight:600;cursor:pointer;display:none;z-index:var(--z-base);box-shadow:var(--shadow-1);margin-bottom:8px}.chat-scroll-bottom.visible{display:block}.msg-new-divider{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--danger);font-size:var(--text-11);font-weight:700}.msg-new-divider:before,.msg-new-divider:after{content:"";flex:1;height:1px;background:var(--danger)}.chat-readonly-bar{margin:0 var(--space-4) 22px;padding:12px var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:12px;color:var(--fg-muted);font-size:var(--text-13);text-align:center}.chat-readonly-bar strong{color:var(--fg)}.chat-compose{display:flex;align-items:flex-end;gap:10px;margin:0 var(--space-4) 22px;padding:var(--space-1) var(--space-4);padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));border:1px solid var(--border);background:var(--bg-input);border-radius:12px;box-shadow:0 2px 6px var(--overlay-scrim);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.chat-compose:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent),0 2px 6px var(--overlay-scrim)}.chat-input{flex:1;padding:12px 6px;border:none;border-radius:0;background:transparent;color:var(--fg);font-size:var(--text-16);font-family:inherit;outline:none;resize:none;max-height:200px;min-height:44px;line-height:1.4;overflow-y:auto}.chat-input::placeholder{color:var(--fg-muted);opacity:.85}.chat-input:focus{box-shadow:none}.chat-send-btn{background:transparent;color:var(--fg-muted);border:none;border-radius:6px;width:44px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.chat-send-btn:hover{background:var(--surface-2-hover);color:var(--fg-bright, var(--text-primary))}.chat-send-btn[data-filled="0"]{color:var(--fg-muted)}.chat-send-btn[data-filled="1"]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.chat-send-btn[data-filled="1"]:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.chat-send-btn.is-hidden{display:none}.chat-char-count{font-size:var(--text-11);color:var(--fg-muted);align-self:center;font-variant-numeric:tabular-nums;display:none;flex-shrink:0}.chat-attach-btn{background:none;border:none;cursor:pointer;padding:0;width:40px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);flex-shrink:0;border-radius:4px;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.chat-attach-btn:hover{background:var(--surface-2-hover);color:var(--fg-bright, var(--text-primary))}.chat-attachments-preview{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);overflow-x:auto;border-top:1px solid var(--border);background:var(--surface-1)}.attach-preview-item{position:relative;min-width:120px;max-width:180px;background:var(--surface-2);border-radius:8px;padding:8px;text-align:center;flex-shrink:0}.attach-thumb{width:100%;height:80px;object-fit:cover;border-radius:4px}.attach-file-icon{padding:var(--space-4) 0}.attach-preview-name{font-size:var(--text-12);color:var(--fg);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-preview-size{font-size:var(--text-11);color:var(--fg-muted)}.attach-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;background:var(--danger);color:var(--fg-on-accent);border:none;border-radius:50%;font-size:var(--text-14);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.ca-body-chat{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:0;min-width:0;width:100%}.chat-messages{overscroll-behavior:contain;touch-action:pan-y}@media (max-width: 768px){.chat-compose{padding:var(--space-2) var(--space-3);padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));margin:0 var(--space-2) 0;min-height:52px;border:1px solid var(--border);box-shadow:0 2px 6px var(--overlay-scrim)}.chat-compose:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent),0 2px 6px var(--overlay-scrim)}.chat-input{min-height:44px;line-height:1.4;font-size:var(--text-16);padding:10px 14px}.chat-attach-btn{min-width:44px;min-height:44px}.chat-send-btn,.chat-send-btn.is-hidden{display:flex;width:44px;height:44px;background:var(--accent);color:var(--fg-on-accent);border-radius:50%;opacity:1;flex-shrink:0;transition:opacity var(--dur-fast) var(--ease-out)}.chat-send-btn[data-filled="0"]{opacity:.45}.chat-send-btn[data-filled="1"]{opacity:1;color:var(--fg-on-accent)}.chat-send-btn:hover{background:var(--accent);color:var(--fg-on-accent)}.chat-scroll-btn{bottom:80px;right:12px;width:44px;height:44px}.thread-send-btn,.thread-send-btn.is-hidden{display:flex;width:44px;height:44px;border-radius:50%}.thread-send-btn[data-filled="0"]{opacity:.45}.thread-send-btn[data-filled="1"]{opacity:1}}@supports (bottom: env(keyboard-inset-height)){@media (max-width: 768px){.chat-compose{margin-bottom:env(keyboard-inset-height,0);transition:margin-bottom .1s ease-out}}}.msg-attachment{margin-top:4px}.msg-attachment img{display:block}.msg-attachment-file{margin-top:4px}.msg-file-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:8px;text-decoration:none;color:var(--accent);font-size:var(--text-14);border:1px solid var(--border)}.msg-file-link:hover{background:var(--surface-2)}.msg-attachment{position:relative}.msg-dl-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;color:var(--fg-muted);cursor:pointer;opacity:0;transition:opacity .15s;padding:0}.msg-attachment:hover .msg-dl-btn{opacity:1}.msg-dl-btn:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.msg-attachment-file{display:flex;align-items:center;gap:6px}.msg-attachment-file .msg-dl-btn{position:static;opacity:1;flex-shrink:0}.msg-file-name{font-weight:500}.msg-file-size{font-size:var(--text-12);color:var(--fg-muted)}.chat-drag-overlay{position:absolute;inset:0;background:var(--accent-soft);border:3px dashed var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay)}.chat-drag-text{font-size:var(--text-18);font-weight:600;color:var(--accent);background:var(--bg);padding:12px 24px;border-radius:8px}.msg-reply-ref{display:flex;align-items:center;gap:6px;padding:2px 0 var(--space-1) 72px;font-size:var(--text-14);color:var(--fg-muted, var(--text-secondary));cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);position:relative}.msg-compact .msg-reply-ref{padding-left:72px}.msg-reply-ref:hover{color:var(--fg-bright, var(--text-primary))}.msg-reply-ref:hover .msg-reply-text,.msg-reply-ref:hover .msg-reply-author{color:var(--fg)}.msg-reply-ref:hover .msg-reply-arrow{color:var(--accent)}.msg-reply-arrow{width:18px;height:10px;flex-shrink:0;color:var(--fg-dim, var(--fg-muted));display:inline-flex;align-items:center;position:relative;top:4px;transition:color var(--dur-fast) var(--ease-out)}.msg-reply-arrow svg{width:100%;height:100%}.msg-reply-avatar{width:18px;height:18px;border-radius:50%;color:var(--fg-on-accent);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-10);font-weight:700;text-transform:uppercase;box-shadow:0 0 0 1px var(--bg, var(--bg-primary))}.msg-reply-author{font-size:var(--text-14);font-weight:500;flex-shrink:0;transition:color var(--dur-fast) var(--ease-out)}.msg-reply-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-14);color:var(--fg-muted);max-width:60ch;transition:color var(--dur-fast) var(--ease-out)}.msg-reply-empty{font-style:italic;opacity:.7}@media (max-width: 768px){.msg-reply-ref{padding-left:60px;gap:4px;font-size:var(--text-13)}.msg-compact .msg-reply-ref{padding-left:60px}.msg-reply-author,.msg-reply-text{font-size:var(--text-13)}.msg-reply-avatar{width:16px;height:16px;font-size:var(--text-10)}.msg-reply-arrow{width:14px;height:8px}}.msg-highlight{animation:msg-flash 1.8s ease}@keyframes msg-flash{0%,to{background:transparent}20%{background:var(--accent-soft, rgba(88,101,242,.15))}}.chat-reply-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:6px var(--space-3) 10px;margin:0 var(--space-3) -var(--space-1);background:var(--surface-2, var(--bg-secondary));border-radius:8px 8px 0 0;font-size:var(--text-13);color:var(--fg-muted, var(--text-secondary));z-index:var(--z-base);box-shadow:0 -1px 0 var(--border-subtle, var(--border)) inset}.reply-bar-content{display:flex;align-items:center;gap:6px;overflow:hidden;min-width:0;flex:1}.reply-bar-label{flex-shrink:0}.reply-bar-label strong{color:var(--accent);font-weight:600}.reply-bar-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-dim, var(--text-muted));min-width:0}.reply-bar-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.reply-bar-mention{background:transparent;color:var(--fg-muted, var(--text-muted));border:1px solid var(--border-subtle, var(--border));border-radius:999px;padding:2px var(--space-2);font-size:var(--text-11);font-weight:700;letter-spacing:.03em;cursor:pointer;font-family:inherit;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.reply-bar-mention:hover{color:var(--fg-bright, var(--text-primary));border-color:var(--border, var(--fg-muted))}.reply-bar-mention-on,.reply-bar-mention[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border-color:var(--accent)}.reply-bar-close{background:none;border:none;color:var(--fg-muted, var(--text-muted));font-size:var(--text-18);cursor:pointer;padding:2px 8px;border-radius:4px;line-height:1;min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}.reply-bar-close:hover{color:var(--fg-bright, var(--text-primary));background:var(--bg-hover, var(--surface-2-hover))}@media (max-width: 768px){.chat-reply-bar{padding:8px 12px 12px;margin:0 8px -6px;font-size:var(--text-13)}.reply-bar-mention{padding:4px 10px;font-size:var(--text-12);min-height:28px}.reply-bar-close{font-size:var(--text-20);min-width:44px;min-height:44px}}.chat-connection-bar{background:var(--warning);color:var(--text-inverse);text-align:center;padding:var(--space-1) var(--space-3);font-size:var(--text-12);font-weight:600;position:sticky;top:0;z-index:var(--z-base)}.chat-new-msgs-bar{position:sticky;top:0;z-index:var(--z-base);background:var(--accent);color:var(--fg-on-accent);text-align:center;padding:6px 16px;font-size:var(--text-13);font-weight:600;cursor:pointer;border-radius:0 0 8px 8px;box-shadow:var(--shadow-1)}.chat-new-msgs-bar:hover{background:var(--accent-hover)}body.compact-mode .msg{padding:2px 16px;min-height:auto}body.compact-mode .msg-avatar{width:24px;height:24px;font-size:var(--text-11);margin-top:2px}body.compact-mode .msg-header{gap:var(--space-1)}body.compact-mode .msg-author,body.compact-mode .msg-content{font-size:var(--text-13)}body.compact-mode .msg-compact{padding:1px var(--space-4)}body.compact-mode .msg-date-divider{margin:var(--space-2) var(--space-4) var(--space-1)}body.compact-mode .msg-attachment img{max-height:200px}.msg-bullet{display:block;padding-left:24px;position:relative;min-width:0}.msg-bullet:before{content:"•";position:absolute;left:8px;top:0;color:var(--fg-muted);font-weight:700}.msg-bullet-ordered:before{content:""}.msg-list-item{display:block!important;padding-left:24px;position:relative;min-width:0;list-style:none;margin-left:0}.msg-list-item:before{content:"•";position:absolute;left:8px;color:var(--fg-muted);font-weight:700}.msg-list-item.msg-list-ordered:before{content:""}.msg-badge{display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle}.msg-badge-owner{color:var(--warning)}.msg-badge-admin{color:var(--accent)}.msg-spoiler{background:var(--fg-muted);color:transparent;border-radius:3px;padding:0 2px;cursor:pointer;transition:all var(--dur-med)}.msg-spoiler.revealed{background:var(--surface-2);color:var(--fg)}.msg-blockquote{border-left:3px solid var(--fg-muted);padding-left:12px;margin:4px 0;color:var(--fg-muted)}del{text-decoration:line-through;opacity:.6}.msg-date-divider{display:flex;align-items:center;margin:var(--space-4) var(--space-4) var(--space-2);gap:var(--space-2);min-width:0}.msg-date-divider:before,.msg-date-divider:after{content:"";flex:1 1 0;height:1px;background:var(--border);min-width:8px}.msg-date-divider span{font-size:var(--text-11);font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:100%}.unread-divider{display:flex;align-items:center;margin:var(--space-3) var(--space-4) 6px;gap:var(--space-2)}.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1px;background:var(--err)}.unread-divider span{font-size:var(--text-11);font-weight:700;color:var(--err);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.msg-codeblock-wrap{margin:var(--space-1) 0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.msg-codeblock-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-3);background:var(--surface-0);border-bottom:1px solid var(--border);font-size:var(--text-12);color:var(--text-muted)}.msg-codeblock-lang{font-family:var(--font-mono);text-transform:lowercase;letter-spacing:.02em}.msg-codeblock-copy{display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:none;color:var(--text-muted);font:inherit;font-size:var(--text-12);cursor:pointer;padding:2px var(--space-2);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.msg-codeblock-copy:hover{background:var(--surface-2-hover);color:var(--text-primary)}.msg-codeblock-copy:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.msg-codeblock-copy.msg-codeblock-copied{color:var(--accent)}.msg-codeblock-copy svg{opacity:.85}.msg-read-receipt{display:inline-flex;align-items:center;margin-left:6px;color:var(--accent);vertical-align:middle}.msg-read-receipt svg{flex:0 0 auto}.msg-codeblock{background:var(--surface-2);border:0;border-radius:0;padding:var(--space-3);margin:0;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-13);line-height:var(--leading-body);white-space:pre;color:var(--fg)}.msg-codeblock-wrap .msg-codeblock{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.msg-inline-code{background:var(--surface-2);padding:1px 6px;border-radius:3px;font-family:var(--font-mono);font-size:.9em}.syn-keyword{color:#c678dd}.syn-string{color:#98c379}.syn-comment{color:#5c6370;font-style:italic}.syn-tag{color:#e06c75}.syn-attr,.syn-number{color:#d19a66}.syn-type{color:#56b6c2}.msg-h1{font-size:var(--text-20);font-weight:700;color:var(--fg-bright);margin:8px 0 4px}.msg-h2{font-size:var(--text-18);font-weight:700;color:var(--fg-bright);margin:6px 0 4px}.msg-h3{font-size:var(--text-16);font-weight:600;color:var(--fg-bright);margin:4px 0 2px}.msg-hr{border:none;border-top:1px solid var(--border-subtle);margin:8px 0}.chat-compose-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.chat-compose-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;border-radius:4px;padding:0;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.chat-compose-btn:hover{color:var(--fg-bright, var(--text-primary));background:var(--surface-2-hover, rgba(255,255,255,.04))}.chat-compose-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus, 0 0 0 2px var(--brand))}@media (max-width: 540px){.chat-compose-btn{min-width:44px;min-height:44px}}.emoji-picker{position:fixed;width:340px;max-width:calc(100vw - 16px);max-height:min(420px,70dvh);display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-lg, 12px);padding:0;z-index:var(--z-toast);box-shadow:var(--shadow-3);overflow:hidden;animation:ep-pop-in .14s var(--ease-out, cubic-bezier(.2,.8,.2,1))}@keyframes ep-pop-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 540px){.emoji-picker{left:8px!important;right:8px!important;width:auto;max-width:none;max-height:55dvh}}.ep-title{font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, var(--fg-muted));padding:10px var(--space-3) var(--space-1)}.ep-search-row{padding:var(--space-1) var(--space-3) var(--space-2);border-bottom:1px solid var(--border-subtle, var(--border));flex-shrink:0}.ep-search-input{width:100%;height:32px;padding:0 10px;background:var(--surface-0, var(--bg-input));border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-md, 6px);color:var(--text-primary, var(--fg-bright));font-size:var(--text-13);outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.ep-search-input::placeholder{color:var(--text-muted, var(--fg-muted))}.ep-search-input:focus{border-color:var(--accent)}.ep-nav{display:flex;gap:2px;padding:6px var(--space-2);border-bottom:1px solid var(--border-subtle, var(--border));overflow-x:auto;scrollbar-width:none;flex-shrink:0}.ep-nav::-webkit-scrollbar{display:none}.ep-nav-btn{background:none;border:none;cursor:pointer;width:32px;height:32px;border-radius:var(--radius-sm, 4px);font-size:var(--text-18);line-height:1;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary, var(--fg-muted));transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);flex-shrink:0}.ep-nav-btn:hover{background:var(--surface-2-hover, var(--surface-2));color:var(--text-primary, var(--fg-bright))}.ep-nav-btn-active{background:var(--surface-1, var(--surface-2));color:var(--text-primary, var(--fg-bright));box-shadow:inset 0 -2px 0 var(--accent)}.ep-nav-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ep-body{flex:1;overflow-y:auto;padding:var(--space-1) var(--space-2) var(--space-2);scroll-behavior:smooth}.ep-section{scroll-margin-top:4px}.ep-quick{display:flex;flex-wrap:wrap;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle, var(--border));margin-bottom:8px}.ep-emoji{font-size:var(--text-20);cursor:pointer;padding:0;border:none;background:none;border-radius:var(--radius-sm, 4px);line-height:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:inherit;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.ep-emoji:hover{background:var(--surface-2-hover, var(--surface-2));transform:scale(1.08)}.ep-emoji:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.ep-emoji-cursor{background:var(--accent-soft);outline:1px solid var(--accent)}@media (max-width: 540px){.ep-emoji{width:44px;height:44px;font-size:var(--text-24)}.ep-nav-btn{width:40px;height:40px;font-size:var(--text-20)}}.ep-cat-label{font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, var(--fg-muted));padding:10px var(--space-1) var(--space-1);position:sticky;top:0;background:var(--surface-2);z-index:var(--z-base)}.ep-grid{display:flex;flex-wrap:wrap;gap:2px}.ep-shell{display:flex;flex:1;min-height:0;overflow:hidden}.ep-shell .ep-body{flex:1;min-height:0}.ep-cat-rail{display:flex;flex-direction:column;gap:2px;padding:6px var(--space-1);background:var(--surface-1, var(--surface-2));border-right:1px solid var(--border-subtle, var(--border));flex-shrink:0}.ep-cat-rail-btn{width:32px;height:32px;border:none;background:none;border-radius:4px;font-size:var(--text-18);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);transition:background var(--dur-fast) var(--ease-out)}.ep-cat-rail-btn:hover{background:var(--surface-2-hover, var(--surface-2))}.ep-cat-rail-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (max-width: 540px){.ep-cat-rail-btn{width:40px;height:40px;font-size:var(--text-20)}}.msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;align-items:center}.msg-reaction-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px 7px;min-height:22px;border-radius:999px;font-size:var(--text-14);background:var(--surface-1, var(--surface-2));border:1px solid var(--border-subtle, var(--border));color:var(--text-primary, inherit);cursor:pointer;user-select:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.msg-reaction-chip:hover{background:var(--surface-2-hover, var(--surface-2));border-color:var(--border-strong, var(--border))}.msg-reaction-chip:active{transform:scale(.95)}.msg-reaction-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.msg-reaction-chip-mine{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.msg-reaction-chip-mine:hover{background:var(--accent-soft);border-color:var(--accent-hover, var(--accent))}.msg-reaction-emoji{line-height:1;font-size:var(--text-15)}.msg-reaction-count{font-size:var(--text-12);font-weight:600;color:var(--text-secondary, var(--fg-muted));font-variant-numeric:tabular-nums;transition:color var(--dur-fast) var(--ease-out)}.msg-reaction-chip-mine .msg-reaction-count{color:var(--accent)}.msg-reaction-count-bump{animation:msg-reaction-bump .24s var(--ease-out, cubic-bezier(.2,.8,.2,1))}@keyframes msg-reaction-bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.msg-reaction-add{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;padding:0;border-radius:999px;background:var(--surface-1, var(--surface-2));border:1px solid var(--border-subtle, var(--border));color:var(--text-secondary, var(--fg-muted));cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.msg:hover .msg-reaction-add,.msg:focus-within .msg-reaction-add{opacity:1}.msg-reaction-add:hover{background:var(--surface-2-hover, var(--surface-2));color:var(--text-primary, var(--fg-bright));border-color:var(--border-strong, var(--border))}.msg-reaction-add:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:1px}@media (hover: none){.msg-reaction-add{opacity:1}}.chat-skeleton{padding:var(--space-4)}.skel-msg{display:flex;gap:12px;margin-bottom:24px}.skel-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:var(--surface-2);animation:skel-pulse 1.5s ease-in-out infinite}.skel-body{flex:1}.skel-line{height:12px;border-radius:6px;margin-bottom:8px;background:var(--surface-2);animation:skel-pulse 1.5s ease-in-out infinite}.skel-name{width:120px;height:14px}.skel-text{width:80%}.skel-text-short{width:45%}@keyframes skel-pulse{0%,to{opacity:.4}50%{opacity:.8}}.msg-link{color:var(--accent);text-decoration:none;font-weight:500}.msg-link:hover{text-decoration:underline}.msg-link-path{opacity:.6;font-weight:400}.msg-embed{display:flex;gap:0;margin-top:8px;max-width:420px;background:var(--surface-1);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.embed-bar{width:4px;background:var(--accent);flex-shrink:0}.embed-body{padding:8px 12px;flex:1;min-width:0}.embed-site{font-size:var(--text-11);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;display:inline-flex;align-items:center;gap:6px}.embed-favicon{width:14px;height:14px;border-radius:2px;object-fit:contain}.embed-title{font-size:var(--text-14);font-weight:600;color:var(--accent);text-decoration:none;display:block;margin-bottom:4px}.embed-title:hover{text-decoration:underline}.embed-desc{font-size:var(--text-13);color:var(--fg-muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.embed-thumb{width:80px;height:80px;object-fit:cover;flex-shrink:0}.pins-panel{position:absolute;top:48px;right:12px;width:360px;max-height:70vh;display:flex;flex-direction:column;background:var(--bg-floating, var(--surface-1));border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-2, var(--shadow-1));z-index:var(--z-base);overflow:hidden}.pins-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-weight:600;color:var(--fg-bright)}.pins-close{background:none;border:none;color:var(--fg-muted);cursor:pointer;font-size:var(--text-18);line-height:1;padding:2px 6px}.pins-close:hover{color:var(--fg-bright)}.pins-body{overflow-y:auto;padding:6px 0}.pins-loading{padding:var(--space-4);text-align:center;color:var(--fg-muted)}.pins-empty{padding:24px 16px;text-align:center;color:var(--fg-muted);font-size:var(--text-13)}.pin-item{padding:10px 12px;border-bottom:1px solid var(--border)}.pin-item:last-child{border-bottom:none}.pin-row-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.pin-author{font-weight:600;color:var(--fg-bright);font-size:var(--text-13)}.pin-time{font-size:var(--text-11);color:var(--fg-muted)}.pin-content{font-size:var(--text-13);color:var(--fg);line-height:1.45;word-break:break-word}.pin-empty{color:var(--fg-muted)}.pin-actions{display:flex;gap:6px;margin-top:6px}.pin-actions button{background:var(--surface-2);border:1px solid var(--border);color:var(--fg);padding:3px 10px;border-radius:4px;font-size:var(--text-12);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.pin-actions button:hover{background:var(--surface-2-hover, var(--surface-2))}.pin-actions button:disabled{opacity:.5;cursor:default}.pin-actions .pin-jump{color:var(--accent)}.msg-jump-flash{animation:msgJumpFlash 1.5s ease-out}@keyframes msgJumpFlash{0%{background:var(--accent-soft, rgba(88, 101, 242, .18))}to{background:transparent}}.chat-scroll-btn{position:absolute;bottom:100px;right:20px;width:40px;height:40px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;z-index:var(--z-base);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-1);transition:background .15s,color var(--dur-med)}.chat-scroll-btn:hover{background:var(--accent);color:var(--fg-on-accent);border-color:var(--accent)}.inline-edit-input{width:100%;padding:8px 10px;background:var(--surface-2);border:1px solid var(--accent);border-radius:4px;color:var(--fg);font-size:var(--text-14);font-family:inherit;resize:none;min-height:40px;outline:none;line-height:1.4}.inline-edit-hint{font-size:var(--text-11);color:var(--fg-muted);margin-top:4px}.inline-edit-hint a{color:var(--accent);cursor:pointer;text-decoration:none}.inline-edit-hint a:hover{text-decoration:underline}.mention{background:var(--accent-soft);color:var(--accent);padding:0 2px;border-radius:3px;font-weight:500;cursor:pointer}.mention:hover{background:var(--accent-soft);text-decoration:underline}.mention-everyone{background:var(--warning-soft);color:var(--warning)}.mention-popup{position:absolute;bottom:100%;left:0;width:240px;max-width:calc(100% - 16px);margin-bottom:6px;background:var(--bg-floating, var(--surface-2));border:1px solid var(--border);border-radius:8px;padding:4px;max-height:300px;overflow-y:auto;box-shadow:var(--shadow-2);z-index:var(--z-base)}.mention-item{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:4px;cursor:pointer;font-size:var(--text-14)}.mention-item:hover,.mention-item.active{background:var(--accent);color:var(--fg-on-accent)}.mention-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-13);font-weight:700;color:var(--fg-on-accent);flex-shrink:0}.mention-name{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-role{font-size:var(--text-11);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;margin-left:auto;flex-shrink:0}.mention-item:hover .mention-role,.mention-item.active .mention-role{color:var(--fg-on-accent);opacity:.85}@media (max-width: 768px){.mention-item{padding:8px;min-height:44px}}.msg-highlight{background:var(--accent-soft);transition:background var(--dur-slow)}.lightbox-overlay{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:var(--z-tooltip);cursor:zoom-out;overscroll-behavior:none;touch-action:none;animation:lb-fade-in .16s cubic-bezier(.2,.8,.2,1)}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lb-fade-out{0%{opacity:1}to{opacity:0}}.lightbox-overlay.lightbox-closing{animation:lb-fade-out .18s cubic-bezier(.2,.8,.2,1) forwards}.lightbox-content{position:relative;max-width:96vw;max-height:96dvh;display:flex;align-items:center;justify-content:center}.lightbox-img{max-width:96vw;max-height:90dvh;object-fit:contain;border-radius:var(--radius-sm, 4px);cursor:zoom-in;touch-action:none;user-select:none;-webkit-user-drag:none;will-change:transform;transform-origin:center center}.lightbox-chrome{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 16px);display:flex;gap:var(--space-2);z-index:var(--z-base)}.lightbox-btn{width:44px;height:44px;border-radius:50%;background:#0000008c;border:none;color:var(--fg-bright, #fff);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.lightbox-btn:hover{background:#000000d9;transform:scale(1.05)}.lightbox-btn:focus-visible{background:#000000d9;outline:none;box-shadow:0 0 0 2px var(--accent)}.msg{position:relative}.msg.msg-swiping{background:transparent!important}.msg.msg-swiping:before{content:"";position:absolute;left:0;top:0;bottom:0;width:56px;background:linear-gradient(90deg,var(--accent-soft, rgba(88,101,242,.18)) 0%,transparent 100%);pointer-events:none}.msg.msg-swiping:after{content:"";position:absolute;left:16px;top:50%;width:22px;height:22px;margin-top:-11px;background:var(--accent);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 17 4 12 9 7'/><path d='M20 18v-2a4 4 0 0 0-4-4H4'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 17 4 12 9 7'/><path d='M20 18v-2a4 4 0 0 0-4-4H4'/></svg>") center / contain no-repeat;opacity:.55;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);transform:scale(.85);pointer-events:none}.msg.msg-swipe-armed:after{opacity:1;transform:scale(1.1)}.chat-older-pill{align-self:center;margin:6px auto 0;padding:var(--space-1) var(--space-3);font-size:var(--text-12);color:var(--fg-muted);background:var(--surface-2);border-radius:999px;box-shadow:var(--shadow-1, 0 1px 2px rgba(0,0,0,.08));position:sticky;top:8px;z-index:var(--z-base)}.chat-newmsg-pill{position:absolute;left:50%;bottom:84px;transform:translate(-50%);background:var(--accent);color:var(--fg-on-accent);border:none;border-radius:999px;padding:8px 16px;font-size:var(--text-13);font-weight:600;cursor:pointer;z-index:var(--z-base);box-shadow:var(--shadow-2, 0 4px 12px rgba(0,0,0,.18));display:none;align-items:center;gap:6px;animation:nm-in .2s cubic-bezier(.2,.8,.2,1);margin-bottom:env(keyboard-inset-height,0)}.chat-newmsg-pill:hover{background:var(--accent-hover, var(--accent));filter:brightness(1.06)}@keyframes nm-in{0%{transform:translate(-50%) translateY(8px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.msg-arrival{animation:msg-in .32s cubic-bezier(.2,.8,.2,1)}@keyframes msg-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.msg-arrival,.lightbox-overlay,.chat-newmsg-pill{animation:none}}.profile-popup{position:fixed;width:300px;max-width:320px;background:var(--surface-2);border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-3);z-index:var(--z-tooltip);overflow:hidden;animation:af-in var(--dur-med) var(--ease-out)}.profile-popup-mobile{left:16px!important;right:16px!important;top:50%!important;transform:translateY(-50%);width:auto!important;max-width:none!important}.profile-popup-centered{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}.profile-popup-banner{height:64px;background:var(--role-color, var(--accent))}.profile-popup-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-20);font-weight:700;color:var(--fg-on-accent);margin:-28px 0 0 16px;border:4px solid var(--surface-2)}.profile-popup-name{font-size:var(--text-18);font-weight:700;padding:10px 16px 0;color:var(--fg);line-height:1.2;word-break:break-word}.profile-popup-name-colored{color:var(--role-color, var(--fg))}.profile-popup-status{display:flex;align-items:center;gap:6px;font-size:var(--text-13);color:var(--fg-muted);padding:2px 16px}.profile-popup-status-dot{width:8px;height:8px;border-radius:50%;background:var(--fg-muted);flex-shrink:0}.profile-popup-status-dot-online{background:var(--status-online, var(--accent))}.profile-popup-detail{font-size:var(--text-12);color:var(--fg-muted);padding:2px 16px}.profile-popup-bio{margin:var(--space-1) var(--space-4);padding:var(--space-2) 10px;background:var(--surface-1);border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-sm);line-height:1.4;white-space:pre-wrap;word-break:break-word;font-size:var(--text-13);color:var(--fg)}.profile-popup-actions{padding:12px 16px;border-top:1px solid var(--border-subtle, var(--border));margin-top:8px;display:flex;gap:8px}.profile-popup-action-btn{flex:1 1 auto;min-height:32px;justify-content:center}@media (max-width: 768px){.profile-popup-action-btn{min-height:44px;padding:12px}}.profile-popup-avatar-lg{width:80px;height:80px;font-size:var(--text-28);margin-top:-40px;border-width:6px;box-shadow:0 2px 8px #00000040}.profile-popup-role{display:flex;align-items:center;gap:6px;font-size:var(--text-12);font-weight:600;color:var(--fg-muted);padding:2px var(--space-4)}.profile-popup-role-colored{color:var(--role-color, var(--fg-muted))}.profile-popup-role-dot{width:10px;height:10px;border-radius:50%;background:var(--role-color, var(--fg-muted));flex-shrink:0}.profile-popup-role-add{margin-left:auto;background:none;border:1px dashed var(--border-strong, var(--border));color:var(--fg-muted);border-radius:4px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-14);line-height:1;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.profile-popup-role-add:hover{background:var(--surface-1-hover, var(--surface-2));color:var(--fg)}.profile-popup-mutual{margin-top:8px;border-top:1px solid var(--border-subtle, var(--border));padding:var(--space-2) var(--space-4) var(--space-3)}.profile-popup-mutual-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle, var(--border));margin-bottom:8px}.profile-popup-mutual-tab{background:none;border:none;color:var(--fg-muted);font-size:var(--text-12);font-weight:600;padding:6px 8px;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.profile-popup-mutual-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.profile-popup-mutual-tab:hover{color:var(--fg)}.profile-popup-mutual-row{font-size:var(--text-13);color:var(--fg);padding:4px 0;border-bottom:1px solid var(--border-subtle, transparent)}.profile-popup-mutual-row:last-child{border-bottom:none}.profile-popup-section-title{font-size:var(--text-11);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);padding:var(--space-3) var(--space-4) var(--space-1)}.profile-popup-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4) 2px;font-size:var(--text-13);color:var(--fg);cursor:pointer;user-select:none}.profile-popup-toggle input{cursor:pointer}.profile-popup-link{display:block;width:calc(100% - 32px);margin:2px var(--space-4) 6px;background:var(--surface-1);color:var(--text-primary, var(--fg));border:1px solid var(--border-subtle, var(--border));padding:8px 12px;min-height:32px;font-size:var(--text-13);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:inherit;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.profile-popup-link:hover{background:var(--surface-2);border-color:var(--border-strong, var(--border))}.profile-popup-dim{color:var(--fg-muted);font-style:italic}.cl-voice-channel{opacity:.7}.cl-voice-channel:hover{opacity:1}.cl-voice-channel .cl-channel-icon{color:var(--fg-muted)}.chat-typing{min-height:24px;padding:2px 16px;font-size:var(--text-12);color:var(--fg-muted);display:flex;align-items:center;flex-shrink:0}.msg-thread-badge{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;background:var(--accent-soft);border:1px solid var(--border);border-radius:8px;color:var(--accent);font-size:var(--text-12);font-weight:500;cursor:pointer;transition:background .12s,border-color var(--dur-fast)}.msg-thread-badge:hover{background:var(--accent-soft);border-color:var(--accent)}.chat-container{position:relative}.thread-panel{position:absolute;top:0;right:0;bottom:0;width:480px;max-width:50%;display:flex;flex-direction:column;background:var(--bg);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-2);z-index:var(--z-base);animation:thread-pop-in var(--dur-med, .2s) var(--ease-out, cubic-bezier(.2, .8, .2, 1))}@keyframes thread-pop-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.thread-panel{animation:none}}.thread-panel-backdrop{position:fixed;inset:0;z-index:var(--z-overlay);background:transparent}.thread-panel-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);height:48px;min-height:48px;border-bottom:1px solid var(--border-subtle);background:var(--bg)}.thread-panel-header-left{display:flex;align-items:center;gap:var(--space-2);color:var(--fg-muted)}.thread-panel-icon{color:var(--fg-muted);flex-shrink:0}.thread-panel-back{background:none;border:none;cursor:pointer;color:var(--fg-muted);padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 4px);transition:background var(--dur-fast, .12s),color var(--dur-fast, .12s)}.thread-panel-back:hover{color:var(--fg);background:var(--surface-1)}.thread-panel-back:focus-visible,.thread-panel-menu:focus-visible,.thread-panel-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thread-panel-header-center{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 var(--space-1)}.thread-panel-title{font-weight:600;font-size:var(--text-14);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-panel-subtitle{font-size:var(--text-11);color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.thread-panel-header-right{display:flex;align-items:center;gap:2px}.thread-panel-menu{background:none;border:none;cursor:pointer;color:var(--fg-muted);padding:var(--space-1) 6px;font-size:var(--text-18);line-height:1;border-radius:var(--radius-sm, 4px);transition:background var(--dur-fast, .12s),color var(--dur-fast, .12s)}.thread-panel-menu:hover{color:var(--fg);background:var(--surface-1)}.thread-panel-close{background:none;border:none;cursor:pointer;font-size:var(--text-20);line-height:1;color:var(--fg-muted);padding:0 var(--space-2);border-radius:var(--radius-sm, 4px);transition:background var(--dur-fast, .12s),color var(--dur-fast, .12s)}.thread-panel-close:hover{color:var(--fg);background:var(--surface-1)}.thread-panel-parent{display:flex;align-items:flex-start;gap:10px;padding:var(--space-3) 14px;border-bottom:1px solid var(--border-subtle);background:var(--surface-1);font-size:var(--text-13)}.thread-parent-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-13);font-weight:600;flex-shrink:0}.thread-parent-body{flex:1;min-width:0}.thread-parent-head{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:2px}.thread-parent-author{font-weight:600;color:var(--fg)}.thread-parent-time{color:var(--fg-muted);font-size:var(--text-11)}.thread-parent-content{color:var(--fg-muted);white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.thread-started-marker{text-align:center;font-size:var(--text-11);color:var(--fg-muted);padding:10px 14px 2px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.thread-panel-messages{flex:1;overflow-y:auto;padding:6px 14px 10px;display:flex;flex-direction:column;gap:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.thread-panel-messages::-webkit-scrollbar{width:6px}.thread-panel-messages::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.thread-panel-messages::-webkit-scrollbar-thumb:hover{background:var(--border)}.thread-empty{color:var(--fg-muted);font-size:var(--text-13);text-align:center;padding:30px 10px}.thread-loading{color:var(--fg-muted);font-size:var(--text-13);padding:20px;text-align:center}.thread-msg{display:flex;gap:10px;padding:var(--space-1) 0;position:relative}.thread-msg.thread-msg-grouped{padding-left:42px;padding-top:1px;padding-bottom:1px}.thread-msg.thread-msg-grouped .thread-msg-avatar{display:none}.thread-msg:hover .msg-quick-bar,.thread-msg:focus-within .msg-quick-bar{opacity:1;pointer-events:auto;transform:translateY(0)}.thread-msg-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-13);font-weight:600;flex-shrink:0;cursor:pointer}.thread-msg-body{flex:1;min-width:0}.thread-msg-head{display:flex;align-items:baseline;gap:var(--space-2)}.thread-msg-author{font-weight:600;font-size:var(--text-13);color:var(--fg);cursor:pointer}.thread-msg-author:hover{text-decoration:underline}.thread-msg-time{color:var(--fg-muted);font-size:var(--text-11)}.thread-msg-content{font-size:var(--text-14);word-break:break-word;white-space:pre-wrap;color:var(--fg)}.thread-panel-compose{display:flex;align-items:flex-end;gap:var(--space-2);padding:10px 12px;border-top:1px solid var(--border-subtle);background:var(--bg)}.thread-input{flex:1;resize:none;padding:var(--space-2) 10px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);color:var(--fg);font:inherit;font-size:var(--text-14);max-height:200px;transition:border-color var(--dur-fast, .12s)}.thread-input:focus{outline:none;border-color:var(--accent)}.thread-send-btn{background:var(--accent);color:var(--fg-on-accent);border:none;border-radius:var(--radius-md, 8px);padding:var(--space-2) 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast, .12s)}.thread-send-btn:hover{background:var(--accent-hover, var(--accent))}.thread-send-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thread-send-btn.is-hidden{display:none}@media (max-width: 860px){.thread-panel{position:fixed;inset:0;width:100%;max-width:100%;border-left:none;box-shadow:none;z-index:var(--z-overlay)}.thread-panel-back{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}.thread-panel-close{display:none}.thread-panel-header-center{flex:1;min-width:0;text-align:center;overflow:hidden}.thread-panel-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-panel-compose{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}}@media (min-width: 861px){.thread-panel-back{display:none}}.vc-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.vc-stage{flex:1;min-height:0;display:flex;padding:var(--space-4);gap:var(--space-3);overflow:hidden}.vc-with-share .vc-stage{flex-direction:row}.vc-empty-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--fg-muted);font-size:var(--text-14);text-align:center;padding:var(--space-6)}.vc-empty-stage svg{color:var(--fg-dim)}.vc-empty-title{font-size:var(--text-16);font-weight:600;color:var(--fg);margin-top:4px}.vc-empty-sub{font-size:var(--text-13);color:var(--fg-muted)}.vc-grid{flex:1;display:grid;gap:var(--space-3);grid-auto-rows:1fr}.vc-grid-1{grid-template-columns:1fr}.vc-grid-2{grid-template-columns:repeat(2,1fr)}.vc-grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.vc-grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.vc-tile{position:relative;background:var(--surface-1);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10;min-height:160px}.vc-tile-video{position:absolute;inset:0;z-index:var(--z-base)}.vc-tile-video video{width:100%;height:100%;object-fit:cover;display:block}.vc-tile-avatar{width:clamp(56px,22%,112px);height:clamp(56px,22%,112px);aspect-ratio:1 / 1;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(20px,8%,40px);line-height:1;z-index:var(--z-base)}.vc-tile-name{position:absolute;left:8px;bottom:8px;z-index:var(--z-base);display:inline-flex;align-items:center;gap:6px;background:#000000a6;color:#fff;padding:4px 8px;border-radius:4px;font-size:var(--text-12);font-weight:500;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-tile-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.vc-tile-you{opacity:.7;font-weight:400}.vc-tile{outline:2px solid transparent;outline-offset:-2px;transition:outline-color .2s var(--ease-out)}.vc-tile.vc-tile-speaking{outline-color:var(--accent)}.vc-devices-pop{position:absolute;right:16px;bottom:72px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:var(--space-3);min-width:260px;box-shadow:var(--shadow-lg);z-index:var(--z-popover, 1100);display:flex;flex-direction:column;gap:10px;color:var(--fg)}.vc-devices-pop label{font-size:var(--text-11);font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.vc-devices-pop select{background:var(--bg-input, var(--surface-1));color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:6px var(--space-2);font:inherit;width:100%}.vc-devices-pop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.vc-devices-pop-title{font-weight:600;font-size:var(--text-14);color:var(--fg)}.vc-devices-pop-close{background:none;border:none;color:var(--fg-muted);font-size:var(--text-20);line-height:1;cursor:pointer;padding:0 4px}.vc-devices-pop-close:hover{color:var(--fg)}.vc-devices-pop-hint{font-size:var(--text-11);color:var(--fg-muted);margin-top:4px;line-height:1.4}.vc-tile-muted-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--danger);background:#ffffff26;border-radius:50%;width:16px;height:16px}.vc-share-main{flex:1;min-width:0;background:#000;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:box-shadow var(--dur-med) var(--ease-out)}.vc-share-main.vc-share-active,.vc-tile.vc-tile-screensharing{box-shadow:0 0 0 2px var(--accent),0 0 12px #5865f273}.vc-tile-strip{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.vc-tile-strip .vc-tile{min-height:100px}.vc-callbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-1);border-top:1px solid var(--border);gap:var(--space-3)}.vc-callbar-info{display:flex;flex-direction:column;gap:2px;min-width:0}.vc-callbar-title{font-size:var(--text-14);font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-callbar-status{font-size:var(--text-11);color:var(--fg-muted)}.vc-callbar-status[data-connected=true]{color:var(--status-online)}.vc-callbar-controls{display:flex;gap:var(--space-2);align-items:center}.vc-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--fg-secondary);border:1px solid transparent;border-radius:50%;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.vc-btn:hover{background:var(--surface-3);color:var(--fg)}.vc-btn-active{background:var(--accent);color:var(--fg-on-accent)}.vc-btn-active:hover{background:var(--accent-hover, var(--accent))}.vc-btn-danger-active{background:var(--danger);color:#fff}.vc-btn-danger-active:hover{background:var(--danger);opacity:.92}.vc-btn-danger{background:var(--danger);color:#fff}.vc-btn-danger:hover{background:var(--danger);opacity:.9}.vc-btn-join{width:auto;padding:0 20px;height:40px;background:var(--status-online);color:#fff;border-radius:20px;font-weight:600}.vc-btn-join:hover{background:var(--status-online);opacity:.9}.vc-btn-disconnect{margin-left:auto;background:var(--danger);color:#fff}.vc-btn-disconnect:hover{background:var(--danger);opacity:.9}.vc-solo-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10) var(--space-6);text-align:center}.vc-solo-title{font-size:var(--text-20);font-weight:700;color:var(--fg);margin:0}.vc-solo-hint{font-size:var(--text-14);color:var(--fg-muted);margin:0}.vc-solo-grid{display:grid;grid-template-columns:minmax(280px,360px);gap:var(--space-3);margin-top:12px;justify-content:center;width:100%;max-width:360px}.vc-solo-grid .vc-tile{width:100%;aspect-ratio:16 / 10}@media (max-width: 640px){.vc-tile-strip{width:110px}.vc-grid-9{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.vc-callbar{flex-wrap:nowrap;gap:var(--space-2);padding:10px var(--space-3)}.vc-callbar-info{flex-shrink:1;min-width:0}.vc-callbar-controls{gap:6px;overflow-x:auto;scrollbar-width:none}.vc-callbar-controls::-webkit-scrollbar{display:none}.vc-btn{width:36px;height:36px;flex-shrink:0}}.vc-soundboard-flyout{position:fixed;width:280px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000059;padding:var(--space-3);z-index:var(--z-dropdown);display:flex;flex-direction:column;gap:10px}.vc-sb-title{font-size:var(--text-12);font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.vc-sb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.vc-sb-clip{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:10px 6px;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--fg);transition:background var(--dur-fast) var(--ease-out)}.vc-sb-clip:hover{background:var(--surface-3)}.vc-sb-icon{display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.vc-sb-label{font-size:var(--text-11);color:var(--fg-muted)}.vc-sb-empty{font-size:var(--text-11);color:var(--fg-muted);text-align:center;padding-top:4px;border-top:1px solid var(--border)}.cl-voice-participant{display:flex;align-items:center;gap:6px;padding:2px var(--space-2) 2px 28px;font-size:var(--text-12);color:var(--fg-secondary);border-radius:4px}.cl-voice-participant:hover{background:var(--surface-1-hover)}.cl-voice-participant-avatar{width:16px;height:16px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-10);font-weight:700}.cl-voice-participant-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-voice-participant-muted{display:inline-flex;align-items:center;color:var(--danger)}.ds-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-right:4px;vertical-align:middle}.ds-dot-amber{background:var(--warning);box-shadow:0 0 0 2px var(--warning-soft)}.ds-dot-green{background:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.ds-dot-red{background:var(--danger);box-shadow:0 0 0 2px var(--danger-soft)}.ds-dot-yellow{background:var(--status-yellow);box-shadow:0 0 0 2px #ca8a042e}.ds-dot-grey{background:var(--fg-muted);box-shadow:0 0 0 2px #8c8c8c2e}.ds-dot-blue{background:var(--info);box-shadow:0 0 0 2px var(--info-soft)}.ds-thread-overlay{display:flex;flex-direction:column;gap:var(--space-2);padding:10px;margin-bottom:8px;background:var(--surface-1);border:1px solid var(--border);border-radius:8px}.ds-overlay-status{display:flex;align-items:center;gap:8px;font-size:var(--text-13)}.ds-overlay-name{font-weight:600}.ds-overlay-agent{color:var(--fg-muted);font-size:var(--text-12)}.ds-overlay-timeline{display:flex;flex-direction:column;gap:6px}.ds-overlay-actions:empty{display:none}.ds-card{border:1px solid var(--border);border-radius:6px;padding:6px 10px;background:var(--bg);border-left-width:3px}.ds-card-amber{border-left-color:var(--warning)}.ds-card-green{border-left-color:var(--accent)}.ds-card-red{border-left-color:var(--danger)}.ds-card-yellow{border-left-color:var(--status-yellow)}.ds-card-grey{border-left-color:var(--fg-muted)}.ds-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.ds-card-label{font-weight:600;font-size:var(--text-13)}.ds-card-time{color:var(--fg-muted);font-size:var(--text-11)}.ds-card-body{font-size:var(--text-12);color:var(--fg-secondary);margin-top:2px;white-space:pre-wrap;word-break:break-word}.ds-log-progress{font-size:var(--text-12);color:var(--fg-muted);padding:2px var(--space-1)}.ds-log-progress .ds-log-time{color:var(--fg-muted);margin-right:6px;opacity:.7}.ds-metrics{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:var(--text-12);color:var(--fg-secondary);padding:var(--space-1) 0}.ds-metrics span{white-space:nowrap}.ds-approve-bar{display:flex;gap:8px;padding-top:4px;border-top:1px dashed var(--border);margin-top:4px}.ds-approve-btn{flex:1;cursor:pointer;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:var(--text-12);font-weight:600;transition:background .12s,border-color var(--dur-fast)}.ds-approve-btn:hover:not(:disabled){background:var(--surface-1-hover)}.ds-approve-btn:disabled{opacity:.5;cursor:progress}.ds-approve-yes{border-color:var(--accent);color:var(--accent)}.ds-approve-yes:hover:not(:disabled){background:var(--accent-soft)}.ds-approve-no{border-color:var(--danger);color:var(--danger)}.ds-approve-no:hover:not(:disabled){background:var(--danger-soft)}.ds-verdict{font-size:var(--text-11);color:var(--fg-muted)}.ds-verdict-ok{color:var(--accent)}.ds-verdict-bad{color:var(--danger)}.ds-widget-loading,.ds-widget-empty,.cu-widget-loading,.cu-widget-empty{color:var(--fg-muted);font-size:var(--text-13);padding:var(--space-3);text-align:center}.ds-widget-empty code{background:var(--surface-1);padding:1px 4px;border-radius:3px;font-size:var(--text-11)}.ds-tile-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.ds-tile{border:1px solid var(--border);border-radius:8px;background:var(--surface-1);padding:10px;display:flex;flex-direction:column;gap:6px;border-left-width:4px}.ds-tile-amber{border-left-color:var(--warning)}.ds-tile-green{border-left-color:var(--accent)}.ds-tile-red{border-left-color:var(--danger)}.ds-tile-yellow{border-left-color:var(--status-yellow)}.ds-tile-grey{border-left-color:var(--fg-muted)}.ds-tile-head{display:flex;align-items:center;gap:6px}.ds-tile-name{font-weight:600;font-size:var(--text-13);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-tile-agent{font-size:var(--text-11);color:var(--fg-muted);padding:1px 6px;background:var(--surface-2);border-radius:4px}.ds-tile-meta{display:flex;gap:6px;align-items:center;font-size:var(--text-11);color:var(--fg-muted);flex-wrap:wrap}.cu-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.cu-tile{border:1px solid var(--border);border-radius:8px;background:var(--surface-1);padding:10px;display:flex;flex-direction:column;gap:2px}.cu-tile-label{font-size:var(--text-11);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.cu-tile-cost{font-size:var(--text-18);font-weight:700;color:var(--fg)}.cu-tile-toks{font-size:var(--text-12);color:var(--fg-secondary)}.cu-tile-reqs{font-size:var(--text-11);color:var(--fg-muted)}.cu-footnote{font-size:var(--text-11);color:var(--fg-muted);margin-top:6px;font-style:italic}.msg-thread-badge .ds-dot{margin-right:6px}.ds-live-panel{display:flex;flex-direction:column;gap:var(--space-2);padding:10px;background:var(--surface-1);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;min-width:0}.ds-live-panel-reconnecting{border-color:var(--warning)}.ds-live-panel-closed{opacity:.85}.ds-live-head{display:flex;flex-direction:column;gap:4px;min-width:0}.ds-live-status-row{display:flex;align-items:center;gap:8px;font-size:var(--text-13);min-width:0}.ds-live-name{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-live-elapsed{font-family:monospace;font-size:var(--text-12);color:var(--fg-muted)}.ds-live-meta{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ds-live-pill{font-size:var(--text-11);color:var(--fg-muted);padding:1px 6px;background:var(--surface-2);border-radius:4px}.ds-live-tool{font-size:var(--text-12);padding:var(--space-1) var(--space-2);background:var(--surface-2);border-radius:4px;display:flex;gap:6px;align-items:baseline;min-width:0}.ds-live-tool:empty{display:none}.ds-live-tool-name{font-weight:600;color:var(--fg);flex-shrink:0}.ds-live-tool-input{color:var(--fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.ds-live-metrics:empty{display:none}.ds-live-section-label{font-size:var(--text-10);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);margin-bottom:2px}.ds-live-files-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;font-size:var(--text-11);font-family:monospace}.ds-live-file{color:var(--fg-secondary);cursor:pointer;padding:1px var(--space-1);border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-live-file:hover{background:var(--surface-2);color:var(--fg)}.ds-live-tail-pre{font-family:monospace;font-size:var(--text-11);background:var(--bg);color:var(--fg-secondary);border:1px solid var(--border);border-radius:6px;padding:6px var(--space-2);margin:0;max-height:160px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.ds-live-tail-pre:empty:before{content:"(idle — waiting for output)";color:var(--fg-muted);font-style:italic}.ds-live-actions:empty{display:none}@media (max-width: 480px){.ds-live-status-row{flex-wrap:wrap}.ds-live-elapsed{flex-basis:100%}.ds-live-tool{flex-wrap:wrap}.ds-live-tool-input{white-space:normal}.ds-tail-header,.ds-tail-stats{flex-wrap:wrap}}.ds-tail-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-13);min-width:0;padding-bottom:6px;border-bottom:1px solid var(--border)}.ds-tail-model-badge{font-size:var(--text-11);font-weight:600;padding:2px var(--space-2);background:var(--surface-2);border-radius:4px;color:var(--fg-muted);white-space:nowrap}.ds-tail-ctx-wrap{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.ds-tail-ctx-label{font-size:var(--text-11);color:var(--fg-muted);white-space:nowrap;font-family:monospace}.ds-tail-ctx-bar{flex:1;min-width:60px;max-width:180px;height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden;position:relative}.ds-tail-ctx-fill{height:100%;border-radius:4px;transition:width var(--dur-slow) var(--ease-out)}.ds-ctx-green .ds-tail-ctx-fill{background:var(--ok)}.ds-ctx-amber .ds-tail-ctx-fill{background:var(--warning)}.ds-ctx-red .ds-tail-ctx-fill{background:var(--danger)}.ds-ctx-red{animation:ds-ctx-pulse 1.5s ease-in-out infinite}@keyframes ds-ctx-pulse{0%,to{outline:2px solid transparent;outline-offset:1px}50%{outline:2px solid var(--danger);outline-offset:1px}}.ds-tail-stats{display:flex;align-items:center;gap:10px;font-size:var(--text-12);min-width:0}.ds-tail-cost,.ds-tail-tokens{font-family:monospace;font-size:var(--text-11);color:var(--fg-muted)}.ds-tail-phase{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:4px;font-size:var(--text-11);font-weight:600;white-space:nowrap}.ds-tail-phase:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%}.ds-phase-thinking{background:var(--surface-2);color:var(--fg-muted);animation:ds-phase-pulse 2s ease-in-out infinite}.ds-phase-thinking:before{background:var(--fg-muted)}.ds-phase-tool{background:color-mix(in srgb,var(--info) 15%,transparent);color:var(--info)}.ds-phase-tool:before{background:transparent;border:2px solid var(--info);border-top-color:transparent;width:8px;height:8px;border-radius:50%;animation:ds-spin .8s linear infinite}.ds-phase-writing{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok);animation:ds-cursor-blink 1s step-end infinite}.ds-phase-writing:before{background:var(--ok)}.ds-phase-idle{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.ds-phase-idle:before{background:var(--warning)}.ds-phase-done{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.ds-phase-done:before{background:var(--ok)}.ds-phase-error{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.ds-phase-error:before{background:var(--danger)}@keyframes ds-phase-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ds-cursor-blink{0%,to{border-right:2px solid currentColor}50%{border-right:2px solid transparent}}.ds-tail-tools-section{min-width:0}.ds-tail-tools-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px;font-size:var(--text-11);font-family:monospace}.ds-tail-tools-list:empty:before{content:"(no tools yet)";color:var(--fg-muted);font-style:italic;font-family:inherit}.ds-tail-tool-row{display:flex;gap:6px;align-items:baseline;padding:1px 4px;border-radius:3px;min-width:0}.ds-tail-tool-row:first-child{background:var(--surface-2)}.ds-tail-tool-name{font-weight:600;color:var(--fg);flex-shrink:0}.ds-tail-tool-preview{color:var(--fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.dl-body{display:flex;flex-direction:column;min-height:0}.dl-scroll{display:flex;flex-direction:column;gap:var(--space-4);padding:16px;overflow-y:auto;height:100%}.dl-composer{position:sticky;top:0;z-index:var(--z-base)}.dl-card{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:14px var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.dl-card-head{display:flex;align-items:center;gap:var(--space-2)}.dl-card-title{font-size:var(--text-14);font-weight:600;color:var(--fg);margin:0;flex:1}.dl-card-collapse{background:transparent;color:var(--fg-muted);border:none;font-size:var(--text-18);line-height:1;cursor:pointer;padding:4px 8px;border-radius:4px}.dl-card-collapse:hover{background:var(--surface-2);color:var(--fg)}.dl-field{display:flex;flex-direction:column;gap:var(--space-1)}.dl-field-half{flex:1;min-width:0}.dl-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.dl-label{font-size:var(--text-12);font-weight:600;color:var(--fg-secondary)}.dl-required{color:var(--danger)}.dl-hint{font-size:var(--text-11);color:var(--fg-muted)}.dl-input,.dl-textarea{background:var(--surface-0);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:var(--space-2) 10px;font-size:var(--text-13);font-family:inherit;width:100%;box-sizing:border-box}.dl-input:focus,.dl-textarea:focus{outline:none;box-shadow:var(--shadow-focus);border-color:var(--accent)}.dl-textarea{resize:vertical;min-height:96px;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.dl-tabs{display:flex;gap:2px;margin-bottom:6px;border-bottom:1px solid var(--border)}.dl-tab{background:transparent;color:var(--fg-muted);border:none;padding:6px 12px;font-size:var(--text-12);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.dl-tab:hover{color:var(--fg)}.dl-tab-active{color:var(--fg);border-bottom-color:var(--accent)}.dl-tab-body{display:flex;flex-direction:column;gap:6px}.dl-brief-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:6px;padding:var(--space-1);background:var(--surface-0)}.dl-brief-loading,.dl-brief-empty,.dl-feed-loading,.dl-feed-empty{padding:10px;font-size:var(--text-12);color:var(--fg-muted);text-align:center}.dl-brief-item{display:flex;flex-direction:column;gap:2px;text-align:left;background:transparent;color:var(--fg);border:1px solid transparent;border-radius:5px;padding:6px var(--space-2);cursor:pointer;font:inherit}.dl-brief-item:hover{background:var(--surface-1-hover);border-color:var(--border-subtle)}.dl-brief-item-selected{background:var(--accent-soft);border-color:var(--accent)}.dl-brief-item-title{font-size:var(--text-12);font-weight:600;color:var(--fg)}.dl-brief-item-path{font-size:var(--text-11);color:var(--fg-muted)}.dl-brief-item-path code{background:transparent;padding:0}.dl-brief-item-preview{font-size:var(--text-11);color:var(--fg-secondary);line-height:1.4}.dl-radio-group{display:flex;flex-direction:column;gap:var(--space-1)}.dl-radio{display:flex;align-items:center;gap:6px;font-size:var(--text-12);color:var(--fg);cursor:pointer}.dl-radio input{margin:0}.dl-actions{display:flex;align-items:center;gap:10px}.dl-actions-hint{font-size:var(--text-11);color:var(--fg-muted)}.dl-btn{background:var(--surface-2);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:7px 16px;font-size:var(--text-13);font-weight:600;cursor:pointer}.dl-btn:hover:not(:disabled){background:var(--surface-2-hover)}.dl-btn:disabled{opacity:.5;cursor:not-allowed}.dl-btn-primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.dl-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.dl-reopen{width:100%;text-align:left;background:var(--surface-1);color:var(--fg-muted);border:1px dashed var(--border);border-radius:8px;padding:10px 14px;font-size:var(--text-13);cursor:pointer}.dl-reopen:hover{background:var(--surface-1-hover);color:var(--fg);border-color:var(--accent)}.dl-reopen-plus{color:var(--accent);font-weight:700;margin-right:6px}.dl-feed-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.ds-session-row{display:flex;align-items:center;gap:10px;background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:10px var(--space-3);font-size:var(--text-13);color:var(--fg)}.ds-session-row-click{cursor:pointer}.ds-session-row-click:hover{background:var(--surface-1-hover);border-color:var(--accent)}.ds-session-row-click:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ds-session-title{font-weight:600;color:var(--fg);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-worker-pill{font-size:var(--text-11);color:var(--fg-muted);background:var(--surface-2);border-radius:4px;padding:1px 6px;flex-shrink:0}.ds-session-summary{font-size:var(--text-11);color:var(--fg-muted);flex-shrink:0}.ds-open-thread-link{font-size:var(--text-11);color:var(--accent);flex-shrink:0}.dl-worker-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);max-width:360px}.dl-worker-chip{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:var(--text-11);color:var(--fg);cursor:default}.dl-worker-chip-name{font-weight:600}.dl-worker-chip-hint{font-size:var(--text-11);color:var(--fg-muted)}.dl-worker-queue-pill{display:inline-flex;align-items:center;background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning);border-radius:999px;padding:2px 8px;font-size:var(--text-11);font-weight:600}.ds-cancel-bar{display:flex;align-items:center;gap:var(--space-2);padding:8px 12px;margin-top:8px;background:var(--surface-1);border:1px solid var(--border);border-radius:6px}.ds-cancel-btn{background:var(--surface-2);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:var(--text-12);font-weight:600;cursor:pointer}.ds-cancel-btn:hover:not(:disabled){background:var(--surface-2-hover)}.ds-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.ds-cancel-confirm{background:var(--danger);color:var(--text-inverse);border:1px solid var(--danger);border-radius:4px;padding:4px 10px;font-size:var(--text-12);font-weight:600;cursor:pointer}.ds-cancel-confirm:disabled{opacity:.5;cursor:not-allowed}.ds-cancel-keep{background:transparent;color:var(--fg-muted);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:var(--text-12);cursor:pointer}.ds-cancel-keep:hover{background:var(--surface-2);color:var(--fg)}.dl-archived{margin-top:16px;padding-top:12px;border-top:1px dashed var(--border)}.dl-archived-header{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:6px var(--space-1);font-size:var(--text-13);font-weight:600;color:var(--fg-muted);cursor:pointer;user-select:none;border-radius:4px}.dl-archived-header:hover{background:var(--surface-1-hover);color:var(--fg)}.dl-archived-header:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.dl-archived-chevron{font-size:var(--text-11);width:12px;text-align:center}.dl-archived-title{letter-spacing:.02em;text-transform:uppercase}.dl-archived-subtle{font-weight:400;font-size:var(--text-11);color:var(--fg-muted)}.dl-archived-body{margin-top:8px}.dl-archived-body[hidden]{display:none}.dl-archived-loading,.dl-archived-empty,.dl-archived-end{padding:10px 12px;color:var(--fg-muted);font-size:var(--text-12)}.dl-archived-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.dl-archived-card{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:10px var(--space-3);display:flex;flex-direction:column;gap:6px;opacity:.92}.dl-archived-row{display:flex;align-items:center;gap:10px;font-size:var(--text-13);color:var(--fg)}.dl-archived-row-click{cursor:pointer}.dl-archived-name{font-weight:600;color:var(--fg);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-archived-meta{font-size:var(--text-11);color:var(--fg-muted);display:inline-flex;gap:4px;flex-shrink:0}.dl-archived-mcp{font-size:var(--text-11);color:var(--fg-muted);flex-shrink:0}.dl-archived-mcp.ok{color:var(--accent)}.dl-archived-frozen{font-size:var(--text-11);font-weight:600;background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);border-radius:999px;padding:1px 8px}.dl-archived-error{font-size:var(--text-11);color:var(--danger);background:var(--surface-2);border-radius:4px;padding:6px 8px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.dl-archived-error code{color:var(--danger)}.dl-archived-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.dl-archived-btn{background:var(--surface-2);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:var(--text-12);font-weight:600;cursor:pointer}.dl-archived-btn:hover:not(:disabled){background:var(--surface-2-hover);border-color:var(--accent)}.dl-archived-btn:disabled{opacity:.5;cursor:not-allowed}.dl-archived-btn-retry{border-color:var(--warning);color:var(--warning)}.dl-archived-btn-retry:hover:not(:disabled){background:var(--warning-soft)}.dl-archived-more{margin-top:8px;width:100%;background:transparent;color:var(--fg-muted);border:1px dashed var(--border);border-radius:6px;padding:8px;font-size:var(--text-12);cursor:pointer}.dl-archived-more:hover:not(:disabled){background:var(--surface-1-hover);color:var(--fg)}.dl-archived-more:disabled{opacity:.6;cursor:not-allowed}.vs-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);position:relative}@media (max-width: 768px){.vs-grid{grid-template-columns:repeat(2,1fr)}}.vs-bar{width:100%;height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.vs-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.vs-stale-row{opacity:.45;pointer-events:none}.vs-stale{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-13);font-weight:600;color:var(--fg-muted);z-index:var(--z-base);pointer-events:none}.email-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}.email-card:hover{background:var(--bg-hover);border-color:var(--accent)}.email-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:2px}.email-card-subject{font-weight:600;font-size:var(--text-14);color:var(--fg-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.email-card-time{font-size:var(--text-12);color:var(--fg-muted);white-space:nowrap;flex-shrink:0}.email-card-from{font-size:var(--text-13);color:var(--fg-dim);margin-bottom:4px}.email-card-preview{font-size:var(--text-13);color:var(--fg-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.email-pane{display:flex;flex-direction:row;height:100%;min-height:0;background:var(--bg-base)}.email-sidebar{width:360px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:var(--bg-base)}.email-toolbar{padding:var(--space-3);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2);background:var(--bg-base)}.email-toolbar-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.email-search{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-14);border:1px solid var(--border-subtle);background:var(--surface-3);color:var(--text-primary);border-radius:var(--radius-md)}.email-search::placeholder{color:var(--text-muted)}.email-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.email-view-chip{background:transparent;border:1px solid var(--border);color:var(--fg-muted);padding:var(--space-1) 10px;border-radius:12px;font-size:var(--text-12);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.email-view-chip:hover{background:var(--bg-hover);color:var(--fg-default)}.email-view-chip.email-view-active{background:var(--accent);border-color:var(--accent);color:var(--text-inverse, #fff)}.email-thread-list-body{flex:1;overflow-y:auto;min-height:0}.email-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);display:flex;flex-direction:column;gap:var(--space-1)}.email-row:hover{background:var(--bg-hover)}.email-row:focus{outline:2px solid var(--accent);outline-offset:-2px}.email-row.selected{background:var(--bg-active, var(--bg-hover));border-left:3px solid var(--accent);padding-left:13px}.email-row-top{display:flex;align-items:center;gap:var(--space-2)}.email-row-dot{width:8px;height:8px;border-radius:50%;background:transparent;flex-shrink:0}.email-row-unread .email-row-dot{background:var(--accent)}.email-row-unread .email-row-from,.email-row-unread .email-row-subject{font-weight:700;color:var(--text-primary)}.email-row-from{font-size:var(--text-15);font-weight:600;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.email-row-time{font-size:var(--text-12);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.email-row-mid{display:flex;gap:var(--space-2);align-items:baseline}.email-row-subject{font-size:var(--text-14);font-weight:400;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.email-row-count{flex-shrink:0;font-variant-numeric:tabular-nums;background:var(--surface-3);padding:1px 7px;border-radius:10px;font-size:var(--text-11);color:var(--text-secondary)}.email-row-bottom{display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-13);color:var(--text-muted)}.email-row-arrow{flex-shrink:0;color:var(--text-muted)}.email-row-snippet{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.email-row-star{background:transparent;border:0;color:var(--text-muted);font-size:var(--text-18);cursor:pointer;padding:var(--space-1) 6px;line-height:1;border-radius:var(--radius-sm);flex-shrink:0}.email-row-star.email-row-star-on{color:var(--star)}.email-row-star:hover{color:var(--star);background:var(--bg-hover)}.email-detail{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg-base)}.email-detail-head{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-2)}.email-detail-head-top{display:flex;align-items:center;gap:var(--space-2)}.email-back-btn{display:none;font-size:var(--text-18);line-height:1;padding:6px var(--space-3);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);cursor:pointer}.email-detail-subject{font-size:var(--text-20);font-weight:600;line-height:var(--leading-tight);color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.email-detail-participants{font-size:var(--text-13);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-detail-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.email-detail-actions .btn-sm{font-size:var(--text-13);padding:6px var(--space-3);min-height:32px}.email-loi-badge{display:inline-block;font-size:var(--text-11);background:var(--accent);color:var(--text-inverse, #fff);padding:2px 6px;border-radius:8px;margin-left:8px;vertical-align:middle}.email-detail-msgs{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-8);min-height:0}.email-detail-msgs>*{width:100%;max-width:760px;margin-left:auto;margin-right:auto}.email-msg{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6) var(--space-6);background:var(--surface-1);border-left:3px solid transparent}.email-msg-inbound{border-left-color:var(--accent)}.email-msg-outbound{background:var(--surface-1-hover);border-left-color:var(--email-outbound)}.email-msg-head{display:flex;gap:var(--space-3);margin-bottom:var(--space-3);align-items:flex-start}.email-msg-arrow{font-size:var(--text-18);line-height:1.4;color:var(--text-muted);flex-shrink:0}.email-msg-outbound .email-msg-arrow{color:var(--email-outbound)}.email-msg-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.email-msg-meta-row:first-child{font-size:var(--text-14);color:var(--text-primary);align-items:baseline}.email-msg-meta-row{display:flex;gap:var(--space-2);align-items:baseline;font-size:var(--text-12);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.email-msg-meta-row .email-msg-label{color:var(--text-muted);font-weight:600;width:28px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-11)}.email-msg-from strong{color:var(--text-primary);font-weight:700;font-size:var(--text-14)}.email-msg-time{color:var(--text-muted);margin-left:auto;font-size:var(--text-12)}.email-msg-body{font-size:var(--text-15);line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin-top:var(--space-4);max-width:720px;padding:var(--space-4);background:var(--surface-0);border-radius:var(--radius-md)}.email-msg-body a{color:var(--link);text-decoration:underline;text-underline-offset:2px}.email-msg-body a:hover{color:var(--accent)}.email-msg-body-html{white-space:normal;word-break:break-word;overflow-wrap:break-word}.email-msg-body-html img{max-width:100%;height:auto;display:block;margin:var(--space-2) 0;border-radius:var(--radius-md)}.email-html-scope{font-family:inherit;font-size:var(--text-15);color:var(--text-primary)}.email-html-scope p{margin:12px 0;line-height:1.6}.email-html-scope a{color:var(--link);text-decoration:underline}.email-html-scope a:hover{color:var(--accent)}.email-html-scope hr{border:none;border-top:1px solid var(--border);margin:16px 0}.email-html-scope table{border-collapse:collapse;width:100%;margin:16px 0}.email-html-scope th,.email-html-scope td{border:1px solid var(--border-subtle);padding:8px 12px;text-align:left}.email-html-scope th{background:var(--surface-1);font-weight:600}.email-html-scope blockquote{border-left:3px solid var(--border-strong);margin:12px 0;padding:0 0 0 16px;color:var(--text-muted)}.email-html-scope code,.email-html-scope pre{background:var(--surface-1);border-radius:var(--radius-sm);padding:2px 6px;font-family:monospace;font-size:13px}.email-html-scope pre{overflow-x:auto;padding:12px;margin:12px 0}.email-html-scope ul,.email-html-scope ol{margin:12px 0;padding-left:24px}.email-html-scope li{margin:6px 0}.email-msg-body .email-quote{border-left:3px solid var(--border-strong);margin:var(--space-3) 0;padding:2px 0 2px var(--space-4);color:var(--text-muted);font-size:var(--text-14);line-height:1.5;white-space:pre-wrap}.email-msg-body .email-quote .email-quote{margin:var(--space-2) 0}.email-msg-head-toggle{cursor:pointer}.email-msg-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .15s ease;align-self:center}.email-msg-snippet{display:none;color:var(--text-muted);font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-msg-collapsed{padding:var(--space-3) var(--space-4)}.email-msg-collapsed .email-msg-head{margin-bottom:0}.email-msg-collapsed .email-msg-body{display:none}.email-msg-collapsed .email-msg-meta-row:not(:first-child){display:none}.email-msg-collapsed .email-msg-snippet{display:block}.email-msg-collapsed .email-msg-chevron{transform:rotate(-90deg)}.email-reply{border-top:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);background:var(--bg-base)}.email-reply textarea,.email-reply input[type=text]{width:100%;font-family:inherit;font-size:var(--text-14);line-height:1.5;padding:10px var(--space-3);border:1px solid var(--border-subtle);background:var(--surface-3);color:var(--text-primary);border-radius:var(--radius-md);resize:vertical}.email-reply textarea:focus,.email-reply input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.email-reply-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2)}.email-reply-status{font-size:var(--text-12);color:var(--fg-muted);margin-right:auto}.email-loi-warn{font-size:var(--text-12);color:var(--accent)}.email-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--fg-muted);text-align:center;min-height:100%}.email-empty p{margin:0;font-size:var(--text-14);color:var(--text-secondary)}.email-modal-row{display:grid;grid-template-columns:80px 1fr;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3)}.email-modal-row>span{font-size:var(--text-13);color:var(--text-muted);font-weight:500}.email-modal-row input[type=text],.email-modal-row textarea{width:100%;font-family:inherit;font-size:var(--text-14);line-height:1.5;padding:10px var(--space-3);border:1px solid var(--border-subtle);background:var(--surface-3);color:var(--text-primary);border-radius:var(--radius-md)}.email-modal-row input[type=text]:focus,.email-modal-row textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.email-modal-body-row{grid-template-columns:80px 1fr;align-items:start}.email-modal-body-row textarea{resize:vertical;min-height:300px;font-family:inherit;font-size:var(--text-15);line-height:1.6}.email-modal-ccbcc{margin-bottom:var(--space-2)}.email-modal-ccbcc summary{cursor:pointer;color:var(--fg-muted);font-size:var(--text-12);padding:var(--space-1) 0}.email-modal-html-toggle{display:inline-flex;gap:6px;align-items:center;font-size:var(--text-12);color:var(--fg-muted);cursor:pointer}.email-modal-status{font-size:var(--text-12);color:var(--accent);min-height:18px;margin-top:var(--space-2)}.email-draft-row{cursor:pointer;transition:background .1s}.email-draft-row:hover{background:var(--surface-2-hover, rgba(255,255,255,.04))}.email-draft-delete-btn{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);line-height:1}.email-draft-delete-btn:hover{color:var(--danger, #e55);background:var(--surface-3)}.compose-pane{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-base)}.compose-pane-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle)}.compose-pane-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.compose-pane-close{font-size:22px;line-height:1;padding:4px 10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius)}.compose-pane-close:hover{background:var(--surface-3);color:var(--text-primary)}.compose-pane-body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.compose-pane-field{display:flex;flex-direction:column;gap:4px}.compose-pane-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.compose-pane-input{width:100%;padding:8px 12px;font-size:14px;border:1px solid var(--border-subtle);background:var(--surface-3);color:var(--text-primary);border-radius:var(--radius-md);font-family:inherit}.compose-pane-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.compose-pane-body-field{flex:1;min-height:0;display:flex;flex-direction:column}.compose-pane-textarea{flex:1;min-height:200px;width:100%;padding:12px 14px;font-size:14px;line-height:1.6;border:1px solid var(--border-subtle);background:var(--surface-3);color:var(--text-primary);border-radius:var(--radius-md);font-family:inherit;resize:vertical}.compose-pane-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.compose-pane-textarea::placeholder{color:var(--text-muted)}.compose-pane-ccbcc-btn{background:transparent;border:none;color:var(--accent);font-size:13px;cursor:pointer;padding:0}.compose-pane-ccbcc-btn:hover{text-decoration:underline}.compose-pane-cc-fields{flex-direction:column;gap:var(--space-3)}.compose-pane-html-row{flex-direction:row;align-items:center}.compose-pane-html-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);cursor:pointer}.compose-pane-loi-warn{font-size:12px;color:var(--warning, #f59e0b);padding:4px 0}.compose-pane-footer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-base)}.compose-pane-status{flex:1;font-size:12px;color:var(--text-muted)}.compose-popup{position:absolute;bottom:0;right:24px;width:480px;max-height:520px;display:flex;flex-direction:column;background:var(--bg-base);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-lg, 8px) var(--radius-lg, 8px) 0 0;box-shadow:0 -4px 24px #00000040;z-index:900;overflow:hidden}.compose-popup-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface-1, #2b2d31);border-bottom:1px solid var(--border-subtle);cursor:default;min-height:36px}.compose-popup-header-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-popup-header-actions{display:flex;gap:2px;flex-shrink:0}.compose-popup-header-btn{background:transparent;border:none;color:var(--text-muted);font-size:16px;line-height:1;padding:4px 6px;cursor:pointer;border-radius:var(--radius, 4px)}.compose-popup-header-btn:hover{background:var(--surface-3);color:var(--text-primary)}.compose-popup-fields{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.compose-popup-row{display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--border-subtle);min-height:32px}.compose-popup-label{font-size:13px;color:var(--text-muted);width:32px;flex-shrink:0}.compose-popup-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:13px;font-family:inherit;padding:6px 4px;outline:none}.compose-popup-input::placeholder{color:var(--text-muted)}.compose-from-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px;z-index:100;max-height:180px;overflow-y:auto;box-shadow:0 4px 12px #00000040}.compose-from-option{padding:6px 10px;font-size:13px;color:var(--text-primary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-from-option:hover{background:var(--bg-hover)}.compose-popup-subject{font-size:13px;padding:8px 4px}.compose-popup-cc-toggle{background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:2px 4px;flex-shrink:0}.compose-popup-cc-toggle:hover{color:var(--text-primary)}.compose-popup-tpl-row{border-bottom:1px solid var(--border-subtle);padding:4px 12px}.compose-popup-tpl-select{width:100%;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-family:inherit;padding:4px 0;outline:none;cursor:pointer}.compose-popup-tpl-select option{background:var(--bg-base);color:var(--text-primary)}.compose-popup-textarea{flex:1;min-height:180px;border:none;background:transparent;color:var(--text-primary);font-size:13px;line-height:1.5;font-family:inherit;padding:10px 12px;resize:none;outline:none}.compose-popup-textarea::placeholder{color:var(--text-muted)}.compose-popup-html-row{padding:2px 12px 4px;border-top:1px solid var(--border-subtle)}.compose-popup-html-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);cursor:pointer}.compose-popup-footer{display:flex;align-items:center;padding:8px 12px;gap:8px;border-top:1px solid var(--border-subtle);background:var(--bg-base)}.compose-popup-send{padding:6px 20px;font-size:13px;border-radius:18px}.compose-popup-status{flex:1;font-size:11px;color:var(--text-muted)}.compose-popup-footer-right{display:flex;gap:4px;margin-left:auto}.compose-popup-footer-btn{background:transparent;border:none;color:var(--text-muted);font-size:16px;padding:4px 6px;cursor:pointer;border-radius:var(--radius, 4px)}.compose-popup-footer-btn:hover{color:var(--text-primary);background:var(--surface-3)}@media (max-width: 767px){.compose-popup{width:100%;right:0;max-height:70dvh;border-radius:var(--radius-lg, 8px) var(--radius-lg, 8px) 0 0}}@media (max-width: 767px){.email-pane{flex-direction:column}.email-sidebar{width:100%;border-right:0;border-bottom:1px solid var(--border)}.email-detail{display:none;flex-direction:column}.email-pane-show-detail .email-sidebar{display:none}.email-pane-show-detail .email-detail{display:flex}.email-back-btn{display:inline-flex;min-height:40px;min-width:44px}.email-modal-row{grid-template-columns:1fr;gap:var(--space-1)}.email-row{padding:14px var(--space-4)}.email-row-star{font-size:var(--text-20);padding:var(--space-2) 10px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.email-detail-actions{flex-wrap:wrap;gap:var(--space-2)}.email-detail-actions .btn-sm{min-height:40px;padding:8px 12px;flex:1;min-width:0}.email-detail-msgs{padding:var(--space-3) var(--space-3);gap:var(--space-4)}.email-detail-msgs>*{max-width:100%}.email-msg{padding:var(--space-3) var(--space-3);max-width:100%}.email-msg-body{max-width:100%;padding:var(--space-3);margin-top:var(--space-3)}.email-msg-collapsed{padding:var(--space-2) var(--space-3)}.email-view-chip{min-height:36px;padding:6px 14px;font-size:var(--text-13)}}.btn-danger-ghost{background:transparent;color:var(--danger);border:1px solid var(--border)}.btn-danger-ghost:hover{background:#d94a4a1a;border-color:var(--danger)}.cc-bot-msg{border-left:3px solid var(--accent);padding-left:4px}.cc-thinking-toggle{display:inline-block;margin-top:6px;padding:2px var(--space-2);font-size:var(--text-11);color:var(--fg-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;cursor:pointer}.cc-thinking-toggle:hover{color:var(--fg);background:var(--surface-1)}.cc-thinking-panel{margin-top:6px;padding:var(--space-2) 10px;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;font-size:var(--text-12)}.cc-think-section{margin-bottom:6px}.cc-think-section:last-child{margin-bottom:0}.cc-think-label{display:block;font-size:var(--text-10);text-transform:uppercase;letter-spacing:.5px;color:var(--fg-muted);margin-bottom:2px}.cc-think-tools,.cc-think-phase,.cc-think-context{color:var(--fg)}.cc-meta-footer{margin-top:4px;font-size:var(--text-11);color:var(--fg-muted);display:flex;gap:var(--space-3)}.cc-meta-item{display:inline-flex;align-items:center;gap:3px}.cc-mode-chip{flex-shrink:0;padding:3px 10px;font-size:var(--text-11);font-weight:600;color:var(--fg);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;cursor:pointer;white-space:nowrap}.cc-mode-chip:hover{background:var(--surface-1)}.cc-mode-chip.cc-mode-ask{color:var(--warning);border-color:var(--warning)}.qs-overlay{position:fixed;inset:0;background:#000000d9;z-index:var(--z-tooltip);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;backdrop-filter:blur(2px);animation:qs-fade var(--dur-fast) var(--ease-out)}@keyframes qs-fade{0%{opacity:0}}.qs-modal{width:540px;max-width:90vw;background:var(--bg-floating, var(--surface-2));border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden;animation:modal-in var(--dur-med) var(--ease-out)}.qs-search-row{display:flex;align-items:center;gap:var(--space-3);padding:14px var(--space-4);border-bottom:1px solid var(--border-subtle, var(--border))}.qs-search-icon{color:var(--fg-muted);flex-shrink:0;display:flex}.qs-input{flex:1;background:none;border:none;outline:none;color:var(--fg);font-size:var(--text-16);font-family:inherit}.qs-input::placeholder{color:var(--fg-muted)}.qs-results{max-height:320px;overflow-y:auto;padding:var(--space-1) 0}.qs-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.qs-item:hover,.qs-item-active{background:var(--accent);color:var(--fg-on-accent)}.qs-item-active .qs-item-detail{color:var(--fg-on-accent);opacity:.7}.qs-item-icon{width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qs-icon-circle{width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-11);font-weight:700}.qs-item-active .qs-icon-circle{background:var(--fg-on-accent);color:var(--accent)}.qs-icon-avatar{width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--fg);display:flex;align-items:center;justify-content:center;font-size:var(--text-11);font-weight:600}.qs-item-label{font-size:var(--text-14);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qs-item-detail{font-size:var(--text-12);color:var(--fg-muted);flex-shrink:0}.qs-empty{padding:24px 16px;text-align:center;color:var(--fg-muted);font-size:var(--text-14)}.qs-footer{display:flex;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-subtle, var(--border));font-size:var(--text-11);color:var(--fg-muted)}.qs-hint kbd{display:inline-block;padding:1px 5px;background:var(--surface-1);border:1px solid var(--border);border-radius:3px;font-size:var(--text-10);font-family:inherit;margin:0 2px}@media (max-width: 540px){.qs-overlay{padding-top:0;align-items:stretch}.qs-modal{width:100%;max-width:100%;border-radius:0;min-height:100dvh}.qs-results{max-height:none;flex:1}.qs-item{padding:10px 16px;min-height:44px}.qs-footer{display:none}}.ks-panel{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-2) 0;max-height:60vh;overflow-y:auto}.ks-group-title{font-size:var(--text-12);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);margin-bottom:8px}.ks-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0}.ks-keys{display:flex;align-items:center;gap:2px}.ks-kbd{display:inline-block;padding:2px var(--space-2);background:var(--surface-1);border:1px solid var(--border);border-radius:4px;font-size:var(--text-12);font-weight:600;font-family:inherit;color:var(--fg);min-width:24px;text-align:center}.ks-plus{color:var(--fg-muted);font-size:var(--text-10);margin:0 2px}.ks-desc{font-size:var(--text-13);color:var(--fg-secondary)}.slash-popup{position:absolute;bottom:100%;left:0;right:0;background:var(--surface-2, var(--bg-floating));border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-3, var(--shadow-2));z-index:var(--z-base);display:none;margin-bottom:6px;overflow:hidden;animation:slash-pop-in .14s cubic-bezier(.2,.8,.2,1)}@keyframes slash-pop-in{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}.slash-popup[style*="display: block"]{display:flex;flex-direction:column}.slash-popup-title{font-size:var(--text-11);font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted, var(--fg-muted));padding:var(--space-2) var(--space-3) 6px;border-bottom:1px solid var(--border-subtle, var(--border));flex-shrink:0}.slash-popup-list{max-height:240px;overflow-y:auto;padding:var(--space-1);display:flex;flex-direction:column;gap:1px}.slash-popup-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-top:1px solid var(--border-subtle, var(--border));font-size:var(--text-11);color:var(--text-muted, var(--fg-muted));flex-shrink:0;gap:var(--space-2)}.slash-popup-footer .slash-kbd{display:inline-block;padding:1px 6px;background:var(--surface-1, var(--bg-secondary));border:1px solid var(--border-subtle, var(--border));border-radius:var(--radius-sm, 4px);font-size:var(--text-10);font-weight:600;font-family:inherit;color:var(--text-primary, var(--fg));margin:0 2px}.slash-item{display:flex;align-items:baseline;gap:10px;padding:7px 10px;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);color:var(--text-primary, var(--fg))}.slash-item.slash-item-active{background:var(--accent);color:var(--fg-on-accent)}.slash-item-name{font-size:var(--text-14);font-weight:600;flex-shrink:0}.slash-item-desc{font-size:var(--text-12);color:var(--text-muted, var(--fg-muted));flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slash-item-active .slash-item-desc{color:var(--fg-on-accent);opacity:.8}@media (max-width: 540px){.slash-popup{margin-bottom:6px;border-radius:var(--radius-lg, 12px)}.slash-popup-list{max-height:40vh}.slash-item{padding:10px 12px;min-height:44px;align-items:center}.slash-item-name{font-size:var(--text-15)}.slash-item-desc{font-size:var(--text-13)}}.channel-popup{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-floating, var(--surface-2));border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-2);max-height:200px;overflow-y:auto;z-index:var(--z-base);display:none;margin-bottom:4px}.channel-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-14);transition:background var(--dur-fast) var(--ease-out)}.channel-item:hover,.channel-item.channel-item-active{background:var(--accent);color:var(--fg-on-accent)}.channel-item-icon{color:var(--fg-muted);flex-shrink:0}.channel-item:hover .channel-item-icon,.channel-item-active .channel-item-icon{color:var(--fg-on-accent)}.channel-item-name{font-weight:500}@media (max-width: 768px){.channel-item{padding:10px 12px;min-height:44px}}.emoji-popup{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-floating, var(--surface-2));border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-2);max-height:220px;overflow-y:auto;z-index:var(--z-base);display:none;margin-bottom:4px}.emoji-popup-item{display:flex;align-items:center;gap:10px;padding:6px var(--space-3);cursor:pointer;font-size:var(--text-14);color:var(--fg);transition:background var(--dur-fast) var(--ease-out)}.emoji-popup-item.active,.emoji-popup-item:hover{background:var(--accent);color:var(--fg-on-accent)}.emoji-popup-glyph{font-size:var(--text-18);line-height:1}.emoji-popup-code{font-family:var(--font-mono, monospace);font-size:var(--text-12);opacity:.85}@media (max-width: 768px){.emoji-popup-item{padding:10px 12px;min-height:44px}}.fr-header{display:flex;align-items:center;gap:var(--space-4);height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.fr-header-title{font-size:var(--text-16);font-weight:600;color:var(--fg-bright);padding-right:16px;border-right:1px solid var(--border)}.fr-tabs{display:flex;gap:var(--space-1);align-items:center}.fr-tab{background:none;border:none;color:var(--fg-muted);font-size:var(--text-14);font-weight:500;padding:var(--space-1) 10px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--dur-fast) var(--ease-out)-out,color var(--dur-fast) var(--ease-out)-out}.fr-tab:hover{color:var(--fg);background:var(--surface-2)}.fr-tab-active{color:var(--fg-bright);background:var(--surface-3)}.fr-tab-count{background:var(--surface-4);color:var(--fg);border-radius:8px;padding:0 6px;font-size:var(--text-11);font-weight:600;min-width:18px;text-align:center}.fr-body{flex:1;overflow-y:auto;padding:var(--space-4)}.fr-list-header{font-size:var(--text-11);font-weight:700;text-transform:uppercase;color:var(--fg-muted);letter-spacing:.5px;padding:var(--space-2) 0;border-bottom:1px solid var(--border);margin-bottom:4px}.fr-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);cursor:default}.fr-row:hover{background:var(--surface-2)}.fr-row-avatar{position:relative;flex-shrink:0}.fr-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--fg-on-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-14)}.fr-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px var(--bg)}.fr-status-online{background:var(--status-online, var(--accent))}.fr-status-offline{background:var(--fg-muted)}.fr-row-info{flex:1;min-width:0}.fr-row-name{font-size:var(--text-14);font-weight:600;color:var(--fg-bright)}.fr-row-status{font-size:var(--text-12);color:var(--fg-muted)}.fr-row-actions{display:flex;gap:6px}.fr-row-btn{background:var(--surface-3);color:var(--fg);border:none;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)-out}.fr-row-btn:hover{background:var(--surface-4)}.fr-empty{text-align:center;color:var(--fg-muted);padding:60px var(--space-4);font-size:var(--text-14)}.fr-add{max-width:480px}.fr-add h3{font-size:var(--text-14);font-weight:700;color:var(--fg-bright);text-transform:uppercase;margin:0 0 8px}.fr-add p{color:var(--fg-muted);font-size:var(--text-14);margin:0 0 12px}.fr-add-row{display:flex;gap:var(--space-2)}.fr-add-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--surface-2);color:var(--fg);font-size:var(--text-14)}.fr-add-submit{padding:8px 16px;background:var(--accent);color:var(--fg-on-accent);border:none;border-radius:4px;font-weight:600;cursor:pointer}.fr-add-submit:hover{filter:brightness(1.05)}.peer-chat-root{display:flex;flex-direction:column;height:100%;background:var(--surface-2);overflow:hidden}.peer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-1);flex-shrink:0}.peer-header-title{display:flex;align-items:baseline;gap:var(--space-2)}.peer-header-name{font-size:var(--text-16);font-weight:600;color:var(--text-primary, var(--fg-bright))}.peer-header-desc{font-size:var(--text-13);color:var(--text-muted, var(--fg-muted))}.peer-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.peer-messages-wrap{max-width:720px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-2)}.peer-messages{display:flex;flex-direction:column;gap:var(--space-3)}.peer-msg{display:flex;flex-direction:column;max-width:85%}.peer-msg-user{align-self:flex-end;align-items:flex-end}.peer-msg-assistant{align-self:flex-start;align-items:flex-start}.peer-msg-error{align-self:center;color:var(--danger, #dc2626);font-size:var(--text-13);padding:var(--space-1) var(--space-3)}.peer-bubble{padding:10px 14px;border-radius:18px;font-size:var(--text-14);line-height:1.5;word-break:break-word}.peer-bubble-user{background:var(--accent, #16a34a);color:var(--fg-on-accent);border-bottom-right-radius:4px}.peer-bubble-assistant{background:var(--surface-3, #3f4147);color:var(--text-primary, #f2f3f5);border-bottom-left-radius:4px}.peer-author{font-size:var(--text-12);font-weight:600;color:var(--text-secondary, #b5bac1);margin-bottom:2px}.peer-content{line-height:1.55}.peer-content a{color:var(--info, #0891b2);text-decoration:underline}.peer-content code{background:#0003;padding:1px 4px;border-radius:3px;font-size:var(--text-13);font-family:var(--font-mono)}.peer-content pre{background:#0000004d;padding:8px 12px;border-radius:6px;overflow-x:auto;margin:6px 0}.peer-content pre code{background:none;padding:0}.peer-content strong{font-weight:700}.peer-content em{font-style:italic}.peer-content blockquote{border-left:3px solid var(--text-muted);padding-left:8px;margin:4px 0;color:var(--text-secondary)}.peer-time{font-size:var(--text-11);color:var(--text-muted, #949ba4);margin-top:2px;padding:0 var(--space-1)}.peer-confirm-card{background:var(--surface-1, #2b2d31);border:1px solid var(--border);border-radius:12px;padding:var(--space-3) var(--space-4);margin-top:8px;max-width:100%}.peer-confirm-header{font-size:var(--text-13);font-weight:600;color:var(--text-secondary, #b5bac1);margin-bottom:8px}.peer-confirm-brief{font-size:var(--text-14);color:var(--text-primary, #f2f3f5);margin-bottom:8px;line-height:1.5}.peer-confirm-surface{font-size:var(--text-12);color:var(--text-muted, #949ba4);font-family:var(--font-mono);margin-bottom:10px}.peer-confirm-btns{display:flex;gap:var(--space-2)}.peer-btn{padding:6px var(--space-4);border-radius:6px;font-size:var(--text-13);font-weight:600;cursor:pointer;border:none;transition:filter .15s}.peer-btn:hover{filter:brightness(1.1)}.peer-btn-primary{background:var(--accent, #16a34a);color:var(--fg-on-accent)}.peer-btn-secondary{background:var(--surface-3, #3f4147);color:var(--text-primary, #f2f3f5)}.peer-btn-ghost{background:transparent;color:var(--text-muted, #949ba4);border:1px solid var(--border)}.peer-dispatching{font-size:var(--text-13);color:var(--text-secondary);padding:var(--space-2) 0}.peer-dispatch-result{font-size:var(--text-13);color:var(--text-secondary)}.peer-dispatch-error{color:var(--danger, #dc2626)}.peer-dispatch-path{font-family:var(--font-mono);font-size:var(--text-12);color:var(--text-muted);margin-top:4px}.peer-dispatch-status{margin-bottom:4px}.peer-status-pill{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:var(--surface-3, #3f4147);border-radius:20px;font-size:var(--text-12);color:var(--text-secondary, #b5bac1)}.peer-status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-online, #16a34a);animation:peer-pulse 1.5s infinite}.peer-status-done .peer-status-dot{animation:none;background:var(--accent)}.peer-status-bar{width:80px;height:4px;background:var(--surface-1);border-radius:2px;overflow:hidden}.peer-status-bar-fill{width:30%;height:100%;background:var(--accent, #16a34a);border-radius:2px;animation:peer-bar-slide 2s ease-in-out infinite}@keyframes peer-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes peer-bar-slide{0%{width:10%;margin-left:0}50%{width:40%;margin-left:30%}to{width:10%;margin-left:90%}}.peer-compose{flex-shrink:0;padding:var(--space-2) var(--space-4) var(--space-4);background:var(--surface-2)}.peer-compose-inner{display:flex;align-items:flex-end;gap:var(--space-2);max-width:720px;margin:0 auto;background:var(--surface-1, #2b2d31);border:1px solid var(--border);border-radius:12px;padding:var(--space-2) var(--space-3)}.peer-textarea{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary, #f2f3f5);font-size:var(--text-14);font-family:var(--font);line-height:1.4;resize:none;max-height:30vh;min-height:20px}.peer-textarea::placeholder{color:var(--text-muted, #949ba4)}.peer-send-btn{background:var(--accent, #16a34a);color:var(--fg-on-accent);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:filter .15s}.peer-send-btn:hover{filter:brightness(1.1)}.peer-send-btn svg{width:16px;height:16px}.dev-dashboard-body{display:flex;flex-direction:column;height:100%;padding:var(--space-4);background:var(--surface-2);overflow:auto}.dev-dashboard-meta{font-size:var(--text-12);color:var(--text-muted);margin-bottom:var(--space-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dev-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.dev-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:8px;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color .15s,transform .15s}.dev-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.dev-card-running{border-left:3px solid var(--accent)}.dev-card-stalled{border-left:3px solid var(--warning)}.dev-card-done{border-left:3px solid var(--info)}.dev-card-idle{border-left:3px solid var(--status-offline)}.dev-card-error{border-left:3px solid var(--danger)}.dev-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dev-card-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-14);font-weight:600;color:var(--text-primary)}.dev-card-badge{font-size:var(--text-10);text-transform:uppercase;letter-spacing:.5px;padding:2px var(--space-2);border-radius:999px;font-weight:600}.dev-card-badge-running{background:var(--accent-soft);color:var(--accent)}.dev-card-badge-stalled{background:var(--warning-soft);color:var(--warning)}.dev-card-badge-done{background:var(--info-soft);color:var(--info)}.dev-card-badge-idle{background:var(--surface-3);color:var(--text-muted)}.dev-card-badge-error{background:var(--danger-soft);color:var(--danger)}.dev-card-row{display:flex;justify-content:space-between;font-size:var(--text-12);gap:var(--space-2)}.dev-card-label{color:var(--text-muted);flex-shrink:0}.dev-card-value{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dev-card-flag{margin-top:var(--space-1);font-size:var(--text-11);color:var(--info);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--info-soft);padding:var(--space-1) var(--space-2);border-radius:4px}.dev-empty{padding:var(--space-6);text-align:center;color:var(--text-muted)}.dev-empty-title{font-size:var(--text-16);margin-bottom:var(--space-2);color:var(--text-secondary)}.dev-empty-body{font-size:var(--text-13);max-width:480px;margin:0 auto;line-height:1.5}.dev-empty-body code{background:var(--surface-3);padding:1px 6px;border-radius:3px;font-size:var(--text-12)}.dev-dashboard-spend{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-3);background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-13)}.dev-dashboard-spend-label{color:var(--text-muted);text-transform:uppercase;font-size:var(--text-11);letter-spacing:.5px}.dev-dashboard-spend-value{color:var(--accent);font-weight:600;font-size:var(--text-15)}.dev-dashboard-spend-sep{color:var(--text-muted)}.dev-dashboard-spend-detail{color:var(--text-secondary);font-size:var(--text-12);margin-left:auto}.watcher-feed-body{display:flex;flex-direction:column;height:100%;background:var(--surface-2);overflow:auto}.watcher-filter-bar{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-2);position:sticky;top:0;z-index:var(--z-base)}.watcher-filter-btn{background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:var(--space-1) 14px;font-size:var(--text-13);font-family:inherit;color:var(--text-secondary);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)}.watcher-filter-btn:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.watcher-filter-active{background:var(--surface-3);border-color:var(--text-muted);color:var(--text-primary);font-weight:600}.watcher-timeline{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4);gap:1px}.watcher-loading{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-13)}.watcher-card{display:flex;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--dur-fast) var(--ease-out)}.watcher-card:hover{border-color:var(--border-strong)}.watcher-card-pill{width:4px;flex-shrink:0}.watcher-card-clean .watcher-card-pill{background:var(--accent)}.watcher-card-active .watcher-card-pill{background:var(--info)}.watcher-card-warn .watcher-card-pill{background:var(--warning)}.watcher-card-escalate .watcher-card-pill{background:var(--danger)}.watcher-card-unparseable .watcher-card-pill{background:var(--status-offline)}.watcher-card-content{flex:1;min-width:0;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.watcher-card-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.watcher-card-title{font-family:var(--font-mono);font-size:var(--text-14);font-weight:600;color:var(--text-primary)}.watcher-card-time{font-size:var(--text-12);color:var(--text-muted);margin-left:auto;white-space:nowrap}.watcher-card-badge{font-size:var(--text-10);text-transform:uppercase;letter-spacing:.5px;padding:2px var(--space-2);border-radius:var(--radius-full);font-weight:600;white-space:nowrap}.watcher-badge-clean{background:var(--accent-soft);color:var(--accent)}.watcher-badge-active{background:var(--info-soft);color:var(--info)}.watcher-badge-warn{background:var(--warning-soft);color:var(--warning)}.watcher-badge-escalate{background:var(--danger-soft);color:var(--danger)}.watcher-badge-unparseable{background:var(--surface-3);color:var(--text-muted)}.watcher-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1) var(--space-3)}.watcher-meta-cell{display:flex;flex-direction:column;gap:1px;min-width:0}.watcher-meta-label{font-size:var(--text-11);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.watcher-meta-value{font-size:var(--text-12);font-family:var(--font-mono);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watcher-card-body{font-size:var(--text-13);color:var(--text-secondary);line-height:var(--leading-body)}.watcher-card-error{color:var(--warning);font-family:var(--font-mono);font-size:var(--text-12)}.watcher-raw-expander{margin-top:var(--space-1)}.watcher-raw-toggle{font-size:var(--text-12);color:var(--text-muted);cursor:pointer;user-select:none}.watcher-raw-toggle:hover{color:var(--text-secondary)}.watcher-raw-body{margin-top:var(--space-2);padding:var(--space-3);background:var(--surface-0);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-11);color:var(--text-secondary);line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.watcher-empty{padding:var(--space-6);text-align:center;color:var(--text-muted)}.watcher-empty-title{font-size:var(--text-16);margin-bottom:var(--space-2);color:var(--text-secondary)}.watcher-empty-body{font-size:var(--text-13);max-width:480px;margin:0 auto;line-height:1.5}.watcher-empty-body code{background:var(--surface-3);padding:1px 6px;border-radius:3px;font-size:var(--text-12)}.watcher-card-enter{opacity:0;transform:translateY(-8px)}.watcher-card-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}@media (max-width: 768px){.watcher-meta-grid{grid-template-columns:repeat(2,1fr)}.watcher-filter-bar{padding:var(--space-2) var(--space-3);gap:var(--space-1)}.watcher-filter-btn{font-size:var(--text-12);padding:3px 10px}.watcher-timeline{padding:var(--space-2) var(--space-3)}.watcher-card-header{gap:var(--space-1)}.watcher-card-time{margin-left:0;width:100%;order:3}}.deploy-pane{display:flex;flex-direction:column;height:100%;overflow:hidden}.deploy-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border, #3f3f46);flex-shrink:0}.deploy-heading{font-size:16px;font-weight:600;color:var(--fg, #e4e4e7);margin:0}.deploy-toolbar-right{display:flex;align-items:center;gap:12px}.deploy-toggle-archived{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--fg-muted, #a1a1aa);cursor:pointer}.deploy-toggle-archived input[type=checkbox]{accent-color:var(--accent, #6366f1)}.deploy-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.deploy-empty{color:var(--fg-muted, #a1a1aa);text-align:center;padding:40px 20px;font-size:14px}.deploy-card{background:var(--bg-secondary, #27272a);border:1px solid var(--border, #3f3f46);border-radius:8px;padding:14px 16px;transition:border-color .15s}.deploy-card:hover{border-color:var(--border-hover, #52525b)}.deploy-card-pending{border-left:3px solid var(--warning, #f59e0b)}.deploy-card-approved{border-left:3px solid var(--success, #16a34a)}.deploy-card-reverted{border-left:3px solid var(--danger, #ef4444)}.deploy-card-archived{opacity:.6;border-left:3px solid var(--text-muted, #71717a)}.deploy-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.deploy-card-title{display:flex;align-items:center;gap:8px;min-width:0}.deploy-status-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.deploy-card-app{font-size:14px;font-weight:600;color:var(--fg, #e4e4e7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deploy-card-hash{font-size:12px;font-family:var(--font-mono, "Fira Code", monospace);color:var(--fg-muted, #a1a1aa);background:var(--bg-tertiary, #18181b);padding:1px 6px;border-radius:4px}.deploy-card-actions{display:flex;gap:6px;flex-shrink:0}.deploy-approve-btn{background:var(--success, #16a34a)!important;color:#fff!important;border:none!important}.deploy-approve-btn:hover{background:#15803d!important}.deploy-archive-btn{background:transparent!important;color:var(--fg-muted, #a1a1aa)!important;border:1px solid var(--border, #3f3f46)!important}.deploy-archive-btn:hover{background:var(--bg-tertiary, #18181b)!important}.deploy-card-notes{font-size:13px;color:var(--fg-muted, #a1a1aa);margin-bottom:8px;padding:6px 10px;background:var(--bg-tertiary, #18181b);border-radius:6px;border-left:2px solid var(--accent, #6366f1)}.build-quick-links{margin-bottom:10px;padding:10px 12px;background:var(--bg-tertiary, #18181b);border-radius:6px;border-left:2px solid var(--accent, #16a34a)}.build-quick-links-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px}.build-quick-links-label{color:var(--fg-muted, #a1a1aa);font-weight:600;min-width:70px}.build-quick-link{display:inline-block;padding:3px 10px;border-radius:4px;background:var(--accent, #16a34a);color:var(--text-inverse, #fff);text-decoration:none;font-size:11px;font-weight:600;white-space:nowrap}.build-quick-link:hover{filter:brightness(1.15)}.build-public-url{font-size:11px;color:var(--fg, #e4e4e7);background:var(--bg-secondary, #27272a);padding:2px 8px;border-radius:4px;word-break:break-all}.build-public-url:hover{color:var(--accent, #16a34a)}.dev-review-status{background:var(--info)}.dev-review-open{background:var(--accent);color:var(--fg-on-accent);font-weight:600;text-decoration:none}.dev-review-subtitle{color:var(--fg-muted);font-size:var(--text-12)}.deploy-card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.deploy-meta-row{display:flex;align-items:center;gap:6px;font-size:12px}.deploy-meta-label{color:var(--fg-muted, #a1a1aa)}.deploy-meta-value{color:var(--fg, #e4e4e7);font-weight:500}.deploy-timeline{display:flex;flex-wrap:wrap;gap:8px}.deploy-timeline-item{font-size:11px;color:var(--fg-muted, #a1a1aa);padding:2px 8px;background:var(--bg-tertiary, #18181b);border-radius:4px}.deploy-timeline-approved{color:var(--success, #16a34a)}.deploy-timeline-reverted{color:var(--danger, #ef4444)}.deploy-files{margin-top:8px;display:flex;flex-direction:column;gap:2px}.deploy-file{font-size:12px;font-family:var(--font-mono, "Fira Code", monospace);color:var(--fg-muted, #a1a1aa);padding:2px 8px;background:var(--bg-tertiary, #18181b);border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deploy-file-more{color:var(--accent, #6366f1);font-style:italic}@media (max-width: 600px){.deploy-card-header{flex-direction:column;align-items:flex-start}.deploy-card-actions{width:100%}.deploy-card-actions .btn{flex:1}}.board-pane{display:flex;flex-direction:column;height:100%;overflow:hidden}.board-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border, #27272a);flex-shrink:0}.board-heading{font-size:16px;font-weight:700;color:var(--fg-bright, #fafafa);margin:0}.board-toolbar-right{display:flex;align-items:center;gap:8px}.board-grid{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-content:start}.board-card{background:var(--bg-secondary, #1e1e21);border:1px solid var(--border, #27272a);border-radius:8px;padding:0;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease;position:relative;overflow:hidden}.board-card:hover{border-color:var(--accent, #5865f2);box-shadow:0 2px 8px #00000040}.board-card-pinned{border-color:var(--warning, #f59e0b);background:var(--bg-secondary, #1e1e21)}.board-card-pinned:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--warning, #f59e0b)}.board-card-dragging{opacity:.5;transform:rotate(2deg);box-shadow:0 4px 16px #0006}.board-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px}.board-card-title{font-size:14px;font-weight:600;color:var(--fg-bright, #fafafa);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.board-card-btn{background:none;border:none;color:var(--fg-muted, #a1a1aa);padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s ease,color .1s ease}.board-card-btn:hover{background:var(--bg-hover, #2a2a2e);color:var(--fg-bright, #fafafa)}.board-card-pinned .board-pin-btn{color:var(--warning, #f59e0b)}.board-card-preview{padding:4px 12px 8px;font-size:13px;color:var(--fg-muted, #a1a1aa);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:60px}.board-card-empty{font-style:italic;color:var(--fg-dim, #71717a)}.board-card-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 6px;font-size:11px;color:var(--fg-dim, #71717a)}.board-card-author{font-weight:500;color:var(--fg-muted, #a1a1aa)}.board-card-time{white-space:nowrap}.board-card-quick{display:flex;align-items:center;border-top:1px solid var(--border, #27272a);padding:0}.board-quick-input{flex:1;background:transparent;border:none;color:var(--fg, #e4e4e7);padding:8px 10px;font-size:12px;outline:none;min-width:0}.board-quick-input::placeholder{color:var(--fg-dim, #71717a)}.board-quick-input:focus{background:var(--bg-tertiary, #18181b)}.board-quick-send{background:none;border:none;color:var(--fg-muted, #a1a1aa);padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .1s ease}.board-quick-send:hover{color:var(--accent, #5865f2)}.board-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--fg-dim, #71717a);font-size:14px}@media (max-width: 600px){.board-grid{grid-template-columns:1fr;padding:12px;gap:10px}.board-toolbar{flex-wrap:wrap;gap:8px}}.graph-container{position:relative;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);min-height:400px}.graph-svg{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}.graph-svg line{pointer-events:auto}.graph-svg line:hover{stroke-width:3;opacity:1}.graph-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:grab;z-index:var(--z-base);user-select:none;transition:opacity var(--dur-med) var(--ease-out)}.graph-node:active{cursor:grabbing}.graph-node.dimmed{opacity:.2}.graph-node-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-13);font-weight:700;color:var(--fg-on-accent);background:var(--accent);border:2px solid var(--bg);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.graph-node:hover .graph-node-avatar{box-shadow:var(--shadow-md);transform:scale(1.05)}.graph-node-label{font-size:var(--text-11);color:var(--fg-muted);white-space:nowrap;font-weight:500}.graph-legend{display:flex;gap:var(--space-4);padding:var(--space-2) var(--space-3);font-size:var(--text-12);color:var(--fg-dim);flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);margin-top:var(--space-3)}.graph-legend span{display:flex;align-items:center;gap:var(--space-1)}.graph-leg{display:inline-block;width:20px;height:0;border-top:2px solid;vertical-align:middle}.hierarchy-tree{display:flex;flex-direction:column;gap:var(--space-2)}.hierarchy-server{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.hierarchy-server-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);cursor:pointer;font-weight:600;font-size:var(--text-14);color:var(--fg-bright)}.hierarchy-server-header:hover{background:var(--bg-hover)}.hierarchy-role{padding:var(--space-1) var(--space-3) var(--space-1) var(--space-6);font-size:var(--text-12);font-weight:600;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.03em}.hierarchy-member{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-8);font-size:var(--text-13);cursor:pointer;transition:background var(--dur-med) var(--ease-out)}.hierarchy-member:hover{background:var(--bg-hover)}.hierarchy-member-name{font-weight:500;color:var(--fg)}.hierarchy-member-status{font-size:var(--text-11);margin-left:auto}.list-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:2px;cursor:pointer;transition:background var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}.list-card:hover{background:var(--bg-hover);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.list-card.expanded{border-color:var(--accent);background:var(--bg-secondary)}.list-card-info{flex:1;min-width:0}.list-card-name{font-size:var(--text-14);font-weight:600;color:var(--fg-bright)}.list-card-role{font-size:var(--text-12);color:var(--fg-muted)}.list-card-meta{display:flex;gap:var(--space-3);font-size:var(--text-11);color:var(--fg-dim);margin-top:2px}.list-card-actions{display:flex;gap:2px}.list-card-details{padding:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-13);color:var(--fg-muted)}.list-card-details-row{display:flex;align-items:center;gap:var(--space-2);padding:2px 0}.list-card-details-row svg{width:14px;height:14px;color:var(--fg-dim)}