*{box-sizing:border-box}body{margin:0;background:#090c0f;color:#f5f7fa;font-family:Inter,system-ui,sans-serif}main{min-height:100vh;display:grid;place-items:center;padding:32px}section{width:min(960px,100%);background:#12161c;border:1px solid #303641;border-radius:24px;padding:32px}small{color:#aeb6c2}h1{font-size:54px;margin:12px 0 4px}p{color:#c5ccd6}.label{display:block;color:#c5ccd6;font-size:14px;font-weight:700;margin-top:26px;margin-bottom:8px}.deviceRow{display:grid;grid-template-columns:1fr auto;gap:12px}select{width:100%;padding:14px 16px;border:1px solid #3a424f;border-radius:12px;background:#1a2028;color:#f5f7fa;font-size:16px}.buttons{display:flex;gap:12px;margin:18px 0 8px}button{padding:14px 20px;border:0;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer}button.secondary{background:#202630;color:#f5f7fa;border:1px solid #3a424f}button:disabled{opacity:.4;cursor:default}.status{font-weight:700}.debug{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 4px}.debug span{font-size:12px;color:#aeb6c2;background:#1a2028;border:1px solid #303641;padding:7px 10px;border-radius:999px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.grid article{min-height:180px;border:1px solid #303641;border-radius:16px;padding:20px}.grid article p{white-space:pre-wrap}pre{white-space:pre-wrap;background:#251417;padding:14px;border-radius:12px;color:#ffb7bd;max-height:220px;overflow:auto}footer{margin-top:22px;color:#929baa;font-size:13px}@media(max-width:700px){.grid,.deviceRow{grid-template-columns:1fr}h1{font-size:40px}}.listener{max-width:760px}.listenButton{font-size:20px;padding:18px 24px;margin-top:20px}.listenerText{min-height:220px;border:1px solid #303641;border-radius:16px;padding:20px;margin-top:22px}.listenerText p{white-space:pre-wrap;font-size:20px;line-height:1.5}.listenerLink{padding:12px 14px;border:1px solid #303641;border-radius:12px;background:#1a2028;overflow-wrap:anywhere}.headphoneCheck{display:flex;align-items:center;gap:12px;margin:20px 0 6px;padding:16px 18px;border:1px solid #303641;border-radius:14px;background:#1a2028;font-size:18px;cursor:pointer}.headphoneCheck input{width:22px;height:22px;flex:0 0 auto}.listenButton:disabled{opacity:.45;cursor:not-allowed}.icecastStatus{padding:10px 12px;border-radius:10px;background:#1a2028;border:1px solid #303641;font-size:14px;overflow-wrap:anywhere}.icecastStatus.live{border-color:#277a50;color:#b8f5d2}.icecastStatus.retrying{border-color:#8a6b25;color:#ffe29a}.icecastStatus.disabled,.icecastStatus.auth_failed{border-color:#70464a;color:#ffbdc2}.loginPanel{max-width:520px}.loginPanel h1{font-size:38px}.loginPanel form{display:grid;gap:14px}.loginPanel input{width:100%;padding:14px 16px;border:1px solid #3a424f;border-radius:12px;background:#1a2028;color:#f5f7fa;font-size:18px}.loginPanel button{margin-top:4px}