:root,[data-theme=dark]{--bg-primary: #0b1426;--bg-page: #080e1e;--bg-panel: rgba(12, 20, 42, .88);--bg-panel-hover: rgba(16, 26, 52, .92);--bg-panel-solid: #0e1830;--bg-modal-overlay: rgba(4, 8, 18, .82);--bg-modal-card: rgba(10, 18, 38, .97);--bg-button: rgba(140, 170, 220, .12);--bg-button-hover: rgba(140, 170, 220, .2);--bg-input: rgba(100, 140, 200, .08);--bg-card: rgba(18, 28, 56, .85);--bg-card-hover: rgba(22, 34, 66, .9);--glass-blur: blur(14px);--text-primary: #e8e4dc;--text-secondary: rgba(232, 228, 220, .72);--text-tertiary: rgba(232, 228, 220, .48);--text-muted: rgba(232, 228, 220, .3);--text-error: #ff6b6b;--text-success: #5ed47a;--accent-blue: #5ba8e6;--accent-blue-soft: rgba(91, 168, 230, .18);--accent-gold: #d4a740;--accent-gold-soft: rgba(212, 167, 64, .16);--accent-red: #e85d5d;--accent-green: #5ed47a;--border-subtle: rgba(120, 160, 220, .1);--border-medium: rgba(120, 160, 220, .18);--border-accent: rgba(91, 168, 230, .4);--border-gold: rgba(212, 167, 64, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5)}[data-theme=light]{--bg-primary: #e8dfd2;--bg-page: #f2ece3;--bg-panel: rgba(245, 238, 228, .9);--bg-panel-hover: rgba(248, 242, 234, .95);--bg-panel-solid: #f5eee4;--bg-modal-overlay: rgba(40, 32, 22, .65);--bg-modal-card: rgba(248, 242, 232, .98);--bg-button: rgba(120, 90, 50, .08);--bg-button-hover: rgba(120, 90, 50, .14);--bg-input: rgba(120, 90, 50, .06);--bg-card: rgba(255, 248, 238, .88);--bg-card-hover: rgba(255, 250, 242, .94);--glass-blur: blur(14px);--text-primary: #2c2218;--text-secondary: rgba(44, 34, 24, .72);--text-tertiary: rgba(44, 34, 24, .5);--text-muted: rgba(44, 34, 24, .32);--text-error: #c53030;--text-success: #2f7d3e;--accent-blue: #2c6cb0;--accent-blue-soft: rgba(44, 108, 176, .14);--accent-gold: #b5881e;--accent-gold-soft: rgba(181, 136, 30, .14);--accent-red: #c53030;--accent-green: #2f7d3e;--border-subtle: rgba(120, 90, 50, .1);--border-medium: rgba(120, 90, 50, .18);--border-accent: rgba(44, 108, 176, .35);--border-gold: rgba(181, 136, 30, .35);--shadow-sm: 0 2px 8px rgba(100, 70, 30, .1);--shadow-md: 0 4px 20px rgba(100, 70, 30, .12);--shadow-lg: 0 8px 40px rgba(100, 70, 30, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:var(--bg-page)}