:root{--color-bg:#0a0a0a;--color-surface:#141414;--color-surface-elevated:#1e1e1e;--color-border:#2a2a2a;--color-border-active:#fb7185;--color-text:#f0ede8;--color-text-dim:#f0ede88c;--color-text-muted:#f0ede859;--color-accent:#fb7185;--color-accent-glow:#fb71854d;--color-accent-subtle:#fb718514;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#ef4444;--font-heading:"Bebas Neue", sans-serif;--font-body:"Karla", sans-serif;--font-mono:"Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-glow:0 0 12px var(--color-accent-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--grain-opacity:.03}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:var(--grain-opacity);z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.focus-glow:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:var(--shadow-glow)}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:0}}.rec-indicator{background:var(--color-accent);width:10px;height:10px;margin-right:var(--space-sm);vertical-align:middle;border-radius:50%;animation:1s step-end infinite rec-blink;display:inline-block}.viewfinder-frame{border:1px solid #ffffff26;position:relative}.viewfinder-frame:before,.viewfinder-frame:after{content:"";border-color:var(--color-accent);border-style:solid;width:20px;height:20px;position:absolute}.viewfinder-frame:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.viewfinder-frame:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.hud-text{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim);font-size:.7rem}.heading-display{font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase}