@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";:root{--pod-brand: #ec008c;--pod-bg: #0a0a0a;--pod-bg-soft: #141414;--pod-gold: #ffd500;--pod-text: #ffffff;--pod-text-dim: rgba(255, 255, 255, .66);--pod-splash-fade: .42s;--pod-wallpaper: url(https://images.jesunmaailma.fi/uploads/2025/06/Podila_wallpaper.jpg)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;background:var(--pod-bg);color:var(--pod-text);font-family:Poppins,Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}video.castMediaElement{position:fixed;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;background:var(--pod-bg)}.pod-splash{position:fixed;inset:0;z-index:10;display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden;background-color:var(--pod-bg);background-image:radial-gradient(125% 125% at 50% -10%,rgba(236,0,140,.22),transparent 55%),var(--pod-wallpaper);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;opacity:1;transition:opacity var(--pod-splash-fade) ease}.pod-splash[data-state=playing]{opacity:0;pointer-events:none}.pod-splash__backdrop{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);filter:saturate(1.05);transition:opacity .6s ease}.pod-splash__backdrop[data-has-image=true]{opacity:.5}.pod-splash__scrim{position:absolute;inset:0;background:linear-gradient(115deg,rgba(10,10,10,.85) 0%,rgba(10,10,10,.2) 55%,transparent 80%),linear-gradient(0deg,rgba(10,10,10,.9) 0%,rgba(10,10,10,.35) 40%,transparent 75%)}.pod-splash__content{position:relative;z-index:1;width:100%;max-width:64ch;padding:clamp(28px,5vw,72px);display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:1rem;margin-bottom:1.5rem}.pod-brand__logo{height:clamp(34px,3.4vw,48px);width:auto;display:block;filter:drop-shadow(0 8px 24px rgba(236,0,140,.35))}@media (max-width: 768px){.pod-brand__logo{height:clamp(40px,3.4vw,48px);width:auto;display:block;filter:drop-shadow(0 8px 24px rgba(236,0,140,.35))}}.pod-meta{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.pod-meta__subtitle{margin:0;font-size:clamp(15px,1.8vw,23px);font-weight:500;color:var(--pod-text-dim);min-height:1em}.pod-status{display:flex;align-items:center;gap:clamp(14px,1.6vw,24px);min-height:48px}.pod-status__loader{display:inline-flex;align-items:center;justify-content:center}.pod-dotpulse{--uib-size: 96px;--uib-color: var(--pod-brand);--uib-speed: 1s;--uib-total: calc(var(--uib-speed) * 1.45);align-items:center;display:flex;height:calc(var(--uib-size) * .27);justify-content:space-between;position:relative;width:var(--uib-size)}.pod-dotpulse:before,.pod-dotpulse:after,.pod-dotpulse__dot{background-color:var(--uib-color);border-radius:50%;content:"";display:block;height:calc(var(--uib-size) * .18);width:calc(var(--uib-size) * .18);transform:scale(0)}.pod-dotpulse:before{animation:pod-dotpulse-pulse var(--uib-total) ease-in-out infinite}.pod-dotpulse__dot{animation:pod-dotpulse-pulse var(--uib-total) ease-in-out calc(var(--uib-speed) * .125) infinite both}.pod-dotpulse:after{animation:pod-dotpulse-pulse var(--uib-total) ease-in-out calc(var(--uib-speed) * .25) infinite}@keyframes pod-dotpulse-pulse{0%{transform:scale(0)}27.5%{transform:scale(1.5)}55%,to{transform:scale(0)}}.pod-circular{display:inline-flex;width:clamp(48px,6vw,64px);height:clamp(48px,6vw,64px);color:var(--pod-brand);animation:pod-circular-rotate 1.4s linear infinite;filter:drop-shadow(0 6px 18px rgba(236,0,140,.35))}.pod-circular__svg{display:block;width:100%;height:100%}.pod-circular__circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:pod-circular-dash 1.4s ease-in-out infinite}@keyframes pod-circular-rotate{to{transform:rotate(360deg)}}@keyframes pod-circular-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.pod-status__text{margin:0;font-size:clamp(15px,1.5vw,20px);font-weight:500;letter-spacing:.01em;color:var(--pod-text)}.pod-splash[data-state=error] .pod-status__text{color:var(--pod-gold)}@media (prefers-reduced-motion: reduce){.pod-circular,.pod-circular__circle{animation-duration:3.5s}.pod-dotpulse{--uib-speed: 2.4s}}.pod-player-chrome{position:fixed;inset:0;z-index:20;color:var(--pod-text);opacity:1;transition:opacity .32s ease}.pod-player-chrome[data-visible=false]{opacity:0;pointer-events:none}.pod-player-chrome:before,.pod-player-chrome:after{content:"";position:absolute;inset-inline:0;pointer-events:none}.pod-player-chrome:before{top:0;height:clamp(96px,18vh,180px);background:linear-gradient(to bottom,rgba(10,10,10,.85),rgba(10,10,10,.35) 45%,transparent)}.pod-player-chrome:after{bottom:0;height:clamp(140px,30vh,280px);background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.55) 45%,transparent)}.pod-player-chrome__top{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;align-items:center;gap:clamp(14px,1.6vw,22px);padding:clamp(20px,3.4vw,44px)}.pod-player-chrome__top img{height:clamp(24px,2.6vw,36px);width:auto;display:block;filter:drop-shadow(0 6px 18px rgba(236,0,140,.35))}@media (max-width: 768px){.pod-player-chrome__top img{height:clamp(24px,2.6vw,36px);width:auto;display:block;filter:drop-shadow(0 6px 18px rgba(236,0,140,.35))}}.pod-player-chrome__logo{height:clamp(24px,2.6vw,36px);width:auto;display:block;filter:drop-shadow(0 6px 18px rgba(236,0,140,.35))}.pod-now-playing{position:fixed;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--pod-bg)}.pod-now-playing__backdrop{position:absolute;inset:-12%;background-size:cover;background-position:center;filter:blur(32px) brightness(.5);pointer-events:none}.pod-now-playing__scrim{position:absolute;inset:0;pointer-events:none}.pod-now-playing__top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;padding:clamp(20px,3.4vw,44px);pointer-events:none}.pod-now-playing__top img{height:clamp(24px,2.6vw,36px);width:auto;display:block;filter:drop-shadow(0 6px 18px rgba(236,0,140,.35))}.pod-now-playing__content{position:relative;z-index:1;display:flex;flex-direction:row;align-items:flex-start;gap:clamp(40px,5vw,80px);width:min(1400px,90vw);padding:clamp(24px,4vh,56px);text-align:left}.pod-now-playing__right{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:24px}.pod-now-playing__art{position:relative}.pod-now-playing__art img,.pod-now-playing__art-fallback{width:256px;height:256px;object-fit:cover;border-radius:24px}.pod-now-playing__art-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b1b1b,#2b2b2b)}.pod-now-playing__art-fallback .material-icons{font-size:clamp(64px,9vh,110px);color:#ffffff38}.pod-now-playing__art-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:24px}.pod-now-playing__meta{max-width:100%;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.pod-now-playing__eyebrow{margin:0;font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(12px,1.2vw,16px);letter-spacing:.16em;text-transform:uppercase;color:var(--pod-brand)}.pod-now-playing__title{margin:0;font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(22px,2.8vw,40px);text-shadow:0 4px 26px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pod-now-playing__subtitle{margin:0;font-family:Poppins,sans-serif;font-size:clamp(14px,1.4vw,19px);color:var(--pod-text-dim)}.pod-now-playing__description{margin:0;font-family:Poppins,sans-serif;font-size:clamp(12px,1.1vw,15px);color:var(--pod-text-dim);height:64px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.pod-now-playing__speed{margin:0;display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;border:1px solid rgba(236,0,140,.45);background:#ec008c1f;font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(12px,1.1vw,15px);font-variant-numeric:tabular-nums;color:var(--pod-brand)}@media (max-width: 768px){.pod-now-playing__description{height:128px;overflow-y:visible;scrollbar-width:auto;-ms-overflow-style:auto}}.pod-now-playing__progress{width:100%;display:flex;flex-direction:column;gap:2px}.pod-now-playing__times{display:flex;justify-content:space-between;font-family:Poppins,sans-serif;font-size:clamp(12px,1.1vw,15px);font-variant-numeric:tabular-nums;color:var(--pod-text-dim)}.pod-now-playing__controls{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.6vw,40px)}.pod-player-chrome__center{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}.pod-player-chrome__bottom{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:clamp(8px,1.2vh,16px);padding:clamp(16px,2.6vw,40px)}.pod-player-chrome__controls{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,1.6vw,24px)}.pod-player-chrome__transport{display:flex;align-items:center;gap:clamp(6px,.8vw,14px)}.pod-player-chrome__time{margin-left:clamp(8px,1vw,16px);font-size:clamp(13px,1.2vw,17px);font-variant-numeric:tabular-nums;color:var(--pod-text-dim)}.pod-player-chrome__time-sep{opacity:.6}.pod-player-icon-btn{display:flex;align-items:center;justify-content:center;width:clamp(44px,4vw,56px);height:clamp(44px,4vw,56px);flex-shrink:0;border:none;border-radius:9999px;background:transparent;color:var(--pod-text);cursor:pointer;transition:background-color .16s ease,transform .12s ease}.pod-player-icon-btn:hover{background-color:#ffffff26}.pod-player-icon-btn:active{transform:scale(.94)}.pod-player-icon-btn:disabled{cursor:default;opacity:.35}.pod-player-icon-btn:disabled:hover{background-color:transparent}.pod-player-icon-btn .material-icons{font-size:clamp(26px,2.4vw,34px)}.pod-player-icon-btn--primary{width:clamp(52px,4.8vw,68px);height:clamp(52px,4.8vw,68px)}.pod-player-icon-btn--primary .material-icons{font-size:clamp(34px,3.2vw,46px)}.pod-ad-skip{display:inline-flex;align-items:center;gap:8px;height:clamp(44px,4vw,56px);padding:0 clamp(16px,1.8vw,24px);border:1px solid rgba(255,255,255,.28);border-radius:9999px;background:#ffffff14;color:var(--pod-text);font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(13px,1.2vw,16px);cursor:pointer;transition:background-color .16s ease,opacity .16s ease,transform .12s ease}.pod-ad-skip:hover:not(:disabled){background:#ffffff2e}.pod-ad-skip:active:not(:disabled){transform:scale(.96)}.pod-ad-skip:disabled{cursor:default;opacity:.55;border-color:#ffffff24}.pod-ad-skip .material-icons{font-size:clamp(18px,1.6vw,22px)}.pod-player-timeline{position:relative;width:100%;padding:10px 0;cursor:pointer;touch-action:none}.pod-player-timeline-track{position:relative;height:6px;width:100%;border-radius:9999px;background:#fff3;overflow:hidden}.pod-player-timeline-buffered{position:absolute;inset-block:0;left:0;border-radius:9999px;background:#ffffff52}.pod-player-timeline-played{position:absolute;inset-block:0;left:0;border-radius:9999px;background:var(--pod-brand)}.pod-player-timeline-thumb{position:absolute;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);border-radius:9999px;background:#fff;box-shadow:0 2px 8px #00000073;pointer-events:none}.pod-player-volume{display:flex;align-items:center}.pod-player-volume__track-wrap{width:0;opacity:0;overflow:hidden;transition:width .2s ease,opacity .15s ease,margin .2s ease}.pod-player-volume:hover .pod-player-volume__track-wrap,.pod-player-volume:focus-within .pod-player-volume__track-wrap{width:clamp(80px,8vw,120px);opacity:1;margin-left:4px}.pod-player-volume__track{position:relative;height:4px;width:100%;border-radius:9999px;background:#fff3}.pod-player-volume__fill{position:absolute;inset-block:0;left:0;border-radius:9999px;background:var(--pod-brand);pointer-events:none}.pod-player-volume__slider{position:absolute;inset:0;margin:0;width:100%;height:100%;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent}.pod-player-volume__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:9999px;background:#fff;box-shadow:0 1px 4px #00000059}.pod-player-volume__slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:9999px;background:#fff;box-shadow:0 1px 4px #00000059}.pod-timeline{position:relative;width:100%;padding:14px 0;cursor:pointer;touch-action:none;--pod-rail-h: 6px}.pod-timeline[data-active=true]{--pod-rail-h: 10px}.pod-timeline__rail{position:relative;height:var(--pod-rail-h);width:100%;border-radius:9999px;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff0d;overflow:hidden;transition:height .16s ease}.pod-timeline__buffered,.pod-timeline__hover,.pod-timeline__played{position:absolute;inset-block:0;left:0;border-radius:9999px}.pod-timeline__buffered{background:#ffffff47}.pod-timeline__hover{background:#fff3;transition:width 80ms linear}.pod-timeline__played{background:linear-gradient(90deg,#ff45ad,var(--pod-brand));box-shadow:0 0 12px #ec008c8c}.pod-timeline__thumb{position:absolute;top:50%;width:16px;height:16px;transform:translate(-50%,-50%) scale(1);border-radius:9999px;background:#fff;box-shadow:0 2px 10px #00000080,0 0 0 6px #ec008c00;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease;pointer-events:none}.pod-timeline[data-active=true] .pod-timeline__thumb{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 2px 12px #00000080,0 0 0 8px #ec008c2e}.pod-timeline[data-dragging=true] .pod-timeline__thumb{transform:translate(-50%,-50%) scale(1.4)}
