:root{
    --bg:#0f0f12;
    --card:#17171b;
    --muted:#a9abb3;
    --text:#ffffff;
    --accent:#b23a2e;
    --accent-2:#e15a4f;
    --radius:14px;
  }
  
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
  a{color:var(--accent)}
  .container{width:min(1100px,92%);margin:auto}
  
  .site-header{
    background:linear-gradient(180deg, rgba(178,58,46,.18), transparent);
    border-bottom:1px solid #222;
  }
  .header-inner{display:flex;align-items:center;gap:16px;padding:22px 0}
  .logo{height:54px;width:auto}
  .title{font-size:clamp(22px,3vw,32px);margin:0}
  .tagline{margin:0;color:var(--muted)}
  
  .player-section{padding:28px 0}
  .card{
    background:var(--card);
    border:1px solid #23232a;
    border-radius:var(--radius);
    padding:22px;
    box-shadow:0 10px 24px rgba(0,0,0,.25);
  }
  
  .player-card{display:grid;gap:14px}
  .now{display:inline-flex;align-items:center;gap:8px;font-weight:600}
  .live-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
  .live-text{letter-spacing:.4px}
  
  .stream-title{margin:.2rem 0}
  .np-small{margin:.2rem 0;color:var(--muted)}
  
  .controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px}
  .btn{
    border:0;
    border-radius:999px;
    padding:12px 18px;
    font-weight:700;
    cursor:pointer;
  }
  .btn.primary{background:var(--accent);color:#fff}
  .btn.primary:hover{background:var(--accent-2)}
  .btn[disabled]{opacity:.6;cursor:not-allowed}
  
  .volume{display:flex;align-items:center;gap:10px;color:var(--muted)}
  .volume input{width:180px}
  
  .meta{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted)}
  .meta strong{color:#fff}
  
  .notice{color:var(--muted);font-size:.95rem}
  
  .schedule-section,.contact-section{padding:8px 0 28px}
  .schedule{list-style:none;padding:0;margin:0;display:grid;gap:10px}
  .schedule li{display:flex;gap:12px;align-items:center}
  .schedule li span{
    display:inline-block;
    min-width:90px;
    padding:4px 10px;
    border-radius:999px;
    background:#1f1f25;
    color:#d9d9de;
    text-align:center;
  }
  
  .site-footer{border-top:1px solid #222;padding:20px 0;color:var(--muted);text-align:center}
  
  @media (max-width:560px){
    .volume input{width:130px}
  }