@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Space+Grotesk:wght@300..700&family=JetBrains+Mono:wght@300..800&display=swap";:root{--color-obsidian:#0d0d0d;--color-slate:#2d2d2d;--color-amber:#e67e22;--color-copper:#b87333;--color-text-primary:#e5e2e1;--color-text-secondary:#e5e2e180;--font-heading:"Newsreader", serif;--font-body:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--spacing-unit:8px;--container-max-width:1400px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-obsidian);width:100%;min-height:100vh;color:var(--color-text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.15em;text-transform:uppercase;margin-bottom:calc(var(--spacing-unit) * 3);font-weight:600}p,span,div{line-height:1.6}a{color:var(--color-text-primary);text-decoration:none;transition:color .3s}a:hover{color:var(--color-amber)}.font-mono{font-family:var(--font-mono)}.font-headline{font-family:var(--font-heading)}.btn{color:var(--color-text-primary);border:1px solid var(--color-slate);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background-color:#0000;font-size:.8rem;transition:all .3s;position:relative;overflow:hidden}.btn:hover{border-color:var(--color-amber);color:var(--color-amber);box-shadow:0 0 15px #e67e2233}.btn-active{border-color:var(--color-amber);color:var(--color-amber);background-color:#e67e221a}.rack-frame{border:2px solid var(--color-slate);background-color:#131313;padding:40px;position:relative}.rack-ear{border:1px solid var(--color-obsidian);background-color:#1c1b1b;flex-direction:column;justify-content:space-between;width:24px;padding:20px 0;display:flex;position:absolute;top:0;bottom:0}.rack-ear-left{border-right:none;left:-24px}.rack-ear-right{border-left:none;right:-24px}.rack-screw{background:radial-gradient(circle at 30% 30%,#474747,#131313);border:1px solid #000;border-radius:50%;width:10px;height:10px;margin:0 auto;box-shadow:1px 1px 2px #000c}.knob-radial{border:2px solid var(--color-slate);cursor:pointer;background:conic-gradient(from 180deg,#131313 0deg,#353534 180deg,#131313 360deg);border-radius:50%;width:48px;height:48px;transition:transform .2s;position:relative}.knob-radial:after{content:"";background-color:var(--color-amber);width:2px;height:8px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.led-active{background-color:var(--color-amber);width:8px;height:8px;box-shadow:0 0 10px var(--color-amber);border-radius:50%}@keyframes pulse-led{0%{opacity:1;filter:brightness()}50%{opacity:.6;filter:brightness(1.5)}to{opacity:1;filter:brightness()}}.led-pulse{animation:2s ease-in-out infinite pulse-led}.container{max-width:var(--container-max-width);padding:0 calc(var(--spacing-unit) * 4);width:100%;margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-xs{font-size:.7rem}.tracking-widest{letter-spacing:.3em}.fade-in{animation:1s ease-in-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}select option{background-color:var(--color-obsidian);color:var(--color-text-primary)}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0d0d10!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0d0d10!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0d0d10!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #0d0d10!important}@media (width<=768px){:root{--spacing-unit:6px}.container{padding:0 calc(var(--spacing-unit) * 3)}h1{font-size:1.8rem!important}h2{font-size:1.4rem!important}h3{font-size:1.1rem!important}.flex-between{flex-direction:column;align-items:flex-start;gap:16px}}.mobile-only{display:none}.desktop-only{display:block}@media (width<=900px){.mobile-only{display:block}.desktop-only{display:none}}