:root{color-scheme:light;--brand-tone:#55d4bf;--brand-primary:#0f7a6a;--brand-secondary:#14907d;--brand-btn-text:#ffffff;--action-primary:#0f7a6a;--action-primary-hover:#128977;--action-primary-pressed:#0c685a;--on-action:#ffffff;--bg-main:#f2f5f4;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-elevated:#ffffff;--bg-hover:#eaefed;--bg-pressed:#e0e7e5;--bg-input:#eaefed;--border-default:rgba(16,34,30,0.1);--border-strong:rgba(16,34,30,0.18);--divider:rgba(16,34,30,0.06);--text-primary:#10201c;--text-muted:#4b5a56;--text-faint:#647270;--text-placeholder:#5f6d69;--text-disabled:#a4afab;--text-main:var(--text-primary);--text-secondary:var(--text-muted);--ambient-1:rgba(85,212,191,0.05);--ambient-2:rgba(85,212,191,0.035);--ambient-3:rgba(16,34,30,0.035);--ambient-wash:radial-gradient(58% 46% at 8% 0%,var(--ambient-1),transparent 68%),radial-gradient(46% 40% at 52% 42%,var(--ambient-2),transparent 70%),radial-gradient(60% 50% at 100% 100%,var(--ambient-3),transparent 68%);--app-bg-pattern:var(--ambient-wash);--gender-male-bg:#dceafb;--gender-female-bg:#fbdcec;--gender-nonbinary-bg:#eadefb;--gender-male-accent:#1a6fd4;--gender-female-accent:#c93582;--gender-nonbinary-accent:#7a4fd0;--success:#15803d;--warning:#b45309;--danger:#dc2626;--info:#1d4ed8;--scrollbar-thumb:rgba(16,34,30,0.18);--scrollbar-track:transparent;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:28px;--radius-nav:16px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(16,34,30,0.08);--shadow-md:0 10px 30px rgba(16,34,30,0.1);--shadow-lg:0 16px 40px rgba(16,34,30,0.14);--elevation-1:var(--shadow-sm);--elevation-2:var(--shadow-md);--elevation-3:var(--shadow-lg);--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-decelerate:cubic-bezier(0,0,0.2,1);--motion-hover:150ms;--motion-press:120ms;--motion-nav:220ms;--motion-dialog:250ms;--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;--primary-soft:rgba(15,122,106,0.1);--action-soft:rgba(15,122,106,0.1);--focus-ring:rgba(15,122,106,0.28);--danger-soft:rgba(220,38,38,0.1);--success-soft:rgba(21,128,61,0.1);--warning-soft:rgba(180,83,9,0.1);--warning-dark:#92400e;--info-soft:rgba(29,78,216,0.1);--state-hover:rgba(16,34,30,0.06);--state-pressed:rgba(16,34,30,0.1);--surface-hover:var(--state-hover);--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-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-hover:#323735;--bg-pressed:#3b413f;--bg-input:#232725;--border-default:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.14);--divider:rgba(255,255,255,0.04);--text-primary:#f8faf9;--text-muted:#c7cfcc;--text-faint:#9aa6a1;--text-placeholder:#8b9793;--text-disabled:#5d6662;--ambient-1:rgba(85,212,191,0.045);--ambient-2:rgba(85,212,191,0.03);--ambient-3:rgba(140,200,255,0.025);--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;--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);--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);--surface-hover:var(--state-hover);--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}*,: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-manrope),system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:400;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-height:100dvh;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:var(--ambient-wash)}[lang=ja] body{font-family:var(--font-manrope),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}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}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{font-size:36px;font-weight:800;line-height:1.2}.h1,.h2{letter-spacing:0}.h2{font-size:28px;line-height:1.25}.h2,.h3{font-weight:700}.h3{font-size:22px;line-height:1.3}.h4{font-size:18px;font-weight:600;line-height:1.4}.body-lg{font-size:16px;line-height:1.6}.body-md{font-size:14px;line-height:1.5}.body-sm{font-size:13px;line-height:1.5}.caption{font-weight:600;line-height:1.4;letter-spacing:.04em}.caption,.label{font-size:12px;text-transform:uppercase}.label{font-weight:700;letter-spacing:.05em;color:var(--text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;letter-spacing:.01em;border-radius:var(--radius-md)!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}.btn-sm{height:36px;padding:0 16px;font-size:13px}.btn-md{height:44px;padding:0 22px;font-size:14px}.btn-lg{height:52px;padding:0 30px;font-size:15px}.btn-primary{background:var(--action-primary);color:var(--on-action)}.btn-primary:hover:not(:disabled){background:var(--action-primary-hover);box-shadow:var(--elevation-1)}.btn-primary:active:not(:disabled){background:var(--action-primary-pressed);box-shadow:none}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-default),var(--elevation-1)}.btn-secondary:active:not(:disabled){background:var(--bg-pressed);box-shadow:inset 0 0 0 1px var(--border-default)}.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:#fff}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 88%,#000);box-shadow:var(--elevation-1)}.btn-danger:active:not(:disabled){background:color-mix(in srgb,var(--danger) 78%,#000);box-shadow:none}.btn-outline{background:transparent;color:var(--brand-primary);border:1px solid var(--border-strong)!important}.btn-outline:hover:not(:disabled){background:var(--primary-soft);border-color:var(--brand-primary)!important;color:var(--brand-primary)}.btn-outline:active:not(:disabled){background:var(--action-soft)}.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;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:active:not(:disabled){transform:scale(.97)}.btn-icon:active:not(:disabled){transform:scale(.94)}.btn-full{width:100%}.chat-date-divider{display:flex;align-items:center;gap:12px;margin:16px 8px;-webkit-user-select:none;user-select:none}.chat-date-divider:after,.chat-date-divider:before{content:"";flex:1 1;height:1px;background:var(--border-default)}.chat-date-divider__label{flex-shrink:0;padding:4px 12px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.btn-loading{pointer-events:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.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)}.icon-button:hover{background:var(--state-hover);color:var(--text-primary)}.icon-button:active{background:var(--state-pressed)}.icon-button.active,.icon-button[aria-pressed=true]{color:var(--brand-primary)}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.input-field{height:48px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:14px;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){background:var(--bg-hover)}.input-field:focus{border-color:var(--brand-primary);background:var(--bg-input);box-shadow:0 0 0 3px var(--primary-soft)}.input-field.input-error{border-color:var(--danger);box-shadow:0 0 0 3px 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:44px}.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 transparent;border-radius:var(--radius-md);background:var(--bg-input);font-size:14px;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='%23999' 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 14px center;padding:0 36px 0 16px}.select-field option{background-color:var(--bg-surface);color:var(--text-primary)}.select-field:hover:not(:disabled):not(:focus){background:var(--bg-hover)}.select-field:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--primary-soft)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);overflow:hidden}.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:box-shadow var(--motion-hover) var(--ease-standard),background-color var(--motion-hover) var(--ease-standard),border-color var(--motion-hover) var(--ease-standard)}.card-hover:hover{background:var(--bg-elevated);box-shadow:var(--elevation-2);border-color:var(--border-strong)}.modal-backdrop{position:fixed;inset:0;background:rgba(8,12,11,.62);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn var(--motion-dialog) var(--ease-standard)}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--elevation-2);animation:slideUp var(--motion-dialog) var(--ease-decelerate)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 12px}.modal-header h2{font-size:20px;font-weight:700;letter-spacing:-.01em}.modal-close{width:44px;height:44px;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)}.modal-close:hover{background:var(--state-hover);color:var(--text-primary)}.modal-close:active{background:var(--state-pressed)}.modal-body{padding:0 24px 24px}.modal-footer{padding:16px 24px 20px;border-top:1px solid var(--divider);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.sheet-content{background:var(--bg-elevated);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--elevation-3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.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:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge-guest{background:var(--surface-hover);color:var(--text-muted)}.badge-registered{background:var(--info-soft);color:var(--info)}.badge-premium{background:rgba(255,170,0,.12);color:#ffa800}.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:44px;height:44px;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{background:var(--state-hover);color:var(--brand-primary)}.theme-toggle:active{background:var(--state-pressed)}.tabs{display:flex;border-bottom:1px solid var(--divider);gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{position:relative;padding:14px 20px;font-size:14px;font-weight:600;color:var(--text-muted);border-bottom:none;transition:color var(--motion-nav) var(--ease-standard),background-color var(--motion-hover) var(--ease-standard);white-space:nowrap;flex-shrink:0}.tab-btn:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--brand-primary);transform:scaleX(0);transform-origin:center;transition:transform var(--motion-nav) var(--ease-standard)}.tab-btn:hover{color:var(--text-primary);background:var(--state-hover)}.tab-btn.active{color:var(--brand-primary)}.tab-btn.active:after{transform:scaleX(1)}.user-row{display:flex;align-items:center;gap:12px;padding:12px 14px;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:14px;font-weight:600;color:var(--text-primary)}.user-row-meta,.user-row-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-row-meta{font-size:12px;color:var(--text-muted)}.user-row-actions{display:flex;gap:6px;flex-shrink:0}.gender-tile{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 10px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:transparent;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background-color var(--motion-hover) var(--ease-standard),border-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard);flex:1 1;white-space:nowrap}.gender-tile:hover{background:var(--state-hover)}.gender-tile.male{color:var(--gender-male-accent)}.gender-tile.female{color:var(--gender-female-accent)}.gender-tile.non-binary{color:var(--gender-nonbinary-accent)}.gender-tile.selected-male{border-color:var(--gender-male-accent);background:var(--gender-male-bg);color:var(--gender-male-accent)}.gender-tile.selected-female{border-color:var(--gender-female-accent);background:var(--gender-female-bg);color:var(--gender-female-accent)}.gender-tile.selected-non-binary{border-color:var(--gender-nonbinary-accent);background:var(--gender-nonbinary-bg);color:var(--gender-nonbinary-accent)}.chat-bubble{max-width:72%;padding:11px 16px;border-radius:var(--radius-lg);font-size:14.5px;line-height:1.55;word-wrap:break-word}.chat-bubble-sent{margin-left:auto;background:var(--action-primary);color:var(--on-action);border-bottom-right-radius:var(--radius-sm)}.chat-bubble-received{margin-right:auto;background:var(--bg-elevated);color:var(--text-primary);border:none;box-shadow:var(--elevation-1);border-bottom-left-radius:var(--radius-sm)}.chat-bubble-time{font-size:10.5px;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:14px}.empty-state-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--radius-2xl);background:var(--primary-soft);color:var(--brand-primary);margin-bottom:4px}.empty-state-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.empty-state-text{font-size:14px;line-height:1.6;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:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--elevation-1)}.empty-state-card .empty-state-icon{width:96px;height:96px}.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:76px;height:76px}}.vibe-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:transparent;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background-color var(--motion-hover) var(--ease-standard),border-color var(--motion-hover) var(--ease-standard),color var(--motion-hover) var(--ease-standard);-webkit-user-select:none;user-select:none}.vibe-pill:hover{background:var(--state-hover);color:var(--text-primary)}.vibe-pill.active{background:var(--action-primary);border-color:var(--action-primary);color:var(--on-action)}.vibe-pill.active:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover);color:var(--on-action)}.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:min(1680px,calc(100% - 40px));margin:0 auto;padding:0 clamp(12px,3.5vw,48px)}.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:700}.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}.sidebar-user-tile:hover{background:var(--state-hover)!important}.sidebar-user-tile.active{background:var(--primary-soft)!important;box-shadow:inset 3px 0 0 0 var(--brand-primary)}@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}}@media (max-width:480px){.hero-h1{font-size:40px!important}.hero-h2{font-size:20px!important}}.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:linear-gradient(135deg,rgba(161,165,169,.1),transparent)!important;background-image:none!important;opacity:1}.chat-bg-bronze{background:linear-gradient(135deg,rgba(205,127,50,.15),transparent)!important;background-image:none!important;opacity:1}.chat-bg-silver{background:linear-gradient(135deg,rgba(192,192,192,.15),transparent)!important;background-image:none!important;opacity:1}.chat-bg-gold{background:linear-gradient(135deg,rgba(255,215,0,.15),transparent)!important;background-image:none!important;opacity:1}.chat-bg-diamond{background:linear-gradient(135deg,rgba(185,242,255,.2),transparent)!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;--divider:rgba(255,255,255,0.04);--text-placeholder:#8b9793;--text-disabled:#5d6662;--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);--ambient-1:rgba(255,255,255,0.03);--ambient-2:rgba(255,255,255,0.02);--ambient-3:rgba(255,255,255,0.02);--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}[data-skin=ocean]{--bg-main:#0d1520;--bg-surface:#131d2b;--bg-card:#1a2635;--bg-elevated:#212f40;--bg-hover:#29384b;--bg-pressed:#324356;--bg-input:#1a2635;--border-default:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.14);--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:#182922;--border-default:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.14);--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:#2b1a2d;--border-default:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.14);--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:#221a35;--border-default:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.14);--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:#27221b;--border-default:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.14);--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:#161d29;--border-default:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.14);--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:#191919;--border-default:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.14);--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:#12291e;--border-default:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.14);--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,linear-gradient(180deg,#f7f3ec,#f1ece2)!important;background-size:220px 220px,cover!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,linear-gradient(180deg,#12161c,#0e1217)!important;background-size:220px 220px,cover!important}.chat-bg-aurora{opacity:1!important;filter:none!important;background:radial-gradient(60% 50% at 20% 0,rgba(94,234,212,.35),transparent 60%),radial-gradient(50% 45% at 75% 8%,rgba(167,139,250,.3),transparent 60%),radial-gradient(40% 40% at 50% 25%,rgba(244,114,182,.16),transparent 65%),linear-gradient(180deg,#eef4ff,#f8fafc 55%,#eef2f7)!important}[data-theme=dark] .chat-bg-aurora{opacity:1!important;filter:none!important;background:radial-gradient(60% 50% at 20% 0,rgba(45,212,191,.28),transparent 60%),radial-gradient(50% 45% at 75% 8%,rgba(139,92,246,.26),transparent 60%),radial-gradient(45% 40% at 50% 28%,rgba(236,72,153,.12),transparent 65%),linear-gradient(180deg,#070b1d,#0b1026 45%,#0a0f1f)!important}.chat-bg-sunset-glow{opacity:1!important;filter:none!important;background:radial-gradient(45% 35% at 80% 12%,rgba(255,183,77,.45),transparent 65%),linear-gradient(160deg,#ffe8d6,#ffd6cc 35%,#f8c4d8 70%,#e9d5ff)!important}[data-theme=dark] .chat-bg-sunset-glow{opacity:1!important;filter:none!important;background:radial-gradient(45% 35% at 80% 12%,rgba(255,122,51,.22),transparent 65%),linear-gradient(160deg,#2a1206,#3b1020 55%,#1f0f2e)!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,linear-gradient(180deg,#e0f2fe,#cfe6fb 60%,#bfdbfe)!important;background-size:260px 140px,cover!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,linear-gradient(180deg,#041427,#06192e 55%,#082033)!important;background-size:260px 140px,cover!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,linear-gradient(180deg,#e0e7ff,#eef2ff 55%,#e2e8f8)!important;background-size:240px 240px,cover!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,linear-gradient(180deg,#05060f,#0a0d24 60%,#0d1130)!important;background-size:240px 240px,cover!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,linear-gradient(180deg,#fdf2f8,#fce7f3)!important;background-size:220px 220px,cover!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,linear-gradient(180deg,#1c0f1a,#241224)!important;background-size:220px 220px,cover!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,linear-gradient(180deg,#f8fafc,#eef2f6)!important;background-size:120px 104px,cover!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,linear-gradient(180deg,#0b0f14,#11161c)!important;background-size:120px 104px,cover!important}.chat-bg-golden-hour{opacity:1!important;filter:none!important;background:radial-gradient(55% 40% at 30% 18%,rgba(255,255,255,.55),transparent 65%),linear-gradient(135deg,#fdf6e3,#f9e8c9 30%,#f3d9a4 65%,#eecf9a)!important}[data-theme=dark] .chat-bg-golden-hour{opacity:1!important;filter:none!important;background:radial-gradient(55% 40% at 30% 18%,rgba(251,191,36,.14),transparent 65%),linear-gradient(135deg,#171207,#241b09 50%,#1a1206)!important}.chat-bg-neon-grid,[data-theme=dark] .chat-bg-neon-grid{opacity:1!important;filter:none!important;background:radial-gradient(70% 45% at 50% 100%,rgba(34,211,238,.2),transparent 70%),repeating-linear-gradient(0deg,rgba(34,211,238,.13) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(217,70,239,.1) 0 1px,transparent 1px 44px),linear-gradient(180deg,#0a0118,#10032a 60%,#160536)!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,linear-gradient(180deg,#ecfdf5,#dcf5e7 55%,#d1fae5)!important;background-size:240px 240px,cover!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,linear-gradient(180deg,#06130e,#081a12 55%,#0a1f16)!important;background-size:240px 240px,cover!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:700;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:700;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{border-bottom:1px solid var(--border-default);background:var(--bg-surface);position:sticky;top:0;z-index:100}.public-header-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;text-decoration:none;color:var(--text-primary)}.public-beta-tag{position:absolute;top:-2px;right:-24px;background:var(--primary-soft);border:1px solid var(--border-default);color:var(--brand-primary);font-size:8px;font-weight:900;padding:2px 4px;border-radius:4px;letter-spacing:.5px;line-height:1;z-index:2;outline:1px solid var(--bg-root)}@media (max-width:760px){.public-header-brand{font-size:18px}.public-beta-tag{right:-20px}}.public-header-logo{width:32px;height:32px;background:var(--brand-primary);border-radius:var(--radius-md);display:grid;place-items:center;color:var(--brand-btn-text)}.brand-logo{display:block;flex-shrink:0}.public-header-nav{display:flex;gap:24px;align-items:center}.header-nav-link{font-size:14px;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .2s}.header-nav-link:hover{color:var(--text-primary)}.mobile-menu-toggle{display:none;width:44px;height:44px;place-items:center;border-radius:var(--radius-full);color:var(--text-muted);transition:all .2s;background:none;border:none;cursor:pointer}.mobile-menu-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.show-mobile-only{display:none!important}.mobile-menu{border-top:1px solid var(--border-default);background:var(--bg-surface);padding:16px 0;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-nav{display:flex;flex-direction:column;padding:0 20px}.mobile-menu-item{display:block;padding:14px 0;font-size:16px;font-weight:600;color:var(--text-primary);text-decoration:none;background:none;border:none;border-bottom:1px solid var(--border-default);cursor:pointer;text-align:left;width:100%}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{color:var(--brand-primary)}.landing-page{padding-bottom:0}.hero-section{padding:clamp(16px,3vw,32px) 0 clamp(24px,3.5vw,60px);min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px);display:flex;align-items:flex-start;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-10%;right:-5%;width:60vw;max-width:760px;height:70%;background:radial-gradient(closest-side,var(--ambient-1),transparent 72%);pointer-events:none;z-index:0}.hero-section>.container{position:relative;z-index:1}@media (max-width:768px){.hero-section:before{width:100vw;top:-6%;right:-20%;background:radial-gradient(closest-side,var(--ambient-2),transparent 70%)}}.hero-grid{display:grid;grid-template-columns:1fr minmax(360px,500px);gap:clamp(32px,5vw,72px);align-items:stretch;width:100%}.hero-right{width:100%;max-width:520px;justify-self:end}@media (min-width:1600px){.hero-right{max-width:560px}}.hero-left{display:flex;flex-direction:column}.hero-headline{font-size:clamp(30px,4vw,56px);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin-bottom:20px}.hero-headline>span{display:block}.hero-headline-accent{color:var(--brand-primary)}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}#hero-learn-safety{background:rgba(255,255,255,.07)!important;border:1.5px solid rgba(255,255,255,.22)!important;color:var(--text-primary)!important;font-weight:600;letter-spacing:.01em}#hero-learn-safety:hover:not(:disabled){background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.38)!important;color:#fff!important;transform:translateY(-1px)}[data-theme=light] #hero-learn-safety{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.16)!important;color:var(--text-primary)!important}[data-theme=light] #hero-learn-safety:hover:not(:disabled){background:rgba(0,0,0,.09)!important;border-color:rgba(0,0,0,.28)!important;color:var(--text-primary)!important}.trust-chips{display:flex;flex-wrap:wrap;gap:10px}.trust-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-default);font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap}.trust-chip svg{color:var(--brand-primary)}.section-eyebrow{gap:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);background:var(--primary-soft);padding:5px 13px;margin-bottom:14px}.live-pulse,.section-eyebrow{display:inline-flex;align-items:center;font-weight:700;border-radius:var(--radius-full)}.live-pulse{gap:8px;padding:6px 14px 6px 12px;background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 28%,transparent);font-size:12.5px;color:var(--success);white-space:nowrap}.live-pulse-dot{position:relative;width:9px;height:9px;flex-shrink:0}.live-pulse-dot,.live-pulse-dot:after{border-radius:50%;background:var(--success)}.live-pulse-dot:after{content:"";position:absolute;inset:0;animation:livePulse 1.8s ease-out infinite}@keyframes livePulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(2.6);opacity:0}to{transform:scale(2.6);opacity:0}}@media (prefers-reduced-motion:reduce){.live-pulse-dot:after{animation:none}}.landing-section{padding:64px 0;place-items:center;margin-bottom:0}.feature-icon-primary{background:var(--primary-soft);color:var(--brand-primary)}.feature-icon-secondary{background:rgba(0,178,224,.1);color:var(--brand-secondary)}.feature-icon-info{background:var(--info-soft);color:var(--info)}.feature-icon-success{background:var(--primary-soft);color:var(--brand-primary)}.feature-icon-warning{background:var(--warning-soft);color:var(--warning)}.feature-icon-danger{background:rgba(239,68,68,.08);color:var(--danger)}.rooms-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,24px)}@media (max-width:1024px){.rooms-preview-grid{grid-template-columns:repeat(2,1fr)}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-feature-card{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center;padding:16px 20px!important;border-radius:var(--radius-xl);text-align:left;height:100%}.landing-feature-card .feature-icon-wrap{grid-row:1/span 2;margin-bottom:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.landing-feature-card h3{grid-column:2;margin-bottom:4px!important;font-size:16px;line-height:1.25}.landing-feature-card p{grid-column:2;font-size:13px;line-height:1.45;margin-bottom:0}.room-preview-card{min-width:0;padding:16px 20px!important}.room-preview-tile{display:flex;align-items:center;gap:14px;min-width:0}.room-preview-copy{flex:1 1;min-width:0}.room-preview-copy h3{margin-bottom:4px}.room-preview-copy p{margin-bottom:8px}.room-icon-wrap{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-soft);color:var(--brand-primary);display:grid;place-items:center;flex-shrink:0}.benefits-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:48px 40px;text-align:center}.benefits-icon-wrap{width:56px;height:56px;border-radius:var(--radius-full);background:var(--info-soft);color:var(--info);display:grid;place-items:center;margin:0 auto 20px}.benefits-list{display:flex;flex-direction:column;gap:14px;max-width:360px;margin:0 auto;text-align:left}.benefit-item{display:flex;align-items:center;gap:12px}.benefit-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--brand-primary);display:grid;place-items:center;flex-shrink:0}.premium-card{background:var(--bg-elevated);border:1px solid rgba(255,170,0,.5);border-radius:var(--radius-xl);padding:48px 40px;text-align:center;box-shadow:var(--elevation-2)}.premium-crown-wrap{width:56px;height:56px;border-radius:var(--radius-full);background:rgba(255,170,0,.12);color:#ffa800;display:grid;place-items:center;margin:0 auto 20px}.premium-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:400px;margin:0 auto}.premium-benefit-item{display:flex;align-items:center;gap:10px;text-align:left}.premium-benefit-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:rgba(255,170,0,.12);color:#ffa800;display:grid;place-items:center;flex-shrink:0}.safety-card{background:var(--primary-soft);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:48px;text-align:center}.rooms-page-container{max-width:720px;margin:0 auto}.room-list-tile{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;padding:7px 12px}.safety-list{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto;text-align:left}.safety-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary);font-weight:500}.safety-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--brand-primary);flex-shrink:0}.guest-form-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--elevation-2)}.guest-form-fields{display:flex;flex-direction:column;gap:14px}.guest-gender-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.guest-location-grid{display:grid;grid-template-columns:minmax(80px,auto) 1fr 1fr;gap:12px}@media (max-width:480px){.guest-location-grid{grid-template-columns:1fr;gap:10px}}.guest-location-grid .input-group{min-width:0}.guest-vibe-grid{display:flex;flex-wrap:wrap;gap:6px}.guest-auth-actions{display:flex;gap:10px;margin-top:6px;justify-content:center}.public-footer{border-top:1px solid var(--border-default);background:var(--bg-main);padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(0,3fr);gap:32px;margin-bottom:48px;align-items:start}.footer-brand-col{max-width:280px}.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{font-size:13px;color:var(--text-muted);text-decoration:none;transition:color .2s;line-height:1.5}.footer-link:hover{color:var(--brand-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-width:1024px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-right{max-width:100%;justify-self:stretch}}@media (max-height:730px){.hero-section{padding:14px 0 18px!important}#guest-form{padding:14px!important}}@media (max-height:620px){#guest-form{padding:10px!important}}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile-only{display:grid!important}.mobile-menu-toggle{display:grid}.hero-section{padding:10px 0 22px}.hero-left{text-align:center}.hero-headline{font-size:clamp(26px,8vw,34px)}.hero-buttons,.trust-chips{justify-content:center}.hero-right{order:-1}.hero-left{order:0}.online-preview-grid{gap:12px}.online-preview-grid,.premium-benefits-grid{grid-template-columns:1fr}.benefits-card,.premium-card,.safety-card{padding:28px 20px}.benefits-list,.premium-benefits-grid,.safety-list{max-width:100%}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-brand-col{max-width:none}.footer-links-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}.footer-link-col{gap:10px}.footer-link-col .label{margin-bottom:8px!important;font-size:11px}.footer-link{font-size:12px;line-height:1.35}}@media (max-width:480px){.footer-grid{text-align:center}.footer-brand-col h3{justify-content:center}.footer-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px;text-align:left}.footer-link-col{align-items:flex-start}}@media (max-width:768px){.landing-section{padding:34px 0}.features-grid,.rooms-preview-grid{grid-template-columns:1fr;gap:12px}.room-preview-card.card-md{padding:16px 20px!important;border-radius:var(--radius-xl)}.room-preview-tile{flex-direction:column;gap:10px}.room-preview-copy h3{font-size:14px;line-height:1.22;margin-bottom:4px}.room-preview-copy p{display:-webkit-box;min-height:38px;margin-bottom:10px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:1.55}.room-preview-copy .badge{max-width:100%;padding:3px 9px;font-size:9px;line-height:1;letter-spacing:0}#guest-form{padding:20px!important;border-radius:var(--radius-xl)!important}#guest-form .h3{font-size:22px}#guest-form>.body-sm{margin-bottom:8px!important}.guest-form-fields{gap:11px}.guest-gender-grid{gap:8px}.gender-tile{min-width:0;padding:6px 4px;font-size:11px;gap:4px}.guest-location-grid{grid-template-columns:70px minmax(0,1fr) minmax(0,1fr);gap:8px}.guest-vibe-grid{gap:6px}.vibe-pill{padding:5px 10px;font-size:12px}}@media (max-width:600px){.room-list-tile{grid-template-columns:34px minmax(0,1fr) auto;padding:6px 10px;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:360px){.footer-links-grid,.rooms-preview-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:24px;max-width:1200px;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:20px}}.btn-premium{background:#e0a020!important;color:#241a02!important;border:none!important;font-weight:700!important;position:relative!important;overflow:hidden!important}.btn-premium:hover:not(:disabled){background:#eeb139!important;box-shadow:var(--elevation-1)!important}.btn-premium:active:not(:disabled){background:#cc9016!important;box-shadow:none!important}.animate-spin,.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@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;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;max-height:92dvh}.modal-backdrop{align-items:flex-end;padding:0}.premium-toggle{width:100%;justify-content:center}}@media (max-width:480px){.rooms-preview-grid{grid-template-columns:1fr 1fr}.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{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 [data-msg-own=false]+[data-msg-own=true],.chat-messages-area [data-msg-own=true]+[data-msg-own=false]{margin-top:14px}.chat-messages-area .msg-timestamp{opacity:.62}}@media (min-width:1400px){.chat-messages-area{padding-left:56px!important;padding-right:56px!important}}@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) both;will-change:transform}}@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}}@media (max-width:360px){.rooms-preview-grid{grid-template-columns:1fr}}.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:64px 48px;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-default);box-shadow:var(--elevation-1);max-width:480px;text-align:center;animation:fadeIn var(--motion-dialog) var(--ease-decelerate)}.empty-modal-icon-wrapper{width:88px;height:88px;border-radius:var(--radius-2xl);background:var(--primary-soft);color:var(--brand-primary);display:grid;place-items:center;margin-bottom:24px}@media (max-width:760px){.empty-modal-container{align-items:flex-start;padding:10vh 16px 16px}.empty-modal-card{padding:40px 24px;border-radius:20px}}@media (min-width:1440px){.hero-headline{font-size:clamp(56px,4.2vw,76px)}.features-grid{max-width:1200px;margin-left:auto;margin-right:auto}}@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}.safety-card{padding:56px}}@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}.hero-headline{font-size:clamp(76px,4.5vw,96px)}:root{--online-panel-w:372px;--rail-w:288px}.landing-section{padding:96px 0}.benefits-card,.premium-card{padding:64px 56px}.safety-card{padding:64px}.landing-feature-card p{max-width:52ch}}@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}.hero-headline{font-size:clamp(96px,4.5vw,112px)}: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:700;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:800;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:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 16px;background:var(--bg-card)}.faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;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){.live-pulse-dot{animation:none}*,: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}