*{box-sizing:border-box;margin:0}
html,body{height:100%;background:#070707;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow:hidden}
#screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vh;
  background:radial-gradient(ellipse at 70% 30%,rgba(247,123,2,.28),transparent 55%),radial-gradient(ellipse at 15% 90%,rgba(247,123,2,.12),transparent 50%),#070707}
.brand{position:absolute;top:5vh;left:5vw;display:flex;align-items:center;gap:1.2vw}
.brand img{width:7vh;height:7vh;border-radius:1.6vh}
.brand strong{display:block;font-size:4.2vh;letter-spacing:.02em}
.brand span{display:block;font-size:2.2vh;color:#ffb067;margin-top:-.4vh}
.panel{text-align:center;max-width:72vw}
.panel h1{font-size:6vh;margin-bottom:2.5vh}
.panel p{font-size:2.8vh;line-height:1.5;color:#e9e3e0}
.panel b{color:#ff9a2e}
.muted{color:#9a928f!important;font-size:2.2vh!important;margin-top:3vh}
.code{margin:5vh auto;font-size:15vh;font-weight:800;letter-spacing:.12em;padding:2vh 5vw;border-radius:4vh;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:.3vh solid rgba(255,154,46,.55);
  box-shadow:0 0 8vh rgba(247,123,2,.35);font-variant-numeric:tabular-nums}
#player{position:fixed;inset:0;background:#000}
#player video{width:100%;height:100%;object-fit:contain;background:#000}
#overlay{position:absolute;left:0;right:0;bottom:0;padding:6vh 5vw 5vh;background:linear-gradient(transparent,rgba(0,0,0,.85));transition:opacity .4s}
#overlay.hide{opacity:0}
.now strong{display:block;font-size:4vh}
.now span{display:block;font-size:2.4vh;color:#cfc8c5;margin-top:.6vh}
.bar{display:flex;align-items:center;gap:1.5vw;margin-top:2.5vh;font-size:2.2vh;font-variant-numeric:tabular-nums}
.track{flex:1;height:.8vh;border-radius:1vh;background:rgba(255,255,255,.25);overflow:hidden}
#fill{height:100%;width:0;background:linear-gradient(90deg,#f77b02,#ff9a2e)}
#unmute{position:absolute;top:6vh;left:50%;transform:translateX(-50%);font-size:3vh;padding:2vh 4vw;border-radius:5vh;border:0;
  background:linear-gradient(180deg,#ff9a2e,#f77b02);color:#fff;font-weight:700;box-shadow:0 1vh 4vh rgba(247,123,2,.5)}