:root{color-scheme:dark;--layout-shell-max:100%;--layout-page-max:100%;--layout-page-tight:1180px;--layout-readable-max:64ch;--layout-sidebar-strip-width:56px;--layout-sidebar-pane-width:248px;--layout-sidebar-collapsed-width:64px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-7:56px;--space-8:64px;--control-height:34px;--control-padding-inline:9px;--control-square-sm:32px;--control-square:36px;--control-square-lg:40px;--radius-control:3px;--radius-pill:3px;--radius-card:3px;--radius-panel:3px;--radius-hero:3px;--radius-pane:3px;--radius-list:3px;--radius-tab:3px;--radius-avatar:999px;--radius-sheet:3px;--bg-app:#06070d;--bg-canvas:#0b0f17;--bg-elevated:#0b0f17;--bg-overlay:rgba(0,0,0,0.94);--bg-top-left:rgba(124,92,255,0.048);--bg-top-right:rgba(64,124,255,0.024);--bg-bottom:rgba(255,255,255,0.016);--bg-shell-left:rgba(124,92,255,0.026);--bg-shell-right:rgba(64,124,255,0.02);--bg-grid:rgba(255,255,255,0.01);--surface-1:rgba(12,16,24,0.98);--surface-2:rgba(16,20,30,0.985);--surface-3:rgba(22,27,39,0.99);--surface-soft:rgba(255,255,255,0.022);--surface-row:rgba(255,255,255,0.034);--surface-row-strong:rgba(255,255,255,0.06);--surface-card:rgba(17,22,32,0.985);--surface-panel:rgba(21,26,38,0.99);--surface-hero:rgba(15,19,29,0.985);--surface-page:rgba(8,11,18,0.995);--surface-page-strong:rgba(5,7,12,0.995);--surface-header:rgba(10,14,22,0.98);--surface-rail:rgba(7,10,16,0.965);--surface-rail-strong:rgba(12,16,24,0.985);--surface-content:rgba(16,20,30,0.985);--surface-content-strong:rgba(22,27,39,0.99);--surface-nav:rgba(16,20,30,0.985);--surface-nav-strong:rgba(22,27,39,0.99);--surface-floating:rgba(16,20,30,0.995);--surface-floating-strong:rgba(24,29,42,0.995);--surface-menu:rgba(16,20,30,0.995);--surface-hover-card:rgba(24,29,42,0.995);--surface-modal:rgba(16,20,30,0.995);--surface-control:rgba(18,22,32,0.985);--surface-control-strong:rgba(24,29,42,0.99);--surface-chat:rgba(10,13,21,0.995);--surface-chat-strong:rgba(16,20,30,0.995);--surface-friends:rgba(16,20,30,0.985);--surface-pane:rgba(18,23,34,0.985);--surface-pane-strong:rgba(24,29,42,0.99);--surface-list:rgba(12,16,24,0.985);--surface-list-strong:rgba(17,21,32,0.99);--surface-list-hover:rgba(255,255,255,0.048);--surface-tab-strip:rgba(11,15,22,0.985);--surface-tab:rgba(255,255,255,0.03);--surface-tab-active:rgba(124,92,255,0.16);--surface-avatar-frame:rgba(255,255,255,0.04);--surface-avatar-backdrop:rgba(0,0,0,0.97);--surface-divider:rgba(82,93,118,0.52);--surface-divider-strong:rgba(106,118,145,0.74);--surface-hover-row:rgba(255,255,255,0.03);--surface-hover-row-strong:rgba(255,255,255,0.05);--text-primary:#f2f4f7;--text-secondary:#b1bcc9;--text-muted:#8692a2;--text-disabled:#606c7b;--text-strong:#ffffff;--text-on-accent:#f8fbff;--border-subtle:rgba(84,95,120,0.42);--border-strong:rgba(109,122,151,0.58);--border-accent:color-mix(in srgb,var(--accent-cyan) 44%,transparent);--border-hot:color-mix(in srgb,var(--accent-cyan) 34%,transparent);--accent-cyan:#7c5cff;--accent-blue:#4d85ff;--accent-magenta:#c96bff;--accent-lime:#3fd87c;--accent-amber:#e3b84d;--accent-danger:#cb0000;--notice-error:#cb0000;--notice-important:#e3b84d;--notice-neutral:#6c6492;--notice-success:#3fd87c;--state-info:var(--notice-neutral);--state-success:var(--notice-success);--state-warning:var(--notice-important);--state-danger:var(--notice-error);--shadow-panel:0 10px 28px rgba(0,0,0,0.2);--shadow-float:0 14px 34px rgba(0,0,0,0.28);--shadow-soft:0 4px 12px rgba(0,0,0,0.16);--glow-cyan:0 0 0 1px color-mix(in srgb,var(--accent-cyan) 16%,transparent);--glow-magenta:0 0 0 1px color-mix(in srgb,var(--accent-blue) 16%,transparent);--gradient-brand:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);--gradient-panel:var(--surface-panel);--gradient-card:var(--surface-card);--gradient-hero:var(--surface-hero);--focus-ring:0 0 0 2px #05070d,0 0 0 4px color-mix(in srgb,var(--accent-cyan) 34%,transparent);--motion-fast:150ms;--motion-base:200ms;--motion-slow:260ms;--ease-standard:cubic-bezier(0.22,1,0.36,1);--fx-ambient-blur:0px;--fx-page-glow-blur:0px;--fx-page-glow-blur-strong:0px;--fx-surface-blur:0px;--fx-surface-blur-strong:0px;--fx-hover-lift:0px;--button-primary-bg:color-mix(in srgb,var(--accent-cyan) 58%,var(--surface-control-strong) 42%);--button-primary-bg-strong:color-mix(in srgb,var(--accent-cyan) 68%,var(--surface-control-strong) 32%);--button-primary-border:color-mix(in srgb,var(--border-accent) 82%,transparent);--button-primary-text:var(--text-primary);--button-primary-ring:color-mix(in srgb,var(--border-accent) 38%,transparent);--button-function-bg:var(--button-primary-bg);--button-function-bg-strong:var(--button-primary-bg-strong);--button-function-border:var(--button-primary-border);--button-function-text:var(--button-primary-text);--button-function-ring:var(--button-primary-ring);--button-secondary-bg:rgba(14,18,27,0.98);--button-secondary-bg-strong:rgba(20,25,36,0.99);--button-secondary-border:rgba(103,114,140,0.56);--button-secondary-text:#d8e0ea;--button-secondary-ring:color-mix(in srgb,var(--border-accent) 28%,transparent);--button-premium-bg:color-mix(in srgb,var(--accent-cyan) 60%,#111827 40%);--button-premium-bg-strong:color-mix(in srgb,var(--accent-cyan) 68%,#0d1726 32%);--button-premium-border:color-mix(in srgb,var(--accent-cyan) 82%,transparent);--button-premium-text:var(--text-primary);--button-premium-ring:color-mix(in srgb,var(--accent-cyan) 42%,transparent);--button-premium-glow:0 0 0 1px color-mix(in srgb,var(--accent-cyan) 18%,transparent),0 10px 24px color-mix(in srgb,var(--accent-cyan) 28%,transparent);--button-cta-bg:var(--button-premium-bg);--button-cta-bg-strong:var(--button-premium-bg-strong);--button-cta-border:var(--button-premium-border);--button-cta-text:var(--button-premium-text);--button-cta-ring:var(--button-premium-ring);--button-cta-glow:var(--button-premium-glow);--button-gold-cta-bg:linear-gradient(135deg,#ffd36b,#e1bb21 55%,#b77a14);--button-gold-cta-bg-strong:linear-gradient(135deg,#ffe08a,#f0c94d 58%,#c98a1f);--button-gold-cta-border:rgba(255,205,92,0.84);--button-gold-cta-text:#140d02;--button-gold-cta-ring:rgba(255,205,92,0.44);--button-gold-cta-glow:0 0 0 1px rgba(255,205,92,0.24),0 10px 24px rgba(225,187,33,0.24);--font-display:var(--font-display-space);--font-body:var(--font-body-inter);--font-mono:var(--font-mono-plex);--roleplay-room-surface:rgba(11,11,13,0.995);--roleplay-room-surface-strong:rgba(21,23,26,0.995);--roleplay-room-panel-soft:rgba(255,255,255,0.012);--roleplay-room-border:rgba(38,42,48,0.72);--roleplay-room-border-strong:rgba(56,61,69,0.88);--roleplay-room-text:#f2f4f7;--roleplay-room-text-soft:rgba(154,163,174,0.96);--roleplay-room-text-muted:rgba(107,114,128,0.92);--bg:var(--bg-app);--bg-deep:var(--bg-canvas);--ink:#0f1620;--muted:var(--text-secondary);--surface:var(--surface-1);--surface-strong:var(--surface-3);--panel:var(--surface-2);--line:var(--border-subtle);--line-strong:var(--border-strong);--shadow:var(--shadow-panel);--accent:var(--accent-cyan);--accent-soft:rgba(76,125,255,0.12);--accent-strong:var(--accent-blue)}@supports (-moz-appearance:none){:root{--fx-ambient-blur:0px;--fx-page-glow-blur:0px;--fx-page-glow-blur-strong:0px;--fx-surface-blur:0px;--fx-surface-blur-strong:0px;--fx-hover-lift:0px;--shadow-panel:0 10px 28px rgba(0,0,0,0.2);--shadow-float:0 14px 34px rgba(0,0,0,0.28);--shadow-soft:0 4px 12px rgba(0,0,0,0.16);--glow-cyan:0 0 0 1px rgba(124,92,255,0.16);--glow-magenta:0 0 0 1px rgba(77,133,255,0.16)}}