*{margin:0;padding:0;box-sizing:border-box}:root{--red:#e53935;--red-dark:#b71c1c;--red-glow:rgba(229,57,53,0.35);--bg:#0d0d14;--bg-card:#161622;--bg-hover:#1e1e30;--text:#fff;--pozdro-text:#fff;--text-dim:#8e8ea8;--border:rgba(255,255,255,0.07)}:root.light-mode{--red:#e53935;--red-dark:#b71c1c;--red-glow:rgba(229,57,53,0.2);--bg:#f8f8fa;--bg-card:#ffffff;--bg-hover:#1e1e30;--text:#1a1a1f;--pozdro-text:#fff;--text-dim:#6c6c7a;--border:rgba(0,0,0,0.08)}.webplayer-page{font-family:Poppins,system-ui,sans-serif;background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem}.widget{width:21.25rem;height:19rem;background:var(--bg-card);border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.15),0 0 0 1px var(--border);position:relative}:root.light-mode .widget{box-shadow:0 .5rem 2rem rgba(0,0,0,.08),0 0 0 1px var(--border)}.widget-header{justify-content:space-between;padding:.75rem 1rem .625rem;background:linear-gradient(135deg,var(--red-dark),var(--red))}.widget-header,.widget-logo{display:flex;align-items:center}.widget-logo{gap:.5rem;text-decoration:none;color:#fff}.widget-logo img{height:1.75rem;width:auto;border-radius:.25rem}.widget-logo span{font-weight:700;font-size:.9375rem;letter-spacing:.5px}.widget-badge{font-size:.625rem;font-weight:600;background:rgba(255,255,255,.18);padding:.1875rem .5rem;border-radius:1.25rem;letter-spacing:.3px;color:#000000;white-space:nowrap}.widget-badge.live{background:rgb(255,255,255);animation:pulse-badge 1.8s infinite}@keyframes pulse-badge{50%{opacity:.65}}.channel-switch{display:flex;background:var(--bg);border-bottom:1px solid var(--border)}.channel-btn{flex:1 1;padding:.625rem;margin:0;background:none;border:none;color:var(--text-dim);font-family:MV,Poppins,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;position:relative;transition:color .2s;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;text-align:center;outline:none}.channel-btn.active,.channel-btn:hover{color:var(--text)}.channel-btn.active:after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:.125rem;background:var(--red);border-radius:.125rem}.ch-badge{display:none;font-size:.5625rem;font-weight:700;color:var(--red);margin-left:.25rem;letter-spacing:.5px;animation:pulse-badge 1.8s infinite}.now-playing-controls{position:relative;background:#0d0d14;overflow:hidden;z-index:1}.now-playing-controls>canvas.anim-streak{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:1;opacity:.8;pointer-events:none}.now-playing-controls:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b0000,#d40000 18%,#ff1a00 35%,#cc0000 68%,#990000);opacity:.7;pointer-events:none;z-index:0;opacity:.7!important}.now-playing{position:relative;z-index:1;gap:.75rem;padding:.875rem 1rem .125rem}.dj-avatar,.now-playing{display:flex;align-items:center}.dj-avatar{width:3rem;height:3rem;border-radius:50%;background:var(--bg-hover);border:2px solid var(--border);overflow:hidden;justify-content:center;flex-shrink:0;box-shadow:0 .125rem .5rem rgba(0,0,0,.12)}.dj-avatar img{width:100%;height:100%;object-fit:cover}.dj-avatar svg{width:1.5rem;height:1.5rem;fill:#8e8ea8}.now-info{flex:1 1;min-width:0;overflow:hidden}.now-label{font-size:.625rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;margin-bottom:.125rem}:root.light-mode .now-label{color:#aeaeae}.now-dj{font-size:1.25rem;font-weight:600;overflow:hidden;text-overflow:ellipsis}.now-dj,.now-show{white-space:nowrap}.now-show{font-size:1rem;margin-top:.0625rem;display:inline-block}.now-show.scrolling{animation:scroll-to-end 8s ease-in-out infinite}@keyframes scroll-to-end{0%{transform:translateX(0)}15%{transform:translateX(0)}50%{transform:var(--scroll-amount,translateX(0))}85%{transform:var(--scroll-amount,translateX(0))}to{transform:translateX(0)}}.now-dj,.now-show{color:#fff;text-shadow:0 .125rem .25rem rgba(0,0,0,.5)}.controls{position:relative;z-index:1;gap:.625rem;padding:0 1rem .5rem}.controls,.play-btn{display:flex;align-items:center}.play-btn{width:2.625rem;height:2.625rem;border-radius:50%;border:1px solid rgb(0,0,0);background:var(--red);color:#fff;cursor:pointer;justify-content:center;flex-shrink:0;transition:transform .15s,box-shadow .2s,border-color .2s;box-shadow:0 .125rem .75rem var(--red-glow)}.play-btn:hover{transform:scale(1.08);box-shadow:0 .25rem 1.25rem var(--red-glow)}.play-btn:active{transform:scale(.95)}.play-btn svg{width:1.25rem;height:1.25rem;fill:#fff}.play-btn .icon-pause,.play-btn.playing .icon-play{display:none}.play-btn.playing .icon-pause{display:block}.volume-wrap{display:flex;align-items:center;gap:.375rem;flex:1 1}.volume-wrap svg{width:1.125rem;height:1.125rem;fill:#fff;flex-shrink:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.25rem;background:var(--bg);border-radius:.25rem;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:.875rem;height:.875rem;border-radius:50%;background:var(--red);border:none;cursor:pointer;box-shadow:0 0 .375rem var(--red-glow)}input[type=range]::-moz-range-thumb{width:.875rem;height:.875rem;border-radius:50%;background:var(--red);border:none;cursor:pointer;box-shadow:0 0 .375rem var(--red-glow)}select.quality{background:var(--bg);color:var(--text-dim);border:1px solid var(--border);border-radius:.375rem;padding:.25rem .375rem;font-family:inherit;font-size:.625rem;cursor:pointer;outline:none}select.quality:focus{border-color:var(--red)}select.quality option{background:var(--bg-card)}.widget-actions{gap:.5rem;padding:.5rem 1rem;border-top:1px solid var(--border)}.pozdro-btn,.widget-actions{display:flex;align-items:center}.pozdro-btn{flex:1 1;justify-content:center;gap:.3125rem;padding:.4375rem 0;background:var(--red-dark);border:1px solid rgba(229,57,53,.22);border-radius:.5rem;color:var(--pozdro-text);font-family:inherit;font-size:.6875rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.pozdro-btn:hover{background:rgba(229,57,53,.22);border-color:rgba(229,57,53,.45);color:var(--red)}.pozdro-btn svg{width:.875rem;height:.875rem;fill:currentColor;flex-shrink:0}.pozdro-btn.hidden{display:none}.social-links{display:flex;gap:.375rem}.social-link{width:1.875rem;height:1.875rem;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;color:var(--text-dim);text-decoration:none;transition:all .2s}.social-link:hover{color:var(--red);border-color:rgba(229,57,53,.3);background:rgba(229,57,53,.08)}.social-link svg{width:.875rem;height:.875rem;fill:currentColor}.w-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1000;align-items:center;justify-content:center;animation:wFadeIn .25s ease}.w-modal.active{display:flex}.w-modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:.875rem;padding:1.25rem;width:90%;max-width:27.5rem;max-height:80vh;overflow-y:auto;position:relative;animation:wSlideUp .25s ease}.w-modal-close{position:absolute;top:.625rem;right:.625rem;width:1.75rem;height:1.75rem;background:rgba(229,57,53,.1);border:1px solid rgba(229,57,53,.2);border-radius:50%;color:var(--text);font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;line-height:1}.w-modal-close:hover{background:rgba(229,57,53,.2);color:var(--red)}.w-modal-title{font-size:.9375rem;font-weight:700;margin-bottom:.875rem}.w-modal-body iframe{width:100%;height:28.75rem;border:none;border-radius:.5rem;background:var(--bg)}@keyframes wFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wSlideUp{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.widget-footer{display:flex;align-items:center;justify-content:center;padding:.5rem;border-top:1px solid var(--border)}.widget-footer a{font-size:.625rem;color:var(--text-dim);text-decoration:none;letter-spacing:.3px;transition:color .2s}.widget-footer a:hover{color:var(--red)}body.in-iframe{min-height:auto;background:transparent}body.in-iframe .webplayer-page{min-height:auto;padding:0;margin:0}@media (max-width:32.5rem){body{padding-bottom:6.25rem}body.in-iframe{padding-bottom:0}}.connection-error-banner{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#c62828,#e53935);padding:.75rem 1rem;z-index:100;animation:slideDown .3s ease-out;box-shadow:0 .25rem .75rem rgba(0,0,0,.3);border-radius:1rem 1rem 0 0;-webkit-clip-path:inset(0 0 0 0 round 1rem 1rem 0 0);clip-path:inset(0 0 0 0 round 1rem 1rem 0 0)}.error-content{display:flex;align-items:center;gap:.75rem}.error-icon{width:1.25rem;height:1.25rem;flex-shrink:0;fill:#fff;animation:pulse .5s ease-in-out infinite}.error-text{flex:1 1;min-width:0}.error-title{font-size:.75rem;font-weight:700;color:#fff;letter-spacing:.3px;margin-bottom:.125rem}.error-message{font-size:.625rem;color:rgba(255,255,255,.9);letter-spacing:.2px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}