*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  font-family:Arial, Helvetica, sans-serif;
  background:
    linear-gradient(rgba(0,0,0,.62), rgba(0,0,0,.72)),
    url("/static/corre-bz-bg.jpg") center center / cover no-repeat fixed;
  color:#f9fafb;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.box{
  width:100%;
  max-width:900px;
  background:rgba(17,24,39,.82);
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  padding:24px;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  backdrop-filter:blur(10px);
}
h1{margin-top:0;font-size:34px;letter-spacing:0;text-transform:uppercase}
p{line-height:1.5;color:#e5e7eb}
label{display:block;margin:12px 0 6px;font-weight:700;color:#e5e7eb}
.small,.tip{font-size:13px;color:#d1d5db}
.btn{
  display:inline-block;
  background:#ffffff;
  color:#050505;
  padding:14px 18px;
  border-radius:12px;
  border:0;
  text-decoration:none;
  margin:8px 8px 8px 0;
  font-weight:bold;
  cursor:pointer;
}
.btn.secondary{background:#374151;color:#fff}
.btn.big{font-size:22px;width:100%;padding:22px}
.player-card,.now-card{
  display:flex;
  gap:16px;
  align-items:center;
  background:rgba(0,0,0,.58);
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  padding:20px;
  margin:18px 0;
}
.now-card{display:block}
.label{
  font-size:12px;
  letter-spacing:1.4px;
  color:#ffffff;
  font-weight:900;
  margin-bottom:8px;
}
.now-title{
  font-size:30px;
  font-weight:900;
  color:#fff;
  word-break:break-word;
}
.status-live{margin-top:8px;color:#e5e7eb;font-size:16px}
.radio-dot{
  width:22px;
  height:22px;
  border-radius:50%;
  background:#6b7280;
  flex:0 0 auto;
}
.radio-dot.live{
  background:#22c55e;
  box-shadow:0 0 18px #22c55e;
}
.tip{
  background:rgba(0,0,0,.58);
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  color:#e5e7eb;
  padding:14px;
  margin-top:16px;
  line-height:1.4;
}
audio{width:100%;margin:10px 0 18px 0}
input[type="range"]{width:100%}

@media (max-width:640px){
  body{background-attachment:scroll;padding:14px}
  .box{padding:20px}
  h1{font-size:30px}
  .now-title{font-size:24px}
  .btn.big{font-size:20px}
}