:root{color-scheme:light;--bg:#e2f2fd;--ink:#161c20;--blue:#0064c7;--progress:0%}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.layout{min-height:calc(100svh - 110px);display:grid;grid-template-columns:320px 1fr;padding:clamp(32px,4vw,70px);gap:40px}.identity{align-self:start}.logo{display:block;width:167px;height:auto}h1{font-size:clamp(1.75rem,2.1vw,2rem);line-height:.96;letter-spacing:-.04em;margin:36px 0 40px}.selector{width:260px;position:relative}.selector label{font-size:1.375rem;font-weight:700;display:block}.selector select{width:100%;height:36px;border:0;border-top:3px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:.875rem;cursor:pointer}.selector select:disabled{color:#4b6274;opacity:1;cursor:default}.player{align-self:center;justify-self:center;width:min(100%,390px);text-align:center;margin-top:80px;color:#173653}.play{display:block;width:285px;height:285px;position:relative;margin:0 auto 30px;border:0;padding:0;background:none;cursor:pointer;isolation:isolate}.play:disabled{cursor:default;opacity:1}.organic{position:absolute;inset:17px;background:conic-gradient(from 30deg,#00dafa,#02d3ee,#008eff,#005cde,#00c5ed,#00dafa);border-radius:43% 57% 65% 35% / 54% 37% 63% 46%;box-shadow:0 18px 27px #00c5eb30,inset 2px 2px 3px #ffffff80;transform:rotate(-17deg);animation:breathe 5s ease-in-out infinite;animation-play-state:paused}.glass{position:absolute;inset:32px;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 14%,#c8fcffaf,transparent 65%),linear-gradient(150deg,#5fc3ffc4,#008aff98 55%,#76ecfdbb);border:2px solid #d9ffff;box-shadow:inset 0 0 13px #d7ffffd9,0 5px 14px #0074c650;border-radius:50%;overflow:hidden}.glass:before{content:'';position:absolute;inset:0;background:linear-gradient(35deg,transparent 30%,#ffffff28 31%,#ffffff10 68%,transparent 69%);border-radius:50%}.glass svg{width:106px;fill:#effcff;stroke:white;stroke-width:.7;filter:drop-shadow(0 3px 5px #0074b822);z-index:1}.pause-icon{display:none}.playing .organic{animation-play-state:running}.playing .play-icon{display:none}.playing .pause-icon{display:block}.episode-number{font-size:1rem;margin:0 0 4px;min-height:19px}h2{font-size:1.375rem;line-height:1.25;letter-spacing:-.025em;margin:0 0 16px}.timeline{max-width:326px;margin:auto}input[type=range]{accent-color:#009afb;cursor:pointer;width:100%;margin:0;min-height:28px;background:transparent}#progress{appearance:none;height:28px}#progress::-webkit-slider-runnable-track{height:12px;border-radius:20px;border:1px solid #f2fcff;background:linear-gradient(to right,#00cdff 0%,#0092ff var(--progress),#b9d9f3 var(--progress),#b9d9f3 100%);box-shadow:0 2px 4px #009ddd20}#progress::-webkit-slider-thumb{appearance:none;width:21px;height:21px;margin-top:-5px;border-radius:50%;background:linear-gradient(#00caff,#0082ed);border:1px solid #80e8ff;box-shadow:0 2px 4px #0085e530}#progress:disabled{cursor:default}.times{display:flex;justify-content:space-between;font-size:.875rem;font-variant-numeric:tabular-nums;margin-top:7px;color:#385c7d}.volume{display:flex;position:relative;justify-content:center;align-items:center;min-height:44px;margin-top:10px}.volume button{border:0;background:none;width:44px;height:44px;color:#385c7d;cursor:pointer}.volume svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.volume #volume-panel{position:absolute;left:calc(50% + 28px);width:95px}#status{font-size:.875rem;min-height:18px;margin:0;max-width:390px}footer{padding:16px clamp(32px,4vw,70px) 36px;font-size:.875rem;line-height:1.4}footer p{margin:0 0 5px}footer p:last-child{font-size:.8125rem}.skip{position:absolute;top:-100px;left:20px}.skip:focus{top:12px;z-index:5;background:white;padding:12px}:focus-visible{outline:3px solid #0064c7;outline-offset:5px}[hidden]{display:none!important}@keyframes breathe{0%,100%{transform:rotate(-17deg) scale(1);border-radius:43% 57% 65% 35% / 54% 37% 63% 46%}50%{transform:rotate(-10deg) scale(1.025);border-radius:53% 47% 40% 60% / 44% 58% 42% 56%}}@media(min-width:1500px){.player{transform:translateX(-45px)}}@media(max-width:760px){.layout{grid-template-columns:1fr;gap:30px;padding:28px 26px;min-height:calc(100svh - 120px)}.logo{width:106px}h1{font-size:1.75rem;margin:24px 0}.selector{width:min(260px,100%)}.player{margin-top:0}.play{width:250px;height:250px;margin-bottom:20px}.glass{inset:28px}.organic{inset:15px}.glass svg{width:90px}footer{padding:22px 26px 26px;font-size:.8125rem}.volume #volume-panel{width:80px}h2{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.organic{animation:none}}