:root{--bg-color:#121212;--surface-color:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--accent-color:#00ff41;--danger-color:#f33;--border-color:#333;--shadow-color:rgba(0,0,0,.5)}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:Courier New,Courier,monospace;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.metal-texture{background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.02) 1px,transparent 0,transparent 10px)}.speaker-grill{background-image:radial-gradient(circle,#000 60%,transparent 65%);background-size:8px 8px;background-color:#2a2a2a;box-shadow:inset 0 0 20px #000}.led-light{width:12px;height:12px;border-radius:50%;background-color:#333;box-shadow:inset 1px 1px 2px rgba(0,0,0,.5);transition:all .3s ease}.led-light.on{background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-color),inset -1px -1px 2px rgba(0,0,0,.2)}.led-light.recording{background-color:var(--danger-color);box-shadow:0 0 10px var(--danger-color),inset -1px -1px 2px rgba(0,0,0,.2)}button{font-family:inherit}