:root{color-scheme:light;--font-ui:var(--font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-accent:var(--font-serif),"Iowan Old Style",Georgia,serif;--text-display:clamp(48px,7.4vw,104px);--text-h1:clamp(36px,4.6vw,64px);--text-h2:clamp(28px,3vw,40px);--text-title:clamp(20px,1.6vw,28px);--text-lede:clamp(17px,1.35vw,21px);--text-body:15px;--text-caption:13px;--text-micro:12px;--tracking-display:-0.045em;--tracking-title:-0.025em;--tracking-body:-0.006em;--leading-display:1;--leading-title:1.15;--leading-body:1.45;--container:1120px;--container-wide:1280px;--site-gutter:clamp(16px,4vw,48px);--site-max:calc(var(--container) + 2 * var(--site-gutter));--section-y:clamp(80px,10vw,136px);--block-y:clamp(36px,4.5vw,64px);--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--brand-tone:#2d5bff;--brand-primary:#2d5bff;--brand-secondary:#2449e0;--brand-btn-text:#ffffff;--action-primary:#2d5bff;--action-primary-hover:#2449e0;--action-primary-pressed:#1f3fc4;--on-action:#ffffff;--bg-main:#fbfbfd;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-elevated:#ffffff;--bg-band:#f2f2f5;--bg-deep:#f5f5f8;--bg-hover:#f2f2f5;--bg-pressed:#e9e9ee;--bg-input:#f2f2f5;--bg-input-disabled:#f7f7f9;--border-input:#e7e7ec;--border-default:#ececf1;--border-subtle:#f2f2f5;--border-strong:#dcdce3;--divider:#ececf1;--text-primary:#1d1d1f;--text-muted:#5e5e66;--text-faint:#6e6e73;--text-placeholder:#6e6e73;--text-disabled:#a1a1a8;--text-main:var(--text-primary);--text-secondary:var(--text-muted);--app-bg-pattern:none;--gender-male-bg:#e6efff;--gender-female-bg:#fde8f1;--gender-nonbinary-bg:#efe8fd;--gender-male-accent:#2557d6;--gender-female-accent:#c2306f;--gender-nonbinary-accent:#7448d0;--live:#1e9e4a;--success:#16803b;--warning:#a85a06;--danger:#d92d20;--on-danger:#ffffff;--info:#2d5bff;--scrollbar-thumb:rgba(29,29,31,0.16);--scrollbar-track:transparent;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:24px;--radius-xl:32px;--radius-2xl:32px;--radius-nav:14px;--radius-bubble:20px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(20,20,43,0.04);--shadow-sm:0 1px 2px rgba(20,20,43,0.04),0 2px 10px rgba(20,20,43,0.04);--shadow-md:0 2px 6px rgba(20,20,43,0.04),0 14px 36px rgba(20,20,43,0.08);--shadow-lg:0 4px 14px rgba(20,20,43,0.06),0 28px 64px rgba(20,20,43,0.14);--elevation-1:var(--shadow-sm);--elevation-2:var(--shadow-md);--elevation-3:var(--shadow-lg);--scrim:rgba(17,17,26,0.32);--ease-standard:cubic-bezier(0.2,0.8,0.2,1);--ease-decelerate:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.4,0.64,1);--motion-hover:160ms;--motion-press:100ms;--motion-nav:220ms;--motion-dialog:240ms;--motion-enter:320ms;--app-header-h:60px;--rail-w:272px;--rail-collapsed-w:76px;--online-panel-w:344px;--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;--primary-soft:#eef2ff;--action-soft:#eef2ff;--focus-ring:rgba(45,91,255,0.18);--danger-soft:rgba(217,45,32,0.08);--success-soft:rgba(30,158,74,0.1);--warning-soft:rgba(168,90,6,0.1);--warning-dark:#7c4205;--info-soft:#eef2ff;--state-hover:rgba(29,29,31,0.045);--state-pressed:rgba(29,29,31,0.08);--surface-hover:var(--state-hover);--fill-tonal:rgba(29,29,31,0.055);--fill-tonal-hover:rgba(29,29,31,0.09);--fill-inverse:#1d1d1f;--on-inverse:#ffffff;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--game-trail-accent:#e8804d;--game-sixes-accent:#3f9e6f;--game-duo-accent:#5b7fb0;--game-beacons-accent:#8a6fc4;--game-rungs-accent:#2e9c97;--game-tiles-accent:#d9534f;--game-weave-accent:#c99a2e;--game-thread-accent:#5965c9;--game-recall-accent:#c15b8e;--game-fusion-accent:#4c8fbd;--game-tally-accent:#7a8c3e;--game-decode-accent:#a66b3d;--game-mines-accent:#b0473f;--game-bolt-accent:#3fa9c9;--game-foundations-accent:#3e6b4f;--arcade-astronaut-accent:#4c8fbd;--arcade-rocket-accent:#e8804d;--arcade-asteroid-accent:#b0473f;--arcade-drift-accent:#a66b3d;--arcade-meteor-accent:#c15b8e;--arcade-bounce-accent:#8a6fc4;--arcade-knife-accent:#b5722a;--arcade-snake-accent:#3fb0b8;--arcade-blast-accent:#d98a3d;--arcade-2048-accent:#6a4fd6}[data-theme=dark]{color-scheme:dark;--brand-tone:#3b82f6;--brand-primary:#3b82f6;--brand-secondary:#60a5fa;--brand-btn-text:#ffffff;--action-primary:#2f6feb;--action-primary-hover:#2a63d6;--action-primary-pressed:#2459c2;--on-action:#ffffff;--bg-main:#0b0d0f;--bg-surface:#121416;--bg-card:#181b1e;--bg-elevated:#202326;--bg-band:#121416;--bg-deep:#090b0d;--bg-hover:#1d2023;--bg-pressed:#25292c;--bg-input:#15181a;--bg-input-disabled:#121416;--border-input:#292d31;--border-default:#1f2326;--border-subtle:#1a1d20;--border-strong:#292d31;--divider:#1f2326;--text-primary:#f5f5f5;--text-muted:#a7aaad;--text-faint:#878b91;--text-placeholder:#878b91;--text-disabled:#5d6166;--gender-male-bg:#142033;--gender-female-bg:#2a1622;--gender-nonbinary-bg:#211a33;--gender-male-accent:#82b0ff;--gender-female-accent:#f493c3;--gender-nonbinary-accent:#b79bf5;--live:#34d399;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--on-danger:#2a0e0e;--info:#3b82f6;--scrollbar-thumb:rgba(245,245,245,0.14);--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 1px 2px rgba(0,0,0,0.32),0 2px 10px rgba(0,0,0,0.18);--shadow-md:0 2px 6px rgba(0,0,0,0.3),0 16px 40px rgba(0,0,0,0.4);--shadow-lg:0 4px 14px rgba(0,0,0,0.32),0 28px 64px rgba(0,0,0,0.5);--scrim:rgba(4,5,6,0.6);--primary-soft:#14213a;--action-soft:#14213a;--focus-ring:rgba(59,130,246,0.34);--danger-soft:rgba(248,113,113,0.12);--success-soft:rgba(52,211,153,0.12);--warning-soft:rgba(251,191,36,0.12);--warning-dark:#fcd34d;--info-soft:#14213a;--state-hover:rgba(245,245,245,0.05);--state-pressed:rgba(245,245,245,0.09);--surface-hover:var(--state-hover);--fill-tonal:rgba(245,245,245,0.07);--fill-tonal-hover:rgba(245,245,245,0.11);--fill-inverse:#f5f5f5;--on-inverse:#0b0d0f;--game-trail-accent:#f0945f;--game-sixes-accent:#57b585;--game-duo-accent:#7c9dcb;--game-beacons-accent:#a98fd9;--game-rungs-accent:#46b3ae;--game-tiles-accent:#e5736f;--game-weave-accent:#dcb04a;--game-thread-accent:#7b86dd;--game-recall-accent:#d680ac;--game-fusion-accent:#6ba9d6;--game-tally-accent:#9bb35c;--game-decode-accent:#c68a5e;--game-mines-accent:#d16b62;--game-bolt-accent:#5fc2de;--game-foundations-accent:#5c9a73}[data-theme=dark][data-palette=green]{--brand-tone:#55d4bf;--brand-primary:#55d4bf;--brand-secondary:#6ee0cc;--brand-btn-text:#06231e;--action-primary:#55d4bf;--action-primary-hover:#6ee0cc;--action-primary-pressed:#46c7b2;--on-action:#06231e;--bg-main:#151816;--bg-surface:#1c1f1d;--bg-card:#232725;--bg-elevated:#2a2f2c;--bg-band:#1c1f1d;--bg-deep:#121513;--bg-hover:#323735;--bg-pressed:#3b413f;--bg-input:#111412;--bg-input-disabled:#1a1d1b;--border-input:rgba(255,255,255,0.16);--border-default:rgba(255,255,255,0.09);--border-subtle:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.18);--divider:rgba(255,255,255,0.06);--text-primary:#f8faf9;--text-muted:#c7cfcc;--text-faint:#9aa6a1;--text-placeholder:#8b9793;--text-disabled:#7d8884;--gender-male-bg:#16242f;--gender-female-bg:#2b1720;--gender-nonbinary-bg:#221830;--gender-male-accent:#7fb4f5;--gender-female-accent:#f18fc0;--gender-nonbinary-accent:#b494f0;--live:#22c55e;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#60a5fa;--scrollbar-thumb:rgba(255,255,255,0.14);--shadow-xs:0 1px 2px rgba(0,0,0,0.26);--shadow-sm:0 2px 8px rgba(0,0,0,0.28);--shadow-md:0 10px 30px rgba(0,0,0,0.3);--shadow-lg:0 16px 40px rgba(0,0,0,0.35);--scrim:rgba(8,10,9,0.62);--primary-soft:rgba(85,212,191,0.14);--action-soft:rgba(85,212,191,0.14);--focus-ring:rgba(85,212,191,0.4);--danger-soft:rgba(239,68,68,0.15);--success-soft:rgba(34,197,94,0.15);--warning-soft:rgba(245,158,11,0.15);--info-soft:rgba(96,165,250,0.15);--state-hover:rgba(255,255,255,0.08);--state-pressed:rgba(255,255,255,0.12);--fill-tonal:rgba(255,255,255,0.07);--fill-tonal-hover:rgba(255,255,255,0.11);--fill-inverse:#f8faf9;--on-inverse:#151816}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;overflow:hidden;background:var(--bg-main);scroll-behavior:smooth}body,html{overscroll-behavior-y:none}body{color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-body);font-weight:400;line-height:1.55;letter-spacing:var(--tracking-body);font-feature-settings:"ss01","cv11";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-height:100dvh;position:relative}[lang=ja] body{font-family:var(--font-sans),system-ui,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,"Noto Sans JP",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:var(--action-primary)}button:disabled,input:disabled{cursor:not-allowed;opacity:.5}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]):disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:1;color:var(--text-disabled);-webkit-text-fill-color:var(--text-disabled);background-color:var(--bg-input-disabled);border-color:var(--border-default)}input::placeholder,textarea::placeholder{color:var(--text-placeholder);opacity:1}select optgroup,select option{background-color:var(--bg-elevated);color:var(--text-primary)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}html.theme-transition,html.theme-transition *,html.theme-transition :after,html.theme-transition :before{transition:background-color .26s var(--ease-standard),border-color .26s var(--ease-standard),color .26s var(--ease-standard),fill .26s var(--ease-standard),box-shadow .26s var(--ease-standard)!important}::selection{background:color-mix(in srgb,var(--brand-primary) 22%,transparent)}img{display:block;max-width:100%}ol,ul{list-style:none}.app-root-shell{height:100%;height:var(--vv-height,100%)}@media (pointer:fine){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}}.h1,.h2,.h3,.h4{font-weight:600;color:var(--text-primary);text-wrap:balance}.h1{font-size:clamp(30px,3.2vw,40px);line-height:1.08;letter-spacing:-.035em}.h2{font-size:clamp(24px,2.4vw,30px);line-height:1.12;letter-spacing:-.03em}.h3{font-size:21px;line-height:1.2;letter-spacing:var(--tracking-title)}.h4{font-size:17px;line-height:1.3;letter-spacing:-.015em}.accent-serif,.h1 em,.h2 em{font-family:var(--font-accent);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.08em;line-height:.9}.body-lg{font-size:17px;line-height:var(--leading-body)}.body-md{font-size:15px;line-height:1.5}.body-sm{font-size:13px;line-height:1.5}.body-xs{font-size:12px;line-height:1.45}.caption{font-size:var(--text-caption);font-weight:400;line-height:1.4;color:var(--text-faint)}.label{font-size:13px;color:var(--text-muted)}.btn,.label{font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.01em;border-radius:var(--radius-full)!important;border:none!important;transition:background-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard),box-shadow var(--motion-hover) var(--ease-standard),border-color var(--motion-hover) var(--ease-standard),transform var(--motion-press) var(--ease-standard);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.98)}.btn-sm{height:36px;padding:0 16px;font-size:13px}.btn-md{height:44px;padding:0 22px;font-size:15px}.btn-lg{height:52px;padding:0 28px;font-size:16px}.btn-primary{background:var(--action-primary);color:var(--on-action)}.btn-primary:hover:not(:disabled){background:var(--action-primary-hover)}.btn-primary:active:not(:disabled){background:var(--action-primary-pressed)}.btn-secondary{background:var(--fill-tonal);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--fill-tonal-hover);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--state-hover);color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:var(--state-pressed)}.btn-danger{background:var(--danger);color:var(--on-danger)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 88%,var(--text-primary))}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-strong)!important}.btn-outline:hover:not(:disabled){background:var(--state-hover);border-color:var(--text-faint)!important}.btn-text{background:transparent;color:var(--brand-primary);padding:0 4px;overflow:visible}.btn-text.btn-sm{height:30px}.btn-text:hover:not(:disabled){background:transparent;text-decoration:underline;text-underline-offset:4px}.btn-text:active:not(:disabled){transform:none}.btn-icon{padding:0;aspect-ratio:1/1}.btn-icon.btn-sm{width:36px}.btn-icon.btn-md{width:44px}.btn-icon.btn-lg{width:52px}.btn-icon.btn-round{border-radius:var(--radius-full)!important}.btn-full{width:100%}.chat-date-divider{display:flex;align-items:center;justify-content:center;margin:20px 8px 12px;-webkit-user-select:none;user-select:none}.chat-date-divider__label{flex-shrink:0;padding:4px 12px;border-radius:var(--radius-full);background:var(--fill-tonal);color:var(--text-faint);font-size:12px;font-weight:500;white-space:nowrap}.btn-loading{pointer-events:none}.btn-spinner{width:16px;height:16px;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentcolor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.unstyled-button{padding:0;text-align:left;width:100%;font:inherit;color:inherit;display:block}.icon-button,.unstyled-button{background:none;border:none;margin:0;cursor:pointer}.icon-button{padding:8px;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-muted);transition:background-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard),transform var(--motion-press) var(--ease-standard)}.icon-button:hover{background:var(--state-hover);color:var(--text-primary)}.icon-button:active{background:var(--state-pressed);transform:scale(.94)}.icon-button.active,.icon-button[aria-pressed=true]{color:var(--brand-primary)}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:13px;font-weight:500;color:var(--text-primary)}.input-field{height:48px;padding:0 16px;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:15px;transition:border-color var(--motion-hover) var(--ease-standard),background-color var(--motion-hover) var(--ease-standard),box-shadow var(--motion-hover) var(--ease-standard);outline:none;width:100%}.input-field::placeholder{color:var(--text-placeholder)}.input-field:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.input-field:focus{border-color:var(--brand-primary);background:var(--bg-card);box-shadow:0 0 0 4px var(--focus-ring)}.input-field.input-error{border-color:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.input-field:focus-visible,.select-field:focus-visible{outline:none}.input-error-msg{font-size:12px;color:var(--danger);font-weight:500}.input-password-wrap{position:relative}.input-password-wrap .input-field{padding-right:48px}.input-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-faint);padding:4px;border-radius:var(--radius-sm)}.input-password-toggle:hover,.select-field{color:var(--text-primary)}.select-field{height:48px;border:1px solid var(--border-input);border-radius:var(--radius-md);background-color:var(--bg-input);font-size:15px;transition:border-color var(--motion-hover) var(--ease-standard),background-color var(--motion-hover) var(--ease-standard),box-shadow var(--motion-hover) var(--ease-standard);outline:none;width:100%;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a92' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding:0 40px 0 16px}.select-field option{background-color:var(--bg-elevated);color:var(--text-primary)}.select-field:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.select-field:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--focus-ring)}.segmented,.theme-segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-full);background:var(--fill-tonal);max-width:100%}.segmented>button,.theme-segment{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 14px;border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text-muted);white-space:nowrap;transition:background-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard),box-shadow var(--motion-hover) var(--ease-standard)}.segmented>button:hover,.theme-segment:hover{color:var(--text-primary)}.segmented>button[aria-checked=true],.segmented>button[aria-pressed=true],.theme-segment[aria-checked=true]{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-xs)}[data-theme=dark] .segmented>button[aria-checked=true],[data-theme=dark] .segmented>button[aria-pressed=true],[data-theme=dark] .theme-segment[aria-checked=true]{background:var(--bg-elevated)}.theme-segment:focus-visible{outline-offset:0}@media (max-width:420px){.theme-segmented:not(.theme-segmented--icons){display:flex;width:100%}.theme-segmented:not(.theme-segmented--icons) .theme-segment{flex:1 1;padding:0 8px}}.theme-segmented--icons .theme-segment{width:40px;min-height:36px;padding:0}.theme-swatch{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-full);flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(127,127,127,.25)}.theme-swatch--light{background:#fbfbfd;color:#2d5bff}.theme-swatch--dark{background:#181b1e;color:#3b82f6}.theme-swatch--dark-green{background:#232725;color:#55d4bf}.theme-menu{position:relative}.popover-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:120;min-width:200px;padding:6px;border-radius:18px;background:var(--bg-elevated);box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);transform-origin:top right;animation:popoverIn .18s var(--ease-decelerate)}.popover-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border-radius:12px;font-size:14px;font-weight:500;color:var(--text-primary);text-align:left;transition:background-color var(--motion-hover) var(--ease-standard)}.popover-item:focus-visible,.popover-item:hover{background:var(--state-hover);outline:none}.popover-item-label{flex:1 1}.popover-item-check{color:var(--brand-primary)}@keyframes popoverIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}.card{background:var(--bg-card);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}[data-theme=dark] .card{box-shadow:none}.card-sm{padding:var(--space-4)}.card-md{padding:var(--space-6)}.card-lg{padding:var(--space-8)}.card-flat{box-shadow:none}.card-hover{transition:transform .32s var(--ease-decelerate),box-shadow .32s var(--ease-decelerate),background-color var(--motion-hover) var(--ease-standard)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-theme=dark] .card-hover:hover{background:var(--bg-elevated)}@media (prefers-reduced-motion:reduce){.card-hover:hover{transform:none}}.modal-backdrop{position:fixed;inset:0;background:var(--scrim);z-index:1100;display:flex;align-items:center;justify-content:center;padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left));overscroll-behavior:contain;animation:fadeIn var(--motion-dialog) var(--ease-standard)}.modal-content{position:relative;display:flex;flex-direction:column;background:var(--bg-elevated);border:none;border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:var(--shadow-lg);animation:dialogIn var(--motion-dialog) var(--ease-decelerate)}.guest-form-modal{max-width:560px}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;padding:28px 28px 12px}.modal-close-floating{position:absolute;top:12px;right:12px;z-index:2}.modal-header h2{font-size:22px;font-weight:600;letter-spacing:var(--tracking-title)}.modal-close{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--text-muted);background:var(--fill-tonal);transition:background-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard)}.modal-close:hover{background:var(--fill-tonal-hover);color:var(--text-primary)}.modal-close:active{background:var(--state-pressed)}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 28px 28px}.modal-close-floating+.modal-body{padding-top:28px}.modal-footer{flex-shrink:0;padding:16px 28px 24px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media (max-width:480px){.modal-header{padding:24px 20px 10px}.modal-body{padding:0 20px 22px}.modal-close-floating+.modal-body{padding-top:24px}.modal-footer{padding:14px 20px 20px}}.modal-backdrop--panel{align-items:flex-start;justify-content:flex-end;padding:calc(var(--app-header-h, 64px) + 8px) max(16px,var(--safe-right)) 16px 16px}.modal-content.modal-content--panel{max-width:400px;max-height:calc(100vh - var(--app-header-h, 64px) - 24px);max-height:calc(100dvh - var(--app-header-h, 64px) - 24px);animation:panelDrop var(--motion-dialog) var(--ease-decelerate);transform-origin:top right}@keyframes panelDrop{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal-content.modal-content--panel{animation:none}}.modal-content.mnav-panel .modal-body{padding:0 14px 6px}.mnav{display:flex;flex-direction:column;gap:12px;padding-top:14px}.mnav-head{display:flex;align-items:center;gap:8px}.mnav-title{font-size:16px;font-weight:600;letter-spacing:-.01em}.mnav-online{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;border-radius:var(--radius-full);background:var(--fill-tonal);font-size:12px;font-weight:600;color:var(--text-muted)}.mnav-close{flex-shrink:0;width:36px;height:36px}.mnav-head>.mnav-close:nth-child(3){margin-left:auto}.mnav-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mnav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:68px;padding:8px 4px;border-radius:16px;background:var(--fill-tonal);color:var(--text-primary);font-size:12px;font-weight:500;text-decoration:none;-webkit-tap-highlight-color:transparent}.mnav-tab.is-active{background:var(--primary-soft);color:var(--brand-primary);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--brand-primary) 40%,transparent)}.mnav-me-main:focus-visible,.mnav-me-settings:focus-visible,.mnav-row:focus-visible,.mnav-tab:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.mnav-tab-icon{position:relative;display:flex}.mnav-tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mnav-badge{position:absolute;top:-6px;left:12px;min-width:16px;padding:1px 4px;border-radius:8px;background:var(--action-primary);color:var(--on-action);font-size:10px;font-weight:600;line-height:1.4;text-align:center;outline:1.5px solid var(--bg-elevated);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mnav-list{display:flex;flex-direction:column;padding:4px;border-radius:16px;background:var(--fill-tonal)}.mnav-row{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;text-align:left;text-decoration:none;-webkit-tap-highlight-color:transparent}.mnav-row svg{flex-shrink:0;color:var(--text-muted)}.mnav-row:active{background:var(--state-pressed)}.mnav-row-end{margin-left:auto}.mnav-row--danger,.mnav-row--danger svg{color:var(--danger)}.mnav-theme-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 0 12px}.mnav-theme-label{font-size:15px;color:var(--text-primary)}.mnav-me{gap:8px}.mnav-me,.mnav-me-main{display:flex;align-items:center}.mnav-me-main{flex:1 1;gap:10px;min-width:0;padding:8px 10px;border-radius:16px;background:var(--fill-tonal);text-align:left}.mnav-me-text{display:flex;flex-direction:column;min-width:0}.mnav-me-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:var(--text-primary)}.mnav-me-sub{font-size:12px;color:var(--brand-primary);font-weight:500}.mnav-me-settings{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:16px;background:var(--fill-tonal);color:var(--text-primary)}.mnav-handle{display:flex;justify-content:center;width:100%;padding:10px 0 6px;touch-action:none}.mnav-handle span{width:40px;height:5px;border-radius:3px;background:var(--border-strong)}.ppanel{flex-direction:column;gap:16px;padding-top:20px}.ppanel,.ppanel-head{display:flex;min-width:0}.ppanel-head{align-items:flex-start;gap:14px}.ppanel-avatar{position:relative;flex-shrink:0}.ppanel-online-dot{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;background:var(--live);border:2.5px solid var(--bg-elevated)}.ppanel-identity{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.ppanel-name{display:flex;align-items:center;gap:6px;max-width:100%;margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}.ppanel-name svg{flex-shrink:0}.ppanel-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppanel-status{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--text-muted)}.ppanel-live{width:7px;height:7px;border-radius:50%;background:var(--live)}.ppanel-badge{padding:2px 9px;border-radius:var(--radius-full);background:var(--fill-tonal);font-size:11px;font-weight:600;color:var(--text-muted)}.ppanel-close{flex-shrink:0;width:36px;height:36px}.ppanel-id{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 8px 8px 12px;border-radius:var(--radius-md);background:var(--fill-tonal)}.ppanel-id-label{flex-shrink:0;font-size:12px;font-weight:500;color:var(--text-faint)}.ppanel-id-value{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace,monospace);font-size:13px;-webkit-user-select:all;user-select:all}.ppanel-copy,.ppanel-id-value{font-weight:600;color:var(--text-primary)}.ppanel-copy{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;min-height:32px;padding:0 12px;border-radius:var(--radius-full);background:var(--bg-card);font-size:12px;box-shadow:var(--shadow-xs);transition:background-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard)}.ppanel-copy.is-copied{background:var(--success-soft);color:var(--success)}.ppanel-copy:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ppanel-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.ppanel-meta li{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:5px 11px;border-radius:var(--radius-full);background:var(--fill-tonal);font-size:13px;color:var(--text-primary)}.ppanel-meta img{border-radius:2px}.ppanel-occupation{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;color:var(--text-primary)}.ppanel-occupation svg{flex-shrink:0;color:var(--text-faint)}.ppanel-section{display:flex;flex-direction:column;gap:8px}.ppanel-section-title{margin:0;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.ppanel-bio{margin:0;font-size:14px;line-height:1.55;color:var(--text-primary);white-space:pre-line;overflow-wrap:anywhere}.ppanel-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.ppanel-chips li{padding:4px 11px;border-radius:var(--radius-full);background:var(--fill-tonal);font-size:13px;color:var(--text-primary);overflow-wrap:anywhere}.ppanel-chips li.is-vibe{background:var(--primary-soft);color:var(--brand-primary);font-weight:500}.ppanel-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0}.ppanel-facts dt{font-size:12px;color:var(--text-faint)}.ppanel-facts dd{margin:2px 0 0;font-size:14px;font-weight:500;color:var(--text-primary);overflow-wrap:anywhere}.ppanel-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.ppanel-photos a{display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm);background:var(--fill-tonal)}.ppanel-photos img{display:block;width:100%;height:100%;object-fit:cover}.ppanel-photos a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ppanel-loading{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--text-faint)}.ppanel-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.ppanel-actions>.btn:first-child{flex:1 1 auto}@media (max-width:360px){.ppanel-facts{grid-template-columns:minmax(0,1fr)}}.sheet-content{background:var(--bg-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;line-height:1.5}.alert-success{background:var(--success-soft);color:var(--success)}.alert-error{background:var(--danger-soft);color:var(--danger)}.alert-warning{background:var(--warning-soft);color:var(--warning)}.alert-info{background:var(--info-soft);color:var(--info)}.alert-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.alert-dismiss{margin-left:auto;flex-shrink:0;padding:2px;border-radius:var(--radius-sm);opacity:.6}.alert-dismiss:hover{opacity:1}.cookie-close-btn:hover{background:var(--surface-hover)!important}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap}.badge-guest{background:var(--fill-tonal);color:var(--text-muted)}.badge-registered{background:var(--info-soft);color:var(--info)}.badge-premium{background:var(--warning-soft);color:var(--warning)}.badge-online{background:var(--success-soft);color:var(--success)}.badge-male{background:var(--gender-male-bg);color:var(--gender-male-accent)}.badge-female{background:var(--gender-female-bg);color:var(--gender-female-accent)}.badge-non-binary{background:var(--gender-nonbinary-bg);color:var(--gender-nonbinary-accent)}.avatar{position:relative;border-radius:var(--radius-full);overflow:visible;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.avatar-sm{width:36px;height:36px}.avatar-md{width:48px;height:48px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:88px;height:88px}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.theme-toggle{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--text-muted);transition:background-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard)}.theme-toggle:hover,.theme-toggle[aria-expanded=true]{background:var(--state-hover);color:var(--text-primary)}.theme-toggle:active{background:var(--state-pressed)}.tabs{display:flex;border-bottom:1px solid var(--divider);gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{position:relative;padding:14px 16px;font-size:14px;font-weight:500;color:var(--text-faint);border-bottom:none;transition:color var(--motion-nav) var(--ease-standard);white-space:nowrap;flex-shrink:0}.tab-btn:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;border-radius:2px;background:var(--text-primary);transform:scaleX(0);transform-origin:center;transition:transform var(--motion-nav) var(--ease-standard)}.tab-btn.active,.tab-btn:hover{color:var(--text-primary)}.tab-btn.active:after{transform:scaleX(1)}.user-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);transition:background-color var(--motion-hover) var(--ease-standard);cursor:pointer}.user-row:hover{background:var(--state-hover)}.user-row:active{background:var(--state-pressed)}.user-row-info{flex:1 1;min-width:0}.user-row-name{font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--text-primary)}.user-row-meta,.user-row-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-row-meta{font-size:13px;color:var(--text-faint)}.user-row-actions{display:flex;gap:6px;flex-shrink:0}.gender-tile{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px;border-radius:var(--radius-md);border:none;background:var(--fill-tonal);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background-color var(--motion-hover) var(--ease-standard),box-shadow var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard),transform var(--motion-press) var(--ease-standard);flex:1 1;min-width:0;white-space:nowrap}.gender-tile svg{flex-shrink:0}.gender-tile-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.gender-tile:hover{background:var(--fill-tonal-hover)}.gender-tile:active{transform:scale(.98)}.gender-tile.male svg{color:var(--gender-male-accent)}.gender-tile.female svg{color:var(--gender-female-accent)}.gender-tile.non-binary svg{color:var(--gender-nonbinary-accent)}.gender-tile.selected-male{background:var(--gender-male-bg);box-shadow:inset 0 0 0 1.5px var(--gender-male-accent);color:var(--gender-male-accent)}.gender-tile.selected-female{background:var(--gender-female-bg);box-shadow:inset 0 0 0 1.5px var(--gender-female-accent);color:var(--gender-female-accent)}.gender-tile.selected-non-binary{background:var(--gender-nonbinary-bg);box-shadow:inset 0 0 0 1.5px var(--gender-nonbinary-accent);color:var(--gender-nonbinary-accent)}.gender-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:440px}@media (max-width:420px){.gender-tile-grid .gender-tile{flex-direction:column;gap:4px;min-height:60px;padding:8px 4px;font-size:13px}}.settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;width:100%;max-width:560px;padding:3px;background:var(--fill-tonal)}.settings-tab,.settings-tabs{border-radius:var(--radius-full)}.settings-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:40px;padding:0 8px;font-size:13px;font-weight:500;color:var(--text-muted);transition:background-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard)}.settings-tab svg{flex-shrink:0}.settings-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-tab:hover{color:var(--text-primary)}.settings-tab[aria-selected=true]{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-xs)}[data-theme=dark] .settings-tab[aria-selected=true]{background:var(--bg-elevated)}.settings-tab:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}@media (max-width:480px){.settings-tabs{border-radius:18px}.settings-tab{flex-direction:column;gap:3px;min-height:52px;padding:6px 2px;border-radius:15px;font-size:11.5px}}.settings-section{display:block;min-width:0;max-width:100%;padding:clamp(18px,4vw,28px);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-xs);overflow-wrap:anywhere}.settings-section>*{max-width:100%}.settings-section--danger{box-shadow:inset 0 0 0 1px var(--danger)}.settings-section-head{margin-bottom:18px}.settings-section-title{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.settings-section-title .settings-section-hint{font-size:13px;font-weight:400;color:var(--text-faint)}.settings-section-desc{margin:0;font-size:14px;line-height:1.5;color:var(--text-muted)}.settings-section-body{display:flex;flex-direction:column;gap:16px;min-width:0}.settings-section-body>*{min-width:0}.settings-section-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-subtle)}.settings-section-foot-note{font-size:13px;color:var(--text-faint)}.settings-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.settings-grid>*{min-width:0}.settings-grid--location{grid-template-columns:minmax(84px,110px) repeat(2,minmax(0,1fr))}@media (max-width:560px){.settings-grid--location{grid-template-columns:minmax(84px,104px) minmax(0,1fr)}.settings-grid--location>:nth-child(3){grid-column:1/-1}}.settings-subhead{margin:4px 0 -4px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.choice-chips{display:flex;flex-wrap:wrap;gap:8px}.choice-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:var(--radius-full);background:var(--fill-tonal);font-size:13px;font-weight:500;color:var(--text-primary);transition:background-color var(--motion-hover) var(--ease-standard),box-shadow var(--motion-hover) var(--ease-standard)}.choice-chip:hover:not(:disabled){background:var(--fill-tonal-hover)}.choice-chip[aria-pressed=true]{background:var(--primary-soft);box-shadow:inset 0 0 0 1.5px var(--brand-primary);color:var(--brand-primary)}.choice-chip:disabled{opacity:.45;cursor:not-allowed}.choice-chip:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.photo-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(30%,108px),1fr))}.photo-tile{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md);background:var(--fill-tonal)}.photo-tile img{display:block;width:100%;height:100%;object-fit:cover}.photo-tile--pending img{opacity:.5}.photo-tile-status{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-primary)}.photo-tile-remove{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--bg-card) 88%,transparent);color:var(--text-primary);box-shadow:var(--shadow-sm)}.photo-tile-remove:hover{color:var(--danger)}.photo-tile-add:focus-within,.photo-tile-remove:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.photo-tile-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1;border-radius:var(--radius-md);border:1.5px dashed var(--border-strong);font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:border-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard)}.photo-tile-add:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.photo-tile-add[aria-disabled=true]{opacity:.5;cursor:not-allowed}.chat-bubble{max-width:72%;padding:10px 15px;border-radius:var(--radius-bubble);font-size:15px;line-height:1.45;word-wrap:break-word}.chat-bubble-sent{margin-left:auto;background:var(--action-primary);color:var(--on-action);border-bottom-right-radius:6px}.chat-bubble-received{margin-right:auto;background:var(--bg-card);color:var(--text-primary);border:none;box-shadow:var(--shadow-xs);border-bottom-left-radius:6px}.chat-bubble-time{font-size:11px;color:var(--text-faint);margin-top:4px}.chat-bubble-sent .chat-bubble-time{color:color-mix(in srgb,var(--on-action) 72%,transparent);text-align:right}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;gap:12px;animation:slideUp var(--motion-enter) var(--ease-decelerate)}.empty-state-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--fill-tonal);color:var(--text-muted);margin-bottom:6px}.empty-state-title{font-size:19px;font-weight:600;color:var(--text-primary);letter-spacing:var(--tracking-title)}.empty-state-text{font-size:15px;line-height:var(--leading-body);color:var(--text-muted);max-width:340px}.empty-state-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;max-width:520px;margin:auto;padding:48px 40px;background:var(--bg-card);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}[data-theme=dark] .empty-state-card{box-shadow:none}.empty-state-card .empty-state-icon{width:80px;height:80px;border-radius:24px;background:var(--primary-soft);color:var(--brand-primary)}.empty-state-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}@media (max-width:640px){.empty-state-card{padding:36px 22px}.empty-state-card .empty-state-icon{width:68px;height:68px}}.vibe-pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 15px;border-radius:var(--radius-full);border:none;background:var(--fill-tonal);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard),transform var(--motion-press) var(--ease-standard);-webkit-user-select:none;user-select:none}.vibe-pill:hover{background:var(--fill-tonal-hover)}.vibe-pill:active{transform:scale(.97)}.vibe-pill.active,.vibe-pill.active:hover{background:var(--fill-inverse);color:var(--on-inverse)}.vibe-pill.active:hover{opacity:.9}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--live);flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--site-max);margin:0 auto;padding:0 var(--site-gutter)}.container-sm{max-width:640px}.container-md{max-width:860px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-primary{color:var(--brand-primary)}.font-bold{font-weight:600}.w-full{width:100%}@media (max-width:768px){.h1{font-size:28px}.h2{font-size:22px}.h3{font-size:18px}}.app-shell-columns{min-height:0}.app-shell-columns,.app-shell-main{flex:1 1;display:flex;overflow:hidden}.app-shell-main{min-width:0;flex-direction:column}.app-root-shell,.app-workspace-main,.app-workspace-shell{min-width:0}.app-secondary-nav,.app-top-header{flex-shrink:0}.app-secondary-links{min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-secondary-link,.app-upgrade-link{white-space:nowrap;flex-shrink:0}.app-sidebar-list{scrollbar-gutter:stable}.sidebar-user-tile{min-height:60px}.mobile-list-user-tile:hover,.sidebar-user-tile:hover{box-shadow:var(--shadow-sm)}.mobile-list-user-tile.active,.sidebar-user-tile.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 45%,transparent)}@media (max-width:1179px){:root{--online-panel-w:296px}}@media (max-width:1024px){.app-top-header{padding:0 16px}.app-secondary-nav{padding:0 16px;gap:12px;overflow:hidden}.app-secondary-link{padding-inline:14px}.app-upgrade-link{padding:8px 12px}}@media (max-width:768px){.app-root-shell{overflow:hidden}.app-online-sidebar{display:none}}.chat-pattern-bg{position:absolute;inset:0;background-image:none;background-repeat:repeat;background-position:50%;background-size:cover;opacity:.15;pointer-events:none;z-index:0}.chat-bg-stars{background-image:url(/textures/stardust.png)!important;opacity:.2}.chat-bg-waves{background-image:url(/textures/wavecut.png)!important;opacity:.15}.chat-bg-geometric{background-image:url(/textures/cubes.png)!important;opacity:.15}.chat-bg-bokeh{background-image:url(/textures/black-scales.png)!important;opacity:.15}.chat-bg-abstract{background-image:url(/textures/asfalt-dark.png)!important;opacity:.15}.chat-bg-iron{background:rgba(161,165,169,.1)!important;background-image:none!important;opacity:1}.chat-bg-bronze{background:rgba(205,127,50,.15)!important;background-image:none!important;opacity:1}.chat-bg-silver{background:rgba(192,192,192,.15)!important;background-image:none!important;opacity:1}.chat-bg-gold{background:rgba(255,215,0,.15)!important;background-image:none!important;opacity:1}.chat-bg-diamond{background:rgba(185,242,255,.2)!important;opacity:1}.chat-bg-diamond,.chat-bg-none{background-image:none!important}.chat-bg-none{background:transparent!important}[data-skin]:not([data-skin=default]){color-scheme:dark;--bg-input-disabled:rgba(255,255,255,0.04);--divider:rgba(255,255,255,0.04);--text-placeholder:#8b9793;--text-disabled:#7d8884;--state-hover:rgba(255,255,255,0.08);--state-pressed:rgba(255,255,255,0.12);--surface-hover:var(--state-hover);--scrollbar-thumb:rgba(255,255,255,0.14);--shadow-sm:0 2px 8px rgba(0,0,0,0.28);--shadow-md:0 10px 30px rgba(0,0,0,0.3);--shadow-lg:0 16px 40px rgba(0,0,0,0.35);--border-input:rgba(255,255,255,0.16);--gender-male-bg:#16242f;--gender-female-bg:#2b1720;--gender-nonbinary-bg:#221830;--gender-male-accent:#7fb4f5;--gender-female-accent:#f18fc0;--gender-nonbinary-accent:#b494f0;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#60a5fa;--live:#22c55e;--fill-tonal:rgba(255,255,255,0.07);--fill-tonal-hover:rgba(255,255,255,0.11);--fill-inverse:var(--text-primary);--on-inverse:var(--bg-main);--bg-band:var(--bg-surface);--bg-deep:color-mix(in srgb,var(--bg-main) 82%,#000);--border-subtle:var(--border-default);--scrim:rgba(0,0,0,0.6)}[data-skin=ocean]{--bg-main:#0d1520;--bg-surface:#131d2b;--bg-card:#1a2635;--bg-elevated:#212f40;--bg-hover:#29384b;--bg-pressed:#324356;--bg-input:#0d1520;--border-default:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.18);--brand-primary:#6cb6f5;--action-primary:#6cb6f5;--action-primary-hover:#8ac6f8;--action-primary-pressed:#55a4e8;--on-action:#06202e;--primary-soft:rgba(108,182,245,0.14);--text-primary:#eff6ff;--text-muted:#b6cbe0;--text-faint:#8ba1b8}[data-skin=forest]{--bg-main:#0c1613;--bg-surface:#121f1a;--bg-card:#182922;--bg-elevated:#1f342b;--bg-hover:#274035;--bg-pressed:#304d40;--bg-input:#0c1613;--border-default:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.18);--brand-primary:#5cd39a;--action-primary:#5cd39a;--action-primary-hover:#7adeac;--action-primary-pressed:#4bc389;--on-action:#06231a;--primary-soft:rgba(92,211,154,0.14);--text-primary:#ecfdf5;--text-muted:#b7d5c7;--text-faint:#8dab9d}[data-skin=berry]{--bg-main:#180d18;--bg-surface:#211322;--bg-card:#2b1a2d;--bg-elevated:#362138;--bg-hover:#422a45;--bg-pressed:#4f3453;--bg-input:#180d18;--border-default:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.18);--brand-primary:#e893ee;--action-primary:#e893ee;--action-primary-hover:#f0aaf5;--action-primary-pressed:#d97fe0;--on-action:#2a0930;--primary-soft:rgba(232,147,238,0.14);--text-primary:#fdf4ff;--text-muted:#dcc0e0;--text-faint:#b195b6}[data-skin=royal]{--bg-main:#110d1e;--bg-surface:#191329;--bg-card:#221a35;--bg-elevated:#2b2142;--bg-hover:#362a51;--bg-pressed:#413461;--bg-input:#110d1e;--border-default:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.18);--brand-primary:#b39cfb;--action-primary:#b39cfb;--action-primary-hover:#c6b4fd;--action-primary-pressed:#9f85f5;--on-action:#1a0b3d;--primary-soft:rgba(179,156,251,0.14);--text-primary:#f5f3ff;--text-muted:#cfc6ea;--text-faint:#a79cc4}[data-skin=gold]{--bg-main:#16130f;--bg-surface:#1e1a15;--bg-card:#27221b;--bg-elevated:#302a22;--bg-hover:#3b342a;--bg-pressed:#473f33;--bg-input:#16130f;--border-default:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.18);--brand-primary:#f0c15a;--action-primary:#f0c15a;--action-primary-hover:#f6d17c;--action-primary-pressed:#e0b043;--brand-btn-text:#241a02;--on-action:#241a02;--primary-soft:rgba(240,193,90,0.14);--text-primary:#fdf6e4;--text-muted:#d9cdae;--text-faint:#ada386}[data-skin=neon]{--bg-main:#0b0f16;--bg-surface:#10151f;--bg-card:#161d29;--bg-elevated:#1d2533;--bg-hover:#252e3e;--bg-pressed:#2e394a;--bg-input:#0b0f16;--border-default:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.18);--brand-primary:#4fd8ea;--action-primary:#4fd8ea;--action-primary-hover:#71e2f0;--action-primary-pressed:#3cc5d7;--on-action:#04222a;--primary-soft:rgba(79,216,234,0.14);--text-primary:#f8fafc;--text-muted:#bac6d4;--text-faint:#8d9aa9}[data-skin=minimal-dark]{--bg-main:#0a0a0a;--bg-surface:#111111;--bg-card:#191919;--bg-elevated:#212121;--bg-hover:#2a2a2a;--bg-pressed:#333333;--bg-input:#0a0a0a;--border-default:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.18);--brand-primary:#fafafa;--action-primary:#fafafa;--action-primary-hover:#ffffff;--action-primary-pressed:#e0e0e0;--brand-btn-text:#0a0a0a;--on-action:#0a0a0a;--primary-soft:rgba(250,250,250,0.12);--text-primary:#fafafa;--text-muted:#b4b4b4;--text-faint:#8a8a8a}[data-skin=glassy-emerald]{--bg-main:#08150f;--bg-surface:#0d1e16;--bg-card:#12291e;--bg-elevated:#183426;--bg-hover:#1f412f;--bg-pressed:#274e39;--bg-input:#08150f;--border-default:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.18);--brand-primary:#3fd7a0;--action-primary:#3fd7a0;--action-primary-hover:#62e2b5;--action-primary-pressed:#31c48e;--on-action:#04241a;--primary-soft:rgba(63,215,160,0.14);--text-primary:#ecfdf5;--text-muted:#b4d6c7;--text-faint:#88ac9c}[data-theme=dark] .chat-pattern-bg{opacity:.05;filter:invert(1) brightness(.9)}@media (max-width:768px){.chat-pattern-bg{background-image:none;background-size:cover}}.chat-bg-doodle-chat{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='none' stroke='rgba(92,74,56,0.12)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='18' y='24' rx='9' width='44' height='30'/%3E%3Cpath d='M30 54l-5 9 11-4'/%3E%3Cpath d='M150 46c-5-7-16-5-16 4 0 8 16 16 16 16s16-8 16-16c0-9-11-11-16-4z'/%3E%3Cpath d='M60 142l4 9 10 1-7 7 2 10-9-5-9 5 2-10-7-7 10-1z'/%3E%3Ccircle cx='110' cy='100' r='13'/%3E%3Cpath d='M104 103q6 7 12 0'/%3E%3Ccircle cx='105' cy='96' r='1.4' fill='rgba(92,74,56,0.12)'/%3E%3Ccircle cx='115' cy='96' r='1.4' fill='rgba(92,74,56,0.12)'/%3E%3Cpath d='M178 150v20m0 0a5 4 0 1 1-9 2 5 4 0 0 1 9-2zm0-20l11 4v6l-11-4'/%3E%3C/g%3E%3C/svg%3E") repeat #f4f0e7!important;background-size:220px 220px!important}[data-theme=dark] .chat-bg-doodle-chat{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='18' y='24' rx='9' width='44' height='30'/%3E%3Cpath d='M30 54l-5 9 11-4'/%3E%3Cpath d='M150 46c-5-7-16-5-16 4 0 8 16 16 16 16s16-8 16-16c0-9-11-11-16-4z'/%3E%3Cpath d='M60 142l4 9 10 1-7 7 2 10-9-5-9 5 2-10-7-7 10-1z'/%3E%3Ccircle cx='110' cy='100' r='13'/%3E%3Cpath d='M104 103q6 7 12 0'/%3E%3Ccircle cx='105' cy='96' r='1.4' fill='rgba(255,255,255,0.06)'/%3E%3Ccircle cx='115' cy='96' r='1.4' fill='rgba(255,255,255,0.06)'/%3E%3Cpath d='M178 150v20m0 0a5 4 0 1 1-9 2 5 4 0 0 1 9-2zm0-20l11 4v6l-11-4'/%3E%3C/g%3E%3C/svg%3E") repeat #10141a!important;background-size:220px 220px!important}.chat-bg-aurora{opacity:1!important;filter:none!important;background:#f1f5fb!important}[data-theme=dark] .chat-bg-aurora{opacity:1!important;filter:none!important;background:#090e21!important}.chat-bg-sunset-glow{opacity:1!important;filter:none!important;background:#f8d6de!important}[data-theme=dark] .chat-bg-sunset-glow{opacity:1!important;filter:none!important;background:#2c101c!important}.chat-bg-ocean-depths{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='140'%3E%3Cg fill='none' stroke='rgba(14,116,144,0.13)' stroke-width='2'%3E%3Cpath d='M-10 40q32.5-18 65 0t65 0 65 0 65 0 30 0'/%3E%3Cpath d='M-10 100q32.5-18 65 0t65 0 65 0 65 0 30 0'/%3E%3C/g%3E%3C/svg%3E") repeat #cfe6fd!important;background-size:260px 140px!important}[data-theme=dark] .chat-bg-ocean-depths{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='140'%3E%3Cg fill='none' stroke='rgba(125,211,252,0.10)' stroke-width='2'%3E%3Cpath d='M-10 40q32.5-18 65 0t65 0 65 0 65 0 30 0'/%3E%3Cpath d='M-10 100q32.5-18 65 0t65 0 65 0 65 0 30 0'/%3E%3C/g%3E%3C/svg%3E") repeat #061a2d!important;background-size:260px 140px!important}.chat-bg-starfield{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg fill='rgba(99,102,241,0.35)'%3E%3Ccircle cx='24' cy='30' r='1.6'/%3E%3Ccircle cx='80' cy='14' r='1.1'/%3E%3Ccircle cx='140' cy='44' r='1.8'/%3E%3Ccircle cx='205' cy='24' r='1.2'/%3E%3Ccircle cx='48' cy='96' r='1.3'/%3E%3Ccircle cx='120' cy='120' r='1.7'/%3E%3Ccircle cx='188' cy='96' r='1.1'/%3E%3Ccircle cx='224' cy='150' r='1.5'/%3E%3Ccircle cx='30' cy='170' r='1.7'/%3E%3Ccircle cx='96' cy='196' r='1.2'/%3E%3Ccircle cx='160' cy='176' r='1.4'/%3E%3Ccircle cx='210' cy='214' r='1.6'/%3E%3Cpath d='M70 60l1.6 4.4 4.4 1.6-4.4 1.6-1.6 4.4-1.6-4.4-4.4-1.6 4.4-1.6z'/%3E%3Cpath d='M180 140l1.4 3.8 3.8 1.4-3.8 1.4-1.4 3.8-1.4-3.8-3.8-1.4 3.8-1.4z'/%3E%3C/g%3E%3C/svg%3E") repeat #e5ebfd!important;background-size:240px 240px!important}[data-theme=dark] .chat-bg-starfield{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg fill='rgba(255,255,255,0.55)'%3E%3Ccircle cx='24' cy='30' r='1.6'/%3E%3Ccircle cx='80' cy='14' r='1'/%3E%3Ccircle cx='140' cy='44' r='1.8'/%3E%3Ccircle cx='205' cy='24' r='1.1'/%3E%3Ccircle cx='48' cy='96' r='1.2'/%3E%3Ccircle cx='120' cy='120' r='1.7'/%3E%3Ccircle cx='188' cy='96' r='1'/%3E%3Ccircle cx='224' cy='150' r='1.4'/%3E%3Ccircle cx='30' cy='170' r='1.6'/%3E%3Ccircle cx='96' cy='196' r='1.1'/%3E%3Ccircle cx='160' cy='176' r='1.3'/%3E%3Ccircle cx='210' cy='214' r='1.5'/%3E%3Cpath d='M70 60l1.6 4.4 4.4 1.6-4.4 1.6-1.6 4.4-1.6-4.4-4.4-1.6 4.4-1.6z'/%3E%3Cpath d='M180 140l1.4 3.8 3.8 1.4-3.8 1.4-1.4 3.8-1.4-3.8-3.8-1.4 3.8-1.4z'/%3E%3C/g%3E%3C/svg%3E") repeat #090c21!important;background-size:240px 240px!important}.chat-bg-sakura{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='rgba(236,72,153,0.14)'%3E%3Cpath d='M40 30c6-2 12 2 12 8s-8 12-12 10-6-6-4-10 2-7 4-8z'/%3E%3Cpath d='M150 60c6-2 12 2 12 8s-8 12-12 10-6-6-4-10 2-7 4-8z' transform='rotate(40 150 68)'/%3E%3Cpath d='M80 130c6-2 12 2 12 8s-8 12-12 10-6-6-4-10 2-7 4-8z' transform='rotate(-25 80 138)'/%3E%3Cpath d='M180 160c6-2 12 2 12 8s-8 12-12 10-6-6-4-10 2-7 4-8z' transform='rotate(70 180 168)'/%3E%3Cpath d='M20 190c6-2 12 2 12 8s-8 12-12 10-6-6-4-10 2-7 4-8z' transform='rotate(15 20 198)'/%3E%3C/g%3E%3C/svg%3E") repeat #fdedf6!important;background-size:220px 220px!important}[data-theme=dark] .chat-bg-sakura{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='rgba(244,114,182,0.10)'%3E%3Cpath d='M40 30c6-2 12 2 12 8s-8 12-12 10-6-6-4-10 2-7 4-8z'/%3E%3Cpath d='M150 60c6-2 12 2 12 8s-8 12-12 10-6-6-4-10 2-7 4-8z' transform='rotate(40 150 68)'/%3E%3Cpath d='M80 130c6-2 12 2 12 8s-8 12-12 10-6-6-4-10 2-7 4-8z' transform='rotate(-25 80 138)'/%3E%3Cpath d='M180 160c6-2 12 2 12 8s-8 12-12 10-6-6-4-10 2-7 4-8z' transform='rotate(70 180 168)'/%3E%3Cpath d='M20 190c6-2 12 2 12 8s-8 12-12 10-6-6-4-10 2-7 4-8z' transform='rotate(15 20 198)'/%3E%3C/g%3E%3C/svg%3E") repeat #20111f!important;background-size:220px 220px!important}.chat-bg-geo-mesh{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104'%3E%3Cpath d='M60 0L120 52 60 104 0 52Z' fill='none' stroke='rgba(51,65,85,0.09)' stroke-width='1.5'/%3E%3C/svg%3E") repeat #f3f6f9!important;background-size:120px 104px!important}[data-theme=dark] .chat-bg-geo-mesh{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104'%3E%3Cpath d='M60 0L120 52 60 104 0 52Z' fill='none' stroke='rgba(148,163,184,0.08)' stroke-width='1.5'/%3E%3C/svg%3E") repeat #0e1318!important;background-size:120px 104px!important}.chat-bg-golden-hour{opacity:1!important;filter:none!important;background:#f6e2bb!important}[data-theme=dark] .chat-bg-golden-hour{opacity:1!important;filter:none!important;background:#1c1507!important}.chat-bg-neon-grid,[data-theme=dark] .chat-bg-neon-grid{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M0 0.5H44' stroke='rgba(34,211,238,0.13)'/%3E%3Cpath d='M0.5 0V44' stroke='rgba(217,70,239,0.10)'/%3E%3C/svg%3E") repeat #100328!important;background-size:44px 44px!important}.chat-bg-forest-mist{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg fill='rgba(5,122,85,0.10)'%3E%3Cpath d='M30 40C38 28 54 26 60 28c2 6-2 22-14 26-8 2-14-6-16-14z'/%3E%3Cpath d='M150 90C158 78 174 76 180 78c2 6-2 22-14 26-8 2-14-6-16-14z' transform='rotate(50 165 90)'/%3E%3Cpath d='M60 170C68 158 84 156 90 158c2 6-2 22-14 26-8 2-14-6-16-14z' transform='rotate(-30 75 170)'/%3E%3Cpath d='M190 190C198 178 214 176 220 178c2 6-2 22-14 26-8 2-14-6-16-14z' transform='rotate(15 205 190)'/%3E%3C/g%3E%3C/svg%3E") repeat #def9eb!important;background-size:240px 240px!important}[data-theme=dark] .chat-bg-forest-mist{opacity:1!important;filter:none!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg fill='rgba(110,231,183,0.07)'%3E%3Cpath d='M30 40C38 28 54 26 60 28c2 6-2 22-14 26-8 2-14-6-16-14z'/%3E%3Cpath d='M150 90C158 78 174 76 180 78c2 6-2 22-14 26-8 2-14-6-16-14z' transform='rotate(50 165 90)'/%3E%3Cpath d='M60 170C68 158 84 156 90 158c2 6-2 22-14 26-8 2-14-6-16-14z' transform='rotate(-30 75 170)'/%3E%3Cpath d='M190 190C198 178 214 176 220 178c2 6-2 22-14 26-8 2-14-6-16-14z' transform='rotate(15 205 190)'/%3E%3C/g%3E%3C/svg%3E") repeat #081912!important;background-size:240px 240px!important}@media (max-width:640px){:root{--app-header-h:56px}.app-top-header{padding:0 12px}.app-brand-name{display:none}.app-top-actions{gap:6px}.app-quick-actions{display:none}.app-secondary-nav{top:var(--app-header-h);height:48px;padding:0 8px}.app-secondary-link{gap:6px;padding-inline:12px;font-size:13px}.app-upgrade-link{display:none}}.sidebar-profile-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);padding:16px;display:flex;align-items:center;gap:12px}.sidebar-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px;margin-bottom:20px}.sidebar-filter-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border-strong);font-size:13px;font-weight:600;color:var(--text-muted);transition:background-color var(--motion-hover) var(--ease-standard),border-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard)}.sidebar-filter-btn:hover{background:var(--state-hover);color:var(--text-primary)}.sidebar-filter-btn.active{background:var(--action-primary);color:var(--on-action);border-color:var(--action-primary)}.online-user-tile{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);border:none;background:var(--bg-card);box-shadow:var(--elevation-1);transition:background-color var(--motion-hover) var(--ease-standard),box-shadow var(--motion-hover) var(--ease-standard);cursor:pointer;margin-bottom:8px;position:relative}.online-user-tile:hover{background:var(--bg-hover);box-shadow:var(--elevation-2)}.online-user-tile:active{background:var(--bg-pressed);box-shadow:var(--elevation-1)}.online-user-tile.active{background:var(--primary-soft);box-shadow:inset 3px 0 0 0 var(--brand-primary)}.online-user-tile.male{background:var(--gender-male-bg)}.online-user-tile.female{background:var(--gender-female-bg)}.online-user-tile.non-binary{background:var(--gender-nonbinary-bg)}.online-user-tile-info{flex:1 1;min-width:0}.online-user-tile-name{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:4px}.online-user-tile-meta{font-size:11px;color:var(--text-muted);font-weight:500}.online-user-tile-flag{width:20px;height:20px;display:grid;place-items:center;font-size:16px}.public-header{position:sticky;top:0;z-index:100;background:var(--bg-main);box-shadow:0 1px 0 var(--border-default);font-family:var(--font-ui)}.public-header-inner{max-width:var(--container-wide);height:60px;margin:0 auto;padding-inline:var(--site-gutter);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,40px)}.public-header-brand{justify-self:start;display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:600;letter-spacing:-.03em;color:var(--text-primary);text-decoration:none;white-space:nowrap}.public-beta-tag{flex-shrink:0;padding:3px 7px;border-radius:var(--radius-full);background:var(--fill-tonal);color:var(--text-faint);font-size:10px;font-weight:500;letter-spacing:.02em;line-height:1}.brand-logo{position:relative;flex-shrink:0}.brand-logo,.brand-logo-img{display:block}.brand-logo-img--blue,[data-theme=light] .brand-logo-img--green{display:none}[data-theme=light] .brand-logo-img--blue{display:block}.public-header-nav{display:flex;align-items:center;gap:4px}.public-nav-link{display:inline-flex;align-items:center;height:36px;padding:0 13px;border-radius:var(--radius-full);font-size:14px;font-weight:450;color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:background-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard)}.public-nav-link:hover{color:var(--text-primary);background:var(--state-hover)}.public-nav-link[aria-current=page]{color:var(--text-primary);font-weight:500;background:var(--fill-tonal)}.public-header-actions{justify-self:end;display:flex;align-items:center;gap:2px}.public-header .theme-toggle{width:36px;height:36px}.public-header-account{display:flex;align-items:center;gap:6px;margin-left:8px}.public-header-avatar{display:inline-flex;border-radius:var(--radius-full)}.public-header-text{height:36px;padding:0 12px;background:none;border:0;border-radius:var(--radius-full);font:inherit;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background-color var(--motion-hover) var(--ease-standard)}.public-header-text:hover{background:var(--state-hover)}.public-header-outline,.public-header-pill{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:var(--radius-full);font:inherit;font-size:14px;font-weight:500;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-hover) var(--ease-standard),transform var(--motion-press) var(--ease-standard)}.public-header-outline:active,.public-header-pill:active{transform:scale(.98)}.public-header-pill{background:var(--action-primary);color:var(--on-action);border:0}.public-header-pill:hover{background:var(--action-primary-hover)}.public-header-outline{background:var(--fill-tonal);color:var(--text-primary);border:0}.public-header-outline:hover{background:var(--fill-tonal-hover)}.public-header-outline.is-block,.public-header-pill.is-block{width:100%;height:52px;font-size:16px}.public-menu-toggle{display:none;width:40px;height:40px;place-items:center;margin-right:-8px;border:0;border-radius:var(--radius-full);background:none;color:var(--text-primary);cursor:pointer}.public-menu-toggle:hover{background:var(--state-hover)}.lang-picker{position:relative}.lang-picker-trigger{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:0;border-radius:var(--radius-full);background:none;font:inherit;font-size:14px;font-weight:450;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard)}.lang-picker-trigger:hover,.lang-picker-trigger[aria-expanded=true]{background:var(--state-hover);color:var(--text-primary)}.lang-picker-chevron{transition:transform var(--motion-hover) var(--ease-standard)}.lang-picker-trigger[aria-expanded=true] .lang-picker-chevron{transform:rotate(180deg)}.lang-picker-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:120;min-width:200px;margin:0;padding:6px;list-style:none;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:18px;box-shadow:var(--shadow-lg);transform-origin:top right;animation:popoverIn .18s var(--ease-decelerate)}.lang-picker-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--text-primary);text-align:left;cursor:pointer}.lang-picker-item:focus-visible,.lang-picker-item:hover{background:var(--state-hover);outline:none}.lang-picker-item[aria-checked=true] svg{color:var(--brand-primary)}.public-mobile-menu{max-height:calc(100dvh - 60px);overflow-y:auto;padding:16px var(--site-gutter) 32px;background:var(--bg-main);box-shadow:0 1px 0 var(--border-default) inset;animation:mobileMenuIn .24s var(--ease-decelerate)}.public-mobile-primary,.public-mobile-secondary{display:flex;flex-direction:column}.public-mobile-primary a{padding:10px 0;font-size:28px;font-weight:600;letter-spacing:-.035em;color:var(--text-primary);text-decoration:none}.public-mobile-secondary{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-default)}.public-mobile-secondary a{padding:9px 0;font-size:16px;font-weight:450;color:var(--text-muted);text-decoration:none}.public-mobile-primary a:hover,.public-mobile-primary a[aria-current=page],.public-mobile-secondary a:hover{color:var(--brand-primary)}.public-mobile-actions{display:grid;gap:10px;margin-top:28px}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (max-width:1100px){.public-header .lang-picker-chevron,.public-header .lang-picker-label{display:none}.public-header .lang-picker-trigger{width:36px;padding:0;justify-content:center}}@media (max-width:900px){.public-header-inner{grid-template-columns:minmax(0,1fr) auto}.public-header-account,.public-header-nav{display:none}.public-menu-toggle{display:grid}}@media (max-width:380px){.public-header .lang-picker{display:none}}@media (min-width:901px){.public-mobile-menu{display:none}}@media (prefers-reduced-motion:reduce){.lang-picker-menu,.popover-menu,.public-mobile-menu{animation:none}}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-faint);margin-bottom:16px}.landing-section{padding:var(--section-y) 0;place-items:center;margin-bottom:0}.benefits-card{background:var(--bg-card);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:44px 36px;text-align:left}[data-theme=dark] .benefits-card{box-shadow:none}.benefits-icon-wrap{width:48px;height:48px;border-radius:16px;background:var(--fill-tonal);color:var(--text-primary);display:grid;place-items:center;margin:0 0 24px}.benefits-list{display:flex;flex-direction:column;gap:14px;max-width:none;margin:0;text-align:left}.benefit-item{display:flex;align-items:center;gap:12px}.benefit-icon{width:24px;height:24px;border-radius:var(--radius-full);background:transparent;color:var(--brand-primary);display:grid;place-items:center;flex-shrink:0}.premium-card{background:var(--bg-card);border:none;border-radius:var(--radius-xl);padding:44px 36px;text-align:left;box-shadow:inset 0 0 0 1.5px var(--brand-primary),var(--shadow-md)}[data-theme=dark] .premium-card{box-shadow:inset 0 0 0 1.5px var(--brand-primary)}.premium-crown-wrap{width:48px;height:48px;border-radius:16px;background:var(--primary-soft);color:var(--brand-primary);display:grid;place-items:center;margin:0 0 24px}.premium-benefits-grid{display:grid;grid-template-columns:1fr;gap:14px;max-width:none;margin:0}.premium-benefit-item{display:flex;align-items:center;gap:12px;text-align:left}.premium-benefit-icon{width:24px;height:24px;border-radius:var(--radius-full);background:transparent;color:var(--brand-primary);display:grid;place-items:center;flex-shrink:0}.rooms-page-container{max-width:720px;margin:0 auto}.room-list-tile{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--bg-card);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:10px 14px}[data-theme=dark] .room-list-tile{box-shadow:none}.guest-form-card{background:var(--bg-card);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}[data-theme=dark] .guest-form-card{box-shadow:var(--shadow-sm)}.guest-form .guest-form-title{font-size:24px;font-weight:600;letter-spacing:var(--tracking-title)}.guest-form-fields{display:flex;flex-direction:column;gap:16px}.guest-gender-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.guest-form .guest-gender-grid{gap:2px;padding:3px;border-radius:var(--radius-full);background:var(--bg-input);box-shadow:inset 0 0 0 1px var(--border-input)}.guest-form .gender-tile{min-height:40px;padding:6px;border-radius:var(--radius-full);background:transparent;box-shadow:none;color:var(--text-muted);font-size:14px;font-weight:500}.guest-form .gender-tile svg{flex-shrink:0}.guest-form .gender-tile:hover{background:transparent;color:var(--text-primary)}.guest-form .gender-tile[aria-pressed=true]{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}[data-theme=dark] .guest-form .gender-tile[aria-pressed=true]{background:var(--bg-elevated)}.guest-location-grid{display:grid;grid-template-columns:minmax(96px,.8fr) minmax(0,1fr) minmax(0,1fr);gap:10px}.guest-location-grid .input-group{min-width:0}@media (max-width:480px){.guest-location-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.guest-location-grid>:nth-child(3){grid-column:1/-1}}@media (max-width:359px){.guest-location-grid{grid-template-columns:1fr}}.guest-vibe-grid{display:flex;flex-wrap:wrap;gap:8px}.guest-form .guest-vibe-grid{margin-top:6px}.guest-vibe-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.guest-vibe-label{min-width:0;margin:0}.guest-vibe-count{flex-shrink:0;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-faint)}.guest-vibe-more{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;min-height:32px;margin-left:auto;padding:0 4px 0 10px;border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--brand-primary);transition:background-color var(--motion-hover) var(--ease-standard)}.guest-vibe-more:hover{background:var(--state-hover)}.guest-form .guest-vibe-grid{margin-top:0}.guest-vibe-grid[data-collapsed]{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px 2px;margin:-3px -2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}.guest-vibe-grid[data-collapsed]::-webkit-scrollbar{display:none}.guest-vibe-grid[data-collapsed] .vibe-pill{flex-shrink:0}.guest-sexuality-section{border:none;border-radius:var(--radius-md);background:var(--fill-tonal);overflow:hidden}.guest-sexuality-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:6px 14px;text-align:left;color:var(--text-primary);transition:background-color var(--motion-hover) var(--ease-standard)}.guest-sexuality-toggle:hover{background:var(--state-hover)}.guest-sexuality-toggle svg{margin-left:auto}.guest-sexuality-label{margin:0}.guest-sexuality-optional{font-weight:400;color:var(--text-faint)}.guest-sexuality-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text-muted)}.guest-sexuality-panel{display:flex;flex-direction:column;gap:10px;padding:0 14px 14px}.guest-form .guest-start-btn{height:54px;gap:10px;font-size:16px;font-weight:500}.guest-auth-actions{display:flex;gap:10px;margin-top:2px;justify-content:center}.guest-form .guest-auth-actions .btn{height:46px;background:var(--fill-tonal);border:none!important;color:var(--text-primary)}.guest-form .guest-auth-actions .btn:hover:not(:disabled){background:var(--fill-tonal-hover)}.guest-form-modal .guest-form .guest-form-fields{gap:12px}.guest-form-modal .guest-form .guest-form-title{font-size:22px}.guest-form-modal .guest-form .gender-tile{min-height:38px}.guest-form-modal .guest-form .guest-start-btn{height:50px}.guest-form-modal .guest-form .guest-auth-actions .btn{height:42px}.public-footer{background:var(--bg-deep);padding:clamp(56px,7vw,96px) 0 28px}.footer-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.6fr);gap:clamp(32px,5vw,80px);margin-bottom:clamp(40px,5vw,72px);align-items:start}.footer-brand-col{max-width:300px}.footer-brand-col h2{font-size:17px;letter-spacing:-.03em}.footer-brand-col p{line-height:var(--leading-body)}.footer-links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.footer-link-col{display:flex;flex-direction:column;gap:12px;min-width:0}.footer-link-col .label{color:var(--text-primary);font-size:13px;font-weight:500}.footer-link{font-size:14px;color:var(--text-muted);text-decoration:none;transition:color var(--motion-hover) var(--ease-standard);line-height:1.45;padding:0;text-align:left;overflow-wrap:anywhere}.footer-link:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-default);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}@media (max-height:730px){#guest-form{padding:20px!important}}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile-only{display:grid!important}.online-preview-grid{grid-template-columns:1fr;gap:12px}.benefits-card,.premium-card{padding:28px 22px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-brand-col{max-width:none}.footer-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.landing-section{padding:56px 0}#guest-form{padding:22px!important;border-radius:var(--radius-lg)!important}#guest-form .h3{font-size:22px}#guest-form>.body-sm{margin-bottom:8px!important}.guest-form-fields{gap:14px}.gender-tile{min-width:0;gap:5px;font-size:13px}}@media (max-width:600px){.room-list-tile{grid-template-columns:36px minmax(0,1fr) auto;padding:8px 12px;gap:10px}.room-list-tile>div:first-child{grid-row:1/span 2}.room-list-tile .room-list-join-btn{grid-column:3;grid-row:1/span 2}.room-list-tile .room-list-stats{grid-column:2;grid-row:2;display:flex!important}}@media (max-width:480px){.container{max-width:min(100%,calc(100% - 24px));padding:0 12px}}@media (max-width:340px){.footer-links-grid{grid-template-columns:1fr}}@media (min-width:769px){.show-mobile-only{display:none!important}}.benefits-premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--container);margin:0 auto;align-items:stretch}@media (max-width:1024px){.benefits-premium-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.benefits-premium-grid{grid-template-columns:1fr;gap:16px}}.blogs-grid{display:grid;grid-template-columns:1fr;gap:28px}@media (min-width:640px){.blogs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blogs-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{display:flex;flex-direction:column;height:100%;background:var(--bg-card);border:none;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .32s var(--ease-decelerate),box-shadow .32s var(--ease-decelerate)}[data-theme=dark] .blog-card{box-shadow:none}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.blog-card:active{transform:translateY(-1px)}.blog-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.blog-card__media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-band)}.blog-card__art,.blog-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-card__art,.blog-card:hover .blog-card__img{transform:scale(1.03)}.blog-card__body{display:flex;flex-direction:column;flex:1 1;padding:22px 24px 24px}.blog-card__tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.blog-card__tag{font-size:12px;font-weight:500;text-transform:none;padding:3px 10px;border-radius:999px;background:var(--fill-tonal);color:var(--text-muted)}.blog-card__title{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--text-main);margin:0 0 10px;-webkit-line-clamp:2;line-clamp:2;transition:color .2s ease}.blog-card__excerpt,.blog-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card__excerpt{font-size:15px;color:var(--text-muted);line-height:var(--leading-body);margin:0 0 20px;-webkit-line-clamp:3;line-clamp:3}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:4px}.blog-card__meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--text-faint);font-size:13px}.blog-card__meta-item{display:inline-flex;align-items:center;gap:5px}.blog-card__read{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;color:var(--brand-primary);font-size:14px;font-weight:500;transition:gap var(--motion-hover) var(--ease-standard)}.blog-card:hover .blog-card__read{gap:8px}.blog-card--skeleton{pointer-events:none}.blog-card__skeleton-line{height:12px;border-radius:6px;background:var(--fill-tonal);margin-bottom:10px}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card__art,.blog-card__img,.blog-card__read,.blog-card__title{transition:none}.blog-card:hover,.blog-card:hover .blog-card__art,.blog-card:hover .blog-card__img{transform:none}}.blog-pager-link{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:var(--radius-full);background:var(--fill-tonal);color:var(--text-primary);text-decoration:none;font-weight:500;font-size:14px;transition:background-color var(--motion-hover) var(--ease-standard)}.blog-pager-link:hover{background:var(--fill-tonal-hover)}.blog-pager-link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-premium{background:var(--fill-inverse)!important;color:var(--on-inverse)!important;border:none!important;font-weight:500!important;position:relative!important;overflow:hidden!important}.btn-premium:hover:not(:disabled){opacity:.9}.animate-spin,.spin{animation:spin 1s linear infinite}@media (max-width:900px){.app-sidebar-filter-text{display:none!important}.ous-chip-row .sidebar-gender-chip{padding:6px 10px!important;justify-content:center!important}}@media (max-width:760px){.room-search-input{font-size:16px!important}.filter-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.settings-content{padding:16px 12px!important;gap:20px!important}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-content{margin:0;max-width:none;border-bottom:none;border-radius:28px 28px 0 0;max-height:92vh;max-height:92dvh;padding-bottom:var(--safe-bottom)}.modal-backdrop{align-items:flex-end;padding:0}.modal-backdrop.modal-backdrop--panel{align-items:flex-start;justify-content:stretch;padding:max(8px,var(--safe-top)) 8px 8px}.modal-content.modal-content--panel{max-width:none;border-radius:var(--radius-xl);max-height:calc(100vh - 24px);max-height:calc(100dvh - max(8px, var(--safe-top)) - 24px);padding-bottom:0;transform-origin:top center}.premium-toggle{width:100%;justify-content:center}}@media (max-width:480px){.empty-state{padding:32px 16px}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-top{padding-top:env(safe-area-inset-top,0)}@media (max-width:760px){.chat-textarea,.input-field,.select-field,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]),select,textarea{font-size:16px!important}.btn-sm{height:44px}.tab-btn{padding:14px 16px;min-height:44px}}@media (min-width:761px){.chat-messages-area{padding-left:40px!important;padding-right:40px!important}.chat-messages-area>div{max-width:1020px;margin:0 auto}.msg-bubble-col{max-width:min(62%,620px)!important}.chat-messages-area .msg-timestamp{opacity:.62}}@media (min-width:1400px){.chat-messages-area{padding-left:56px!important;padding-right:56px!important}}.msg-row{animation:msgIn .2s var(--ease-decelerate) both}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:760px){.chat-messages-area{padding-left:12px!important;padding-right:12px!important}.msg-input-bar{padding-bottom:max(8px,env(safe-area-inset-bottom,8px))!important}}.app-workspace-shell--in-chat .app-workspace-main>div{overflow:hidden!important}.app-workspace-shell--in-chat .app-workspace-main{padding-bottom:0!important}@media (max-width:760px){.app-sidebar-list{padding:8px!important}.app-sidebar-list>*+*{margin-top:2px}.msg-row{margin-bottom:8px!important}.chat-messages-area{padding-top:4px!important;padding-bottom:6px!important}.msg-input-row{padding:6px 10px!important}.chat-date-divider{margin:10px 8px}.chat-push-enter{animation:chatPushIn .28s var(--ease-decelerate) backwards}}@media (max-width:760px){@keyframes chatPushIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}}@media (prefers-reduced-motion:reduce){.chat-push-enter{animation:none}}@media (max-height:460px) and (orientation:landscape){
  /* !important throughout: SafetyReminder and ChatHeader carry their CSS in
     component \3c style> blocks, which land after this file in the cascade, and
     .chat-header-meta additionally has an inline display:flex. Equal-specificity
     rules here would lose to both. */.safety-strip{display:none!important}.chat-header-layout{padding-top:2px!important;padding-bottom:2px!important}.chat-header-meta{display:none!important}.chat-header-avatar .avatar{width:34px!important;height:34px!important}.chat-messages-area{padding-top:2px!important;padding-bottom:2px!important}.msg-row{margin-bottom:6px!important}.msg-input-row{padding:4px 10px!important}.mtt-nav .mtt-tab-label{display:none}.mtt-nav .mtt-tab{min-height:44px}:root{--app-header-h:48px}.app-sidebar-header{padding:8px 12px 6px!important}.ous-filters{padding:0 12px 8px!important}}@media (max-width:760px){.filter-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.filter-scroll>*{scroll-snap-align:start}}@media (max-width:380px){.app-sidebar-list span[style*=whiteSpace],.online-user-tile-name{max-width:100px}}@media (max-width:760px){.inline-chat-ad{margin-left:0!important;margin-right:0!important;border-radius:8px!important}}@media (max-width:600px){.blog-card img{max-height:140px}}.empty-modal-container{height:100%;padding:40px 24px}.empty-modal-card,.empty-modal-container{display:flex;align-items:center;justify-content:center;width:100%}.empty-modal-card{flex-direction:column;padding:56px 44px 48px;border-radius:var(--radius-xl);background:var(--bg-card);border:none;box-shadow:var(--shadow-sm);max-width:460px;text-align:center;animation:dialogIn var(--motion-enter) var(--ease-decelerate)}[data-theme=dark] .empty-modal-card{box-shadow:none}.empty-modal-icon-wrapper{width:72px;height:72px;border-radius:24px;background:var(--primary-soft);color:var(--brand-primary);display:grid;place-items:center;margin-bottom:28px}.empty-modal-icon-wrapper svg{width:30px;height:30px}.empty-modal-title{margin:0 0 12px;font-size:clamp(28px,3vw,34px);font-weight:600;line-height:1.08;letter-spacing:-.035em;color:var(--text-primary);text-wrap:balance}.empty-modal-text{margin:0 0 36px;max-width:340px;font-size:15px;line-height:var(--leading-body);color:var(--text-muted)}@media (max-width:760px){.empty-modal-container{align-items:flex-start;padding:10vh 16px 16px}.empty-modal-card{padding:40px 24px 32px;border-radius:var(--radius-lg)}}@media (min-width:1536px){body{font-size:16px}.h1{font-size:40px}.h2{font-size:31px}.h3{font-size:24px}.h4{font-size:20px}.body-lg{font-size:17px}:root{--online-panel-w:360px}.landing-section{padding:80px 0}.benefits-card,.premium-card{padding:56px 48px}}@media (min-width:1920px){body{font-size:17px}.h1{font-size:46px}.h2{font-size:35px}.h3{font-size:27px}.h4{font-size:22px}.body-lg{font-size:18px}:root{--online-panel-w:372px;--rail-w:288px}.landing-section{padding:96px 0}.benefits-card,.premium-card{padding:64px 56px}}@media (min-width:2560px){body{font-size:18px}.h1{font-size:52px}.h2{font-size:39px}.h3{font-size:30px}.h4{font-size:24px}.body-lg{font-size:19px}:root{--online-panel-w:380px;--rail-w:300px}.landing-section{padding:112px 0}}.landing-description,.seo-body-text{max-width:65ch}.games-page{max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-12);width:100%}.games-catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}@media (min-width:1024px){.games-catalogue-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.games-catalogue-grid{grid-template-columns:1fr}}.game-card{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.game-archive-row{transition:border-color .15s,transform .15s;cursor:pointer}.game-archive-row:hover{border-color:var(--game-accent,var(--brand-primary));transform:translateY(-1px)}.game-card-head{display:flex;align-items:center;gap:var(--space-3)}.game-card-icon{width:48px;height:48px;flex:none;border-radius:var(--radius-md);display:grid;place-items:center;color:#fff;background:var(--game-accent,var(--brand-primary))}.game-card-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8rem;color:var(--text-secondary)}.game-board-container{width:100%;max-width:var(--game-board-max,520px);margin:0 auto;aspect-ratio:1/1}.game-shell{display:flex;flex-direction:column;gap:var(--space-4);max-width:760px;margin:0 auto;padding:var(--space-4);width:100%}.game-control-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.game-control-bar .btn{min-height:44px;min-width:44px}.game-board-skeleton{max-width:var(--game-board-max,520px);border-radius:var(--radius-lg)}.game-board-skeleton,.game-grid{width:100%;aspect-ratio:1/1;margin:0 auto}.game-grid{display:grid;max-width:var(--game-board-max,460px);border:3px solid var(--text-primary);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card)}.game-grid-cell{position:relative;display:grid;place-items:center;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);font-size:clamp(1rem,5vw,1.5rem);cursor:pointer;min-width:44px;min-height:44px;aspect-ratio:1/1}.game-grid-cell.is-given{background:var(--bg-card)}.game-grid-cell.is-selected{outline:3px solid var(--brand-primary);outline-offset:-3px;z-index:1}.game-grid-cell.has-conflict{box-shadow:inset 0 0 0 2px var(--danger)}.game-grid-conflict-dot{position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:var(--danger)}.game-grid-notes{font-size:.6rem;color:var(--text-faint);line-height:1}.beacons-region-letter{position:absolute;top:2px;left:3px;font-size:.55rem;font-weight:600;color:var(--text-faint)}.trail-checkpoint{display:grid;place-items:center;width:70%;height:70%;border-radius:50%;background:var(--text-primary);color:var(--bg-card);font-weight:600;font-size:.9rem}.game-grid-cell.trail-on-path .trail-checkpoint{background:var(--bg-card);color:var(--text-primary)}.game-grid-cell.tiles-anchor{outline:3px dashed var(--game-tiles-accent);outline-offset:-3px}.faq-item{border:none;border-radius:18px;padding:16px 20px;background:var(--bg-card);box-shadow:var(--shadow-xs)}[data-theme=dark] .faq-item{box-shadow:none}.faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;cursor:pointer;color:var(--text-primary);list-style:none}.faq-item>summary::-webkit-details-marker{display:none}.faq-item .faq-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-item>p{margin-top:10px;line-height:1.7;color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.faq-item .faq-chevron{transition:none}}.btn-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bubble-forest:#1f7a5a;--bubble-forest-on:#ffffff;--bubble-forest-soft:#c9e9da;--bubble-forest-soft-on:#0b1211;--bubble-ocean:#1f6fd0;--bubble-ocean-on:#ffffff;--bubble-ocean-soft:#d9e7fa;--bubble-ocean-soft-on:#0b1211;--bubble-indigo:#4b45c9;--bubble-indigo-on:#ffffff;--bubble-indigo-soft:#e2e0fb;--bubble-indigo-soft-on:#0b1211;--bubble-navy:#1d4568;--bubble-navy-on:#ffffff;--bubble-navy-soft:#dbe6f0;--bubble-navy-soft-on:#0b1211;--bubble-orchid:#9333c4;--bubble-orchid-on:#ffffff;--bubble-orchid-soft:#f0dcf7;--bubble-orchid-soft-on:#0b1211;--bubble-graphite:#333333;--bubble-graphite-on:#ffffff;--bubble-graphite-soft:#dcdcdc;--bubble-graphite-soft-on:#0b1211;--bubble-terracotta:#c05430;--bubble-terracotta-on:#ffffff;--bubble-terracotta-soft:#f8e0d5;--bubble-terracotta-soft-on:#0b1211;--bubble-olive:#3f5236;--bubble-olive-on:#ffffff;--bubble-olive-soft:#dee7d9;--bubble-olive-soft-on:#0b1211;--bubble-teal:#1e7370;--bubble-teal-on:#ffffff;--bubble-teal-soft:#c6e5e2;--bubble-teal-soft-on:#0b1211;--bubble-berry:#7d1533;--bubble-berry-on:#ffffff;--bubble-berry-soft:#fadce4;--bubble-berry-soft-on:#0b1211;--bubble-cocoa:#7a5240;--bubble-cocoa-on:#ffffff;--bubble-cocoa-soft:#efe0d6;--bubble-cocoa-soft-on:#0b1211;--bubble-sand:#7d674c;--bubble-sand-on:#ffffff;--bubble-sand-soft:#e5ded1;--bubble-sand-soft-on:#0b1211;--bubble-jade:#2c7d63;--bubble-jade-on:#ffffff;--bubble-jade-soft:#cdebe0;--bubble-jade-soft-on:#0b1211;--bubble-mustard:#8a6d0e;--bubble-mustard-on:#ffffff;--bubble-mustard-soft:#f0e5b4;--bubble-mustard-soft-on:#0b1211;--bubble-moss:#5b7a2c;--bubble-moss-on:#ffffff;--bubble-moss-soft:#dcebc4;--bubble-moss-soft-on:#0b1211;--bubble-magenta:#b81f5e;--bubble-magenta-on:#ffffff;--bubble-magenta-soft:#fbdce8;--bubble-magenta-soft-on:#0b1211;--bubble-royal:#5b35b8;--bubble-royal-on:#ffffff;--bubble-royal-soft:#e6dcfa;--bubble-royal-soft-on:#0b1211;--bubble-crimson:#b32130;--bubble-crimson-on:#ffffff;--bubble-crimson-soft:#fadcdd;--bubble-crimson-soft-on:#0b1211;--bubble-tangerine:#b1521a;--bubble-tangerine-on:#ffffff;--bubble-tangerine-soft:#f7d9c2;--bubble-tangerine-soft-on:#0b1211;--bubble-slate:#4a5b6b;--bubble-slate-on:#ffffff;--bubble-slate-soft:#e0e6ec;--bubble-slate-soft-on:#0b1211;--bubble-plum:#6d2f5e;--bubble-plum-on:#ffffff;--bubble-plum-soft:#f3dcee;--bubble-plum-soft-on:#0b1211}[data-theme=dark]{--bubble-forest:#2f6b52;--bubble-forest-on:#e9f1ef;--bubble-forest-soft:#20342c;--bubble-forest-soft-on:#e9f1ef;--bubble-ocean:#28578f;--bubble-ocean-on:#e9f1ef;--bubble-ocean-soft:#1e3350;--bubble-ocean-soft-on:#e9f1ef;--bubble-indigo:#453f8f;--bubble-indigo-on:#e9f1ef;--bubble-indigo-soft:#2a2748;--bubble-indigo-soft-on:#e9f1ef;--bubble-navy:#22405c;--bubble-navy-on:#e9f1ef;--bubble-navy-soft:#1c2b39;--bubble-navy-soft-on:#e9f1ef;--bubble-orchid:#7b3fa0;--bubble-orchid-on:#e9f1ef;--bubble-orchid-soft:#3a2444;--bubble-orchid-soft-on:#e9f1ef;--bubble-graphite:#5b5b5b;--bubble-graphite-on:#e9f1ef;--bubble-graphite-soft:#3a3a3a;--bubble-graphite-soft-on:#e9f1ef;--bubble-terracotta:#9c4a2e;--bubble-terracotta-on:#e9f1ef;--bubble-terracotta-soft:#42261c;--bubble-terracotta-soft-on:#e9f1ef;--bubble-olive:#3f5236;--bubble-olive-on:#e9f1ef;--bubble-olive-soft:#26301f;--bubble-olive-soft-on:#e9f1ef;--bubble-teal:#245f5e;--bubble-teal-on:#e9f1ef;--bubble-teal-soft:#183434;--bubble-teal-soft-on:#e9f1ef;--bubble-berry:#7a1e37;--bubble-berry-on:#e9f1ef;--bubble-berry-soft:#45202c;--bubble-berry-soft-on:#e9f1ef;--bubble-cocoa:#5f4133;--bubble-cocoa-on:#e9f1ef;--bubble-cocoa-soft:#35271f;--bubble-cocoa-soft-on:#e9f1ef;--bubble-sand:#6b5b46;--bubble-sand-on:#e9f1ef;--bubble-sand-soft:#332d25;--bubble-sand-soft-on:#e9f1ef;--bubble-jade:#2b6353;--bubble-jade-on:#e9f1ef;--bubble-jade-soft:#1c332c;--bubble-jade-soft-on:#e9f1ef;--bubble-mustard:#6d5710;--bubble-mustard-on:#e9f1ef;--bubble-mustard-soft:#3a3013;--bubble-mustard-soft-on:#e9f1ef;--bubble-moss:#4c6528;--bubble-moss-on:#e9f1ef;--bubble-moss-soft:#2b3620;--bubble-moss-soft-on:#e9f1ef;--bubble-magenta:#932b57;--bubble-magenta-on:#e9f1ef;--bubble-magenta-soft:#3f1c2b;--bubble-magenta-soft-on:#e9f1ef;--bubble-royal:#4f3591;--bubble-royal-on:#e9f1ef;--bubble-royal-soft:#2d2348;--bubble-royal-soft-on:#e9f1ef;--bubble-crimson:#8f2a34;--bubble-crimson-on:#e9f1ef;--bubble-crimson-soft:#3d1d20;--bubble-crimson-soft-on:#e9f1ef;--bubble-tangerine:#8c4519;--bubble-tangerine-on:#e9f1ef;--bubble-tangerine-soft:#3c2617;--bubble-tangerine-soft-on:#e9f1ef;--bubble-slate:#44515e;--bubble-slate-on:#e9f1ef;--bubble-slate-soft:#2a323a;--bubble-slate-soft-on:#e9f1ef;--bubble-plum:#5d3053;--bubble-plum-on:#e9f1ef;--bubble-plum-soft:#392233;--bubble-plum-soft-on:#e9f1ef}.sticky-ad-dock{display:none}.public-shell-ad-reserve{padding-bottom:0}@media (max-width:760px){.sticky-ad-dock{display:flex;justify-content:center}.public-shell-ad-reserve{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}.ad-banner-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:970px;margin:var(--space-6) auto;min-height:50px}.ad-banner-unit{width:100%;height:50px}@media (min-width:769px){.ad-banner-container{min-height:90px}.ad-banner-unit{height:90px}}.consent-banner{position:fixed;left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));bottom:max(12px,var(--safe-bottom));z-index:1001;max-width:980px;margin:0 auto;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4) var(--space-5);animation:dialogIn var(--motion-enter) var(--ease-decelerate)}.consent-banner-inner{position:relative;margin:0 auto;display:flex;align-items:center;gap:var(--space-4);padding-right:var(--space-8)}.consent-banner-icon{flex-shrink:0;color:var(--text-faint)}.consent-banner-text{flex:1 1;min-width:0;margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary)}.consent-banner-text a,.consent-intro a{color:var(--brand-primary);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent)}.consent-banner-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-2)}.consent-banner-close{position:absolute;top:50%;right:0;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--text-muted);transition:background-color var(--motion-hover) var(--ease-standard)}.consent-banner-close:hover{background:var(--state-hover);color:var(--text-primary)}@media (max-width:720px){.consent-banner-inner{flex-direction:column;align-items:stretch;gap:var(--space-3);padding-right:var(--space-8)}.consent-banner-icon{display:none}.consent-banner-close{top:0;transform:none}.consent-banner-actions{flex-wrap:nowrap}.consent-banner-actions .btn{flex:1 1}}.consent-intro{margin:0 0 var(--space-4)}.consent-categories{display:flex;flex-direction:column;gap:var(--space-3)}.consent-category{display:block;padding:14px 16px;border-radius:var(--radius-md);background:var(--fill-tonal);border:none;cursor:pointer}.consent-category-locked{cursor:not-allowed;opacity:.7}.consent-category-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.consent-category-name{font-size:13px;font-weight:600;color:var(--text-primary)}.consent-category-state{font-size:12px;color:var(--text-faint)}.consent-category-toggle{width:18px;height:18px;flex-shrink:0;accent-color:var(--brand-primary)}.consent-category-desc{font-size:12px;color:var(--text-secondary);margin:6px 0 0;line-height:1.5}