:root{font-family:system-ui,sans-serif;color:#f9f5ff;background:#111c37;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#3e4476 0,transparent 65%);font-size:16px;line-height:1.85}
.home{max-width:980px;margin:auto;padding:36px 24px 24px}.cover{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 16px 60px #040b2344}
.lead{max-width:720px;margin:28px auto 36px;color:#dce2f5;font-size:clamp(16px,2vw,19px)}
.episode{padding:clamp(24px,4vw,40px);border:1px solid #7884ac66;border-radius:18px;background:#222d4b}
.episode-number{color:#ffdb8a;font-weight:750;letter-spacing:.12em}h2{font-size:clamp(23px,3.5vw,32px);line-height:1.6;margin:10px 0 18px;overflow-wrap:anywhere}h2 span{display:block;font-size:.65em;color:#dce2f5}
.episode p{max-width:720px;color:#dce2f5;margin:0 0 24px}.episode-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
a{color:#e8eaff;text-underline-offset:.25em}a:focus-visible{outline:3px solid #ffe1a1;outline-offset:5px}.play{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:13px 24px;background:#ffdc91;color:#1f2947;border-radius:10px;text-decoration:none;font-weight:750}.play:hover{background:#ffe8b8}
footer{text-align:center;margin-top:32px;color:#b6c2de}footer p{font-size:13px;margin:12px 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}
@media(max-width:520px){.home{padding:16px 14px 24px}.cover{border-radius:12px}.lead{margin:24px 6px}.episode{padding:24px 20px}.play{width:100%}}