:root{--navy-900: #0a0f1f;--navy-800: #0e1428;--navy-700: #16203f;--gold: #e9c97a;--gold-dim: #b89a5e;--cream: #f3e9d2;--font-serif: Georgia, "Times New Roman", serif;--tap-min: 48px}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse at top,var(--navy-700),var(--navy-900) 70%);color:var(--cream);font-family:var(--font-serif);min-height:100vh;padding-bottom:120px}h1,h2,h3{font-weight:400}button{font-family:inherit;cursor:pointer}html{font-size:18px}.wrap{max-width:1000px;margin:0 auto;padding:34px 30px}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(233,201,122,.25);padding-bottom:18px;margin-bottom:28px}.brand{font-size:1.4rem;letter-spacing:1px;color:var(--gold)}.brand small{display:block;font-size:.62rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold-dim);margin-top:3px}.sec-title{font-size:.85rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold-dim);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;align-items:start}.cover{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid rgba(233,201,122,.3);box-shadow:0 8px 22px #00000080;position:relative;background:linear-gradient(150deg,var(--navy-700),var(--navy-800))}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover .ph-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 14px;color:var(--gold-dim);font-size:.8rem;letter-spacing:2px;text-transform:uppercase}.station-card{cursor:pointer;background:none;border:2px solid transparent;border-radius:12px;padding:8px;text-align:left;color:inherit;font-family:inherit;transition:transform .15s,border-color .15s,background .15s}.station-card:hover,.station-card:focus-visible{transform:translateY(-4px);outline:none}.station-card.playing{border-color:var(--gold);background:#e9c97a14;box-shadow:0 0 0 2px #e9c97a40}.station-card .cover img.missing{display:none}.card-desc{color:#cdbf9c;font-size:.82rem;line-height:1.45;margin-top:11px}.now-tag{color:var(--gold);font-size:.58rem;letter-spacing:2px;text-transform:uppercase;margin-top:9px;display:none}.station-card.playing .now-tag{display:block}#player-bar{position:fixed;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0c1226,#070a16);border-top:1px solid rgba(233,201,122,.3);padding:16px 30px;display:flex;align-items:center;gap:22px;box-shadow:0 -6px 24px #00000080}#player-bar[hidden]{display:none}.pcover{width:64px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid rgba(233,201,122,.4)}.pcover img{width:100%;height:100%;object-fit:cover}.pmeta{min-width:180px}.pmeta .ptag{font-size:.58rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold-dim)}.pmeta .ptrack{font-size:1.1rem;color:var(--gold);margin:2px 0}.pmeta .pstation{font-size:.78rem;color:var(--gold-dim)}.pcontrols{display:flex;align-items:center;gap:18px;flex:1}.pbtn{min-width:var(--tap-min);min-height:var(--tap-min);border-radius:50%;background:linear-gradient(145deg,var(--gold),#c79a3e);color:var(--navy-700);border:none;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000080}.skip-btn{background:none;border:none;color:var(--gold-dim);font-size:.9rem;min-height:var(--tap-min)}.pnext{font-size:.72rem;color:var(--gold-dim);text-align:right;min-width:150px}.pnext strong{color:#c9b888;display:block;font-size:.8rem}.message{max-width:600px;margin:80px auto;text-align:center;color:var(--cream);font-size:1.1rem;line-height:1.6}@media (max-width: 640px){.pnext{display:none}.pmeta{min-width:0}.wrap{padding:20px 16px}}