:root{color-scheme:dark;--ice:#ace7ee;--muted:#7cabbf}*{box-sizing:border-box}html,body{margin:0;min-width:280px;background:transparent;font-family:Arial,Helvetica,sans-serif;color:var(--ice)}body{padding:6px}.radio{height:100px;width:100%;display:flex;align-items:center;gap:14px;padding:9px 12px;border:1px solid #58616b;border-radius:7px;background:linear-gradient(180deg,#30363b 0,#161b20 12%,#20262b 48%,#11161a 100%);box-shadow:inset 0 1px #ffffff2e,0 3px 10px #0005}.cover-link{width:80px;height:80px;flex:none;position:relative;overflow:hidden;background:radial-gradient(circle at 40% 30%,#344856,#10171d 75%);border:2px solid #0a0f13;border-radius:5px;color:var(--ice);display:grid;place-items:center;text-decoration:none}.cover-link[aria-disabled=true]{cursor:default}.cover-fallback{font-size:38px;opacity:.7}.cover-link img{position:absolute;width:100%;height:100%;object-fit:cover}.link-icon{position:absolute;bottom:2px;right:2px;border-radius:3px;background:#000b;font-size:15px;padding:1px 4px}.lcd{min-width:0;flex:1;height:80px;padding:8px 14px 7px;border:2px solid #070d12;border-radius:6px;background:radial-gradient(ellipse at 30% 0,#08202d,#020c13 80%);box-shadow:inset 0 0 14px #000,0 0 0 1px #465b65}.topline{display:flex;gap:10px;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#80c4d8;white-space:nowrap}.topline #state{overflow:hidden;text-overflow:ellipsis;letter-spacing:1px;max-width:45%}.mainline{display:flex;gap:14px;align-items:center;margin:5px 0 3px}h1{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:21px;font-weight:500;text-shadow:0 0 7px #8cecff25}output{flex:none;font-family:monospace;font-size:15px;letter-spacing:1px;white-space:nowrap}p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;color:var(--muted);font-size:11px;letter-spacing:.4px}progress{display:block;width:100%;height:3px;margin-top:7px;border:0;border-radius:5px;background:#203e50;overflow:hidden}progress::-webkit-progress-bar{background:#203e50}progress::-webkit-progress-value{background:var(--ice)}progress::-moz-progress-bar{background:var(--ice)}.controls{display:flex;gap:9px;flex:none}button{width:58px;height:68px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:2px solid #05090c;border-radius:7px;background:linear-gradient(130deg,#39434b,#171d22);box-shadow:inset 0 1px 1px #c3d1da88,0 0 0 1px #424b53;color:var(--ice);cursor:pointer}button>span{font-size:24px;text-shadow:0 0 10px #ace7ee55}button small{font-size:9px;letter-spacing:2px}button:hover{background:linear-gradient(130deg,#445864,#202c34)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid var(--ice);outline-offset:2px}button:disabled{opacity:.5;cursor:wait}@media(max-width:600px){.radio{gap:8px;padding:8px;height:92px}.cover-link{width:64px;height:72px}.lcd{height:72px;padding:7px 9px}.brand{display:none}h1{font-size:16px}.mainline{gap:6px}output{font-size:11px;letter-spacing:0}.controls{gap:5px}button{width:40px;height:62px}button small{font-size:8px;letter-spacing:1px}.topline{font-size:8px;letter-spacing:1px}p{font-size:10px}progress{margin-top:6px}}@media(max-width:390px){.cover-link{width:48px;height:64px}.radio{gap:5px}.controls{flex-direction:column;gap:4px}button{width:32px;height:32px;gap:0}button>span{font-size:17px}button small{display:none}.mainline{display:block;margin:3px 0}h1{font-size:14px}output{display:block;font-size:10px;margin-top:2px}.lcd{padding:5px 7px}.topline{letter-spacing:0;font-size:7px}p{font-size:9px}progress{margin-top:4px}}