*{box-sizing:border-box}body{margin:0;background:#100d19;color:#f5efff;font:16px system-ui,sans-serif}body.light{background:#faf7ff;color:#211333}button,a,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:transparent;border:1px solid #806a9b;border-radius:30px;padding:12px 20px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f039bd;outline-offset:4px}header{padding:24px 6%;display:flex;justify-content:space-between;align-items:center;gap:16px}.logo{font-size:28px;font-weight:900;letter-spacing:-1px}.logo span{color:#f039bd}.pill{background:linear-gradient(100deg,#853cff,#d82da8);border:0;color:white}main{max-width:1200px;margin:auto;padding:30px 6% 120px}.hero{padding:64px 7%;border-radius:32px;background:radial-gradient(ellipse at 90% 15%,#a12cb0,transparent 65%),linear-gradient(120deg,#281b55,#471872);color:white}.eyebrow{letter-spacing:3px;font-size:12px;font-weight:700}h1{font-size:clamp(40px,7vw,80px);line-height:1.02;letter-spacing:-3px;margin:20px 0}h2{font-size:28px}p{line-height:1.7;max-width:620px}.muted{opacity:.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.card{padding:28px;border:1px solid #75618555;border-radius:24px;background:#8e55b70d}.symbol{font-size:32px;color:#dd81ff}.nav{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0}.nav button[aria-current=page]{background:#853cff;color:white}.search{width:100%;padding:18px 24px;border-radius:28px;border:1px solid #756185;background:transparent;color:inherit;margin:20px 0}.empty{padding:50px 25px;text-align:center;border:1px dashed #79668b;border-radius:24px}.player{position:fixed;bottom:0;left:0;right:0;padding:16px 6%;background:#21152df5;color:white;display:flex;justify-content:space-between;align-items:center;gap:20px}.price{font-size:44px;font-weight:bold}.badge{font-size:12px;border:1px solid #aa7cf8;border-radius:20px;padding:7px 12px;display:inline-block}footer{padding:30px 6%;opacity:.7}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:650px){.grid{grid-template-columns:1fr}.hero{padding:40px 25px}header{padding:20px 6%}.logo{font-size:24px}h1{letter-spacing:-2px}.player{font-size:13px}}
/* TONO+ station list */
main{max-width:1050px;padding-bottom:170px}
h1{font-size:clamp(38px,6vw,64px)}
#results.station-list{display:flex;flex-direction:column;padding:6px 20px;border:1px solid #89789c30;border-radius:24px;text-align:left;background:#89789c08}
.station-row{display:flex;align-items:center;gap:16px;width:100%;min-width:0;padding:14px 0;border:0;border-bottom:1px solid #89789c30;border-radius:0;text-align:left}
.station-row:last-child{border-bottom:0}
.station-row:hover{background:#853cff0b}
.station-row.is-selected{color:#b583ff}
.light .station-row.is-selected{color:#7133c2}
.station-art{position:relative;display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#853cff,#b42a94);color:white;font-size:21px;font-weight:800}
.station-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:white;padding:5px}
.station-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}
.station-title{font-size:16px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.station-country{font-size:13px;opacity:.6}
.live-label{font-size:10px;letter-spacing:1.5px;color:#d067b3;white-space:nowrap}
.light .live-label{color:#9c2877}
.play-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#853cff18;color:#b583ff;font-size:14px}
.light .play-icon{color:#7133c2}
.player{padding-bottom:calc(16px + env(safe-area-inset-bottom));backdrop-filter:blur(20px)}
.player>div{min-width:0;flex:1}
.player #status{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player audio{width:280px;max-width:50%}
@media(max-width:650px){
 #results.station-list{padding:4px 12px}
 .station-row{gap:12px}
 .station-art{width:50px;height:50px;border-radius:11px}
 .station-title{font-size:14px}
 .live-label{display:none}
 .player{flex-wrap:wrap;gap:10px}
 .player audio{width:100%;max-width:100%}
 .player>div{flex-basis:100%}
 .nav{flex-wrap:nowrap;overflow-x:auto}
 .nav button{padding:10px 14px;white-space:nowrap}
}