:root{--bg-primary: #0a0a0a;--bg-secondary: #0f0f0f;--bg-tertiary: #1a1a1a;--bg-quaternary: #2a2a2a;--accent-primary: #00ff00;--accent-warning: #ffaa00;--accent-danger: #ff0000;--accent-danger-bg: #330000;--text-primary: #888;--text-secondary: #666;--text-tertiary: #444;--text-disabled: #333;--text-active: #00ff00;--border-subtle: #1a1a1a;--border-default: #2a2a2a;--border-emphasis: #333;--font-family: "Oxanium", monospace;--font-hero: clamp(20px, 4.5vw, 28px);--font-title: clamp(16px, 3vw, 20px);--font-subtitle: clamp(14px, 2.5vw, 16px);--font-body: clamp(13px, 2vw, 14px);--font-detail: clamp(11px, 1.8vw, 12px);--font-micro: clamp(10px, 1.5vw, 11px);--font-weight-bold: 700;--font-weight-medium: 500;--font-weight-regular: 400;--font-weight-light: 300;--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;--spacing-hero: .1em;--spacing-title: .1em;--spacing-body: .05em;--spacing-micro: .05em;--line-height-tight: 1;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--transition-fast: .2s ease-out;--transition-medium: .3s ease-out;--row-height: 40px;--gap-default: 10px;--border-width: 2px;--border-width-emphasis: 3px;--touch-target-min: 32px;--touch-target-padding-v: 8px;--touch-target-padding-h: 12px;--space-mobile-1: clamp(4px, 1vw, 8px);--space-mobile-2: clamp(8px, 2vw, 12px);--space-mobile-3: clamp(12px, 3vw, 16px);--space-mobile-4: clamp(16px, 4vw, 24px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:var(--font-family);font-size:var(--font-body);font-weight:var(--font-weight-bold);color:var(--text-primary);background:var(--bg-primary);line-height:var(--line-height-normal);letter-spacing:var(--spacing-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--spacing-title);line-height:var(--line-height-tight)}h1{font-size:var(--font-hero);letter-spacing:var(--spacing-hero)}h2{font-size:var(--font-title)}h3{font-size:var(--font-subtitle)}button{font-family:var(--font-family);font-weight:var(--font-weight-bold);font-size:var(--font-body);text-transform:uppercase;letter-spacing:var(--spacing-body);cursor:pointer;border:none;background:none;transition:var(--transition-fast);min-height:var(--touch-target-min);padding:var(--touch-target-padding-v) var(--touch-target-padding-h)}button:disabled{opacity:.4;cursor:not-allowed}@media (hover: hover){button:hover:not(:disabled){opacity:.9}}input,select,textarea{font-family:var(--font-family);font-weight:var(--font-weight-bold);font-size:var(--font-body);color:var(--text-primary);background:var(--bg-quaternary);border:var(--border-width) solid var(--border-emphasis);transition:var(--transition-fast);min-height:var(--touch-target-min);padding:12px 16px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #00ff001a}input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px;margin:6px;padding:0}a{color:var(--accent-primary);text-decoration:none;transition:var(--transition-fast)}@media (hover: hover){a:hover{opacity:.8}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-quaternary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-emphasis)}@media (max-width: 767px){body{padding:0}}
