:root{--panel:#1c1f21;--panel-2:rgba(255,255,255,.05);--line:rgba(255,255,255,.08);--accent:#00AABB;--accent-text:#00AABB;--accent-wash:rgba(0,170,187,.14);--text:#e9e7e1;--text-dim:#babfc2;--text-faint:#bdbfbf;--track:#666a6c;--on-accent:#000000;--scrollbar-thumb:var(--text-faint);--focus:#e9e7e1;--accent-ui:#00AABB;--shadow:0 12px 32px -18px rgba(0,0,0,.55);--radius:14px;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}:where(button,a,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}:where(button,a,[tabindex]):focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}body{background:transparent;font-family:var(--font-body);color:var(--text);display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:8px}.feed-shell{container-type:inline-size;container-name:feed;width:100%;max-width:920px}.feed{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.now{display:flex;gap:14px;align-items:stretch;padding:14px}.art{flex:0 0 96px;width:96px;height:96px;border-radius:10px;overflow:hidden;background:var(--panel-2)}.art img{width:100%;height:100%;object-fit:cover;display:block}.now-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px;justify-content:space-between}.now-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.now-titles{min-width:0}.eyebrow{font-size:12px;color:var(--text-dim);display:flex;gap:6px;align-items:center;margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}.now-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--text)}.now-desc{font-size:12px;color:var(--text-dim);line-height:1.4;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.now-desc.is-expanded{display:block;-webkit-line-clamp:unset;max-height:7em;overflow-y:auto;padding-right:6px}@supports (scrollbar-color: auto){.now-desc.is-expanded{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}}.now-desc.is-expanded::-webkit-scrollbar{width:7px}.now-desc.is-expanded::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.now-desc :where(p,ul,ol,blockquote){margin:0}.now-desc:not(.is-expanded) :where(p,ul,ol,li,blockquote){display:inline}.now-desc:not(.is-expanded) p:not(:last-child):after{content:"\\2002"}.now-desc.is-expanded p{margin:0 0 .6em}.now-desc.is-expanded p:last-child{margin-bottom:0}.now-desc.is-expanded :where(ul,ol){margin:0 0 .6em;padding-left:1.2em}.now-desc a{color:var(--accent-ui);text-decoration:underline}.now-desc-toggle{margin-top:3px;padding:0;border:none;background:transparent;cursor:pointer;font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--accent-ui)}.now-desc-toggle:hover{text-decoration:underline}.now-actions{display:flex;gap:4px;align-items:center;flex:0 0 auto}.icon-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease}.icon-btn:hover{color:var(--text);background:var(--panel-2)}.icon-btn.is-active{color:var(--accent-ui);background:var(--accent-wash)}.icon-btn svg{width:16px;height:16px}.share-btn{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #80808040;transition:filter .15s ease,transform .1s ease}.share-btn:hover{filter:brightness(1.12)}.share-btn:active{transform:scale(.92)}.share-btn svg{width:14px;height:14px}.share-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:none;transform:none}.share-x{background:#000;color:#fff}.share-fb{background:#1877f2;color:#fff}.transport{display:flex;align-items:center;gap:8px}.play-btn{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;transition:transform .1s ease,filter .15s ease}.play-btn:hover{filter:brightness(1.08)}.play-btn:active{transform:scale(.94)}.play-btn svg{width:18px;height:18px}.skip-btn{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease}.skip-btn:hover{color:var(--text);background:var(--panel-2)}.skip-btn:active{transform:scale(.94)}.skip-btn:disabled{opacity:.4;cursor:default}.skip-btn svg{width:22px;height:22px}.skip-btn text{font-family:var(--font-mono)}.time{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);flex:0 0 auto;min-width:34px;text-align:center}.scrub{flex:1 1 auto;height:6px;border-radius:999px;background:var(--track);position:relative;cursor:pointer;min-width:0}.scrub.is-disabled{cursor:default}.scrub-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:var(--accent)}.scrub-knob{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--text);transform:translate(-50%,-50%);left:0;box-shadow:0 1px 3px #0006;opacity:0;transition:opacity .15s ease}.scrub:hover .scrub-knob,.scrub.is-scrubbing .scrub-knob{opacity:1}.scrub.is-disabled .scrub-knob{display:none}.now-share{display:contents}.feat-btn{height:28px;min-width:28px;padding:0 6px;border-radius:8px;border:none;cursor:pointer;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600;transition:background .15s ease,color .15s ease}.feat-btn:hover{color:var(--text);background:var(--panel-2)}.feat-btn[aria-pressed=true]{color:var(--text);background:var(--accent-wash)}.feat-btn[aria-pressed=true] svg{color:var(--accent-ui)}.feat-btn svg{width:16px;height:16px}.transport-feat{height:34px}.transport-feat.feat-speed{min-width:34px;font-size:12px}.transport-feat svg{width:18px;height:18px}.dynamic-panel{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.dynamic-panel[hidden],.dyn-view{display:none}.dyn-view.is-visible{display:block}#volumeView.is-visible{display:flex;align-items:center;gap:10px}#volSlider{flex:1 1 auto;height:6px;-webkit-appearance:none;appearance:none;background:var(--track);border-radius:999px;outline:none}#volSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 1px 3px #0006}#volSlider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.dyn-vlabel{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);min-width:38px;text-align:right}#speedView.is-visible{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.speed-chip{padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:600;transition:color .12s ease,border-color .12s ease,background .12s ease}.speed-chip:hover{color:var(--text);border-color:var(--text-faint)}.speed-chip[aria-checked=true]{color:var(--text);border-color:var(--accent);background:var(--accent-wash)}#chaptersView.is-visible,#transcriptView.is-visible{display:block}.dyn-scroll{max-height:180px;overflow-y:auto;padding-right:4px}@supports (scrollbar-color: auto){.dyn-scroll{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}}.dyn-scroll::-webkit-scrollbar{width:7px}.dyn-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.dyn-row{width:100%;border:none;background:transparent;cursor:pointer;text-align:left;display:flex;gap:10px;align-items:baseline;padding:6px 8px;border-radius:8px;color:var(--text-dim);transition:background .12s ease,color .12s ease}.dyn-row:hover{background:var(--panel-2);color:var(--text)}.dyn-row.is-current{background:var(--accent-wash);color:var(--text)}.dyn-row .dyn-t{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;color:var(--accent-ui);min-width:44px}.dyn-row.is-current .dyn-t,.dyn-row:hover .dyn-t{color:var(--text)}.dyn-row .dyn-label{flex:1 1 auto;font-size:12.5px;line-height:1.35}.dyn-note{padding:14px 8px;text-align:center;color:var(--text-faint);font-size:12px}.chap-row{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}@supports (scrollbar-color: auto){.chap-row{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}}.chap-row::-webkit-scrollbar{height:6px}.chap-row::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.chap-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text-dim);cursor:pointer;white-space:nowrap;font-family:var(--font-body);font-size:12px;transition:color .12s ease,border-color .12s ease,background .12s ease}.chap-pill:hover{color:var(--text);border-color:var(--text-faint)}.chap-pill .chap-t{font-family:var(--font-mono);font-size:11px;color:var(--accent-ui)}.chap-pill.is-current,.chap-pill.is-current .chap-t{color:var(--text)}.chap-pill.is-current{border-color:var(--accent);background:var(--accent-wash)}.list{border-top:1px solid var(--line);max-height:340px;overflow-y:auto}@supports (scrollbar-color: auto){.list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}}.list :where(button,a,[tabindex]):focus-visible{outline-offset:-2px}.list::-webkit-scrollbar{width:8px}.list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.date-group{border-bottom:1px solid var(--line)}.date-group:last-child{border-bottom:none}.date-head{width:100%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 14px;font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--accent-ui);text-transform:uppercase;letter-spacing:.04em;text-align:left;position:sticky;top:0;background:var(--panel);z-index:1}.date-head .chev{transition:transform .15s ease;flex:0 0 auto}.date-head .chev svg{width:12px;height:12px;display:block}.date-group.is-collapsed .chev{transform:rotate(-90deg)}.date-head .count{margin-left:auto;color:var(--text-faint);font-weight:500;font-family:var(--font-mono);letter-spacing:0}.date-body{display:block}.date-group.is-collapsed .date-body{display:none}.episode{width:100%;border:none;background:transparent;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 30px;color:var(--text-dim);transition:background .12s ease,color .12s ease}.episode:hover{background:var(--panel-2);color:var(--text)}.episode.is-active{background:var(--accent-wash);color:var(--text)}.ep-icon{flex:0 0 auto;width:16px;height:16px;color:var(--text-faint);display:flex;align-items:center;justify-content:center}.episode.is-active .ep-icon{color:var(--accent-ui)}.ep-icon svg{width:14px;height:14px}.episode.has-thumb{padding-left:12px}.ep-thumb{position:relative;flex:0 0 auto;width:36px;height:36px;border-radius:6px;overflow:hidden;background:var(--panel-2)}.ep-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ep-thumb-play{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0000006b;color:#fff}.episode.is-active .ep-thumb-play{display:flex}.ep-thumb-play svg{width:15px;height:15px}.ep-text{min-width:0;flex:1 1 auto}.ep-title{display:block;font-size:13px;font-weight:500;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-desc{font-size:11px;color:var(--text-faint);line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ep-dur{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.status{padding:26px 14px;text-align:center;color:var(--text-dim);font-size:13px}.status.error{color:var(--text-dim)}.spinner{width:22px;height:22px;margin:0 auto 10px;border-radius:50%;border:2px solid var(--panel-2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@container feed (max-width: 460px){.now{flex-direction:column}.art{width:100%;height:150px;flex:none}.transport{gap:6px}.transport-feat{height:30px}.transport-feat.feat-speed{min-width:30px;padding:0 4px}.time{min-width:28px}}
