:root{
  --ink:#25212b;
  --muted:#716b77;
  --paper:#fffdfa;
  --white:#fff;
  --pink:#ff7fa7;
  --pink-2:#ffacd0;
  --peach:#ffbd82;
  --yellow:#ffd75a;
  --blue:#8ac7eb;
  --line:rgba(46,38,52,.10);
  --glass:rgba(255,255,255,.72);
  --glass-strong:rgba(255,255,255,.86);
  --shadow:0 24px 70px rgba(86,64,79,.16);
  --radius:34px;
  --radius-sm:22px;
  --shell:min(1180px, calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;color:var(--ink);font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f6f0ef;line-height:1.5;overflow-x:hidden;padding-bottom:0}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.shell{width:var(--shell);margin-inline:auto}
.page-bg{position:fixed;inset:-80px;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.34),rgba(255,255,255,.42)),url('../img/background.png');background-size:cover;background-position:center;filter:saturate(1.08);transform:scale(1.05)}
.page-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 10%,rgba(255,123,160,.38),transparent 27%),radial-gradient(circle at 83% 18%,rgba(255,202,101,.38),transparent 25%),radial-gradient(circle at 76% 74%,rgba(255,119,190,.25),transparent 28%),radial-gradient(circle at 12% 74%,rgba(95,192,232,.25),transparent 29%)}
.noise{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.glass-card{background:var(--glass);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(1.08);-webkit-backdrop-filter:blur(24px) saturate(1.08)}
.site-header{position:sticky;top:0;z-index:50;padding:16px 0;background:linear-gradient(to bottom,rgba(249,243,243,.86),rgba(249,243,243,.48),transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav-wrap{min-height:70px;padding:10px 12px 10px 14px;border-radius:26px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.72);display:flex;align-items:center;gap:28px;box-shadow:0 12px 40px rgba(76,54,72,.08)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:48px;height:48px;border-radius:16px;overflow:hidden;box-shadow:0 7px 18px rgba(233,118,157,.2)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-copy{display:grid;line-height:1.08}.brand-copy strong{font-size:.98rem}.brand-copy small{font-size:.72rem;color:var(--muted);margin-top:4px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-left:auto}.desktop-nav a{font-size:.92rem;font-weight:700;color:#544d59;padding:11px 14px;border-radius:14px;transition:.2s}.desktop-nav a:hover{background:rgba(255,255,255,.8);color:#1d1920}
.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border-radius:18px;font-weight:800;letter-spacing:-.01em;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.6;transform:none}.button-small{min-height:46px;padding:0 17px;border-radius:16px}.button-ghost{background:rgba(255,255,255,.72);border:1px solid rgba(55,43,60,.08)}.button-primary{background:#fff;color:#302936;box-shadow:0 14px 30px rgba(98,52,74,.15)}.button-soft{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.28)}.button-dark{background:#2d2932;color:#fff;box-shadow:0 12px 24px rgba(40,33,43,.14)}.button-outline{background:transparent;border:1px solid rgba(45,41,50,.16)}
.hero{padding-top:34px}.hero-card{min-height:610px;border-radius:42px;padding:70px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.72fr);align-items:center;gap:70px;background:linear-gradient(135deg,rgba(255,118,155,.88),rgba(246,170,159,.82) 36%,rgba(126,188,225,.8) 100%)}.hero-card:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(255,220,93,.38);filter:blur(1px);right:-150px;bottom:-250px}.hero-card:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(246,91,176,.25);left:30%;bottom:-270px}.hero-copy{position:relative;z-index:2;color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.16em;font-weight:900}.eyebrow-dark{color:#6b6070}.live-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.14)}.hero-wordmark{width:min(520px,88%);height:auto;max-height:235px;object-fit:contain;object-position:left center;margin:18px 0 22px;filter:drop-shadow(0 10px 30px rgba(91,54,75,.12))}.hero-intro{max-width:610px;margin:0 0 28px;font-size:1.12rem;line-height:1.7;color:rgba(255,255,255,.92)}.hero-intro strong{color:#fff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button-icon{font-size:.82em}.feed-status{margin-top:18px;font-size:.79rem;color:rgba(255,255,255,.72)}.hero-art-wrap{position:relative;z-index:2;display:grid;place-items:center}.hero-art{width:min(430px,100%);aspect-ratio:1;border-radius:38px;box-shadow:0 42px 80px rgba(67,49,65,.28);transform:rotate(3deg);animation:float 7s ease-in-out infinite}.hero-art-shadow{position:absolute;width:74%;height:18%;bottom:-4%;border-radius:50%;background:rgba(55,34,52,.21);filter:blur(28px)}.mini-wave{position:absolute;bottom:-20px;left:9%;display:flex;align-items:center;gap:4px;height:56px;padding:0 18px;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 18px 35px rgba(70,52,66,.16);transform:rotate(-5deg)}.mini-wave i{display:block;width:4px;border-radius:10px;background:linear-gradient(#ff78a6,#8dc7e6);animation:wave 1s ease-in-out infinite}.mini-wave i:nth-child(1){height:13px}.mini-wave i:nth-child(2){height:28px;animation-delay:.08s}.mini-wave i:nth-child(3){height:18px;animation-delay:.16s}.mini-wave i:nth-child(4){height:37px;animation-delay:.24s}.mini-wave i:nth-child(5){height:24px;animation-delay:.32s}.mini-wave i:nth-child(6){height:43px;animation-delay:.4s}.mini-wave i:nth-child(7){height:21px;animation-delay:.48s}.mini-wave i:nth-child(8){height:31px;animation-delay:.56s}.mini-wave i:nth-child(9){height:14px;animation-delay:.64s}@keyframes float{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes wave{50%{transform:scaleY(.62);opacity:.7}}
.latest-strip{margin-top:18px;border-radius:26px;padding:17px 18px 17px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.latest-label{display:grid;padding-right:20px;border-right:1px solid var(--line)}.latest-label span{font-size:.75rem;font-weight:900;color:#ed618f;text-transform:uppercase;letter-spacing:.12em}.latest-label small{margin-top:3px;color:var(--muted)}.latest-info{min-width:0;display:grid;gap:4px}.latest-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-info span{font-size:.8rem;color:var(--muted)}.round-play{width:52px;height:52px;border:0;border-radius:18px;background:#2e2933;color:#fff;cursor:pointer;box-shadow:0 10px 20px rgba(45,38,49,.16);transition:.2s}.round-play:hover{transform:scale(1.04)}
.episodes-section{padding:110px 0 30px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2,.about-copy h2{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;letter-spacing:-.065em;margin:11px 0 14px}.section-heading p{margin:0;color:#6d6570;max-width:620px}.episode-count{padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.56);font-weight:800;color:#655d69;font-size:.86rem}.toolbar{border-radius:24px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.7);border-radius:17px;padding:0 16px;min-height:52px}.search-box svg{width:19px;height:19px;fill:none;stroke:#736b76;stroke-width:2;stroke-linecap:round}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-weight:650}.search-box input::placeholder{color:#98919b}.toolbar select{border:0;outline:0;background:rgba(255,255,255,.78);min-width:165px;border-radius:17px;padding:0 42px 0 16px;color:var(--ink);font-weight:750;cursor:pointer}.episodes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.episode-card{border-radius:28px;padding:28px;min-height:335px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}.episode-card:hover{transform:translateY(-5px);box-shadow:0 30px 70px rgba(83,62,77,.20);border-color:rgba(255,255,255,.95)}.episode-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:.75rem;color:#7e7580}.episode-number{display:inline-flex;background:rgba(255,255,255,.72);padding:6px 10px;border-radius:10px;font-weight:850;color:#625967}.episode-title{font-size:1.28rem;line-height:1.22;letter-spacing:-.03em;margin:20px 0 12px}.episode-description{font-size:.9rem;color:#716a73;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.episode-footer{margin-top:auto;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.episode-play{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;font-weight:850;cursor:pointer;color:#322c36}.play-circle{width:39px;height:39px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(83,62,77,.1);font-size:.72rem}.episode-duration{font-size:.78rem;font-weight:750;color:#817883}.episode-card.is-playing{outline:2px solid rgba(237,97,143,.38);background:rgba(255,255,255,.86)}.episode-card.is-playing .play-circle{background:#2e2933;color:#fff}.skeleton-card{height:335px;border-radius:28px;background:linear-gradient(100deg,rgba(255,255,255,.38) 30%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.38) 70%);background-size:240% 100%;animation:shimmer 1.5s infinite;box-shadow:var(--shadow)}@keyframes shimmer{to{background-position-x:-240%}}.load-more-wrap{text-align:center;padding:28px 0 0}.empty-state{border-radius:26px;text-align:center;padding:45px;margin-top:10px}.empty-state strong{font-size:1.2rem}.empty-state p{margin:.4rem 0 0;color:var(--muted)}
.about-section{padding:90px 0 120px}.about-card{border-radius:38px;padding:42px;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.1fr);gap:58px;align-items:center}.about-art{border-radius:30px;min-height:440px;background:rgba(255,255,255,.76);display:grid;place-items:center;overflow:hidden;position:relative}.about-art:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 30deg,rgba(255,109,157,.18),rgba(125,200,236,.18),rgba(255,216,102,.22),rgba(255,109,157,.18));filter:blur(25px);animation:spin 16s linear infinite}.about-art img{width:70%;position:relative;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.about-copy h2{font-size:clamp(2.2rem,4.2vw,4.2rem);max-width:760px}.about-copy p{font-size:1rem;line-height:1.75;color:#6e6671;max-width:720px}.about-pills{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.about-pills span{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.8);padding:8px 12px;border-radius:12px;font-size:.76rem;font-weight:800;color:#665e69}.about-actions{display:flex;gap:10px;flex-wrap:wrap}
.site-footer{background:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.footer-inner{min-height:120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:44px;height:44px;border-radius:14px}.footer-brand div{display:grid}.footer-brand small{font-size:.7rem;color:var(--muted)}.footer-inner p{font-size:.78rem;color:#7d7580}.footer-inner>a{justify-self:end;font-size:.8rem;font-weight:800}
.player{position:fixed;z-index:80;left:16px;right:16px;bottom:16px;border-radius:26px;background:rgba(41,36,45,.94);color:#fff;box-shadow:0 20px 60px rgba(42,31,41,.34);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden}.player-progress-wrap{position:absolute;top:0;left:0;right:0;height:5px;background:rgba(255,255,255,.12);cursor:pointer}.player-progress{height:100%;width:0;background:linear-gradient(90deg,#ff80a9,#ffd25f,#82c9ec)}.player-inner{min-height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:18px;padding:11px 0}.player-track{display:flex;align-items:center;gap:12px;min-width:0}.player-track img{width:58px;height:58px;border-radius:16px;object-fit:cover}.player-copy{display:grid;min-width:0}.player-copy small{font-size:.66rem;color:rgba(255,255,255,.58);text-transform:uppercase;letter-spacing:.09em;font-weight:800}.player-copy strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:440px}.player-controls{display:flex;align-items:center;gap:8px}.player-btn,.player-main,.speed-btn,.close-player{border:0;color:#fff;background:transparent;cursor:pointer}.player-btn{width:36px;height:36px;position:relative;font-size:1.2rem}.player-btn small{font-size:.5rem;position:absolute;inset:0;display:grid;place-items:center;padding-top:2px}.player-main{width:48px;height:48px;border-radius:15px;background:#fff;color:#2b2630;box-shadow:0 7px 16px rgba(0,0,0,.2)}.player-time{font-variant-numeric:tabular-nums;font-size:.73rem;color:rgba(255,255,255,.7);white-space:nowrap}.slash{opacity:.38;margin:0 4px}.speed-btn{min-width:44px;height:38px;border-radius:12px;background:rgba(255,255,255,.08);font-size:.75rem;font-weight:850}.close-player{font-size:1.55rem;width:36px;height:36px;color:rgba(255,255,255,.7)}
@media (max-width:1000px){.hero-card{grid-template-columns:1fr .7fr;padding:54px;gap:38px;min-height:560px}.hero-wordmark{max-height:190px}.episodes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-card{gap:35px}.about-art{min-height:380px}.player-inner{grid-template-columns:minmax(0,1fr) auto auto auto}.player-time{display:none}}
@media (max-width:760px){:root{--shell:min(100% - 24px,1180px);--radius:28px}.site-header{padding:10px 0}.nav-wrap{min-height:64px;border-radius:22px;padding:8px 10px}.brand-mark{width:44px;height:44px;border-radius:14px}.brand-copy strong{font-size:.88rem}.desktop-nav{display:none}.nav-wrap>.button{margin-left:auto;font-size:0;width:44px;min-width:44px;padding:0}.nav-wrap>.button span:last-child{font-size:1rem}.hero{padding-top:18px}.hero-card{min-height:0;border-radius:32px;padding:38px 25px 34px;grid-template-columns:1fr;gap:38px}.hero-copy{text-align:center}.hero-wordmark{width:min(420px,88%);margin:15px auto 18px;object-position:center}.hero-intro{font-size:1rem}.hero-actions{justify-content:center}.feed-status{text-align:center}.hero-art-wrap{width:min(330px,86%);margin:auto}.hero-art{border-radius:30px;transform:rotate(2deg)}.mini-wave{left:-2%;bottom:-14px}.latest-strip{grid-template-columns:1fr auto;gap:12px;padding:16px}.latest-label{display:none}.latest-info strong{font-size:.9rem}.episodes-section{padding-top:82px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:clamp(2.5rem,14vw,4rem)}.episode-count{align-self:flex-start}.toolbar{grid-template-columns:1fr}.toolbar select{height:50px}.episodes-grid{grid-template-columns:1fr}.episode-card{min-height:300px}.about-section{padding:75px 0 105px}.about-card{padding:22px;border-radius:30px;grid-template-columns:1fr}.about-art{min-height:300px}.about-copy{padding:4px 3px 12px}.footer-inner{grid-template-columns:1fr auto;padding:24px 0}.footer-inner p{grid-column:1/-1;grid-row:2;margin:0}.player{left:8px;right:8px;bottom:8px;border-radius:22px}.player-inner{width:calc(100% - 20px);grid-template-columns:minmax(0,1fr) auto auto;gap:9px;min-height:80px}.player-track img{width:48px;height:48px;border-radius:13px}.player-copy strong{max-width:38vw;font-size:.8rem}.player-copy small{font-size:.58rem}.player-controls .player-btn{display:none}.player-main{width:44px;height:44px}.speed-btn{display:none}.close-player{width:30px}.latest-strip{border-radius:22px}}
@media (max-width:420px){.brand-copy small{display:none}.hero-card{padding-inline:18px}.button{width:100%}.hero-actions{display:grid;width:100%}.about-actions{display:grid}.footer-inner{grid-template-columns:1fr}.footer-inner>a{justify-self:start}.player-copy strong{max-width:42vw}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.mini-wave i,.about-art:before,.skeleton-card{animation:none!important}.button,.episode-card{transition:none!important}}

/* v1.2 — hero heeft bewust géén witte buitenrand. */
.hero-card.glass-card{
  border:0 !important;
  outline:0 !important;
}

/* =========================================================
   v1.3 — featured episode, roadmap, invite, footer & themes
   ========================================================= */

.theme-toggle{
  flex:0 0 auto;width:46px;height:46px;border:0;border-radius:16px;cursor:pointer;
  display:grid;place-items:center;position:relative;overflow:hidden;
  background:rgba(255,255,255,.72);color:#4e4752;
  box-shadow:inset 0 0 0 1px rgba(55,43,60,.08);
  transition:transform .2s,background .2s,color .2s
}
.theme-toggle:hover{transform:translateY(-2px)}
.theme-icon{position:absolute;display:grid;place-items:center;font-size:1.12rem;transition:transform .28s ease,opacity .28s ease}
.theme-icon-sun{opacity:1;transform:translateY(0) rotate(0)}
.theme-icon-moon{opacity:0;transform:translateY(22px) rotate(20deg)}
html[data-theme="dark"] .theme-icon-sun{opacity:0;transform:translateY(-22px) rotate(-20deg)}
html[data-theme="dark"] .theme-icon-moon{opacity:1;transform:translateY(0) rotate(0)}

.featured-section{padding-top:28px}
.featured-latest{
  border-radius:34px;padding:26px;display:grid;grid-template-columns:minmax(260px,.54fr) minmax(0,1fr);
  gap:42px;align-items:center;overflow:hidden;position:relative
}
.featured-latest:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-230px;top:-240px;background:rgba(255,126,171,.16);pointer-events:none}
.featured-art-wrap{position:relative;z-index:1}
.featured-art-wrap img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:28px;box-shadow:0 22px 50px rgba(71,52,67,.18)}
.featured-badge{position:absolute;left:16px;top:16px;padding:9px 12px;border-radius:12px;background:#fff;color:#e95789;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 9px 24px rgba(70,52,66,.12)}
.featured-copy{position:relative;z-index:1;padding-right:28px}
.featured-copy h2{font-size:clamp(2rem,4.3vw,4.2rem);line-height:1.01;letter-spacing:-.055em;margin:12px 0 12px;max-width:780px}
.featured-meta{font-size:.85rem;font-weight:800;color:#7b717d;margin-bottom:18px}
.featured-copy p{font-size:1rem;line-height:1.75;color:#68606b;margin:0 0 24px;max-width:760px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

.episodes-more{text-align:center;padding-top:28px}
.episodes-more-button{background:rgba(255,255,255,.72)!important;color:#352f39!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:0 12px 28px rgba(76,54,72,.09)}

.join-section{padding:90px 0 20px}
.join-card{border-radius:38px;padding:48px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.7fr);gap:54px;align-items:center;overflow:hidden;position:relative}
.join-card:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-190px;bottom:-290px;background:linear-gradient(135deg,rgba(255,118,164,.22),rgba(122,198,235,.20));pointer-events:none}
.join-copy{position:relative;z-index:1}
.join-copy h2{font-size:clamp(2.3rem,4.7vw,4.6rem);line-height:1;letter-spacing:-.06em;margin:12px 0 20px;max-width:760px}
.join-copy p{font-size:1rem;line-height:1.76;color:#6d6570;max-width:760px;margin:0 0 12px}
.join-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.join-pills span{padding:9px 12px;border-radius:13px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.78);font-size:.78rem;font-weight:850;color:#5f5663}
.join-visual{min-height:330px;position:relative;display:grid;place-items:center}
.mic-card{width:min(300px,88%);aspect-ratio:1;border-radius:38px;background:linear-gradient(145deg,#ff91b0,#ffc07d 48%,#8dc9e8);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;box-shadow:0 28px 60px rgba(75,51,69,.20);transform:rotate(4deg);transform-origin:center;animation:wnw-float-card 6.8s ease-in-out infinite;will-change:transform}
.mic-card span{font-size:4rem;filter:drop-shadow(0 8px 16px rgba(71,44,62,.15))}.mic-card strong{font-size:1.45rem;line-height:1.1;margin-top:12px}
.coffee-bubble,.plus-bubble{position:absolute;display:grid;place-items:center;background:rgba(255,255,255,.88);box-shadow:0 15px 35px rgba(72,52,66,.16);transform-origin:center;will-change:transform}
.coffee-bubble{width:72px;height:72px;border-radius:24px;font-size:1.9rem;left:3%;bottom:12%;transform:rotate(-7deg);animation:wnw-float-coffee 5.4s ease-in-out -1.2s infinite}
.plus-bubble{width:68px;height:68px;border-radius:23px;font-size:1.35rem;font-weight:950;color:#ee658f;right:1%;top:10%;transform:rotate(8deg);animation:wnw-float-plus 4.9s ease-in-out -.65s infinite}

/* Subtle floating motion for the guest illustration.
   Small distances and different timings keep it alive without feeling busy. */
@keyframes wnw-float-card{
  0%,100%{transform:translate3d(0,0,0) rotate(4deg)}
  35%{transform:translate3d(2px,-5px,0) rotate(4.45deg)}
  68%{transform:translate3d(-1px,2px,0) rotate(3.7deg)}
}
@keyframes wnw-float-coffee{
  0%,100%{transform:translate3d(0,0,0) rotate(-7deg)}
  42%{transform:translate3d(-1px,-6px,0) rotate(-5.8deg)}
  72%{transform:translate3d(1px,1px,0) rotate(-7.5deg)}
}
@keyframes wnw-float-plus{
  0%,100%{transform:translate3d(0,0,0) rotate(8deg)}
  38%{transform:translate3d(1px,-5px,0) rotate(9.2deg)}
  73%{transform:translate3d(-1px,1px,0) rotate(7.4deg)}
}
@media (prefers-reduced-motion:reduce){
  .mic-card,.coffee-bubble,.plus-bubble{animation:none}
}

.about-copy p+p{margin-top:13px}

.footer-inner-v2{grid-template-columns:1fr auto 1fr}
.footer-maker{justify-self:end;display:flex;align-items:center;gap:10px;font-size:.69rem;color:#817984;text-align:right}
.footer-maker a{padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.66);font-weight:850;color:#5f5663;white-space:nowrap;transition:.2s}
.footer-maker a:hover{transform:translateY(-1px);background:rgba(255,255,255,.9)}

/* Roadmap */
.roadmap-main{padding-bottom:100px}
.roadmap-hero{padding-top:34px}
.roadmap-hero-card{border-radius:42px;padding:70px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;overflow:hidden;position:relative}
.roadmap-hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,132,166,.14),rgba(255,208,100,.11),rgba(120,196,235,.12));pointer-events:none}
.roadmap-hero-card>div{position:relative;z-index:1}
.roadmap-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:-.075em;margin:16px 0 22px;max-width:800px}
.roadmap-hero p{font-size:1.06rem;line-height:1.75;color:#6d6570;max-width:760px;margin:0}
.roadmap-stamp{width:220px;height:220px;border-radius:42px;background:linear-gradient(145deg,#ff8eae,#ffc16f 48%,#8ac8e9);display:grid;align-content:center;justify-items:center;color:#fff;box-shadow:0 28px 60px rgba(75,51,69,.18);transform:rotate(4deg)}
.roadmap-stamp span{font-size:2.8rem;font-weight:950;line-height:.78;letter-spacing:-.08em}
.roadmap-content{padding-top:90px}.roadmap-heading{display:grid;grid-template-columns:1fr minmax(280px,.55fr);gap:40px;align-items:end;margin-bottom:28px}
.roadmap-heading h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:.95;letter-spacing:-.065em;margin:11px 0 0}.roadmap-note{margin:0;color:#716974;line-height:1.7}
.roadmap-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.roadmap-column{border-radius:30px;padding:24px}.roadmap-column-head{display:flex;gap:12px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line)}
.status-dot{width:12px;height:12px;border-radius:50%;margin-top:6px;flex:0 0 auto;box-shadow:0 0 0 5px rgba(255,255,255,.36);background:#9b93a0}.status-ideas{background:#eab64f}.status-planned{background:#a990e8}.status-soon{background:#f06d96}.status-recorded{background:#72b7e8}.status-editing{background:#68bd91}.status-upcoming{background:#ec8a54}
.roadmap-column-head small{display:block;color:#817984;font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.roadmap-column-head h3{font-size:1.05rem;line-height:1.25;margin:3px 0 0}
.roadmap-items{display:grid}.roadmap-item{padding:24px 2px;border-bottom:1px solid var(--line)}.roadmap-item:last-child{border-bottom:0;padding-bottom:6px}.roadmap-tag{display:inline-flex;padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.66);font-size:.66rem;font-weight:900;color:#685f6b;text-transform:uppercase;letter-spacing:.06em}.roadmap-item h4{font-size:1.08rem;line-height:1.28;margin:12px 0 8px}.roadmap-item p{font-size:.87rem;line-height:1.65;color:#746c77;margin:0}
.roadmap-disclaimer{margin-top:22px;border-radius:30px;padding:30px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center}.roadmap-disclaimer strong{font-size:1.05rem}.roadmap-disclaimer p{margin:0;color:#716974;font-size:.88rem;line-height:1.6}

/* Dark mode */
html[data-theme="dark"]{color-scheme:dark;--ink:#f6f1f6;--muted:#bcb3c0;--paper:#1a171d;--white:#fff;--line:rgba(255,255,255,.09);--glass:rgba(29,25,33,.74);--glass-strong:rgba(35,30,39,.88);--shadow:0 24px 70px rgba(0,0,0,.28)}
html[data-theme="dark"] body{background:#151218;color:var(--ink)}
html[data-theme="dark"] .page-bg{background-image:linear-gradient(rgba(18,15,21,.73),rgba(18,15,21,.80)),url('../img/background.png');filter:saturate(.82) brightness(.82)}
html[data-theme="dark"] .page-bg:after{background:radial-gradient(circle at 18% 10%,rgba(255,92,145,.18),transparent 27%),radial-gradient(circle at 83% 18%,rgba(255,192,81,.14),transparent 25%),radial-gradient(circle at 76% 74%,rgba(255,85,177,.12),transparent 28%),radial-gradient(circle at 12% 74%,rgba(74,179,225,.13),transparent 29%)}
html[data-theme="dark"] .site-header{background:linear-gradient(to bottom,rgba(21,18,24,.92),rgba(21,18,24,.68),transparent)}
html[data-theme="dark"] .nav-wrap{background:rgba(31,27,35,.82);border-color:rgba(255,255,255,.08);box-shadow:0 12px 40px rgba(0,0,0,.18)}
html[data-theme="dark"] .desktop-nav a{color:#d1c8d4}html[data-theme="dark"] .desktop-nav a:hover,html[data-theme="dark"] .desktop-nav a[aria-current="page"]{background:rgba(255,255,255,.08);color:#fff}
html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .button-ghost{background:rgba(255,255,255,.07);color:#f4edf5;border-color:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
html[data-theme="dark"] .eyebrow-dark{color:#c7bdca}
html[data-theme="dark"] .section-heading p,html[data-theme="dark"] .featured-copy p,html[data-theme="dark"] .join-copy p,html[data-theme="dark"] .about-copy p,html[data-theme="dark"] .roadmap-hero p,html[data-theme="dark"] .roadmap-note,html[data-theme="dark"] .roadmap-item p,html[data-theme="dark"] .roadmap-disclaimer p{color:#b8aebb}
html[data-theme="dark"] .featured-meta,html[data-theme="dark"] .episode-date,html[data-theme="dark"] .episode-duration{color:#aaa0ad}
html[data-theme="dark"] .episode-count,html[data-theme="dark"] .episode-number,html[data-theme="dark"] .about-pills span,html[data-theme="dark"] .join-pills span,html[data-theme="dark"] .roadmap-tag{background:rgba(255,255,255,.07);color:#d7cfd9;border-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .toolbar{background:rgba(28,24,32,.78)}html[data-theme="dark"] .search-box,html[data-theme="dark"] .toolbar select{background:rgba(255,255,255,.06);color:#f5f0f6}html[data-theme="dark"] .search-box svg{stroke:#c8becb}html[data-theme="dark"] .search-box input{color:#fff}html[data-theme="dark"] .search-box input::placeholder{color:#8f8592}
html[data-theme="dark"] .episode-description{color:#b4aab7}html[data-theme="dark"] .episode-play{color:#f5f0f6}html[data-theme="dark"] .play-circle{background:rgba(255,255,255,.09);color:#fff;box-shadow:none}html[data-theme="dark"] .episode-card:hover{border-color:rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.28)}html[data-theme="dark"] .episode-card.is-playing{background:rgba(45,37,48,.9)}
html[data-theme="dark"] .episodes-more-button{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.09)!important}
html[data-theme="dark"] .about-art{background:rgba(255,255,255,.055)}
html[data-theme="dark"] .site-footer{background:rgba(20,17,23,.74);border-color:rgba(255,255,255,.07)}html[data-theme="dark"] .footer-inner p,html[data-theme="dark"] .footer-maker{color:#a99fad}html[data-theme="dark"] .footer-maker a{background:rgba(255,255,255,.07);color:#e5dce7}html[data-theme="dark"] .footer-maker a:hover{background:rgba(255,255,255,.11)}
html[data-theme="dark"] .button-dark{background:#f7f2f7;color:#2a252d}html[data-theme="dark"] .featured-badge{background:#221d25;color:#ff8aac}html[data-theme="dark"] .coffee-bubble,html[data-theme="dark"] .plus-bubble{background:#262129;color:#f5eff6}
html[data-theme="dark"] .skeleton-card{background:linear-gradient(100deg,rgba(255,255,255,.04) 30%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 70%);background-size:240% 100%}

@media (max-width:1000px){
  .featured-latest{grid-template-columns:minmax(230px,.6fr) minmax(0,1fr);gap:30px}.featured-copy{padding-right:8px}
  .join-card{grid-template-columns:1fr .65fr;gap:35px}
  .roadmap-columns{grid-template-columns:1fr 1fr}
  .roadmap-disclaimer{grid-template-columns:1fr auto}.roadmap-disclaimer strong{grid-column:1/-1}
}
@media (max-width:760px){
  .nav-wrap{gap:8px}.theme-toggle{width:44px;height:44px;border-radius:14px}.nav-listen{margin-left:0!important}
  .featured-section{padding-top:18px}.featured-latest{grid-template-columns:1fr;padding:18px;border-radius:28px;gap:24px}.featured-art-wrap img{border-radius:23px}.featured-copy{padding:0 6px 8px}.featured-copy h2{font-size:clamp(2rem,10vw,3.2rem)}
  .join-section{padding-top:72px}.join-card{grid-template-columns:1fr;padding:25px;border-radius:30px;gap:30px}.join-copy h2{font-size:clamp(2.35rem,12vw,3.7rem)}.join-visual{min-height:280px}
  .about-section{padding-top:72px}
  .footer-inner-v2{grid-template-columns:1fr!important;gap:14px}.footer-inner-v2 p{grid-column:auto!important;grid-row:auto!important}.footer-maker{justify-self:start;text-align:left;align-items:flex-start;flex-direction:column;gap:7px}
  .roadmap-hero{padding-top:18px}.roadmap-hero-card{grid-template-columns:1fr;padding:38px 25px;border-radius:32px}.roadmap-stamp{width:170px;height:170px;border-radius:32px}.roadmap-stamp span{font-size:2.2rem}.roadmap-content{padding-top:70px}.roadmap-heading{grid-template-columns:1fr;gap:18px}.roadmap-columns{grid-template-columns:1fr}.roadmap-disclaimer{grid-template-columns:1fr}.roadmap-disclaimer .button{width:100%}
}
@media (max-width:420px){
  .nav-wrap{gap:6px}.theme-toggle{width:42px;height:42px}.nav-listen{width:42px!important;min-width:42px!important}.brand{gap:8px}.brand-mark{width:42px;height:42px}
  .featured-badge{font-size:.62rem}.join-pills{display:grid;grid-template-columns:1fr 1fr}.join-pills span{text-align:center}
}

/* Listen everywhere + platform modal — v1.4 */
.listen-section{padding-top:28px}
.listen-card{border-radius:28px;padding:22px 24px 22px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;overflow:hidden}
.listen-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:21%;top:-170px;background:radial-gradient(circle,rgba(255,121,166,.22),transparent 68%);pointer-events:none}
.listen-copy{position:relative;z-index:1;max-width:630px}.listen-copy h2{font-size:clamp(1.65rem,3vw,2.65rem);line-height:1;letter-spacing:-.05em;margin:7px 0 8px}.listen-copy p{margin:0;color:#736b76;font-size:.9rem;line-height:1.6}
.platform-links{display:flex;align-items:center;gap:9px;position:relative;z-index:1;flex:0 0 auto}
.platform-link{border:0;cursor:pointer;min-width:72px;padding:8px 7px 7px;border-radius:19px;background:rgba(255,255,255,.62);display:grid;justify-items:center;gap:5px;color:var(--ink);transition:transform .2s,background .2s,box-shadow .2s;font:inherit}
.platform-link:hover{transform:translateY(-3px);background:rgba(255,255,255,.9);box-shadow:0 14px 28px rgba(72,52,66,.12)}
.platform-icon{width:39px;height:39px;display:grid;place-items:center}.platform-icon svg{width:39px;height:39px;display:block}.platform-name{font-size:.62rem;font-weight:850;line-height:1.1;white-space:nowrap;color:#655e68}
.platform-spotify{--brand:#1ed760}.platform-spotify .platform-icon{color:var(--brand)}.platform-apple{--brand:#a95cff}.platform-apple .platform-icon{color:var(--brand)}.platform-youtube{--brand:#ff0033}.platform-youtube .platform-icon{color:var(--brand)}
.more-dots{border-radius:13px;background:linear-gradient(145deg,rgba(255,126,168,.22),rgba(139,199,234,.24));display:flex;gap:4px;align-items:center;justify-content:center}.more-dots i{width:5px;height:5px;border-radius:50%;background:#655c69}

.listen-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.listen-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}
.listen-modal-backdrop{position:absolute;inset:0;background:rgba(25,20,28,.48);backdrop-filter:blur(18px) saturate(.8);-webkit-backdrop-filter:blur(18px) saturate(.8)}
.listen-modal-panel{width:min(760px,100%);max-height:min(820px,calc(100vh - 48px));overflow:auto;position:relative;border-radius:36px;background:rgba(255,253,251,.96);border:1px solid rgba(255,255,255,.72);box-shadow:0 40px 110px rgba(37,27,36,.34);transform:translateY(18px) scale(.985);transition:transform .28s cubic-bezier(.2,.75,.25,1);isolation:isolate}
.listen-modal.is-open .listen-modal-panel{transform:translateY(0) scale(1)}
.listen-modal-content{position:relative;z-index:2;padding:48px}.listen-modal-content>h2{font-size:clamp(2.8rem,7vw,5.5rem);line-height:.9;letter-spacing:-.075em;margin:13px 0 20px;max-width:620px}.listen-modal-lead{color:#6f6772;font-size:1rem;line-height:1.75;margin:0 0 25px;max-width:650px}
.listen-modal-close{position:absolute;z-index:4;right:18px;top:18px;width:42px;height:42px;border:0;border-radius:15px;background:rgba(255,255,255,.84);box-shadow:0 9px 24px rgba(65,47,61,.11);font-size:1.7rem;line-height:1;color:#5d5560;cursor:pointer;transition:.2s}.listen-modal-close:hover{transform:rotate(4deg) scale(1.04);background:#fff}
.listen-modal-glow{position:absolute;border-radius:50%;filter:blur(1px);z-index:0;pointer-events:none}.listen-modal-glow-one{width:310px;height:310px;background:rgba(255,129,173,.2);right:-115px;top:-110px}.listen-modal-glow-two{width:270px;height:270px;background:rgba(118,193,233,.18);left:-130px;bottom:-140px}
.modal-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.modal-platforms>a{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(48,37,53,.07);transition:.2s}.modal-platforms>a:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 25px rgba(72,52,66,.1)}.modal-platform-icon{width:42px;height:42px;display:grid;place-items:center}.modal-platform-icon svg{width:42px;height:42px}.spotify-mini{color:#1ed760}.apple-mini{color:#a95cff}.youtube-mini{color:#ff0033}.modal-platforms a>span:nth-child(2){min-width:0;display:grid}.modal-platforms strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-platforms small{font-size:.65rem;color:#817884;margin-top:2px}.modal-platforms b{font-size:.86rem;color:#827985}
.share-message{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:19px;border-radius:22px;background:linear-gradient(135deg,rgba(255,132,170,.12),rgba(255,202,103,.12),rgba(127,195,233,.13));border:1px solid rgba(255,255,255,.78)}.share-message-icon{width:48px;height:48px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:1.5rem;color:#ec6c96;box-shadow:0 10px 22px rgba(79,55,72,.08)}.share-message h3{font-size:1rem;margin:2px 0 6px;letter-spacing:-.02em}.share-message p{font-size:.83rem;line-height:1.65;color:#736b76;margin:0}.share-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
body.listen-modal-open{overflow:hidden}

html[data-theme="dark"] .listen-copy p,html[data-theme="dark"] .listen-modal-lead,html[data-theme="dark"] .share-message p{color:#b8aebb}
html[data-theme="dark"] .platform-link{background:rgba(255,255,255,.065)}html[data-theme="dark"] .platform-link:hover{background:rgba(255,255,255,.10);box-shadow:0 14px 28px rgba(0,0,0,.22)}html[data-theme="dark"] .platform-name{color:#d2c8d5}html[data-theme="dark"] .more-dots{background:linear-gradient(145deg,rgba(255,126,168,.15),rgba(139,199,234,.15))}html[data-theme="dark"] .more-dots i{background:#ddd4df}
html[data-theme="dark"] .listen-modal-backdrop{background:rgba(7,6,8,.62)}html[data-theme="dark"] .listen-modal-panel{background:rgba(29,25,33,.97);border-color:rgba(255,255,255,.09);box-shadow:0 40px 110px rgba(0,0,0,.55)}html[data-theme="dark"] .listen-modal-close{background:rgba(255,255,255,.08);color:#f4edf5;box-shadow:none}html[data-theme="dark"] .listen-modal-close:hover{background:rgba(255,255,255,.12)}html[data-theme="dark"] .modal-platforms>a{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.07)}html[data-theme="dark"] .modal-platforms>a:hover{background:rgba(255,255,255,.09);box-shadow:0 12px 25px rgba(0,0,0,.24)}html[data-theme="dark"] .modal-platforms small,html[data-theme="dark"] .modal-platforms b{color:#ada2b0}html[data-theme="dark"] .share-message{background:linear-gradient(135deg,rgba(255,107,158,.09),rgba(255,195,82,.08),rgba(100,182,225,.09));border-color:rgba(255,255,255,.07)}html[data-theme="dark"] .share-message-icon{background:rgba(255,255,255,.08);box-shadow:none}

@media (max-width:760px){
  .listen-section{padding-top:18px}.listen-card{padding:22px;border-radius:26px;align-items:flex-start;flex-direction:column;gap:20px}.listen-copy h2{font-size:2.15rem}.platform-links{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.platform-link{min-width:0;width:100%;padding:8px 3px 7px;border-radius:16px}.platform-name{font-size:.57rem}.platform-icon,.platform-icon svg{width:35px;height:35px}
  .listen-modal{padding:12px}.listen-modal-panel{border-radius:29px;max-height:calc(100vh - 24px)}.listen-modal-content{padding:38px 20px 24px}.listen-modal-content>h2{font-size:clamp(2.8rem,15vw,4.5rem);padding-right:28px}.listen-modal-lead{font-size:.93rem}.listen-modal-close{right:12px;top:12px}.modal-platforms{grid-template-columns:1fr}.modal-platforms>a{padding:10px 12px}.share-message{grid-template-columns:1fr;padding:17px}.share-message-icon{width:44px;height:44px}.share-actions{display:grid}.share-actions .button{width:100%}
}
@media (max-width:420px){.platform-name{font-size:.52rem}.platform-icon,.platform-icon svg{width:32px;height:32px}.platform-link{border-radius:14px}.listen-copy p{font-size:.84rem}}

/* =========================================================
   v1.5 — Apple-inspired polish + non-scroll modal + admin
   ========================================================= */
:root{
  --shadow:0 22px 65px rgba(63,47,59,.12),0 2px 8px rgba(48,37,46,.045);
  --glass:rgba(255,255,255,.68);
  --glass-strong:rgba(255,255,255,.88);
  --radius:38px;
  --radius-sm:24px;
}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",system-ui,sans-serif;
  letter-spacing:-.008em;
}
.glass-card{
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.58));
  border:1px solid rgba(255,255,255,.52);
  box-shadow:var(--shadow);
  backdrop-filter:blur(32px) saturate(1.18);
  -webkit-backdrop-filter:blur(32px) saturate(1.18);
}
.nav-wrap{
  border-radius:30px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(255,255,255,.48);
  box-shadow:0 14px 45px rgba(62,46,58,.085);
  backdrop-filter:blur(28px) saturate(1.2);
  -webkit-backdrop-filter:blur(28px) saturate(1.2);
}
.brand-mark{border-radius:17px;box-shadow:0 8px 24px rgba(81,55,70,.13)}
.desktop-nav a,.theme-toggle,.button,.platform-link,.toolbar,.search-box,.toolbar select{transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease,box-shadow .22s ease,border-color .22s ease}
.desktop-nav a:hover{transform:translateY(-1px);background:rgba(255,255,255,.78)}
.button{border-radius:18px}.button-dark{background:#27232b;box-shadow:0 12px 28px rgba(32,27,35,.16)}
.button-dark:hover{box-shadow:0 16px 34px rgba(32,27,35,.2)}
.hero-card{border-radius:48px;box-shadow:0 30px 90px rgba(82,57,73,.16)}
.featured-latest,.join-card,.roadmap-hero-card{border-radius:40px}
.listen-card,.toolbar,.roadmap-column,.roadmap-disclaimer,.about-card{border-radius:32px}
.episode-card{border-radius:32px;padding:30px}.episode-card:hover{transform:translateY(-4px) scale(1.005)}
.episode-number,.episode-count,.roadmap-tag,.join-pills span{border-radius:999px}
.search-box,.toolbar select{border-radius:18px}
.site-footer{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}

/* Luister-pop-up: geen interne scrollbars; alles past in één rustige kaart. */
.listen-modal{padding:18px;overflow:hidden}
.listen-modal-backdrop{background:rgba(31,25,31,.42);backdrop-filter:blur(26px) saturate(.72);-webkit-backdrop-filter:blur(26px) saturate(.72)}
.listen-modal-panel{
  width:min(980px,calc(100vw - 36px));
  max-height:calc(100svh - 36px);
  overflow:hidden!important;
  scrollbar-width:none;
  border-radius:42px;
  background:rgba(252,250,248,.93);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 48px 130px rgba(35,27,34,.34),0 2px 8px rgba(33,27,32,.08);
  backdrop-filter:blur(40px) saturate(1.15);
  -webkit-backdrop-filter:blur(40px) saturate(1.15);
}
.listen-modal-panel::-webkit-scrollbar{display:none}
.listen-modal-content{
  padding:48px;
  display:grid;
  grid-template-columns:minmax(260px,.78fr) minmax(0,1.25fr);
  gap:38px;
  align-items:center;
  position:relative;
  z-index:2;
}
.listen-modal-intro{align-self:center}
.listen-modal-content>h2{margin:0}
.listen-modal-intro h2{font-size:clamp(3.2rem,6.5vw,6.2rem);line-height:.88;letter-spacing:-.075em;margin:14px 0 20px;max-width:440px}
.listen-modal-lead{font-size:.98rem;line-height:1.65;margin:0;max-width:430px}
.listen-modal-side{min-width:0;display:grid;gap:16px}
.listen-modal-close{right:17px;top:17px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(52,40,49,.11);font-size:1.55rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.listen-modal-close:hover{transform:scale(1.05);background:#fff}
.modal-platforms{grid-template-columns:1fr;margin:0;gap:9px}
.modal-platforms>a{padding:11px 13px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(44,35,43,.055);box-shadow:0 4px 16px rgba(43,34,42,.035)}
.modal-platforms>a:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(54,41,51,.09)}
.modal-platform-icon,.modal-platform-icon svg{width:39px;height:39px}
.modal-platforms strong{font-size:.84rem}.modal-platforms small{font-size:.66rem}
.share-message{padding:17px;border-radius:24px;grid-template-columns:auto 1fr;gap:14px;background:linear-gradient(135deg,rgba(255,136,172,.11),rgba(255,205,118,.10),rgba(126,195,233,.11));border:1px solid rgba(255,255,255,.68)}
.share-message-icon{width:44px;height:44px;border-radius:15px}.share-message h3{font-size:.96rem;margin:1px 0 5px}.share-message p{font-size:.79rem;line-height:1.55}
.share-actions{margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.share-actions .button{min-height:48px;width:100%;font-size:.87rem}
.copy-link-button{background:rgba(255,255,255,.88)!important;color:#2f2a32!important;border:1px solid rgba(47,39,46,.12)!important;box-shadow:0 6px 20px rgba(47,38,45,.06)}
.copy-link-button:hover{background:#fff!important;border-color:rgba(47,39,46,.16)!important}

html[data-theme="dark"] .glass-card{background:linear-gradient(145deg,rgba(38,33,41,.79),rgba(27,24,30,.7));border-color:rgba(255,255,255,.075)}
html[data-theme="dark"] .listen-modal-panel{background:rgba(27,24,30,.94);border-color:rgba(255,255,255,.09)}
html[data-theme="dark"] .copy-link-button{background:rgba(255,255,255,.09)!important;color:#f8f3f8!important;border-color:rgba(255,255,255,.11)!important;box-shadow:none}
html[data-theme="dark"] .copy-link-button:hover{background:rgba(255,255,255,.13)!important}

/* Roadmap data laden zonder verspringing */
.roadmap-empty{margin:22px 2px 4px;color:var(--muted);font-size:.88rem}

/* Verborgen beheeromgeving. Niet gelinkt in de navigatie; beveiliging gebeurt server-side. */
.admin-shell{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:18px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.admin-shell.is-open{visibility:visible;opacity:1;pointer-events:auto}
.admin-backdrop{position:absolute;inset:0;background:rgba(21,17,22,.52);backdrop-filter:blur(28px) saturate(.75);-webkit-backdrop-filter:blur(28px) saturate(.75)}
.admin-panel{position:relative;width:min(1480px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow:hidden;border-radius:42px;background:rgba(251,249,247,.96);border:1px solid rgba(255,255,255,.56);box-shadow:0 48px 140px rgba(30,23,29,.38);backdrop-filter:blur(42px) saturate(1.15);-webkit-backdrop-filter:blur(42px) saturate(1.15);transform:translateY(12px) scale(.99);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.admin-shell.is-open .admin-panel{transform:none}
.admin-close{position:absolute;right:17px;top:17px;z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.8);color:#4c444f;font-size:1.55rem;cursor:pointer;box-shadow:0 8px 22px rgba(52,40,49,.1)}
.admin-login{min-height:560px;padding:70px 70px 56px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;max-width:650px}
.admin-orb{position:absolute;width:390px;height:390px;border-radius:50%;right:-180px;top:-170px;background:linear-gradient(145deg,rgba(255,122,165,.20),rgba(255,205,105,.15),rgba(118,194,233,.18));filter:blur(2px);pointer-events:none}
.admin-kicker{font-size:.68rem;letter-spacing:.16em;font-weight:900;color:#716774}
.admin-login h2,.admin-dashboard-head h2{font-size:clamp(2.5rem,5vw,4.7rem);line-height:.92;letter-spacing:-.065em;margin:13px 0 15px}
.admin-login>p,.admin-dashboard-head p{color:#756d78;max-width:620px;margin:0 0 25px;line-height:1.65}
.admin-login-form{display:grid;gap:13px;position:relative;z-index:1}.admin-login-form label,.admin-editor label{display:grid;gap:7px;font-size:.72rem;font-weight:800;color:#655d68}.admin-login-form input,.admin-editor input,.admin-editor select,.admin-editor textarea{width:100%;border:1px solid rgba(44,35,43,.08);outline:none;background:rgba(255,255,255,.78);color:#272229;border-radius:17px;padding:13px 15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);transition:border-color .2s,box-shadow .2s,background .2s}.admin-login-form input{min-height:52px}.admin-login-form input:focus,.admin-editor input:focus,.admin-editor select:focus,.admin-editor textarea:focus{border-color:rgba(239,102,149,.38);box-shadow:0 0 0 4px rgba(239,102,149,.09);background:#fff}.admin-primary{width:100%;margin-top:4px}.admin-message{min-height:20px;font-size:.76rem;color:#766e79}.admin-message[data-type="error"]{color:#c14668}.admin-message[data-type="success"]{color:#247a56}.admin-security-note{margin-top:12px;color:#9a919c;font-size:.68rem;line-height:1.5}
.admin-dashboard{padding:38px 42px 32px;height:min(880px,calc(100svh - 24px));display:flex;flex-direction:column;overflow:hidden}.admin-dashboard-head{padding:8px 58px 26px 4px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.admin-dashboard-head h2{font-size:clamp(2.2rem,4vw,4rem);margin-bottom:10px}.admin-dashboard-head p{margin:0;font-size:.9rem}.admin-logout{border:0;border-radius:999px;padding:10px 14px;background:rgba(45,38,47,.07);color:#4f4752;font-weight:800;cursor:pointer;white-space:nowrap}.admin-workspace{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.5fr);gap:18px;min-height:0;flex:1}.admin-editor,.admin-list-wrap{border-radius:28px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.72);padding:24px;min-height:0}.admin-editor{display:grid;gap:12px;align-content:start;overflow:auto}.admin-list-wrap{display:flex;flex-direction:column;overflow:hidden}.admin-editor textarea{resize:none;min-height:118px;line-height:1.5}.admin-editor-title,.admin-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.admin-editor-title strong,.admin-list-head strong{font-size:1rem}.admin-text-button{border:0;background:transparent;color:#c34d74;font-size:.75rem;font-weight:800;cursor:pointer}.admin-list-head span{font-size:.72rem;color:#837a85}.admin-list{max-height:none;min-height:0;flex:1;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(69,56,67,.18) transparent}.admin-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px 4px;border-bottom:1px solid rgba(48,39,47,.08)}.admin-list-item:last-child{border-bottom:0}.admin-list-copy{min-width:0}.admin-list-copy>span{font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#8b7f8d}.admin-list-copy strong{display:block;margin:4px 0 5px;font-size:.91rem;line-height:1.25}.admin-list-copy p{margin:0;color:#7a707c;font-size:.74rem;line-height:1.48;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-list-actions{display:flex;align-items:flex-start;gap:6px}.admin-list-actions button{border:0;border-radius:10px;padding:7px 9px;background:rgba(45,38,47,.06);font-size:.68rem;font-weight:800;cursor:pointer;color:#514954}.admin-list-actions .is-danger{color:#b44162;background:rgba(207,70,107,.08)}.admin-empty{padding:30px 0;color:#847a86;text-align:center;font-size:.85rem}
body.admin-open{overflow:hidden}

html[data-theme="dark"] .admin-panel{background:rgba(27,24,30,.96);border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .admin-close{background:rgba(255,255,255,.08);color:#f6eff7;box-shadow:none}
html[data-theme="dark"] .admin-login>p,html[data-theme="dark"] .admin-dashboard-head p,html[data-theme="dark"] .admin-list-copy p{color:#b8aebb}
html[data-theme="dark"] .admin-kicker{color:#bbb0be}
html[data-theme="dark"] .admin-login-form label,html[data-theme="dark"] .admin-editor label{color:#d1c7d4}
html[data-theme="dark"] .admin-login-form input,html[data-theme="dark"] .admin-editor input,html[data-theme="dark"] .admin-editor select,html[data-theme="dark"] .admin-editor textarea{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.075);color:#f7f1f8;box-shadow:none}
html[data-theme="dark"] .admin-login-form input:focus,html[data-theme="dark"] .admin-editor input:focus,html[data-theme="dark"] .admin-editor select:focus,html[data-theme="dark"] .admin-editor textarea:focus{background:rgba(255,255,255,.08);border-color:rgba(255,130,172,.34)}
html[data-theme="dark"] .admin-editor,html[data-theme="dark"] .admin-list-wrap{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.065)}
html[data-theme="dark"] .admin-list-item{border-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .admin-list-actions button,html[data-theme="dark"] .admin-logout{background:rgba(255,255,255,.07);color:#ded4e1}
html[data-theme="dark"] .admin-list-actions .is-danger{background:rgba(218,80,118,.11);color:#ff96b2}

@media (max-width:820px){
  .listen-modal{padding:10px}.listen-modal-panel{width:calc(100vw - 20px);max-height:calc(100svh - 20px);border-radius:32px}.listen-modal-content{padding:34px 24px 24px;grid-template-columns:1fr;gap:20px}.listen-modal-intro h2{font-size:clamp(2.7rem,13vw,4.3rem);margin:9px 0 10px;max-width:90%}.listen-modal-lead{font-size:.88rem;line-height:1.5;max-width:92%}.modal-platforms{grid-template-columns:repeat(3,1fr);gap:7px}.modal-platforms>a{grid-template-columns:1fr;justify-items:center;text-align:center;padding:10px 7px}.modal-platforms>a>span:nth-child(2){justify-items:center}.modal-platforms small,.modal-platforms b{display:none}.modal-platform-icon,.modal-platform-icon svg{width:36px;height:36px}.share-message{padding:14px}.share-message-icon{width:40px;height:40px}.share-message p{font-size:.73rem}.share-actions{grid-template-columns:1fr 1fr}.share-actions .button{font-size:.78rem;padding-inline:10px}
  .admin-panel{width:calc(100vw - 20px);max-height:calc(100svh - 20px);border-radius:32px}.admin-login{min-height:0;padding:58px 24px 28px}.admin-dashboard{padding:28px 18px 18px;height:auto;max-height:calc(100svh - 20px);display:block;overflow:auto}.admin-dashboard-head{padding:8px 46px 20px 2px;align-items:flex-start;flex-direction:column;gap:12px}.admin-dashboard-head h2{font-size:2.6rem}.admin-logout{position:absolute;right:64px;top:18px}.admin-workspace{grid-template-columns:1fr}.admin-list{max-height:none}.admin-list-item{grid-template-columns:1fr}.admin-list-actions{justify-content:flex-start}
}

@media (max-width:520px){
  .listen-modal-content{padding:30px 16px 16px;gap:14px}.listen-modal-close{width:39px;height:39px;right:11px;top:11px}.listen-modal-intro h2{font-size:clamp(2.35rem,13.2vw,3.45rem);max-width:82%}.listen-modal-lead{font-size:.8rem}.modal-platforms>a{border-radius:16px;padding:8px 4px}.modal-platforms strong{font-size:.7rem}.modal-platform-icon,.modal-platform-icon svg{width:32px;height:32px}.share-message{grid-template-columns:1fr;gap:8px;border-radius:19px}.share-message-icon{display:none}.share-message h3{font-size:.84rem}.share-message p{font-size:.68rem;line-height:1.42}.share-actions{gap:7px}.share-actions .button{min-height:44px;border-radius:15px;font-size:.7rem}
}

@media (max-height:700px) and (min-width:821px){
  .listen-modal-content{padding:34px 40px;gap:30px}.listen-modal-intro h2{font-size:4.2rem;margin:10px 0 14px}.listen-modal-lead{font-size:.88rem}.modal-platforms>a{padding:9px 12px}.share-message{padding:13px}.share-message p{font-size:.72rem}.share-message-icon{width:40px;height:40px}.share-actions .button{min-height:44px}
}
.admin-panel:has(.admin-dashboard[hidden]){width:min(680px,calc(100vw - 36px))}
.admin-login{max-width:none;width:100%}
@media (max-width:820px){.admin-panel:has(.admin-dashboard[hidden]){width:calc(100vw - 20px)}}


/* v1.6.2 — groter roadmap-beheerscherm op desktop */
@media (min-width:821px){
  .admin-panel:not(:has(.admin-dashboard[hidden])){width:min(1480px,calc(100vw - 24px));max-height:calc(100svh - 24px)}
  .admin-dashboard-head{flex:0 0 auto}
  .admin-list-item{padding:18px 6px}
  .admin-list-copy strong{font-size:1rem}
  .admin-list-copy p{font-size:.78rem;-webkit-line-clamp:3}
}
@media (min-width:821px) and (max-width:1100px){
  .admin-workspace{grid-template-columns:minmax(310px,.9fr) minmax(0,1.25fr)}
}
@media (max-height:760px) and (min-width:821px){
  .admin-dashboard{padding-top:26px;padding-bottom:24px;height:calc(100svh - 24px)}
  .admin-dashboard-head{padding-bottom:18px}
  .admin-dashboard-head h2{font-size:2.8rem}
}


/* =========================================================
   v1.5.1 — Hero contrast/readability fix
   The Apple-style global glass treatment must not wash out
   the branded hero card.
   ========================================================= */
.hero-card.glass-card{
  background:
    linear-gradient(90deg,rgba(77,42,67,.20) 0%,rgba(77,42,67,.08) 43%,rgba(77,42,67,0) 66%),
    linear-gradient(135deg,rgba(247,116,153,.98) 0%,rgba(246,169,152,.96) 40%,rgba(126,181,220,.96) 100%) !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:0 30px 90px rgba(82,57,73,.20),0 2px 10px rgba(65,43,58,.07);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.hero-card .hero-copy{
  color:#fff;
  text-shadow:0 1px 2px rgba(72,42,61,.18);
}
.hero-card .eyebrow{
  color:#fff;
  text-shadow:0 1px 3px rgba(64,38,55,.22);
}
.hero-card .hero-intro{
  color:rgba(255,255,255,.98);
  text-shadow:0 1px 3px rgba(64,38,55,.22);
}
.hero-card .hero-intro strong{
  color:#fff;
  font-weight:850;
}
.hero-card .feed-status{
  color:rgba(255,255,255,.92);
  text-shadow:0 1px 3px rgba(64,38,55,.20);
}
.hero-card .button-soft{
  background:rgba(255,255,255,.16);
  color:#fff;
  border:1px solid rgba(255,255,255,.50);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  text-shadow:0 1px 2px rgba(58,36,51,.20);
}
.hero-card .button-soft:hover{
  background:rgba(255,255,255,.25);
  border-color:rgba(255,255,255,.70);
  transform:translateY(-1px);
}
.hero-card .button-primary{
  background:rgba(255,255,255,.96);
  color:#302936;
  text-shadow:none;
}
.hero-card .hero-wordmark{
  filter:drop-shadow(0 5px 14px rgba(64,37,55,.20));
}
html[data-theme="dark"] .hero-card.glass-card{
  background:
    linear-gradient(90deg,rgba(37,25,38,.24) 0%,rgba(37,25,38,.08) 44%,rgba(37,25,38,0) 67%),
    linear-gradient(135deg,rgba(202,79,117,.96) 0%,rgba(202,121,111,.94) 40%,rgba(69,117,158,.96) 100%) !important;
}


/* v1.6.0 — uitgebreid roadmapproces */
.roadmap-empty{margin:0;padding:24px 2px 8px;color:#8b828e;font-size:.82rem;line-height:1.55}
.admin-editor select{appearance:auto}
.admin-list-copy>span{display:inline-flex;align-items:center;gap:5px}