@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--tw-spacing:.25rem;--tw-text-sm:.875rem;--tw-text-sm--line-height:calc(1.25 / .875);--tw-text-base:1rem;--tw-text-base--line-height:calc(1.5 / 1);--tw-text-lg:1.125rem;--tw-text-lg--line-height:calc(1.75 / 1.125);--tw-font-weight-medium:500;--tw-font-weight-semibold:600;--tw-leading-tight:1.25;--tw-leading-relaxed:1.625;--tw-radius-lg:.5rem;--tw-radius-xl:.75rem;--tw-default-transition-duration:.15s;--tw-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.tw\:mt-6{margin-top:calc(var(--tw-spacing) * 6)}.tw\:ml-auto{margin-left:auto}.tw\:block{display:block}.tw\:flex{display:flex}.tw\:grid{display:grid}.tw\:inline-flex{display:inline-flex}.tw\:size-10{width:calc(var(--tw-spacing) * 10);height:calc(var(--tw-spacing) * 10)}.tw\:h-9{height:calc(var(--tw-spacing) * 9)}.tw\:h-10{height:calc(var(--tw-spacing) * 10)}.tw\:max-h-70{max-height:calc(var(--tw-spacing) * 70)}.tw\:min-h-12{min-height:calc(var(--tw-spacing) * 12)}.tw\:min-h-32{min-height:calc(var(--tw-spacing) * 32)}.tw\:w-full{width:100%}.tw\:shrink-0{flex-shrink:0}.tw\:resize-y{resize:vertical}.tw\:flex-col{flex-direction:column}.tw\:items-center{align-items:center}.tw\:justify-center{justify-content:center}.tw\:gap-1\.5{gap:calc(var(--tw-spacing) * 1.5)}.tw\:gap-2{gap:calc(var(--tw-spacing) * 2)}.tw\:gap-3{gap:calc(var(--tw-spacing) * 3)}.tw\:gap-4{gap:calc(var(--tw-spacing) * 4)}.tw\:rounded-lg{border-radius:var(--tw-radius-lg)}.tw\:rounded-xl{border-radius:var(--tw-radius-xl)}.tw\:border{border-style:var(--tw-border-style);border-width:1px}.tw\:border-\[var\(--border\)\]{border-color:var(--border)}.tw\:border-\[var\(--border-input\)\]{border-color:var(--border-input)}.tw\:border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.tw\:bg-\[var\(--cta-bg\)\]{background-color:var(--cta-bg)}.tw\:bg-\[var\(--surface-1\)\]{background-color:var(--surface-1)}.tw\:px-3{padding-inline:calc(var(--tw-spacing) * 3)}.tw\:px-4{padding-inline:calc(var(--tw-spacing) * 4)}.tw\:px-5{padding-inline:calc(var(--tw-spacing) * 5)}.tw\:py-2{padding-block:calc(var(--tw-spacing) * 2)}.tw\:py-3{padding-block:calc(var(--tw-spacing) * 3)}.tw\:pt-5{padding-top:calc(var(--tw-spacing) * 5)}.tw\:pb-5{padding-bottom:calc(var(--tw-spacing) * 5)}.tw\:text-base{font-size:var(--tw-text-base);line-height:var(--tw-leading,var(--tw-text-base--line-height))}.tw\:text-lg{font-size:var(--tw-text-lg);line-height:var(--tw-leading,var(--tw-text-lg--line-height))}.tw\:text-sm{font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height))}.tw\:leading-relaxed{--tw-leading:var(--tw-leading-relaxed);line-height:var(--tw-leading-relaxed)}.tw\:leading-tight{--tw-leading:var(--tw-leading-tight);line-height:var(--tw-leading-tight)}.tw\:font-medium{--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium)}.tw\:font-semibold{--tw-font-weight:var(--tw-font-weight-semibold);font-weight:var(--tw-font-weight-semibold)}.tw\:whitespace-nowrap{white-space:nowrap}.tw\:text-\[var\(--accent-ink\)\]{color:var(--accent-ink)}.tw\:text-\[var\(--cta-fg\)\]{color:var(--cta-fg)}.tw\:text-\[var\(--text\)\]{color:var(--text)}.tw\:text-\[var\(--text-2\)\]{color:var(--text-2)}.tw\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.tw\:placeholder\:text-\[var\(--text-3\)\]::placeholder{color:var(--text-3)}@media (hover:hover){.tw\:hover\:bg-\[var\(--accent-soft\)\]:hover{background-color:var(--accent-soft)}.tw\:hover\:bg-\[var\(--cta-bg-hover\)\]:hover{background-color:var(--cta-bg-hover)}.tw\:hover\:bg-\[var\(--surface-2\)\]:hover{background-color:var(--surface-2)}}.tw\:focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tw\:focus-visible\:ring-\[var\(--focus\)\]:focus-visible{--tw-ring-color:var(--focus)}.tw\:focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.tw\:focus-visible\:ring-offset-\[var\(--bg\)\]:focus-visible{--tw-ring-offset-color:var(--bg)}.tw\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tw\:disabled\:pointer-events-none:disabled{pointer-events:none}.tw\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.tw\:disabled\:opacity-50:disabled{opacity:.5}}:root{--font-sans:var(--font-dm-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font-instrument-serif), "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.875rem;--text-base:.9375rem;--text-lg:1rem;--text-lead:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--display-xs:1.375rem;--display-sm:clamp(1.75rem, 1.5rem + .8vw, 2rem);--display-md:clamp(2.25rem, 1.8rem + 1.4vw, 2.75rem);--display-lg:clamp(2.5rem, 2rem + 1.6vw, 3.25rem);--display-xl:clamp(3rem, 1.6rem + 5.2vw, 5.75rem);--emoji-sm:1.125rem;--emoji-md:1.3rem;--emoji-lg:1.625rem;--emoji-xl:2rem;--leading-tight:1.05;--leading-snug:1.3;--leading-normal:1.45;--leading-relaxed:1.6;--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:48px;--space-16:64px;--space-20:80px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--control-sm:32px;--control-md:40px;--control-lg:48px;--sidebar-width:248px;--content-max:1240px;--gutter:40px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur:.18s;--dur-slow:.32s;--z-sidebar:10;--z-topbar:21;--z-tabbar:25;--z-overlay:30;--z-popover:40;--z-profile:45;--z-toast:60;--z-viewer:100;--z-emoji:110;--shadow-sm:0 1px 2px #00000052;--shadow-md:0 10px 28px -6px #00000080, 0 2px 6px #0000003d;--shadow-lg:0 28px 70px -12px #000000a6, 0 6px 16px #0000004d;--scrim:#030705b3;--photo-scrim:linear-gradient(180deg, #0000 35%, #000000ad 100%);--glass:#0a0e0c85;--live:#5fd38f;--live-soft:#5fd38f29;--live-on-photo:#6ee7a0;--viewer-bg:#0b0d0c;--viewer-text:#fff;--viewer-text-2:#ffffffbd;--viewer-border:#fff3;--viewer-surface:#ffffff0d;--viewer-overlay:#000000a6;--viewer-hover:#ffffff24;--viewer-danger:#ffd0c9;--warning:#f2c45a;--danger:#c93c37;--danger-hover:#d9473f;--danger-ink:#ff9a91;--danger-soft:#e5534b24;--on-danger:#fff;--avatar-0-bg:#224028;--avatar-0-fg:#c9f2c0;--avatar-1-bg:#493319;--avatar-1-fg:#faddad;--avatar-2-bg:#1b394c;--avatar-2-fg:#c0e8fd;--avatar-3-bg:#4a2939;--avatar-3-fg:#ffd3e3}@supports (color:lab(0% 0 0)){:root{--avatar-0-bg:lab(24.146% -16.4737 10.7178);--avatar-0-fg:lab(91.7131% -20.7536 19.8877);--avatar-1-bg:lab(23.3709% 7.4805 20.1244);--avatar-1-fg:lab(89.6868% 5.37303 27.5459);--avatar-2-bg:lab(22.2626% -6.17589 -15.7819);--avatar-2-fg:lab(89.7332% -10.1542 -14.386);--avatar-3-bg:lab(21.5428% 17.8319 -3.42204);--avatar-3-fg:lab(88.8456% 18.3564 -1.63629)}}html[data-theme=light]{--shadow-sm:0 1px 2px #1018140f;--shadow-md:0 10px 28px -8px #10181429, 0 2px 6px #1018140f;--shadow-lg:0 30px 70px -16px #10181447, 0 6px 16px #10181414;--scrim:#1018145c;--glass:#ffffffbd;--live:#12884a;--live-soft:#12884a1f;--warning:#8a5d00;--danger:#c4302b;--danger-hover:#ad2a25;--danger-ink:#b42318;--danger-soft:#c4302b17;--avatar-0-bg:#d8efd8;--avatar-0-fg:#1d4e2b;--avatar-1-bg:#f6e6cb;--avatar-1-fg:#6b4316;--avatar-2-bg:#d6ecf9;--avatar-2-fg:#1f4c6a;--avatar-3-bg:#fcdfe9;--avatar-3-fg:#72364f}@supports (color:lab(0% 0 0)){html[data-theme=light]{--avatar-0-bg:lab(92.4031% -11.1774 8.7133);--avatar-0-fg:lab(29.0916% -24.1081 15.843);--avatar-1-bg:lab(91.9736% 2.69657 15.372);--avatar-1-fg:lab(32.4838% 14.6999 33.0385);--avatar-2-bg:lab(91.9549% -5.50425 -9.28652);--avatar-2-fg:lab(30.3519% -8.13127 -21.9889);--avatar-3-bg:lab(91.4256% 11.7296 -1.04349);--avatar-3-fg:lab(31.5475% 29.3085 -2.63894)}}:root,html[data-palette=forest]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d130f;--surface-1:#131b16;--surface-2:#1b251e;--surface-3:#232e26;--border:#2a352e;--border-strong:#3f4d43;--border-input:#5e6e62;--text:#edf4ef;--text-2:#b1bfb5;--text-3:#91a095;--accent:#d7f086;--accent-ink:#d7f086;--accent-strong:#e3f9a0;--on-accent:#0a1a10;--cta-bg:#d7f086;--cta-bg-hover:#e4fb9c;--cta-fg:#0a1a10;--brand:#134e34;--chat-own:#1c2f22}html[data-theme=light]:not([data-palette]),html[data-theme=light][data-palette=forest]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6faf7;--surface-1:#fff;--surface-2:#edf4ef;--surface-3:#fff;--border:#dbe4de;--border-strong:#b1bfb5;--border-input:#819186;--text:#14281b;--text-2:#4e6053;--text-3:#627468;--accent:#d7f086;--accent-ink:#1a5439;--accent-strong:#1a5439;--on-accent:#092012;--cta-bg:#1a5439;--cta-bg-hover:#2a6247;--cta-fg:#fff;--brand:#1a5439;--chat-own:#dbf0e1}html[data-palette=ocean]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1317;--surface-1:#101b1f;--surface-2:#17242a;--surface-3:#1e2d34;--border:#26353b;--border-strong:#3a4c54;--border-input:#586d75;--text:#eaf4f7;--text-2:#acbec5;--text-3:#8c9fa7;--accent:#94e9fa;--accent-ink:#94e9fa;--accent-strong:#aaf0ff;--on-accent:#031921;--cta-bg:#94e9fa;--cta-bg-hover:#b0f1ff;--cta-fg:#031921;--brand:#0c556c;--chat-own:#122e38}html[data-theme=light][data-palette=ocean]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5fafc;--surface-1:#fff;--surface-2:#eaf4f7;--surface-3:#fff;--border:#d9e3e8;--border-strong:#acbec5;--border-input:#7c9098;--text:#0a2731;--text-2:#475f69;--text-3:#5c737c;--accent:#94e9fa;--accent-ink:#0b5b74;--accent-strong:#0b5b74;--on-accent:#001e29;--cta-bg:#0b5b74;--cta-bg-hover:#186a85;--cta-fg:#fff;--brand:#0b5b74;--chat-own:#d3effa}html[data-palette=rose]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#170f12;--surface-1:#1f161a;--surface-2:#291e23;--surface-3:#33272c;--border:#3b2e34;--border-strong:#54444b;--border-input:#75636b;--text:#f7eff3;--text-2:#c5b6bc;--text-3:#a7969d;--accent:#fdc8db;--accent-ink:#fdc8db;--accent-strong:#ffd6e4;--on-accent:#201018;--cta-bg:#fdc8db;--cta-bg-hover:#ffd9e6;--cta-fg:#201018;--brand:#7d3759;--chat-own:#37232c}html[data-theme=light][data-palette=rose]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fdf7fa;--surface-1:#fff;--surface-2:#f7eff3;--surface-3:#fff;--border:#e8dee2;--border-strong:#c5b6bc;--border-input:#98868e;--text:#301c25;--text-2:#68545d;--text-3:#7c6871;--accent:#fdc8db;--accent-ink:#833c5e;--accent-strong:#833c5e;--on-accent:#28121d;--cta-bg:#833c5e;--cta-bg-hover:#934b6c;--cta-fg:#fff;--brand:#833c5e;--chat-own:#fae2ec}html[data-palette=sand]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15110b;--surface-1:#1d1811;--surface-2:#272118;--surface-3:#312a20;--border:#383128;--border-strong:#50473c;--border-input:#726759;--text:#f6f1eb;--text-2:#c2b9ad;--text-3:#a39a8d;--accent:#f6d99b;--accent-ink:#f6d99b;--accent-strong:#fde3af;--on-accent:#1e1407;--cta-bg:#f6d99b;--cta-bg-hover:#fee5b1;--cta-fg:#1e1407;--brand:#6d4b1f;--chat-own:#342817}html[data-theme=light][data-palette=sand]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf9f5;--surface-1:#fff;--surface-2:#f6f1eb;--surface-3:#fff;--border:#e6e0d9;--border-strong:#c2b9ad;--border-input:#958a7d;--text:#2c2010;--text-2:#645949;--text-3:#786d5e;--accent:#f6d99b;--accent-ink:#735025;--accent-strong:#735025;--on-accent:#251805;--cta-bg:#735025;--cta-bg-hover:#825e33;--cta-fg:#fff;--brand:#735025;--chat-own:#f5e7d5}html[data-palette=violet]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121018;--surface-1:#1a1821;--surface-2:#23202c;--surface-3:#2b2936;--border:#33303d;--border-strong:#4a4657;--border-input:#6a6679;--text:#f2f0f9;--text-2:#bbb8c8;--text-3:#9c99aa;--accent:#d5c8fd;--accent-ink:#d5c8fd;--accent-strong:#ded3ff;--on-accent:#171324;--cta-bg:#d5c8fd;--cta-bg-hover:#dfd6fe;--cta-fg:#171324;--brand:#533e90;--chat-own:#2b263c}html[data-theme=light][data-palette=violet]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f9f8fd;--surface-1:#fff;--surface-2:#f2f0f9;--surface-3:#fff;--border:#e2e0ea;--border-strong:#bbb8c8;--border-input:#8d899c;--text:#241f34;--text-2:#5c576d;--text-3:#706b80;--accent:#d5c8fd;--accent-ink:#594496;--accent-strong:#594496;--on-accent:#1c162e;--cta-bg:#594496;--cta-bg-hover:#6652a6;--cta-fg:#fff;--brand:#594496;--chat-own:#ebe5ff}html[data-palette=sunset]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17100c;--surface-1:#201713;--surface-2:#2b1f1b;--surface-3:#352722;--border:#3c2f2a;--border-strong:#55453e;--border-input:#77645d;--text:#f8f0ec;--text-2:#c7b7b0;--text-3:#a99790;--accent:#fdc2a2;--accent-ink:#fdc2a2;--accent-strong:#ffcfb6;--on-accent:#22110a;--cta-bg:#fdc2a2;--cta-bg-hover:#fed2ba;--cta-fg:#22110a;--brand:#90391c;--chat-own:#3a241c}html[data-theme=light][data-palette=sunset]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fdf8f6;--surface-1:#fff;--surface-2:#f8f0ec;--surface-3:#fff;--border:#e9dfdb;--border-strong:#c7b7b0;--border-input:#9a8880;--text:#321d14;--text-2:#6b554d;--text-3:#7e6961;--accent:#fdc2a2;--accent-ink:#963f23;--accent-strong:#963f23;--on-accent:#2b130a;--cta-bg:#963f23;--cta-bg-hover:#a74e32;--cta-fg:#fff;--brand:#963f23;--chat-own:#fde3d9}html[data-palette=slate]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1216;--surface-1:#141a1e;--surface-2:#1c2328;--surface-3:#242c32;--border:#2c3439;--border-strong:#414b52;--border-input:#5f6b73;--text:#edf3f6;--text-2:#b2bcc3;--text-3:#939da5;--accent:#c1daeb;--accent-ink:#c1daeb;--accent-strong:#cee3f1;--on-accent:#0c171f;--cta-bg:#c1daeb;--cta-bg-hover:#cfe5f4;--cta-fg:#0c171f;--brand:#355468;--chat-own:#1e2c36}html[data-theme=light][data-palette=slate]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6fafc;--surface-1:#fff;--surface-2:#edf3f6;--surface-3:#fff;--border:#dce2e7;--border-strong:#b2bcc3;--border-input:#838e96;--text:#17252e;--text-2:#505d66;--text-3:#64717a;--accent:#c1daeb;--accent-ink:#3a596e;--accent-strong:#3a596e;--on-accent:#0d1c27;--cta-bg:#3a596e;--cta-bg-hover:#48687d;--cta-fg:#fff;--brand:#3a596e;--chat-own:#ddecf7}html[data-palette=mint]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1410;--surface-1:#121c18;--surface-2:#192520;--surface-3:#202e29;--border:#283630;--border-strong:#3c4e46;--border-input:#5a6e66;--text:#ebf4f0;--text-2:#aebfb8;--text-3:#8ea099;--accent:#b1f0d3;--accent-ink:#b1f0d3;--accent-strong:#c2f8df;--on-accent:#061b13;--cta-bg:#b1f0d3;--cta-bg-hover:#c2fae0;--cta-fg:#061b13;--brand:#175a45;--chat-own:#163027}html[data-theme=light][data-palette=mint]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5faf8;--surface-1:#fff;--surface-2:#ebf4f0;--surface-3:#fff;--border:#dae4e0;--border-strong:#aebfb8;--border-input:#7e9189;--text:#0f281f;--text-2:#4a6157;--text-3:#5f746b;--accent:#b1f0d3;--accent-ink:#1e604a;--accent-strong:#1e604a;--on-accent:#022117;--cta-bg:#1e604a;--cta-bg-hover:#2e6e58;--cta-fg:#fff;--brand:#1e604a;--chat-own:#d6f1e5}:root{--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--accent-soft:color-mix(in oklab, var(--accent) 13%, var(--surface-1))}}:root{--accent-soft-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--accent-soft-hover:color-mix(in oklab, var(--accent) 19%, var(--surface-1))}}:root{--accent-line:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--accent-line:color-mix(in oklab, var(--accent) 42%, var(--border))}}:root{--focus:var(--accent-ink);--chat-dot:var(--text)}@supports (color:color-mix(in lab, red, red)){:root{--chat-dot:color-mix(in oklab, var(--text) 9%, transparent)}}:root{--chat-other:var(--surface-2)}html[data-theme=light]{--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){html[data-theme=light]{--accent-soft:color-mix(in oklab, var(--accent) 34%, var(--surface-1))}}html[data-theme=light]{--accent-soft-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){html[data-theme=light]{--accent-soft-hover:color-mix(in oklab, var(--accent) 48%, var(--surface-1))}}html[data-theme=light]{--accent-line:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){html[data-theme=light]{--accent-line:color-mix(in oklab, var(--accent-ink) 32%, var(--border))}}html[data-theme=light]{--chat-dot:var(--text)}@supports (color:color-mix(in lab, red, red)){html[data-theme=light]{--chat-dot:color-mix(in oklab, var(--text) 10%, transparent)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,p,figure,blockquote{margin:0}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:600;line-height:var(--leading-snug);letter-spacing:-.01em;text-wrap:balance}p{text-wrap:pretty}img,video{max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, opacity var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out);background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:not-allowed;opacity:.5}button:active:not(:disabled),summary:active{transform:translateY(1px)}input::placeholder,textarea::placeholder{color:var(--text-3);opacity:1}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in oklab, var(--accent) 38%, transparent)}}::selection{color:var(--text)}main{max-width:calc(var(--content-max) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}footer{align-items:center;gap:var(--space-2) var(--space-6);margin-top:var(--space-12);padding:var(--space-6) 0 var(--space-8);border-top:1px solid var(--border);color:var(--text-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}footer>span:nth-of-type(2){flex:1}footer button:not(:where(.primary,.secondary)){color:var(--text-2);font-size:var(--text-sm);font-weight:500}footer button:not(:where(.primary,.secondary)):hover{color:var(--text)}.emoji-glyph{font-family:var(--font-emoji);font-style:normal;line-height:1}@media (max-width:1200px){:root{--gutter:32px}}@media (max-width:660px){:root{--gutter:16px}footer{gap:var(--space-2) var(--space-4);margin-top:var(--space-8);padding-bottom:var(--space-5)}footer>span:nth-of-type(2){flex-basis:100%;order:3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.primary,.secondary{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-md);white-space:nowrap;font-weight:600;line-height:1.2;display:inline-flex}.primary{background:var(--cta-bg);color:var(--cta-fg);box-shadow:inset 0 -1px #00000014}.primary:hover:not(:disabled){background:var(--cta-bg-hover);color:var(--cta-fg)}button[data-slot=button][data-variant=default]{background:var(--cta-bg);color:var(--cta-fg)}button[data-slot=button][data-variant=default]:hover:not(:disabled){background:var(--cta-bg-hover);color:var(--cta-fg)}button[data-slot=button][data-variant=default]:disabled{background:var(--text)}@supports (color:color-mix(in lab, red, red)){button[data-slot=button][data-variant=default]:disabled{background:color-mix(in oklab, var(--text) 9%, var(--surface-1))}}button[data-slot=button][data-variant=default]:disabled{color:var(--text-3);opacity:1}.primary:disabled{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.primary:disabled{background:color-mix(in oklab, var(--text) 9%, var(--surface-1))}}.primary:disabled{color:var(--text-3);box-shadow:none;opacity:1}.secondary{border:1px solid var(--border);background:var(--surface-1);color:var(--text)}.secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.primary svg,.secondary svg{flex-shrink:0}.full{width:100%}.primary.full{min-height:var(--control-lg);font-size:var(--text-lg)}.hand-raised,.secondary.hand-raised{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.close{top:var(--space-4);right:var(--space-4);z-index:2;width:var(--control-md);height:var(--control-md);border-radius:var(--radius-pill);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000006b;place-items:center;display:grid;position:absolute}.close:hover{background:#0009}.close svg{width:18px;height:18px}.close.dark{background:var(--surface-2);color:var(--text-2);-webkit-backdrop-filter:none;backdrop-filter:none}.close.dark:hover{background:var(--surface-3);color:var(--text)}@media (pointer:coarse){.close{width:44px;height:44px}}.eyebrow,.muted-eyebrow{align-items:center;gap:var(--space-2);color:var(--text-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.4;display:flex}.eyebrow>span:empty{background:var(--live);width:6px;height:6px;box-shadow:0 0 0 4px var(--live-soft);border-radius:50%;flex-shrink:0}.avatar{background:var(--avatar-0-bg);color:var(--avatar-0-fg);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;line-height:1;display:grid;overflow:hidden}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar.small{width:28px;height:28px;font-size:var(--text-sm)}.overlay{z-index:var(--z-overlay);padding:var(--space-6);overscroll-behavior:contain;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlay-in var(--dur) ease-out;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.empty{padding:var(--space-12) var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;display:flex}.empty>svg{color:var(--text-3)}.empty h3{margin-top:var(--space-4);font-family:var(--font-display);font-size:var(--display-sm);letter-spacing:-.01em;font-weight:400;line-height:1.1}.empty p{max-width:42ch;margin:var(--space-2) 0 var(--space-5);color:var(--text-2);font-size:var(--text-md);line-height:var(--leading-relaxed)}.empty[role=status] h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600}.privacy-note{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-5);color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-normal);display:flex}.privacy-note svg{color:var(--text-3);flex-shrink:0;margin-top:1px}.operator-error{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.operator-error{border:1px solid color-mix(in oklab, var(--danger) 45%, var(--border))}}.operator-error{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger-ink);font-size:var(--text-md);line-height:var(--leading-normal)}.toast{left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));z-index:var(--z-toast);align-items:center;gap:var(--space-3);width:max-content;max-width:min(100vw - 32px,520px);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-lg);font-size:var(--text-md);line-height:var(--leading-normal);animation:toast-in var(--dur-slow) var(--ease-out);display:flex;position:fixed;transform:translate(-50%)}.toast:before{content:"";background:var(--live);border-radius:50%;flex-shrink:0;width:8px;height:8px}.toast.error{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.toast.error{border-color:color-mix(in oklab, var(--danger) 55%, var(--border))}}.toast.error{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.toast.error{background:color-mix(in oklab, var(--danger) 16%, var(--surface-3))}}.toast.error:before{background:var(--danger-ink)}.toast button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-2);flex-shrink:0;place-items:center;display:grid}.toast button:hover{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.toast button:hover{background:color-mix(in oklab, var(--text) 8%, transparent)}}.toast button:hover{color:var(--text)}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes overlay-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes live-pulse{0%,to{box-shadow:0 0 0 0 var(--live-soft)}50%{box-shadow:0 0 0 5px var(--live-soft)}}@media (max-width:660px){.overlay{padding:var(--space-3)}.toast{bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}}.app-shell{min-height:100dvh;display:flex}.sidebar{z-index:var(--z-sidebar);width:var(--sidebar-width);padding:var(--space-6) var(--space-4) var(--space-5);border-right:1px solid var(--border);background:var(--surface-1);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}@supports (color:color-mix(in lab, red, red)){.sidebar{background:color-mix(in oklab, var(--surface-1) 55%, var(--bg))}}.brand{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--display-xs);letter-spacing:-.035em;align-self:flex-start;align-items:center;gap:10px;font-weight:700;line-height:1;display:inline-flex}.brand-icon{flex-shrink:0;width:32px;height:32px;display:block}.brand-icon img{width:100%;height:100%}.brand-dot{color:var(--accent-ink);margin-left:-9px}.nav-label{margin:var(--space-2) var(--space-2) var(--space-8);color:var(--text-3);font-size:var(--text-sm);line-height:1.4}.sidebar nav{flex-direction:column;gap:2px;display:flex}.nav-item{align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--text-md);text-align:left;font-weight:500;display:flex;position:relative}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--surface-2);color:var(--text);font-weight:600}.nav-item.active svg{color:var(--accent-ink)}.nav-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-mobile-label{display:none}.nav-count{border-radius:var(--radius-pill);background:var(--accent);min-width:22px;height:20px;color:var(--on-accent);font-size:var(--text-xs);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-weight:700;display:inline-grid}.sidebar-note{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);margin-top:auto}.sidebar-note h3{font-family:var(--font-display);font-size:var(--display-xs);letter-spacing:-.005em;font-weight:400;line-height:1.12}.sidebar-note p{margin-top:var(--space-2);color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-normal)}.sidebar-note button{margin-top:var(--space-3);color:var(--accent-ink);font-size:var(--text-sm);align-items:center;gap:6px;font-weight:600;display:inline-flex}.sidebar-note button:hover{text-underline-offset:3px;text-decoration:underline}.sidebar-bottom{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--text-sm);font-weight:500;display:flex}.sidebar-bottom:hover{background:var(--surface-2);color:var(--text)}.main-wrap{min-width:0;margin-left:var(--sidebar-width);flex:1}.topbar{z-index:var(--z-topbar);height:64px;padding:0 var(--gutter);border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in oklab, var(--bg) 95%, transparent)}}.topbar{-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px)}.topbar-label{align-items:center;gap:var(--space-2);color:var(--text-2);font-size:var(--text-sm);display:flex}.topbar-label svg{color:var(--text-3)}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.identity-button{align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:4px var(--space-3) 4px 4px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-1);font-size:var(--text-md);font-weight:600;display:inline-flex}.identity-button:hover{border-color:var(--border-strong);background:var(--surface-2)}.identity-button .avatar.small{width:30px;height:30px}.identity-button>svg{color:var(--text-3)}@media (max-width:1200px){:root{--sidebar-width:224px}}@media (max-width:900px){:root{--sidebar-width:76px}.sidebar{padding:var(--space-5) var(--space-3);align-items:center}.brand{gap:0;padding:0;font-size:0}.brand-icon{width:36px;height:36px}.brand-dot,.nav-label,.sidebar-note,.sidebar-bottom,.nav-text{display:none}.sidebar nav{width:100%;margin-top:var(--space-8);gap:var(--space-1)}.nav-item{justify-content:center;width:48px;min-height:44px;margin:0 auto;padding:0}.nav-count{min-width:18px;height:18px;font-size:var(--text-2xs);padding:0 5px;position:absolute;top:3px;right:1px}}@media (max-width:660px){.app-shell{display:block}.sidebar{z-index:var(--z-topbar);width:100%;height:60px;padding:0 var(--space-4);border-right:0;border-bottom:1px solid var(--border);background:0 0;flex-direction:row;align-items:center;position:sticky;top:0}.sidebar:before{content:"";z-index:-1;background:var(--bg);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.sidebar:before{background:color-mix(in oklab, var(--bg) 96%, transparent)}}.sidebar:before{-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px)}.brand{font-size:var(--text-xl);align-self:center;gap:9px;padding:0}.brand-icon{width:30px;height:30px}.brand-dot{margin-left:-8px;display:inline}.sidebar nav{z-index:var(--z-tabbar);width:100%;padding:7px var(--space-2) calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;display:grid;position:fixed;inset:auto 0 0}@supports (color:color-mix(in lab, red, red)){.sidebar nav{background:color-mix(in oklab, var(--bg) 97%, transparent)}}.sidebar nav{-webkit-backdrop-filter:saturate(1.4)blur(16px);backdrop-filter:saturate(1.4)blur(16px)}.sidebar .nav-item{width:100%;min-width:0;min-height:58px;color:var(--text-2);font-size:var(--text-xs);background:0 0;flex-direction:column;justify-content:center;gap:4px;margin:0;padding:4px 2px;font-weight:600}.sidebar .nav-item svg{box-sizing:content-box;border-radius:var(--radius-pill);width:20px;height:20px;transition:background-color var(--dur) ease;padding:4px 18px}.sidebar .nav-item.active{color:var(--text)}.sidebar .nav-item.active svg{background:var(--accent-soft);color:var(--accent-ink)}.nav-text{flex:none;max-width:100%;display:block}.nav-desktop-label{display:none}.nav-mobile-label{display:inline}.nav-count{border:2px solid var(--bg);min-width:18px;height:18px;font-size:var(--text-2xs);box-sizing:content-box;padding:0 5px;position:absolute;top:1px;left:auto;right:4px}.has-overlay .sidebar nav{visibility:hidden;pointer-events:none}.main-wrap{padding-bottom:calc(80px + env(safe-area-inset-bottom));margin-left:0}.topbar{top:0;right:var(--space-4);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:auto;height:60px;padding:0;position:fixed}.topbar-label{display:none}.identity-button{justify-content:center;gap:0;width:40px;height:40px;min-height:40px;padding:0;font-size:0}.identity-button>svg{display:none}.identity-button .avatar.small{width:32px;height:32px;font-size:var(--text-md)}}.hero{align-items:center;gap:var(--space-12);padding:var(--space-16) 0 var(--space-12);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);display:grid}.hero-copy{animation:rise-in .6s var(--ease-out) both}.hero h1{margin-top:var(--space-5);font-family:var(--font-display);font-size:var(--display-xl);letter-spacing:-.022em;text-wrap:balance;font-weight:400;line-height:.96}.hero h1 em{color:var(--accent-ink);letter-spacing:-.03em;font-style:italic}.hero-copy>p{max-width:34rem;margin-top:var(--space-6);color:var(--text-2);font-size:var(--text-lead);line-height:var(--leading-relaxed)}.hero-actions{align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero-actions .primary,.hero-actions .secondary{min-height:var(--control-lg);padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--text-lg)}.hero-live-cta{gap:var(--space-3);display:inline-flex}.hero-live-cta span{font-size:var(--text-sm);opacity:.8;font-weight:500}.hero-city-cta{align-items:center;gap:var(--space-2);display:inline-flex}.hero-caption{align-items:center;gap:var(--space-2);color:var(--text-2);font-size:var(--text-md);flex-basis:100%;display:inline-flex}.hero-caption svg{color:var(--text-3)}.hero-visual{aspect-ratio:46/50;width:100%;max-width:460px;animation:rise-in .7s 80ms var(--ease-out) both;justify-self:end;position:relative}.photo-arch{inset:0 0 0 var(--space-8);border-radius:999px 999px var(--radius-xl) var(--radius-xl);background:var(--surface-2);box-shadow:var(--shadow-lg);isolation:isolate;position:absolute;overflow:hidden}.photo-arch img{object-fit:cover}.photo-shade{background:var(--photo-scrim);position:absolute;inset:0}.photo-location{right:var(--space-5);bottom:var(--space-5);border-radius:var(--radius-pill);color:#fff;font-size:var(--text-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000061;align-items:center;gap:6px;padding:6px 10px;font-weight:500;display:inline-flex;position:absolute}.floating-note{align-items:center;gap:var(--space-3);max-width:300px;padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3);border:1px solid var(--text);display:flex;position:absolute;bottom:18%;left:0}@supports (color:color-mix(in lab, red, red)){.floating-note{border:1px solid color-mix(in oklab, var(--text) 12%, transparent)}}.floating-note{border-radius:var(--radius-lg);background:var(--glass);box-shadow:var(--shadow-md);-webkit-backdrop-filter:saturate(1.5)blur(18px);backdrop-filter:saturate(1.5)blur(18px)}.note-icon{border-radius:var(--radius-md);background:var(--accent);width:44px;height:44px;color:var(--on-accent);flex-shrink:0;place-items:center;display:grid}.floating-note b{font-size:var(--text-md);font-weight:600;line-height:1.3;display:block}.floating-note p{color:var(--text-2);font-size:var(--text-sm);margin-top:2px}.value-strip{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-8);padding:var(--space-5) 0;border-block:1px solid var(--border);display:flex}.value-strip>span{color:var(--text-2);font-size:var(--text-md);line-height:1.4}.value-strip b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.value-strip svg{margin-right:var(--space-2);color:var(--text-3);vertical-align:-4px;display:inline-block}.value-strip .strip-end{color:var(--text);font-family:var(--font-display);font-size:var(--text-lg);font-style:italic}.value-strip .strip-end svg{color:var(--accent-ink)}.discovery{padding-top:var(--space-16);scroll-margin-top:80px}.view-live .discovery,.view-saved .discovery{padding-top:var(--space-10)}.section-top{justify-content:space-between;align-items:flex-end;gap:var(--space-6);display:flex}.section-top h2{margin-top:var(--space-3);font-family:var(--font-display);font-size:var(--display-md);letter-spacing:-.015em;font-weight:400;line-height:1.02}.search{align-items:center;gap:var(--space-2);width:min(360px,100%);min-height:46px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-3);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;flex-shrink:0;display:flex;position:relative}.search:hover{border-color:var(--border-input)}.search:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.search:focus-within{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent)}}.search input{min-width:0;height:44px;color:var(--text);font-size:var(--text-base);background:0 0;border:0;outline:0;flex:1;padding:0}.search input:focus-visible{outline:none}.search-clear{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-2);background:0 0;border:0;flex:none;place-items:center;display:grid}.search-clear:hover{background:var(--surface-2);color:var(--text)}.search-clear:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.discovery-empty-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.discovery-empty-actions button{min-height:44px}.search>span{display:none}.filter-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;display:flex}.region-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.region-tabs button{min-height:36px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-2);font-size:var(--text-md);font-weight:500}.region-tabs button:hover{border-color:var(--border-strong);color:var(--text)}.region-tabs button.selected{border-color:var(--text);background:var(--text);color:var(--bg);font-weight:600}.result-count{color:var(--text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-shrink:0}.city-grid{gap:var(--space-8) var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.city-card{min-width:0;animation:rise-in .52s var(--ease-out) both;position:relative}.city-photo-holder{border-radius:var(--radius-lg);background:var(--surface-2);isolation:isolate;position:relative;overflow:hidden}.city-image-button{aspect-ratio:4/3;border-radius:inherit;text-align:left;width:100%;padding:0;display:block;position:relative;overflow:hidden}.city-image-button:focus-visible{outline-offset:-3px}.city-image-button img{object-fit:cover;transition:transform .7s var(--ease-out)}.city-card:hover .city-image-button img{transform:scale(1.04)}.city-image-gradient{pointer-events:none;background:linear-gradient(#00000052 0%,#0000 28%),linear-gradient(#0000 58%,#00000080 100%);position:absolute;inset:0}.city-time,.room-badge{z-index:1;border-radius:var(--radius-pill);color:#fff;font-size:var(--text-xs);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000006b;align-items:center;gap:6px;padding:4px 9px;font-weight:600;line-height:1.35;display:inline-flex;position:absolute}.city-time{top:var(--space-3);left:var(--space-3)}.room-badge{left:var(--space-3);bottom:var(--space-3);max-width:calc(100% - 24px)}.room-badge>span{background:#ffffffb3;border-radius:50%;flex-shrink:0;width:6px;height:6px}.room-badge.is-live{background:#0828169e}.room-badge.is-live>span{background:var(--live-on-photo);animation:2s ease-in-out infinite live-pulse}.city-photo-holder:has(.city-photo-credit) .room-badge{bottom:36px}.city-photo-credit{z-index:2;justify-content:flex-end;align-items:center;gap:var(--space-2);padding:6px var(--space-2) 2px;color:#ffffffd1;font-size:var(--text-2xs);text-shadow:0 1px 2px #00000080;white-space:nowrap;pointer-events:none;line-height:1.3;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.city-photo-credit a{text-overflow:ellipsis;text-underline-offset:2px;pointer-events:auto;align-items:center;min-height:24px;padding:0 2px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6;display:inline-flex;overflow:hidden}.city-photo-credit>a:first-child{max-width:60%}.city-photo-credit a:hover{color:#fff}.city-art{background:radial-gradient(120% 90% at 20% 15%, var(--accent), transparent 60%), linear-gradient(160deg, var(--surface-3), var(--surface-1));place-items:center;height:100%;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.city-art{background:radial-gradient(120% 90% at 20% 15%, color-mix(in oklab, var(--accent) 22%, transparent), transparent 60%), linear-gradient(160deg, var(--surface-3), var(--surface-1))}}.city-art{color:var(--text)}@supports (color:color-mix(in lab, red, red)){.city-art{color:color-mix(in oklab, var(--text) 14%, transparent)}}.city-art>svg{stroke-width:1px;width:96px;height:96px}.city-art>span{font-family:var(--font-emoji);font-size:var(--emoji-xl);position:absolute}.city-art small{color:var(--text-2);font-size:var(--text-xs);font-weight:500;position:absolute;bottom:44px}.photo-loading>svg{animation:1.6s ease-in-out infinite photo-pulse}.favorite{top:var(--space-2);right:var(--space-2);z-index:2;color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute}.favorite:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color var(--dur-fast) ease, transform var(--dur) var(--ease-out);background:#00000061;border-radius:50%;position:absolute;inset:4px}.favorite:hover:before{background:#0000008c;transform:scale(1.06)}.favorite svg{width:17px;height:17px}.favorite.saved{color:var(--accent)}.favorite.saved svg{animation:heart-pop .32s var(--ease-out)}.city-detail{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 2px 0;border-radius:var(--radius-xs);text-align:left;display:flex}.city-detail>div{min-width:0}.city-detail h3{font-size:var(--text-lg);letter-spacing:-.01em;align-items:baseline;gap:6px;font-weight:600;line-height:1.3;display:flex}.city-detail h3 span{font-family:var(--font-emoji);font-size:var(--text-sm)}.city-detail p{color:var(--text-2);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.city-arrow{border:1px solid var(--border);width:34px;height:34px;color:var(--text-2);transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.city-arrow svg{width:17px;height:17px}.city-card:hover .city-arrow,.city-detail:focus-visible .city-arrow{border-color:var(--cta-bg);background:var(--cta-bg);color:var(--cta-fg)}.load-cities{margin:var(--space-10) 0 0;justify-content:center;display:flex}.load-cities .secondary{min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums}.live-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.live-list>.live-room{margin:0}.bottom-callout{align-items:start;gap:var(--space-6);margin-top:var(--space-20);padding:var(--space-10);border:1px solid var(--border);border-radius:var(--radius-2xl);background:radial-gradient(80% 140% at 100% 0%, var(--accent), transparent 60%), var(--surface-1);grid-template-columns:auto minmax(0,1fr) auto;display:grid}@supports (color:color-mix(in lab, red, red)){.bottom-callout{background:radial-gradient(80% 140% at 100% 0%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 60%), var(--surface-1)}}.callout-icon{border-radius:var(--radius-lg);background:var(--accent-soft);width:56px;height:56px;color:var(--accent-ink);place-items:center;display:grid}.callout-links{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.directory-link{color:var(--accent-ink);font-size:var(--text-md);text-decoration:underline;-webkit-text-decoration-color:var(--accent-ink);-webkit-text-decoration-color:var(--accent-ink);-webkit-text-decoration-color:var(--accent-ink);text-decoration-color:var(--accent-ink);font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.directory-link{-webkit-text-decoration-color:color-mix(in oklab, var(--accent-ink) 40%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent-ink) 40%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent-ink) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--accent-ink) 40%, transparent)}}.directory-link{text-underline-offset:4px}.directory-link:hover{text-decoration-color:currentColor}.home-search-heading{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-display);font-size:var(--display-sm);letter-spacing:-.01em;font-weight:400;line-height:1.1}.bottom-callout p{max-width:62ch;color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-relaxed)}.bottom-callout>button{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text);font-size:var(--text-md);white-space:nowrap;align-self:center;font-weight:600;display:inline-flex}.bottom-callout>button:hover{border-color:var(--border-input);background:var(--surface-2)}@keyframes photo-pulse{50%{opacity:.35}}@keyframes heart-pop{40%{transform:scale(1.25)}}@media (min-width:1600px){.city-grid{gap:var(--space-10) var(--space-6)}}@media (max-width:1200px){.hero{gap:var(--space-8)}.city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.value-strip .strip-end{display:none}.search{width:300px}}@media (max-width:900px){.hero{padding-top:var(--space-12)}.hero-caption{display:none}.floating-note{max-width:250px}.live-list{grid-template-columns:minmax(0,1fr)}.bottom-callout{grid-template-columns:auto minmax(0,1fr)}.bottom-callout>button{grid-column:2;justify-self:start}}@media (max-width:660px){.hero{align-items:stretch;gap:var(--space-8);padding:var(--space-8) 0 var(--space-8);flex-direction:column;display:flex}.hero h1{margin-top:var(--space-4);line-height:.98}.hero-copy>p{margin-top:var(--space-4)}.desktop-break{display:none}.hero-actions{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.hero-actions .primary,.hero-actions .secondary{width:100%}.hero-live-cta{justify-content:flex-start;gap:var(--space-3);display:flex}.hero-live-cta span{font-size:var(--text-sm);opacity:.8;margin-left:auto;font-weight:500}.hero-city-cta{border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text);box-shadow:none;justify-content:center}.hero-visual{aspect-ratio:auto;justify-self:stretch;max-width:none;height:260px}.photo-arch{inset:0 0 0 var(--space-6);border-radius:200px 200px var(--radius-xl) var(--radius-xl)}.floating-note{max-width:240px;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);bottom:64px}.note-icon{width:38px;height:38px}.value-strip{gap:var(--space-3);padding:var(--space-4) 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.value-strip>span{font-size:var(--text-sm)}.value-strip>span:nth-of-type(3){grid-column:1/-1}.value-strip>span:last-of-type{display:none}.discovery{padding-top:var(--space-10);scroll-margin-top:72px}.view-live .discovery,.view-saved .discovery{padding-top:var(--space-6)}.section-top{align-items:stretch;gap:var(--space-5);flex-direction:column}.search{width:100%}.search input{font-size:var(--text-lg)}.filter-row{padding:var(--space-4) 0 var(--space-5)}.region-tabs{margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.region-tabs::-webkit-scrollbar{display:none}.region-tabs button{flex-shrink:0}.result-count{display:none}.city-grid{gap:var(--space-5) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.city-photo-holder{border-radius:var(--radius-md)}.city-time{top:var(--space-2);left:var(--space-2)}.room-badge{left:var(--space-2);bottom:var(--space-2);max-width:calc(100% - 16px);padding:3px 8px}.room-badge,.city-time{font-size:var(--text-2xs)}.city-photo-holder:has(.city-photo-credit) .room-badge{bottom:32px}.city-photo-credit{padding:6px var(--space-1) 2px}.favorite{width:44px;height:44px;top:2px;right:2px}.favorite:before{inset:7px}.city-detail{padding-top:var(--space-2);align-items:flex-start}.city-detail h3{font-size:var(--text-md);overflow-wrap:anywhere;flex-wrap:wrap;gap:0 5px}.city-detail p{font-size:var(--text-sm)}.city-arrow{display:none}.bottom-callout{gap:var(--space-4);margin-top:var(--space-12);padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl);grid-template-columns:minmax(0,1fr)}.callout-icon{width:48px;height:48px}.bottom-callout>button{grid-column:auto}}.section-heading-row{flex:1;justify-content:space-between;align-items:flex-end;gap:15px;min-width:0;display:flex}.live-create-cta{border:1px solid var(--cta-bg);border-radius:var(--radius-sm);background:var(--cta-bg);min-height:40px;color:var(--cta-fg);font-size:var(--text-2xs);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-weight:800;display:inline-flex}.live-create-cta:hover{filter:brightness(.94)}@media (max-width:760px){.section-heading-row{align-items:center;width:100%}.live-create-cta{min-height:42px;font-size:var(--text-2xs);padding:0 12px}}.city-modal{overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-1);width:min(580px,100%);max-height:min(860px,100dvh - 48px);box-shadow:var(--shadow-lg);animation:dialog-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden auto}.city-modal>.close{top:var(--space-4);z-index:3;margin:var(--space-4) var(--space-4) calc(-1 * (var(--control-md) + var(--space-4))) 0;flex-shrink:0;align-self:flex-end;position:sticky;right:auto}.city-modal-banner{min-height:232px;padding:var(--space-6) var(--space-8) var(--space-6);background:radial-gradient(120% 120% at 15% 10%, var(--accent), transparent 60%), linear-gradient(160deg, var(--brand), var(--surface-3));flex-direction:column;flex-shrink:0;justify-content:flex-end;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.city-modal-banner{background:radial-gradient(120% 120% at 15% 10%, color-mix(in oklab, var(--accent) 24%, transparent), transparent 60%), linear-gradient(160deg, var(--brand), var(--surface-3))}}.city-modal-banner{color:#fff;isolation:isolate}.city-modal-banner img{z-index:-2}.banner-photo-shade{z-index:-1;background:linear-gradient(#00000047 0%,#0000 34%,#000000a8 100%);position:absolute;inset:0}.city-modal-banner>span{color:#ffffffdb;font-size:var(--text-sm);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:500;display:inline-flex}.city-modal-banner h2{margin-top:var(--space-1);padding-bottom:var(--space-2);font-family:var(--font-display);font-size:var(--display-lg);letter-spacing:-.015em;text-shadow:0 2px 24px #00000059;font-weight:400;line-height:1}.city-modal-banner>.city-photo-credit{top:var(--space-4);bottom:auto;right:auto;left:var(--space-5);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000005c;justify-content:flex-start;max-width:calc(100% - 96px);padding:0 6px}.modal-content{padding:var(--space-6) var(--space-8) var(--space-8)}.modal-content>p{color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-relaxed)}.section-top.compact{margin:var(--space-6) 0 var(--space-4);align-items:center}.section-top.compact h3{font-size:var(--text-xl);letter-spacing:-.015em;font-weight:600}.city-room-group-heading{align-items:center;gap:var(--space-2);margin:var(--space-5) 0 var(--space-2);color:var(--text-3);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600;display:flex}.section-top.compact+.city-room-group-heading{margin-top:0}.city-room-live-dot{background:var(--live);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite live-pulse}.live-room{align-items:center;gap:var(--space-4);width:100%;margin-bottom:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);text-align:left;display:flex}.live-room:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.live-room:disabled{opacity:.6}.live-room.is-joining{border-color:var(--accent-line);background:var(--accent-soft);opacity:1}.live-room>div{flex:1;min-width:0}.room-kind-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-ink);flex-shrink:0;place-items:center;display:grid}.room-kind-icon svg{width:20px;height:20px}.live-room small{color:var(--text-2);font-size:var(--text-sm);line-height:1.35;display:block}.live-room h3{font-size:var(--text-lg);letter-spacing:-.01em;overflow-wrap:anywhere;margin-top:2px;font-weight:600;line-height:1.3}.live-room small.joining-label{color:var(--accent-ink);font-size:var(--text-sm);white-space:nowrap;font-weight:600;display:inline}.live-room>span:not(.room-kind-icon){color:var(--text-2);font-size:var(--text-sm);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:6px;font-weight:500;display:inline-flex}.live-room>svg{width:18px;height:18px;color:var(--text-3);transition:transform var(--dur) var(--ease-out), color var(--dur-fast) ease;flex-shrink:0}.live-room:hover:not(:disabled)>svg{color:var(--text);transform:translate(2px,-2px)}.room-people{align-items:center;gap:var(--space-2);min-width:0;max-width:100%;margin-top:var(--space-2);color:var(--text-2);font-size:var(--text-sm);line-height:1.4;display:flex}.room-preview-avatars{flex-shrink:0;display:inline-flex}.room-preview-avatar{border:2px solid var(--surface-2);background:var(--avatar-1-bg);width:26px;height:26px;color:var(--avatar-1-fg);font-size:var(--text-2xs);border-radius:50%;place-items:center;font-weight:700;display:grid;overflow:hidden}.room-preview-avatar+.room-preview-avatar{background:var(--avatar-2-bg);color:var(--avatar-2-fg);margin-left:-8px}.room-preview-avatar img{object-fit:cover;width:100%;height:100%}.room-preview-names{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.room-preview-more{white-space:nowrap;flex-shrink:0}.city-modal .privacy-note{margin-top:var(--space-5)}@media (max-width:660px){.city-modal{border-radius:var(--radius-xl);max-height:calc(100dvh - 24px)}.city-modal-banner{min-height:188px;padding:var(--space-5)}.modal-content{padding:var(--space-5) var(--space-5) var(--space-6)}.section-top.compact{align-items:center;gap:var(--space-3);flex-direction:row}.section-top.compact h3{font-size:var(--text-lg)}.live-room{gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-3)}.room-kind-icon{width:40px;height:40px}.live-room h3{font-size:var(--text-base)}.live-room>svg{display:none}}.city-photo-preview{filter:blur(2px);background-position:50%;background-size:cover;position:absolute;inset:-2px}.form-modal{width:min(480px,100%);max-height:min(880px,100dvh - 48px);padding:var(--space-8);overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-1);box-shadow:var(--shadow-lg);animation:dialog-in var(--dur-slow) var(--ease-out);position:relative;overflow-y:auto}.form-modal>.close{float:right;margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) calc(-1 * var(--control-md)) 0;box-shadow:0 0 0 4px var(--surface-1);position:sticky;top:0;right:auto}.modal-symbol{width:52px;height:52px;margin-bottom:var(--space-5);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-ink);place-items:center;display:grid}.modal-symbol svg{width:26px;height:26px}.form-modal h2{margin-top:var(--space-3);font-family:var(--font-display);font-size:var(--display-md);letter-spacing:-.015em;font-weight:400;line-height:1.02}.form-modal>p{margin-top:var(--space-3);color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-relaxed)}.form-modal form{margin-top:var(--space-6)}.signup-verification .privacy-note{display:block}.form-modal label{margin-bottom:var(--space-5);color:var(--text);font-size:var(--text-md);font-weight:600;display:block}.form-modal input:not([type=checkbox]):not([type=radio]):not([type=file]),.form-modal select{width:100%;min-height:46px;margin-top:var(--space-2);padding:0 var(--space-4);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--text-base);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;font-weight:400;display:block}.form-modal input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,.form-modal select:hover{border-color:var(--text-3)}.form-modal input:not([type=checkbox]):not([type=radio]):not([type=file]):focus-visible,.form-modal select:focus-visible{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.form-modal input:not([type=checkbox]):not([type=radio]):not([type=file]):focus-visible,.form-modal select:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 24%, transparent)}}.form-modal .primary.full{margin-top:var(--space-2)}.gender-picker{min-width:0;margin:0 0 var(--space-5);border:0;padding:0}.gender-picker legend{margin-bottom:var(--space-3);color:var(--text);font-size:var(--text-md);padding:0;font-weight:600}.gender-options{gap:var(--space-2);grid-template-columns:minmax(0,.85fr) minmax(0,.95fr) minmax(0,1.3fr);display:grid}.form-modal .gender-options label{align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font-size:var(--text-md);cursor:pointer;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;margin:0;font-weight:500;line-height:1.25;display:flex;position:relative}.form-modal .gender-options label:hover{border-color:var(--border-input)}.form-modal .gender-options label.selected{border-color:var(--accent-ink);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-ink);font-weight:600}.gender-options label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.gender-options input{width:18px;height:18px;accent-color:var(--accent-ink);flex-shrink:0;margin:0}.gender-options input:focus-visible{outline:none}.form-modal .checkbox{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-2);font-size:var(--text-sm);font-weight:400;line-height:var(--leading-normal);cursor:pointer;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--accent-ink);flex-shrink:0;margin:1px 0 0}.recover-entry{width:100%;min-height:44px;margin-top:var(--space-2);border-radius:var(--radius-sm);color:var(--accent-ink);font-size:var(--text-md);text-align:center;font-weight:600;display:block}.recover-entry:hover{text-underline-offset:3px;text-decoration:underline}.form-modal>.privacy-note{margin-top:var(--space-4);color:var(--text-3);font-size:var(--text-xs);text-align:center;justify-content:center}@media (max-width:660px){.form-modal{max-height:calc(100dvh - 24px);padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl)}.form-modal>.close{margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) -44px 0}.modal-symbol{width:44px;height:44px;margin-bottom:var(--space-4)}.form-modal input:not([type=checkbox]):not([type=radio]):not([type=file]),.form-modal select{font-size:var(--text-lg)}.form-modal .gender-options label{min-height:72px;padding:var(--space-2);text-align:center;flex-direction:column;justify-content:center;gap:6px}}.room-backdrop{z-index:var(--z-overlay);background:var(--bg);animation:overlay-in var(--dur) ease-out;display:flex;position:fixed;inset:0;overflow:hidden}.room-panel{background:radial-gradient(70% 55% at 35% 45%, var(--accent), transparent 70%), var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.room-panel{background:radial-gradient(70% 55% at 35% 45%, color-mix(in oklab, var(--accent) 5%, transparent), transparent 70%), var(--bg)}}.app-shell:has(.room-backdrop) .toast{top:calc(var(--space-4) + env(safe-area-inset-top));bottom:auto}.room-header{align-items:center;gap:var(--space-2);min-height:72px;padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.room-header>div:first-child{flex:1;min-width:0}.room-header .eyebrow{font-size:var(--text-2xs);line-height:1.3}.room-header div.eyebrow{font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;display:block;overflow:hidden}.room-header h2{font-size:var(--text-xl);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-weight:600;line-height:1.25;overflow:hidden}.room-header p{color:var(--text-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin-top:1px}.room-header .room-settings-trigger,.room-header .room-claim-host-trigger,.room-header .room-profile-button,.room-header .room-info-trigger,.room-header .room-invite-trigger,.room-header .room-live-trigger{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--control-md);min-height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text);font-size:var(--text-md);white-space:nowrap;flex:none;font-weight:600;display:inline-flex}.room-header .room-settings-trigger:hover,.room-header .room-claim-host-trigger:hover:not(:disabled),.room-header .room-profile-button:hover,.room-header .room-info-trigger:hover,.room-header .room-invite-trigger:hover,.room-header .room-live-trigger:hover:not(:disabled),.room-header .room-info-trigger[aria-expanded=true],.room-header .room-live-trigger[aria-expanded=true]{border-color:var(--border-strong);background:var(--surface-2)}.room-header .room-info-trigger{width:var(--control-md);color:var(--text-2);padding:0}.room-header .room-info-trigger svg{width:18px;height:18px}.room-header .room-live-trigger{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.room-header .room-live-trigger:hover:not(:disabled),.room-header .room-live-trigger[aria-expanded=true]{border-color:var(--accent-ink);background:var(--accent-soft-hover)}.room-header .room-profile-button{margin-right:var(--space-1)}.room-status{align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-1) var(--space-6);border-bottom:1px solid var(--border);color:var(--text-2);font-size:var(--text-sm);flex-shrink:0;display:flex}.status-dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:8px;height:8px}.room-status[data-state=connected] .status-dot{background:var(--live);animation:2.4s ease-in-out infinite live-pulse}.room-status[data-state=connecting] .status-dot{background:var(--warning);animation:1.1s ease-in-out infinite status-blink}.room-status[data-state=attention] .status-dot{background:var(--warning)}.room-status button{min-height:30px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text);font-size:var(--text-sm);margin-left:auto;font-weight:600}.room-status button+button{margin-left:var(--space-2)}.room-status button:hover:not(:disabled){background:var(--surface-2)}.room-info-panel{top:66px;right:var(--space-6);z-index:18;width:min(340px,100vw - 32px);padding:var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-3);box-shadow:var(--shadow-lg);animation:dialog-in var(--dur) var(--ease-out);position:absolute}.room-info-panel strong{font-size:var(--text-lg);font-weight:600;display:block}.room-info-panel p{margin:var(--space-2) 0 var(--space-4);color:var(--text-2);font-size:var(--text-md);line-height:var(--leading-relaxed)}.room-info-panel button{min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600}.room-info-panel button+button{margin-left:var(--space-2)}.room-info-panel button:hover:not(:disabled){background:var(--surface-2)}.room-info-panel button[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.room-main-content{display:contents}.room-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.room-stage{width:100%;padding:var(--space-6);flex:none;order:0}.room-activity-panels{gap:var(--space-2);max-height:min(48dvh,380px);padding:0 var(--space-6);flex-direction:column;flex:none;order:1;display:flex;overflow-y:auto}.room-activity-panels:empty{display:none}.room-panel .screen-stage{max-height:220px;padding:var(--space-2) var(--space-6);flex:0 auto;order:2;overflow:auto}.room-chat{min-height:0;margin:var(--space-2) var(--space-6) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-1);flex-direction:column;flex:1;order:3;display:flex;overflow:hidden}.room-chat.is-closed{display:none}.room-message-peek{right:var(--space-5);bottom:calc(86px + env(safe-area-inset-bottom));z-index:12;border:1px solid var(--accent-line);border-radius:var(--radius-lg);background:var(--surface-2);width:min(380px,100% - 24px);min-height:68px;animation:room-message-peek-in .19s var(--ease-out) both;align-items:center;display:flex;position:absolute;box-shadow:0 18px 42px #00000052,0 2px 8px #00000026;box-shadow:0 18px 42px lab(0% 0 0/.32),0 2px 8px lab(0% 0 0/.15)}.room-message-peek-main{border-radius:inherit;text-align:left;flex:1;align-items:center;gap:11px;min-width:0;min-height:66px;padding:9px 0 9px 12px;display:flex}.room-message-peek-main:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.room-message-peek-main:hover{background:color-mix(in oklab, var(--accent) 6%, transparent)}}.room-message-peek-avatar{background:var(--surface-3);width:38px;height:38px;color:var(--text);font-size:var(--text-sm);border-radius:50%;flex:0 0 38px;place-items:center;font-weight:700;display:grid;overflow:hidden}.room-message-peek-avatar img{object-fit:cover;width:100%;height:100%}.room-message-peek-copy{flex:1;gap:3px;min-width:0;display:grid}.room-message-peek-meta{align-items:baseline;gap:9px;min-width:0;display:flex}.room-message-peek-meta strong{min-width:0;color:var(--text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.room-message-peek-meta small{color:var(--accent-ink);font-size:var(--text-2xs);white-space:nowrap;flex:none;font-weight:700}.room-message-peek-text{color:var(--text-2);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-message-peek-arrow{color:var(--text-2);flex:none}.room-message-peek-dismiss{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-2);flex:0 0 44px;place-items:center;margin:0 2px;display:grid}.room-message-peek-main:hover .room-message-peek-text,.room-message-peek-dismiss:hover{color:var(--text)}.room-message-peek-dismiss:hover{background:var(--surface-3)}.room-message-peek button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@keyframes room-message-peek-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:760px){.room-message-peek{right:12px;bottom:calc(76px + env(safe-area-inset-bottom))}}@media (max-width:360px){.room-message-peek-arrow{display:none}}@media (prefers-reduced-motion:reduce){.room-message-peek{animation:none}}.room-chat-header{display:none}.room-chat>.chat-compose{flex-shrink:0}@media (min-width:900px){.room-body{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(340px,30vw,420px);display:grid}.room-stage{grid-area:1/1;align-self:start}.room-body:not(:has(.screen-stage)):has(.room-activity-panels:empty) .room-stage{flex-direction:column;grid-row:1/4;align-self:stretch;display:flex}.room-body:not(:has(.screen-stage)):has(.room-activity-panels:empty) .room-stage .participants{margin-block:auto}.room-activity-panels{padding-bottom:var(--space-4);grid-area:2/1}.room-panel .screen-stage{min-height:0;max-height:none;padding-bottom:var(--space-6);grid-area:3/1;overflow-y:auto}.room-chat{margin:var(--space-4) var(--space-4) var(--space-4) 0;grid-area:1/2/4;align-self:stretch}.room-body:not(:has(.room-chat.is-open)){grid-template-columns:minmax(0,1fr)}.room-panel:not(.is-ai-room):not(:has(.private-camera-stage)) .room-body{grid-template-rows:minmax(0,1fr)}.room-panel:not(.is-ai-room):not(:has(.private-camera-stage)) .room-main-content{overscroll-behavior-y:contain;scrollbar-width:thin;flex-direction:column;grid-area:1/1;align-self:stretch;min-width:0;min-height:0;display:flex;overflow-y:auto}.room-panel:not(.is-ai-room):not(:has(.private-camera-stage)) .room-body:not(:has(.screen-stage)):has(.room-activity-panels:empty) .room-stage{flex:1 0 auto}.room-panel:not(.is-ai-room):has(.screen-stage):not(:has(.private-camera-stage)) .room-main-content>.screen-stage{flex:none;overflow:visible}.room-panel:not(.is-ai-room):not(:has(.private-camera-stage)) .room-body .room-chat{grid-row:1}}.room-participants-loading{color:var(--text-2);font-size:var(--text-md);text-align:center;margin:auto}.participants{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(148px,1fr));display:grid}.participant{min-width:0;padding:var(--space-5) var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-1);text-align:center;animation:rise-in .42s var(--ease-out) both;transition:border-color var(--dur) ease, background-color var(--dur) ease, opacity var(--dur) ease;flex-direction:column;align-items:center;display:flex;position:relative}.participant.is-host{border-color:var(--accent-line)}.participant.is-speaking{border-color:var(--accent-ink);background:var(--accent-soft)}.participant.is-reconnecting{opacity:.5;filter:grayscale()}.avatar.person{width:64px;height:64px;margin-bottom:var(--space-3);font-size:var(--text-xl);letter-spacing:.02em;transition:box-shadow var(--dur) ease;position:relative;overflow:visible}.avatar.person>span{place-items:center;width:100%;height:100%;display:grid}.avatar.person>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar.person-0{background:var(--avatar-0-bg);color:var(--avatar-0-fg)}.avatar.person-1{background:var(--avatar-1-bg);color:var(--avatar-1-fg)}.avatar.person-2{background:var(--avatar-2-bg);color:var(--avatar-2-fg)}.avatar.person-3{background:var(--avatar-3-bg);color:var(--avatar-3-fg)}.participant.is-speaking .avatar.person{box-shadow:0 0 0 3px var(--surface-1), 0 0 0 6px var(--accent-ink);animation:1.4s ease-in-out infinite speaker-ring}.avatar.person>i{border:3px solid var(--surface-1);background:var(--accent);width:26px;height:26px;color:var(--on-accent);animation:hand-wave .9s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-4px}.participant-name{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;min-width:0;max-width:100%;display:flex;position:relative}.participant-name b{min-width:0;max-width:100%;font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.participant-mic-muted{background:var(--danger-soft);width:22px;height:22px;color:var(--danger-ink);border-radius:50%;place-items:center;display:inline-grid}.speaking-label{color:var(--accent-ink);font-size:var(--text-xs);flex-basis:100%;font-weight:600}.participant>small{color:var(--text-2);font-size:var(--text-sm);margin-top:2px}.participant.is-host>small{color:var(--accent-ink);font-weight:600}.participant-menu-wrap{top:var(--space-2);right:var(--space-2);position:absolute}.participant-menu-trigger{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-2);place-items:center;display:grid}.participant-menu-trigger:hover,.participant-menu-trigger[aria-expanded=true]{background:var(--surface-3);color:var(--text)}.participant-menu{z-index:15;width:220px;padding:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-3);box-shadow:var(--shadow-lg);text-align:left;animation:dialog-in var(--dur) var(--ease-out);position:absolute;top:36px;right:0}.participant-menu button{align-items:center;gap:var(--space-3);width:100%;min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-md);text-align:left;display:flex}.participant-menu button svg{color:var(--text-2);flex-shrink:0}.participant-menu button:hover:not(:disabled),.participant-menu button:focus-visible{background:var(--surface-2)}.participant-menu button:last-child{color:var(--danger-ink)}.participant-menu button:last-child svg{color:currentColor}@media (min-width:761px){.room-stage.is-small-circle .participants{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.room-stage.is-small-circle .participant{width:min(208px,50% - 8px);padding:var(--space-8) var(--space-4) var(--space-6)}.room-stage.is-small-circle .avatar.person{width:88px;height:88px;margin-bottom:var(--space-4);font-size:var(--text-2xl)}.room-stage.is-small-circle .participant-name b{font-size:var(--text-lg)}}.room-shared-activity,.room-vote-confirm{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-2);animation:rise-in var(--dur-slow) var(--ease-out)}.room-shared-activity{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);display:flex}.room-shared-activity>svg{color:var(--accent-ink);flex-shrink:0}.room-shared-activity>div{flex:1;min-width:0}.room-shared-activity strong{font-size:var(--text-md);font-weight:600;line-height:1.35;display:block}.room-shared-activity small{color:var(--text-2);font-size:var(--text-sm);margin-top:2px;display:block}.room-shared-activity button{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--text-sm);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.room-shared-activity button:hover{background:var(--accent-soft-hover)}.room-vote-confirm{padding:var(--space-4) var(--space-5)}.room-vote-confirm strong{font-size:var(--text-base);font-weight:600}.room-vote-confirm p{margin:var(--space-1) 0 0;color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-normal)}.room-vote-confirm>div{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.room-vote-confirm button{min-height:38px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:600}.room-vote-confirm button:hover:not(:disabled){background:var(--surface-3)}.room-vote-confirm button:last-child{border-color:var(--danger);background:var(--danger);color:var(--on-danger)}.room-vote-confirm button:last-child:hover:not(:disabled){background:var(--danger-hover)}.shared-screen{margin:0 0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:#000;position:relative;overflow:hidden}.shared-screen video{object-fit:contain;background:#000;width:100%;max-height:60dvh;display:block}.shared-screen.video-speaking{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.shared-screen.video-speaking{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 30%, transparent)}}.video-caption{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-3) var(--space-3) var(--space-4);color:#fff;font-size:var(--text-sm);background:linear-gradient(#0000,#000000b8);font-weight:600;display:flex;position:absolute;inset:auto 0 0}.video-caption>span{align-items:center;gap:var(--space-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline-flex;overflow:hidden}.video-caption small{color:#ffffffbf;font-size:var(--text-sm);font-weight:500}.video-caption i{background:var(--live);border-radius:50%;flex-shrink:0;width:8px;height:8px}.video-speaking .video-caption i{animation:1.2s ease-in-out infinite live-pulse}.video-caption button{border-radius:var(--radius-sm);color:#fff;background:#ffffff24;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.video-caption button:hover{background:#ffffff3d}.video-caption-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:inline-flex}.screen-hidden-chip{min-height:42px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);align-self:start}body .video-expanded{z-index:var(--z-viewer);border:0;border-radius:0;margin:0;position:fixed;inset:0}body .video-expanded video{width:100%;height:100%;max-height:none}.chat-messages{min-height:0;padding:var(--space-4) var(--space-4) var(--space-2);overscroll-behavior:contain;background-image:radial-gradient(circle at 1px 1px, var(--chat-dot) 1px, transparent 0);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;background-size:22px 22px;flex:1;overflow-y:auto}html[data-wallpaper=plain] .room-chat .chat-messages{background-image:none}html[data-wallpaper=glow] .room-chat .chat-messages{background-image:radial-gradient(60% 40% at 15% 10%, var(--accent), transparent 70%), radial-gradient(55% 45% at 90% 95%, var(--brand), transparent 70%)}@supports (color:color-mix(in lab, red, red)){html[data-wallpaper=glow] .room-chat .chat-messages{background-image:radial-gradient(60% 40% at 15% 10%, color-mix(in oklab, var(--accent) 14%, transparent), transparent 70%), radial-gradient(55% 45% at 90% 95%, color-mix(in oklab, var(--brand) 40%, transparent), transparent 70%)}}html[data-wallpaper=glow] .room-chat .chat-messages{background-size:100% 100%;background-attachment:local}html[data-wallpaper=waves] .room-chat .chat-messages{background-image:repeating-radial-gradient(circle at 100% 100%, transparent 0 13px, var(--accent-ink) 14px, transparent 15px 26px)}@supports (color:color-mix(in lab, red, red)){html[data-wallpaper=waves] .room-chat .chat-messages{background-image:repeating-radial-gradient(circle at 100% 100%, transparent 0 13px, color-mix(in oklab, var(--accent-ink) 11%, transparent) 14px, transparent 15px 26px)}}html[data-wallpaper=waves] .room-chat .chat-messages{background-size:auto}.chat-empty{align-content:center;place-items:center;gap:var(--space-2);height:100%;min-height:160px;color:var(--text-2);font-family:var(--font-display);font-size:var(--text-xl);text-align:center;display:grid}.chat-empty svg{width:28px;height:28px;color:var(--text-3)}.chat-message{gap:var(--space-3);margin:0 calc(-1 * var(--space-2)) var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background-color var(--dur-slow) ease;grid-template-columns:32px minmax(0,1fr);display:grid}.chat-message:focus-visible{outline-offset:0}.chat-message.is-highlighted{background:var(--accent-soft)}.avatar.tiny{width:32px;height:32px;font-size:var(--text-sm);margin-top:2px}.avatar.tint-1{background:var(--avatar-1-bg);color:var(--avatar-1-fg)}.avatar.tint-2{background:var(--avatar-2-bg);color:var(--avatar-2-fg)}.avatar.tint-3{background:var(--avatar-3-bg);color:var(--avatar-3-fg)}.chat-message-content{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.chat-message-meta{align-items:center;gap:var(--space-2);width:100%;min-height:24px;display:flex}.chat-message-meta b{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chat-message-meta time{color:var(--text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-shrink:0}.chat-message-actions{opacity:0;transition:opacity var(--dur-fast) ease;flex-shrink:0;gap:2px;margin-left:auto;display:flex}.chat-message:hover .chat-message-actions,.chat-message:focus-within .chat-message-actions{opacity:1}.edit-chat-message,.reply-chat-message,.delete-chat-message,.report-chat-message{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--text-3);place-items:center;display:grid}.edit-chat-message:hover:not(:disabled),.reply-chat-message:hover:not(:disabled),.delete-chat-message:hover:not(:disabled),.report-chat-message:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.delete-chat-message:hover:not(:disabled){color:var(--danger-ink)}.chat-message-content>p{max-width:100%;padding:var(--space-2) var(--space-3);border-radius:4px var(--radius-md) var(--radius-md) var(--radius-md);background:var(--chat-other);color:var(--text);font-size:var(--text-base);overflow-wrap:anywhere;white-space:pre-wrap;margin-top:2px;line-height:1.45}.chat-message.own .chat-message-content>p{background:var(--chat-own)}.chat-message.is-pending .chat-message-content>p{opacity:.65}.chat-message.is-failed .chat-message-content>p{box-shadow:inset 0 0 0 1px var(--danger)}@supports (color:color-mix(in lab, red, red)){.chat-message.is-failed .chat-message-content>p{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--danger) 60%, transparent)}}.chat-reply-quote{border-left:3px solid var(--accent-ink);border-radius:var(--radius-xs);background:var(--text);gap:1px;max-width:100%;margin-top:4px;padding:6px 10px;display:grid}@supports (color:color-mix(in lab, red, red)){.chat-reply-quote{background:color-mix(in oklab, var(--text) 5%, transparent)}}.chat-reply-quote{color:var(--text-2);font-size:var(--text-sm);text-align:left;line-height:1.35}button.chat-reply-quote:hover{background:var(--text)}@supports (color:color-mix(in lab, red, red)){button.chat-reply-quote:hover{background:color-mix(in oklab, var(--text) 9%, transparent)}}.chat-reply-quote strong{color:var(--text);font-size:var(--text-xs);font-weight:600}.chat-reply-quote span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-reply-quote.is-unavailable{border-left-color:var(--border-strong);font-style:italic}.chat-image-open{border-radius:var(--radius-md);width:min(280px,100%);margin-top:4px;padding:0;display:block;overflow:hidden}.chat-image{object-fit:cover;width:100%;height:auto;max-height:260px;transition:transform var(--dur-slow) var(--ease-out)}.chat-image-open:hover .chat-image{transform:scale(1.02)}.chat-shared-file{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);align-items:center;gap:10px;width:min(320px,100%);min-width:0;margin-top:5px;padding:9px;display:flex}.chat-shared-file.is-video{flex-wrap:wrap}.chat-shared-file video{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000;flex:0 0 100%;width:100%;max-height:260px}.chat-video-start{aspect-ratio:16/9;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 45%,var(--accent-soft),var(--surface-1) 70%);width:100%;min-height:130px;color:var(--accent-ink);font-size:var(--text-sm);flex:0 0 100%;justify-content:center;align-items:center;gap:9px;font-weight:700;display:flex}.chat-video-start:hover,.chat-video-start:focus-visible{outline:2px solid var(--focus);outline-offset:2px;background:var(--surface-3)}.chat-shared-file-icon,.chat-file-draft-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:42px;height:42px;color:var(--accent-ink);flex:0 0 42px;place-items:center;display:grid}.chat-shared-file-details{flex:1;gap:2px;min-width:0;display:grid}.chat-shared-file-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);overflow:hidden}.chat-shared-file-details small{color:var(--text-2);font-size:var(--text-xs)}.chat-shared-file-download{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--accent-ink);flex:none;place-items:center;display:grid}.chat-shared-file-download:hover,.chat-shared-file-download:focus-visible{background:var(--accent-soft);outline:2px solid var(--focus);outline-offset:2px}.view-once-symbol{width:22px;height:22px;font-size:var(--text-xs);border:1.5px dashed;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.chat-view-once{align-items:center;gap:var(--space-3);width:min(280px,100%);padding:var(--space-3) var(--space-4);border:1px dashed var(--border-input);border-radius:var(--radius-md);background:var(--surface-2);text-align:left;margin-top:4px;display:flex}.chat-view-once:hover:not(:disabled){border-color:var(--accent-ink)}.chat-view-once:disabled{opacity:.6}.chat-view-once .view-once-symbol{width:32px;height:32px;color:var(--accent-ink);font-size:var(--text-md)}.chat-view-once>span:last-child{gap:2px;display:grid}.chat-view-once strong{font-size:var(--text-md);font-weight:600}.chat-view-once small{color:var(--text-2);font-size:var(--text-xs)}.chat-delivery{align-items:center;gap:var(--space-2);color:var(--text-3);font-size:var(--text-xs);flex-wrap:wrap;margin-top:4px;display:flex}.chat-delivery.is-failed{color:var(--danger-ink)}.chat-delivery button,.chat-photo-retry button{min-height:28px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text);font-size:var(--text-xs);font-weight:600}.chat-delivery button:hover,.chat-photo-retry button:hover{background:var(--surface-3)}.chat-context{display:contents}.chat-compose .chat-room-return{display:none}.chat-attachment,.chat-attachment-preparing,.chat-photo-reply,.chat-photo-retry,.photo-send-options,.chat-attachment-error,.chat-typing,.chat-outbox-limit,.chat-reply-compose{margin:0 var(--space-3) var(--space-2)}.chat-attachment{align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.chat-attachment-preparing{padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-2);font-size:var(--text-sm)}.chat-attachment img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:48px;height:48px}.chat-attachment.is-sending img{opacity:.6}.chat-attachment>span{flex:1;gap:1px;min-width:0;display:grid}.chat-attachment strong{font-size:var(--text-md);font-weight:600}.chat-attachment small{color:var(--text-2);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-attachment button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-2);flex-shrink:0;place-items:center;display:grid}.chat-attachment button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.chat-file-draft .chat-file-draft-icon{flex:0 0 42px}.chat-file-progress{height:4px;margin:0 var(--space-3) var(--space-2);background:var(--surface-3);border-radius:99px;overflow:hidden}.chat-file-progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width .12s;display:block}.chat-photo-progress{height:3px;margin:0 var(--space-3) var(--space-2);border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.chat-photo-progress>span{border-radius:inherit;background:var(--accent-ink);width:30%;height:100%;animation:chat-photo-upload 1.1s var(--ease-in-out) infinite;display:block}.chat-photo-retry{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--text-2);font-size:var(--text-sm);display:flex}.chat-photo-caption{color:var(--text)}.photo-send-options{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.photo-send-options>div{border-radius:var(--radius-pill);background:var(--surface-2);gap:2px;padding:3px;display:inline-flex}.photo-send-options button{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--text-2);font-size:var(--text-sm);align-items:center;gap:6px;font-weight:600;display:inline-flex}.photo-send-options button[aria-pressed=true]{background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-sm)}.photo-send-options button .view-once-symbol{width:18px;height:18px;font-size:var(--text-2xs)}.photo-send-options>small{color:var(--text-2);font-size:var(--text-xs);line-height:1.4}.chat-attachment-error,.chat-outbox-limit{color:var(--danger-ink);font-size:var(--text-sm)}.chat-outbox-limit{color:var(--text-2)}.chat-typing{align-items:center;gap:var(--space-2);color:var(--text-2);font-size:var(--text-sm);display:flex}.chat-typing-dots{border-radius:var(--radius-pill);background:var(--surface-2);gap:3px;padding:6px 8px;display:inline-flex}.chat-typing-dots i{background:var(--text-2);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite chat-typing-pulse}.chat-typing-dots i:nth-child(2){animation-delay:.15s}.chat-typing-dots i:nth-child(3){animation-delay:.3s}.chat-reply-compose{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-left:3px solid var(--accent-ink);border-radius:var(--radius-sm);background:var(--surface-2);display:flex}.chat-reply-compose>svg{color:var(--accent-ink);flex-shrink:0}.chat-reply-compose>div{flex:1;min-width:0;display:grid}.chat-reply-compose small{color:var(--accent-ink);font-size:var(--text-xs);font-weight:600}.chat-reply-compose span{color:var(--text-2);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-reply-compose button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-2);flex-shrink:0;place-items:center;display:grid}.chat-reply-compose button:hover{background:var(--surface-3);color:var(--text)}.chat-compose{margin:var(--space-1) var(--space-3) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;align-items:center;gap:2px;padding:4px;display:flex}.chat-compose:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.chat-compose:focus-within{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 18%, transparent)}}.chat-compose>input{min-width:0;height:40px;padding:0 var(--space-2);color:var(--text);font-size:var(--text-base);background:0 0;border:0;outline:0;flex:1}.chat-compose>input:focus-visible{outline:none}.chat-upload,.chat-compose .chat-emoji-trigger{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-2);cursor:pointer;flex:0 0 40px;place-items:center;display:grid;position:relative}.chat-upload:hover,.chat-compose .chat-emoji-trigger:hover,.chat-compose .chat-emoji-trigger[aria-expanded=true]{background:var(--surface-2);color:var(--text)}.chat-upload:focus-within{outline:2px solid var(--focus);outline-offset:0}.chat-upload input{opacity:0;cursor:pointer;pointer-events:none;width:100%;position:absolute;inset:0}.chat-compose .chat-emoji-trigger .emoji-glyph{font-size:var(--emoji-md)}.chat-compose button[type=submit]{border-radius:var(--radius-md);background:var(--cta-bg);width:40px;height:40px;color:var(--cta-fg);flex:0 0 40px;place-items:center;display:grid}.chat-compose button[type=submit]:hover:not(:disabled){background:var(--cta-bg-hover)}.chat-compose button[type=submit]:disabled{background:var(--surface-2);color:var(--text-3);opacity:1}.chat-emoji-layer{z-index:var(--z-emoji);padding:var(--space-3);background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlay-in var(--dur) ease-out;place-items:center;display:grid;position:fixed;inset:0}.chat-emoji-picker{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-3);width:min(420px,100%);max-height:calc(100dvh - 24px);box-shadow:var(--shadow-lg);animation:dialog-in var(--dur-slow) var(--ease-out);overflow:hidden}.chat-emoji-picker-header{min-height:52px;padding:0 var(--space-2) 0 var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.chat-emoji-picker-header strong{font-size:var(--text-lg);font-weight:600}.chat-emoji-picker-header button{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-2);place-items:center;display:grid}.chat-emoji-picker-header button:hover{background:var(--surface-2);color:var(--text)}.chat-emoji-picker .EmojiPickerReact{--epr-bg-color:var(--surface-3);--epr-category-label-bg-color:var(--surface-3)}@supports (color:color-mix(in lab, red, red)){.chat-emoji-picker .EmojiPickerReact{--epr-category-label-bg-color:color-mix(in oklab, var(--surface-3) 92%, transparent)}}.chat-emoji-picker .EmojiPickerReact{--epr-picker-border-color:transparent;--epr-search-input-bg-color:var(--bg);--epr-search-input-bg-color-active:var(--bg);--epr-search-input-text-color:var(--text);--epr-search-border-color:var(--border-input);--epr-search-border-color-active:var(--accent-ink);--epr-text-color:var(--text-2);--epr-hover-bg-color:var(--surface-2);--epr-focus-bg-color:var(--surface-2);--epr-highlight-color:var(--accent-ink);border:0!important;border-radius:0!important}.chat-emoji-picker .epr-search-container input{font-size:var(--text-lg);border:1px solid var(--border-input)!important;border-radius:var(--radius-sm)!important;background:var(--bg)!important;color:var(--text)!important;box-shadow:none!important}.chat-emoji-picker .epr-search-container input:focus{border-color:var(--accent-ink)!important}.chat-delivery.is-pending{opacity:.8}.emoji-loading{padding:var(--space-8);color:var(--text-2);font-size:var(--text-md);text-align:center}.photo-viewer-backdrop{z-index:var(--z-viewer);padding:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlay-in var(--dur) ease-out;background:#000000db;place-items:center;display:grid;position:fixed;inset:0}.photo-viewer{border-radius:var(--radius-xl);background:var(--viewer-bg);color:#fff;width:min(960px,100%);max-height:100%;animation:dialog-in var(--dur-slow) var(--ease-out);border:1px solid #ffffff1f;flex-direction:column;display:flex;overflow:hidden}.photo-viewer header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);font-size:var(--text-md);font-weight:600;display:flex}.photo-viewer header small{color:#ffffffa6;font-size:var(--text-xs);margin-top:2px;font-weight:500;display:block}.photo-viewer header button{border-radius:var(--radius-sm);color:#fff;place-items:center;width:40px;height:40px;display:grid}.photo-viewer header button:hover{background:#ffffff1f}.photo-viewer-image{background:#000;flex:1;place-items:center;min-height:0;display:grid}.photo-viewer-image img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:calc(100dvh - 140px)}.photo-viewer-image>p{padding:var(--space-8);color:#ffffffb3;font-size:var(--text-md);text-align:center}.floating-reactions{right:var(--space-4);z-index:9;pointer-events:none;width:208px;max-width:calc(100% - 24px);height:284px;position:absolute;bottom:104px;overflow:hidden}.floating-reaction{bottom:6px;left:var(--reaction-x);width:60px;color:var(--text);white-space:nowrap;opacity:0;transform-origin:bottom;will-change:transform, opacity;animation:reaction-float calc(var(--reaction-duration) * var(--reaction-motion-scale,1)) linear var(--reaction-delay) both;flex-direction:column;align-items:center;gap:3px;margin-left:-30px;line-height:1;display:flex;position:absolute}.floating-reaction-emoji{text-shadow:0 2px 8px var(--surface-1);flex:none;font-size:32px;line-height:1.15}@supports (color:color-mix(in lab, red, red)){.floating-reaction-emoji{text-shadow:0 2px 8px color-mix(in oklab, var(--surface-1) 65%, transparent)}}.floating-reaction-name{text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 3px var(--surface-1), 0 0 6px var(--surface-1);padding:1px 2px;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}.room-reaction-control{position:relative}.room-emoji-menu{z-index:30;width:340px;max-width:calc(100vw - 24px);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-3);box-shadow:var(--shadow-lg);animation:sheet-in var(--dur) var(--ease-out);position:absolute;bottom:calc(100% + 12px);right:50%;transform:translate(50%)}.room-emoji-heading{padding:0 0 var(--space-2) var(--space-1);justify-content:space-between;align-items:center;display:flex}.room-emoji-heading strong{font-size:var(--text-md);font-weight:600}.room-emoji-heading button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-2);place-items:center;display:grid}.room-emoji-heading button:hover{background:var(--surface-2);color:var(--text)}.room-emoji-quick{gap:var(--space-1);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.room-emoji-quick button{border-radius:var(--radius-md);min-width:0;min-height:46px;font-size:var(--emoji-lg);transition:transform var(--dur) var(--ease-out), background-color var(--dur-fast) ease;place-items:center;display:grid}.room-emoji-quick button:hover:not(:disabled){background:var(--surface-2);transform:translateY(-2px)scale(1.08)}.room-controls{justify-content:flex-start;align-items:center;gap:var(--space-2);min-height:76px;padding:var(--space-3) var(--space-6) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface-1);flex-shrink:0;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.room-controls{background:color-mix(in oklab, var(--surface-1) 50%, var(--bg))}}.room-controls .control-hint{display:contents}.room-controls .secondary,.room-controls .mic-button,.room-controls .leave-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-size:var(--text-md);white-space:nowrap;font-weight:600;display:inline-flex;position:relative}.room-controls .secondary:hover:not(:disabled),.room-controls .mic-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.room-controls .mic-button{min-width:128px}.room-controls .mic-button.is-live{border-color:var(--cta-bg);background:var(--cta-bg);color:var(--cta-fg);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.room-controls .mic-button.is-live{box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 22%, transparent)}}.room-controls .mic-button.is-live:hover:not(:disabled){background:var(--cta-bg-hover)}.room-controls .mic-button[aria-busy=true] svg{animation:1s ease-in-out infinite status-blink}.room-controls .room-chat-control.is-active,.room-controls .room-game-toggle.is-active,.room-controls .room-reaction-control>.secondary[aria-expanded=true],.room-controls .hand-raised{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.room-controls .room-reaction-control .emoji-glyph{font-size:var(--emoji-sm)}.chat-toolbar-unread{border-radius:var(--radius-pill);background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);font-size:var(--text-xs);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-weight:700;display:inline-grid}.activity-control-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface-2);border-radius:50%;position:absolute;top:8px;right:8px}.room-controls .leave-button{border-color:var(--danger);background:var(--danger);color:var(--on-danger);margin-left:auto}.room-controls .leave-button:hover:not(:disabled){background:var(--danger-hover)}@media (min-width:1180px){.room-controls{justify-content:center}.room-controls .leave-button{top:50%;right:var(--space-6);transform:translateY(calc(-50% - env(safe-area-inset-bottom) / 2));margin:0;position:absolute}.room-controls .leave-button:active:not(:disabled){transform:translateY(calc(-50% - env(safe-area-inset-bottom) / 2 + 1px))}}@keyframes reaction-float{0%{opacity:0;transform:translateY(8px)scale(.72)}9%{opacity:1;transform:translate3d(0, calc(var(--reaction-travel,234px) * -.06), 0) scale(1.06)}20%{opacity:1;transform:translate3d(var(--reaction-sway), calc(var(--reaction-travel,234px) * -.18), 0) scale(1)}48%{opacity:1;transform:translate3d(var(--reaction-drift), calc(var(--reaction-travel,234px) * -.47), 0) scale(1)}72%{opacity:.92;transform:translate3d(var(--reaction-sway), calc(var(--reaction-travel,234px) * -.72), 0) scale(.98)}to{opacity:0;transform:translate3d(var(--reaction-drift), calc(var(--reaction-travel,234px) * -1), 0) scale(.92)}}@keyframes reaction-fade{0%{opacity:0}12%,75%{opacity:1}to{opacity:0}}@keyframes speaker-ring{0%,to{box-shadow:0 0 0 3px var(--surface-1), 0 0 0 6px var(--accent-ink)}50%{box-shadow:0 0 0 3px var(--surface-1), 0 0 0 9px color-mix(in oklab, var(--accent-ink) 55%, transparent)}}@keyframes hand-wave{0%{transform:scale(.4)rotate(-20deg)}60%{transform:scale(1.12)rotate(8deg)}}@keyframes status-blink{50%{opacity:.35}}@keyframes chat-typing-pulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes chat-photo-upload{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.floating-reaction{will-change:opacity;transform:none;animation:reaction-fade var(--reaction-duration) ease-out var(--reaction-delay) both!important;animation-duration:var(--reaction-duration)!important}}@media (pointer:coarse){.chat-message-actions{opacity:1}.edit-chat-message,.reply-chat-message,.delete-chat-message,.report-chat-message{width:40px;height:40px}.participant-menu button{min-height:44px}.participant-menu-trigger{width:40px;height:40px}.participant-menu{top:42px}}@media (max-width:899px){.room-body{overscroll-behavior:contain;overflow-y:auto}.room-chat{flex:1 0 320px}}@media (max-width:760px){.room-header{min-height:64px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);gap:6px}.room-header h2{font-size:var(--text-lg)}.room-header p{font-size:var(--text-xs)}.room-header .room-settings-trigger,.room-header .room-claim-host-trigger,.room-header .room-profile-button,.room-header .room-invite-trigger{width:var(--control-md);gap:0;margin:0;padding:0;font-size:0}.room-header .room-settings-trigger span,.room-header .room-claim-host-trigger span,.room-header .room-invite-trigger span{display:none}.room-header .room-settings-trigger{flex-direction:column;gap:1px}.room-header .room-settings-trigger span{font-size:10px;line-height:1;display:block}.room-header .room-live-trigger{padding:0 var(--space-3);font-size:var(--text-sm)}.room-status{min-height:36px;padding:var(--space-1) var(--space-4);font-size:var(--text-xs)}.room-info-panel{top:60px;right:var(--space-3)}.room-stage{padding:var(--space-3)}.participants{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.participant{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) 44px var(--space-2) var(--space-2);border-radius:var(--radius-lg);text-align:left;flex-direction:row}.avatar.person{width:44px;height:44px;font-size:var(--text-md);margin:0}.avatar.person>i{border-width:2px;width:22px;height:22px;bottom:-4px;right:-6px}.avatar.person>i svg{width:11px;height:11px}.participant.is-speaking .avatar.person{box-shadow:0 0 0 2px var(--surface-1), 0 0 0 4px var(--accent-ink);animation:none}.participant-name{flex-wrap:nowrap;justify-content:flex-start;gap:4px}.participant-name b{font-size:var(--text-md)}.participant-mic-muted{flex-shrink:0;width:18px;height:18px}.participant-mic-muted svg{width:11px;height:11px}.speaking-label{display:none}.participant>small{font-size:var(--text-xs);position:absolute;bottom:10px;left:64px}.participant-menu-wrap{top:50%;right:4px;transform:none}.participant-menu{top:44px}.room-activity-panels{max-height:min(46dvh,375px);padding:0 var(--space-3)}.room-panel .screen-stage{max-height:200px;padding:var(--space-1) var(--space-3)}.room-chat{margin:var(--space-2) var(--space-3) var(--space-3);flex:none}.room-chat.is-open{z-index:8;height:clamp(220px,40dvh,340px);max-height:none;margin:var(--space-2) var(--space-3) var(--space-3);position:static}.chat-compose>input{font-size:var(--text-lg)}.chat-image-open{width:min(220px,70vw)}.chat-image{max-height:170px}.room-controls{min-height:0;padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.room-controls .secondary,.room-controls .mic-button,.room-controls .leave-button,.room-reaction-control{width:100%;min-width:0}.room-controls .secondary,.room-controls .mic-button,.room-controls .leave-button{border-radius:var(--radius-md);min-height:50px;margin:0;padding:0}.room-controls .control-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.room-controls svg{width:21px;height:21px}.room-controls .room-reaction-control .emoji-glyph{font-size:var(--emoji-md)}.chat-toolbar-unread{min-width:18px;height:18px;font-size:var(--text-2xs);padding:0 5px;position:absolute;top:4px;right:4px}.room-emoji-menu{inset:auto var(--space-2) calc(80px + env(safe-area-inset-bottom));width:auto;max-width:none;position:fixed;transform:none}.floating-reactions{right:var(--space-2);bottom:calc(84px + env(safe-area-inset-bottom));width:196px}.photo-viewer-backdrop{padding:0}.photo-viewer{border:0;border-radius:0;width:100%;height:100dvh}.photo-viewer-image img{max-height:100%}}@media (max-width:380px){.room-header .room-live-trigger{width:var(--control-md);padding:0}.room-header .room-live-trigger span{display:none}.participants{grid-template-columns:minmax(0,1fr)}}@media (min-width:761px){.room-controls svg{width:18px;height:18px}}.room-stage .participant-name{box-sizing:border-box;justify-content:center;align-items:center;gap:5px;width:100%;min-width:0;padding-inline:18px;display:flex}.room-stage .participant-name .profile-name-button{width:100%}.room-stage .participant small.participant-game-status{justify-content:center;align-items:center;gap:3px;max-width:100%;font-weight:750;display:inline-flex;color:var(--accent-ink)!important}.participant-game-status svg{flex:none}.participant-game-status span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.participant-mic-muted{width:16px;height:16px;color:var(--text-2);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.room-stage .participant small.participant-speaking-status{font-weight:650;color:var(--accent-ink)!important}.room-panel .room-stage .participant.is-vote-target{border-color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.room-panel .room-stage .participant.is-vote-target{background:color-mix(in srgb,var(--warning) 9%,var(--surface-1))}}.room-panel .room-stage .participant.is-vote-target{box-shadow:inset 0 0 0 1px var(--warning)}@supports (color:color-mix(in lab, red, red)){.room-panel .room-stage .participant.is-vote-target{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--warning) 33%, transparent)}}.room-panel .room-stage .participant.is-vote-target .avatar.person{border-color:var(--warning);box-shadow:0 0 0 2px var(--warning)}@supports (color:color-mix(in lab, red, red)){.room-panel .room-stage .participant.is-vote-target .avatar.person{box-shadow:0 0 0 2px color-mix(in oklab, var(--warning) 20%, transparent)}}.room-panel .room-stage .participant.is-vote-target small.participant-vote-status{color:var(--warning);font-weight:750;display:block}.chat-emoji-picker .epr-emoji-list{--epr-category-padding:0px;--epr-category-label-padding:0px;margin-inline:10px}.chat-safety-error,.chat-attachment-error{border:1px solid var(--danger);margin:0 12px 8px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.chat-safety-error,.chat-attachment-error{border:1px solid color-mix(in oklab, var(--danger) 35%, transparent)}}.chat-safety-error,.chat-attachment-error{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--text);font-size:var(--text-xs);line-height:1.4}.chat-attachment-error{align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.chat-attachment-error>span{flex:1;min-width:0}.chat-attachment-error>button{border-radius:var(--radius-sm);width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;flex:0 0 40px;place-items:center;padding:0;display:grid}.chat-attachment-error>button:hover{background:var(--danger-soft)}.chat-attachment-error>button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:760px){.room-stage .participant-name{flex:1;min-width:0;padding-inline:0 18px;display:block}}.screen-button.is-unavailable{color:var(--text-2);border-style:dashed}.screen-button.is-unavailable:hover{color:var(--text);border-color:var(--text-2)}.room-panel.is-playing .room-stage .participant small.participant-game-status{display:inline-flex}.room-controls .camera-button{border-color:var(--accent-ink);align-items:center;gap:7px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.room-controls .camera-button{border-color:color-mix(in srgb,var(--accent-ink) 36%,var(--border))}}.room-controls .camera-button{color:var(--text)}.room-controls .camera-button.is-live{background:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.room-controls .camera-button.is-live{background:color-mix(in srgb,var(--accent-ink) 18%,var(--surface-1))}}.room-controls .camera-button.is-live{border-color:var(--accent-ink)}.room-controls .camera-button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.camera-inline-error{border-bottom:1px solid var(--border);color:var(--danger-ink);background:var(--bg);font-size:var(--text-2xs);flex:none;margin:0;padding:7px 22px}.private-camera-stage{border-top:1px solid var(--border);background:var(--bg);flex:none;order:2;min-width:0;padding:9px 22px 11px}body .room-panel .room-body:has(.private-camera-stage){overscroll-behavior-y:contain;scrollbar-width:thin;overflow-y:auto}.private-camera-heading{color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.private-camera-heading span{font-size:var(--text-2xs);letter-spacing:.14em;font-weight:750}.private-camera-heading small{font-size:var(--text-2xs)}.private-camera-heading-actions{align-items:center;gap:8px;display:flex}.private-camera-switch{border:1px solid var(--accent-line);border-radius:var(--radius-pill);background:var(--accent-soft);min-height:44px;color:var(--accent-ink);font:inherit;font-size:var(--text-2xs);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-weight:700;display:inline-flex}.private-camera-switch:disabled{opacity:.6;cursor:default}.private-camera-switch:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.camera-switch-placeholder{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--viewer-bg);min-height:140px;color:var(--viewer-text);font-size:var(--text-sm);place-items:center;display:grid}.private-camera-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:9px;display:grid;position:relative}.private-camera-grid.is-single{grid-template-columns:minmax(0,1fr)}.private-camera-grid.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.private-camera-grid.is-grid{overscroll-behavior-y:contain;scrollbar-width:thin;max-height:min(38dvh,380px);padding-right:3px;overflow-y:auto}.private-camera-tile{aspect-ratio:16/9;border:1px solid var(--accent-ink);min-width:0;margin:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.private-camera-tile{border:1px solid color-mix(in srgb,var(--accent-ink) 25%,var(--border))}}.private-camera-tile{border-radius:var(--radius-md);background:var(--viewer-bg)}.private-camera-grid.is-single .private-camera-tile{max-height:300px}.private-camera-grid.is-pair .private-camera-tile{min-height:170px;max-height:270px}.private-camera-tile video{object-fit:cover;background:var(--viewer-bg);width:100%;height:100%;display:block}.private-camera-tile.is-local.is-mirrored video{transform:scaleX(-1)}.private-camera-tile figcaption{color:#fff;min-width:0;font-size:var(--text-2xs);pointer-events:none;background:linear-gradient(#0000,#000000d9);align-items:center;gap:6px;padding:22px 10px 9px;line-height:1.2;display:flex;position:absolute;inset:auto 0 0}.private-camera-tile figcaption span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.private-camera-tile figcaption small{opacity:.72;font-size:var(--text-2xs);margin-left:auto}.private-camera-expand{border:1px solid var(--viewer-border);border-radius:var(--radius-sm);background:var(--viewer-overlay);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:5px;right:5px}.private-camera-expand:hover{background:var(--viewer-hover);border-color:var(--accent)}.private-camera-expand:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-3px}.camera-live-dot{background:var(--live-on-photo);width:5px;height:5px;box-shadow:0 0 0 2px var(--live-on-photo);border-radius:50%;flex:0 0 5px}@supports (color:color-mix(in lab, red, red)){.camera-live-dot{box-shadow:0 0 0 2px color-mix(in oklab, var(--live-on-photo) 25%, transparent)}}@media (min-width:900px){.room-body:has(.private-camera-stage){grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(320px,min(30vw,420px));display:grid}.room-body:has(.private-camera-stage) .private-camera-stage{grid-area:3/1;padding:10px 20px}.room-body:has(.private-camera-stage) .screen-stage{grid-row:4}.room-body:has(.private-camera-stage) .room-chat{grid-row:1/5}body .room-panel .room-body:has(.private-camera-stage):not(:has(.screen-stage)) .room-stage{grid-row:1;align-self:start;display:block}body .room-panel .room-body:has(.private-camera-stage):not(:has(.screen-stage)) .room-stage .participants{margin-top:0;margin-bottom:0}.room-body:has(.private-camera-stage) .room-stage{padding:10px 20px 8px}.room-body:has(.private-camera-stage) .room-stage.is-small-circle .participants{justify-content:flex-start;gap:8px}.room-body:has(.private-camera-stage) .room-stage.is-small-circle .participant{text-align:left;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:9px;width:min(220px,50% - 4px);min-height:72px;padding:10px 34px 10px 10px;display:grid}.room-body:has(.private-camera-stage) .room-stage.is-small-circle .participant .avatar.person{width:44px;height:44px;font-size:var(--text-sm);grid-area:1/1/3;margin:0}.room-body:has(.private-camera-stage) .room-stage.is-small-circle .participant-name{justify-content:flex-start}.room-body:has(.private-camera-stage) .room-stage.is-small-circle .participant-name b{font-size:var(--text-2xs)}.room-body:has(.private-camera-stage) .room-stage.is-small-circle .participant small{font-size:var(--text-2xs);grid-column:2;margin:0}}@media (max-width:760px){.private-camera-stage{width:100%;padding:8px 10px 10px}.room-body:has(.private-camera-stage) .room-chat.is-open{height:clamp(200px,42dvh,360px);max-height:none;box-shadow:none;flex:none;position:static}.private-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.private-camera-grid.is-single .private-camera-tile{aspect-ratio:4/3;min-height:200px;max-height:320px}.private-camera-grid.is-pair{grid-template-columns:minmax(0,1fr)}.private-camera-grid.is-pair .private-camera-tile{aspect-ratio:16/9;min-height:170px;max-height:260px}.private-camera-grid.is-grid{max-height:min(34dvh,300px)}.private-camera-grid.is-grid .private-camera-tile{aspect-ratio:4/3}.private-camera-grid.has-local-pip .private-camera-tile:not(.is-local){aspect-ratio:4/3;min-height:210px;max-height:320px}.private-camera-grid.has-local-pip .private-camera-tile:not(.is-local) figcaption{padding-right:130px}.private-camera-grid.has-local-pip .private-camera-tile.is-local{z-index:1;aspect-ratio:4/3;border-radius:var(--radius-sm);width:104px;height:78px;min-height:0;box-shadow:var(--shadow-md);border:2px solid #ffffff80;position:absolute;bottom:10px;right:10px}.private-camera-grid.has-local-pip .private-camera-tile.is-local figcaption{font-size:var(--text-2xs);padding:12px 6px 5px}.private-camera-grid.has-local-pip .private-camera-tile.is-local figcaption small{display:none}.private-camera-grid.has-local-pip .private-camera-tile.is-local .private-camera-expand{border-radius:0 var(--radius-xs) 0 var(--radius-sm);background:var(--viewer-overlay);border:0;top:0;right:0}.room-controls .camera-button{width:100%;min-width:0;min-height:50px;font-size:var(--text-2xs);justify-content:center;gap:3px;padding:0}.camera-inline-error{padding:7px 10px}}body .private-camera-viewer.video-expanded{z-index:200;background:var(--viewer-bg);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--viewer-text);border:0;border-radius:0;margin:0;padding:0;font-family:inherit;display:block;position:fixed;inset:0;overflow:hidden}body .private-camera-viewer.video-expanded:not([open]){display:none}.private-camera-viewer::backdrop{background:var(--viewer-bg)}.private-camera-viewer-frame{width:100%;min-width:0;height:100%;min-height:0;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:var(--viewer-bg);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid}.private-camera-viewer-frame:fullscreen{width:100vw;height:100dvh}.private-camera-viewer-header{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.private-camera-viewer-title{align-items:center;gap:9px;min-width:0;display:flex}.private-camera-viewer-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-lg);font-weight:600;overflow:hidden}.private-camera-viewer-title small{font-size:var(--text-2xs);color:var(--viewer-text-2)}.private-camera-viewer-close{border:1px solid var(--viewer-border);background:var(--viewer-surface);width:44px;height:44px;color:var(--viewer-text);cursor:pointer;border-radius:50%;flex:0 0 44px;place-items:center;padding:0;display:grid}.private-camera-viewer-video{border-radius:var(--radius-md);background:var(--viewer-bg);min-width:0;min-height:0;position:relative;overflow:hidden}body .private-camera-viewer.video-expanded .private-camera-viewer-video video{aspect-ratio:auto;object-fit:contain;background:var(--viewer-bg);width:100%;height:100%;min-height:0;max-height:none;display:block}body .private-camera-viewer.video-expanded .is-fill .private-camera-viewer-video video{object-fit:cover}.private-camera-viewer-video.is-local.is-mirrored video{transform:scaleX(-1)}.camera-switching-overlay{color:#fff;font-size:var(--text-sm);background:#0000008c;place-items:center;font-weight:650;display:grid;position:absolute;inset:0}.private-camera-viewer-footer{min-width:0;color:inherit;font:inherit;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;margin:0;padding:0;display:flex}.private-camera-feed-switcher{overscroll-behavior-x:contain;scrollbar-width:thin;gap:8px;padding:2px;display:flex;overflow-x:auto}.private-camera-feed-switcher button,.private-camera-viewer-tools button,.private-camera-call-controls button{border:1px solid var(--viewer-border);border-radius:var(--radius-md);background:var(--viewer-surface);min-height:44px;color:var(--viewer-text);font:inherit;font-size:var(--text-xs);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.private-camera-feed-switcher button>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.private-camera-feed-switcher button[aria-pressed=true]{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.private-camera-feed-switcher button[aria-pressed=true]{background:color-mix(in oklab, var(--accent) 12%, var(--viewer-bg))}}.private-camera-feed-switcher button[aria-pressed=true]{color:var(--accent)}.private-camera-viewer-tools{flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:flex}.private-camera-call-controls{align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;display:flex}.private-camera-call-controls button[aria-pressed=true]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.private-camera-call-controls button[aria-pressed=true]{background:color-mix(in oklab, var(--accent) 12%, var(--viewer-bg))}}.private-camera-call-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.private-camera-call-controls button:disabled{opacity:.5;cursor:default}.private-camera-viewer-tools button[aria-pressed=true]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.private-camera-viewer-tools button[aria-pressed=true]{background:color-mix(in oklab, var(--accent) 12%, var(--viewer-bg))}}.private-camera-viewer-tools button[aria-pressed=true]{border-color:var(--accent);color:var(--viewer-text)}.private-camera-viewer-tools button:disabled{opacity:.6;cursor:wait}.private-camera-viewer-hint{color:var(--viewer-text-2);font-size:var(--text-2xs);margin-left:auto}.private-camera-viewer-status{font-size:var(--text-xs);color:var(--viewer-text-2);margin:0}.private-camera-viewer-error{border:1px solid var(--viewer-danger);min-width:0;max-height:min(15dvh,88px);margin:0;padding:8px 10px;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.private-camera-viewer-error{border:1px solid color-mix(in oklab, var(--viewer-danger) 35%, transparent)}}.private-camera-viewer-error{border-radius:var(--radius-sm);background:var(--viewer-danger)}@supports (color:color-mix(in lab, red, red)){.private-camera-viewer-error{background:color-mix(in oklab, var(--viewer-danger) 12%, var(--viewer-bg))}}.private-camera-viewer-error{color:var(--viewer-danger);font-size:var(--text-xs);white-space:pre-line;overflow-wrap:anywhere;scrollbar-width:thin;line-height:1.45}.private-camera-viewer button:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.private-camera-viewer button:hover{background:color-mix(in oklab, var(--accent) 16%, var(--viewer-bg))}}.private-camera-viewer button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:760px){.private-camera-viewer-frame{gap:8px}.private-camera-viewer-title strong{font-size:var(--text-md)}.private-camera-viewer-hint{display:none}.private-camera-viewer-footer{gap:6px}.private-camera-call-controls button{flex:1;min-width:0;padding:10px 8px}}@media (max-height:450px) and (orientation:landscape){.private-camera-viewer-frame{padding-top:max(5px,env(safe-area-inset-top));padding-bottom:max(5px,env(safe-area-inset-bottom));gap:5px}.private-camera-viewer-footer{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;display:grid}.private-camera-feed-switcher,.private-camera-viewer-status,.private-camera-viewer-error{grid-column:1/-1}.private-camera-viewer-tools{justify-content:flex-end}.private-camera-viewer-footer:not(:has(.private-camera-call-controls)) .private-camera-viewer-tools{grid-column:1/-1;justify-content:flex-start}}.participant .participant-profile-avatar{font:inherit;cursor:pointer;flex-shrink:0;place-items:center;padding:0;display:grid}.profile-name-button{border-radius:var(--radius-xs);color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.profile-name-button b{overflow-wrap:anywhere}.profile-name-button:hover{text-underline-offset:3px;text-decoration:underline}.participant-profile-avatar:focus-visible,.profile-name-button:focus-visible,.chat-profile-avatar:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.chat-profile-avatar{font:inherit;color:inherit;cursor:pointer;border:0;flex-shrink:0;align-self:start;padding:0}.participant-name .profile-name-button{max-width:100%;min-height:24px}.participant-name .profile-name-button b{display:block}.chat-message-meta .profile-name-button{min-height:24px;overflow:hidden}.chat-message-meta .profile-name-button b{display:block}@media (max-width:420px){.chat-message-meta{gap:0 var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.chat-message-meta .profile-name-button{text-align:left;grid-area:1/1;min-height:0}.chat-message-meta time{grid-area:2/1}.chat-message-meta .chat-message-actions{grid-area:1/2/3}}.chat-message-link{color:inherit;text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px}.chat-message-link:hover{color:var(--accent-ink)}.chat-message-link:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:var(--radius-xs)}.room-panel .room-stage.room-people .participants{gap:10px;width:100%;max-width:1100px;margin-inline:auto}.room-panel .room-stage.room-people .participant{border-radius:var(--radius-lg);min-height:132px;transition:border-color var(--dur-fast),background-color var(--dur-fast);padding:16px 12px 13px}.room-panel .room-stage.room-people .participant.is-host{border-color:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.room-panel .room-stage.room-people .participant.is-host{border-color:color-mix(in srgb,var(--accent-ink) 45%,var(--border))}}.room-panel .room-stage.room-people .participant.is-host{background:var(--surface-2)}.room-panel .room-stage.room-people .participant.is-speaking{border-color:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.room-panel .room-stage.room-people .participant.is-speaking{border-color:color-mix(in srgb,var(--accent-ink) 65%,var(--border))}}.room-panel .room-stage.room-people .participant.is-speaking{background:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.room-panel .room-stage.room-people .participant.is-speaking{background:color-mix(in srgb,var(--accent-ink) 4%,var(--surface-1))}}.room-panel .room-stage.room-people .participant.is-vote-target{border-color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.room-panel .room-stage.room-people .participant.is-vote-target{background:color-mix(in srgb,var(--warning) 9%,var(--surface-1))}}.room-panel .room-stage.room-people .participant.is-vote-target{box-shadow:inset 0 0 0 1px var(--warning)}@supports (color:color-mix(in lab, red, red)){.room-panel .room-stage.room-people .participant.is-vote-target{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--warning) 33%, transparent)}}.room-panel .room-stage.room-people .participant-portrait{--portrait-size:56px;width:var(--portrait-size);height:var(--portrait-size);flex:0 0 var(--portrait-size);margin:0 auto 8px;display:block;position:relative}.room-panel .room-stage.room-people .participant .participant-portrait .avatar.person{width:100%;min-width:0;height:100%;font-size:var(--text-lg);border:2px solid var(--border-strong);margin:0}.room-panel:has(.screen-stage) .room-stage.room-people .participant .participant-portrait .avatar.person{width:100%;min-width:0;height:100%;margin:0}.room-panel:has(.screen-stage) .room-stage.room-people .participant-portrait{--portrait-size:44px}.room-panel:has(.screen-stage) .room-stage.room-people .participant{min-height:116px;padding:12px 10px 10px}.room-panel .room-stage.room-people .participant.is-host .participant-portrait .avatar.person{border-color:var(--accent-ink)}.room-panel .room-stage.room-people .participant.is-speaking .participant-portrait .avatar.person{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-ink);outline:none}@supports (color:color-mix(in lab, red, red)){.room-panel .room-stage.room-people .participant.is-speaking .participant-portrait .avatar.person{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-ink) 28%,transparent)}}.room-panel .room-stage.room-people .participant.is-speaking .participant-portrait .avatar.person{animation:1.5s ease-in-out infinite participant-voice-glow}.room-panel .room-stage.room-people .participant.is-vote-target .participant-portrait .avatar.person{border-color:var(--warning)}.room-panel .room-stage.room-people .participant .participant-portrait .avatar.person:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@keyframes participant-voice-glow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent-ink) 10%,transparent)}}.room-panel .room-stage.room-people .participant-portrait .participant-mic-muted{border:3px solid var(--surface-1);background:var(--bg);width:22px;height:22px;color:var(--text-2);pointer-events:none;border-radius:50%;inset:auto auto -3px -3px;transform:none}.room-panel .room-stage.room-people .participant-portrait .person i{width:22px;height:22px;color:var(--on-accent);border-width:3px;bottom:-3px;right:-3px}.room-panel .room-stage.room-people .participant-details{flex-direction:column;gap:2px;width:100%;min-width:0;display:flex}.room-panel .room-stage.room-people .participant-details .participant-name{flex:none;min-width:0;padding:0;display:block}.room-panel .room-stage.room-people .participant-details .participant-name b{font-size:var(--text-sm);font-weight:750;line-height:1.4}.room-panel .room-stage.room-people .participant-details small{max-width:100%;min-height:16px;font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:16px;display:block;position:static;overflow:hidden}.room-panel .room-stage.room-people .participant-details small.participant-game-status{min-height:16px;font-size:var(--text-2xs);display:flex}.room-panel .room-stage.room-people .participant-menu-wrap{position:static}.room-panel .room-stage.room-people .participant-menu-trigger{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-2);background:0 0;position:absolute;top:4px;right:4px}.room-panel .room-stage.room-people .participant-menu-trigger:hover,.room-panel .room-stage.room-people .participant-menu-trigger[aria-expanded=true]{color:var(--text);background:var(--bg)}.room-panel .room-stage.room-people .participant-menu{border-radius:var(--radius-md);width:220px;padding:6px;top:50px;right:4px}.room-panel .room-stage.room-people .participant:first-child .participant-menu{left:4px;right:auto}.room-panel .room-stage.room-people .participant-menu button{min-height:44px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.room-panel .room-stage.room-people .participant-menu-trigger:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-3px}@media (min-width:900px){:is(.room-body:not(:has(.room-chat.is-open)),.room-body:has(.private-camera-stage):not(:has(.room-chat.is-open))){grid-template-columns:minmax(0,1fr)}.room-panel .room-stage.room-people.is-small-circle .participant-portrait{--portrait-size:76px;margin-bottom:10px}.room-panel .room-stage.room-people.is-small-circle .participant-details .participant-name b{font-size:var(--text-md)}.room-body:has(.private-camera-stage) .room-stage.room-people.is-small-circle .participant{padding-right:52px}.room-body:has(.private-camera-stage) .room-stage.room-people.is-small-circle .participant-portrait{--portrait-size:44px;grid-area:1/1/3;margin:0}.room-body:has(.private-camera-stage) .room-stage.room-people.is-small-circle .participant-details{text-align:left;grid-area:1/2/3}}@media (min-width:900px) and (max-width:1199px){.room-body:has(.room-chat.is-open) .room-stage.room-people .participants{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.room-panel .room-stage.room-people .participants{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}:is(.room-panel .room-stage.room-people .participant,.room-panel:has(.screen-stage) .room-stage.room-people .participant){border-radius:var(--radius-md);text-align:left;align-items:center;gap:7px;min-height:62px;padding:7px 40px 7px 8px;display:flex}.room-panel .room-stage.room-people .participant-portrait{--portrait-size:44px;margin:0}.room-panel .room-stage.room-people .participant-details{flex:1;min-width:0}.room-panel .room-stage.room-people .participant-details .participant-name b{font-size:var(--text-xs)}.room-panel .room-stage.room-people .participant-details small{font-size:var(--text-2xs);min-height:15px;line-height:15px}.room-panel .room-stage.room-people .participant-details small.participant-game-status{justify-content:flex-start}.room-panel .room-stage.room-people .participant-menu-trigger{top:calc(50% - 22px);right:0}.room-panel .room-stage.room-people .participant-menu{top:calc(50% + 24px)}.room-panel .room-stage.room-people .participant:nth-child(odd) .participant-menu{left:0;right:auto}.room-panel .room-body .room-chat.is-open{height:clamp(220px,40dvh,340px);max-height:none;box-shadow:none;flex:none;margin-top:8px;position:static}.room-panel .room-stage.room-people .participant{animation:none}.room-panel .room-body:has(.room-chat.is-open){overflow:hidden}.room-panel .room-body:has(.room-chat.is-open) .room-main-content{display:none}.room-panel .room-body:has(.room-chat.is-open) .room-chat.is-open{border-radius:var(--radius-lg);flex:1 1 0;height:auto;min-height:0;max-height:none;margin:8px 10px;position:relative}.room-chat-header{border-bottom:1px solid var(--border);background:var(--surface-1);flex:none;justify-content:space-between;align-items:center;min-height:54px;padding:4px 10px 4px 14px;display:flex}.room-chat-header>div{flex-direction:column;gap:2px;min-width:0;display:flex}.room-chat-header strong{font-size:14px}.room-chat-header span{color:var(--text-2);font-size:11px}.room-chat-header button{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-2);place-items:center;padding:0;display:grid}.room-chat-header button:hover{background:var(--surface-2);color:var(--text)}.room-chat-header button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.room-chat .chat-messages{overscroll-behavior:contain;flex:1 1 0;min-height:0;padding:12px;overflow-y:auto}}@media (max-width:760px) and (max-height:500px){:is(.room-panel:has(.room-chat.is-open)>.room-header,.room-panel:has(.room-chat.is-open)>.room-status){display:none}}@media (max-width:360px){:is(.room-panel .room-stage.room-people .participant,.room-panel:has(.screen-stage) .room-stage.room-people .participant){grid-template-rows:44px auto;grid-template-columns:1fr 44px;gap:0;min-height:88px;padding:5px 8px;display:grid}.room-panel .room-stage.room-people .participant-portrait{--portrait-size:44px;grid-area:1/1}.room-panel .room-stage.room-people .participant-details{grid-area:2/1/auto/-1;gap:0;width:100%}.room-panel .room-stage.room-people .participant-details .profile-name-button{min-height:20px}.room-panel .room-stage.room-people .participant-details .participant-name b{font-size:var(--text-2xs)}.room-panel .room-stage.room-people .participant-details small{font-size:var(--text-2xs);min-height:13px;line-height:13px}.room-panel .room-stage.room-people .participant-menu-trigger{top:3px;right:3px}}@media (max-width:760px){.room-panel .room-body:has(.private-camera-stage) .room-stage.room-people .participant-portrait{--portrait-size:44px}}@media (max-width:360px){.room-panel .room-body:has(.private-camera-stage) .room-stage.room-people .participants{grid-template-columns:minmax(0,1fr)}.room-panel .room-body:has(.private-camera-stage) .room-stage.room-people .participant{gap:8px;min-height:68px;padding:8px 44px 8px 8px;display:flex}:is(.room-panel .room-body:has(.private-camera-stage) .room-stage.room-people .participant-portrait,.room-panel .room-body:has(.private-camera-stage) .room-stage.room-people .participant-details){grid-area:auto}.room-panel .room-body:has(.private-camera-stage) .room-stage.room-people .participant-menu-trigger{top:calc(50% - 22px);right:0}}.room-panel.is-playing .room-stage.room-people .participant-portrait{--portrait-size:32px;margin:0}@media (prefers-reduced-motion:reduce){.room-panel .room-stage.room-people .participant.is-speaking .participant-portrait .avatar.person{animation:none}.room-panel .room-stage.room-people .participant{transition:none}}.participant-options-popover{z-index:84;border-radius:var(--radius-md);overscroll-behavior:contain;width:220px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);color:var(--text);text-align:left;padding:6px;position:fixed;bottom:auto;right:auto;overflow-y:auto}.participant-options-popover button{min-height:44px;font-size:var(--text-xs);border-radius:var(--radius-sm);padding:9px}@media (max-width:760px) and (min-height:501px){.room-panel[role=dialog]:has([data-music-mode=minimized])>.room-header:has(button){gap:8px;min-height:0;padding:6px 10px;display:flex}.room-panel[role=dialog]:has([data-music-mode=minimized])>.room-header:has(button)>div:first-child{flex:1;min-width:0}.room-panel[role=dialog]:has([data-music-mode=minimized])>.room-header:has(button) h2{font-size:14px}.room-panel[role=dialog]:has([data-music-mode=minimized])>.room-header:has(button) p{display:none}.room-panel[role=dialog]:has([data-music-mode=minimized])>.room-header:has(button) button{width:44px;min-width:44px;min-height:44px;padding:0}.room-panel[role=dialog]:has([data-music-mode=minimized])>.room-header:has(button) button span{display:none}.room-panel[role=dialog]:has([data-music-mode=minimized])>.room-status{min-height:24px;padding:2px 10px;font-size:10px}}@media (max-width:760px){.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-chat-header{min-height:30px;padding:3px 10px}.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-chat-header span{display:none}.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-body .room-chat.is-open{margin:4px 10px}}@media (max-width:760px) and (max-height:500px){:is(.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-chat-header,.room-panel[role=dialog]:has([data-music-mode=minimized])>.room-header:has(button),.room-panel[role=dialog]:has([data-music-mode=minimized])>.room-status){display:none}.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-chat .chat-messages{padding:0 8px}.room-panel[role=dialog]:has([data-music-mode=minimized]) .chat-compose{flex-shrink:0;margin:4px 8px}.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-controls{padding:4px 8px}.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-controls button{min-height:40px}}@media (min-width:1180px){.room-panel:has([data-music-mode=minimized]) .room-main-content{padding-left:420px}}@media (min-width:761px) and (max-width:1179px) and (max-height:500px){:is(.room-panel[role=dialog]:has([data-music-mode=minimized])>.room-header:has(button),.room-panel[role=dialog]:has([data-music-mode=minimized])>.room-status){display:none}.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-chat .chat-messages{padding:0 8px}.room-panel[role=dialog]:has([data-music-mode=minimized]) .chat-compose{flex-shrink:0;margin:4px 8px}.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-controls{padding:4px 8px}.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-controls button{min-height:40px}}@media (max-width:760px){.room-backdrop[data-chat-viewport]{top:var(--chat-viewport-top,0px);height:var(--chat-viewport-height,100dvh);bottom:auto}.room-backdrop[data-chat-viewport]>.room-panel{height:100%}.room-panel[role=dialog]:has([data-music-mode=minimized]):has(.room-chat.is-open)>.room-header:has(button){min-height:0;padding:4px 10px;display:block}.room-panel[role=dialog]:has([data-music-mode=minimized]):has(.room-chat.is-open)>.room-header>button{display:none}.room-panel[role=dialog]:has([data-music-mode=minimized]):has(.room-chat.is-open)>.room-header h2{margin-top:0;font-size:14px;line-height:1.3}.room-panel[role=dialog]:has([data-music-mode=minimized]):has(.room-chat.is-open)>.room-header .eyebrow{font-size:9px;line-height:1.2}:is(.room-panel[role=dialog]:has([data-music-mode=minimized]):has(.room-chat.is-open)>.room-status:not(:has(button)),.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-chat-header){display:none}.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-chat .chat-messages{padding:8px}.room-panel[role=dialog]:has([data-music-mode=minimized]) .chat-compose{flex-shrink:0;margin:6px 8px}.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-controls{gap:6px;padding:6px 8px}.room-panel[role=dialog]:has([data-music-mode=minimized]) .room-controls button{min-height:44px}.room-backdrop[data-chat-short] .room-music-dock[data-music-mode=minimized]>section>header{display:none}.room-backdrop[data-chat-short] .room-panel[role=dialog]:has(.room-chat.is-open)>.room-header{display:none}.room-backdrop[data-chat-short] .room-panel[role=dialog]:has(.room-chat.is-open)>.room-status{display:none}.room-backdrop[data-chat-short] .room-panel[role=dialog]:has(.room-chat.is-open)>.room-controls{display:none}.room-backdrop[data-chat-short] .chat-context{overscroll-behavior:contain;scrollbar-width:thin;flex:0 auto;min-height:0;max-height:44px;display:block;overflow-y:auto}.room-backdrop[data-chat-short] .chat-context:empty{display:none}.room-backdrop[data-chat-short] .chat-messages{min-height:40px}.room-backdrop[data-chat-short] .room-panel:has([data-room-playback-controls]) .chat-messages{min-height:0}.room-backdrop[data-chat-short] .chat-compose .chat-room-return{width:36px;height:40px;color:var(--text-2);border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.room-backdrop[data-chat-short] .chat-room-return:focus-visible{outline:2px solid var(--accent-ink)}.room-backdrop[data-chat-short] .room-vote-rail{max-height:calc(var(--chat-viewport-height,100dvh) - 74px);top:4px;bottom:auto}.room-backdrop[data-chat-short] .room-panel[role=dialog]:has([data-music-mode=minimized]) .room-body .room-chat.is-open{margin:2px 10px}.room-backdrop[data-chat-short] .room-panel[role=dialog]:has([data-music-mode=minimized]) .chat-compose{margin:4px 6px}.room-backdrop[data-chat-short] .room-panel[role=dialog]:has([data-music-mode=minimized]) .chat-messages{padding:4px 6px}}.message-reactions-root{max-width:100%;margin-top:5px}.message-reactions-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.message-reactions-chip,.message-reactions-trigger{border:1px solid var(--border-strong);background:var(--surface-2);min-width:36px;min-height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:4px 9px;font-size:13px;display:inline-flex}.message-reactions-trigger{color:var(--text-2);background:0 0;border-color:#0000;padding:0}.message-reactions-trigger-visual{border:1px solid var(--border);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.message-reactions-trigger.message-reactions-selected{background:0 0;border-color:#0000}.message-reactions-trigger:hover .message-reactions-trigger-visual,.message-reactions-trigger.message-reactions-selected .message-reactions-trigger-visual{background:var(--surface-2);border-color:var(--accent-ink)}.message-reactions-selected{border-color:var(--accent-ink);background:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.message-reactions-selected{background:color-mix(in srgb,var(--accent-ink) 14%,transparent)}}.message-reactions-selected{color:var(--text)}.message-reactions-chip span:first-child{font-size:17px;line-height:1}.message-reactions-picker{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:18px;flex-wrap:wrap;gap:2px;width:fit-content;max-width:100%;margin-top:6px;padding:5px;display:flex;box-shadow:0 6px 18px #0002}.message-reactions-picker button{cursor:pointer;background:0 0;border:0;border-radius:12px;width:40px;height:44px;padding:0;font-size:24px}.message-reactions-picker button:hover,.message-reactions-picker button[aria-pressed=true]{background:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.message-reactions-picker button:hover,.message-reactions-picker button[aria-pressed=true]{background:color-mix(in srgb,var(--accent-ink) 15%,transparent)}}.message-reactions-root button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.message-reactions-root button:disabled{cursor:wait;opacity:.65}.message-reactions-error{color:var(--danger-ink)!important;background:0 0!important;margin:5px 0!important;padding:0!important;font-size:12px!important}@media (pointer:coarse){.message-reactions-chip,.message-reactions-trigger{min-width:44px;min-height:44px}.message-reactions-picker button{width:42px}}.room-music-failure{z-index:30;background:var(--scrim);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.room-music-failure section{border:1px solid var(--border-strong);background:var(--surface-1);width:min(440px,100%);color:var(--text);box-shadow:var(--shadow-lg);border-radius:20px;padding:24px}.room-music-failure h3{margin:12px 0 8px}.room-music-failure p{color:var(--text-2);margin:0 0 20px}.room-music-failure section>div{flex-wrap:wrap;gap:10px;display:flex}.room-music-failure button{white-space:normal;min-height:44px}.room-desktop-controls{display:contents}.room-controls .room-more-control{display:none}.room-tools-sheet{overscroll-behavior:contain;border:1px solid var(--border-strong);background:var(--surface-1);width:100%;max-width:560px;max-height:calc(100dvh - 16px);color:var(--text);box-shadow:var(--shadow-lg);border-bottom:0;border-radius:24px 24px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow-y:auto}.room-tools-sheet::backdrop{background:#0000008c}.room-tools-content{padding:20px 16px max(20px, env(safe-area-inset-bottom))}.room-tools-content>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.room-tools-content h2{letter-spacing:-.02em;font-size:20px;font-weight:600}.room-tools-content header p{color:var(--text-2);margin-top:3px;font-size:13px}.room-tools-content header button{flex-shrink:0;width:44px;height:44px}.room-tools-content>h3{color:var(--text-2);margin:22px 0 10px;font-size:12px;font-weight:600}.room-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.room-tools-grid .control-hint{display:contents}.room-tools-grid button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);min-width:0;min-height:56px;color:var(--text);text-align:left;justify-content:flex-start;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex;position:relative}.room-tools-grid button svg{width:20px;height:20px;color:var(--text-2);flex-shrink:0}.room-tools-grid button:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft)}.room-tools-grid button[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.room-tools-grid button[aria-pressed=true] svg{color:var(--accent-ink)}.room-tools-info{border-top:1px solid var(--border);color:var(--text-2);margin-top:18px;padding-top:14px;font-size:13px}.room-tools-info summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.room-tools-info summary:after{content:"+";margin-left:auto;font-size:20px}.room-tools-info[open] summary:after{content:"−"}.room-tools-info strong{display:none}.room-tools-info p{margin:6px 0 12px;line-height:1.6}.room-tools-info button{min-height:44px;margin:0 8px 8px 0;padding:8px 12px}@media (max-width:760px){.room-panel .room-desktop-controls{display:none}.room-panel>.room-header{gap:8px;padding:10px 12px}.room-header .room-youtube-trigger,.room-header .room-live-trigger{width:44px;height:44px;min-height:44px;padding:0}.room-header .room-live-trigger span{display:none}.room-controls{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;gap:8px;padding-inline:12px}.room-controls .room-more-control{display:inline-flex}.room-controls .secondary,.room-controls .mic-button,.room-controls .leave-button{flex-direction:column;gap:3px;min-height:54px;padding:3px 2px}.room-controls .control-label{clip:auto;clip-path:none;text-overflow:ellipsis;width:auto;max-width:100%;height:auto;margin:0;font-size:10px;line-height:1.2;position:static;overflow:hidden}.room-controls svg{width:20px;height:20px}.room-controls .room-reaction-control .emoji-glyph{font-size:21px;line-height:20px}.room-controls .chat-toolbar-unread{top:2px;right:2px}}.chat-mention-picker{border:1px solid var(--border-strong);background:var(--surface-1);border-radius:12px;min-width:0;padding:6px}.chat-mention-picker>small{color:var(--text-2);padding:2px 6px 5px;font-size:11px;display:block}.chat-mention-picker [role=listbox]{overscroll-behavior:contain;max-height:144px;overflow-y:auto}.chat-mention-picker [role=option]{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;display:flex}.chat-mention-picker [role=option][aria-selected=true],.chat-mention-picker [role=option]:hover{background:var(--surface-2)}.chat-mention-picker strong,.chat-mention-picker span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.chat-mention-picker span{color:var(--text-2);font-size:11px}.chat-mention-token{color:var(--accent-ink);background:var(--surface-2);overflow-wrap:anywhere;border-radius:4px;padding:1px 3px;font-weight:600}.chat-message.is-mentioned{border-left:2px solid var(--accent-ink);padding-left:7px}.chat-mentioned-badge{color:var(--accent-ink);white-space:nowrap;font-size:10px;font-weight:600}@media (max-height:500px){.chat-mention-picker [role=listbox]{max-height:88px}.chat-mention-picker>small{display:none}}@media (max-width:760px){.room-backdrop[data-chat-short] .chat-context:has(.chat-mention-picker){max-height:116px}}.chat-inline-edit{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);width:100%;min-width:0;margin-top:4px;padding:8px}.chat-inline-edit textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-1);width:100%;min-height:76px;max-height:180px;color:var(--text);font:inherit;padding:8px;font-size:16px;display:block}.chat-edit-controls{justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;display:flex}.chat-edit-controls small{color:var(--text-3);font-size:var(--text-xs);margin-right:auto}.chat-edit-controls button{border-radius:var(--radius-xs);background:var(--surface-3);min-height:36px;color:var(--text);padding:6px 12px}.chat-edit-controls button:disabled{opacity:.55}.chat-inline-edit>p{font-size:var(--text-xs);color:var(--text-2);overflow-wrap:anywhere;margin:6px 0 0}.chat-inline-edit>p[role=alert]{color:var(--danger-ink)}.chat-edited-label{font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;margin-left:6px;display:inline}@media (pointer:coarse){.chat-edit-controls button{min-height:44px}}.message-reactions-personal{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:16px;width:fit-content;max-width:100%;margin-top:6px;padding:6px;box-shadow:0 6px 18px #0002}.create-game-switch{border:1px solid var(--border);background:var(--surface-2);text-align:left;width:100%;color:inherit;cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:15px;display:flex}.create-game-switch>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.create-game-switch strong{font-size:14px}.create-game-switch small{color:var(--text-2);font-size:12px}.create-game-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-ink);border-radius:11px;place-items:center;display:grid}.create-game-toggle{background:var(--border-strong);border-radius:20px;flex-shrink:0;width:38px;height:22px;padding:3px;transition:background .15s}.create-game-toggle i{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;display:block;box-shadow:0 1px 3px #0002}.create-game-toggle.is-on{background:var(--accent-ink)}.create-game-toggle.is-on i{transform:translate(16px)}.create-game-intro>p{margin:0 0 20px;font-size:14px;line-height:1.6}.create-game-switch:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.mafia-discovery-section{border:1px solid var(--border);background:var(--surface-1);border-radius:20px;margin:28px 0 8px;padding:22px}.mafia-discovery-empty{color:var(--text-2);border:1px dashed var(--border);background:var(--surface-2);border-radius:14px;flex-direction:column;align-items:flex-start;gap:7px;padding:24px;font-size:13px;display:flex}.mafia-discovery-empty strong{color:var(--text);font-size:15px}.mafia-discovery-empty a{color:var(--accent-ink);align-items:center;gap:6px;margin-top:9px;font-weight:600;text-decoration:none;display:inline-flex}.mafia-discovery-empty a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (max-width:600px){.mafia-discovery-section{margin-top:22px;padding:16px}.mafia-discovery-empty{padding:18px}}.mafia-discovery-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.mafia-discovery-heading h3{align-items:center;gap:7px;margin:0;font-size:16px;display:flex}.mafia-discovery-heading p{color:var(--text-2);margin:5px 0 0;font-size:12px}.mafia-discovery-browse{color:inherit;white-space:nowrap;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:inline-flex}.mafia-discovery-row{border:1px solid var(--border);color:inherit;background:var(--surface-1);border-radius:14px;align-items:center;gap:12px;margin:8px 0;padding:15px;text-decoration:none;display:flex}.mafia-discovery-row:hover{border-color:var(--accent-line);background:var(--surface-2)}.mafia-discovery-row:focus-visible,.mafia-discovery-browse:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.mafia-discovery-row[aria-disabled=true],.mafia-discovery-browse[aria-disabled=true]{opacity:.55;cursor:wait}.mafia-discovery-icon{background:var(--accent-soft);height:40px;color:var(--accent-ink);border-radius:12px;flex:0 0 40px;place-items:center;display:grid}.mafia-discovery-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.mafia-discovery-copy strong{overflow-wrap:anywhere;font-size:15px}.mafia-discovery-copy small{color:var(--text-2);font-size:11px;line-height:1.5}.mafia-discovery-badge{background:var(--accent-soft);color:var(--accent-ink);border-radius:4px;padding:2px 5px;font-size:10px}.mafia-discovery-count{flex-wrap:wrap;flex:0 0 48px;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.mafia-discovery-count small{text-align:center;color:var(--text-2);flex:0 0 100%;font-size:10px}.mafia-discovery-empty{color:var(--text-2);margin:0;padding:12px 0;font-size:12px}@media (max-width:420px){.mafia-discovery-row{gap:8px;padding:12px 10px}.mafia-discovery-row>svg{display:none}.mafia-discovery-heading{align-items:flex-start}.mafia-discovery-heading p{font-size:11px}}.mafia-discovery-empty{margin:0;padding:24px;font-size:13px}@media (max-width:600px){.mafia-discovery-empty{padding:18px}}.chat-message-list{min-width:0;display:flow-root}.spotify-chat-card{max-width:100%;margin:8px 0 4px;display:inline-block}.spotify-chat-trigger{border:1px solid var(--border-strong);background:var(--surface-2);max-width:100%;min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 6px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 3px 12px #0002}.spotify-chat-trigger:hover{border-color:var(--accent);background:var(--surface-1)}.spotify-chat-trigger-action{color:var(--text-2);white-space:nowrap;font-size:11px;font-weight:500}.spotify-disc{background:repeating-radial-gradient(circle,#202522 0 2px,#303831 3px 4px,#1b201d 5px 6px);border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;display:inline-grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff20,0 1px 4px #0005}.spotify-disc>span{background:#e9f9ed;border:3px solid #1ed760;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #132419}.spotify-disc.is-playing{animation:2.4s linear infinite spotify-disc-rotate}@keyframes spotify-disc-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spotify-disc.is-playing{animation:none}}.spotify-player-dialog{border:1px solid var(--border-strong);background:var(--surface-1);width:min(380px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);border-radius:16px;padding:0;overflow:auto;box-shadow:0 24px 70px #0009}.spotify-player-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07120ec2}.spotify-player-dialog-header{justify-content:space-between;align-items:center;min-height:52px;padding:8px 12px;display:flex}.spotify-player-dialog-header>div{align-items:center;gap:9px;font-size:13px;display:flex}.spotify-player-dialog-header button{background:var(--surface-2);width:34px;height:34px;color:var(--text);cursor:pointer;border:0;border-radius:8px;font-size:22px}.spotify-player-host iframe{border:0;max-width:100%;display:block}.spotify-player-dialog>p{color:var(--text-2);padding:0 12px;font-size:12px}.spotify-player-dialog>.spotify-player-note{margin:10px 0 0}.spotify-player-dialog>a{min-height:44px;color:var(--text);text-underline-offset:3px;padding:12px;font-size:12px;text-decoration:underline;display:block}.spotify-chat-trigger:focus-visible,.spotify-player-dialog button:focus-visible,.spotify-player-dialog>a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.room-audio-compatibility{color:var(--text-2);background:var(--surface-2);font-size:var(--text-sm);margin:0;padding:10px 16px;line-height:1.5}.profile-overlay{z-index:var(--z-profile)}.recover-profile textarea{width:100%;min-height:132px;max-height:280px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);resize:vertical;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;display:block}.recover-profile textarea:hover{border-color:var(--text-3)}.recover-profile textarea:focus-visible{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.recover-profile textarea:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 24%, transparent)}}.recovery-panel .recovery-error,.recover-profile .recovery-error,.feedback-form .operator-error{padding:var(--space-3) var(--space-4);border:1px solid var(--danger);display:block}@supports (color:color-mix(in lab, red, red)){.recovery-panel .recovery-error,.recover-profile .recovery-error,.feedback-form .operator-error{border:1px solid color-mix(in oklab, var(--danger) 35%, transparent)}}.recovery-panel .recovery-error,.recover-profile .recovery-error,.feedback-form .operator-error{border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger-ink);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-normal)}.profile-heading{padding-right:var(--space-12)}.profile-quick-actions{gap:var(--space-2);margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-quick-actions button{justify-content:center;align-items:center;column-gap:var(--space-1);row-gap:var(--space-2);min-width:0;padding:var(--space-3) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);font-size:var(--text-md);grid-template-columns:auto auto;font-weight:600;line-height:1.25;display:grid}.profile-quick-actions button>svg:first-child{border-radius:var(--radius-sm);background:var(--accent-soft);width:36px;height:36px;color:var(--accent-ink);transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;grid-column:1/-1;justify-self:center;padding:9px}.profile-quick-actions button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-quick-actions button>svg:last-child{color:var(--text-3);transition:transform var(--dur) var(--ease-out), color var(--dur-fast) ease}.profile-quick-actions button:hover{border-color:var(--border-strong);background:var(--surface-3)}.profile-quick-actions button:hover>svg:last-child{color:var(--text)}.profile-quick-actions button:not([aria-expanded]):hover>svg:last-child{transform:translate(2px)}.profile-quick-actions button[aria-expanded=true]{border-color:var(--accent-line);background:var(--accent-soft)}.profile-quick-actions button[aria-expanded=true]>svg:first-child{background:var(--accent);color:var(--on-accent)}.profile-quick-actions button[aria-expanded=true]>svg:last-child{color:var(--accent-ink);transform:rotate(180deg)}.profile-appearance,.recovery-panel{margin-top:var(--space-3);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);animation:rise-in var(--dur-slow) var(--ease-out)}.profile-appearance-heading,.appearance-subheading{flex-direction:column;gap:2px;display:flex}.profile-appearance-heading strong,.appearance-subheading strong,.recovery-panel-heading strong{color:var(--text);font-size:var(--text-base);font-weight:600;line-height:var(--leading-snug)}.profile-appearance-heading span,.appearance-subheading span,.recovery-panel-heading span{color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-normal)}.profile-photo-row{align-items:center;gap:var(--space-5);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border);display:flex}.profile-picture{flex-shrink:0}.profile-picture img,.profile-picture>span{object-fit:cover;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.profile-picture img{box-shadow:inset 0 0 0 1px var(--border)}.profile-picture>span{font-size:var(--text-2xl);text-transform:uppercase}.profile-photo-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.profile-modal .upload-label{cursor:pointer;margin:0;display:inline-flex;position:relative;overflow:hidden}.upload-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-label:has(input:disabled){opacity:.5;cursor:not-allowed}.upload-label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.remove-avatar{min-height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--danger-ink);font-size:var(--text-md);font-weight:600}.remove-avatar:hover:not(:disabled){background:var(--danger-soft)}.profile-photo-actions small{color:var(--text-3);font-size:var(--text-xs);line-height:var(--leading-normal);flex-basis:100%}.theme-switch{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);flex-shrink:0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:inline-grid}.theme-switch button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--text-md);font-weight:600;display:inline-flex}.theme-switch button:hover:not([aria-pressed=true]){background:var(--surface-2);color:var(--text)}.theme-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent-line)}.theme-compact .theme-label{display:none}.theme-compact button{padding:0 var(--space-3)}.profile-appearance .theme-switch{width:100%;margin-top:var(--space-4);display:grid}.palette-picker{gap:var(--space-1) var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.palette-picker button{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);color:var(--text-2);font-size:var(--text-sm);flex-direction:column;font-weight:500;line-height:1.2;display:flex;position:relative}.palette-picker button:hover{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.palette-picker button:hover{background:color-mix(in oklab, var(--text) 6%, transparent)}}.palette-picker button:hover{color:var(--text)}.palette-picker button[aria-pressed=true]{color:var(--text);font-weight:600}.palette-swatch{width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--text);border-radius:50%;display:block}@supports (color:color-mix(in lab, red, red)){.palette-swatch{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--text) 18%, transparent)}}.palette-swatch{outline-offset:2px;transition:outline-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);outline:2px solid #0000}.palette-picker button:hover .palette-swatch{transform:scale(1.06)}.palette-picker button[aria-pressed=true] .palette-swatch{outline-color:var(--accent-ink);transform:none}.palette-picker button>svg{top:calc(var(--space-2) + 10px);width:16px;height:16px;color:var(--on-accent);stroke-width:3px;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.appearance-subheading{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.wallpaper-picker{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.wallpaper-picker button{gap:var(--space-2);border-radius:var(--radius-md);min-width:0;color:var(--text-2);font-size:var(--text-sm);text-align:center;flex-direction:column;padding:0;font-weight:500;line-height:1.2;display:flex;position:relative}.wallpaper-picker button:hover{color:var(--text)}.wallpaper-picker button[aria-pressed=true]{color:var(--text);font-weight:600}.wallpaper-sample{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-1);outline-offset:2px;height:64px;transition:border-color var(--dur-fast) ease, outline-color var(--dur) var(--ease-out);outline:2px solid #0000;display:block;position:relative;overflow:hidden}.wallpaper-sample:before,.wallpaper-sample:after{content:"";left:var(--space-2);height:10px;position:absolute}.wallpaper-sample:before{top:var(--space-3);background:var(--chat-other);border-radius:2px 6px 6px;width:44%}.wallpaper-sample:after{background:var(--chat-own);border-radius:2px 6px 6px;width:32%;top:30px}.wallpaper-picker button:hover .wallpaper-sample{border-color:var(--border-strong)}.wallpaper-picker button[aria-pressed=true] .wallpaper-sample{outline-color:var(--accent-ink)}.wallpaper-sample-dots{background-image:radial-gradient(circle at 1px 1px, var(--chat-dot) 1px, transparent 0);background-size:9px 9px}.wallpaper-sample-glow{background-image:radial-gradient(60% 40% at 15% 10%, var(--accent), transparent 70%), radial-gradient(55% 45% at 90% 95%, var(--brand), transparent 70%)}@supports (color:color-mix(in lab, red, red)){.wallpaper-sample-glow{background-image:radial-gradient(60% 40% at 15% 10%, color-mix(in oklab, var(--accent) 20%, transparent), transparent 70%), radial-gradient(55% 45% at 90% 95%, color-mix(in oklab, var(--brand) 55%, transparent), transparent 70%)}}html[data-theme=light] .wallpaper-sample-glow{background-image:radial-gradient(60% 40% at 15% 10%, var(--accent), transparent 70%), radial-gradient(55% 45% at 90% 95%, var(--brand), transparent 70%)}@supports (color:color-mix(in lab, red, red)){html[data-theme=light] .wallpaper-sample-glow{background-image:radial-gradient(60% 40% at 15% 10%, color-mix(in oklab, var(--accent) 14%, transparent), transparent 70%), radial-gradient(55% 45% at 90% 95%, color-mix(in oklab, var(--brand) 40%, transparent), transparent 70%)}}.wallpaper-sample-waves{background-image:repeating-radial-gradient(circle at 100% 100%, transparent 0 6px, var(--accent-ink) 7px, transparent 8px 13px)}@supports (color:color-mix(in lab, red, red)){.wallpaper-sample-waves{background-image:repeating-radial-gradient(circle at 100% 100%, transparent 0 6px, color-mix(in oklab, var(--accent-ink) 12%, transparent) 7px, transparent 8px 13px)}}.wallpaper-picker button>svg{background:var(--accent);width:20px;height:20px;color:var(--on-accent);stroke-width:3px;pointer-events:none;border-radius:50%;padding:4px;position:absolute;top:6px;right:6px}.recovery-panel-heading{align-items:flex-start;gap:var(--space-3);display:flex}.recovery-panel-heading>svg{width:20px;height:20px;color:var(--accent-ink);flex-shrink:0;margin-top:1px}.recovery-panel-heading>div{flex-direction:column;gap:2px;display:flex}.recovery-intro{margin-top:var(--space-4);color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.recovery-panel .recovery-generate{width:100%;margin-top:var(--space-4)}.recovery-warning{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--warning);display:flex}@supports (color:color-mix(in lab, red, red)){.recovery-warning{border:1px solid color-mix(in oklab, var(--warning) 32%, transparent)}}.recovery-warning{border-radius:var(--radius-md);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.recovery-warning{background:color-mix(in oklab, var(--warning) 11%, var(--surface-1))}}.recovery-warning{color:var(--text);font-size:var(--text-sm);line-height:var(--leading-normal)}.recovery-warning svg{color:var(--warning);flex-shrink:0;margin-top:1px}.recovery-words{gap:var(--space-2);margin:var(--space-3) 0 0;counter-reset:recovery-word;-webkit-user-select:text;user-select:text;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.recovery-words li{min-width:0;padding:var(--space-2) 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text);font-size:var(--text-md);overflow-wrap:anywhere;counter-increment:recovery-word;align-items:baseline;gap:6px;font-weight:600;line-height:1.35;display:flex}.recovery-words li:before{content:counter(recovery-word);min-width:2ch;color:var(--text-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;font-weight:500}.recovery-words li:first-child{grid-column:1/-1}.recovery-actions{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recovery-panel .recovery-error{margin-top:var(--space-3)}.recover-back{align-items:center;gap:var(--space-2);min-height:var(--control-md);margin:calc(var(--space-3) * -1) 0 var(--space-4) calc(var(--space-3) * -1);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--text-2);font-size:var(--text-md);font-weight:600;display:inline-flex}.recover-back:hover{background:var(--surface-2);color:var(--text)}.recover-profile>p{margin-top:var(--space-3);color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-relaxed)}.form-modal .recover-profile form label{margin-bottom:var(--space-2)}.recover-profile form small{margin:var(--space-2) 0 var(--space-5);color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-normal);display:block}.recover-profile .recovery-words{margin:var(--space-5) 0 var(--space-4)}.recover-profile .recovery-words li{background:var(--surface-2)}.recover-profile .recovery-copy{margin-bottom:var(--space-2)}.recover-profile .recovery-error{margin-top:var(--space-4)}.form-modal .feedback-form{margin-top:0}.feedback-form>p{margin-top:var(--space-3);color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-relaxed)}.feedback-types{gap:var(--space-2);margin:var(--space-6) 0 var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feedback-types button{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:52px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font-size:var(--text-md);font-weight:500;display:flex}.feedback-types button svg{color:var(--text-2);flex-shrink:0}.feedback-types button:hover{border-color:var(--border-input)}.feedback-types button[aria-pressed=true]{border-color:var(--accent-ink);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-ink);font-weight:600}.feedback-types button[aria-pressed=true] svg{color:var(--accent-ink)}.form-modal .feedback-form label{margin-bottom:var(--space-2)}.feedback-meta{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);color:var(--text-3);font-size:var(--text-xs);line-height:var(--leading-normal);display:flex}.feedback-meta span:last-child{font-variant-numeric:tabular-nums;flex-shrink:0}.feedback-form .feedback-privacy{margin:var(--space-4) 0 var(--space-5);color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-normal)}.feedback-form .operator-error{margin-bottom:var(--space-4)}.feedback-success{padding-top:var(--space-4);text-align:center;flex-direction:column;align-items:center;display:flex}.form-modal .feedback-success h2{margin-top:0}.feedback-success>p{max-width:34ch;margin-top:var(--space-3);color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-relaxed)}.form-columns{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.create-password-field{margin-top:var(--space-2);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;align-items:center;display:flex}.create-password-field:hover{border-color:var(--text-3)}.create-password-field:has(input:focus-visible){border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.create-password-field:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 24%, transparent)}}.form-modal .create-password-field input:not([type=checkbox]):not([type=radio]):not([type=file]),.form-modal .create-password-field input:not([type=checkbox]):not([type=radio]):not([type=file]):is(:hover,:focus-visible){width:auto;min-width:0;min-height:44px;padding:0 0 0 var(--space-4);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0}.create-password-field button{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-3);flex:0 0 44px;place-items:center;display:grid}.create-password-field button:hover{color:var(--text)}.create-password-field button:focus-visible{outline-offset:-5px}.create-room-password small{margin-top:var(--space-2);color:var(--text-2);font-size:var(--text-sm);font-weight:400;line-height:var(--leading-normal);display:block}.create-room-form .privacy-note{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2)}.rules-list{gap:var(--space-4);margin:var(--space-6) 0 0;padding:0;list-style:none;display:grid}.rules-list li{align-items:flex-start;gap:var(--space-3);color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-normal);display:flex}.rules-list li strong{color:var(--text);font-weight:600}.rules-list svg{background:var(--accent-soft);width:24px;height:24px;color:var(--accent-ink);stroke-width:3px;border-radius:50%;flex-shrink:0;margin-top:-1px;padding:5px}.privacy-box{margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.privacy-box h3{align-items:center;gap:var(--space-2);color:var(--text);font-size:var(--text-md);letter-spacing:0;font-weight:600;display:flex}.privacy-box h3 svg{color:var(--text-3);flex-shrink:0}.privacy-box p{max-width:68ch;margin-top:var(--space-3);color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-relaxed)}@media (max-width:660px){.profile-heading{padding-right:var(--space-10)}.profile-quick-actions{margin-top:var(--space-5)}.profile-quick-actions button{padding:var(--space-3) var(--space-1)}.profile-appearance,.recovery-panel{padding:var(--space-4)}.profile-photo-row{gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5)}.profile-picture img,.profile-picture>span{width:64px;height:64px}.profile-modal .upload-label,.remove-avatar,.theme-switch button,.recovery-actions button,.recovery-panel .recovery-generate,.recover-profile .recovery-copy,.recover-back{min-height:44px}.palette-picker{gap:var(--space-1)}.palette-swatch{width:32px;height:32px}.palette-picker button>svg{top:calc(var(--space-2) + 8px)}.wallpaper-picker{gap:var(--space-2)}.wallpaper-sample{height:56px}.wallpaper-sample:after{top:28px}.wallpaper-picker button>svg{width:18px;height:18px;padding:3px;top:5px;right:5px}.recovery-words{grid-template-columns:repeat(2,minmax(0,1fr))}.recover-profile textarea{font-size:var(--text-lg)}.feedback-types button{gap:var(--space-1);flex-direction:column;min-height:64px}.privacy-box{padding:var(--space-4)}}@media (max-width:360px){.profile-quick-actions button{grid-template-columns:auto}.profile-quick-actions button>svg:last-child{display:none}}@media (max-width:760px){.form-modal input:not([type=checkbox]):not([type=radio]):not([type=file]),.form-modal textarea,.form-modal select{font-size:var(--text-lg)}}.profile-delete{border-top:1px solid var(--border);margin-top:20px;padding-top:15px}.profile-delete-open{color:var(--text-2);font-size:var(--text-2xs);text-underline-offset:3px;background:0 0;border:0;padding:8px 0;text-decoration:underline}.profile-delete h3{font-size:var(--text-md);margin:0 0 7px}.profile-delete p{color:var(--text-2);font-size:var(--text-2xs);line-height:1.5}.profile-delete label{margin-top:12px;display:block}.profile-delete input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);width:100%;min-height:44px;color:var(--text);font-size:var(--text-lg);margin-top:5px;padding:8px 10px}.profile-delete-actions{gap:8px;margin-top:12px;display:flex}.profile-delete-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);min-height:42px;font-size:var(--text-2xs);flex:1;padding:8px;font-weight:700}.profile-delete-actions button:last-child{border-color:var(--danger);background:var(--danger);color:var(--on-danger)}.profile-delete-actions button:disabled{opacity:.45}.create-city-picker{margin-bottom:18px}.create-city-label{font-size:var(--text-2xs);margin-bottom:8px;font-weight:700;display:block}.create-city-selected{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);text-align:left;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px;display:flex}.create-city-selected>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.create-city-selected strong{font-size:var(--text-xs)}.create-city-selected small{color:var(--text-2);font-size:var(--text-2xs)}.create-city-flag{font-size:var(--text-2xl)}.create-city-selected>svg{color:var(--text-2)}.form-modal .create-city-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);min-height:46px;color:var(--text-2);align-items:center;gap:8px;margin:0;padding:0 11px;display:flex}.form-modal .create-city-search input:not([type=checkbox]):not([type=radio]):not([type=file]){width:100%;min-width:0;box-shadow:none;color:var(--text);font-size:var(--text-lg);background:0 0;border:0;border-radius:0;outline:0;flex:1;margin:0;padding:10px 0}.form-modal .create-city-search:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.form-modal .create-city-search:focus-within{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent)}}.create-city-results{scrollbar-width:thin;flex-direction:column;gap:5px;max-height:min(40dvh,270px);margin-top:8px;display:flex;overflow-y:auto}.create-city-results button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);text-align:left;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 10px;display:flex}.create-city-results button:hover{border-color:var(--accent-ink);background:var(--surface-2)}.create-city-results button>span:first-child{font-size:var(--text-xl)}.create-city-results button>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.create-city-results strong,.create-city-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.create-city-results strong{font-size:var(--text-2xs)}.create-city-results small{color:var(--text-2);font-size:var(--text-2xs)}.create-city-results p{color:var(--text-2);font-size:var(--text-2xs);padding:12px}.create-room-move-note{color:var(--text-2);font-size:var(--text-2xs);margin:0 0 13px;line-height:1.5}@media (max-width:760px){.create-city-results{max-height:min(36dvh,255px)}}.profile-picture-open{color:inherit;font:inherit;cursor:pointer;flex-shrink:0;padding:0}.profile-picture-open:disabled{opacity:1;cursor:default}.room-leave-layer,.room-city-edit-layer,.room-password-layer,.room-invite-layer,.room-invitation-layer{padding:var(--space-6);overscroll-behavior:contain;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlay-in var(--dur) ease-out;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.room-leave-layer,.room-city-edit-layer{z-index:var(--z-popover)}.room-invitation-layer{z-index:calc(var(--z-toast) + 5)}.room-password-layer{z-index:calc(var(--z-toast) + 10)}.room-invite-layer{z-index:calc(var(--z-viewer) - 10)}.room-leave-dialog,.room-password-dialog,.room-invite-dialog,.room-invitation-dialog,.room-city-edit-dialog{overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-1);width:min(440px,100%);min-width:0;max-height:calc(100dvh - 48px);color:var(--text);box-shadow:var(--shadow-lg);animation:dialog-in var(--dur-slow) var(--ease-out);position:relative;overflow-y:auto}.room-leave-dialog,.room-password-dialog,.room-invite-dialog,.room-invitation-dialog{padding:var(--space-8)}.room-invite-dialog:focus-visible,.room-invitation-dialog:focus-visible{outline:none}.room-leave-dialog{width:min(400px,100%)}.room-password-dialog{width:min(420px,100%)}.room-invite-close,.room-password-close{top:var(--space-5);right:var(--space-5)}.room-switcher-close,.room-city-edit-close{flex-shrink:0;position:static}.room-leave-icon,.room-password-icon,.room-invite-icon{width:48px;height:48px;margin-bottom:var(--space-5);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-ink);place-items:center;display:grid}.room-leave-dialog:not(.room-transfer-dialog) .room-leave-icon{background:var(--danger-soft);color:var(--danger-ink)}.room-leave-dialog h3,.room-password-dialog h3,.room-invite-dialog h3,.room-invitation-content h3{font-family:var(--font-display);font-size:var(--display-sm);letter-spacing:-.01em;overflow-wrap:anywhere;font-weight:400;line-height:1.05}.room-leave-dialog>p,.room-password-dialog>p,.room-invite-dialog>h3+p,.room-invitation-content>h3+p{margin-top:var(--space-3);color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-relaxed)}.room-password-dialog>p strong,.room-invite-dialog>p strong{color:var(--text);overflow-wrap:anywhere;font-weight:600}.room-leave-actions,.room-password-actions,.room-invite-actions,.room-invitation-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.room-leave-actions>button,.room-password-actions>button,.room-invite-actions>button,.room-invitation-actions>button{min-height:var(--control-lg);flex:140px}.room-invite-private{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-normal);display:flex}.room-invite-private svg{color:var(--accent-ink);flex-shrink:0;margin-top:2px}.room-invite-spinner{flex-shrink:0;animation:.9s linear infinite room-dialog-spin}.room-switcher-search,.room-city-edit-search{align-items:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg);color:var(--text-3);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;flex-shrink:0;display:flex}.room-switcher-search:hover,.room-city-edit-search:hover{border-color:var(--border-input)}.room-switcher-search:focus-within,.room-city-edit-search:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.room-switcher-search:focus-within,.room-city-edit-search:focus-within{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent)}}.room-switcher-search svg,.room-city-edit-search svg{flex-shrink:0}.room-switcher-search input,.room-city-edit-search input{min-width:0;height:44px;color:var(--text);font-size:var(--text-base);background:0 0;border:0;outline:0;flex:1;padding:0}.room-switcher-search input:focus-visible,.room-city-edit-search input:focus-visible{outline:none}.room-switcher-layer{z-index:calc(var(--z-overlay) + 5);position:absolute;inset:0}.room-switcher-scrim{background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in var(--dur) ease-out;position:absolute;inset:0}.room-switcher{top:var(--space-3);right:var(--space-3);bottom:var(--space-3);width:min(420px, calc(100% - 2 * var(--space-3)));border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-1);min-height:0;color:var(--text);box-shadow:var(--shadow-lg);animation:room-switcher-in var(--dur-slow) var(--ease-out) both;flex-direction:column;display:flex;position:absolute;overflow:hidden}.room-switcher-header{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4) var(--space-5);flex-shrink:0;display:flex}.room-switcher-header>div{flex:1;min-width:0}.room-switcher-icon,.room-city-edit-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-ink);flex-shrink:0;place-items:center;display:grid}.room-switcher-header h3,.room-city-edit-dialog h3{font-size:var(--text-xl);letter-spacing:-.015em;font-weight:600;line-height:1.25}.room-switcher-header p,.room-city-edit-dialog>header p{color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-normal);margin-top:2px}.room-switcher-search{margin:0 var(--space-5)}.room-switcher-count{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-3);color:var(--text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600;display:flex}.room-switcher-count .status-dot{background:var(--live);animation:2.4s ease-in-out infinite live-pulse}.room-switcher-count.is-empty .status-dot{background:var(--text-3);animation:none}.room-switcher-count>span:last-child{color:var(--text-3);font-size:var(--text-xs);text-align:right;margin-left:auto;font-weight:500}.room-switcher:has(.room-switcher-empty[role=status]) .room-switcher-count{visibility:hidden}.room-switcher:has(.room-switcher-error) .room-switcher-count.is-empty{visibility:hidden}.room-switcher-list{gap:var(--space-2);min-height:0;padding:var(--space-1) var(--space-3) var(--space-4);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.room-switcher-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);text-align:left;flex-shrink:0;display:flex}.room-switcher-row:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.room-switcher-row.is-current,.room-switcher-row.is-joining{border-color:var(--accent-line);background:var(--accent-soft);cursor:default;opacity:1}.room-switcher-row.is-full:disabled{cursor:default;opacity:.6}.room-switcher-room-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-ink);flex-shrink:0;place-items:center;display:grid}.room-switcher-row.is-current .room-switcher-room-icon,.room-switcher-row.is-joining .room-switcher-room-icon{background:var(--accent);color:var(--on-accent)}.room-switcher-room-copy{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.room-switcher-room-copy>small{max-width:100%;color:var(--text-2);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.5;display:block;overflow:hidden}.room-switcher-room-copy>strong{max-width:100%;font-size:var(--text-base);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;overflow:hidden}.room-switcher-room-copy .room-people{margin-top:var(--space-1)}.room-switcher-row:hover:not(:disabled) .room-preview-avatar{border-color:var(--surface-3)}.room-switcher-row.is-current .room-preview-avatar,.room-switcher-row.is-joining .room-preview-avatar{border-color:var(--accent-soft)}.room-private-label{margin-left:var(--space-2);border:1px solid var(--accent-line);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--text-2xs);letter-spacing:.05em;text-transform:uppercase;vertical-align:1px;align-items:center;gap:3px;padding:1px 7px;font-weight:700;line-height:1.4;display:inline-flex}.room-switcher-room-side{justify-content:center;align-items:flex-end;gap:var(--space-2);color:var(--text-2);flex-direction:column;flex-shrink:0;display:flex}.room-switcher-room-side small{font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;font-weight:500;display:inline-flex}.room-switcher-room-side small svg{color:var(--text-3)}.room-switcher-room-side em{min-height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text-2);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;align-items:center;font-style:normal;font-weight:700;display:inline-flex}.room-switcher-row.is-current .room-switcher-room-side em{background:var(--accent);color:var(--on-accent)}.room-switcher-row.is-full .room-switcher-room-side em{box-shadow:inset 0 0 0 1px var(--border-strong)}.room-switcher-room-side>svg{color:var(--text-3);transition:transform var(--dur) var(--ease-out), color var(--dur-fast) ease}.room-switcher-row:hover:not(:disabled) .room-switcher-room-side>svg{color:var(--text);transform:translate(2px,-2px)}.room-switcher-empty{align-items:center;gap:var(--space-3);margin:var(--space-1) 0 0;padding:var(--space-10) var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-2);font-size:var(--text-md);line-height:var(--leading-relaxed);text-align:center;text-wrap:balance;flex-direction:column;display:flex}.room-switcher-empty svg{color:var(--text-3)}.room-switcher-empty[role=status]{border-color:#0000}.room-switcher-empty[role=status] svg{color:var(--accent-ink);animation:1.6s ease-in-out infinite room-dialog-breathe}.room-switcher-error,.room-invitation-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger-ink);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-wrap:anywhere}.room-switcher-error{margin-top:var(--space-1)}.room-switcher-footnote{padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--border);color:var(--text-3);font-size:var(--text-xs);line-height:var(--leading-normal);flex-shrink:0}.room-leave-actions .confirm-leave{background:var(--danger);color:var(--on-danger)}.room-leave-actions .confirm-leave:hover:not(:disabled){background:var(--danger-hover)}.room-leave-actions .confirm-leave:disabled{box-shadow:none;opacity:.6}.room-password-dialog form{margin-top:var(--space-6)}.room-password-dialog label{color:var(--text);font-size:var(--text-md);font-weight:600;display:block}.room-password-field{min-height:46px;margin-top:var(--space-2);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;align-items:center;padding-right:2px;display:flex}.room-password-field:hover{border-color:var(--text-3)}.room-password-field:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.room-password-field:focus-within{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 24%, transparent)}}.room-password-field:has(input[aria-invalid=true]){border-color:var(--danger)}.room-password-field:has(input[aria-invalid=true]):focus-within{box-shadow:0 0 0 3px var(--danger)}@supports (color:color-mix(in lab, red, red)){.room-password-field:has(input[aria-invalid=true]):focus-within{box-shadow:0 0 0 3px color-mix(in oklab, var(--danger) 22%, transparent)}}.room-password-field input{min-width:0;height:44px;padding:0 var(--space-4);color:var(--text);font-size:var(--text-base);background:0 0;border:0;outline:0;flex:1}.room-password-field input:focus-visible{outline:none}.room-password-field button{border-radius:var(--radius-xs);width:40px;height:40px;color:var(--text-3);flex-shrink:0;place-items:center;display:grid}.room-password-field button:hover{background:var(--surface-2);color:var(--text)}.room-password-field button:focus-visible{outline-offset:-2px}.room-password-error{margin-top:var(--space-2);color:var(--danger-ink);font-size:var(--text-sm);line-height:var(--leading-normal)}.room-invite-dialog>label{margin-top:var(--space-6);color:var(--text);font-size:var(--text-md);font-weight:600;display:block}.room-invite-link{width:100%;min-height:46px;margin-top:var(--space-2);padding:0 var(--space-4);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--text-md);text-overflow:ellipsis;-webkit-user-select:text;user-select:text;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;display:block}.room-invite-link:hover{border-color:var(--text-3)}.room-invite-link:focus-visible{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.room-invite-link:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 24%, transparent)}}.room-invite-status{margin-top:var(--space-3);color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-normal);text-align:center}.room-invite-status:empty{margin:0}.room-invitation-loading{align-items:center;gap:var(--space-2);display:flex}.room-invitation-loading svg{color:var(--accent-ink)}.room-invitation-room{margin-top:var(--space-5);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.room-invitation-city{color:var(--text-2);font-size:var(--text-sm);font-weight:500}.room-invitation-title{font-size:var(--text-xl);letter-spacing:-.015em;overflow-wrap:anywhere;margin-top:2px;font-weight:600;line-height:1.25;display:block}.room-invitation-details{margin-top:var(--space-4);flex-wrap:wrap;gap:6px;display:flex}.room-invitation-details>span{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-1);min-height:28px;color:var(--text-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.room-invitation-details svg{color:var(--text-3)}.room-invitation-content .room-invite-private{margin-top:var(--space-3)}.room-invitation-mic{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:0 var(--space-4);color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-normal);display:flex}.room-invitation-mic svg{color:var(--text-3);flex-shrink:0}.room-invitation-error{margin-top:var(--space-3)}.room-invitation-actions button{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text);font-size:var(--text-md);white-space:nowrap;font-weight:600;line-height:1.2;display:inline-flex}.room-invitation-actions button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.room-invitation-actions .room-invitation-join{border-color:var(--cta-bg);background:var(--cta-bg);color:var(--cta-fg)}.room-invitation-actions .room-invitation-join:hover:not(:disabled){border-color:var(--cta-bg-hover);background:var(--cta-bg-hover)}.room-invitation-actions .room-invitation-join:disabled{border-color:var(--border);background:var(--surface-3);color:var(--text-3);opacity:1}.room-city-edit-dialog{flex-direction:column;width:min(460px,100%);max-height:min(720px,100dvh - 48px);display:flex;overflow:hidden}.room-city-edit-dialog>header{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4) var(--space-5);flex-shrink:0;display:flex}.room-city-edit-dialog>header>div{flex:1;min-width:0}.room-city-edit-current{align-items:center;gap:var(--space-2);margin:0 var(--space-5) var(--space-3);color:var(--text-2);font-size:var(--text-sm);flex-wrap:wrap;flex-shrink:0;display:flex}.room-city-edit-current strong{color:var(--text);font-weight:600}.room-city-edit-search{margin:0 var(--space-5) var(--space-2)}.room-city-edit-list{min-height:0;padding:var(--space-2) var(--space-3) var(--space-3);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:auto;gap:2px;display:flex;overflow-y:auto}.room-city-edit-list button{align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text);text-align:left;flex-shrink:0;display:flex}.room-city-edit-list button:hover{background:var(--surface-2)}.room-city-edit-list button.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.room-city-edit-list button>span:first-child{width:28px;font-family:var(--font-emoji);font-size:var(--emoji-md);text-align:center;flex-shrink:0;line-height:1}.room-city-edit-list button>span:nth-child(2){flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.room-city-edit-list strong,.room-city-edit-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-city-edit-list strong{font-size:var(--text-md);font-weight:600}.room-city-edit-list small{color:var(--text-2);font-size:var(--text-xs)}.room-city-edit-list button>svg{color:var(--accent-ink);flex-shrink:0}.room-city-edit-list>p{padding:var(--space-8) var(--space-4);color:var(--text-2);font-size:var(--text-md);text-align:center}.room-city-edit-footer{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);flex-shrink:0;display:flex}.room-city-edit-footer>span{min-width:0;color:var(--text-2);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.room-city-edit-footer>div{gap:var(--space-2);flex-shrink:0;display:flex}@keyframes room-switcher-in{0%{opacity:0;transform:translate(24px)}}@keyframes room-dialog-spin{to{transform:rotate(360deg)}}@keyframes room-dialog-breathe{50%{opacity:.4}}@media (pointer:coarse){.room-password-field button{width:44px;height:44px}.room-password-field{min-height:50px}.room-city-edit-footer .secondary,.room-city-edit-footer .primary{min-height:44px}}@media (max-width:760px){.room-leave-layer,.room-city-edit-layer,.room-password-layer,.room-invite-layer,.room-invitation-layer{padding:var(--space-3) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));place-items:end stretch}.room-leave-dialog,.room-password-dialog,.room-invite-dialog,.room-invitation-dialog,.room-city-edit-dialog{width:100%;max-height:calc(100dvh - 2 * var(--space-3) - env(safe-area-inset-top) - env(safe-area-inset-bottom));animation:sheet-in var(--dur-slow) var(--ease-out)}.room-leave-dialog,.room-password-dialog,.room-invite-dialog,.room-invitation-dialog{padding:var(--space-6) var(--space-5) var(--space-5)}.room-invite-close,.room-password-close{top:var(--space-4);right:var(--space-4)}.room-leave-icon,.room-password-icon,.room-invite-icon{width:44px;height:44px;margin-bottom:var(--space-4)}.room-switcher-search input,.room-city-edit-search input,.room-password-field input,.room-invite-link{font-size:var(--text-lg)}.room-invitation-room{padding:var(--space-4)}.room-invitation-mic{padding:0 var(--space-1)}.room-leave-actions,.room-password-actions,.room-invite-actions,.room-invitation-actions{gap:var(--space-2)}.room-leave-actions>button,.room-password-actions>button,.room-invite-actions>button,.room-invitation-actions>button{padding:0 var(--space-3)}.room-switcher{top:calc(var(--space-3) + env(safe-area-inset-top));right:var(--space-2);bottom:calc(var(--space-2) + env(safe-area-inset-bottom));left:var(--space-2);width:auto;animation:sheet-in var(--dur-slow) var(--ease-out) both}.room-switcher-header{padding:var(--space-4) var(--space-3) var(--space-3) var(--space-4)}.room-switcher-icon,.room-city-edit-icon{display:none}.room-switcher-search{margin:0 var(--space-4)}.room-switcher-count{padding:var(--space-3) var(--space-4)}.room-switcher-list{padding:var(--space-1) var(--space-2) var(--space-3)}.room-switcher-footnote{padding:var(--space-3) var(--space-4)}.room-city-edit-dialog>header{padding:var(--space-4) var(--space-3) var(--space-3) var(--space-4)}.room-city-edit-current,.room-city-edit-search{margin-right:var(--space-4);margin-left:var(--space-4)}.room-city-edit-list{padding-right:var(--space-2);padding-left:var(--space-2)}.room-city-edit-footer{padding:var(--space-3) var(--space-4)}}.room-switcher-create{border:1px solid var(--accent-ink);border-radius:var(--radius-md);background:var(--surface-2);min-height:64px;color:var(--text);text-align:left;align-items:center;gap:11px;margin:0 14px 12px;padding:10px 12px;display:flex}.room-switcher-create>span:first-child{border-radius:var(--radius-sm);background:var(--accent);width:38px;height:38px;color:var(--on-accent);flex:0 0 38px;place-items:center;display:grid}.room-switcher-create>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.room-switcher-create strong{font-size:var(--text-xs)}.room-switcher-create small{color:var(--text-2);font-size:var(--text-2xs)}.room-switcher-create>svg{color:var(--text-2)}.room-switcher-create:hover:not(:disabled){background:var(--surface-1);border-color:var(--text)}.room-switcher-create:disabled{opacity:.55}.room-report-dialog{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg);width:min(460px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow-lg);margin:auto;padding:24px;overflow:auto}.room-report-dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.report-dialog-heading{justify-content:space-between;align-items:center;display:flex}.report-dialog-heading .modal-symbol{margin:0}.report-dialog-close{width:40px;height:40px;color:var(--text-2);background:var(--surface-1);border:0;border-radius:50%;place-items:center;display:grid}.room-report-dialog h2{font-family:var(--font-display);font-size:var(--display-sm);letter-spacing:-.01em;margin:18px 0 8px;font-weight:400}.room-report-dialog>p{font-size:var(--text-sm);color:var(--text-2);margin-bottom:20px;line-height:1.65}.report-message-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);overflow-wrap:anywhere;padding:12px 14px}.report-message-preview small{color:var(--text-2);margin-bottom:5px;display:block}.report-message-preview p{font-size:var(--text-sm);margin:0;line-height:1.5}.room-report-dialog>.report-photo-retention-note{border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text);font-size:var(--text-xs);margin:10px 0 4px;padding:10px 12px;line-height:1.5}.room-report-dialog label{font-size:var(--text-sm);margin:16px 0 8px;font-weight:650;display:block}.room-report-dialog select,.room-report-dialog textarea{box-sizing:border-box;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface-1);width:100%;color:var(--text);font:inherit;font-size:var(--text-lg);padding:12px;line-height:1.5}.room-report-dialog textarea{resize:vertical;min-height:110px;max-height:220px}.room-report-dialog select{min-height:48px}.report-detail-hint{color:var(--text-2);font-size:var(--text-2xs);justify-content:space-between;gap:8px;margin-top:5px;display:flex}.report-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 12px;display:grid}.report-dialog-actions button{min-height:46px}.report-privacy-note{font-size:var(--text-2xs);color:var(--text-2);line-height:1.6;display:block}@media (max-width:600px){.room-report-dialog{max-height:calc(100dvh - 24px);padding:20px}}.speaking-duration-field{text-align:left;gap:8px;margin:18px 0;display:grid}.speaking-duration-field label{justify-content:space-between;gap:12px;font-size:13px;font-weight:700;display:flex}.speaking-duration-field label span,.speaking-duration-field small{color:var(--text-3);font-size:12px;font-weight:400}.speaking-duration-input{align-items:center;gap:10px;display:flex}.speaking-duration-input input{border:1px solid var(--border);background:var(--surface-2);width:88px;min-height:42px;color:inherit;font:inherit;border-radius:12px;padding:8px 12px}.speaking-duration-input input[aria-invalid=true]{border-color:var(--danger)}.speaking-restriction-notice{border:1px solid var(--border);text-align:left;background:var(--surface-2);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.speaking-restriction-notice svg{flex:none;margin-top:3px}.report-speaking-action{border-bottom:1px solid var(--border);flex-basis:100%;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;padding-bottom:14px;display:flex}.report-speaking-action .speaking-duration-field{flex:1;margin:0}@media (max-width:480px){.report-speaking-action{flex-direction:column;align-items:stretch}.report-speaking-action button{width:100%}}.room-appearance-fields{gap:12px;margin:10px 0 18px;display:grid}.room-title-field{gap:7px;display:grid}.room-title-field>label{font-size:var(--text-2xs);font-weight:700}.form-modal .room-title-field>label{font-size:var(--text-sm);margin:0}.form-modal .room-title-field>input{margin-top:0}.form-modal .create-room-form>.room-title-field{margin-bottom:var(--space-5)}.custom-room-settings-dialog .room-title-field>input{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:43px;color:var(--text);font:inherit;border-radius:10px;padding:9px 11px;font-weight:500}.room-title-counter{color:var(--text-2);font-size:var(--text-2xs);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 10px;font-weight:400;line-height:1.4;display:flex}.room-title-counter strong{color:var(--text-2);white-space:nowrap;font-weight:650}.room-title-counter.is-over,.room-title-counter.is-over strong{color:var(--danger-ink)}.room-appearance-heading{gap:3px;display:grid}.room-appearance-heading strong{font-size:var(--text-sm);color:var(--text)}.room-appearance-heading small,.room-cover-help,.custom-room-settings-hint{color:var(--text-2);font-size:var(--text-2xs);line-height:1.45}.room-color-choices{flex-wrap:wrap;gap:7px;display:flex}.room-color-choice{border:1px solid var(--border);background:var(--surface-1);min-height:38px;color:var(--text-2);font-size:var(--text-2xs);border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-weight:650;transition:border-color .15s,transform .15s,background .15s;display:flex}.room-color-choice:hover{background:var(--surface-2);transform:translateY(-1px)}.room-color-choice.is-selected{border-color:var(--accent-ink);color:var(--text);box-shadow:0 0 0 1px var(--accent-ink)}.room-color-choice>span{background:var(--room-accent);border:1px solid #fff4;border-radius:50%;width:18px;height:18px}.is-moss{--room-accent:#b9d875;--room-cover-a:#183b30;--room-cover-b:#15241f}.is-ocean{--room-accent:#75c7db;--room-cover-a:#17435a;--room-cover-b:#112b39}.is-berry{--room-accent:#e2a4c2;--room-cover-a:#592d4e;--room-cover-b:#2e2039}.is-amber{--room-accent:#edc681;--room-cover-a:#65442b;--room-cover-b:#302820}.is-slate{--room-accent:#aec8d1;--room-cover-a:#364955;--room-cover-b:#202a35}.room-cover-preview{background:linear-gradient(125deg,var(--room-cover-a),var(--room-cover-b));color:#fff;border:1px solid #ffffff2b;border-radius:16px;align-items:flex-end;width:100%;height:100px;display:flex;position:relative;overflow:hidden}.room-cover-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000 25%,#0009);position:absolute;inset:0}.room-cover-preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.room-cover-preview>span{z-index:1;font-size:var(--text-sm);text-shadow:0 1px 7px #0009;margin:12px 14px;font-weight:700}.room-cover-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.room-cover-actions .upload-label{cursor:pointer;min-height:38px;font-size:var(--text-2xs);border-radius:10px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.room-cover-actions .upload-label input{opacity:0;width:1px;height:1px;position:absolute}.room-cover-actions .upload-label:focus-within{outline:2px solid var(--accent-ink);outline-offset:2px}.room-cover-remove{color:var(--text-2);font-size:var(--text-2xs);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 8px;display:inline-flex}.room-cover-remove:hover{color:var(--danger-ink);background:var(--danger-soft)}.create-advanced-trigger{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:58px;color:var(--text);text-align:left;border-radius:13px;align-items:center;gap:11px;margin-bottom:16px;padding:9px 12px;display:flex}.create-advanced-trigger:hover,.create-advanced-trigger[aria-expanded=true]{border-color:var(--accent-line);background:var(--surface-3)}.create-advanced-trigger[aria-expanded=true]{margin-bottom:8px}.create-advanced-icon{background:var(--accent-soft);width:35px;height:35px;color:var(--accent-ink);border-radius:10px;flex:none;place-items:center;display:grid}.create-advanced-trigger>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.create-advanced-trigger strong{font-size:var(--text-xs)}.create-advanced-trigger small{color:var(--text-2);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.create-advanced-trigger>svg{color:var(--text-2);flex:none;transition:transform .18s}.create-advanced-trigger>svg.is-open{transform:rotate(180deg)}.create-advanced-panel{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;gap:14px;margin-bottom:16px;padding:16px;display:grid}.create-advanced-panel .room-appearance-fields{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:10px;margin:0;padding:12px 0}.create-advanced-panel .room-cover-preview{height:76px}.form-modal .create-advanced-panel label{gap:7px;margin:0;display:grid}.form-modal .create-advanced-panel select,.form-modal .create-advanced-panel .create-password-field,.form-modal .create-advanced-panel .create-room-password small{margin-top:0}.create-advanced-hint,.create-room-quick-note{color:var(--text-2);font-size:var(--text-2xs);margin:0;line-height:1.45}.create-room-quick-note{align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.create-room-quick-note svg{flex:none;margin-top:1px}.form-modal .create-room-form>.primary.full{margin-top:0}.custom-room-settings-layer{overscroll-behavior:contain;z-index:var(--z-popover);background:var(--scrim);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.custom-room-settings-dialog{overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-1);width:min(530px,100%);max-height:calc(100dvh - 40px);color:var(--text);box-shadow:var(--shadow-lg);overflow:auto}.custom-room-settings-dialog>header{z-index:3;border-bottom:1px solid var(--border);background:var(--surface-1);align-items:center;gap:12px;padding:20px 22px 17px;display:flex;position:sticky;top:0}.custom-room-settings-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-ink);border-radius:12px;flex:none;place-items:center;display:grid}.custom-room-settings-dialog>header>div{flex:1;min-width:0}.custom-room-settings-dialog h3{font-family:var(--font-display);font-size:var(--text-xl);margin:0;font-weight:600}.custom-room-settings-dialog header p{color:var(--text-2);font-size:var(--text-2xs);margin:4px 0 0;line-height:1.35}.custom-room-settings-dialog header .close{flex:none;position:static}.custom-room-settings-dialog form{gap:14px;padding:20px 22px 22px;display:grid}.custom-room-settings-dialog form>label,.custom-room-settings-pair>label{font-size:var(--text-2xs);gap:7px;font-weight:700;display:grid}.custom-room-settings-dialog input:not([type=file]),.custom-room-settings-dialog select{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:43px;color:var(--text);font:inherit;border-radius:10px;padding:9px 11px;font-weight:500}.custom-room-settings-dialog input:focus-visible,.custom-room-settings-dialog select:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.custom-room-settings-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.custom-room-settings-hint{margin:-7px 0 0}.custom-room-settings-error{background:var(--danger-soft);color:var(--danger-ink);font-size:var(--text-2xs);border-radius:10px;margin:0;padding:10px 12px}.custom-room-settings-dialog footer{z-index:2;border-top:1px solid var(--border);background:var(--surface-1);justify-content:flex-end;gap:9px;margin:0 -22px;padding:15px 22px;display:flex;position:sticky;bottom:0}.live-room.is-creator-room,.room-switcher-row.is-creator-room{border-color:var(--room-accent)}@supports (color:color-mix(in lab, red, red)){.live-room.is-creator-room,.room-switcher-row.is-creator-room{border-color:color-mix(in srgb,var(--room-accent) 42%,var(--border))}}.live-room.is-creator-room .room-kind-icon,.room-switcher-row.is-creator-room .room-switcher-room-icon{background:linear-gradient(125deg,var(--room-cover-a),var(--room-cover-b));color:#fff;position:relative;overflow:hidden}.live-room.is-creator-room .room-kind-icon svg,.room-switcher-row.is-creator-room .room-switcher-room-icon svg{z-index:1;filter:drop-shadow(0 1px 4px #0009);position:relative}.live-room-cover,.room-switcher-cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.room-panel.is-creator-room .room-header{isolation:isolate;border-top:3px solid var(--room-accent);background:linear-gradient(105deg,var(--room-cover-a),var(--surface-1) 74%);position:relative}@supports (color:color-mix(in lab, red, red)){.room-panel.is-creator-room .room-header{background:linear-gradient(105deg,color-mix(in srgb,var(--room-cover-a) 34%,var(--surface-1)),var(--surface-1) 74%)}}.room-panel.is-creator-room .room-header>:not(.room-header-cover){z-index:1;position:relative}.room-header-cover{z-index:0;object-fit:cover;opacity:.14;pointer-events:none;width:min(54%,430px);height:100%;position:absolute;inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#000 15%,#0000 100%);mask-image:linear-gradient(90deg,#000 15%,#0000 100%)}@media (max-width:540px){.custom-room-settings-layer{align-items:end;padding:0}.custom-room-settings-dialog{border-radius:20px 20px 0 0;width:100%;max-height:min(94dvh,900px)}.custom-room-settings-dialog>header,.custom-room-settings-dialog form{padding:16px}.custom-room-settings-dialog footer{padding:13px 16px max(13px,env(safe-area-inset-bottom));margin:0 -16px}.room-color-choice{min-height:36px}.create-advanced-panel .form-columns{grid-template-columns:1fr}}@media (max-width:360px){.create-room-form .form-columns,.custom-room-settings-pair{grid-template-columns:1fr}}.profile-card-cover{z-index:0;border-radius:inherit;pointer-events:none;isolation:isolate;background:radial-gradient(85% 70% at 50% 0%,var(--profile-cover-accent),transparent 80%),var(--surface-1);position:absolute;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.profile-card-cover{background:radial-gradient(85% 70% at 50% 0%,color-mix(in srgb,var(--profile-cover-accent) 22%,transparent),transparent 80%),var(--surface-1)}}.profile-card-cover.is-moss{--profile-cover-accent:#9fca7d}.profile-card-cover.is-ocean{--profile-cover-accent:#65c5d5}.profile-card-cover.is-berry{--profile-cover-accent:#e6a1c6}.profile-card-cover.is-amber{--profile-cover-accent:#e9bd7d}.profile-card-cover.is-slate{--profile-cover-accent:#a0b5c8}.profile-card-cover img{object-fit:cover;opacity:.42;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 20%,#0000 94%);mask-image:linear-gradient(#000 0% 20%,#0000 94%)}.profile-card-cover:after{content:"";background:linear-gradient(to bottom,var(--profile-cover-accent) 0%,var(--surface-1) 53%,var(--surface-1) 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.profile-card-cover:after{background:linear-gradient(to bottom,color-mix(in srgb,var(--profile-cover-accent) 28%,transparent) 0%,color-mix(in srgb,var(--surface-1) 42%,transparent) 53%,var(--surface-1) 100%)}}.participant{isolation:isolate}.participant>:not(.profile-card-cover){z-index:1;position:relative}.participant>.participant-menu-wrap{z-index:5;position:absolute}.profile-avatar-visual{letter-spacing:.035em;text-shadow:0 1px 10px #0007;border-radius:50%;place-items:center;width:100%;height:100%;font-weight:800;line-height:1;display:grid;position:relative;overflow:hidden}.profile-avatar-visual.is-initials{color:inherit;text-shadow:none;background:0 0}.profile-avatar-visual.is-forest{color:#f2ffe9;background:radial-gradient(circle at 72% 20%,#b8d98a 0 8%,#0000 9%),radial-gradient(circle at 20% 80%,#7cae73 0 18%,#0000 36%),linear-gradient(145deg,#204e3f,#152b29)}.profile-avatar-visual.is-ocean{color:#effdff;background:radial-gradient(circle at 68% 30%,#8de0e9 0 9%,#0000 10%),radial-gradient(at 25% 95%,#4eacc8 0 20%,#0000 50%),linear-gradient(145deg,#1a5b78,#112e44)}.profile-avatar-visual.is-sunset{color:#fff5eb;background:radial-gradient(circle at 72% 28%,#ffe0a2 0 13%,#0000 14%),linear-gradient(155deg,#c37660,#8c4b70 52%,#342e51)}.profile-avatar-visual.is-moon{color:#edf0ff;background:radial-gradient(circle at 70% 28%,#e6e5d3 0 12%,#0000 13%),radial-gradient(circle at 18% 78%,#6674b2 0 15%,#0000 38%),linear-gradient(145deg,#26365e,#161c36)}.profile-avatar-visual.is-bloom{color:#fff1f8;background:radial-gradient(circle at 74% 28%,#ffd9e9 0 8%,#0000 9%),radial-gradient(circle at 26% 67%,#df8eba 0 17%,#0000 40%),linear-gradient(145deg,#8f536d,#4b3655)}.participant.is-speaking>.profile-card-cover{opacity:.85}@media (prefers-reduced-motion:reduce){.profile-avatar-visual{transition:none}}.profile-card-editor{gap:18px;margin:18px 0 22px;display:grid}.profile-card-editor-heading>div,.profile-card-editor-title{gap:3px;display:grid}.profile-card-editor-heading strong,.profile-card-editor-title strong{font-size:var(--text-sm);color:var(--text)}.profile-card-editor-heading small,.profile-card-editor-title small,.profile-card-upload-note{color:var(--text-2);font-size:var(--text-2xs);line-height:1.45}.profile-card-live-preview{isolation:isolate;border:1px solid var(--accent-line);background:var(--surface-1);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:20px 16px 17px;display:flex;position:relative;overflow:hidden}.profile-card-live-preview>:not(.profile-card-cover){z-index:1;position:relative}.profile-card-live-avatar{border:3px solid var(--surface-1);background:var(--surface-2);width:78px;height:78px;box-shadow:0 0 0 2px var(--accent-line);color:var(--text);border-radius:50%;place-items:center;margin-bottom:9px;font-size:25px;display:grid;overflow:hidden}.profile-card-live-avatar img,.profile-avatar-choice img{object-fit:cover;width:100%;height:100%}.profile-card-live-preview>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--text-md);overflow:hidden}.profile-card-live-preview>small{color:var(--text-2);font-size:var(--text-2xs);margin-top:3px}.profile-card-editor-section{gap:10px;display:grid}.profile-avatar-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.profile-avatar-options button{border:1px solid var(--border);background:var(--surface-2);min-width:0;min-height:82px;color:var(--text-2);border-radius:14px;align-content:center;justify-items:center;gap:5px;padding:8px 3px;display:grid}.profile-avatar-options button:hover:not(:disabled),.profile-avatar-options button.is-selected{border-color:var(--accent-ink);background:var(--accent-soft);color:var(--text)}.profile-avatar-options button.is-selected{box-shadow:inset 0 0 0 1px var(--accent-ink)}.profile-avatar-options button small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.profile-avatar-choice{background:var(--surface-3);border-radius:50%;place-items:center;width:64px;height:64px;font-size:19px;display:grid;overflow:hidden}.profile-avatar-choice .illustrated-avatar{width:100%;height:100%;display:block}.profile-cover-colors{flex-wrap:wrap;gap:7px;display:flex}.profile-cover-colors button{border:1px solid var(--border);background:var(--surface-2);min-height:37px;color:var(--text-2);border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:11px;display:flex}.profile-cover-colors button:hover:not(:disabled),.profile-cover-colors button.is-selected{border-color:var(--accent-ink);color:var(--text)}.profile-cover-colors button.is-selected{box-shadow:0 0 0 1px var(--accent-ink)}.profile-cover-colors i{background:var(--swatch);border:1px solid #fff4;border-radius:50%;width:17px;height:17px}.profile-cover-colors .is-moss{--swatch:#9fca7d}.profile-cover-colors .is-ocean{--swatch:#65c5d5}.profile-cover-colors .is-berry{--swatch:#e6a1c6}.profile-cover-colors .is-amber{--swatch:#e9bd7d}.profile-cover-colors .is-slate{--swatch:#a0b5c8}.profile-card-editor-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-card-editor-actions .upload-label{min-height:38px;font-size:var(--text-2xs);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:7px 12px;display:inline-flex}.profile-card-editor-actions .upload-label input{opacity:0;width:1px;height:1px;position:absolute}.profile-card-editor-actions .upload-label:focus-within{outline:2px solid var(--accent-ink);outline-offset:2px}.profile-card-remove{min-height:38px;color:var(--text-2);font-size:var(--text-2xs);border-radius:9px;align-items:center;gap:6px;padding:7px 9px;display:inline-flex}.profile-card-remove:hover:not(:disabled){background:var(--danger-soft);color:var(--danger-ink)}@media (max-width:430px){.profile-avatar-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.profile-avatar-options button{min-height:70px;padding:6px 2px}.profile-avatar-choice{width:52px;height:52px}.profile-card-live-preview{min-height:168px}}@media (max-width:350px){.profile-avatar-choice{width:46px;height:46px}.profile-avatar-options button{min-height:64px}}.profile-tenure{z-index:1;color:var(--text-2);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:10px 0 18px;line-height:1.4;display:flex;position:relative}.profile-tenure svg{color:var(--accent-ink);flex:none}.profile-tenure time{color:var(--text);font-weight:600}.profile-tenure-age{color:var(--text-2)}.room-play-tabs{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);flex-shrink:0;display:flex}.room-play-tabs button{min-width:0;min-height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;font-weight:600;overflow:hidden}.room-play-tabs button:hover:not([aria-pressed=true]){background:var(--text)}@supports (color:color-mix(in lab, red, red)){.room-play-tabs button:hover:not([aria-pressed=true]){background:color-mix(in oklab, var(--text) 6%, transparent)}}.room-play-tabs button:hover:not([aria-pressed=true]){color:var(--text)}.room-play-tabs button[aria-pressed=true]{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--border-strong)}.activity-kicker svg{color:var(--accent-ink);flex-shrink:0}.spark-panel{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.shared-idea-intro h4{margin-top:var(--space-2);font-family:var(--font-display);font-size:var(--display-sm);letter-spacing:-.01em;font-weight:400;line-height:1.05}.shared-idea-intro>p{margin-top:var(--space-2);color:var(--text-2);font-size:var(--text-md);line-height:var(--leading-relaxed)}.spark-kinds{gap:var(--space-2);flex-wrap:wrap;display:flex}.spark-kinds button{align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-1);color:var(--text-2);font-size:var(--text-md);font-weight:600;display:inline-flex}.spark-kinds button:hover:not(:disabled){border-color:var(--border-input);color:var(--text)}.spark-kinds button[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.spark-kinds button[aria-pressed=true]:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.spark-card{padding:var(--space-6);border:1px solid var(--accent-line);border-radius:var(--radius-lg);background:radial-gradient(120% 100% at 0% 0%, var(--accent-soft), transparent 62%), var(--surface-2);animation:rise-in var(--dur-slow) var(--ease-out)}.group-idea-meta{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.group-idea-meta>span{color:var(--accent-ink);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.4}.group-idea-meta small{padding:2px var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-2);font-size:var(--text-xs);flex-shrink:0;font-weight:500}.spark-card>p{margin:var(--space-4) 0 var(--space-5);color:var(--text);font-family:var(--font-display);font-size:var(--display-sm);letter-spacing:-.01em;overflow-wrap:anywhere;font-weight:400;line-height:1.15}.group-idea-card footer{align-items:center;gap:var(--space-2);padding:var(--space-4) 0 0;border-top:1px solid var(--border);color:var(--text-2);font-size:var(--text-sm);flex-wrap:nowrap;margin:0;display:flex}.group-idea-card footer>span:nth-of-type(2){text-overflow:ellipsis;white-space:nowrap;flex:auto;order:0;min-width:0;overflow:hidden}.group-idea-card footer b{color:var(--text);font-weight:600}.group-idea-avatar{background:var(--avatar-1-bg);width:28px;height:28px;color:var(--avatar-1-fg);font-size:var(--text-xs);text-transform:uppercase;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.group-idea-shared{align-items:center;gap:var(--space-1);color:var(--text-3);font-size:var(--text-xs);flex-shrink:0;font-weight:500;display:inline-flex}.shared-idea-placeholder{justify-content:center;align-items:center;gap:var(--space-3);min-height:168px;padding:var(--space-8) var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.shared-idea-placeholder svg{color:var(--accent-ink)}.shared-idea-placeholder span{max-width:24ch;color:var(--text);font-family:var(--font-display);font-size:var(--display-xs);line-height:1.2}.activity-error{padding:var(--space-3) var(--space-4);border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.activity-error{border:1px solid color-mix(in oklab, var(--danger) 45%, var(--border))}}.activity-error{border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger-ink);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-wrap:anywhere}.shared-idea-actions{gap:var(--space-2);display:flex}.shared-idea-actions .activity-primary,.shared-idea-actions .activity-secondary{min-height:var(--control-lg);border-radius:var(--radius-md)}.shared-idea-actions .activity-primary{flex:1}.spark-panel>.privacy-note{color:var(--text-3);font-size:var(--text-xs);text-align:center;justify-content:center;margin-top:0}.spark-voice-player{align-items:center;column-gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--accent-line);border-radius:var(--radius-lg);background:var(--surface-2);animation:rise-in var(--dur-slow) var(--ease-out);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;display:grid}.spark-voice-player>div:first-child{display:contents}.spark-voice-player strong{align-items:center;gap:var(--space-2);min-height:24px;color:var(--accent-ink);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;grid-area:1/1;font-weight:600;display:flex}.spark-voice-player strong svg{flex-shrink:0}.spark-voice-player p{margin-top:var(--space-1);color:var(--text);font-size:var(--text-base);line-height:var(--leading-normal);overflow-wrap:anywhere;grid-column:1/-1}.spark-voice-player small{margin-top:var(--space-2);color:var(--text-3);font-size:var(--text-xs);grid-column:1/-1;line-height:1.4;display:block}.spark-voice-player small[role=status]{color:var(--danger-ink)}.spark-voice-actions{align-items:center;gap:var(--space-1);grid-area:1/2;display:flex}.spark-voice-actions button{min-width:var(--control-md);min-height:var(--control-md);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--text-sm);white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.spark-voice-actions button:first-child{padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-ink)}.spark-voice-actions button:first-child:hover{background:var(--accent-soft-hover)}.spark-voice-actions button:last-child:hover{background:var(--surface-3);color:var(--text)}.spark-voice-player audio{display:none}.room-panel.is-ai-room .spark-voice-player{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);margin:0}.room-panel.is-ai-room .spark-voice-player p,.room-panel.is-ai-room .spark-voice-player small:not([role=status]){display:none}.room-game{min-width:0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-1);text-align:left}.activity-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.activity-header h3{margin-top:var(--space-2);font-family:var(--font-display);font-size:var(--display-sm);font-weight:400;line-height:1.05}.activity-members{align-items:center;gap:var(--space-1);color:var(--text-2);font-size:var(--text-sm);display:inline-flex}.activity-tabs{gap:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--border);display:flex}.activity-tabs button{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-1);border-radius:var(--radius-xs) var(--radius-xs) 0 0;color:var(--text-2);font-size:var(--text-md);border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600;display:inline-flex}.activity-tabs button:hover{color:var(--text)}.activity-tabs button[aria-selected=true]{border-bottom-color:var(--accent-ink);color:var(--text)}.activity-tabs button svg{color:var(--text-3);flex-shrink:0}.activity-tabs button[aria-selected=true] svg{color:var(--accent-ink)}.activity-live-dot{background:var(--live);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.4s ease-in-out infinite live-pulse}.activity-shared-tag{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;font-weight:700}.activity-game-panel{text-align:center;flex-direction:column;align-items:center;display:flex}.activity-game-welcome{padding:var(--space-2) 0 0;flex-direction:column;align-items:center;display:flex}.activity-bottle-art{width:96px;height:96px;margin-bottom:var(--space-5);border:1px solid var(--accent-line);border-radius:var(--radius-xl);background:var(--accent-soft);color:var(--accent-ink);animation:rise-in var(--dur-slow) var(--ease-out);place-items:center;display:grid}.activity-bottle-art svg{width:72px;height:auto;transform:rotate(-24deg)}.activity-game-welcome h4{font-family:var(--font-display);font-size:var(--display-sm);font-weight:400;line-height:1.05}.activity-game-welcome p{max-width:34ch;margin-top:var(--space-2);color:var(--text-2);font-size:var(--text-md);line-height:var(--leading-relaxed)}.room-game-round{width:100%}.room-game-players{align-items:center;gap:var(--space-3);max-width:440px;margin:0 auto var(--space-5);grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);display:grid}.room-game-person{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.room-game-person-avatar{width:64px;height:64px;margin-bottom:var(--space-3);background:var(--avatar-0-bg);color:var(--avatar-0-fg);font-size:var(--text-xl);letter-spacing:.02em;box-shadow:0 0 0 3px var(--surface-1), 0 0 0 4px var(--border-strong);border-radius:50%;place-items:center;font-weight:600;display:grid;overflow:hidden}.room-game-person:last-child .room-game-person-avatar{background:var(--avatar-2-bg);color:var(--avatar-2-fg)}.room-game-person-avatar img{object-fit:cover;width:100%;height:100%}.room-game-person small{color:var(--text-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.room-game-person strong{max-width:100%;font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-weight:600;overflow:hidden}.room-game-bottle{width:72px;height:72px;margin-bottom:var(--space-8);border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-ink);animation:room-bottle-spin 1.1s var(--ease-out) both;border-radius:50%;place-items:center;display:grid}.room-game-bottle svg{width:52px;height:auto}.room-game-round>p,.room-game-empty{color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-relaxed);text-align:center}.room-game-round>p b{color:var(--text);font-weight:600}.room-game-round>p.room-game-finished{color:var(--text)}.room-game-choice-badge{width:max-content;margin:0 auto var(--space-3);padding:var(--space-1) var(--space-4);border:1px solid var(--accent-line);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--text-md);animation:rise-in var(--dur-slow) var(--ease-out);font-weight:600}.room-game-choice-actions,.room-game-finish-actions{justify-content:center;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.room-game-choice-actions button{min-width:128px;min-height:52px;padding:0 var(--space-6);border:1px solid var(--accent-line);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--text-lg);font-weight:600}.room-game-choice-actions button:hover:not(:disabled){border-color:var(--accent-ink);background:var(--accent-soft-hover)}.room-game-finish-actions button{min-width:120px}.room-game-waiting{margin-top:var(--space-4);color:var(--text-2);font-size:var(--text-md);text-align:center;display:block}.room-game-empty{margin-top:var(--space-4)}.room-game-spin{min-width:200px;min-height:var(--control-lg);margin-top:var(--space-6);padding:0 var(--space-6);border-radius:var(--radius-md);font-size:var(--text-lg)}.room-game .activity-footer{margin:var(--space-6) 0 0;padding:var(--space-4) 0 0;border-top:1px solid var(--border);color:var(--text-3);font-size:var(--text-sm);text-align:center;display:block}@keyframes room-bottle-spin{0%{transform:rotate(-1080deg)scale(.7)}to{transform:rotate(0)scale(1)}}@media (max-width:660px){.room-play-tabs button{min-height:44px;padding:0 var(--space-2)}.spark-card{padding:var(--space-5)}.spark-card>p{font-size:var(--display-xs);line-height:1.2}.group-idea-shared{display:none}.spark-kinds{gap:6px}.spark-kinds button{padding:0 var(--space-3);flex:auto;justify-content:center}.spark-kinds button,.spark-voice-actions button{min-height:44px}.spark-voice-actions button:last-child{min-width:44px}.room-game{padding:var(--space-5)}.room-game-players{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr)}.room-game-person-avatar{width:56px;height:56px;font-size:var(--text-lg)}.room-game-bottle{width:60px;height:60px}.room-game-bottle svg{width:44px}.room-game-choice-actions button{flex:1;min-width:0}}.room-vote-rail{z-index:16;right:22px;bottom:calc(88px + env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:thin;pointer-events:none;width:min(510px,100% - 44px);max-height:min(62dvh,510px);position:absolute;overflow-y:auto}.room-panel:has(>.room-music-dock[data-music-mode=minimized])>.room-vote-rail{z-index:31}@media (min-width:900px){.room-panel:has(.room-chat.is-open)>.room-vote-rail{width:min(510px,100% - clamp(340px,30vw,420px) - 44px);left:22px;right:auto}}@media (min-width:1180px) and (min-height:940px){.room-panel:has(>.room-music-dock[data-music-mode=minimized][data-player-size=regular]):has(.room-chat.is-open)>.room-vote-rail{top:calc(140px + env(safe-area-inset-top));bottom:auto}}.room-vote-card{--vote-accent:var(--warning);border:1px solid var(--vote-accent)}@supports (color:color-mix(in lab, red, red)){.room-vote-card{border:1px solid color-mix(in srgb,var(--vote-accent) 52%,var(--border))}}.room-vote-card{border-radius:var(--radius-lg);background:linear-gradient(125deg,var(--vote-accent),var(--surface-1) 55%)}@supports (color:color-mix(in lab, red, red)){.room-vote-card{background:linear-gradient(125deg,color-mix(in srgb,var(--vote-accent) 7%,var(--surface-1)),var(--surface-1) 55%)}}.room-vote-card{color:var(--text);box-shadow:var(--shadow-lg);pointer-events:auto;margin:0;padding:12px 14px}.room-vote-pending{align-items:center;gap:12px;min-height:66px;display:flex}.room-vote-pending-icon{background:var(--warning);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab, red, red)){.room-vote-pending-icon{background:color-mix(in srgb,var(--warning) 18%,var(--surface-1))}}.room-vote-pending-icon{color:var(--warning)}.room-vote-pending>span:nth-child(2){gap:3px;min-width:0;display:grid}.room-vote-pending strong{font-size:var(--text-sm)}.room-vote-pending small{color:var(--text-2);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-vote-pending-spinner{border:2px solid var(--border);border-top-color:var(--warning);border-radius:50%;flex:none;width:20px;height:20px;margin-left:auto;animation:.7s linear infinite room-vote-pending-spin}@keyframes room-vote-pending-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.room-vote-pending-spinner{animation:none}}.room-vote-card.is-collapsed{padding:8px 10px}.room-vote-card.passed{--vote-accent:var(--danger-ink)}.room-vote-card.failed{--vote-accent:var(--accent-ink)}.room-vote-person{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.room-vote-card.is-collapsed .room-vote-person{grid-template-columns:32px minmax(0,1fr) auto;gap:9px}.room-vote-card.is-collapsed .room-vote-avatar{width:32px;height:32px;font-size:var(--text-xs);border-width:1px}.room-vote-card.is-collapsed .room-vote-identity h3{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-sm);overflow:hidden}.room-vote-card.is-collapsed .room-vote-handle,.room-vote-card.is-collapsed .room-vote-eyebrow{display:none}.room-vote-avatar{border:2px solid var(--vote-accent);background:var(--surface-2);width:48px;height:48px;font-weight:750;font-size:var(--text-md);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.room-vote-avatar img{object-fit:cover;width:100%;height:100%}.room-vote-identity{min-width:0}.room-vote-eyebrow{font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--vote-accent);font-weight:800;line-height:1.3;display:block}.room-vote-identity h3{font-size:var(--text-lead);letter-spacing:-.4px;overflow-wrap:anywhere;margin:3px 0 0;line-height:1.3}.room-vote-handle{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-2xs);color:var(--text-2);margin-top:2px;display:block;overflow:hidden}.room-vote-countdown{background:conic-gradient(var(--vote-accent) var(--vote-time),var(--border) 0);border-radius:50%;flex:none;place-items:center;width:48px;min-width:48px;height:48px;padding:3px;display:grid}.room-vote-countdown>span{background:var(--surface-1);width:100%;height:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-weight:800;display:grid}.room-vote-result-actions{align-items:center;gap:6px;display:flex}.room-vote-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-width:44px;min-height:44px;color:var(--text-2);font-size:var(--text-xs);cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-weight:700;display:inline-flex}.room-vote-toggle:hover{border-color:var(--border-strong);color:var(--text)}.room-vote-toggle:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.room-vote-card.is-collapsed .room-vote-countdown{width:36px;min-width:36px;height:36px}.room-vote-card.is-collapsed .room-vote-result{padding:5px 8px}.room-vote-rule{color:var(--text-2);font-size:var(--text-xs);margin:8px 0 0;line-height:1.45}.room-vote-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:9px;display:grid}.room-vote-actions button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);min-width:0;min-height:52px;color:var(--text);text-align:left;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast);justify-content:flex-start;align-items:center;gap:10px;padding:9px 12px;display:flex}.room-vote-actions button:not(:disabled):hover{background:var(--surface-2);transform:translateY(-1px)}.room-vote-action-icon{border-radius:var(--radius-sm);flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.room-vote-actions button[data-choice=no] .room-vote-action-icon{background:var(--live-soft);color:var(--live)}.room-vote-actions button[data-choice=yes] .room-vote-action-icon{background:var(--danger-soft);color:var(--danger-ink)}.room-vote-action-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.room-vote-action-copy strong{font-size:var(--text-sm);line-height:1.2}.room-vote-action-copy small{font-size:var(--text-2xs);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.room-vote-actions button[aria-pressed=true]{opacity:1;box-shadow:inset 0 0 0 1px}.room-vote-actions button[data-choice=no][aria-pressed=true]{border-color:var(--live);background:var(--live)}@supports (color:color-mix(in lab, red, red)){.room-vote-actions button[data-choice=no][aria-pressed=true]{background:color-mix(in srgb,var(--live) 14%,var(--bg))}}.room-vote-actions button[data-choice=yes][aria-pressed=true]{border-color:var(--danger-ink);background:var(--danger-ink)}@supports (color:color-mix(in lab, red, red)){.room-vote-actions button[data-choice=yes][aria-pressed=true]{background:color-mix(in srgb,var(--danger-ink) 14%,var(--bg))}}.room-vote-selected{flex:none}.room-vote-actions button[data-choice=no] .room-vote-selected{color:var(--live)}.room-vote-actions button[data-choice=yes] .room-vote-selected{color:var(--danger-ink)}.room-vote-tally{font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-weight:700;display:flex}.room-vote-tally>span{align-items:center;gap:6px;display:flex}.room-vote-tally small{color:var(--text-2);font-size:var(--text-2xs);font-weight:600}.room-vote-tally i{border-radius:50%;width:7px;height:7px;display:inline-block}.room-vote-tally i.keep,.room-vote-progress .keep{background:var(--live)}.room-vote-tally i.remove,.room-vote-progress .remove{background:var(--danger-ink)}.room-vote-progress{border-radius:var(--radius-xs);background:var(--border);height:5px;margin-top:7px;display:flex;overflow:hidden}.room-vote-progress span{height:100%;transition:width var(--dur-fast);display:block}.room-vote-choice{font-size:var(--text-2xs);color:var(--text-2);margin:8px 0 0;line-height:1.4}.room-vote-error{font-size:var(--text-2xs);color:var(--danger-ink);margin:7px 0 0;line-height:1.5}.room-vote-result{border-radius:var(--radius-sm);border:1px solid var(--vote-accent);align-items:center;gap:6px;padding:7px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.room-vote-result{border:1px solid color-mix(in srgb,var(--vote-accent) 40%,var(--border))}}.room-vote-result{color:var(--vote-accent);font-size:var(--text-2xs);font-weight:750}.room-vote-dismiss{border:1px solid var(--border);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-2);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;padding:0;display:grid}.room-vote-dismiss:hover{background:var(--surface-2);color:var(--text)}.room-vote-dismiss:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}@media (max-width:480px){.room-vote-result-actions .room-vote-result{display:none}}@media (max-width:760px){.room-vote-rail{left:10px;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;max-height:min(56dvh,480px)}.room-panel:has(.room-chat.is-open)>.room-vote-rail{top:calc(174px + env(safe-area-inset-top));max-height:min(50dvh, calc(100dvh - 255px - env(safe-area-inset-bottom)));bottom:auto}.room-vote-card.is-collapsed{max-width:370px;margin-left:auto}.room-vote-card{padding:12px 13px}.room-vote-person{grid-template-columns:42px minmax(0,1fr) auto;gap:9px}.room-vote-avatar{width:42px;height:42px}.room-vote-identity h3{font-size:var(--text-base)}.room-vote-countdown{width:42px;min-width:42px;height:42px}.room-vote-rule{font-size:var(--text-2xs);margin-top:8px}.room-vote-rail .room-vote-actions{margin-top:10px}.room-vote-actions button{gap:7px;min-height:48px;padding:7px 8px}.room-vote-action-icon{flex-basis:25px;width:25px;height:25px}.room-vote-action-copy strong{font-size:var(--text-xs)}.room-vote-action-copy small{font-size:var(--text-2xs)}.room-vote-tally{font-size:var(--text-2xs);margin-top:9px}.room-vote-tally small{font-size:var(--text-2xs)}}@media (max-width:480px){.room-vote-card.is-collapsed .room-vote-identity h3{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.room-vote-toggle span,.room-vote-action-copy small,.room-vote-card.is-collapsed .room-vote-result{display:none}.room-vote-countdown{width:38px;min-width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.room-vote-progress span{transition:none}}dialog.ai-picker,dialog.ai-room-consent{width:min(480px, calc(100vw - 2 * var(--space-6)));max-width:none;max-height:min(880px, calc(100dvh - 2 * var(--space-6)));color:var(--text);margin:auto;position:fixed;inset:0}dialog.ai-picker::backdrop,dialog.ai-room-consent::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlay-in var(--dur) ease-out}.ai-picker-rooms{gap:var(--space-2);margin-top:var(--space-6);display:grid}.ai-picker-card{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);text-align:left;display:flex}.ai-picker-card:hover{border-color:var(--border-strong);background:var(--surface-3)}.ai-picker-card-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-ink);flex-shrink:0;place-items:center;display:grid}.ai-picker-card-copy{flex:1;min-width:0}.ai-picker-card-copy strong{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:600;line-height:1.3;display:block}.ai-picker-card-copy small{color:var(--text-2);font-size:var(--text-sm);margin-top:2px;line-height:1.4;display:block}.ai-picker-tags{gap:var(--space-1) var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.ai-picker-tags>span{min-height:24px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-1);color:var(--text-2);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:5px;font-weight:500;display:inline-flex}.ai-picker-tags svg{color:var(--text-3);flex-shrink:0}.ai-picker-card>svg{color:var(--text-3);transition:transform var(--dur) var(--ease-out), color var(--dur-fast) ease;flex-shrink:0}.ai-picker-card:hover>svg{color:var(--text);transform:translate(2px,-2px)}.ai-picker>.privacy-note{margin-top:var(--space-5);text-align:left}.ai-consent-points{gap:var(--space-3);margin:var(--space-5) 0;padding:0;list-style:none;display:grid}.ai-consent-points li{align-items:flex-start;gap:var(--space-3);color:var(--text-2);font-size:var(--text-md);line-height:var(--leading-normal);display:flex}.ai-consent-icon{border-radius:var(--radius-sm);background:var(--surface-2);width:28px;height:28px;color:var(--text-2);flex-shrink:0;place-items:center;margin-top:-3px;display:grid}.ai-room-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ai-room-actions .primary,.ai-room-actions .secondary{min-height:var(--control-lg);font-size:var(--text-base)}.room-panel.is-ai-room .room-stage{padding:var(--space-5) var(--space-6) var(--space-3)}.room-panel.is-ai-room .room-stage .participants{justify-content:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.room-panel.is-ai-room .room-stage .participant{align-items:center;gap:0 var(--space-3);width:auto;min-width:0;max-width:280px;min-height:56px;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border-radius:var(--radius-lg);text-align:left;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.room-panel.is-ai-room .room-stage .participant:has(.participant-menu-wrap){padding-right:var(--space-1)}.room-panel.is-ai-room .participant .avatar.person{width:40px;height:40px;font-size:var(--text-sm);grid-row:1/3;margin:0}.room-panel.is-ai-room .participant.is-speaking .avatar.person{box-shadow:0 0 0 2px var(--accent-soft), 0 0 0 4px var(--accent-ink);animation:none}.room-panel.is-ai-room .participant .avatar.person>i{border-width:2px;width:20px;height:20px;bottom:-4px;right:-5px}.room-panel.is-ai-room .participant .avatar.person>i svg{width:10px;height:10px}.room-panel.is-ai-room .participant .participant-name{flex-wrap:nowrap;grid-area:1/2;justify-content:flex-start;align-self:end;gap:6px;margin:0}.room-panel.is-ai-room .room-stage .participant .participant-name b{font-size:var(--text-md)}.room-panel.is-ai-room .participant .speaking-label{font-size:var(--text-xs);flex:none}.room-panel.is-ai-room .participant>small{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;grid-area:2/2;align-self:start;margin:0;line-height:1.35;position:static;overflow:hidden}.room-panel.is-ai-room .participant .participant-menu-wrap{grid-area:1/3/3;position:relative;inset:auto;transform:none}.room-panel.is-ai-room .room-activity-panels{min-height:420px;max-height:none;padding:0 var(--space-6) var(--space-5);flex:1 1 0}.room-panel.is-ai-room .screen-stage{order:0}@media (min-width:900px){.room-panel.is-ai-room .room-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.room-panel.is-ai-room .room-body:has(.room-chat.is-open){grid-template-columns:minmax(0,1fr) clamp(340px,30vw,420px)}.room-panel.is-ai-room .room-body:has(.screen-stage){grid-template-rows:auto auto minmax(0,1fr)}.room-panel.is-ai-room .room-stage,.room-panel.is-ai-room .room-activity-panels,.room-panel.is-ai-room .screen-stage{padding-inline:max(var(--space-6), calc((100% - 1000px) / 2));grid-column:1}.room-panel.is-ai-room .room-stage{grid-row:1}.room-panel.is-ai-room .room-activity-panels{grid-row:2;min-height:0}.room-panel.is-ai-room .screen-stage{max-height:36dvh;padding-block:0 var(--space-3);grid-row:2}.room-panel.is-ai-room .screen-stage .shared-screen video{max-height:calc(36dvh - var(--space-6))}.room-panel.is-ai-room .room-body:has(.screen-stage) .room-activity-panels{grid-row:3}.room-panel.is-ai-room .room-chat{grid-area:1/2/-1}}.ai-room-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-1);min-height:240px;animation:rise-in var(--dur-slow) var(--ease-out);flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.ai-session-header{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.ai-spark-mark{border-radius:var(--radius-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent-ink);flex-shrink:0;place-items:center;display:grid}.ai-session-header>div{min-width:0}.ai-session-header strong{font-size:var(--text-base);font-weight:600;line-height:1.3;display:block}.ai-session-header small{color:var(--text-2);font-size:var(--text-xs);line-height:1.35;display:block}.ai-host-control{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);min-height:38px;color:var(--text);font-size:var(--text-2xs);flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:7px 11px;font-weight:650;display:inline-flex}.ai-host-control:hover:not(:disabled),.ai-host-control.is-resume{border-color:var(--accent-line);color:var(--accent-ink)}.ai-host-control:disabled{opacity:.6}.ai-host-control:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.ai-shared-label{min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-2);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;font-weight:500;display:inline-flex}.ai-shared-label svg{color:var(--text-3);flex-shrink:0}.ai-room-turns{min-height:0;padding:var(--space-6) var(--space-5) var(--space-4);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto;container:ai-feed/size}.ai-welcome{padding:var(--space-4) 0 var(--space-6);text-align:center;animation:rise-in var(--dur-slow) var(--ease-out);flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;display:flex}.ai-welcome-orbit{width:64px;height:64px;margin-bottom:var(--space-6);border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent-line), 0 0 0 10px var(--accent), 0 12px 40px -8px var(--accent);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.ai-welcome-orbit{box-shadow:inset 0 0 0 1px var(--accent-line), 0 0 0 10px color-mix(in oklab, var(--accent) 4%, transparent), 0 12px 40px -8px color-mix(in oklab, var(--accent) 22%, transparent)}}.ai-welcome .ai-kicker{justify-content:center}.ai-welcome h3{max-width:22ch;margin-top:var(--space-3);font-family:var(--font-display);font-size:var(--display-sm);letter-spacing:-.01em;font-weight:400;line-height:1.1}.ai-welcome>p{max-width:44ch;margin-top:var(--space-2);color:var(--text-2);font-size:var(--text-md);line-height:var(--leading-relaxed)}.ai-starters{justify-content:center;gap:var(--space-2);max-width:720px;margin-top:var(--space-6);flex-wrap:wrap;display:flex}.ai-starters button{align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-3) 0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);text-align:left;font-weight:500;display:inline-flex}.ai-starters button svg{color:var(--text-3);transition:transform var(--dur) var(--ease-out), color var(--dur-fast) ease;flex-shrink:0}.ai-starters button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.ai-starters button:hover:not(:disabled) svg{color:var(--accent-ink);transform:translate(1px,-1px)}.ai-conversation-turn{gap:var(--space-4);width:100%;max-width:760px;margin:0 auto var(--space-6);animation:rise-in var(--dur-slow) var(--ease-out);flex-shrink:0;display:grid}.ai-question,.ai-answer{align-items:start;gap:var(--space-3);grid-template-columns:32px minmax(0,1fr);display:grid}.ai-question>div,.ai-answer>div{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.ai-answer-icon{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent-line);border-radius:50%;flex-shrink:0;place-items:center;margin-top:2px;display:grid}.ai-conversation-turn small{min-height:24px;color:var(--text);font-size:var(--text-sm);align-items:center;gap:6px;font-weight:600;display:inline-flex}.ai-badge{border-radius:var(--radius-pill);background:var(--accent-soft);height:18px;box-shadow:inset 0 0 0 1px var(--accent-line);color:var(--accent-ink);font-size:var(--text-2xs);letter-spacing:.06em;place-items:center;padding:0 6px;font-weight:700;line-height:1;display:inline-grid}.ai-conversation-turn p{max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs) var(--radius-md) var(--radius-md) var(--radius-md);background:var(--surface-2);color:var(--text);font-size:var(--text-base);line-height:var(--leading-normal);overflow-wrap:anywhere;white-space:pre-wrap;margin-top:2px}.ai-answer p{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.ai-listen{min-height:32px;margin-top:var(--space-2);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-2);font-size:var(--text-xs);align-items:center;gap:6px;font-weight:600;display:inline-flex}.ai-listen svg{flex-shrink:0}.ai-listen:hover{background:var(--surface-2);color:var(--text)}.ai-thinking{align-items:center;gap:var(--space-3);width:100%;max-width:760px;color:var(--text-2);font-size:var(--text-sm);animation:rise-in var(--dur-slow) var(--ease-out);flex-shrink:0;margin:0 auto;display:flex}.ai-thinking .ai-answer-icon{margin:0}.ai-thinking-dots{margin-left:calc(-1 * var(--space-1));border-radius:var(--radius-pill);background:var(--surface-2);gap:3px;padding:6px 8px;display:inline-flex}.ai-thinking-dots i{background:var(--text-2);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite ai-thinking-pulse}.ai-thinking-dots i:nth-child(2){animation-delay:.15s}.ai-thinking-dots i:nth-child(3){animation-delay:.3s}.ai-composer-wrap{width:100%;max-width:calc(760px + 2 * var(--space-3));padding:var(--space-1) var(--space-3) var(--space-3);flex-shrink:0;margin:0 auto}.ai-record-status{align-items:center;gap:var(--space-2);min-height:36px;margin-bottom:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);animation:rise-in var(--dur) var(--ease-out);font-weight:500;display:flex}.ai-record-status svg{color:var(--accent-ink);flex-shrink:0}.ai-record-status small{color:var(--text-2);font-size:var(--text-xs);white-space:nowrap;margin-left:auto;font-weight:400}.ai-record-dot{background:var(--warning);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.1s ease-in-out infinite ai-blink}.ai-record-status.is-recording{background:var(--danger-soft)}.ai-record-status.is-recording .ai-record-dot{background:var(--danger);animation:1.4s ease-in-out infinite ai-record-pulse}.ai-record-status.is-ready{background:var(--accent-soft)}.ai-error{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--danger);display:flex}@supports (color:color-mix(in lab, red, red)){.ai-error{border:1px solid color-mix(in oklab, var(--danger) 45%, var(--border))}}.ai-error{border-radius:var(--radius-md);background:var(--danger-soft);color:var(--text);font-size:var(--text-sm);line-height:var(--leading-normal);animation:rise-in var(--dur) var(--ease-out)}.ai-error svg{color:var(--danger-ink);flex-shrink:0;margin-top:2px}.ai-composer{padding:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;align-items:flex-end;gap:2px;display:flex}.ai-composer:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-composer:focus-within{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 18%, transparent)}}.ai-composer textarea{min-width:0;min-height:40px;max-height:100px;padding:9px var(--space-2);color:var(--text);font-size:var(--text-base);resize:none;scrollbar-width:thin;background:0 0;border:0;outline:0;flex:1;line-height:1.45}.ai-composer textarea::placeholder{white-space:nowrap}.ai-composer textarea:placeholder-shown{-webkit-mask-image:linear-gradient(90deg, var(--text) calc(100% - 40px), transparent calc(100% - 6px));-webkit-mask-image:linear-gradient(90deg, var(--text) calc(100% - 40px), transparent calc(100% - 6px));-webkit-mask-image:linear-gradient(90deg, var(--text) calc(100% - 40px), transparent calc(100% - 6px));-webkit-mask-image:linear-gradient(90deg, var(--text) calc(100% - 40px), transparent calc(100% - 6px));mask-image:linear-gradient(90deg, var(--text) calc(100% - 40px), transparent calc(100% - 6px))}.ai-composer textarea:focus-visible{outline:none}.ai-composer textarea:disabled{cursor:not-allowed}.ai-composer-tools{align-items:center;gap:2px;display:flex}.ai-icon-button,.ai-send{border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.ai-icon-button{color:var(--text-2)}.ai-icon-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ai-send{background:var(--cta-bg);color:var(--cta-fg)}.ai-send:hover:not(:disabled){background:var(--cta-bg-hover)}.ai-send:disabled{background:var(--surface-2);color:var(--text-3);opacity:1}.ai-composer-note{margin-top:var(--space-2);color:var(--text-3);font-size:var(--text-xs);text-align:center;line-height:1.4}@media (pointer:coarse){.ai-listen{min-height:40px}}@media (max-width:760px){.room-panel.is-ai-room .room-stage{padding:var(--space-3) var(--space-3) var(--space-2)}.room-panel.is-ai-room .room-stage .participants{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.room-panel.is-ai-room .room-stage .participant{max-width:none;min-height:52px;padding:6px var(--space-3) 6px 6px;column-gap:var(--space-2)}.room-panel.is-ai-room .participant .avatar.person{width:36px;height:36px;font-size:var(--text-xs)}.room-panel.is-ai-room .room-stage .participant .participant-name b{font-size:var(--text-sm)}.room-panel.is-ai-room .participant .speaking-label{display:none}.room-panel.is-ai-room .room-activity-panels{min-height:400px;padding:0 var(--space-3) var(--space-3)}.ai-session-header{min-height:56px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3)}.ai-spark-mark{border-radius:var(--radius-sm);width:36px;height:36px}.ai-room-turns{padding:var(--space-4) var(--space-3) var(--space-3)}.ai-welcome{padding:0 0 var(--space-2)}.ai-welcome-orbit{width:48px;height:48px;margin-bottom:var(--space-4);border-radius:var(--radius-md)}.ai-welcome-orbit svg{width:24px;height:24px}.ai-welcome h3{font-size:var(--display-xs)}.ai-welcome>p{font-size:var(--text-sm)}.ai-starters{width:100%;max-width:340px;margin-top:var(--space-5);gap:6px;display:grid}.ai-starters button{justify-content:space-between;min-height:44px}.ai-conversation-turn{gap:var(--space-3);margin-bottom:var(--space-5)}.ai-question,.ai-answer{gap:var(--space-2);grid-template-columns:28px minmax(0,1fr)}.ai-question .avatar.tiny,.ai-answer-icon{width:28px;height:28px}.ai-composer-wrap{padding:var(--space-1) var(--space-2) var(--space-2)}.ai-composer textarea{min-height:44px;font-size:var(--text-lg);padding-block:11px}.ai-icon-button,.ai-send{width:44px;height:44px}}@media (max-width:430px){.room-panel.is-ai-room .room-header .room-live-trigger{width:var(--control-md);padding:0}.room-panel.is-ai-room .room-header .room-live-trigger span{display:none}}@media (max-width:660px){dialog.ai-picker,dialog.ai-room-consent{width:calc(100vw - 2 * var(--space-3));max-height:calc(100dvh - 2 * var(--space-3))}.ai-picker-card{gap:var(--space-3);padding:var(--space-3)}.ai-picker-card-icon{width:40px;height:40px}.ai-picker-card-copy strong{font-size:var(--text-base)}.ai-picker-card>svg{display:none}.ai-consent-points li{font-size:var(--text-sm)}}@container ai-feed (max-height:340px){.ai-welcome{padding-block:0}.ai-welcome-orbit{display:none}.ai-starters{margin-top:var(--space-4)}}@container ai-feed (max-height:250px){.ai-welcome>p{display:none}}@container ai-feed (max-height:200px){.ai-welcome .ai-kicker{display:none}.ai-welcome h3{margin-top:0}.ai-starters{margin-top:var(--space-3)}}@container ai-feed (max-height:110px){.ai-welcome h3{display:none}.ai-starters{margin-top:0}}@keyframes ai-thinking-pulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes ai-record-pulse{0%,to{box-shadow:0 0 0 0 var(--danger-soft)}50%{box-shadow:0 0 0 5px var(--danger-soft)}}@keyframes ai-blink{50%{opacity:.35}}.ai-voice-panel{gap:0}.ai-voice-stage{text-align:center;flex-direction:column;align-items:center;padding:26px 12px 20px;display:flex}.ai-voice-orb{width:112px;height:112px;color:var(--accent-ink);background:radial-gradient(circle at 30% 25%,var(--accent-ink),var(--bg));border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.ai-voice-orb{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--accent-ink) 22%,var(--surface-1)),var(--bg))}}.ai-voice-orb{border:1px solid var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.ai-voice-orb{border:1px solid color-mix(in srgb,var(--accent-ink) 35%,var(--border))}}.ai-voice-orb{box-shadow:0 0 0 14px var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.ai-voice-orb{box-shadow:0 0 0 14px color-mix(in srgb,var(--accent-ink) 3%,transparent)}}.ai-voice-orb{transition:transform var(--dur)}.ai-voice-stage h3{font-family:var(--font-display);font-size:var(--display-sm);letter-spacing:-.01em;margin:25px 0 6px;font-weight:400}.ai-voice-stage>p{font-size:var(--text-xs);color:var(--text-2);margin:0;line-height:1.6}.ai-voice-choice{border:1px solid var(--accent-line);border-radius:var(--radius-pill);background:var(--accent);min-height:44px;color:var(--on-accent);font:inherit;cursor:pointer;transition:transform var(--dur), background var(--dur), border-color var(--dur);justify-content:center;align-items:center;gap:9px;margin-top:20px;padding:10px 18px;font-weight:700;display:inline-flex}.ai-voice-choice:hover:not(:disabled){transform:translateY(-1px)}.ai-voice-choice:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.ai-voice-choice:disabled{opacity:.6;cursor:progress}.ai-voice-choice.is-on{border-color:var(--border);background:var(--surface-1);color:var(--text)}.ai-voice-stage.is-off .ai-voice-orb{opacity:.64;box-shadow:none}.ai-voice-stage.is-speaking .ai-voice-orb{animation:.9s ease-in-out infinite spark-breathe}.ai-voice-stage.is-thinking .ai-voice-orb{animation:2s ease-in-out infinite spark-breathe}.ai-voice-stage.is-connecting .ai-voice-orb,.ai-voice-stage.is-unavailable .ai-voice-orb{opacity:.4}.ai-voice-stage.is-paused .ai-voice-orb{opacity:.42;box-shadow:none}.ai-voice-stop{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-1);color:var(--text);font-size:var(--text-xs);align-items:center;gap:7px;margin-top:14px;padding:9px 14px;display:flex}.ai-live-captions{flex:1;min-height:60px;padding:6px 10px;overflow:auto;-webkit-mask-image:linear-gradient(#0000,#000 8px);mask-image:linear-gradient(#0000,#000 8px)}.ai-live-captions article{max-width:94%;margin:0 0 18px}.ai-live-captions small{color:var(--text-2);font-size:var(--text-2xs)}.ai-live-captions p{font-size:var(--text-md);white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;line-height:1.65}.ai-live-captions .is-spark small{color:var(--accent-ink)}.ai-voice-panel .ai-composer input{min-width:0;color:var(--text);font:inherit;font-size:var(--text-lg);background:0 0;border:0;outline:0;flex:1}.ai-voice-panel .ai-composer{align-items:center}@keyframes spark-breathe{50%{box-shadow:0 0 0 20px color-mix(in srgb,var(--accent-ink) 4%,transparent);transform:scale(1.06)}}@media (max-width:760px){.ai-session-header{gap:8px;padding-inline:12px}.ai-host-control{min-height:36px;padding-inline:9px}.ai-voice-stage{padding:18px 8px 12px}.ai-voice-orb{width:82px;height:82px}.ai-voice-choice{width:min(100%,260px)}.ai-voice-stage h3{font-size:var(--display-xs);margin-top:20px}.ai-live-captions p{font-size:var(--text-sm)}.ai-voice-panel .ai-composer-note{font-size:var(--text-2xs)}}@media (prefers-reduced-motion:reduce){.ai-voice-orb{transition:none;animation:none!important}}.room-panel.is-ai-room .participant-name{align-items:center;gap:4px;display:flex;position:static}.room-panel.is-ai-room .participant-name b{min-width:0;display:block}.room-panel.is-ai-room .participant.is-host>small{display:none}.room-panel.is-ai-room .room-stage.room-people .participant-portrait{--portrait-size:40px;grid-area:1/1/3;margin:0}.room-panel.is-ai-room .room-stage.room-people .participant-details{text-align:left;grid-area:1/2/3}.room-panel.is-ai-room .room-stage.room-people .participant-menu-trigger{width:44px;height:44px;position:static}html:has(.city-landing){scroll-behavior:auto}.city-landing{grid-template-columns:[full-start] minmax(var(--gutter), 1fr) [wide-start] minmax(0, 1120px) [wide-end] minmax(var(--gutter), 1fr) [full-end];max-width:none;min-height:100dvh;padding:0 0 var(--space-16);background:radial-gradient(56rem 30rem at 92% -8rem, var(--accent), transparent 70%) no-repeat;align-content:start;margin:0;display:grid}@supports (color:color-mix(in lab, red, red)){.city-landing{background:radial-gradient(56rem 30rem at 92% -8rem, color-mix(in oklab, var(--accent) 8%, transparent), transparent 70%) no-repeat}}.city-landing>*{grid-column:wide;min-width:0}.city-landing:before{content:"";border-bottom:1px solid var(--border);grid-area:1/full;height:64px}.landing-brand{min-height:var(--control-md);padding-right:var(--space-1);border-radius:var(--radius-sm);color:var(--text);font-size:var(--display-xs);letter-spacing:-.035em;grid-row:1;place-self:center start;align-items:center;font-weight:700;line-height:1;display:inline-flex}.landing-brand:before{content:"";background:url(/brand/favicon.svg) 50%/contain no-repeat;flex-shrink:0;width:32px;height:32px;margin-right:10px}.landing-dot{color:var(--accent-ink)}.landing-breadcrumb{margin-top:var(--space-6);color:var(--text-3);font-size:var(--text-sm);line-height:20px}.landing-breadcrumb a{margin:0 calc(-1 * var(--space-2));padding:var(--space-3) var(--space-2);color:var(--text-2);text-underline-offset:3px;transition:color var(--dur-fast) ease, text-decoration-color var(--dur-fast) ease;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.landing-breadcrumb a:hover{color:var(--text);text-decoration-color:currentColor}.city-landing>.eyebrow,.stranger-hero,.guide-hero{margin-top:var(--space-10)}.landing-brand+.eyebrow{margin-top:var(--space-16)}.city-landing h1{max-width:20ch;margin-top:var(--space-5);font-family:var(--font-display);font-size:var(--display-xl);letter-spacing:-.022em;overflow-wrap:break-word;font-weight:400;line-height:.96}.landing-intro{max-width:60ch;margin-top:var(--space-6);color:var(--text-2);font-size:var(--text-lead);line-height:var(--leading-relaxed)}.city-landing .landing-cta{min-height:var(--control-lg);margin-top:var(--space-8);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-lg);text-align:center;white-space:normal;text-wrap:balance;justify-self:start}.stranger-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.city-landing .stranger-actions .landing-cta{margin-top:0}.stranger-actions .secondary{min-height:var(--control-lg);padding:0 var(--space-5);border-color:var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-lg);background:0 0}.stranger-actions .secondary:hover{border-color:var(--border-input)}.guide-note{margin-top:var(--space-4);color:var(--text-3);font-size:var(--text-sm)}.city-landing>.eyebrow,.city-landing>h1,.city-landing>.landing-intro,.city-landing>.landing-cta,.city-landing>.directory-topic-link,.stranger-hero,.guide-hero{animation:rise-in .6s var(--ease-out) both}.city-landing>h1{animation-delay:40ms}.city-landing>.landing-intro{animation-delay:80ms}.city-landing>.landing-cta,.city-landing>.directory-topic-link{animation-delay:.12s}.landing-facts{margin-top:var(--space-12);border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-facts>div{min-width:0;padding:var(--space-5) var(--space-6)}.landing-facts>div:first-child{padding-left:0}.landing-facts>div+div{border-left:1px solid var(--border)}.landing-facts small{color:var(--text-3);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.4;display:block}.landing-facts strong{margin-top:var(--space-2);color:var(--text);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.35;display:block}.city-landing>section:not(.directory-regions,.stranger-final,.guide-ending){margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--border)}.landing-facts+section:not(.directory-regions){border-top:0;padding-top:0}.city-landing>section>h2,.region-directory-heading h2,.stranger-final h2,.guide-ending h2{font-family:var(--font-display);font-size:var(--display-md);letter-spacing:-.015em;font-weight:400;line-height:1.04}.city-landing>:where(section:not(.directory-regions))>:where(*+*){margin-top:var(--space-6)}.city-landing>section>h2+*{margin-top:var(--space-5)}.city-landing>section>p+p{margin-top:var(--space-4)}.city-landing>section>p{max-width:65ch;color:var(--text-2);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.city-landing section p a,.guide-text-link,.directory-topic-link a,.landing-next-links a{color:var(--accent-ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent-ink);-webkit-text-decoration-color:var(--accent-ink);-webkit-text-decoration-color:var(--accent-ink);text-decoration-color:var(--accent-ink);font-weight:600}@supports (color:color-mix(in lab, red, red)){.city-landing section p a,.guide-text-link,.directory-topic-link a,.landing-next-links a{-webkit-text-decoration-color:color-mix(in oklab, var(--accent-ink) 40%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent-ink) 40%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent-ink) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--accent-ink) 40%, transparent)}}.city-landing section p a,.guide-text-link,.directory-topic-link a,.landing-next-links a{text-underline-offset:4px;transition:text-decoration-color var(--dur-fast) ease;text-decoration-thickness:1px}.city-landing section p a:hover,.guide-text-link:hover,.directory-topic-link a:hover,.landing-next-links a:hover{text-decoration-color:currentColor}.city-landing section p a{padding-block:var(--space-2)}.guide-text-link{min-height:var(--control-md);font-size:var(--text-md);justify-self:start;align-items:center;display:inline-flex}.city-landing>section>.guide-text-link{margin-top:var(--space-3)}.stranger-steps,.guide-features,.stranger-questions{display:grid}.stranger-steps article,.guide-features article,.stranger-questions article{min-width:0;padding-block:var(--space-5);border-top:1px solid var(--border)}.stranger-steps article:first-child,.guide-features article:first-child,.stranger-questions article:first-child{border-top:0;padding-top:0}.stranger-steps article:last-child,.guide-features article:last-child,.stranger-questions article:last-child{padding-bottom:0}.stranger-steps article{grid-template-columns:var(--space-12) minmax(0, 1fr);column-gap:var(--space-4);display:grid}.stranger-steps article>span{color:var(--accent-ink);font-family:var(--font-display);font-size:var(--display-sm);font-variant-numeric:lining-nums;grid-row:1/span 2;line-height:1}.stranger-steps h3,.guide-features h3,.stranger-questions h3,.landing-room-grid h3{font-size:var(--text-xl);letter-spacing:-.015em;font-weight:600;line-height:1.3}.stranger-questions h3{font-size:var(--text-lg)}.stranger-steps p,.guide-features p,.stranger-questions p,.landing-room-grid p{max-width:62ch;margin-top:var(--space-2);color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-relaxed)}.guide-numbered{padding:0 0 0 var(--space-12);margin:0;list-style:decimal-leading-zero;display:grid}.guide-numbered li{padding:var(--space-5) 0 var(--space-5) var(--space-1);border-top:1px solid var(--border);color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-relaxed)}.guide-numbered li:first-child{border-top:0;padding-top:0}.guide-numbered li::marker{color:var(--accent-ink);font-family:var(--font-display);font-size:var(--display-xs)}.guide-numbered strong{margin-bottom:var(--space-1);color:var(--text);font-size:var(--text-lg);font-weight:600;line-height:1.4;display:block}.city-prompts{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.city-landing>section>.city-prompts{margin-top:var(--space-6)}.city-prompts li{max-width:min(calc(100% - var(--space-10)), 54ch);margin-left:var(--space-10);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs);background:var(--surface-2);color:var(--text);font-size:var(--text-base);line-height:var(--leading-normal);justify-self:start;position:relative}.city-prompts li:before{content:"​";bottom:0;left:calc(-1 * var(--space-10));background:radial-gradient(circle at 50% 40%, var(--avatar-0-fg) 0 4px, transparent 4.5px), radial-gradient(circle at 50% 108%, var(--avatar-0-fg) 0 10px, transparent 10.5px), var(--avatar-0-bg);opacity:.9;border-radius:50%;width:28px;height:28px;position:absolute;overflow:hidden}.city-prompts li:nth-child(4n+2):before{background:radial-gradient(circle at 50% 40%, var(--avatar-1-fg) 0 4px, transparent 4.5px), radial-gradient(circle at 50% 108%, var(--avatar-1-fg) 0 10px, transparent 10.5px), var(--avatar-1-bg)}.city-prompts li:nth-child(4n+3):before{background:radial-gradient(circle at 50% 40%, var(--avatar-2-fg) 0 4px, transparent 4.5px), radial-gradient(circle at 50% 108%, var(--avatar-2-fg) 0 10px, transparent 10.5px), var(--avatar-2-bg)}.city-prompts li:nth-child(4n+4):before{background:radial-gradient(circle at 50% 40%, var(--avatar-3-fg) 0 4px, transparent 4.5px), radial-gradient(circle at 50% 108%, var(--avatar-3-fg) 0 10px, transparent 10.5px), var(--avatar-3-bg)}.landing-room-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.landing-room-grid article{min-width:0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);position:relative}.city-landing:not(.region-landing) .landing-room-grid article:before{content:"";width:44px;height:44px;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--accent-soft);display:block}.city-landing:not(.region-landing) .landing-room-grid article:after{content:"";top:calc(var(--space-6) + 11px);left:calc(var(--space-6) + 11px);background:var(--accent-ink);width:22px;height:22px;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10v3M6 6v11M10 3v18M14 8v7M18 5v13M22 10v3'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10v3M6 6v11M10 3v18M14 8v7M18 5v13M22 10v3'/%3E%3C/svg%3E") 50%/contain no-repeat}.city-landing:not(.region-landing) .landing-room-grid article:nth-child(2):after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}.directory-grid,.stranger-city-links{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.directory-list-heading{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border);color:var(--text);font-family:var(--font-display);font-size:var(--display-md);font-weight:400;line-height:1.04}.city-landing>.directory-list-heading+.directory-grid{margin-top:var(--space-6)}.city-landing>.directory-grid{margin-top:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr))}.city-landing>section .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-grid a,.stranger-city-links a{min-width:0;min-height:68px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;flex-direction:column;justify-content:center;gap:2px;display:flex;position:relative}.directory-grid a{padding-right:var(--space-16)}.directory-grid a:hover,.stranger-city-links a:hover{border-color:var(--border-strong);background:var(--surface-2)}.directory-grid strong,.stranger-city-links strong{color:var(--text);font-size:var(--text-base);letter-spacing:-.01em;overflow-wrap:anywhere;font-weight:600;line-height:1.3}.directory-grid span,.stranger-city-links span{color:var(--text-2);font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.35}.directory-grid a:before,.directory-grid a:after{content:"";transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease;position:absolute;top:50%}.directory-grid a:before{right:var(--space-4);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;margin-top:-16px}.directory-grid a:after{right:calc(var(--space-4) + 8px);background:var(--text-2);width:16px;height:16px;margin-top:-8px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10M7 17 17 7'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10M7 17 17 7'/%3E%3C/svg%3E") 50%/contain no-repeat}.directory-grid a:hover:before,.directory-grid a:focus-visible:before{border-color:var(--cta-bg);background:var(--cta-bg)}.directory-grid a:hover:after,.directory-grid a:focus-visible:after{background:var(--cta-fg)}.directory-topic-link{margin-top:var(--space-5);color:var(--text-2);font-size:var(--text-md);line-height:20px}.directory-topic-link a{padding-block:var(--space-3)}.city-landing>.directory-regions{gap:var(--space-4);margin-top:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.directory-regions>a{justify-content:flex-end;gap:var(--space-2);min-height:152px;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(110% 120% at 100% 0%, var(--accent), transparent 58%), linear-gradient(160deg, var(--surface-3), var(--surface-1));flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.directory-regions>a{background:radial-gradient(110% 120% at 100% 0%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 58%), linear-gradient(160deg, var(--surface-3), var(--surface-1))}}.directory-regions>a{transition:border-color var(--dur-fast) ease, box-shadow var(--dur) var(--ease-out)}.directory-regions>a:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.directory-regions strong{color:var(--text);font-family:var(--font-display);font-size:var(--display-sm);letter-spacing:-.01em;font-weight:400;line-height:1.05}.directory-regions span{color:var(--text-2);font-size:var(--text-md)}.city-landing>.public-guide-links{margin-top:var(--space-6)}.directory-pager{align-items:center;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border);color:var(--text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.directory-pager>span{grid-area:1/2}.directory-pager>a{min-height:44px;padding:0 var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text);font-size:var(--text-md);white-space:nowrap;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.directory-pager>a:hover{border-color:var(--border-input);background:var(--surface-2)}.directory-pager>a:has(+span){grid-area:1/1;justify-self:start}.directory-pager>span+a{grid-area:1/3;justify-self:end}.related-cities,.public-guide-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.public-guide-links{margin-top:var(--space-5)}.public-contact-links{gap:var(--space-3) var(--space-5);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.public-contact-links a{color:var(--text-2);text-underline-offset:3px;text-decoration:underline}.public-contact-links a:hover{color:var(--text)}.related-cities a,.public-guide-links a{min-height:var(--control-md);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-2);font-size:var(--text-md);white-space:nowrap;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease, color var(--dur-fast) ease;align-items:center;gap:6px;font-weight:500;display:inline-flex}.related-cities a{color:var(--text)}.public-guide-links a span{color:var(--text-3);font-size:var(--text-sm);transition:color var(--dur-fast) ease, transform var(--dur) var(--ease-out)}.related-cities a:hover,.public-guide-links a:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.public-guide-links a:hover span{color:var(--accent-ink);transform:translate(1px,-1px)}.region-directory-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-6);display:flex}.region-directory-heading>div{max-width:52ch}.region-directory-heading h2{scroll-margin-top:var(--space-6)}.region-directory-heading p{margin-top:var(--space-3);color:var(--text-2);font-size:var(--text-base);line-height:var(--leading-relaxed)}.region-jump{gap:var(--space-2);color:var(--text-2);font-size:var(--text-sm);flex-direction:column;flex:0 0 280px;font-weight:600;display:flex}.region-jump select{width:100%;min-height:46px;padding:0 var(--space-10) 0 var(--space-4);border:1px solid var(--border-input);border-radius:var(--radius-sm);background-color:var(--surface-1);background-image:linear-gradient(45deg, transparent 50%, var(--text-2) 50%), linear-gradient(135deg, var(--text-2) 50%, transparent 50%);color:var(--text);font-size:var(--text-base);cursor:pointer;appearance:none;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;background-position:calc(100% - 21px) 52%,calc(100% - 16px) 52%;background-repeat:no-repeat;background-size:5px 5px;font-weight:400}.region-jump select:hover{border-color:var(--text-3)}.region-jump select:focus-visible{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.region-jump select:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 24%, transparent)}}.region-groups{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);display:grid;overflow:hidden}.region-group{scroll-margin-top:var(--space-6)}.region-group+.region-group{border-top:1px solid var(--border)}.region-group summary{align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-5);cursor:pointer;transition:background-color var(--dur-fast) ease;list-style:none;display:flex}.region-group summary::-webkit-details-marker{display:none}.region-group summary:hover{background:var(--surface-2)}.region-group summary:focus-visible{outline-offset:-3px}.region-group summary strong{min-width:0;color:var(--text);font-size:var(--text-base);flex:1;font-weight:600}.region-group summary>span{color:var(--text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.region-group summary:after{content:"";width:7px;height:7px;margin:0 var(--space-1) 3px var(--space-1);border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transition:transform var(--dur) var(--ease-out);flex-shrink:0;transform:rotate(45deg)}.region-group[open] summary{border-bottom:1px solid var(--border);background:var(--surface-2)}.region-group[open] summary:after{margin-bottom:-3px;transform:rotate(-135deg)}.region-city-links{gap:var(--space-1) var(--space-2);padding:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.region-city-links>a{min-width:0;min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background-color var(--dur-fast) ease;flex-direction:column;justify-content:center;gap:2px;display:flex}.region-city-links>a:hover{background:var(--surface-2)}.region-city-links>a:focus-visible{outline-offset:-2px}.region-city-links>a>span{color:var(--text);font-size:var(--text-md);overflow-wrap:anywhere;font-weight:500;line-height:1.3}.region-city-links small{color:var(--text-3);font-size:var(--text-xs);transition:color var(--dur-fast) ease}.region-city-links>a:hover small{color:var(--accent-ink)}.city-landing>.stranger-final,.city-landing>.guide-ending{align-items:center;column-gap:var(--space-8);margin-top:var(--space-20);padding:var(--space-10) var(--space-12);border:1px solid var(--border);border-radius:var(--radius-2xl);background:radial-gradient(80% 140% at 100% 0%, var(--accent), transparent 60%), var(--surface-1);grid-template-columns:minmax(0,1fr) auto;display:grid}@supports (color:color-mix(in lab, red, red)){.city-landing>.stranger-final,.city-landing>.guide-ending{background:radial-gradient(80% 140% at 100% 0%, color-mix(in oklab, var(--accent) 10%, transparent), transparent 60%), var(--surface-1)}}.city-landing>.stranger-final>h2,.city-landing>.guide-ending>h2,.city-landing>.stranger-final>p,.city-landing>.guide-ending>p{grid-column:1}.city-landing>.stranger-final>p,.city-landing>.guide-ending>p{max-width:52ch;margin-top:var(--space-3);color:var(--text-2);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.city-landing .stranger-final>.landing-cta,.city-landing .guide-ending>.landing-cta{grid-area:1/2/span 2;margin-top:0}.landing-footer{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-8);margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.landing-footer .public-guide-links{margin:0}.landing-next-links{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.landing-next-links a{min-height:var(--control-md);font-size:var(--text-md);white-space:nowrap;align-items:center;display:inline-flex}@media (min-width:1024px){.city-landing>section:not(.directory-regions,.stranger-final,.guide-ending){align-items:start;column-gap:var(--space-16);grid-template-columns:minmax(0,5fr) minmax(0,8fr);display:grid}.city-landing>section:not(.directory-regions,.stranger-final,.guide-ending)>*{grid-column:2}.city-landing>section:not(.directory-regions,.stranger-final,.guide-ending)>h2,.city-landing>section>.region-directory-heading{top:var(--space-8);grid-area:1/1/span 9;position:sticky}.city-landing>section>.region-directory-heading{grid-row:1}.city-landing>section:not(.directory-regions,.stranger-final,.guide-ending)>h2+*,.city-landing>section>.region-directory-heading+*{margin-top:0}.region-directory-heading{flex-direction:column;align-items:stretch}.region-jump{flex:none}}@media (max-width:900px){.city-landing>.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.city-landing>.stranger-final,.city-landing>.guide-ending{padding:var(--space-8)}}@media (max-width:760px){.directory-grid,.stranger-city-links,.city-landing>.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.region-directory-heading{flex-direction:column;align-items:stretch}.region-jump{flex:none}}@media (max-width:660px){.city-landing{padding-bottom:var(--space-10)}.city-landing:before{height:60px}.landing-brand{min-height:44px;font-size:var(--text-xl)}.landing-brand:before{width:30px;height:30px;margin-right:9px}.landing-breadcrumb{margin-top:var(--space-4)}.city-landing>.eyebrow,.stranger-hero,.guide-hero{margin-top:var(--space-8)}.landing-brand+.eyebrow{margin-top:var(--space-10)}.city-landing h1{margin-top:var(--space-4);line-height:.98}.landing-intro{margin-top:var(--space-4)}.city-landing .landing-cta,.stranger-actions .secondary{width:100%;margin-top:var(--space-6);justify-self:stretch}.stranger-actions{margin-top:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.stranger-actions .secondary{margin-top:0}.landing-facts{margin-top:var(--space-8);grid-template-columns:minmax(0,1fr)}.landing-facts>div,.landing-facts>div:first-child{padding:var(--space-4) 0}.landing-facts>div+div{border-top:1px solid var(--border);border-left:0}.city-landing>section:not(.directory-regions,.stranger-final,.guide-ending){margin-top:var(--space-12);padding-top:var(--space-8)}.landing-facts+section:not(.directory-regions){padding-top:0}.city-landing>section>p{font-size:var(--text-base)}.stranger-steps article{grid-template-columns:var(--space-10) minmax(0, 1fr);column-gap:var(--space-3)}.guide-numbered{padding-left:var(--space-10)}.landing-room-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.landing-room-grid article{padding:var(--space-5)}.city-landing:not(.region-landing) .landing-room-grid article:after{top:calc(var(--space-5) + 11px);left:calc(var(--space-5) + 11px)}.directory-grid,.stranger-city-links,.city-landing>.directory-grid{gap:var(--space-2)}.directory-grid a,.stranger-city-links a{min-height:64px;padding:var(--space-3)}.directory-grid a:before,.directory-grid a:after{display:none}.directory-grid strong,.stranger-city-links strong{font-size:var(--text-md)}.directory-grid span,.stranger-city-links span{font-size:var(--text-xs)}.city-landing>.directory-regions{gap:var(--space-3);margin-top:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}.directory-regions>a{min-height:104px;padding:var(--space-3);border-radius:var(--radius-lg)}.directory-regions strong{font-size:var(--display-xs)}.directory-regions span{font-size:var(--text-sm)}.directory-pager{gap:var(--space-3);margin-top:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.directory-pager>span{grid-column:1/-1;justify-self:center}.directory-pager>a{grid-row:2;width:100%}.directory-pager>a:has(+span){grid-area:2/1}.directory-pager>span+a{grid-area:2/2}.directory-pager>span:first-child+a{grid-column:1/-1}.related-cities a,.public-guide-links a,.landing-next-links a,.guide-text-link{min-height:44px}.region-group summary{min-height:52px;padding:var(--space-2) var(--space-4)}.region-city-links{padding:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.region-jump select{font-size:var(--text-lg)}.city-landing>.stranger-final,.city-landing>.guide-ending{margin-top:var(--space-12);padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl);grid-template-columns:minmax(0,1fr)}.city-landing .stranger-final>.landing-cta,.city-landing .guide-ending>.landing-cta{margin-top:var(--space-6);grid-area:auto/1}.landing-footer{margin-top:var(--space-12)}}.region-city-links>a{padding-right:28px;position:relative}.region-city-links>a:after{content:"";width:6px;height:6px;color:var(--text-3);border-top:1px solid;border-right:1px solid;position:absolute;top:50%;right:12px;transform:translateY(-50%)rotate(45deg)}.app-shell[data-season=halloween] .hero{background:radial-gradient(at 85% 20%,#e68a3420,#0000 58%)}.app-shell[data-season=halloween] .hero .eyebrow{color:#efac78}.app-shell[data-season=halloween] .hero .primary{color:#2b160c;background:#f3ad72}.app-shell[data-season=halloween] .hero .primary:hover{background:#ffc28e}.app-shell[data-season=halloween] .photo-arch{box-shadow:0 0 0 1px #f3ad7255,0 14px 60px #c5602020}.app-shell[data-season=halloween] .brand-icon{position:relative}.app-shell[data-season=halloween] .brand-icon:after{content:"";pointer-events:none;background:#f3ad72;border:2px solid #a95724;border-radius:45%;width:12px;height:10px;position:absolute;bottom:-2px;right:-4px;box-shadow:inset 3px 0 #df893d,inset -3px 0 #df893d}.app-shell[data-season=halloween] .room-header{border-top:2px solid #d98d52}.seasonal-notice{background:#c8751910;border:1px solid #a76a3f66;border-radius:12px;align-items:center;gap:10px;max-width:470px;margin-bottom:22px;padding:12px 14px;display:flex}.seasonal-notice>span:first-child{font-size:26px}.seasonal-notice strong{color:var(--text);font-size:12px;display:block}.seasonal-notice small{color:var(--text-2);margin-top:3px;font-size:11px;display:block}.seasonal-notice button{color:var(--text-2);background:0 0;border:0;flex:none;margin-left:auto;padding:8px;font-size:11px;text-decoration:underline}.seasonal-preference{align-items:center;gap:9px;margin-top:12px;font-size:13px;display:flex}.seasonal-preference input{width:16px}.seasonal-admin{border:1px solid var(--border);background:var(--surface-1);border-radius:12px;margin-bottom:24px;padding:24px}.seasonal-admin h2{margin:7px 0;font-size:20px}.seasonal-admin p{color:var(--text-2);margin:10px 0;font-size:13px;line-height:1.6}.seasonal-mode-controls{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.seasonal-mode-controls button{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 16px}.seasonal-mode-controls button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.seasonal-mode-controls button:disabled{opacity:.5}html[data-theme=light] .app-shell[data-season=halloween] .hero .eyebrow{color:#914615}@media (max-width:600px){.seasonal-notice{flex-wrap:wrap;gap:8px;padding:10px}.seasonal-notice button{margin-left:34px;padding:2px 0}.seasonal-admin{padding:18px}}.app-shell[data-season=halloween] .hero-visual{position:relative}.app-shell[data-season=halloween] .hero-visual:after{content:"";z-index:2;pointer-events:none;background:url(/seasonal/halloween-bat.svg) 50%/contain no-repeat;width:90px;height:36px;position:absolute;top:8px;right:8px;transform:rotate(12deg)}.app-shell[data-season=halloween] .hero h1 em{color:#f3ad72}.app-shell[data-season=halloween] .hero .note-icon{color:#2b160c;background:#f3ad72}html[data-theme=light] .app-shell[data-season=halloween] .hero h1 em{color:#914615}.app-shell[data-season=halloween]{--bg:#171310;--surface-1:#211a16;--surface-2:#2c211a;--surface-3:#35271e;--border:#44342a;--border-strong:#72513b;--border-input:#967254;--text:#fff2e7;--text-2:#cfbdae;--text-3:#b29a87;--accent:#f3ad72;--accent-ink:#f3ad72;--accent-strong:#ffd0a6;--on-accent:#29160c;--cta-bg:#f3ad72;--cta-bg-hover:#ffc28e;--cta-fg:#29160c;--chat-own:#3b291e;--accent-soft:var(--accent)}body:has(.app-shell[data-season=halloween]){--bg:#171310;--surface-1:#211a16;--surface-2:#2c211a;--surface-3:#35271e;--border:#44342a;--border-strong:#72513b;--border-input:#967254;--text:#fff2e7;--text-2:#cfbdae;--text-3:#b29a87;--accent:#f3ad72;--accent-ink:#f3ad72;--accent-strong:#ffd0a6;--on-accent:#29160c;--cta-bg:#f3ad72;--cta-bg-hover:#ffc28e;--cta-fg:#29160c;--chat-own:#3b291e;--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=halloween]{--accent-soft:color-mix(in oklab,var(--accent) 13%,var(--surface-1))}body:has(.app-shell[data-season=halloween]){--accent-soft:color-mix(in oklab,var(--accent) 13%,var(--surface-1))}}.app-shell[data-season=halloween]{--accent-soft-hover:var(--accent)}body:has(.app-shell[data-season=halloween]){--accent-soft-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=halloween]{--accent-soft-hover:color-mix(in oklab,var(--accent) 21%,var(--surface-1))}body:has(.app-shell[data-season=halloween]){--accent-soft-hover:color-mix(in oklab,var(--accent) 21%,var(--surface-1))}}.app-shell[data-season=halloween]{--accent-line:var(--accent)}body:has(.app-shell[data-season=halloween]){--accent-line:var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=halloween]{--accent-line:color-mix(in oklab,var(--accent) 42%,var(--border))}body:has(.app-shell[data-season=halloween]){--accent-line:color-mix(in oklab,var(--accent) 42%,var(--border))}}.app-shell[data-season=halloween]{--focus:var(--accent-ink);--chat-dot:var(--text)}body:has(.app-shell[data-season=halloween]){--focus:var(--accent-ink);--chat-dot:var(--text)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=halloween]{--chat-dot:color-mix(in oklab,var(--text) 9%,transparent)}body:has(.app-shell[data-season=halloween]){--chat-dot:color-mix(in oklab,var(--text) 9%,transparent)}}.app-shell[data-season=halloween]{--chat-other:var(--surface-2);color:var(--text);background:var(--bg)}body:has(.app-shell[data-season=halloween]){--chat-other:var(--surface-2);color:var(--text);background:var(--bg)}html[data-theme=light] .app-shell[data-season=halloween]{--bg:#fff8f0;--surface-1:#fffdf9;--surface-2:#f8eadb;--surface-3:#fffdf9;--border:#e7d4c1;--border-strong:#ba9473;--border-input:#987455;--text:#352216;--text-2:#6c5447;--text-3:#7b604c;--accent:#f3ad72;--accent-ink:#8c431a;--accent-strong:#783712;--on-accent:#29160c;--cta-bg:#97471c;--cta-bg-hover:#7e3712;--cta-fg:#fffaf3;--chat-own:#f8e0c7;--accent-soft:var(--accent)}html[data-theme=light] body:has(.app-shell[data-season=halloween]){--bg:#fff8f0;--surface-1:#fffdf9;--surface-2:#f8eadb;--surface-3:#fffdf9;--border:#e7d4c1;--border-strong:#ba9473;--border-input:#987455;--text:#352216;--text-2:#6c5447;--text-3:#7b604c;--accent:#f3ad72;--accent-ink:#8c431a;--accent-strong:#783712;--on-accent:#29160c;--cta-bg:#97471c;--cta-bg-hover:#7e3712;--cta-fg:#fffaf3;--chat-own:#f8e0c7;--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){html[data-theme=light] .app-shell[data-season=halloween]{--accent-soft:color-mix(in oklab,var(--accent) 34%,var(--surface-1))}html[data-theme=light] body:has(.app-shell[data-season=halloween]){--accent-soft:color-mix(in oklab,var(--accent) 34%,var(--surface-1))}}html[data-theme=light] .app-shell[data-season=halloween]{--accent-soft-hover:var(--accent)}html[data-theme=light] body:has(.app-shell[data-season=halloween]){--accent-soft-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){html[data-theme=light] .app-shell[data-season=halloween]{--accent-soft-hover:color-mix(in oklab,var(--accent) 48%,var(--surface-1))}html[data-theme=light] body:has(.app-shell[data-season=halloween]){--accent-soft-hover:color-mix(in oklab,var(--accent) 48%,var(--surface-1))}}html[data-theme=light] .app-shell[data-season=halloween]{--accent-line:var(--accent-ink)}html[data-theme=light] body:has(.app-shell[data-season=halloween]){--accent-line:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){html[data-theme=light] .app-shell[data-season=halloween]{--accent-line:color-mix(in oklab,var(--accent-ink) 32%,var(--border))}html[data-theme=light] body:has(.app-shell[data-season=halloween]){--accent-line:color-mix(in oklab,var(--accent-ink) 32%,var(--border))}}.app-shell[data-season=halloween] .seasonal-notice{background:linear-gradient(110deg,var(--surface-2),var(--surface-1));border-color:var(--accent-line);border-radius:16px}.seasonal-notice strong{font-size:13px;line-height:1.4}.seasonal-notice small{font-size:12px;line-height:1.4}.seasonal-notice button{border-radius:8px;min-height:44px}.seasonal-notice button:hover{background:var(--accent-soft);color:var(--text)}.app-shell[data-season=halloween] .hero-visual:after{width:76px;height:32px;right:12px}@media (max-width:600px){.seasonal-notice{gap:6px 10px}.seasonal-notice button{text-align:left;margin-left:34px;padding:8px 0}.app-shell[data-season=halloween] .hero-visual:after{width:66px;height:28px;right:14px}}html:not([data-wallpaper=plain]) .app-shell[data-season=halloween] .room-chat .chat-messages{background-image:url(/seasonal/halloween-chat.svg);background-repeat:repeat;background-size:260px 230px;background-attachment:local}.app-shell[data-season=halloween] .room-chat-header strong:after{content:"";vertical-align:-4px;pointer-events:none;background:url(/seasonal/pumpkin.svg) 50%/contain no-repeat;width:19px;height:19px;margin-left:8px;display:inline-block}.app-shell[data-season=halloween] .room-chat{border-color:var(--accent-line)}.app-shell[data-season=halloween] .chat-compose:not(:focus-within){border-top-color:var(--accent-line)}.app-shell[data-season=diwali]{--bg:#1b111b;--surface-1:#261925;--surface-2:#342333;--surface-3:#412b3e;--border:#4d3549;--border-strong:#84607a;--border-input:#a67b91;--text:#fff6e9;--text-2:#d9c7bf;--text-3:#bca5ac;--accent:#efb75f;--accent-ink:#ffd383;--accent-strong:#ffe3ab;--on-accent:#301819;--cta-bg:#f2b85d;--cta-bg-hover:#ffd083;--cta-fg:#301819;--chat-own:#493047;--accent-soft:var(--accent)}body:has(.app-shell[data-season=diwali]){--bg:#1b111b;--surface-1:#261925;--surface-2:#342333;--surface-3:#412b3e;--border:#4d3549;--border-strong:#84607a;--border-input:#a67b91;--text:#fff6e9;--text-2:#d9c7bf;--text-3:#bca5ac;--accent:#efb75f;--accent-ink:#ffd383;--accent-strong:#ffe3ab;--on-accent:#301819;--cta-bg:#f2b85d;--cta-bg-hover:#ffd083;--cta-fg:#301819;--chat-own:#493047;--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali]{--accent-soft:color-mix(in oklab,var(--accent) 13%,var(--surface-1))}body:has(.app-shell[data-season=diwali]){--accent-soft:color-mix(in oklab,var(--accent) 13%,var(--surface-1))}}.app-shell[data-season=diwali]{--accent-soft-hover:var(--accent)}body:has(.app-shell[data-season=diwali]){--accent-soft-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali]{--accent-soft-hover:color-mix(in oklab,var(--accent) 22%,var(--surface-1))}body:has(.app-shell[data-season=diwali]){--accent-soft-hover:color-mix(in oklab,var(--accent) 22%,var(--surface-1))}}.app-shell[data-season=diwali]{--accent-line:var(--accent)}body:has(.app-shell[data-season=diwali]){--accent-line:var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali]{--accent-line:color-mix(in oklab,var(--accent) 38%,var(--border))}body:has(.app-shell[data-season=diwali]){--accent-line:color-mix(in oklab,var(--accent) 38%,var(--border))}}.app-shell[data-season=diwali]{--focus:var(--accent-ink);--chat-dot:var(--text)}body:has(.app-shell[data-season=diwali]){--focus:var(--accent-ink);--chat-dot:var(--text)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali]{--chat-dot:color-mix(in oklab,var(--text) 8%,transparent)}body:has(.app-shell[data-season=diwali]){--chat-dot:color-mix(in oklab,var(--text) 8%,transparent)}}.app-shell[data-season=diwali]{--chat-other:var(--surface-2);color:var(--text);background:var(--bg)}body:has(.app-shell[data-season=diwali]){--chat-other:var(--surface-2);color:var(--text);background:var(--bg)}html[data-theme=light] .app-shell[data-season=diwali]{--bg:#fff6e9;--surface-1:#fffbf3;--surface-2:#f9e9df;--surface-3:#f5ded6;--border:#e7cbc0;--border-strong:#b58478;--border-input:#9f7168;--text:#35202b;--text-2:#6c4d55;--text-3:#856771;--accent:#e8aa52;--accent-ink:#884631;--accent-strong:#693322;--on-accent:#321922;--cta-bg:#8e3f39;--cta-bg-hover:#74312e;--cta-fg:#fff8ec;--chat-own:#f7e1d9;--accent-soft:var(--accent)}html[data-theme=light] body:has(.app-shell[data-season=diwali]){--bg:#fff6e9;--surface-1:#fffbf3;--surface-2:#f9e9df;--surface-3:#f5ded6;--border:#e7cbc0;--border-strong:#b58478;--border-input:#9f7168;--text:#35202b;--text-2:#6c4d55;--text-3:#856771;--accent:#e8aa52;--accent-ink:#884631;--accent-strong:#693322;--on-accent:#321922;--cta-bg:#8e3f39;--cta-bg-hover:#74312e;--cta-fg:#fff8ec;--chat-own:#f7e1d9;--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){html[data-theme=light] .app-shell[data-season=diwali]{--accent-soft:color-mix(in oklab,var(--accent) 20%,var(--surface-1))}html[data-theme=light] body:has(.app-shell[data-season=diwali]){--accent-soft:color-mix(in oklab,var(--accent) 20%,var(--surface-1))}}html[data-theme=light] .app-shell[data-season=diwali]{--accent-soft-hover:var(--accent)}html[data-theme=light] body:has(.app-shell[data-season=diwali]){--accent-soft-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){html[data-theme=light] .app-shell[data-season=diwali]{--accent-soft-hover:color-mix(in oklab,var(--accent) 34%,var(--surface-1))}html[data-theme=light] body:has(.app-shell[data-season=diwali]){--accent-soft-hover:color-mix(in oklab,var(--accent) 34%,var(--surface-1))}}html[data-theme=light] .app-shell[data-season=diwali]{--accent-line:var(--accent-ink)}html[data-theme=light] body:has(.app-shell[data-season=diwali]){--accent-line:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){html[data-theme=light] .app-shell[data-season=diwali]{--accent-line:color-mix(in oklab,var(--accent-ink) 26%,var(--border))}html[data-theme=light] body:has(.app-shell[data-season=diwali]){--accent-line:color-mix(in oklab,var(--accent-ink) 26%,var(--border))}}.app-shell[data-season=diwali] .main-wrap{background:radial-gradient(ellipse 54% 34% at 79% 15%,#d7793926,transparent 78%), radial-gradient(ellipse 49% 37% at 25% 62%,#a4476220,transparent 83%),var(--bg)}html[data-theme=light] .app-shell[data-season=diwali] .main-wrap{background:radial-gradient(ellipse 54% 34% at 79% 15%,#f0b7654d,transparent 78%), radial-gradient(ellipse 49% 37% at 25% 62%,#db8b8b28,transparent 83%),var(--bg)}.app-shell[data-season=diwali] .brand-icon img{filter:hue-rotate(165deg)saturate(1.2)}.app-shell[data-season=diwali] .sidebar{background:var(--surface-1)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali] .sidebar{background:color-mix(in oklab,var(--surface-1) 72%,var(--bg))}}.app-shell[data-season=diwali] .sidebar-note{background:linear-gradient(155deg,var(--surface-2),var(--surface-1) 72%)}.app-shell[data-season=diwali] .topbar{border-bottom-color:var(--accent-line)}.app-shell[data-season=diwali] .hero{isolation:isolate;background:0 0;position:relative}.app-shell[data-season=diwali] .hero:before{content:"";z-index:0;opacity:.88;pointer-events:none;background:url(/seasonal/diwali-rope-lights.svg) 0 0/720px 30px repeat-x;height:30px;position:absolute;inset:0 0 auto}.app-shell[data-season=diwali] .hero>*{z-index:1;position:relative}@media (max-width:660px){.app-shell[data-season=diwali] .hero:before{opacity:.88;background-size:504px 21px;height:21px}}.app-shell[data-season=diwali].view-live .discovery{padding-top:60px;position:relative}.app-shell[data-season=diwali].view-live .discovery:before{content:"";opacity:.88;pointer-events:none;background:url(/seasonal/diwali-rope-lights.svg) 0 0/720px 30px repeat-x;height:30px;position:absolute;inset:0 0 auto}.app-shell[data-season=diwali].view-live .section-top h2:after{content:"";vertical-align:-5px;filter:drop-shadow(0 0 8px #efb75f8c);pointer-events:none;background:url(/seasonal/diwali-diya.svg) 50%/contain no-repeat;width:34px;height:29px;margin-left:9px;display:inline-block}@media (max-width:760px){.app-shell[data-season=diwali].view-live .discovery{padding-top:40px}.app-shell[data-season=diwali].view-live .discovery:before{background-size:504px 21px;height:21px}.app-shell[data-season=diwali].view-live .section-top h2:after{vertical-align:-3px;width:24px;height:22px;margin-left:5px}}.app-shell[data-season=diwali] .hero h1 em,.app-shell[data-season=diwali] .hero .eyebrow{color:var(--accent-ink)}.app-shell[data-season=diwali] .hero .note-icon{background:var(--cta-bg);color:var(--cta-fg)}.app-shell[data-season=diwali] .photo-arch{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali] .photo-arch{border:1px solid color-mix(in oklab,var(--accent) 38%,transparent)}}.app-shell[data-season=diwali] .photo-arch{box-shadow:0 0 0 8px #d5b87a08,0 28px 70px #0005}.app-shell[data-season=diwali] .photo-arch img{filter:brightness(1.13)saturate(.95)}.app-shell[data-season=diwali] .photo-shade{background:linear-gradient(#0000 56%,#200e1a70 100%)}.app-shell[data-season=diwali] .room-header{border-top:1px solid var(--accent-line)}.app-shell[data-season=diwali] .room-chat{border-color:var(--accent-line)}.app-shell[data-season=diwali] .room-chat-header strong:after{content:"";vertical-align:-4px;pointer-events:none;background:url(/seasonal/diwali-diya.svg) 50%/contain no-repeat;width:18px;height:18px;margin-left:8px;display:inline-block}.app-shell[data-season=diwali] .chat-compose:not(:focus-within){border-top-color:var(--accent-line)}html:not([data-wallpaper=plain]) .app-shell[data-season=diwali] .room-chat .chat-messages{background-image:url(/seasonal/diwali-chat.svg);background-repeat:repeat;background-size:260px 220px;background-attachment:local}.app-shell[data-season=diwali] .seasonal-notice{background:var(--surface-1);max-width:420px;padding:10px 13px}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali] .seasonal-notice{background:color-mix(in oklab,var(--surface-1) 82%,transparent)}}.app-shell[data-season=diwali] .seasonal-notice{border-color:var(--accent-line);border-radius:14px;box-shadow:inset 0 1px #fff5e60a,0 8px 28px #0002}.app-shell[data-season=diwali] .seasonal-notice>span:first-child{flex:0 0 34px;place-items:center;display:grid}.app-shell[data-season=diwali] .seasonal-notice img{filter:drop-shadow(0 0 7px #d3ac6b50);width:34px;height:30px;display:block}.app-shell[data-season=diwali] .seasonal-notice button{color:var(--accent-ink);padding:7px 9px;text-decoration:none}.app-shell[data-season=diwali] .seasonal-notice button:hover{background:var(--accent-soft)}.seasonal-admin-stack{gap:16px;display:grid}@media (max-width:600px){.app-shell[data-season=diwali] .seasonal-notice{padding:9px 11px}}.app-shell[data-season=diwali] .seasonal-notice.diwali-celebration{isolation:isolate;border:1px solid var(--accent);align-items:center;width:min(100%,560px);max-width:none;min-height:142px;margin-bottom:25px;padding:21px 24px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali] .seasonal-notice.diwali-celebration{border:1px solid color-mix(in oklab,var(--accent) 66%,var(--border))}}.app-shell[data-season=diwali] .seasonal-notice.diwali-celebration{background:radial-gradient(at 86% 73%,#e3a25366,#0000 51%),linear-gradient(115deg,#5a253a 7%,#713247 68%,#5c2944);border-radius:20px;box-shadow:inset 0 1px #fff4d226,0 14px 42px #0003,0 0 34px #efb75f16}.app-shell[data-season=diwali] .diwali-celebration:before{content:"";z-index:0;opacity:.55;pointer-events:none;background:url(/seasonal/diwali-rangoli.svg) 50%/contain no-repeat;width:238px;height:238px;position:absolute;top:-62px;right:-52px}.app-shell[data-season=diwali] .diwali-celebration-copy{z-index:2;gap:5px;max-width:calc(100% - 120px);display:grid;position:relative}.app-shell[data-season=diwali] .diwali-kicker{color:#f1d797;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.3}.app-shell[data-season=diwali] .diwali-celebration strong{color:#fff9e9;font-family:var(--font-display);letter-spacing:-.025em;font-size:34px;font-weight:400;line-height:1.02;display:block}.app-shell[data-season=diwali] .diwali-celebration small{color:#f7dfd2;font-size:12px;line-height:1.45;display:block}.app-shell[data-season=diwali] .diwali-celebration-lamp{z-index:1;filter:drop-shadow(0 0 16px #f5c66a70);pointer-events:none;width:116px;height:96px;position:absolute;bottom:-3px;right:16px}.app-shell[data-season=diwali] .diwali-celebration button.diwali-celebration-close{z-index:3;color:#f5deb1;min-height:38px;margin:0;padding:5px 9px;font-size:11px;position:absolute;top:7px;right:8px}.app-shell[data-season=diwali] .diwali-celebration button.diwali-celebration-close:hover{background:#ffffff18}html[data-theme=light] .app-shell[data-season=diwali] .seasonal-notice.diwali-celebration{background:radial-gradient(at 87% 75%,#efb76b8a,#0000 55%),linear-gradient(115deg,#f6ded5 5%,#fff0d9 75%,#f8dfc9);box-shadow:inset 0 1px #fff9,0 12px 34px #773f4b1c}html[data-theme=light] .app-shell[data-season=diwali] .diwali-kicker{color:#8b4937}html[data-theme=light] .app-shell[data-season=diwali] .diwali-celebration strong{color:#4b2439}html[data-theme=light] .app-shell[data-season=diwali] .diwali-celebration small{color:#684856}html[data-theme=light] .app-shell[data-season=diwali] .diwali-celebration button.diwali-celebration-close{color:#6c3d49}@media (max-width:660px){.app-shell[data-season=diwali] .sidebar{background:0 0}}@media (max-width:600px){.app-shell[data-season=diwali] .seasonal-notice.diwali-celebration{border-radius:17px;min-height:130px;margin-bottom:20px;padding:17px}.app-shell[data-season=diwali] .diwali-celebration-copy{gap:4px;max-width:calc(100% - 88px)}.app-shell[data-season=diwali] .diwali-kicker{letter-spacing:.08em;font-size:9px}.app-shell[data-season=diwali] .diwali-celebration strong{font-size:27px}.app-shell[data-season=diwali] .diwali-celebration small{font-size:11px}.app-shell[data-season=diwali] .diwali-celebration-lamp{width:94px;height:79px;bottom:-2px;right:2px}.app-shell[data-season=diwali] .diwali-celebration:before{width:191px;height:191px;top:-49px;right:-56px}.app-shell[data-season=diwali] .diwali-celebration button.diwali-celebration-close{min-height:44px;font-size:10px;top:0;right:4px}}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room){background:radial-gradient(ellipse 45% 48% at 32% 52%,#a2534624,transparent 75%), radial-gradient(ellipse 28% 38% at 90% 18%,#e6a35316,transparent 77%),var(--bg)}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-header{isolation:isolate;border-top:2px solid var(--accent);border-bottom-color:var(--accent-line);background:linear-gradient(105deg,var(--surface-2),var(--surface-1) 75%);min-height:84px;padding-top:22px;position:relative}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-header{background:linear-gradient(105deg,color-mix(in srgb,var(--surface-2) 76%,#8e413c),var(--surface-1) 75%)}}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-header:before{content:"";z-index:0;opacity:.9;pointer-events:none;background:url(/seasonal/diwali-rope-lights.svg) 0 0/720px 30px repeat-x;height:30px;position:absolute;inset:0 0 auto}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-header>:not(.room-header-cover){z-index:1;position:relative}.app-shell[data-season=diwali] .room-panel.is-creator-room.is-moss{--room-accent:#f2bd71;--room-cover-a:#602d42;--room-cover-b:#2b1b2d}html[data-theme=light] .app-shell[data-season=diwali] .room-panel.is-creator-room.is-moss{--room-cover-a:#f0c7ba;--room-cover-b:#fff1e4}.app-shell[data-season=diwali] .room-panel.is-creator-room .room-header{background:linear-gradient(105deg,var(--room-cover-a),var(--surface-1) 74%)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali] .room-panel.is-creator-room .room-header{background:linear-gradient(105deg,color-mix(in srgb,var(--room-cover-a) 34%,var(--surface-2)),var(--surface-1) 74%)}}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people{isolation:isolate;position:relative}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people:before,.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people:after{content:"";z-index:-1;opacity:.62;filter:drop-shadow(0 0 22px #f2b85d77);pointer-events:none;background:url(/seasonal/diwali-diya.svg) 50%/contain no-repeat;width:122px;height:102px;position:absolute}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people:before{bottom:8%;left:4%}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people:after{opacity:.32;width:78px;height:66px;top:7%;right:5%}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people .participants{z-index:1;position:relative}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people .participant:not(.is-vote-target){border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people .participant:not(.is-vote-target){border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people .participant:not(.is-vote-target){background:var(--surface-1);transition:border-color var(--dur-fast),background-color var(--dur-fast),box-shadow .24s ease}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .profile-card-cover.is-moss{--profile-cover-accent:#e1a965}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people .participant.is-host:not(.is-vote-target){border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people .participant.is-host:not(.is-vote-target){border-color:color-mix(in srgb,var(--accent) 62%,var(--border))}}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people .participant.is-host:not(.is-vote-target){background:var(--surface-2)}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people .participant.is-speaking:not(.is-vote-target){border-color:var(--accent-ink);background:radial-gradient(ellipse at 50% 20%,#e5a85c27,transparent 72%),var(--surface-2);box-shadow:0 0 0 1px #efb75f52,0 0 30px #e18d4b36}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people .participant.is-speaking:not(.is-vote-target):after{content:"";z-index:2;filter:drop-shadow(0 0 9px #ffcd72a8);pointer-events:none;background:url(/seasonal/diwali-diya.svg) 50%/contain no-repeat;width:24px;height:22px;position:absolute;top:7px;left:8px}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people .participant.is-speaking:not(.is-vote-target) .participant-portrait .avatar.person{box-shadow:0 0 0 4px #efb75f40,0 0 22px #efa75691}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-controls{border-top-color:var(--accent-line)}@media (max-width:760px){.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-header{min-height:72px;padding-top:19px}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-header:before{opacity:.72;background-size:504px 21px;height:21px}.app-shell[data-season=diwali] .room-panel[role=dialog]:has([data-music-mode=minimized])>.room-header:before{display:none}.app-shell[data-season=diwali] .room-panel[role=dialog]:has([data-music-mode=minimized])>.room-header:has(button){min-height:0;padding:6px 10px}}@media (max-width:660px){.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-body{isolation:isolate}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-body:before,.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-body:after{content:"";z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-body:before{opacity:.13;background-image:url(/seasonal/diwali-rangoli.svg);width:230px;height:230px;top:48%;left:calc(50% - 115px)}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-body:after{opacity:.42;background-image:url(/seasonal/diwali-diya.svg);width:100px;height:84px;bottom:13%;left:3%}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage,.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-chat{z-index:1;position:relative}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people:before{opacity:.38;width:72px;height:60px;bottom:4%;left:1%}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people:after{opacity:.22;width:50px;height:43px;top:3%;right:2%}.app-shell[data-season=diwali] .room-panel:not(.is-ai-room) .room-stage.room-people .participant.is-speaking:not(.is-vote-target):after{width:17px;height:16px;top:4px;left:5px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}