:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eef3fb;background:#0b1019;font-size:16px}*{box-sizing:border-box}body{margin:0}main{width:min(760px,100%);margin:auto;padding:34px 28px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:68px}.brand{font-size:1rem;color:#f2f6ff;text-decoration:none;font-weight:850;letter-spacing:.16em}.brand span{color:#72c9ff}h1{font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.1;letter-spacing:-.045em;margin:14px 0 30px}.eyebrow{font-size:.8rem;letter-spacing:.15em;color:#72c9ff;font-weight:700}.intro,footer,.link-box p{color:#aab7c9;line-height:1.65}form{margin-top:30px}label{display:block;font-size:.9rem;font-weight:650;margin:0 0 10px}input,select,button{font:inherit;min-height:49px;border-radius:8px}input,select{width:100%;padding:12px 14px;background:#141d2b;border:1px solid #344459;color:#f2f6ff;min-width:0}input:focus,select:focus{outline:2px solid #72c9ff;outline-offset:2px}button{border:1px solid transparent;background:#80d0ff;color:#061928;font-weight:700;padding:12px 19px;cursor:pointer;white-space:nowrap}button:hover{filter:brightness(1.1)}button:focus-visible{outline:2px solid #eef3fb;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#23344a;color:#eef3fb;border-color:#43566d}.quiet{background:transparent;color:#afc0d7;font-size:.9rem;padding:10px}.row{display:flex;gap:10px}.row input{flex:1}.options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.status{padding:23px 25px;border:1px solid #344459;background:#121c2a;border-radius:12px;border-left:3px solid #72c9ff}.status-top{display:flex;justify-content:space-between;gap:20px}.status p{color:#b9c7d9;line-height:1.5;margin-bottom:0}#title{color:#f2f6ff;overflow-wrap:anywhere}.link-box{border-top:1px solid #2c3c51;margin-top:38px;padding-top:28px}.link-box p,footer{font-size:.875rem}#stream-link{font-family:ui-monospace,monospace;font-size:.85rem}footer{margin-top:28px}footer p{margin:8px 0}.error{color:#ffb7b7;line-height:1.5}.error:empty{display:none}[hidden]{display:none!important}@media(max-width:500px){main{padding:25px 20px 45px}header{margin-bottom:48px}.options{gap:12px}.row{flex-wrap:wrap}.row input{flex-basis:100%}.row button{width:100%}.actions .quiet{padding-left:0}}
:root{accent-color:#80d0ff}.transport{margin-top:25px}.transport label{display:flex;justify-content:space-between;gap:15px}input[type=range]{padding:0;min-height:25px;background:none;border:0}.playlist-section{margin:24px 0 30px}.playlist-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.playlist-heading h2{font-size:1.2rem}.playlist-heading span,#empty,details p{color:#aab7c9;font-size:.875rem;line-height:1.6}#playlist{padding:0;list-style:none}#playlist li{display:flex;align-items:center;gap:16px;padding:16px 12px;border-top:1px solid #2c3c51}#playlist li.current{background:#152b40;border-radius:8px}.track-text{flex:1;min-width:0}.track-text strong,.track-text span{display:block;overflow-wrap:anywhere}.track-text strong{font-size:.95rem;line-height:1.4}.track-text span{font-size:.8rem;color:#aab7c9;margin-top:6px}.track-actions{display:flex;gap:0}.track-actions button{min-height:40px;padding:8px}details{border-top:1px solid #2c3c51;padding-top:18px}summary{cursor:pointer;font-weight:600;font-size:.9rem}@media(max-width:540px){#playlist li{align-items:flex-start;flex-direction:column;gap:5px}.track-actions{align-self:flex-end}.transport .actions button{flex:1;padding:10px}}