*{box-sizing:border-box}body{margin:0;background:#080604;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.bg{position:fixed;inset:0;background:url('/assets/img/batang-bg.png') center/cover no-repeat;z-index:0}.shade{position:fixed;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.1),rgba(0,0,0,.5)),radial-gradient(circle,rgba(0,0,0,.05),rgba(0,0,0,.48));z-index:1}.topbar{position:relative;z-index:5;height:86px;display:flex;align-items:center;padding:0 42px;gap:34px;background:rgba(0,0,0,.82);border-bottom:1px solid rgba(214,155,65,.25)}.brand{width:300px}.logo{font-size:34px;font-weight:900;color:#d69732}.logo span{color:#eee;margin-left:4px}.logo em{color:#c43822;font-size:20px;margin-left:4px;font-style:normal}.tag{color:#f0d7a4;font-size:12px;letter-spacing:1.7px;font-weight:800}nav{display:flex;gap:14px;flex:1}nav a{color:#fff;text-decoration:none;text-transform:uppercase;padding:13px 18px;border-radius:6px;font-size:13px;font-weight:900;cursor:pointer}nav a.active,nav a:hover{background:rgba(110,30,20,.85);color:#ffc15d}.headstats{display:flex;align-items:center;gap:38px}.headstats small{display:block;color:#ddd;font-size:11px;font-weight:900}.headstats b{font-size:28px}.onair{border:2px solid #ff3b2f;color:#fff;padding:11px 22px;border-radius:7px;font-size:22px;letter-spacing:2px;text-shadow:0 0 12px red;box-shadow:0 0 18px rgba(255,60,30,.65)}.layout{position:relative;z-index:3;display:grid;grid-template-columns:300px minmax(460px,720px) 360px;gap:26px;padding:34px 38px 18px;min-height:calc(100vh - 118px)}.left-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 3px 0 rgba(255,255,255,.22),0 0 20px #000}.script{font-size:60px;color:#111;font-style:italic;font-weight:900}.big{color:#070707;font-size:82px;font-weight:1000;line-height:.88;transform:rotate(-2deg)}.radio{color:#0c0906;font-size:34px;letter-spacing:12px;font-weight:900}.ribbon{background:#6d2018;color:#f4dfb2;font-size:22px;padding:8px 24px;margin:8px 0;transform:rotate(-2deg);font-weight:900;letter-spacing:4px}.light{color:#ffd58a;border:2px solid #8d551d;padding:10px 22px;font-size:25px;background:rgba(0,0,0,.72);box-shadow:0 0 16px rgba(255,145,32,.9);border-radius:8px;letter-spacing:4px}.center{display:flex;flex-direction:column;gap:16px}.player,.recent,.cards>div,.chat{background:rgba(10,9,8,.86);backdrop-filter:blur(10px);border:1px solid rgba(216,162,76,.25);box-shadow:0 0 35px rgba(0,0,0,.55);border-radius:14px}.player{padding:26px}.player-head{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px;margin-bottom:18px}.red{color:#ff3a31}.player-head p{margin:6px 0 0}.bars{display:flex;align-items:end;gap:4px;height:35px}.bars span{width:5px;background:#d68b21;animation:bars .8s infinite ease-in-out}.bars span:nth-child(odd){height:18px}.bars span:nth-child(even){height:30px;animation-delay:.2s}@keyframes bars{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1.1)}}.player-body{display:flex;gap:24px;align-items:center}.player-body img{width:190px;height:190px;border-radius:8px;object-fit:cover;box-shadow:0 0 20px rgba(0,0,0,.65)}.song{flex:1}.song h1{font-size:32px;margin:0 0 8px}.song h2{margin:0 0 12px;color:#e2ad4c;font-size:23px}.song p{color:#f0d7a4;font-weight:700}.progress{display:grid;grid-template-columns:54px 1fr 42px;gap:10px;align-items:center;margin:34px 0 24px}.progress i{height:6px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}.progress b{display:block;width:35%;height:100%;background:#d23126}.controls{display:flex;align-items:center;gap:18px}#playBtn{width:66px;height:66px;border-radius:999px;border:0;cursor:pointer;font-size:28px;background:linear-gradient(135deg,#f4c46f,#b77225);color:#120d08;box-shadow:0 0 20px rgba(245,170,70,.38)}#volume{width:130px;accent-color:#d69a3b}#playStatus{color:#d7c6aa;font-size:13px}.recent{padding:18px}.recent h3{border-left:4px solid #d33226;padding-left:12px;font-weight:900;text-transform:uppercase;margin:0 0 12px}#recentSongs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.recent-item{color:#f4f4f4;font-size:13px;border-left:1px solid rgba(255,255,255,.08);padding-left:9px}.recent-item b{display:block}.recent-item span{color:#e2ad4c;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cards>div{padding:18px;min-height:132px}.cards span{display:block;color:#e2ad4c;text-transform:uppercase;font-size:12px;font-weight:900;margin-bottom:18px}.cards b{display:block;font-size:22px;line-height:1.1}.cards small{color:#d7c6aa;text-transform:uppercase;font-size:10px}.chat{height:calc(100vh - 130px);overflow:hidden;align-self:start}.chat iframe{width:100%;height:100%;border:0;background:transparent}footer{position:relative;z-index:4;color:#dca84c;font-size:12px;font-weight:900;text-align:center;padding:8px;letter-spacing:1px}@media(max-width:1150px){.layout{grid-template-columns:1fr}.left-brand{display:none}.chat{height:45vh}.topbar{height:auto;flex-wrap:wrap;padding:18px}nav{order:3;flex-wrap:wrap}.player-body{flex-direction:column;text-align:center}.cards,#recentSongs{grid-template-columns:1fr 1fr}}