: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:25px 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:20px 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}}