:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5}body{margin:0}#root{min-height:100svh}h1,h2{font-family:system-ui,Segoe UI,Roboto,sans-serif}p{margin:0}.page{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:48px 24px;display:flex}.header{text-align:center;margin-bottom:40px}.logo-img{width:120px;height:auto;margin:0 auto 16px;display:block}.header h1{color:#fff;letter-spacing:-1.5px;margin:0 0 10px;font-size:52px;font-weight:700;line-height:1.1}.header h2{color:#93c5fd;letter-spacing:1px;text-transform:uppercase;margin:0 0 16px;font-size:20px;font-weight:300}.official-url{color:#60a5fa;margin:0 0 6px;font-size:13px}.location{color:#475569;margin:0;font-size:12px}.main{width:100%;max-width:460px}.player-card{text-align:center;background:linear-gradient(160deg,#1e3a8a33,#0f172a80);border:1px solid #1e3a5f;border-radius:20px;padding:40px 36px;box-shadow:0 0 50px #3b82f612}.status-row{justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.live-dot{background:#475569;border-radius:50%;width:10px;height:10px;transition:background .3s}.live-dot--active{background:#22c55e;animation:1.5s infinite pulse;box-shadow:0 0 8px #22c55e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-text{color:#64748b;letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:600}.stream-title{color:#e2e8f0;margin:0 0 6px;font-size:18px;font-weight:600}.stream-sub{color:#64748b;margin:0 0 32px;font-size:13px}.play-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:50px;align-items:center;gap:10px;margin-bottom:28px;padding:14px 36px;font-size:16px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.play-btn:hover{background:#2563eb}.play-btn:active{transform:scale(.97)}.play-btn--error{background:#7f1d1d}.play-btn--error:hover{background:#991b1b}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.volume-row{justify-content:center;align-items:center;gap:10px;display:flex}.volume-slider{appearance:none;cursor:pointer;background:#1e3a5f;border-radius:2px;outline:none;width:140px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:14px;height:14px}.volume-pct{color:#475569;text-align:right;width:32px;font-size:12px}.error-msg{color:#f87171;margin:20px 0 0;font-size:13px}.footer{text-align:center;margin-top:48px}.footer p{color:#334155;margin:0;font-size:12px}@media (width<=600px){.header h1{font-size:36px}.header h2{font-size:17px}.player-card{padding:30px 20px}.play-btn{padding:12px 28px;font-size:15px}}