body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#123c71,#061426 70%);color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:grid;place-items:center}.standalone-player{width:min(100%,420px);padding:28px 24px;box-sizing:border-box;--player-accent:#005bea}.standalone-player header{text-align:center}.player-eyebrow{display:inline-block;font-size:.66rem;letter-spacing:.18em;color:#bdd7fa;border:1px solid #547fa85c;border-radius:20px;padding:7px 12px}.standalone-player h1{font-size:1.55rem;line-height:1.25;margin:16px 0 8px;color:#fff}.standalone-player header p{font-size:.82rem;color:#adc2d9;line-height:1.5}.player-art{position:relative;display:grid;place-items:center;min-height:210px;margin:20px 0}.player-record{width:175px;height:175px;border-radius:50%;background:repeating-radial-gradient(circle at center,#111b29 0,#111b29 3px,#243346 4px,#111b29 6px);box-shadow:0 12px 40px #0007;display:grid;place-items:center;border:5px solid #101a27;animation:record-spin 12s linear infinite;animation-play-state:paused}.player-record span{display:grid;place-items:center;border-radius:50%;width:58px;height:58px;font-size:1.8rem;background:var(--player-accent);box-shadow:0 0 0 8px #4c8ed126;color:white}.is-playing .player-record{animation-play-state:running}.player-signal{position:absolute;bottom:0;display:flex;align-items:center;gap:5px;height:24px}.player-signal i{height:7px;width:4px;background:#8dbbfa;border-radius:6px}.is-playing .player-signal i{animation:signal .8s ease-in-out infinite alternate}.player-signal i:nth-child(2){animation-delay:.2s}.player-signal i:nth-child(3){animation-delay:.4s}.player-signal i:nth-child(4){animation-delay:.1s}.player-signal i:nth-child(5){animation-delay:.3s}.player-controls{display:flex;align-items:center;gap:16px;background:#ffffff0b;border:1px solid #ffffff16;border-radius:18px;padding:17px}#popupPlay{width:62px;height:62px;border-radius:50%;border:0;background:var(--player-accent);color:white;font-size:1.5rem;flex-shrink:0;cursor:pointer;box-shadow:0 5px 20px #0003}.player-controls strong{font-size:.95rem}.player-controls p{margin:5px 0 0;color:#9bb3ce;font-size:.74rem}.player-bottom{display:flex;align-items:center;gap:9px;margin:20px 0;color:#b9cce2;font-size:.72rem}.player-bottom button{border:0;background:#ffffff10;color:#d4e6ff;width:30px;height:30px;border-radius:8px;cursor:pointer}.player-bottom input{flex:1;min-width:0;accent-color:var(--player-accent)}.player-bottom output{min-width:32px;text-align:right}.player-quality{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#b9cce2}.player-quality select{border:1px solid #ffffff26;border-radius:8px;padding:6px;background:#18314d;color:white;font:inherit}#popupError{color:#ffceb8;font-size:.8rem;line-height:1.5;min-height:1em}.standalone-player .rds-box{background:#ffffff0b!important;color:#fff!important;margin-top:14px}.standalone-player footer{text-align:center;margin-top:22px;font-size:.75rem}.standalone-player footer a{color:#9bbce7;text-decoration:none}.player-notice{text-align:center;color:#d7e7fb}.popup-player-link{display:block;text-align:center;margin-top:14px;text-decoration:none;border-radius:10px;padding:10px;font-weight:650}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes signal{to{height:23px}}@media(prefers-reduced-motion:reduce){.player-record,.player-signal i{animation:none!important}}
