:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-tertiary: #999999;--amber-glow: #ffb74d;--border-color: #404040;--accent-primary: #6366f1;--accent-hover: #4f46e5}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.header-container[data-astro-cid-ultm3tyz]{min-height:72px}.main-content[data-astro-cid-ultm3tyz]{min-height:60vh}@media (max-width: 768px){[data-astro-cid-ultm3tyz],[data-astro-cid-ultm3tyz]:before,[data-astro-cid-ultm3tyz]:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--rich-black: #1c1c1c;--mocha-mousse: #a47864;--amber-glow: #ffb74d;--teal-crystal: #00acc1;--rose-quartz: #e91e63;--cosmic-purple: #8a2be2;--deep-indigo: #4b0082;--electric-cyan: #00ffff;--golden-amber: #ffbf00;--crimson-red: #dc143c;--bg-primary: #ffffff;--bg-secondary: #f8f4f0;--bg-dark: #1c1c1c;--bg-card: #a47864;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--primary-button: #ffb74d;--primary-hover: #ff9800;--secondary-button: #00acc1;--secondary-hover: #0097a7;--accent-highlight: #e91e63;--success-color: #4caf50;--sab-calm-red: #c26b6b;--sab-calm-blue: #5a7ba7;--sab-blue-silver: #b8c5d1;--sab-dark-red: #a64d4d;--sab-dark-blue: #4a6b8a;--sab-light-red: #d67e7e;--sab-light-blue: #7a95b8;--sab-muted-gold: #d4af37;--sab-silver-accent: #9fb3c4;--sab-blood-accent: #b85a5a;--sab-text-light: #c0c0c0;--sab-text-medium: #a0a0a0;--sab-text-muted: #888888;--sab-text-white: #e0e0e0;--sab-bg-dark: #2a2a2a;--sab-bg-darker: #1a1a1a;--sab-bg-medium: #2c2c2c;--sab-bg-light: #3a3a3a;--sab-border-gray: #4f4f4f;--sab-border-light: #3a3a3a;--sab-input-bg: #2c2c2c;--sab-input-text: #e0e0e0;--sab-input-focus-bg: #3a3a3a;--sab-input-focus-border: #c0c0c0;--sab-card-bg: #2a2a2a;--sab-card-bg-gradient: linear-gradient( 135deg, #2a2a2a 0%, #1a1a1a 100% );--sab-card-border: #3a3a3a;--sab-rankings-bg: linear-gradient( 135deg, #1a1a1a 60%, #2a2a2a 100% );--sab-rank-gold: #ffd700;--sab-rank-silver: #c0c0c0;--sab-rank-bronze: #cd7f32;--sab-error-red: #dc3545;--sab-muted-text: #666666;--sab-text-dark: #1a1a1a;--sab-text-very-muted: #888888;--sab-gold-gradient: linear-gradient(135deg, #ffd700, #ffed4a);--sab-silver-gradient-alt: linear-gradient(135deg, #c0c0c0, #a9a9a9);--sab-error-gradient: linear-gradient(135deg, #dc3545, #b22222);--sab-character-info-bg: linear-gradient( 135deg, #2a2a2a 60%, #1a1a1a 100% );--sab-white: #ffffff;--sab-stat-bg: rgba(192, 192, 192, .1);--sab-stat-border: rgba(192, 192, 192, .2);--sab-rank-number-border: rgba(255, 255, 255, .2);--sab-analysis-bg: rgba(60, 60, 60, .3);--sab-radius-sm: 4px;--sab-radius-md: 8px;--sab-radius-lg: 12px;--sab-spacing-xs: .25rem;--sab-spacing-sm: .5rem;--sab-spacing-md: 1rem;--sab-spacing-lg: 1.5rem;--sab-spacing-xl: 2rem;--sab-primary-gradient: linear-gradient(135deg, var(--sab-calm-blue), var(--sab-calm-red));--sab-silver-gradient: linear-gradient(135deg, var(--sab-blue-silver), var(--sab-light-blue));--sab-blood-gradient: linear-gradient(135deg, var(--sab-calm-red), var(--sab-dark-red));--dutchman-text-primary: #f8f9fa;--dutchman-text-secondary: #e5e7eb;--dutchman-border-gray: #6b7280;--dutchman-text-muted: #9ca3af;--dutchman-dark-red: #b91c1c;--zn-primary-amber: #ffb74d;--zn-dark-amber: #ff9800;--zn-light-amber: #ffcc80;--zn-primary-teal: #00acc1;--zn-dark-teal: #0097a7;--zn-light-teal: #4dd0e1;--zn-clock-amber: #ffb74d;--zn-clock-white: #ffffff;--zn-clock-muted: #e0e0e0;--zn-clock-border: #4a4a4a;--zn-clock-bg: #e0e0e0;--zn-clock-title: #ffb74d;--zn-bg-primary: #1a1a1a;--zn-bg-secondary: #2d2d2d;--zn-bg-tertiary: #3a3a3a;--zn-text-primary: #ffffff;--zn-text-secondary: #e0e0e0;--zn-text-muted: #b0b0b0;--zn-border-primary: #4a4a4a;--zn-border-secondary: #606060;--zn-success: #4caf50;--zn-warning: #ff9800;--zn-error: #f44336;--zn-info: #2196f3;--zn-card-bg: #2a2a2a;--zn-card-bg-hover: #343434;--zn-card-border: #4a4a4a;--zn-card-border-hover: var(--zn-primary-amber);--zn-card-border-selected: var(--zn-primary-teal);--zn-primary-gradient: linear-gradient(135deg, var(--zn-primary-amber), var(--zn-dark-amber));--zn-secondary-gradient: linear-gradient(135deg, var(--zn-primary-teal), var(--zn-dark-teal));--zn-accent-gradient: linear-gradient(135deg, var(--zn-primary-amber), var(--zn-primary-teal));--zn-card-gradient: linear-gradient(135deg, var(--zn-card-bg), var(--zn-bg-primary));--hw-primary-warm: #e8a547;--hw-secondary-coral: #ff7b7b;--hw-tertiary-sky: #7bb3ff;--hw-accent-mint: #7bffb3;--hw-accent-lavender: #b37bff;--hw-accent-peach: #ffb37b;--hw-sunshine-gold: #ffd700;--hw-happy-pink: #ff69b4;--hw-ocean-blue: #4fc3f7;--hw-text-light: #ffffff;--hw-text-medium: #ffffff;--hw-text-muted: #cccccc;--hw-text-white: #ffffff;--hw-bg-dark: #2a2a2a;--hw-bg-darker: #1a1a1a;--hw-bg-medium: #2c2c2c;--hw-bg-light: #3a3a3a;--hw-border-gray: #4a4a4a;--hw-border-light: #3a3a3a;--hw-border-muted: rgba(232, 165, 71, .15);--hw-border-accent: rgba(232, 165, 71, .25);--hw-border-strong: rgba(232, 165, 71, .3);--hw-input-bg: #2c2c2c;--hw-input-text: #ffffff;--hw-input-focus-bg: #3a3a3a;--hw-input-focus-border: var(--hw-primary-warm);--hw-card-bg: #2a2a2a;--hw-card-bg-gradient: linear-gradient( 135deg, #2a2a2a 0%, #1a1a1a 100% );--hw-card-border: #3a3a3a;--hw-rankings-bg: linear-gradient( 135deg, #1a1a1a 60%, #2a2a2a 100% );--hw-rank-gold: #ffd700;--hw-rank-silver: #c0c0c0;--hw-rank-bronze: #cd7f32;--hw-error-red: #dc3545;--hw-muted-text: #999999;--hw-text-dark: #1a1a1a;--hw-text-very-muted: #888888;--hw-gold-gradient: linear-gradient( 135deg, #ffd700, #ffeb3b );--hw-silver-gradient-alt: linear-gradient(135deg, #c0c4c0, #a9ada9);--hw-error-gradient: linear-gradient(135deg, #dc3545, #b22222);--hw-character-info-bg: linear-gradient( 135deg, #2a2a2a 60%, #1a1a1a 100% );--hw-white: #ffffff;--hw-stat-bg: rgba(255, 255, 255, .1);--hw-stat-border: rgba(255, 255, 255, .2);--hw-rank-number-border: rgba(255, 255, 255, .2);--hw-analysis-bg: rgba(60, 60, 60, .3);--hw-radius-sm: 4px;--hw-radius-md: 8px;--hw-radius-lg: 12px;--hw-spacing-xs: .25rem;--hw-spacing-sm: .5rem;--hw-spacing-md: 1rem;--hw-spacing-lg: 1.5rem;--hw-spacing-xl: 2rem;--hw-primary-gradient: linear-gradient( 135deg, var(--hw-primary-green), var(--hw-secondary-brown) );--hw-nature-gradient: linear-gradient(135deg, var(--hw-primary-green), var(--hw-dark-green));--hw-earth-gradient: linear-gradient(135deg, var(--hw-secondary-brown), var(--hw-dark-brown));--hw-card-gradient: linear-gradient(135deg, var(--hw-card-bg), var(--hw-bg-darker))}