:root,[data-theme=light]{--outline-width:1.5px;--radius-pill:999px;--space-12:48px;--hard-shadow:3px 3px 0 0 var(--shadow-ink);--hard-shadow-hover:5px 5px 0 0 var(--shadow-ink);--hard-shadow-press:1px 1px 0 0 var(--shadow-ink);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--dur-hero:.52s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ink:#1b1b1f;--canvas-dots:radial-gradient(#1b1b1f24 1px, transparent 1px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--outline:#1b1b1f;--shadow-ink:#1b1b1f;--pop-1:#ffd23f;--pop-2:#ff6b9d;--pop-3:#3ddc97;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-round:999px;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:22px;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--shadow-sm:var(--hard-shadow);--shadow-md:var(--hard-shadow);--shadow-lg:var(--hard-shadow);--duration-fast:var(--dur-fast);--duration-normal:var(--dur-base);--duration-slow:var(--dur-slow);--ease-standard:var(--ease-out);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--bg:#fff8ec;--surface-1:#fff;--surface-2:#fff0d4;--surface-3:#ffe5b8;--surface-hover:#fff0d4;--text:#1b1b1f;--text-muted:#5e5a66;--border:#e1e5e9;--border-strong:#b9c2cf;--accent:#5b4bff;--accent-hover:#4638e0;--accent-text:#fff;--danger:#d7263d;--danger-bg:#fee2e2;--success:#138a5b;--mention-bg:#ffe79a;--mention-text:#1b1b1f;--highlight-bg:#fff4c2;--highlight-border:#b7791f;--scrollbar:#aeb8c6;--overlay:#0f172a9e;--code-bg:#111827;--code-text:#e5e7eb;--code-comment:#9ca3af;--code-punctuation:#d1d5db;--code-number:#f9a8d4;--code-string:#86efac;--code-operator:#67e8f9;--code-keyword:#c4b5fd;--code-function:#fde68a;--code-regex:#fdba74;--card-bg:var(--surface-1);--input-bg:var(--surface-1);--input-border:var(--border-strong);--bubble-bg:var(--surface-2);--bubble-text:var(--text);--bubble-own-bg:var(--accent);--bubble-own-text:var(--accent-text);--reply-bar:var(--accent)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15171c;--surface-1:#20232a;--surface-2:#282c34;--surface-3:#30353f;--surface-hover:#2b3039;--text:#f1f3f5;--text-muted:#aeb5c2;--border:#363b46;--border-strong:#4b5260;--accent:#5558d9;--accent-hover:#6669e8;--accent-text:#fff;--danger:#ff8585;--danger-bg:#4a2024;--success:#55c982;--mention-bg:#343765;--mention-text:#dfe1ff;--highlight-bg:#44381f;--highlight-border:#d7a636;--scrollbar:#525966;--outline:#626468;--shadow-ink:#5558d9;--pop-1:#d4ccba;--pop-2:#d49ed2;--pop-3:#92ccd2;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=midnight-blue]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#091321;--surface-1:#101d31;--surface-2:#172741;--surface-3:#1e3150;--surface-hover:#1a2d49;--text:#ecf3ff;--text-muted:#a4b7d4;--border:#253b5d;--border-strong:#38547c;--accent:#2563c7;--accent-hover:#3475de;--accent-text:#fff;--danger:#ff8f95;--danger-bg:#4a2029;--success:#59d49a;--mention-bg:#193e75;--mention-text:#d9e9ff;--highlight-bg:#44371b;--highlight-border:#e8b84f;--scrollbar:#38547c;--outline:#58616f;--shadow-ink:#2563c7;--pop-1:#c8cfb6;--pop-2:#c8a0ce;--pop-3:#86cfcd;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=ocean]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05292f;--surface-1:#083940;--surface-2:#0c454e;--surface-3:#11535e;--surface-hover:#104b55;--text:#e9fbfe;--text-muted:#a2d5dc;--border:#17606b;--border-strong:#237582;--accent:#087f96;--accent-hover:#0898b2;--accent-text:#fff;--danger:#ffb07c;--danger-bg:#4b2b22;--success:#65dea0;--mention-bg:#0b5968;--mention-text:#d7faff;--highlight-bg:#4b3d19;--highlight-border:#f0c456;--scrollbar:#287582;--outline:#557277;--shadow-ink:#087f96;--pop-1:#c1d6aa;--pop-2:#c1a8c2;--pop-3:#7ed6c1;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=forest]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1c14;--surface-1:#15281c;--surface-2:#1c3425;--surface-3:#24402e;--surface-hover:#203a29;--text:#eaf8ee;--text-muted:#a9cdb4;--border:#2b4935;--border-strong:#3e6149;--accent:#16763b;--accent-hover:#1c9149;--accent-text:#fff;--danger:#ff9292;--danger-bg:#482326;--success:#66dc91;--mention-bg:#205637;--mention-text:#dcfce7;--highlight-bg:#4b3d1d;--highlight-border:#e2b74c;--scrollbar:#456650;--outline:#5b6960;--shadow-ink:#16763b;--pop-1:#c5d493;--pop-2:#c5a5ab;--pop-3:#82d4aa;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=sunset]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2a141f;--surface-1:#391c2a;--surface-2:#462332;--surface-3:#552b3c;--surface-hover:#4d2737;--text:#fff1eb;--text-muted:#e0aaa8;--border:#663348;--border-strong:#7a4057;--accent:#c94762;--accent-hover:#e05c75;--accent-text:#fff;--danger:#ff9b9b;--danger-bg:#54232d;--success:#72d69a;--mention-bg:#6c3046;--mention-text:#ffe7ee;--highlight-bg:#594020;--highlight-border:#efb44d;--scrollbar:#7a4057;--outline:#756166;--shadow-ink:#c94762;--pop-1:#f2c89c;--pop-2:#f29ab4;--pop-3:#afc8b4;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=rose-gold]{--bg:#fff5f6;--surface-1:#fff;--surface-2:#f9e8eb;--surface-3:#f2dadd;--surface-hover:#f7e2e5;--text:#42272c;--text-muted:#76545a;--border:#eacdd2;--border-strong:#d9aeb6;--accent:#a83f59;--accent-hover:#8f3049;--accent-text:#fff;--danger:#b42339;--danger-bg:#ffe1e5;--success:#26724a;--mention-bg:#f4d7df;--mention-text:#7d2941;--highlight-bg:#fff0b8;--highlight-border:#9b6814;--scrollbar:#c9959f;--outline:#42272c;--shadow-ink:#42272c;--pop-1:#ffd3a8;--pop-2:#ff9bb5;--pop-3:#b9edc8;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=lavender]{--bg:#f3f0ff;--surface-1:#fff;--surface-2:#eae4ff;--surface-3:#ddd4fb;--surface-hover:#e6dfff;--text:#2e2350;--text-muted:#665987;--border:#d8cff6;--border-strong:#bfb1e8;--accent:#6941c6;--accent-hover:#5632a8;--accent-text:#fff;--danger:#b4232f;--danger-bg:#fee4e7;--success:#26724a;--mention-bg:#e2d8ff;--mention-text:#4b278c;--highlight-bg:#fff0b8;--highlight-border:#946514;--scrollbar:#a99bd5;--outline:#2e2350;--shadow-ink:#2e2350;--pop-1:#e3cdff;--pop-2:#ffbfe3;--pop-3:#bdeada;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=solarized]{--bg:#fdf6e3;--surface-1:#fffdf5;--surface-2:#f4ecd2;--surface-3:#e8dfc4;--surface-hover:#f0e6c9;--text:#073642;--text-muted:#586e75;--border:#ddd3b5;--border-strong:#c4b991;--accent:#1b6f9f;--accent-hover:#155b85;--accent-text:#fff;--danger:#b52f2c;--danger-bg:#f8ded7;--success:#32734c;--mention-bg:#dce9e8;--mention-text:#155b62;--highlight-bg:#f9e6a5;--highlight-border:#8a6511;--scrollbar:#a9a07d;--outline:#073642;--shadow-ink:#073642;--pop-1:#f5d977;--pop-2:#efb89a;--pop-3:#aadbc6;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=dracula]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#282a36;--surface-1:#343746;--surface-2:#3a3d4f;--surface-3:#45485c;--surface-hover:#3f4254;--text:#f8f8f2;--text-muted:#b7bad2;--border:#4b4e63;--border-strong:#61657e;--accent:#754daa;--accent-hover:#8d62c5;--accent-text:#fff;--danger:#ff8585;--danger-bg:#552735;--success:#69d995;--mention-bg:#553f79;--mention-text:#f0e6ff;--highlight-bg:#55461f;--highlight-border:#f1c45b;--scrollbar:#65697f;--outline:#717278;--shadow-ink:#754daa;--pop-1:#dccaae;--pop-2:#dc9bc6;--pop-3:#9acac6;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=nord]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2e3440;--surface-1:#3b4252;--surface-2:#41495a;--surface-3:#4a5365;--surface-hover:#454d5f;--text:#eceff4;--text-muted:#b8c2d4;--border:#515b6e;--border-strong:#68758b;--accent:#44788f;--accent-hover:#518ba4;--accent-text:#fff;--danger:#efa0a7;--danger-bg:#55343d;--success:#8fca9f;--mention-bg:#435d72;--mention-text:#e4f4ff;--highlight-bg:#554827;--highlight-border:#dfbf69;--scrollbar:#6a768b;--outline:#70757f;--shadow-ink:#44788f;--pop-1:#d0d4a8;--pop-2:#d0a6c0;--pop-3:#8ed4bf;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=monokai]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#272822;--surface-1:#30312a;--surface-2:#3a3b33;--surface-3:#44453c;--surface-hover:#3f4037;--text:#f8f8f2;--text-muted:#c0bcaa;--border:#4a493e;--border-strong:#656355;--accent:#317c8b;--accent-hover:#3d98a9;--accent-text:#fff;--danger:#ff72a3;--danger-bg:#54283a;--success:#a6e22e;--mention-bg:#485a32;--mention-text:#edffc7;--highlight-bg:#584724;--highlight-border:#f2c15b;--scrollbar:#656355;--outline:#70716b;--shadow-ink:#317c8b;--pop-1:#ccd5a7;--pop-2:#cca7bf;--pop-3:#89d5be;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=gruvbox]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#282828;--surface-1:#32302f;--surface-2:#3c3836;--surface-3:#494442;--surface-hover:#423d3b;--text:#fbf1c7;--text-muted:#c9b99a;--border:#504945;--border-strong:#665c54;--accent:#8f5a16;--accent-hover:#a96c1d;--accent-text:#fff;--danger:#fb8b82;--danger-bg:#562f2c;--success:#a6d189;--mention-bg:#5b4b26;--mention-text:#fff2c4;--highlight-bg:#5c4a20;--highlight-border:#fabd2f;--scrollbar:#756a60;--outline:#726e60;--shadow-ink:#8f5a16;--pop-1:#e3cd8a;--pop-2:#e39ea2;--pop-3:#a0cda1;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=mint]{--bg:#f0fdf6;--surface-1:#fff;--surface-2:#e0f5e9;--surface-3:#cee9da;--surface-hover:#daf0e4;--text:#143e29;--text-muted:#3e745b;--border:#c3e5d1;--border-strong:#9fd0b4;--accent:#087a55;--accent-hover:#056343;--accent-text:#fff;--danger:#b4232f;--danger-bg:#fee4e7;--success:#18794e;--mention-bg:#ccebdc;--mention-text:#155f43;--highlight-bg:#fff0b8;--highlight-border:#946514;--scrollbar:#88bda0;--outline:#143e29;--shadow-ink:#143e29;--pop-1:#e2ec9a;--pop-2:#ffbfae;--pop-3:#92e0bd;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=cyberpunk]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0221;--surface-1:#180a30;--surface-2:#21103f;--surface-3:#2c1850;--surface-hover:#271448;--text:#f9edff;--text-muted:#c1a9dd;--border:#402367;--border-strong:#5a3287;--accent:#b81962;--accent-hover:#d32373;--accent-text:#fff;--danger:#ff829e;--danger-bg:#52152e;--success:#42e9bd;--mention-bg:#4d1b68;--mention-text:#ffdff4;--highlight-bg:#4e3f0d;--highlight-border:#ffe44d;--scrollbar:#5a3287;--outline:#60546f;--shadow-ink:#b81962;--pop-1:#edbc9c;--pop-2:#ed8eb4;--pop-3:#aabcb4;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}[data-theme=amoled]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface-1:#0a0a0a;--surface-2:#141414;--surface-3:#1d1d1d;--surface-hover:#181818;--text:#f4f4f5;--text-muted:#b3b3b8;--border:#292929;--border-strong:#404040;--accent:#0757ad;--accent-hover:#0a6dd5;--accent-text:#fff;--danger:#ff7870;--danger-bg:#3b1715;--success:#45cc79;--mention-bg:#112f52;--mention-text:#d8ebff;--highlight-bg:#3c3212;--highlight-border:#e9bd44;--scrollbar:#454545;--outline:#555556;--shadow-ink:#0757ad;--pop-1:#c1ccaf;--pop-2:#c19ec7;--pop-3:#7eccc6;--canvas-dots:radial-gradient(color-mix(in srgb, var(--outline) 25%, transparent) 1px, transparent 1px)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font-body),"Noto Naskh Arabic","Segoe UI",system-ui;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--accent)}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.9}button svg{flex-shrink:0}img{max-width:100%}h1,h2,h3,p{margin-top:0}button{background:0 0;border:0}kbd{border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 5px;font-family:inherit;font-size:10px}[hidden]{display:none!important}::selection{background:var(--mention-bg);color:var(--mention-text)}.icon-button{justify-content:center;align-items:center;display:inline-flex}.icon-button:hover,.icon-button.selected{background:var(--surface-2);color:var(--text)}.danger{color:var(--danger)!important}.eyebrow{letter-spacing:1.8px;color:var(--accent);font-size:10px;font-weight:700;display:block}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error,.profile-error{background:var(--danger-bg);color:var(--danger);border-radius:8px;padding:11px 13px;font-size:13px}.skip-link{z-index:150;background:var(--surface-1);border:2px solid var(--accent);border-radius:8px;padding:10px 16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:10px}.auth-layout{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-story{isolation:isolate;background:var(--accent);color:#fff;flex-direction:column;padding:48px clamp(24px,5vw,80px);display:flex;position:relative;overflow:hidden}.school-brand{color:inherit;align-items:center;gap:16px;font-size:18px;text-decoration:none;display:flex}.school-logo{border:var(--outline-width) solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);background:var(--pop-1);color:var(--ink);border-radius:14px;flex-shrink:0;place-items:center;display:inline-grid}.school-logo .lucide{width:26px;height:26px}.auth-story-copy{z-index:1;margin:64px 0 32px;position:relative}.auth-story-copy h2{margin:0 0 24px;font-size:56px;font-weight:800;line-height:1.12}.auth-story-copy h2>span{display:block}.auth-story-copy em{background:var(--pop-1);color:var(--ink);border:var(--outline-width) solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:0 12px 5px;font-style:normal;display:inline-block;transform:rotate(-2deg)}.auth-story-copy p{color:#fff;max-width:360px;margin:0;font-size:16px}.auth-stickers{z-index:1;gap:20px;max-width:400px;margin:8px 0 32px;display:grid;position:relative}.auth-sticker{--sticker-rotation:-4deg;width:90%}.auth-sticker>div{color:var(--ink);border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(var(--sticker-rotation));background:#fff;border-radius:20px;padding:16px 20px}.auth-sticker strong{font:700 14px var(--font-display),system-ui}.auth-sticker p{margin:4px 0 0;font-size:14px}.sticker-2{--sticker-rotation:3deg;margin-left:10%}.sticker-3{--sticker-rotation:-2deg}.auth-shapes{z-index:0;pointer-events:none;position:absolute;inset:0}.shape-circle{background:var(--pop-2);border:1.5px solid var(--ink);border-radius:50%;width:48px;height:48px;position:absolute;top:16%;right:6%}.shape-squiggle{width:65px;color:var(--pop-3);position:absolute;top:45%;right:4%}.shape-star{width:64px;color:var(--pop-1);position:absolute;bottom:9%;right:4%}.shape-plus{font:800 56px var(--font-display),system-ui;color:var(--pop-2);position:absolute;bottom:23%;left:3%}.auth-panel{background:var(--bg);background-image:var(--canvas-dots);background-size:22px 22px;justify-content:center;align-items:center;min-width:0;padding:48px 24px;display:flex}.auth-card{background:var(--surface-1);border:var(--outline-width) solid var(--outline);width:420px;max-width:100%;box-shadow:var(--hard-shadow);border-radius:28px;padding:32px}.auth-card h1{margin:24px 0 12px;font-size:30px;font-weight:800;line-height:1.15}.auth-description{color:var(--text-muted);margin:0 0 24px;font-size:14px}.auth-form{flex-direction:column;gap:8px;display:flex}.auth-form label{margin-top:8px;font-size:12px;font-weight:700}.auth-form>input{width:100%}.auth-form>small{color:var(--text-muted);font-size:12px}.password-field{align-items:center;display:flex;position:relative}.password-field input{width:100%;padding-right:48px!important}.password-field button{border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:2px;right:2px}.auth-submit{background:var(--accent);width:100%;color:var(--accent-text);border:var(--outline-width) solid var(--outline);box-shadow:var(--hard-shadow);border-radius:999px;justify-content:center;align-items:center;gap:12px;height:44px;margin-top:16px;padding:0 20px;font-size:14px;display:flex}.auth-switch{text-align:center;color:var(--text-muted);margin:24px 0 0;font-size:14px}.auth-switch a{text-underline-offset:3px;padding:8px 0;font-weight:600;display:inline-block}.auth-form .error{border:1.5px solid var(--danger);background:var(--danger-bg);color:var(--danger);border-radius:10px;margin:8px 0;padding:12px;font-size:14px}.auth-mobile-brand{display:none}@media (max-width:699px){.auth-layout{display:block}.auth-story{display:none}.auth-panel{min-height:100dvh;padding:100px 16px max(32px,env(safe-area-inset-bottom));display:block;position:relative}.auth-mobile-brand{background:var(--accent);color:#fff;height:140px;font:800 18px var(--font-display),system-ui;align-items:flex-start;gap:16px;padding:28px 24px;display:flex;position:absolute;top:0;left:0;right:0}.auth-mobile-brand strong{padding-top:10px}.auth-card{z-index:1;margin:0 auto;padding:24px;position:relative}.auth-card h1{font-size:30px}}.chat-app{width:100%;height:100dvh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);display:flex;overflow:hidden}.chat-sidebar{z-index:25;flex-direction:column;flex:0 0 228px;display:flex;position:relative}.sidebar-brand strong{letter-spacing:-.3px}.sidebar-brand small{color:var(--text-muted)}.sidebar-section-label{letter-spacing:1.3px;margin-bottom:12px;font-size:9px;font-weight:650}.primary-navigation{gap:6px;display:grid}.primary-navigation button{text-align:left;align-items:center;gap:11px;display:flex}.primary-navigation button:hover{background:var(--surface-2)}.primary-navigation button.selected{font-weight:650}.nav-indicator{background:currentColor;border-radius:50%;width:6px;height:6px;margin-left:auto;display:none}.selected .nav-indicator{display:block}.sidebar-note{margin-top:22px;padding:28px 14px}.sidebar-note-symbol{color:var(--accent);font-size:40px;line-height:1}.sidebar-note h2{letter-spacing:-.5px;margin:16px 0 10px;font-size:17px;font-weight:600;line-height:1.4}.sidebar-note p{color:var(--text-muted);font-size:11px;line-height:1.8}.presence-caption,.online-label{color:var(--text-muted);align-items:center;gap:7px;font-size:10px;display:flex}.presence-caption{margin-top:20px}.presence-caption i,.online-label i{background:var(--success);border-radius:50%;width:6px;height:6px}.sidebar-bottom{margin-top:auto;display:grid}.sidebar-action{width:100%;color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.sidebar-action:hover{background:var(--surface-2)}.sidebar-action small{margin-left:auto}.account-menu{position:relative}.account-menu summary{cursor:pointer;align-items:center;gap:10px;padding:2px 5px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary>span:nth-child(2){flex:1;min-width:0;display:grid}.account-menu strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu small{color:var(--text-muted)}.account-popover{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:50;border-radius:10px;padding:6px;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.account-popover button{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:11px;font-size:12px;display:flex}.account-popover button:hover{background:var(--surface-2)}.chat-content{background:var(--surface-1);flex-direction:column;flex:1;min-width:0;display:flex}.chat-topbar{flex-shrink:0;align-items:center;display:flex}.room-symbol{border-radius:12px;place-items:center;height:40px;display:grid}.room-heading{min-width:0}.room-heading h1{letter-spacing:-.4px;line-height:1.2}.room-heading p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.topbar-actions{align-items:center;margin-left:auto;display:flex}.search-trigger{gap:8px}.chat-workspace{flex:1;min-height:0;display:flex}.chat-main{outline:0;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.connection-notice{background:var(--highlight-bg);color:var(--text);border-bottom:1px solid var(--highlight-border);padding:9px 18px;font-size:12px}.mobile-nav-toggle,.mobile-nav-close,.navigation-backdrop,.members-backdrop{display:none}.message-list-shell{flex:1;min-height:0;position:relative}.message-list{overscroll-behavior:contain;overflow-anchor:none;height:100%;scroll-padding:30px;overflow:auto}.message-history-loader{color:var(--text-muted);justify-content:center;padding:4px 0 20px;font-size:10px;display:flex}.message-history-loader button,.message-history-loader>span{align-items:center;gap:8px;display:flex}.message-history-loader button{border:1px solid var(--border);background:var(--surface-1);color:var(--text-muted);border-radius:20px;padding:7px 12px;font-size:11px}.message-day-divider{color:var(--text-muted);align-items:center;display:flex}.message-day-divider:before,.message-day-divider:after{content:"";background:var(--border);flex:1;height:1px}.message-group{margin:0 0 22px;display:flex}.message-avatar-button{border-radius:12px;align-self:flex-start;padding:0}.message-group-heading{align-items:baseline;gap:10px;display:flex}.message-author{text-align:left;padding:0}.message-author small{color:var(--text-muted);margin-left:7px;font-size:10px;font-weight:400}.message-group-heading time{color:var(--text-muted);white-space:nowrap;font-size:9px}.message-item{overflow-wrap:anywhere}.message-item:target{background:var(--highlight-bg)}.message-content{overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%}.message-content.compact{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-paragraph{display:block}.message-paragraph+.message-paragraph{margin-top:6px}.message-content a{text-underline-offset:3px}.message-content a:hover{text-decoration-thickness:2px}.inline-emoji,.inline-custom-emoji{object-fit:contain;vertical-align:middle;width:22px;height:22px;margin:0 1px;display:inline-block}.inline-custom-emoji{width:28px;height:28px}.mention-pill{background:var(--mention-bg);color:var(--mention-text);border-radius:4px;padding:1px 3px;font-weight:550}.inline-code{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);border-radius:4px;padding:1px 4px;font-size:.9em}.message-code-block{background:var(--code-bg);color:var(--code-text);white-space:normal;border-radius:8px;margin:7px 0;overflow:hidden}.message-code-header{border-bottom:1px solid #ffffff25;justify-content:space-between;padding:8px 12px;font-size:11px;display:flex}.message-code-header button{color:inherit;align-items:center;gap:5px;display:flex}.message-code-block pre{white-space:pre;font:12px/1.6 var(--font-mono);margin:0;padding:12px;overflow:auto}.message-code-line{display:table-row}.code-line-number{color:var(--code-comment);-webkit-user-select:none;user-select:none;padding-right:16px;display:table-cell}.code-line-content{display:table-cell}.message-image-button{margin-bottom:8px;display:block;overflow:hidden}.message-image{object-fit:contain;width:auto;display:block}.message-edited,.delivery-state{color:var(--text-muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.delivery-state.failed{color:var(--danger)}.delivery-state button{align-items:center;gap:4px;font-size:11px;text-decoration:underline;display:flex}.delivery-sending{opacity:.65}.message-reply-context{align-items:center;gap:6px}.message-reply-author{white-space:nowrap;font-weight:600}.message-reply-context .message-content{min-width:0}.message-actions{background:var(--surface-1);opacity:0;pointer-events:none;z-index:4;align-items:center;display:flex;position:absolute}.message-item:hover .message-actions,.message-item.active .message-actions,.message-item:focus-within .message-actions{opacity:1;pointer-events:auto}.message-actions>button{color:var(--text-muted);place-items:center;display:grid}.message-actions>button:hover{background:var(--surface-2);color:var(--accent)}.message-action-divider{background:var(--border);width:1px;height:16px;margin:0 3px}.quick-reaction-picker{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:8px;padding:5px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0}.quick-reaction-picker button{border-radius:5px;padding:6px;font-size:18px}.quick-reaction-picker button:hover{background:var(--surface-2)}.message-action-toast{color:var(--accent);padding:3px 7px;font-size:10px}.reaction-row{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.reaction-pill{border:1px solid var(--border);border-radius:7px;align-items:center;gap:5px;display:flex}.reaction-pill.mine{border-color:var(--accent)}.reaction-count{font-weight:600}.message-edit-form textarea{border:1px solid var(--accent);background:var(--surface-1);resize:vertical;border-radius:8px;width:100%;padding:10px;font-size:16px}.message-edit-help{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;display:flex}.message-edit-help button{padding:5px 9px;font-size:11px}.message-edit-help button:last-child{color:var(--accent);font-weight:600}.message-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:230px;padding:32px;display:flex}.empty-state-icon{place-items:center;margin-bottom:24px;display:grid}.message-empty-state h2{letter-spacing:-.7px;max-width:360px;line-height:1.3}.message-empty-state p{max-width:340px;color:var(--text-muted)}.message-list-loading{padding:30px}.message-skeleton{gap:14px;margin-bottom:28px;display:flex}.skeleton-avatar{background:var(--surface-2);border-radius:11px;width:36px;height:36px}.skeleton-lines{gap:9px;width:70%;display:grid}.skeleton-lines i{background:var(--surface-2);border-radius:5px}.skeleton-lines i:first-child{width:25%}.message-skeleton:nth-child(2n) .skeleton-lines{width:48%}.jump-to-bottom{white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute}.composer-shell{flex-shrink:0}.composer-box{position:relative}.composer-box:focus-within{border-color:var(--accent)}.composer-box>textarea{resize:none;background:0 0;border:0;display:block;outline:0!important}.composer-toolbar{justify-content:space-between;align-items:center;padding:6px 9px 8px}.composer-tools{align-items:center;gap:3px;display:flex}.composer-tools button{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;display:inline-flex}.composer-tools button:hover{background:var(--surface-2);color:var(--text)}.composer-tools .composer-send{margin-left:9px;font-size:11px}.composer-tools .composer-send:hover{background:var(--accent-hover);color:var(--accent-text)}.composer-hint{color:var(--text-muted);justify-content:space-between;gap:12px;padding-top:8px;font-size:9px}.composer-hint kbd{color:inherit;border:0;padding:0;font-size:9px}.composer-context-bar,.composer-attachment,.composer-error{align-items:center;gap:12px;margin-bottom:8px;display:flex}.composer-context-bar>div{flex:1;min-width:0}.composer-context-bar>div>span{color:var(--accent);font-weight:650}.composer-context-bar button,.composer-attachment button,.composer-error button{place-items:center;margin-left:auto;display:grid}.composer-attachment img{object-fit:cover;border-radius:6px;width:42px;height:42px}.composer-attachment>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-error{background:var(--danger-bg);color:var(--danger)}.composer-drop-overlay{z-index:20;background:var(--mention-bg);color:var(--mention-text);border:2px dashed var(--accent);pointer-events:none;border-radius:12px;place-items:center;display:grid;position:absolute;inset:0}.composer-suggestions{background:var(--surface-1);border:1px solid var(--border);max-height:250px;box-shadow:var(--shadow-md);z-index:10;border-radius:10px;padding:5px;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:auto}.composer-suggestions button{text-align:left;border-radius:6px;justify-content:space-between;gap:12px;width:100%;padding:10px;font-size:12px;display:flex}.composer-suggestions button.active{background:var(--mention-bg);color:var(--mention-text)}.composer-suggestions span{color:var(--text-muted);font-size:11px}.members-panel{flex-direction:column;flex-shrink:0;display:flex}.members-panel-header{justify-content:space-between;align-items:center;display:flex}.members-panel-header h2{margin:0;font-weight:650}.members-panel-header h2>span{color:var(--text-muted);background:var(--surface-2);border-radius:5px;margin-left:5px;padding:2px 6px;font-size:10px;font-weight:400}.member-search{color:var(--text-muted);align-items:center;gap:8px;display:flex}.member-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.members-list{flex:1;min-height:0;overflow:auto}.member-group{margin-bottom:23px}.member-group h3{text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;margin:0 0 12px 5px;font-weight:600;display:flex}.member-group h3>span{margin-left:auto;margin-right:8px}.member-group .status-dot{border:0;width:5px;height:5px;position:static}.member-row{border-radius:8px;align-items:center;gap:2px;margin-bottom:4px;padding:7px 4px;display:flex}.member-row:hover{background:var(--surface-2)}.member-profile-trigger{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.member-name{gap:2px;min-width:0;display:grid}.member-name>strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.member-name small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-row>.icon-button{opacity:0}.member-row:hover>.icon-button,.member-row:focus-within>.icon-button{opacity:1}.member-group-empty{color:var(--text-muted);padding:12px;font-size:11px}.members-footer{align-items:center;gap:12px;padding:18px 4px 3px;display:flex}.members-footer>span{color:var(--accent);font-size:34px;line-height:1}.members-footer p{color:var(--text-muted);margin:0}.profile-avatar{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex;position:relative}.profile-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.profile-avatar-small{border-radius:9px;width:28px;height:28px;font-size:10px}.profile-avatar-message{width:36px;height:36px}.status-dot{background:var(--text-muted);border-radius:50%;width:9px;height:9px;display:inline-block}.profile-avatar .status-dot{position:absolute}.status-dot.idle{background:#b58113}.status-dot.dnd{background:var(--danger)}.emoji-picker-anchor{position:relative}.emoji-picker{background:var(--surface-1);z-index:40;flex-direction:column;max-width:calc(100vw - 28px);max-height:60dvh;display:flex;position:absolute;bottom:calc(100% + 12px);overflow:hidden}.emoji-picker-search-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px;display:flex}.emoji-picker-search-row input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.emoji-picker-body{flex:1;min-height:0;display:flex}.emoji-picker-categories{flex-shrink:0;display:flex;overflow:auto}.emoji-category-tab{border-radius:6px;padding:5px}.emoji-picker-grid{flex:1;min-width:0;padding:7px;position:relative;overflow:auto}.emoji-grid{display:grid}.emoji-btn{border-radius:5px;place-items:center!important;min-width:0!important;display:grid!important}.emoji-btn:hover{background:var(--surface-2)}.emoji-category-heading{color:var(--text-muted);padding:8px 4px;font-size:10px;font-weight:650}.custom-emoji-picker-image{object-fit:contain;width:25px;height:25px}.emoji-picker-preview{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:9px;height:44px;padding:6px 12px;display:flex}.emoji-picker-preview-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.custom-emoji-preview{object-fit:contain;width:28px;height:28px}.emoji-picker-empty{text-align:center;color:var(--text-muted);padding:30px 12px;font-size:12px}.profile-backdrop,.theme-builder-backdrop,.chat-search-backdrop,.confirm-backdrop,.lightbox-overlay{z-index:90;background:var(--overlay);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-modal,.theme-builder,.chat-search-palette,.confirm-dialog{background:var(--surface-1);border:1px solid var(--border);width:100%;max-width:460px;max-height:90dvh;box-shadow:var(--shadow-lg);border-radius:16px;position:relative;overflow:auto}.profile-close{z-index:2;background:var(--surface-1);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.profile-banner{height:100px}.profile-avatar-wrap{border:4px solid var(--surface-1);background:var(--surface-1);border-radius:26px;width:80px;margin:-34px 24px 12px;position:relative}.avatar-edit-button{background:var(--surface-1);border:1px solid var(--border);border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;bottom:-3px;right:-6px}.profile-content{padding:0 26px 26px}.profile-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.profile-title-row h2{letter-spacing:-.7px;margin:0 0 5px;font-size:22px;line-height:1.2}.profile-title-row>div>span{color:var(--text-muted);font-size:12px}.profile-edit{border:1px solid var(--border);border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:flex}.profile-details section{margin:20px 0}.profile-details h3{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin:0 0 7px;font-size:9px}.profile-details p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px}.profile-status{background:var(--surface-2);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.profile-pills{flex-wrap:wrap;gap:6px;display:flex}.profile-pills span{border:1px solid var(--border);border-radius:6px;padding:4px 7px;font-size:10px}.profile-presence{color:var(--text-muted);align-items:center;gap:7px;display:flex}.profile-loading{justify-content:center;align-items:center;gap:10px;min-height:180px;font-size:12px;display:flex}.profile-form{gap:14px;display:grid}.profile-form label,.theme-builder form>label,.theme-color-grid>label{gap:5px;font-size:11px;font-weight:600;display:grid}.profile-form input,.profile-form select,.profile-form textarea,.theme-builder input:not([type=color]){border:1px solid var(--border-strong);background:var(--surface-1);border-radius:7px;width:100%;min-width:0;padding:9px 10px;font-size:16px}.profile-form textarea{resize:vertical}.profile-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-form input[type=color]{max-width:80px;height:36px;padding:4px}.profile-form-actions,.theme-builder-actions,.confirm-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.profile-form-actions>span,.theme-builder-actions>span{flex:1}.profile-form-actions button,.theme-builder-actions button,.confirm-actions button{border:1px solid var(--border);border-radius:7px;align-items:center;gap:5px;padding:9px 12px;font-size:11px;display:flex}.profile-form-actions .primary,.theme-builder-actions .primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.profile-remove-avatar,.theme-builder-actions .delete{color:var(--danger)}.profile-storage-note{color:var(--text-muted);margin:0;font-size:10px}.chat-search-palette>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:22px;display:flex}.chat-search-palette>header small{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:9px}.chat-search-palette h2{letter-spacing:-.4px;margin:4px 0 0;font-size:18px}.chat-search-palette>header>button{place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.chat-search-palette{max-width:600px}.chat-search-mark{color:var(--accent)}.chat-search-input{border:1px solid var(--border-strong);color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;margin:18px 22px;padding:11px;display:flex}.chat-search-input input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.chat-search-results{min-height:150px;max-height:42dvh;padding:0 15px 15px;overflow:auto}.chat-search-guide,.chat-search-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:28px 18px;display:flex}.chat-search-guide>span{display:none}.chat-search-guide strong,.chat-search-empty strong{color:var(--text);margin:10px 0 6px;font-size:13px}.chat-search-guide p,.chat-search-empty p{max-width:320px;margin:0;font-size:11px}.chat-search-count{color:var(--text-muted);padding:4px 8px 10px;font-size:10px}.chat-search-result{text-align:left;border-radius:8px;align-items:center;gap:11px;width:100%;padding:12px 8px;display:flex}.chat-search-result:hover{background:var(--surface-2)}.chat-search-result>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.chat-search-result strong{font-size:11px}.chat-search-result small{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);font-size:12px;overflow:hidden}.chat-search-result-avatar{background:var(--mention-bg);width:33px;height:33px;color:var(--mention-text);border-radius:10px;place-items:center;font-size:12px;display:grid}.chat-search-palette footer{border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:16px;padding:12px 20px;font-size:10px;display:flex}.chat-search-palette footer b{margin-left:auto;font-weight:400}.confirm-dialog{max-width:410px;padding:28px}.confirm-dialog h2{letter-spacing:-.5px;font-size:20px}.confirm-dialog p{color:var(--text-muted);font-size:12px}.confirm-actions{justify-content:flex-end;margin-top:24px}.confirm-danger{background:var(--danger)!important;color:var(--surface-1)!important;border:0!important}.lightbox-image{object-fit:contain;border-radius:8px;max-width:94vw;max-height:88dvh}.lightbox-close{background:var(--surface-1);border-radius:50%;width:40px;height:40px;font-size:25px;position:fixed;top:20px;right:20px}@media (min-width:1450px){.chat-topbar,.message-list,.composer-shell{padding-left:38px;padding-right:38px}.members-panel{width:270px}}@media (max-width:1120px){.chat-sidebar{flex-basis:205px;width:205px;padding-left:10px;padding-right:10px}.members-panel{width:220px;padding:15px 10px}.chat-topbar{padding:14px 20px}.online-label,.message-author small{display:none}.message-list{padding:20px}.composer-shell{padding-left:20px;padding-right:20px}.sidebar-brand{gap:8px;padding-left:5px;padding-right:0}.sidebar-brand strong{font-size:12px}.topbar-actions{gap:5px}}@media (max-width:900px){.members-panel{z-index:35;width:270px;box-shadow:var(--shadow-lg);position:absolute;top:80px;bottom:0;right:0}.members-backdrop{z-index:34;background:var(--overlay);display:block;position:fixed;inset:0}.members-panel .member-row>.icon-button{opacity:1}}@media (max-width:700px){.chat-sidebar{display:none}.chat-sidebar.navigation-open{padding-top:max(24px,env(safe-area-inset-top));z-index:70;width:270px;box-shadow:var(--shadow-lg);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand strong{font-size:14px}.mobile-nav-close{margin-left:auto;display:inline-flex}.navigation-backdrop{background:var(--overlay);z-index:69;display:block;position:fixed;inset:0}.mobile-nav-toggle{display:inline-flex}.chat-topbar{gap:10px;min-height:66px;padding:10px 12px}.room-symbol{display:none}.room-heading h1{margin:0 0 3px;font-size:16px}.room-heading p{max-width:195px;font-size:10px}.topbar-actions{gap:2px}.search-trigger kbd{display:none}.icon-button{min-width:36px;min-height:40px}.message-list{padding:19px 15px 8px}.message-group{gap:9px;margin-bottom:20px}.message-content{font-size:14px}.message-group-heading{gap:7px}.message-group-heading time{font-size:9px}.message-author{font-size:12px}.message-reply-context{font-size:10px;display:block}.message-actions{top:-30px}.message-actions>button{min-width:34px;min-height:34px}.composer-shell{padding:8px 12px max(10px,env(safe-area-inset-bottom))}.composer-box>textarea{min-height:55px;padding:13px 12px 5px}.composer-toolbar{padding:4px 7px 7px}.composer-tools button{min-width:36px;min-height:36px}.composer-hint{padding-top:6px;font-size:8px}.composer-hint>span:last-child{display:none}.composer-hint kbd{font-size:8px}.members-panel{top:66px}.theme-picker-menu{width:300px;max-height:75dvh;overflow:auto}.emoji-picker{left:12px;right:12px;bottom:calc(110px + env(safe-area-inset-bottom));width:auto;max-width:none;height:330px;max-height:55dvh;position:fixed}.profile-backdrop,.theme-builder-backdrop,.chat-search-backdrop,.confirm-backdrop{padding:12px}.profile-modal,.theme-builder,.chat-search-palette{max-height:92dvh}.profile-content{padding:0 20px 22px}.theme-builder-body{grid-template-columns:1fr}.theme-builder-body>aside{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;padding:9px;overflow:auto}.theme-builder-body>aside>button{white-space:nowrap;flex-shrink:0}.theme-builder form{padding:18px}.chat-search-palette>header{padding:17px}.chat-search-input{margin:15px}.chat-search-palette footer{gap:10px;font-size:9px}.chat-search-palette footer>span:first-child{display:none}.message-empty-state h2{font-size:21px}}@media (max-width:370px){.room-heading p,.composer-send span{display:none}.composer-tools .composer-send{padding:7px 10px}.sidebar-note{padding-top:14px}}@media (max-height:620px){.sidebar-note{display:none}.chat-topbar{min-height:60px}.theme-picker-menu{max-height:65dvh;overflow:auto}}@media (hover:none){.member-row>.icon-button{opacity:1}.message-actions>button{min-width:38px;min-height:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.emoji-load-more{width:100%;color:var(--accent);background:var(--surface-2);border-radius:6px;margin-top:8px;padding:10px;font-size:11px}.reaction-picker{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:8px;gap:2px;padding:5px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0}.reaction-picker button{border-radius:5px;padding:6px;font-size:18px}.reaction-picker button:hover{background:var(--surface-2)}.workspace-loading{color:var(--text-muted);flex:1;place-items:center;font-size:12px;display:grid}.code-block-wrap{background:var(--code-bg);margin:9px 0;overflow:hidden}.code-block-label{color:var(--code-comment);border-bottom:1px solid #ffffff20;font-size:10px}.code-block-wrap .message-code-block{white-space:pre;font:12px/1.65 var(--font-mono);margin:0;padding:12px;overflow:auto}.code-line{min-height:1.65em;display:block}h1,h2,h3,h4,button,summary,.message-author,.member-name strong,.school-brand strong,.sidebar-brand strong{font-family:var(--font-display),system-ui;font-weight:700}h1,h2,h3,h4{letter-spacing:-.02em}button{min-height:44px;font-size:14px;line-height:1.2}:where(.auth-submit,.appearance-done,.profile-edit,.profile-form-actions button,.confirm-actions button,.message-history-loader button,.search-load-more,.emoji-load-more){border-radius:var(--radius-pill);border:var(--outline-width) solid var(--outline);height:44px;box-shadow:var(--hard-shadow);background:var(--surface-1);padding:0 20px}:where(.auth-submit,.appearance-done,.profile-form-actions .primary){background:var(--accent);color:var(--accent-text)}button:disabled{opacity:.5;box-shadow:none!important;transform:none!important}.icon-button{border:var(--outline-width) solid transparent;width:40px;min-width:40px;height:40px;min-height:40px;box-shadow:none;color:var(--text);border-radius:50%;padding:8px;position:relative}.icon-button:after{content:"";position:absolute;inset:-2px}.icon-button:hover{border-color:var(--outline);box-shadow:var(--hard-shadow);background:var(--surface-1)}.lucide{stroke-width:2.25px;flex-shrink:0;width:20px;height:20px}input:not([type=hidden]):not([type=file]):not([type=color]),select{border:var(--outline-width) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-1);min-width:0;height:48px;padding:0 12px;font-size:16px}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent);box-shadow:var(--hard-shadow);outline:2px solid var(--accent);outline-offset:2px}label{font-size:12px;font-weight:700}.eyebrow,.sidebar-section-label,.member-group h3{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.profile-avatar{border:var(--outline-width) solid var(--outline);width:40px;height:40px;color:var(--ink);font:700 14px var(--font-display),system-ui;box-shadow:none;border-radius:14px}.profile-avatar-large{border-radius:20px;width:76px;height:76px;font-size:30px}.profile-avatar .status-dot{border:2px solid var(--surface-1);width:12px;height:12px;bottom:-2px;right:-2px}.status-dot.online{background:var(--pop-3)}.status-dot.idle,.status-dot.away{background:var(--pop-1)}.status-dot.offline,.status-dot.invisible{background:var(--text-muted)}.reaction-pill,.mention-pill,.profile-pills span,.search-filter,.online-label{border:var(--outline-width) solid var(--outline);border-radius:var(--radius-pill);box-shadow:none;padding:2px 10px;font-size:12px;font-weight:700}.reaction-pill .lucide,.search-filter .lucide{width:16px;height:16px}.profile-modal,.chat-search-palette,.confirm-dialog,.account-popover,.composer-suggestions,.emoji-picker,.reaction-picker{border:var(--outline-width) solid var(--outline);box-shadow:var(--hard-shadow);border-radius:var(--radius-lg)}.profile-pills span{background:var(--surface-2)}hr{border:0;border-top:1.5px dashed color-mix(in srgb,var(--outline) 35%,transparent)}.skeleton-avatar,.skeleton-lines i{background:var(--surface-2);border:1.5px solid color-mix(in srgb,var(--outline) 25%,transparent);box-shadow:none;border-radius:14px;position:relative;overflow:hidden}.skeleton-lines i{height:40px}.skeleton-lines i:first-child{height:14px}.message-empty-state h2{margin:0 0 12px;font-size:22px;font-weight:800}.message-empty-state p{font-size:14px}.empty-state-icon{border:var(--outline-width) solid var(--outline);width:80px;height:64px;box-shadow:var(--hard-shadow);background:var(--pop-1);color:var(--ink);border-radius:20px;position:relative;transform:rotate(-4deg)}.empty-state-icon:after{content:"";background:var(--pop-1);border-left:1.5px solid var(--outline);border-bottom:1.5px solid var(--outline);width:16px;height:16px;position:absolute;bottom:-9px;left:16px;transform:skewY(-35deg)}.chat-sidebar{background:var(--surface-2);border-right:var(--outline-width) solid var(--outline);flex-basis:280px;width:280px;padding:24px 16px 16px}.sidebar-brand{align-items:center;gap:12px;padding:0 0 32px;display:flex}.sidebar-brand>span:not(.school-logo){gap:4px;min-width:0;display:grid}.sidebar-brand strong{white-space:normal;font-size:18px;font-weight:800;line-height:1.2}.sidebar-brand small{font-size:12px}.sidebar-section-label{color:var(--text-muted);margin:0 0 12px;padding:0}.primary-navigation button{min-height:44px;color:var(--text);border:1.5px solid #0000;border-radius:14px;padding:10px 12px;font-size:14px}.primary-navigation button.selected{background:var(--pop-1);color:var(--ink);border-color:var(--outline);box-shadow:var(--hard-shadow)}.dm-section-label{margin-top:32px}.sidebar-dm-list{align-content:start;gap:8px;min-height:0;padding:0 5px 16px 0;display:grid;overflow:auto}.sidebar-dm-list>button{text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 4px;display:flex}.sidebar-dm-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sidebar-dm-list button.selected{background:var(--surface-1);border:var(--outline-width) solid var(--outline)}.dm-unread{border:var(--outline-width) solid var(--outline);background:var(--pop-2);color:var(--ink);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:12px}.sidebar-bottom{gap:8px}.sidebar-action{min-height:44px;font-size:14px}.sidebar-action small{font-size:12px}.account-menu{border-top:1.5px dashed color-mix(in srgb,var(--outline) 35%,transparent);padding-top:16px}.account-menu strong{font-size:14px}.account-menu small{font-size:12px}.account-menu summary{min-height:44px}.chat-content,.chat-main{background:var(--bg)}.chat-topbar{background:var(--surface-1);border-bottom:var(--outline-width) solid var(--outline);gap:8px;height:64px;min-height:64px;padding:0 16px}.room-symbol{width:auto;color:var(--text);background:0 0}.room-heading h1{margin:0;font-size:18px}.topbar-actions{gap:8px}.online-label{background:var(--pop-3);color:var(--ink);white-space:nowrap;gap:6px;font-size:12px;display:inline-flex}.online-label i{display:none}.members-panel{background:var(--surface-2);border-left:var(--outline-width) solid var(--outline);flex-basis:300px;width:300px;padding:16px}.members-panel-header h2{font-size:16px}.member-group h3{letter-spacing:.08em;font-size:11px}.member-name>strong{font-size:14px}.member-name small{font-size:12px}.member-profile-trigger{min-height:44px}.member-row>.icon-button{min-width:40px;min-height:40px;padding:8px}.member-search{background:var(--surface-1);border:var(--outline-width) solid var(--outline);border-radius:14px;margin:16px 0 24px;padding:0 8px}.member-search input{background:0 0!important;border:0!important;height:44px!important;padding:0!important;font-size:16px!important}.member-search:focus-within{box-shadow:var(--hard-shadow);border-color:var(--accent)}.members-footer{border-top:1.5px dashed color-mix(in srgb,var(--outline) 35%,transparent)}.members-footer p{font-size:12px}@media (min-width:700px) and (max-width:1023px){.chat-sidebar{flex-basis:72px;width:72px;padding:16px 12px}.sidebar-brand{padding:0 0 24px}.sidebar-brand>span:not(.school-logo),.sidebar-section-label,.primary-navigation button>span,.sidebar-dm-list,.sidebar-action,.account-menu summary>span:nth-child(2),.account-menu summary>svg{display:none}.primary-navigation button{width:44px;padding:10px}.sidebar-bottom{margin-top:auto}.account-menu{border:0;padding:0}.account-menu summary{padding:0}.account-popover{width:210px;left:0;right:auto}.sidebar-brand .school-logo{width:44px;height:44px}}@media (max-width:1023px){.members-panel{top:env(safe-area-inset-top);z-index:75;width:min(86vw,320px);box-shadow:var(--hard-shadow);position:fixed;bottom:0;right:0}.members-backdrop{z-index:74;background:var(--overlay);display:block;position:fixed;inset:0}.member-row>.icon-button{opacity:1}}@media (max-width:699px){.chat-sidebar{display:none}.chat-sidebar.navigation-open{width:min(86vw,320px);padding:24px 16px max(16px,env(safe-area-inset-bottom));z-index:80;background:var(--surface-2);box-shadow:var(--hard-shadow);display:flex;position:fixed;top:0;bottom:0;left:0}.navigation-backdrop{z-index:79;background:var(--overlay);display:block;position:fixed;inset:0}.mobile-nav-toggle,.mobile-nav-close{display:inline-flex}.mobile-nav-close{margin-left:auto}.sidebar-brand{gap:8px}.sidebar-brand strong{font-size:16px}.chat-topbar{gap:4px;height:56px;min-height:56px;padding:0 8px}.room-symbol{display:none}.room-heading h1{font-size:16px}.topbar-actions{gap:4px}.online-label{padding:2px 6px;font-size:11px}}@media (max-width:374px){.online-label{display:none}.chat-topbar .icon-button{width:40px;min-width:40px}.sidebar-brand small{display:none}.sidebar-brand strong{white-space:normal}}.message-list{background:var(--bg);background-image:var(--canvas-dots);background-size:22px 22px;padding:24px 16px 16px}[data-canvas=plain] .message-list{background-image:none}.message-group{align-items:flex-start;gap:12px;margin-bottom:20px}.message-group.own{flex-direction:row-reverse}.message-group-body{flex-direction:column;flex:0 72%;align-items:flex-start;min-width:0;max-width:72%;display:flex}.own .message-group-body{align-items:flex-end}.message-avatar-button{place-items:center;min-width:44px;min-height:44px;display:grid}.message-group-heading{min-height:24px;margin:0 0 4px}.message-author{color:var(--text);min-height:24px;font-size:14px;font-weight:700}.message-author small{display:none}.message-item{background:var(--surface-1);color:var(--text);border:var(--outline-width) solid var(--outline);box-shadow:var(--hard-shadow);border-radius:20px 20px 20px 6px;min-width:70px;max-width:100%;margin-bottom:4px;padding:10px 14px;position:relative}.own .message-item{background:var(--accent);color:var(--accent-text);border-radius:20px 20px 6px}.message-item.active{background:var(--surface-1)}.own .message-item.active{background:var(--accent)}.message-content{font-family:var(--font-body),"Noto Naskh Arabic","Segoe UI",system-ui;text-align:start;font-size:16px;line-height:1.55}.message-content.compact{font-size:13px;line-height:1.55}.message-content a{color:inherit}.bubble-time{text-align:right;color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.5;display:block}.own .bubble-time,.own .message-edited,.own .delivery-state{color:var(--accent-text)}.message-edited{font-size:11px}.message-item .inline-code{color:var(--text);border-color:var(--outline)}.message-reply-context{border:0;border-left:3px solid var(--pop-2);background:color-mix(in srgb,var(--pop-2) 8%,transparent);color:inherit;border-radius:8px;margin:0 0 8px;padding:8px 10px;font-size:13px;display:block}.message-reply-context .message-content{-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.message-reply-author{font-size:12px;display:block}.message-image-button{border:var(--outline-width) solid var(--outline);box-shadow:var(--hard-shadow);border-radius:14px;max-width:100%;min-height:0;padding:0}.message-image{max-height:320px}.code-block-wrap{border:var(--outline-width) solid var(--outline);box-shadow:var(--hard-shadow);text-align:left;direction:ltr;border-radius:14px;max-width:100%}.code-block-label{font:700 11px var(--font-display),system-ui;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.code-block-label button{width:44px;color:var(--code-text);place-items:center;display:grid}.message-actions{border:var(--outline-width) solid var(--outline);box-shadow:var(--hard-shadow);color:var(--text);border-radius:999px;flex-wrap:wrap;width:max-content;max-width:calc(100vw - 80px);padding:2px;top:-44px;left:0;right:auto}.own .message-actions{left:auto;right:0}.message-actions>button{border-radius:50%;min-width:40px;min-height:44px}.message-actions .lucide{width:20px;height:20px}.reaction-pill{min-height:44px;color:var(--text);background:var(--surface-2);padding:2px 10px;font-size:12px}.reaction-count{font-size:12px}.reaction-pill.mine{background:var(--accent);color:var(--accent-text)}.message-day-divider{gap:12px;margin:16px 0 24px;font-size:12px}.message-day-divider>span{background:var(--surface-1);border:var(--outline-width) solid var(--outline);border-radius:999px;padding:2px 10px;font-weight:700}.message-day-divider:before,.message-day-divider:after{border-top:1.5px dashed color-mix(in srgb,var(--outline) 35%,transparent);background:0 0;height:0}.jump-to-bottom{background:var(--accent);width:44px;height:44px;min-height:44px;color:var(--accent-text);border:var(--outline-width) solid var(--outline);box-shadow:var(--hard-shadow);border-radius:50%;justify-content:center;padding:0;bottom:16px;left:auto;right:20px;transform:none}.jump-unread{background:var(--pop-2);color:var(--ink);border:1.5px solid var(--outline);border-radius:999px;padding:2px 6px;font-size:12px;position:absolute;top:-8px;right:-7px}.composer-shell{margin:16px 16px max(16px,env(safe-area-inset-bottom));background:var(--surface-1);border:var(--outline-width) solid var(--outline);min-height:56px;box-shadow:var(--hard-shadow);border-radius:22px;padding:0;position:relative}.composer-box{min-height:56px;box-shadow:none;background:0 0;border:0;border-radius:22px;align-items:center;gap:4px;padding:5px;display:flex}.composer-box:focus-within{box-shadow:none}.composer-shell:focus-within{border-color:var(--accent)}.composer-box>textarea{flex:1;order:2;width:0;min-width:0;min-height:44px;max-height:168px;padding:9px 4px;font-size:16px;line-height:1.55}.composer-toolbar{display:contents}.composer-tools.left{order:1;gap:0}.composer-tools.right{order:3}.composer-tools button{border-radius:50%;width:40px;min-width:40px;min-height:44px;padding:8px}.composer-tools .composer-send{background:var(--accent);width:44px;height:44px;color:var(--accent-text);border:var(--outline-width) solid var(--outline);box-shadow:var(--hard-shadow);border-radius:50%;margin:0;padding:0}.composer-tools .composer-send:disabled{background:var(--surface-3);color:var(--text-muted);box-shadow:none;opacity:1}.composer-hint{display:none}.composer-context-bar,.composer-attachment,.composer-error{border:0;border-bottom:1.5px dashed color-mix(in srgb,var(--outline) 35%,transparent);background:0 0;border-radius:20px 20px 0 0;margin:0;padding:10px 14px;font-size:13px}.composer-context-bar button,.composer-attachment button,.composer-error button{min-width:44px;min-height:44px}.composer-context-bar .message-content{max-height:40px;overflow:hidden}.emoji-picker{border:var(--outline-width) solid var(--outline);width:390px;height:400px;box-shadow:var(--hard-shadow);border-radius:20px;left:0;right:auto}.emoji-picker-body{flex-direction:column}.emoji-picker-categories{border-right:0;border-bottom:1.5px dashed color-mix(in srgb,var(--outline) 35%,transparent);flex-direction:row;gap:4px;width:100%;min-height:48px;padding:4px}.emoji-category-tab{border:var(--outline-width) solid var(--outline);flex-shrink:0;place-items:center;display:grid;border-radius:999px!important;min-width:40px!important;min-height:40px!important}.emoji-category-tab.active{background:var(--pop-1);color:var(--ink)}.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:0}.emoji-btn{min-height:44px!important;padding:0!important}.emoji-picker-search-row input{box-shadow:none;border:0!important;padding:0!important}.emoji-picker-search-row button{min-width:44px;min-height:44px}@media (hover:hover){.message-item:not(:last-child) .bubble-time{opacity:0}.message-item:hover .bubble-time,.message-item:focus-within .bubble-time{opacity:1}}@media (max-width:699px){.message-list{padding:16px 12px}.message-group{gap:4px}.message-avatar-button{width:44px;min-width:44px}.message-avatar-button .profile-avatar{border-radius:14px;width:40px;height:40px;font-size:14px}.message-group-body{flex-basis:calc(100% - 48px);max-width:86%}.composer-shell{margin:16px 12px max(16px,env(safe-area-inset-bottom))}.composer-tools button,.composer-tools .composer-send{width:44px;min-width:44px}.message-content{font-size:16px}.emoji-picker{width:auto;max-width:none;left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));max-height:60dvh;position:fixed}.emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){button{transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}:is(.auth-submit,.appearance-done,.profile-edit,.profile-form-actions button,.confirm-actions button,.message-history-loader button,.search-load-more,.emoji-load-more):hover:not(:disabled){box-shadow:var(--hard-shadow-hover);transform:translate(-2px,-2px)}:is(.auth-submit,.appearance-done,.profile-edit,.profile-form-actions button,.confirm-actions button,.message-history-loader button,.search-load-more,.emoji-load-more):active:not(:disabled){box-shadow:var(--hard-shadow-press);transform:translate(2px,2px)}.primary-navigation button:hover,.sidebar-action:hover,.sidebar-dm-list button:hover{transform:translate(4px)}.auth-story-copy h2>span,.auth-story-copy>p,.auth-sticker,.auth-card{animation:auth-enter var(--dur-hero) var(--ease-out) both;animation-delay:calc(var(--enter-order,0) * 70ms)}.auth-form>label,.auth-form>input,.auth-form>.password-field,.auth-submit{animation:auth-enter var(--dur-hero) var(--ease-out) both;animation-delay:.56s}.auth-form>.password-field{animation-delay:.63s}.auth-submit{animation-delay:.7s}.auth-sticker>div{animation:6s ease-in-out infinite sticker-float;animation-delay:var(--float-delay)}.shape-squiggle,.shape-star{animation:14s linear infinite shape-rotate}.auth-form .error{animation:.36s ease-out error-shake}.chat-workspace{animation:panel-switch var(--dur-base) var(--ease-out)}.chat-workspace.route-leaving{pointer-events:none;animation:.12s ease-out both fade-out}.message-enter{animation:message-enter var(--dur-slow) var(--ease-spring);--entry-x:-12px}.own .message-enter{--entry-x:12px}.reaction-pop{animation:reaction-pop .28s var(--ease-spring)}.count-change{animation:count-change .16s var(--ease-out);display:inline-block}.composer-send:active:not(:disabled){transform:scale(.9)}.send-success>svg{animation:send-flight .36s var(--ease-spring)}.appearance-backdrop,.profile-backdrop,.chat-search-backdrop,.shortcuts-backdrop,.confirm-backdrop,.lightbox-overlay,.navigation-backdrop,.members-backdrop{animation:.16s ease-out fade-in}.appearance-panel,.theme-studio,.profile-modal,.chat-search-palette,.shortcuts-dialog,.confirm-dialog{animation:dialog-enter var(--dur-base) var(--ease-spring)}.emoji-picker,.account-popover,.composer-suggestions,.reaction-picker{animation:popover-enter .16s var(--ease-out);transform-origin:0 100%}.profile-avatar .status-dot.online:after{content:"";border:1.5px solid var(--pop-3);pointer-events:none;border-radius:50%;animation:2.4s ease-out infinite presence-ring;position:absolute;inset:0}.skeleton-avatar:after,.skeleton-lines i:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.4s linear infinite skeleton-sweep;position:absolute;inset:0}.jump-control{animation:jump-enter var(--dur-base) var(--ease-spring)}.jump-control.jump-leaving{animation:.12s ease-out both fade-out}html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .25s,color .25s,border-color .25s,fill .25s,stroke .25s}@media (max-width:1023px){.members-panel{animation:drawer-right var(--dur-slow) var(--ease-out)}}@media (max-width:699px){.chat-sidebar.navigation-open{animation:drawer-left var(--dur-slow) var(--ease-out)}}}@keyframes auth-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sticker-float{0%,to{transform:translateY(0) rotate(var(--sticker-rotation))}50%{transform:translateY(-8px) rotate(var(--sticker-rotation))}}@keyframes shape-rotate{to{transform:rotate(360deg)}}@keyframes error-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes panel-switch{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes message-enter{0%{opacity:0;transform:translate(var(--entry-x),14px) scale(.96)}to{opacity:1;transform:none}}@keyframes reaction-pop{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes count-change{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes send-flight{0%,to{opacity:1;transform:none}50%{opacity:0;transform:translate(8px,-8px)}51%{opacity:0;transform:translate(-8px,8px)}}@keyframes dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popover-enter{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes drawer-left{0%{transform:translate(-100%)}to{transform:none}}@keyframes drawer-right{0%{transform:translate(100%)}to{transform:none}}@keyframes presence-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes jump-enter{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.message-item:target:after,.message-item.deep-link-highlight:after{content:"";border:3px solid var(--pop-1);border-radius:inherit;pointer-events:none;animation:1.6s ease-out forwards fade-out;position:absolute;inset:-4px}[data-effects=subtle]{--ease-spring:var(--ease-out)}[data-effects=subtle] .auth-sticker>div,[data-effects=subtle] .auth-shapes *,[data-effects=subtle] .status-dot.online:after{animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.message-enter,.appearance-panel,.profile-modal,.chat-search-palette{animation:.12s ease-out fade-in!important}}[data-effects=minimal] *,[data-effects=minimal] :before,[data-effects=minimal] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.waiting-art{object-fit:cover;border:var(--outline-width) solid var(--outline);border-radius:var(--radius-lg);width:100%;max-height:180px;margin:16px 0}.waiting-status{align-items:center;gap:12px;margin-bottom:24px;display:flex}.join-count{background:var(--pop-2);color:var(--ink);border:var(--outline-width) solid var(--outline);border-radius:999px;padding:2px 10px}.join-dialog{background:var(--surface-1);border:var(--outline-width) solid var(--outline);width:min(600px,100vw - 32px);max-height:85dvh;box-shadow:var(--hard-shadow);border-radius:var(--radius-lg);padding:24px;overflow:auto}.join-dialog header,.join-dialog h2{justify-content:space-between;align-items:center;gap:12px;display:flex}.join-dialog ul{padding:0;list-style:none}.join-dialog li{border-bottom:1.5px dashed var(--outline);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.join-dialog li div{overflow-wrap:anywhere;flex:1;min-width:130px}.join-dialog time{color:var(--text-muted);font-size:12px;display:block}.join-dialog button:not(.icon-button),.join-toast button{border:1.5px solid var(--outline);background:var(--surface-2);border-radius:999px;min-height:44px;padding:0 16px}.join-toast{z-index:110;background:var(--surface-1);border:1.5px solid var(--outline);box-shadow:var(--hard-shadow);border-radius:14px;align-items:center;gap:12px;width:max-content;max-width:90vw;padding:12px;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%)}.typing-indicator{min-height:24px;color:var(--text-muted);align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.typing-dots{gap:3px;display:flex}.typing-dots i{background:var(--accent);border-radius:999px;width:5px;height:5px}@media (prefers-reduced-motion:no-preference){.typing-dots i{animation:1s ease-in-out infinite typing-dot}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}}@keyframes typing-dot{50%{opacity:.5;transform:translateY(-3px)}}[data-effects=minimal] .typing-dots i{animation:none!important}.media-player{min-width:0;max-width:100%}.media-player video{border:var(--outline-width) solid var(--outline);border-radius:var(--radius-md);width:100%;max-width:460px;max-height:320px;box-shadow:var(--hard-shadow);background:var(--surface-2);display:block}.voice-player{background:var(--surface-1);width:280px;max-width:100%;color:var(--text);border:var(--outline-width) solid var(--outline);border-radius:var(--radius-md);box-shadow:var(--hard-shadow);align-items:center;gap:12px;padding:10px;display:flex}.voice-player>button{border:1.5px solid var(--outline);background:var(--accent);width:44px;height:44px;color:var(--accent-text);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.voice-player>div{flex:1;min-width:0}.voice-player strong{font-size:14px}.voice-player small{color:var(--text-muted);font-size:12px;display:block}.voice-player input[type=range]{width:100%;height:44px;box-shadow:none;accent-color:var(--accent);padding:0}.voice-player p,.media-player p{overflow-wrap:anywhere;font-size:12px}.voice-recorder{align-items:center;display:flex}.voice-recorder>span{background:var(--surface-1);border:1.5px solid var(--outline);color:var(--text);z-index:4;border-radius:14px;max-width:100%;padding:12px;font-size:14px;position:absolute;bottom:100%;left:0}.voice-recorder span button{min-height:44px;padding:0 12px!important}:is(.composer-attachment:has(.voice-player),.composer-attachment:has(.media-player)){flex-wrap:wrap}.composer-attachment .voice-player,.composer-attachment .media-player{width:min(280px,100%)}.upload-progress{padding:8px 14px;font-size:12px}.upload-progress label{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.upload-progress progress{accent-color:var(--accent);max-width:100%}.upload-progress span{color:var(--text-muted)}.lucide{stroke-width:2.25px}.composer-box>textarea,.composer-box>textarea:focus,.composer-box>textarea:focus-visible{border-radius:0;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important}.composer-shell:focus-within{border-color:var(--accent);box-shadow:var(--hard-shadow);outline:2px solid var(--accent);outline-offset:3px}.composer-box:focus-within{box-shadow:none;outline:0}.chat-topbar{background:var(--bg);border-bottom:var(--outline-width) solid var(--outline)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--outline) 55%,var(--surface-2)) var(--surface-2)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--outline) 55%,var(--surface-2));border-radius:var(--radius-pill)}.sidebar-dm-list{flex:0 auto;max-height:35dvh}@media (min-width:1024px){.message-list{padding-inline:max(16px,50% - 430px)}.chat-main>.composer-shell{align-self:center;width:calc(100% - 32px);max-width:860px}}@media (prefers-reduced-motion:no-preference){.join-count{animation:join-pulse 2.4s var(--ease-out) infinite}}@keyframes join-pulse{50%{opacity:.8;transform:scale(1.08)}}[data-effects=minimal] .join-count{animation:none!important}.voice-player.voice-compact{width:260px;max-width:100%;box-shadow:none;color:inherit;background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:10px;padding:8px 10px}.voice-compact .voice-play{border:var(--outline-width) solid var(--outline);width:44px;min-width:44px;height:44px;box-shadow:var(--hard-shadow);background:var(--accent);color:var(--accent-text);border-radius:var(--radius-pill)}.voice-compact .voice-track{flex:1;min-width:0}.voice-bars{border-radius:var(--radius-sm);min-width:0;height:44px;position:relative}.voice-bars>span{align-items:center;gap:3px;height:100%;padding:4px 0;display:flex}.voice-bars i{height:var(--bar-height);background:var(--surface-3);border-radius:var(--radius-sm);border:1px solid;flex:1;min-width:2px}.voice-bars i.played{background:var(--pop-3)}.voice-bars input[type=range]{opacity:0;cursor:pointer;width:100%;height:44px;margin:0;position:absolute;inset:0}.voice-bars:focus-within{outline:2px solid var(--accent);outline-offset:2px}.voice-caption{justify-content:space-between;align-items:center;gap:8px;display:flex}.voice-caption small{color:inherit;font-variant-numeric:tabular-nums;font-size:12px}.voice-caption .voice-speed{border:var(--outline-width) solid var(--outline);border-radius:var(--radius-pill);background:var(--surface-1);min-width:44px;min-height:44px;color:var(--text);padding:0 6px;font-size:12px}.voice-compact p{width:100%;margin:4px 0;font-size:12px}.composer-tools .voice-recorder{position:relative}.voice-recorder>span{width:max-content;max-width:min(300px,100vw - 40px);left:auto;right:0}.voice-recorder .composer-mic{background:var(--accent);color:var(--accent-text);opacity:1}.composer-send:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.voice-compact .voice-track{padding-right:48px;position:relative}.voice-compact .voice-bars{height:36px}.voice-compact .voice-bars input[type=range]{height:44px;top:-4px}.voice-caption{min-height:20px}.voice-caption .voice-speed{position:absolute;top:4px;right:0}.chat-sidebar{min-height:0;overflow-y:auto}.composer-box>textarea{scrollbar-width:none}.composer-box>textarea::-webkit-scrollbar{display:none}@media (max-width:699px){.chat-topbar .online-label{display:none}}@media (min-width:700px) and (max-width:1023px){.primary-navigation button{position:relative}.primary-navigation button>.join-count{min-width:18px;padding:2px 4px;font-size:11px;display:inline-block;position:absolute;top:-6px;right:-6px}}.timeout-dialog{background:var(--surface-1);width:min(640px,100vw - 24px);max-height:90dvh;color:var(--text);border:var(--outline-width) solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--hard-shadow);padding:24px;overflow:auto}.timeout-dialog header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.timeout-dialog h2{font:800 22px var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;flex:1;margin:0}.timeout-mark{border:var(--outline-width) solid var(--outline);border-radius:var(--radius-md);background:var(--pop-1);width:44px;height:44px;color:var(--ink);box-shadow:var(--hard-shadow);flex-shrink:0;place-items:center;display:grid}.timeout-dialog>p{font-size:14px;line-height:1.55}.timeout-dialog fieldset{border:0;margin:0 0 20px;padding:0}.timeout-dialog legend{margin-bottom:8px;font-size:12px;font-weight:700}.timeout-durations{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.timeout-durations button,.timeout-rule-chips button,.timeout-dialog footer button,.profile-timeout,.member-timeout-badge{border:var(--outline-width) solid var(--outline);border-radius:var(--radius-pill);background:var(--surface-1);min-height:44px;padding:0 10px;font-size:12px;font-weight:700}.timeout-durations button[aria-checked=true],.timeout-dialog .timeout-confirm{background:var(--accent);color:var(--accent-text);box-shadow:var(--hard-shadow)}.timeout-reason{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.timeout-reason small{color:var(--text-muted);margin-left:auto}.timeout-reason textarea{border:var(--outline-width) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-1);width:100%;color:var(--text);resize:vertical;padding:12px;font-size:16px;line-height:1.55}.timeout-rule-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.timeout-rule-chips button{background:var(--surface-2)}.timeout-dialog footer{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.timeout-dialog footer>span{flex:1}.timeout-dialog footer button{padding:0 16px;font-size:14px}.timeout-existing{border:var(--outline-width) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-2);overflow-wrap:anywhere;padding:12px}.timeout-error{color:var(--danger);margin:16px 0 0}.timeout-error button{min-height:44px;text-decoration:underline;display:block}.timeout-dialog button:disabled{opacity:.5;box-shadow:none}.profile-timeout{box-shadow:var(--hard-shadow);align-items:center;gap:8px;margin-bottom:16px;padding:0 16px;display:flex}.member-timeout-badge{white-space:nowrap;background:var(--pop-1);color:var(--ink);align-items:center;gap:4px;padding:0 6px;font-size:11px;display:flex}.timeout-toast{z-index:120;background:var(--surface-1);max-width:90vw;color:var(--text);border:var(--outline-width) solid var(--outline);border-radius:var(--radius-pill);box-shadow:var(--hard-shadow);padding:12px 20px;font-size:14px;position:fixed;top:80px;left:50%;transform:translate(-50%)}@media (max-width:699px){.timeout-dialog{padding:20px 16px}.timeout-durations{grid-template-columns:repeat(3,minmax(0,1fr))}.timeout-dialog footer{gap:8px}.timeout-dialog footer>span{display:none}}.timeout-banner{background:var(--surface-2);border-bottom:var(--outline-width) solid var(--outline);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.timeout-banner>span{font-variant-numeric:tabular-nums;margin-left:auto}.timeout-banner small{color:var(--text-muted)}.timeout-notice{background:var(--surface-1);color:var(--text);padding:16px!important}.timeout-notice header{align-items:center;gap:12px;display:flex}.timeout-notice h2{font:800 18px var(--font-display);letter-spacing:-.02em;margin:0 0 4px}.timeout-notice header p{color:var(--text-muted);margin:0;font-size:12px}.timeout-notice .timeout-countdown{font:800 22px var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.timeout-notice>p{margin:12px 0 4px;font-size:14px;line-height:1.55}.timeout-notice>small{color:var(--text-muted);font-size:12px;line-height:1.55}.timeout-notice .timeout-member-reason{background:var(--surface-2);border-left:3px solid var(--pop-2);border-radius:var(--radius-sm);overflow-wrap:anywhere;padding:8px 12px}.timeout-progress{border:var(--outline-width) solid var(--outline);border-radius:var(--radius-pill);background:var(--surface-3);height:10px;margin-top:16px;overflow:hidden}.timeout-progress>span{transform-origin:0;background:var(--pop-1);width:100%;height:100%;display:block}.timeout-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.message-actions button:disabled,.reaction-pill:disabled{opacity:.5;cursor:not-allowed}.reaction-pill:disabled{animation:none!important}@media (prefers-reduced-motion:no-preference){.timeout-progress>span{transition:transform 1s linear}}@media (prefers-reduced-motion:reduce){.timeout-progress>span{transition:none!important;transform:none!important}}[data-effects=minimal] .timeout-progress>span{transition:none!important;transform:none!important}@media (max-width:699px){.timeout-banner{gap:6px;padding:6px 12px}.timeout-banner small{width:100%}.timeout-notice .timeout-mark{flex-basis:36px;width:36px;height:36px}.timeout-notice header{flex-wrap:wrap;gap:8px}.timeout-notice .timeout-countdown{font-size:18px}}.timeout-blocked-tools{gap:8px;margin:8px 0;display:flex}.timeout-blocked-tools button{border:var(--outline-width) solid var(--outline);border-radius:var(--radius-pill);background:var(--surface-2);opacity:.5;cursor:not-allowed;place-items:center;width:44px;height:44px;display:grid}
@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.11x_mcju407z-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.456c9vb2_utt8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.2fl0vhx7oyatw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.11x_mcju407z-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.456c9vb2_utt8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.2fl0vhx7oyatw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.11x_mcju407z-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.456c9vb2_utt8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.2fl0vhx7oyatw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_c4386112-module__YpM8oa__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_c4386112-module__YpM8oa__variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(../media/400bf8aa837fcb7e.2u3lqdovtp4z3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f7aa21714c1c53f8.p.0jgzmitmnoe6_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(../media/400bf8aa837fcb7e.2u3lqdovtp4z3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(../media/f7aa21714c1c53f8.p.0jgzmitmnoe6_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(../media/400bf8aa837fcb7e.2u3lqdovtp4z3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(../media/f7aa21714c1c53f8.p.0jgzmitmnoe6_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.figtree_917d4212-module__DZrMua__className{font-family:Figtree,Noto Naskh Arabic,Segoe UI,system-ui;font-style:normal}.figtree_917d4212-module__DZrMua__variable{--font-body:"Figtree", Noto Naskh Arabic, Segoe UI, system-ui}