:root{color-scheme:dark;--bg:#171717;--panel:#202020;--text:#e8e1d5;--accent:#e8e1d5;--wine:#612c3d;--muted:#aaa69f;--line:#3e3c39;--mono:'Courier New',Courier,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6;padding-bottom:40px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,a,audio{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--text);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:var(--text);color:var(--bg);padding:8px;z-index:20}
header,main,footer{max-width:1220px;margin:auto;padding-left:40px;padding-right:40px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:900;display:flex;gap:15px;align-items:center;font-size:22px;letter-spacing:-1px;line-height:1}.brand-symbol{display:block;width:68px;height:40px}.brand-name{display:block}.brand:hover{text-decoration:none}nav{display:flex;gap:30px;font-family:var(--mono);font-size:12px;letter-spacing:1px}nav a{color:var(--text)}.rss{color:var(--text)}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;padding:65px 0 62px;align-items:center;overflow:hidden}.hero::before{content:'';position:absolute;z-index:-1;right:-205px;top:-165px;width:650px;height:650px;background:url('/assets/brand/grooves.svg') center/contain no-repeat;opacity:.48;pointer-events:none}.hero>div{position:relative}.hero-cover{width:280px;height:280px;object-fit:cover;border-radius:5px;box-shadow:0 16px 60px #0005}.eyebrow{font:700 11px/1.5 var(--mono);letter-spacing:2.5px;color:var(--text);margin:0 0 18px}.hero h1{font-size:clamp(62px,7.8vw,104px);font-weight:900;letter-spacing:-6px;line-height:.85;margin:0 0 22px}.hero h1 span{display:block}.brand-descriptor{font:12px/1.5 var(--mono);letter-spacing:3px;margin:0 0 12px}.brand-tagline{font:14px/1.5 var(--mono);letter-spacing:.7px;color:var(--text);margin:0 0 22px}.intro{font-size:15px;color:#bdb8b0;max-width:480px;line-height:1.75;margin:0 0 24px}.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.play{border:1px solid var(--wine);background:var(--wine);color:var(--text);padding:12px 20px;font-size:13px;font-weight:700;white-space:nowrap;border-radius:2px;transition:background .15s,border-color .15s}.play:hover{background:#793a4f;border-color:#793a4f}.play[aria-pressed=true]{outline:2px solid var(--text);outline-offset:3px}.play span{font-size:10px;margin-right:6px}.secondary{font-size:13px;color:var(--text);font-weight:700}.meta{font:11px/1.6 var(--mono);color:var(--muted);display:flex;gap:18px;flex-wrap:wrap}.hero .meta{margin-top:25px;max-width:460px}
.section-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}h2{font-size:30px;font-weight:900;letter-spacing:-1px;margin:0}.section-heading>span{font:10px/1.5 var(--mono);letter-spacing:1.5px;color:var(--muted)}.episode{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:26px;padding:8px 0;border-bottom:1px solid var(--line)}.episode img{width:88px;height:88px;object-fit:cover;border-radius:3px;display:block}.episode h3{font-size:20px;font-weight:800;letter-spacing:-.45px;line-height:1.3;margin:6px 0}.details{font-size:12px;color:var(--muted)}.episode .play{background:var(--wine);color:var(--text)}.episode .play:hover{background:#793a4f}.episode-text{min-width:0}.episode-text h3{overflow-wrap:anywhere}.episode-actions{display:flex;align-items:center;gap:10px}.download-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #8c8983;border-radius:2px;padding:12px 18px;font-size:13px;font-weight:700;color:var(--text);text-decoration:none;white-space:nowrap}.download-button:hover{background:var(--text);color:var(--bg);text-decoration:none}
footer{margin-top:60px;display:flex;justify-content:space-between;color:var(--muted);font:11px/1.6 var(--mono);letter-spacing:.5px;gap:20px;padding-bottom:35px}footer a{color:var(--text)}.player[hidden]{display:none}.player{position:fixed;bottom:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:160px minmax(150px,1fr) minmax(280px,480px) 32px;gap:24px;align-items:center;background:#202020fa;border-top:3px solid var(--wine);padding:24px max(24px,calc((100vw - 1140px)/2));backdrop-filter:blur(18px);box-shadow:0 -10px 35px #0005}.player img{width:160px;height:160px;object-fit:contain;border-radius:4px}.player .eyebrow{font-size:10px;display:block;margin:0 0 10px}.player a{font-size:20px;font-weight:700;display:block;line-height:1.3;overflow-wrap:anywhere}.player audio{width:100%;height:44px}.player p{font-size:12px;line-height:1.3;margin:2px 0;color:var(--text)}.close{background:none;border:none;color:var(--muted);font-size:26px;padding:0}
.about{max-width:760px;padding:65px 0}.about h1{font-size:58px;font-weight:900;line-height:1;letter-spacing:-3px}.prose{color:#c6c1b9;font-size:16px;line-height:1.9;margin:26px 0}.prose a{color:var(--text);text-decoration:underline}.back{display:inline-block;margin:30px 0;font:12px/1.5 var(--mono);color:var(--muted)}.detail{display:grid;grid-template-columns:360px minmax(0,1fr);gap:50px;margin:15px 0 65px;align-items:start}.detail-cover{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:4px}.detail h1{font-size:46px;font-weight:900;line-height:1.05;letter-spacing:-2px;margin:0 0 20px;overflow-wrap:anywhere}.detail .hero-actions{margin-top:30px}.episode-nav{border-top:1px solid var(--line);padding-top:28px;justify-content:space-between;gap:45px}.episode-nav a{max-width:48%;font-weight:700}.episode-nav span{display:block;font:11px/1.5 var(--mono);color:var(--muted);font-weight:400}
.episode[hidden]{display:none}.catalog-filters{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--line)}.catalog-filters label{font:700 12px/1.5 var(--mono);color:var(--text)}.catalog-filters select{font:13px var(--mono);color:var(--text);background:var(--panel);border:1px solid #8c8983;border-radius:2px;padding:11px 35px 11px 12px;min-width:210px;max-width:100%}.filter-count{font:11px/1.5 var(--mono);color:var(--muted);margin-left:auto}
@media(max-width:900px){.hero{gap:36px;grid-template-columns:220px minmax(0,1fr)}.hero-cover{width:220px;height:220px}.hero h1{font-size:76px;letter-spacing:-4px}.brand-descriptor{font-size:10px;letter-spacing:2px}.detail{grid-template-columns:280px minmax(0,1fr);gap:30px}.episode-actions .play,.episode-actions .download-button{padding:10px 12px}}
@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{height:86px}.brand{font-size:17px;gap:10px}.brand-symbol{width:48px;height:32px}nav{gap:16px;font-size:11px;letter-spacing:0}.hero{grid-template-columns:150px minmax(0,1fr);gap:28px;padding:42px 0}.hero-cover{width:150px;height:150px}.hero h1{font-size:58px;letter-spacing:-3px}.hero::before{right:-380px;opacity:.35}.intro{font-size:14px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero .meta{font-size:10px}.hero-actions{gap:15px}.section-heading>span{display:none}h2{font-size:26px}.episode{grid-template-columns:66px minmax(0,1fr);gap:15px}.episode img{width:66px;height:66px}.episode h3{font-size:18px}.episode .meta{font-size:10px;gap:10px}.episode-actions{grid-column:2;flex-wrap:wrap}.episode-actions .play,.episode-actions .download-button{font-size:12px}.player{padding:16px 18px calc(16px + env(safe-area-inset-bottom));grid-template-columns:112px minmax(0,1fr) 25px;gap:14px}.player img{width:112px;height:112px}.close{grid-column:3;grid-row:1}.player a{font-size:17px}.player .eyebrow{font-size:9px;margin-bottom:6px}.detail{grid-template-columns:200px minmax(0,1fr);gap:25px}.detail h1{font-size:34px}.about h1{font-size:44px}footer{flex-direction:column;gap:6px}}
@media(max-width:480px){.hero{grid-template-columns:1fr;gap:28px;padding:32px 0 40px}.hero-cover{width:170px;height:170px}.hero h1{font-size:72px;letter-spacing:-4px}.hero::before{width:550px;height:550px;right:-300px;top:-170px}.hero .intro{max-width:340px}.hero .meta{font-size:11px}.brand{font-size:15px}.brand-symbol{width:42px}nav{gap:13px}nav a:first-child{display:none}.episode{grid-template-columns:54px minmax(0,1fr);gap:14px;padding:10px 0}.episode img{width:54px;height:54px}.details{display:none}.detail{grid-template-columns:1fr;gap:28px}.detail-cover{max-width:280px}.detail h1{font-size:38px}.episode-nav{flex-direction:column}.episode-nav a{max-width:100%}.about{padding-top:35px}.catalog-filters{gap:10px}.catalog-filters select{min-width:0;flex:1}.filter-count{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.filter-field{display:flex;align-items:center;gap:12px}.style-label{color:var(--text);font-weight:700}@media(max-width:620px){.filter-field{width:100%}.filter-field label{min-width:72px}.filter-field select{flex:1;min-width:0}.filter-count{margin-left:0}}

.player-controls{min-width:0}.player-controls audio{display:block;width:100%;margin:0}.player-transport{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:9px}.player-transport button{min-width:42px;min-height:42px;border:1px solid #8c8983;background:transparent;color:var(--text);border-radius:3px;padding:8px 12px;font-size:13px;line-height:1.2}.player-transport button:hover{background:var(--wine)}.player-transport button:disabled{opacity:.35;cursor:default}.player-transport [hidden]{display:none}body:has(.player:not([hidden])){padding-bottom:245px}@media(max-width:760px){.player-controls{grid-column:1/4;grid-row:2}.player-transport{gap:7px}.player-transport button{min-height:42px;padding:7px 9px}body:has(.player:not([hidden])){padding-bottom:calc(285px + env(safe-area-inset-bottom))}}

@media(min-width:761px) and (max-width:1000px){.player{grid-template-columns:120px minmax(120px,1fr) minmax(260px,380px) 28px;gap:18px;padding:20px 24px}.player img{width:120px;height:120px}.player a{font-size:18px}body:has(.player:not([hidden])){padding-bottom:205px}}
@media(max-height:500px) and (min-width:761px){.player{grid-template-columns:80px minmax(120px,1fr) minmax(260px,480px) 28px;padding-top:12px;padding-bottom:12px}.player img{width:80px;height:80px}.player a{font-size:16px}body:has(.player:not([hidden])){padding-bottom:155px}}

/* Compact playback card */
.player.compact-player{left:0;right:0;bottom:0;transform:none;width:100%;display:block;padding:18px max(30px,calc((100vw - 1140px)/2)) calc(12px + env(safe-area-inset-bottom));border:0;border-top:1px solid #ffffff28;border-radius:0;background:linear-gradient(180deg,#25262b55,#17181d88);color:#fff;box-shadow:0 -8px 35px #0002;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.player.compact-player[hidden]{display:none}.compact-player #playing-cover,.compact-player .eyebrow,.compact-player #audio{display:none}.compact-player .player-heading{padding:0 38px;text-align:center;min-width:0}.compact-player #playing-title{font-size:25px;font-weight:650;line-height:1.2;letter-spacing:-.4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-player .player-artist{display:block;color:#a3a3aa;font-size:24px;line-height:1.35;letter-spacing:-.45px;margin-top:2px}.compact-player #player-status{font-size:12px;line-height:1.4;color:#c9c9ce;margin:5px -24px 0}.compact-player #player-status:empty{display:none}.compact-player .close{position:absolute;left:10px;top:10px;width:44px;height:44px;border:0;background:transparent;color:#aaaab1;font-size:22px;border-radius:50%;opacity:.65}.compact-player .close:hover{opacity:1;background:#ffffff0a}.compact-player .player-wave{position:absolute;right:30px;top:26px;width:32px;height:32px;color:#74747c}.compact-player.is-playing .player-wave{color:#a3a3aa}.compact-player .player-wave svg{width:100%;height:100%}.compact-player .player-timeline{display:grid;grid-template-columns:minmax(42px,auto) minmax(0,1fr) minmax(49px,auto);align-items:center;gap:12px;margin-top:6px;color:#b5b5bd;font-size:17px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.4px}.compact-player #remaining-audio{text-align:right}.compact-player #seek-audio{--progress:0%;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:28px;background:transparent;margin:0;cursor:pointer;border:0;touch-action:pan-y}.compact-player #seek-audio::-webkit-slider-runnable-track{height:10px;border-radius:10px;background:linear-gradient(to right,#b6b6bf var(--progress),#494a50 var(--progress))}.compact-player #seek-audio::-moz-range-track{height:10px;border-radius:10px;background:linear-gradient(to right,#b6b6bf var(--progress),#494a50 var(--progress))}.compact-player #seek-audio::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#e8e8ed;margin-top:-2px;opacity:0}.compact-player #seek-audio::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#e8e8ed;opacity:0}.compact-player #seek-audio:hover::-webkit-slider-thumb,.compact-player #seek-audio:focus-visible::-webkit-slider-thumb{opacity:1}.compact-player #seek-audio:hover::-moz-range-thumb,.compact-player #seek-audio:focus-visible::-moz-range-thumb{opacity:1}.compact-player #seek-audio:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:8px}.compact-player .player-transport{position:relative;display:flex;justify-content:center;gap:52px;margin:12px 0 0;padding:0 45px}.compact-player .player-transport button{display:flex;align-items:center;justify-content:center;min-width:54px;width:54px;height:62px;min-height:44px;padding:0;border:0;border-radius:14px;color:#fff;background:transparent;line-height:1}.compact-player .player-transport button svg{width:48px;height:48px}.compact-player .player-transport #toggle-audio svg{width:64px;height:64px;max-width:none;flex-shrink:0}.compact-player .player-transport button:hover{background:#ffffff0b}.compact-player .player-transport button:disabled{opacity:.38;cursor:default}.compact-player .player-transport #airplay-audio{position:absolute;right:-7px;top:9px;width:44px;height:44px;min-width:44px;color:#b7b7be}.compact-player #airplay-audio svg{width:36px;height:36px}.compact-player #airplay-audio[aria-pressed=true]{color:#78b9ff}body:has(.compact-player:not([hidden])){padding-bottom:300px}
@media(max-width:480px){.player.compact-player{width:100%;bottom:0;padding:16px 18px calc(10px + env(safe-area-inset-bottom));border-radius:0}.compact-player .player-heading{padding:0 24px}.compact-player #playing-title{font-size:19px;letter-spacing:-.25px}.compact-player .player-artist{font-size:18px;letter-spacing:-.25px}.compact-player .player-wave{width:22px;height:26px;right:16px;top:22px}.compact-player .close{left:3px;top:5px;width:36px;height:36px;font-size:19px}.compact-player .player-timeline{font-size:13px;grid-template-columns:minmax(33px,auto) minmax(0,1fr) minmax(39px,auto);gap:8px}.compact-player .player-transport{gap:23px;padding:0 30px;margin-top:7px}.compact-player .player-transport button{width:48px;min-width:48px;height:56px}.compact-player .player-transport button svg{width:43px;height:43px}.compact-player .player-transport #toggle-audio svg{width:56px;height:56px}.compact-player .player-transport #airplay-audio{right:-9px;top:6px}.compact-player #airplay-audio svg{width:30px;height:30px}.compact-player #player-status{margin-left:0;margin-right:0}}
.navigation-notice{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:30;max-width:calc(100% - 24px);padding:10px 18px;background:#25262bf2;color:#fff;border:1px solid #ffffff30;border-radius:12px;box-shadow:0 4px 24px #0005;font-size:14px}.navigation-notice[hidden]{display:none}.navigation-notice button{color:inherit;background:transparent;border:0;text-decoration:underline;padding:4px}#main:focus{outline:none}

/* Episode artwork beside the player title. */
.player.compact-player #playing-cover{display:block;position:absolute;left:max(24px,calc((100vw - 1140px)/2));top:15px;width:64px;height:64px;object-fit:cover;border-radius:9px;box-shadow:0 2px 12px #0003}
.compact-player .player-heading{min-height:64px;padding-left:84px;padding-right:84px}
.compact-player .close{left:auto;right:8px;top:4px}
.compact-player .player-wave{right:56px;top:24px}
@media(max-width:480px){.player.compact-player #playing-cover{left:16px;top:14px;width:48px;height:48px;border-radius:7px}.compact-player .player-heading{min-height:48px;padding-left:60px;padding-right:26px;text-align:left}.compact-player #playing-title{font-size:17px}.compact-player .player-artist{font-size:14px;margin-top:3px}.compact-player .player-wave{display:none}.compact-player .close{left:auto;right:3px;top:6px}}

/* Playback and download actions share the player's glass finish. */
.play,.episode .play,.download-button,.detail .hero-actions a[download]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid #ffffff25;border-top-color:#ffffff38;border-radius:14px;background:linear-gradient(145deg,#ffffff12,#ffffff05);color:#f5f5f7;box-shadow:inset 0 1px 0 #ffffff06,0 3px 12px #0002;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}
.play span{margin:0;font-size:12px}.play:hover,.episode .play:hover,.download-button:hover,.detail .hero-actions a[download]:hover{background:linear-gradient(145deg,#ffffff22,#ffffff0d);border-color:#ffffff50;color:#fff;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff0b,0 4px 15px #0003}.play[aria-pressed=true]{background:linear-gradient(145deg,#ffffff28,#ffffff12);border-color:#ffffff70;outline:none;box-shadow:inset 0 0 0 1px #ffffff15}.play:focus-visible,.download-button:focus-visible,.detail .hero-actions a[download]:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:760px){.episode-actions .play,.episode-actions .download-button{min-height:44px;padding:10px 14px;border-radius:12px}}
