:root{color-scheme:dark;font:16px/1.6 system-ui,sans-serif;background:#0b1323;color:#eef4ff}
*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:45px auto;padding:0 20px}
header span,.station{color:#78ddd1;font-size:12px;font-weight:700;letter-spacing:2px}
h1{font-size:34px;margin:12px 0}h2{font-size:22px;margin:8px 0;overflow-wrap:anywhere}
p{color:#b1c1d9}.card{background:#15233a;border:1px solid #2b405d;border-radius:18px;padding:28px;margin:22px 0}
.icon{float:right;font-size:42px;color:#78ddd1}.controls{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
button{background:#78ddd1;color:#092c2b;border:0;border-radius:9px;padding:12px 22px;font:inherit;font-weight:700;cursor:pointer}
button:disabled{opacity:.6}label{color:#b1c1d9}input{vertical-align:middle;max-width:150px;accent-color:#78ddd1}
textarea{display:block;width:100%;background:#0b1323;color:#dce8fb;border:1px solid #425a79;border-radius:8px;padding:12px;margin:15px 0;font:13px/1.5 monospace}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:3px}
.embedded main{margin:0;padding:0}.embedded .card{margin:0;border-radius:12px;min-height:270px}
.embedded{background:transparent}.playing .icon{color:#fff}
@media(max-width:480px){main{margin:20px auto;padding:0 12px}.card{padding:20px}.controls{gap:12px}h2{font-size:19px}}