@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Share+Tech+Mono&display=swap');
:root{color-scheme:dark;--bg:#100e0b;--panel:#141410;--line:#474039;--text:#ddd4bf;--muted:#a09a89;--amber:#e9ad50;--green:#a5ea83}*{box-sizing:border-box}html{background:#0e0c0a}body{margin:0;color:var(--text);background:repeating-linear-gradient(0deg,#17130f 0 2px,#100e0b 3px 5px);font-family:'Share Tech Mono',monospace}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}main{margin:auto}h2{margin:0;color:var(--amber);font-size:clamp(.82rem,1vw,1.13rem);letter-spacing:.12em}ol{margin:0;padding-left:18px}li{padding:6px 0;border-bottom:1px solid #39372f}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hidden-status{position:absolute;width:1px;height:1px;overflow:hidden}.signal,.led{display:inline-block;width:8px;height:8px;background:#646759;border-radius:50%}.signal.on,.led{background:#9fff90;box-shadow:0 0 10px #83ff76}.codec{display:flex;gap:5px}.codec-btn{background:#191712;color:#a9a18a;border:1px solid #625747;padding:5px 9px}.codec-btn.active{color:#f8ce81;border-color:#dda451}.codec-btn:focus-visible,.play:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}input[type=range]{accent-color:var(--amber);max-width:110px}