:root{--bg:#0b1220;--card:#0f1720;--accent:#3b82f6;--muted:#9ca3af;color-scheme:dark}
body{
     margin:0;
     font-family:Inter,system-ui,Segoe UI,Roboto,Arial;
     background:#FFFBF9;
     display:flex;
     min-height:100vh;
     #align-items:center;
     #justify-content:center;
     color:#000000
   }
.player{
     width:100%;
     max-width:260px;
     background: #FFFBF9;
     padding:16px;
     #box-shadow:0 8px 24px #0E5490
   }
.header{
   display:flex;
   align-items:center;
   margin-bottom:12px
   }
.title{
     font-weight:700
   }
.status{
     font-size:20px;
     color:#0E5490
   }
.controls{
     display:flex;
     gap:5px;
     align-items:center
   }
.btn{
     background:transparent;
     border:1px solid rgba(255,255,255,0.06);
     color:inherit;
     padding:10px 0px;
     border-radius:8px;
     cursor:pointer
   }
.btn.big{
     font-size:18px;
     padding:12px 0px
   }
.vol{
     display:flex;
     align-items:center;
     gap:10px
   }
.meta{
     margin-top:12px;
     font-size:14px;
     color:var(--muted);
     min-height:20px
   }
.small{
     font-size:13px;
     color:#0E5490
   }
.hidden{
     display:none
   }