:root{--ink:#edf8fb;--muted:#9db9c5;--panel:#0b2638;--accent:#72dbe2;--accent-rgb:114,219,226;--danger:#ff8878}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#061621;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit}.learning-path{--accent:#72dbe2;--accent-rgb:114,219,226;min-height:100svh;overflow:hidden;position:relative;background:radial-gradient(circle at 15% 10%,rgba(var(--accent-rgb),.13),transparent 29%),radial-gradient(circle at 87% 85%,rgba(110,80,180,.12),transparent 34%),linear-gradient(145deg,#061520,#0a2435 58%,#071824);transition:background .5s}.tone-blue,.tone-cyan{--accent:#6fdcf0;--accent-rgb:111,220,240}.tone-violet,.tone-indigo{--accent:#b39af5;--accent-rgb:179,154,245}.tone-mint,.tone-teal,.tone-lime{--accent:#72deb3;--accent-rgb:114,222,179}.tone-rose,.tone-coral{--accent:#ff9aa8;--accent-rgb:255,154,168}.tone-gold,.tone-orange{--accent:#f2c46e;--accent-rgb:242,196,110}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.12;pointer-events:none}.ambient-one{width:35vw;height:35vw;left:-12vw;top:12vh;background:var(--accent);animation:ambientFloat 15s ease-in-out infinite alternate}.ambient-two{width:30vw;height:30vw;right:-10vw;bottom:-8vh;background:#856fe2;animation:ambientFloat 18s ease-in-out infinite alternate-reverse}@keyframes ambientFloat{to{transform:translate(6vw,-5vh) scale(1.15)}}
.topbar{height:75px;padding:0 clamp(18px,3.5vw,60px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(4,17,27,.48);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#071a24;background:var(--accent);box-shadow:0 0 25px rgba(var(--accent-rgb),.2)}.brand-mark svg,.start-symbol svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand strong,.brand small{display:block}.brand strong{font-size:13px;letter-spacing:.07em}.brand small{margin-top:2px;color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.18em}.path-title{color:#bed1d9;font-size:12px;font-weight:750;letter-spacing:.05em}.page-count{justify-self:end;display:flex;align-items:baseline;gap:8px;color:#7594a3;font-size:13px}.page-count span{color:var(--accent);font-size:24px;font-weight:900}.page-count i{font-style:normal}.progress-track{height:3px;position:relative;z-index:10;background:rgba(255,255,255,.06)}.progress-track span{height:100%;display:block;border-radius:3px;background:linear-gradient(90deg,var(--accent),#fff0b0);box-shadow:0 0 15px rgba(var(--accent-rgb),.65);transition:width .45s ease}
.slide{min-height:calc(100svh - 78px);padding:clamp(34px,5vh,70px) clamp(20px,4.2vw,76px) 112px;display:grid;grid-template-columns:minmax(0,1.56fr) minmax(300px,.74fr);gap:clamp(28px,4vw,72px);align-items:center;position:relative;z-index:2;animation:slideReveal .55s ease both}@keyframes slideReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.visual-column{min-width:0;display:flex;align-items:center;justify-content:center}.content-column{max-width:530px}.eyebrow{margin:0 0 15px;color:var(--accent);font-size:14px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.content-column h1{margin:0;font-size:clamp(34px,4.2vw,64px);line-height:.98;letter-spacing:-.045em;text-wrap:balance}.memory-card{margin-top:25px;padding:18px 20px;border-left:4px solid var(--accent);border-radius:0 19px 19px 0;background:linear-gradient(90deg,rgba(var(--accent-rgb),.13),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.memory-card span{color:var(--accent);font-size:14px;font-weight:950;letter-spacing:.18em}.memory-card p{margin:8px 0 0;color:#e6f0f4;font-size:clamp(16px,1.35vw,21px);line-height:1.42;font-weight:720}.fact-row{margin-top:20px;display:grid;gap:8px}.fact-row>span{min-height:44px;padding:9px 12px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;color:#b9ced7;background:rgba(255,255,255,.035);font-size:12px}.fact-row b{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#071820;background:var(--accent);font-size:14px}
.visual-board,.image-board{width:100%;max-width:920px;aspect-ratio:1.6;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:clamp(24px,3vw,42px);background:linear-gradient(150deg,#0b2b3d,#061923 70%);box-shadow:0 34px 78px rgba(0,0,0,.38)}.visual-board::after,.image-board::after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 -85px 100px rgba(3,13,20,.35)}.image-board>img{width:100%;height:100%;display:block;object-fit:cover}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
.controls{position:fixed;z-index:30;left:50%;bottom:18px;transform:translateX(-50%);width:min(785px,calc(100% - 26px));height:66px;padding:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(5,20,31,.88);backdrop-filter:blur(22px);box-shadow:0 22px 56px rgba(0,0,0,.42)}.control-group{display:flex;align-items:center;gap:5px}.icon-button,.text-control,.voice-control,.speed-control{height:48px;border:0;border-radius:14px;color:#dcebf0;background:transparent;cursor:pointer;transition:.2s}.icon-button{width:48px;display:grid;place-items:center}.icon-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover,.text-control:hover,.voice-control:hover,.speed-control:hover{background:rgba(255,255,255,.08)}.icon-button.active{color:#071922;background:var(--accent)}.icon-button:disabled{opacity:.25;cursor:default}.text-control,.voice-control{padding:0 12px;font-size:14px;font-weight:800}.voice-control{color:var(--accent)}.voice-control.natural::after{content:"";width:7px;height:7px;margin-left:6px;display:inline-block;border-radius:50%;background:#70e39c;box-shadow:0 0 9px #70e39c}.speed-control{width:52px;color:var(--accent);font-size:14px;font-weight:900}
.voice-menu,.transcript{position:fixed;z-index:40;bottom:98px;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(7,25,38,.98);backdrop-filter:blur(25px);box-shadow:0 28px 70px rgba(0,0,0,.48);animation:popup .24s ease both}@keyframes popup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.voice-menu{left:50%;width:min(430px,calc(100% - 30px));transform:translateX(-50%)}.voice-menu>div:first-child,.transcript>div:first-child{display:flex;justify-content:space-between;align-items:center}.voice-menu>div:first-child span,.transcript>div:first-child span{color:var(--accent);font-size:14px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.voice-menu>div:first-child button,.transcript>div:first-child button{width:32px;height:32px;border:0;border-radius:50%;color:white;background:rgba(255,255,255,.07);cursor:pointer;font-size:20px}.voice-menu>p{margin:7px 0 12px;color:#91acb8;font-size:12px;line-height:1.45}.voice-menu>button{width:100%;min-height:40px;margin-top:5px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:11px;color:#d8e7ec;background:rgba(255,255,255,.04);cursor:pointer;text-align:left;font-size:14px}.voice-menu>button.selected{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.11)}.voice-menu>button b{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.voice-quality{margin:9px 0!important;padding:9px 11px;display:block!important;border-radius:11px;background:rgba(255,255,255,.04)}.voice-quality b,.voice-quality span{display:block}.voice-quality b{color:#75e4a0;font-size:14px}.voice-quality span{margin-top:3px;color:#9cb6c2;font-size:14px}.voice-quality.limited b{color:#ffc36b}.voice-preview{margin-top:10px!important;justify-content:center!important;color:#071922!important;background:var(--accent)!important;font-weight:900}.transcript{right:clamp(15px,4vw,55px);width:min(520px,calc(100% - 30px))}.transcript p{margin:12px 0 0;color:#dae8ed;font-size:15px;line-height:1.62}.transcript small{display:block;margin-top:10px;color:#ff9b8c}
.msl-intro{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:#06131f;transition:opacity .45s ease}.msl-intro.finishing{opacity:0;pointer-events:none}.msl-intro-card{width:min(530px,calc(100vmin - 44px));aspect-ratio:1;position:relative;overflow:hidden;border:5px solid white;border-radius:23px;background:#101a29;box-shadow:0 20px 60px rgba(0,0,0,.48)}.msl-intro-video{width:100%;height:100%;display:block;object-fit:cover}.msl-intro-start{position:absolute;left:50%;bottom:8%;z-index:3;min-width:48%;padding:11px 18px;transform:translateX(-50%);border:3px solid white;border-radius:999px;color:white;background:rgba(0,96,218,.94);box-shadow:0 8px 25px rgba(0,0,0,.38);font-weight:900;cursor:pointer}.msl-intro.playing .msl-intro-start{opacity:0;pointer-events:none}.msl-intro-progress{position:absolute;left:0;right:0;bottom:0;z-index:4;height:7px;background:rgba(255,255,255,.24)}.msl-intro-progress-bar{width:0;height:100%;background:#0d93ed;box-shadow:0 0 10px white}.msl-intro.playing .msl-intro-progress-bar{animation:introProgress 8.7s linear forwards}@keyframes introProgress{to{width:100%}}
.start-screen{position:fixed;inset:0;z-index:50;display:flex;align-items:center;padding:clamp(25px,6vw,90px);background:linear-gradient(90deg,rgba(3,15,23,.94),rgba(3,15,23,.58)),url('../prenatal-uterus.webp') 70% center/cover no-repeat}.start-card{max-width:760px}.start-symbol{width:94px;height:94px;display:grid;place-items:center;border-radius:30px;color:#071b22;background:var(--accent);box-shadow:0 0 0 12px rgba(var(--accent-rgb),.07),0 25px 55px rgba(var(--accent-rgb),.18)}.start-card>p{margin:26px 0 9px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.18em}.start-card h2{margin:0;font-size:clamp(42px,6.4vw,86px);line-height:.94;letter-spacing:-.055em}.start-note{margin-top:22px;display:block;color:#b4c9d1;font-size:14px}.start-card>button{margin-top:28px;padding:15px 18px 15px 22px;display:flex;align-items:center;gap:25px;border:0;border-radius:17px;color:#061923;background:var(--accent);box-shadow:0 16px 36px rgba(var(--accent-rgb),.22);font-weight:900;cursor:pointer}.start-card>button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2}.start-card>small{margin-top:12px;display:block;color:#89a4b0}
.hero-board{background:radial-gradient(circle at 81% 24%,rgba(255,178,155,.16),transparent 26%),linear-gradient(150deg,#0b3343,#071923)}.hero-board>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:5;stroke-dasharray:13 11;marker-end:url(#heroArrow);animation:dash 4s linear infinite}.hero-board svg marker path,.hormone-board svg marker path,.sperm-board svg marker path,.conception-board svg marker path{fill:var(--accent)}@keyframes dash{to{stroke-dashoffset:-120}}.hero-person{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;color:#bcd0d8;font-size:14px;font-weight:800}.hero-person span{display:block;position:relative;border-radius:46% 46% 24% 24%;background:linear-gradient(145deg,#9ce8e1,#2d7e89);box-shadow:0 18px 28px rgba(0,0,0,.28)}.hero-person span::before{content:"";position:absolute;left:50%;top:-24%;width:45%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#d7a889}.hero-person b{margin-top:10px}.hero-person.child{left:8%;bottom:14%}.hero-person.child span{width:55px;height:125px}.hero-person.teen{left:39%;top:27%}.hero-person.teen span{width:68px;height:175px}.hero-person.adult{right:13%;top:7%}.hero-person.adult span{width:78px;height:210px}.hero-cell{position:absolute;right:7%;bottom:8%;z-index:4;width:190px;height:112px;padding-left:98px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(5,25,36,.84);font-size:14px;line-height:1.4}.hero-cell i{position:absolute;width:64px;height:64px;left:18px;top:23px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe9a4,#d78c55 58%,#7d3d39);box-shadow:0 0 20px rgba(255,193,102,.25);animation:cellDivide 5s ease-in-out infinite}.hero-cell i:nth-child(2){opacity:0;transform:translateX(28px) scale(.7);animation-delay:2.5s}@keyframes cellDivide{0%,20%{transform:translateX(0) scale(1);opacity:1}55%,75%{transform:translateX(-15px) scale(.78)}100%{transform:translateX(0) scale(1);opacity:1}}.hero-note{position:absolute;left:4%;top:5%;z-index:4;padding:9px 12px;border-left:3px solid var(--accent);color:#c5d7dd;background:rgba(5,24,35,.68);font-size:14px;font-weight:750}
.timing-board{padding:42px 46px}.timing-board header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:#8da9b5;font-size:14px}.timing-board header i{height:3px;position:relative;border-radius:3px;background:linear-gradient(90deg,var(--accent),#c19df3);font-style:normal;text-align:center;line-height:0}.timing-row{height:100px;margin-top:12px;display:grid;grid-template-columns:130px 1fr;align-items:center;gap:15px}.timing-row>b{color:#b8ccd4;font-size:14px}.timing-row>div{height:38px;position:relative;border-radius:999px;background:rgba(255,255,255,.06)}.timing-row>div::before{content:"";position:absolute;left:calc(5% + var(--row)*20%);right:calc(39% - var(--row)*10%);inset-block:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#aa8ce6);animation:timingGlow 4.8s ease-in-out infinite}.timing-row span{position:absolute;z-index:2;top:50%;transform:translateY(-50%);font-size:13px;font-weight:800}.timing-row span:first-child{left:calc(8% + var(--row)*20%)}.timing-row span:last-child{right:8%}.timing-board p,.cycle-board>p,.feelings-board>p,.cleavage-board>p,.timeline-board>p,.birth-board>p{position:absolute;left:50%;bottom:18px;z-index:4;transform:translateX(-50%);width:max-content;max-width:86%;padding:8px 12px;border-radius:999px;color:#06202a;background:var(--accent);font-size:13px;font-weight:900}@keyframes timingGlow{50%{filter:brightness(1.3);box-shadow:0 0 22px rgba(var(--accent-rgb),.35)}}
.hormone-board .signal-node{position:absolute;z-index:4;width:180px;padding:15px;border:1px solid rgba(255,255,255,.16);border-radius:19px;background:rgba(5,26,38,.9);box-shadow:0 18px 35px rgba(0,0,0,.25)}.signal-node span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#071b23;background:var(--accent);font-size:14px;font-weight:950}.signal-node b,.signal-node small{display:block}.signal-node b{margin-top:9px;font-size:12px}.signal-node small{margin-top:4px;color:#91acb8;font-size:13px}.signal-node.brain{left:5%;top:11%}.signal-node.pituitary{left:39%;top:35%}.signal-node.ovaries{right:5%;top:10%}.signal-node.testes{right:5%;bottom:11%}.hormone-board>svg,.sperm-board>svg{position:absolute;inset:0;z-index:2;width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:4;stroke-dasharray:10 9;marker-end:url(#signalArrow);animation:dash 3s linear infinite}.blood-vessel{position:absolute;left:39%;bottom:9%;width:180px;height:44px;display:flex;align-items:center;justify-content:space-around;border-radius:999px;background:linear-gradient(90deg,#194f6b,#9a4356);overflow:hidden}.blood-vessel i{width:11px;height:11px;border-radius:50%;background:#ffe891;animation:bloodFlow 2.8s linear infinite}.blood-vessel i:nth-child(2){animation-delay:.5s}.blood-vessel i:nth-child(3){animation-delay:1s}.blood-vessel i:nth-child(4){animation-delay:1.5s}.blood-vessel i:nth-child(5){animation-delay:2s}@keyframes bloodFlow{from{transform:translateX(-100px)}to{transform:translateX(100px)}}.receptor-key{position:absolute;left:5%;bottom:9%;z-index:4;width:260px;padding:10px 12px;display:flex;align-items:center;gap:9px;border-radius:14px;color:#a8c0c9;background:rgba(5,25,36,.8);font-size:13px}.receptor-key i{width:18px;height:18px;border:4px solid var(--accent);border-top-color:transparent;border-radius:50%}
.changes-board{padding:32px;display:grid;grid-template-columns:205px 1fr;gap:18px;align-items:center}.growth-figure{height:430px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.figure-head{width:58px;height:58px;border-radius:50%;background:#d9a98d}.figure-body{width:92px;height:245px;margin-top:8px;border-radius:44% 44% 25% 25%;background:linear-gradient(145deg,var(--accent),#31677c);box-shadow:0 25px 35px rgba(0,0,0,.25);animation:growthPulse 4.5s ease-in-out infinite}.changes-female .figure-body{border-radius:48% 48% 38% 38%}.changes-male .figure-body{border-radius:40% 40% 24% 24%}.measure-line{position:absolute;right:4px;top:44px;bottom:68px;width:3px;background:repeating-linear-gradient(#91c9d9 0 3px,transparent 3px 12px)}.measure-line::before,.measure-line::after{content:"";position:absolute;right:-6px;width:15px;height:3px;background:#91c9d9}.measure-line::before{top:0}.measure-line::after{bottom:0}.growth-figure>b{margin-top:13px;color:#afc7d0;font-size:14px}@keyframes growthPulse{50%{transform:scaleY(1.04);filter:brightness(1.08)}}.changes-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.changes-grid>div{min-height:150px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.035);text-align:center;animation:cardFocus 5s ease-in-out var(--delay) infinite}.changes-grid strong{color:var(--accent);font-size:30px}.changes-grid b{margin-top:8px;font-size:14px}.changes-grid span{margin-top:5px;color:#91acb8;font-size:13px}@keyframes cardFocus{0%,18%{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 0 20px rgba(var(--accent-rgb),.16)}28%,100%{transform:none;border-color:rgba(255,255,255,.12);box-shadow:none}}.variation-note{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);color:#8ea9b5;font-size:13px;white-space:nowrap}
.feelings-board{overflow:visible}.brain-map{position:absolute;left:8%;top:13%;width:330px;height:330px}.brain-half{position:absolute;top:30px;width:164px;height:245px;background:radial-gradient(circle at 50% 45%,#d894a8,#6c507a 70%);box-shadow:0 25px 45px rgba(0,0,0,.3)}.brain-half.left{left:5px;border-radius:55% 42% 38% 58%;transform:rotate(-8deg)}.brain-half.right{right:5px;border-radius:42% 55% 58% 38%;transform:rotate(8deg)}.brain-map>i{--a:calc(var(--n)*30deg);position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#fff1a4;box-shadow:0 0 12px #ffdd7a;transform:rotate(var(--a)) translateX(110px);animation:synapse 3s ease-in-out calc(var(--n)*-.18s) infinite}@keyframes synapse{50%{opacity:.25;transform:rotate(var(--a)) translateX(90px) scale(.6)}}.brain-map>b{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);text-align:center;font-size:12px;line-height:1.4}.feeling-orbit>div{position:absolute;z-index:4;width:190px;padding:13px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(5,25,37,.88)}.feeling-orbit>div:nth-child(1){right:6%;top:9%}.feeling-orbit>div:nth-child(2){right:4%;top:37%}.feeling-orbit>div:nth-child(3){right:7%;bottom:19%}.feeling-orbit>div:nth-child(4){left:38%;bottom:8%}.feeling-orbit b,.feeling-orbit span{display:block}.feeling-orbit b{color:var(--accent);font-size:14px}.feeling-orbit span{margin-top:4px;color:#9eb7c1;font-size:13px}
.hygiene-board>img{filter:saturate(.9) brightness(.86)}.hygiene-label{position:absolute;z-index:4;width:190px;padding:11px 12px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(4,19,30,.84)}.hygiene-label b,.hygiene-label span{display:block}.hygiene-label b{font-size:14px}.hygiene-label span{margin-top:4px;color:#9bb5c0;font-size:12px;line-height:1.45}.hygiene-label.sweat{left:3%;top:18%}.hygiene-label.sebum{right:3%;top:20%}.hygiene-strip{position:absolute;left:3%;right:3%;bottom:4%;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.hygiene-strip span{padding:10px;display:flex;align-items:center;gap:8px;border-radius:13px;color:#dcebf0;background:rgba(4,19,29,.87);font-size:13px;font-weight:800}.hygiene-strip i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#061a23;background:var(--accent);font-style:normal}
.cycle-board{padding:26px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.cycle-ring{width:380px;height:380px;margin-left:20px;position:relative;border:32px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}.cycle-ring::before{content:"";position:absolute;inset:-32px;border-radius:50%;background:conic-gradient(#ef7288 0 17%,#f2bf68 17% 48%,#78dcb4 48% 57%,#987ee0 57% 100%);mask:radial-gradient(transparent 55%,#000 56%)}.cycle-phase{position:absolute;z-index:3;width:112px;text-align:center;font-size:13px;font-weight:800}.cycle-phase i{width:25px;height:25px;margin:auto;display:grid;place-items:center;border-radius:50%;color:#071a23;background:white;font-style:normal}.cycle-phase span{margin-top:4px;display:block}.cycle-phase.p1{left:-15px;top:43%}.cycle-phase.p2{left:34%;top:-15px}.cycle-phase.p3{right:-22px;top:40%}.cycle-phase.p4{left:29%;bottom:-20px}.cycle-center{position:absolute;inset:76px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,#174252,#071b27 72%);text-align:center}.cycle-center b{font-size:23px}.cycle-center span{margin-top:5px;color:#a2bbc5;font-size:13px}.cycle-pointer{position:absolute;left:50%;top:50%;width:4px;height:145px;transform-origin:50% 0;background:linear-gradient(var(--accent),transparent);animation:cycleRotate 11s linear infinite}@keyframes cycleRotate{to{transform:rotate(360deg)}}.uterus-mini{height:330px;position:relative;border-radius:28px;background:rgba(255,255,255,.035)}.mini-wall{position:absolute;left:50%;top:30px;width:210px;height:240px;transform:translateX(-50%);border:30px solid #d86972;border-radius:48% 48% 36% 36%}.mini-lining{position:absolute;left:50%;top:63px;width:135px;height:165px;transform:translateX(-50%);border:13px solid #ffb1ac;border-radius:48% 48% 36% 36%;animation:liningCycle 11s ease-in-out infinite}@keyframes liningCycle{0%,15%{border-width:3px;opacity:.5}45%,80%{border-width:18px;opacity:1}100%{border-width:3px;opacity:.5}}.mini-egg{position:absolute;right:33px;top:75px;width:18px;height:18px;border-radius:50%;background:#ffe394;box-shadow:0 0 15px #ffe394;animation:eggTravel 11s ease-in-out infinite}@keyframes eggTravel{0%,40%{transform:translate(0,0);opacity:.3}55%{transform:translate(-70px,20px);opacity:1}85%{transform:translate(-110px,95px);opacity:.4}100%{opacity:0}}.uterus-mini>b{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);font-size:13px;white-space:nowrap}
.sperm-board{padding:30px}.testis-cut{position:absolute;left:6%;top:16%;width:220px;height:320px}.testis-body{position:absolute;left:30px;top:30px;width:140px;height:220px;border-radius:50%;background:repeating-radial-gradient(ellipse at 40% 50%,#dfc0a3 0 7px,#a87864 8px 10px);box-shadow:0 25px 40px rgba(0,0,0,.3)}.epididymis{position:absolute;left:145px;top:45px;width:45px;height:205px;border:13px solid #d99472;border-left:0;border-radius:0 50% 50% 0}.testis-cut b,.testis-cut small{position:absolute;left:25px;bottom:38px;display:block}.testis-cut small{bottom:20px;color:#9db5bf;font-size:13px}.zoom-tube{position:absolute;left:38%;top:14%;width:230px;height:260px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(255,255,255,.035)}.zoom-tube>div{height:160px;display:grid;grid-template-columns:repeat(6,1fr);place-items:center}.zoom-tube i{width:18px;height:18px;border-radius:50%;background:#e4a482;animation:germPulse 3s ease-in-out calc(var(--n)*-.12s) infinite}@keyframes germPulse{50%{transform:scale(.6);background:#ffe48e}}.zoom-tube b,.zoom-tube span{display:block;text-align:center}.zoom-tube b{font-size:14px}.zoom-tube span{margin-top:4px;color:#95afba;font-size:13px}.mature-sperm{position:absolute;right:4%;top:21%;width:230px;height:200px}.mature-sperm>i{position:absolute;left:30px;top:55px;width:58px;height:76px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff7bd,#b2dce6 60%,#5f91a0)}.mature-sperm>span{position:absolute;left:78px;top:92px;width:125px;height:60px;border-top:6px solid #bfe8ef;border-radius:50%;animation:tailWave 1.4s ease-in-out infinite alternate}@keyframes tailWave{to{transform:skewY(14deg)}}.mature-sperm b,.mature-sperm small{position:absolute;left:25px;bottom:8px}.mature-sperm small{bottom:-11px;color:#93adb8;font-size:13px}.sperm-path{position:absolute;left:50%;bottom:26px;z-index:4;transform:translateX(-50%);padding:9px 13px;border-radius:999px;color:#06202a;background:var(--accent);font-size:13px;font-weight:900;white-space:nowrap}
.anatomy-board>img{object-position:center}.anatomy-label,.prenatal-label{position:absolute;z-index:5;min-width:120px;padding:8px 10px;border:1px solid rgba(255,255,255,.28);border-radius:11px;color:white;background:rgba(3,17,27,.82);backdrop-filter:blur(10px);font-size:13px;font-weight:900;box-shadow:0 10px 22px rgba(0,0,0,.24)}.anatomy-label i,.prenatal-label i{position:absolute;top:50%;height:1px;background:linear-gradient(90deg,white,transparent)}.female-anatomy .tube{left:2%;top:8%}.female-anatomy .tube i{left:100%;width:180px;transform:rotate(12deg)}.female-anatomy .ovary{left:2%;top:35%}.female-anatomy .ovary i{left:100%;width:175px;transform:rotate(-7deg)}.female-anatomy .uterus{right:2%;top:25%}.female-anatomy .uterus i{right:100%;width:225px;transform:rotate(174deg)}.female-anatomy .cervix{right:2%;bottom:26%}.female-anatomy .cervix i{right:100%;width:190px;transform:rotate(187deg)}.female-anatomy .vagina{right:5%;bottom:7%}.female-anatomy .vagina i{right:100%;width:150px;transform:rotate(190deg)}.orientation-label{position:absolute;left:2%;bottom:5%;z-index:5;padding:8px 10px;border-radius:11px;color:#7894a1;background:rgba(3,17,27,.72);font-size:12px}.orientation-label span{margin-right:10px}.orientation-label small{display:block;margin-top:3px}.male-anatomy>img{object-position:center}.male-anatomy .anatomy-label{right:3%}.male-anatomy .anatomy-label i{right:100%;transform:rotate(180deg)}.male-anatomy .bladder{top:5%}.male-anatomy .bladder i{width:230px}.male-anatomy .vesicle{top:19%}.male-anatomy .vesicle i{width:310px}.male-anatomy .prostate{top:33%}.male-anatomy .prostate i{width:265px}.male-anatomy .duct{top:47%}.male-anatomy .duct i{width:325px}.male-anatomy .urethra{top:61%}.male-anatomy .urethra i{width:250px}.male-anatomy .epididymis{bottom:16%}.male-anatomy .epididymis i{width:335px}.male-anatomy .testis{bottom:3%}.male-anatomy .testis i{width:315px}
.gametes-board{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;padding:50px}.egg-model,.sperm-model{height:340px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.egg-shell{position:absolute;top:10px;width:245px;height:245px;border:16px solid rgba(249,219,152,.42);border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe6b1,#c56f68 58%,#733e5b)}.egg-core{position:absolute;top:84px;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,#fff2a8,#d4867a);box-shadow:0 0 24px #ffcb84}.egg-model b,.sperm-model b{font-size:13px}.egg-model small,.sperm-model small{margin-top:6px;color:#93adb8;font-size:13px;line-height:1.5;text-align:center}.plus{color:var(--accent);font-size:36px;font-weight:300;text-align:center}.sperm-model>i{position:absolute;top:60px;width:70px;height:90px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff8ba,#a9d2dd 60%,#4f8192)}.sperm-model>span{position:absolute;top:143px;width:180px;height:120px;border-top:7px solid #a9dce4;border-radius:50%;animation:tailWave 1.4s ease-in-out infinite alternate}.chromosome-card{position:absolute;left:50%;top:18px;z-index:4;transform:translateX(-50%);padding:8px 14px;display:flex;align-items:center;gap:8px;border-radius:14px;background:rgba(3,17,27,.8)}.chromosome-card span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#06202a;background:var(--accent);font-weight:950}.chromosome-card b{font-size:13px}.chromosome-card small{color:#8ea8b3;font-size:12px}.gametes-board>p{position:absolute;right:16px;bottom:10px;color:#708e9b;font-size:12px}
.conception-board>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.uterus-shape{fill:rgba(203,92,107,.22);stroke:#d36d79;stroke-width:24}.tube-shape{fill:none;stroke:#d88988;stroke-width:22;stroke-linecap:round}.egg-route{fill:#ffe29a;stroke:#fff2bf;stroke-width:4;filter:drop-shadow(0 0 12px #ffd77a)}.sperm-route{fill:none;stroke:var(--accent);stroke-width:5;stroke-dasharray:12 10;marker-end:url(#routeArrow);animation:dash 2.6s linear infinite}.route-sperm{transform-origin:450px 490px;animation:spermClimb 5.5s ease-in-out calc(var(--n)*-.33s) infinite}.route-sperm circle{fill:#d9fbff}.route-sperm path{fill:none;stroke:#d9fbff;stroke-width:2}@keyframes spermClimb{0%{transform:translate(0,0);opacity:0}20%{opacity:1}75%{transform:translate(calc((var(--n) - 4)*12px),-250px)}100%{transform:translate(-280px,-270px);opacity:0}}.route-label{position:absolute;z-index:4;padding:7px 9px;border-radius:10px;color:#dff3f6;background:rgba(3,17,27,.82);font-size:13px;font-weight:850}.route-label.vagina{left:46%;bottom:4%}.route-label.uterus{left:47%;top:47%}.route-label.tube{right:10%;top:32%}.route-label.egg{left:10%;top:36%}.route-note{position:absolute;right:3%;bottom:5%;z-index:4;padding:8px 10px;border-left:2px solid var(--accent);color:#a8c0ca;background:rgba(3,17,27,.7);font-size:13px}
.fertilization-board{background:radial-gradient(circle at 50% 47%,rgba(255,199,118,.22),transparent 36%),linear-gradient(145deg,#0b2d3c,#081823)}.fert-egg{position:absolute;left:50%;top:45%;width:330px;height:330px;transform:translate(-50%,-50%);border:25px solid rgba(255,222,164,.35);border-radius:50%;background:radial-gradient(circle at 40% 35%,#f3b98f,#b9646d 60%,#6a405a)}.fert-shell{position:absolute;inset:-11px;border:7px solid #ffe2a4;border-radius:50%;animation:shellLock 6s ease-in-out infinite}@keyframes shellLock{0%,35%{filter:none}52%,100%{filter:drop-shadow(0 0 14px #ffe17c);border-width:13px}}.fert-nucleus{position:absolute;width:78px;height:78px;display:grid;place-items:center;border-radius:50%;color:#2b1b2b;font-size:14px;font-weight:950}.fert-nucleus.maternal{left:75px;top:105px;background:#f4c0d7}.fert-nucleus.paternal{right:50px;top:105px;background:#abdff0;animation:nucleusMerge 6s ease-in-out infinite}@keyframes nucleusMerge{0%,40%{transform:translate(0,0)}75%,100%{transform:translate(-74px,0)}}.fert-sperm{position:absolute;left:10%;top:42%;width:260px;height:90px;animation:spermEnter 6s ease-in-out infinite}.fert-sperm i{position:absolute;right:25px;width:55px;height:70px;border-radius:50%;background:#d8f4f5}.fert-sperm span{position:absolute;right:72px;top:34px;width:150px;height:50px;border-top:5px solid #bcebf0;border-radius:50%}@keyframes spermEnter{0%,15%{transform:translateX(-30px);opacity:0}40%{transform:translateX(70px);opacity:1}55%,100%{transform:translateX(95px);opacity:0}}.fert-stages{position:absolute;left:50%;bottom:18px;z-index:4;transform:translateX(-50%);display:flex;gap:7px}.fert-stages span{padding:8px 10px;border-radius:11px;color:#c9dbe1;background:rgba(3,17,27,.8);font-size:13px;font-weight:800}.fert-stages b{width:20px;height:20px;margin-right:5px;display:inline-grid;place-items:center;border-radius:7px;color:#061b24;background:var(--accent)}.fert-note{position:absolute;right:3%;top:5%;z-index:4;width:200px;padding:9px 11px;border-left:2px solid #ffe18b;color:#a7c0ca;background:rgba(3,17,27,.72);font-size:13px}
.cleavage-track{position:absolute;left:4%;right:4%;top:18%;z-index:4;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:8px}.cleavage-stage{min-width:0;text-align:center}.cleavage-stage>div{width:125px;height:125px;margin:auto;padding:11px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border:8px solid rgba(255,224,167,.35);border-radius:50%;background:rgba(183,95,101,.55);animation:cleavageFocus 6s ease-in-out var(--delay) infinite}.cleavage-stage i{width:calc(70px / max(2,var(--count)));height:calc(70px / max(2,var(--count)));min-width:15px;min-height:15px;margin:2px;border-radius:50%;background:#ffd9a3;box-shadow:inset 0 0 0 2px rgba(119,59,73,.3)}.cleavage-stage b{margin-top:8px;display:block;font-size:13px}.cleavage-stage>span{position:absolute;margin: -80px 0 0 72px;color:var(--accent);font-size:21px}@keyframes cleavageFocus{0%,15%{transform:scale(1.08);filter:brightness(1.25)}25%,100%{transform:none;filter:none}}.cleavage-board>svg{position:absolute;inset:0;width:100%;height:100%}.tube-flow{fill:none;stroke:#aa6e76;stroke-width:38;stroke-linecap:round;opacity:.28}.cleavage-board>p{bottom:30px}
.implantation-board{background:linear-gradient(180deg,#0b2838 0 43%,#782f45 44% 54%,#a94f61 55% 100%)}.lining{position:absolute;left:0;right:0;bottom:0;height:52%;display:flex;justify-content:space-around;align-items:flex-start;padding-top:30px;background:repeating-linear-gradient(100deg,rgba(255,174,167,.45) 0 15px,rgba(117,43,70,.25) 15px 28px)}.lining>span{width:13px;height:115px;border-radius:10px;background:#f6a19e;box-shadow:0 0 15px rgba(255,184,171,.2)}.lining>b{position:absolute;right:20px;bottom:18px;font-size:13px}.blastocyst{position:absolute;left:42%;top:8%;width:210px;height:210px;border:15px solid rgba(255,229,169,.56);border-radius:50%;background:rgba(197,97,106,.8);animation:implant 7s ease-in-out infinite}.blastocyst i{--a:calc(var(--n)*20deg);position:absolute;left:50%;top:50%;width:26px;height:26px;border-radius:50%;background:#ffd9a4;transform:rotate(var(--a)) translateX(70px)}.blastocyst b{position:absolute;left:50%;bottom:-31px;transform:translateX(-50%);font-size:13px}@keyframes implant{0%,20%{transform:translateY(-30px)}60%,100%{transform:translateY(120px);box-shadow:0 0 35px #ffc29b}}.implant-arrow{position:absolute;left:25%;top:20%;color:var(--accent);font-size:40px;text-align:center;animation:downArrow 2s ease-in-out infinite}.implant-arrow span{display:block;font-size:13px}@keyframes downArrow{50%{transform:translateY(10px)}}.implant-key{position:absolute;right:3%;top:5%;z-index:4;padding:10px 12px;border-radius:14px;background:rgba(3,17,27,.76)}.implant-key span{display:block;color:#bed0d7;font-size:13px}.implant-key span+span{margin-top:6px}.implant-key i,.implant-key b{width:10px;height:10px;margin-right:6px;display:inline-block;border-radius:50%;background:#ffd8a4}.implant-key b{background:#b7dcf0}
.embryo-board{padding:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:center}.embryo-stage{height:390px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:1px solid rgba(255,255,255,.12);border-radius:25px;background:rgba(255,255,255,.035);animation:stageFocus 7.5s ease-in-out infinite}.embryo-stage.e2{animation-delay:2.5s}.embryo-stage.e3{animation-delay:5s}@keyframes stageFocus{0%,22%{border-color:var(--accent);transform:translateY(-7px);box-shadow:0 0 25px rgba(var(--accent-rgb),.15)}32%,100%{transform:none;border-color:rgba(255,255,255,.12)}}.embryo-stage>div{width:170px;height:240px;position:relative;transform:rotate(-18deg)}.embryo-head{position:absolute;left:40px;top:15px;width:105px;height:105px;border-radius:50%;background:#e99d85}.embryo-trunk{position:absolute;left:43px;top:95px;width:105px;height:135px;border-radius:40% 55% 55% 35%;background:linear-gradient(#e99d85,#c56f74)}.bud{position:absolute;width:55px;height:25px;border-radius:50%;background:#e99d85}.bud.arm{left:5px;top:120px}.bud.leg{right:0;top:185px}.e1 .bud{display:none}.e1 .embryo-head{width:78px;height:78px}.e1 .embryo-trunk{width:78px;height:110px;top:70px}.e2 .bud{transform:scale(.65)}.embryo-stage b{font-size:12px}.embryo-stage small{margin-top:5px;color:#93acb7;font-size:13px}.embryo-banner{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);padding:8px 12px;border-radius:999px;color:#071b23;background:var(--accent);font-size:13px;font-weight:900}
.timeline-board{padding:42px 32px}.month-track{height:390px;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;align-items:end}.month-track>div{min-height:300px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(rgba(var(--accent-rgb),.07),rgba(255,255,255,.025));animation:monthFocus 8s ease-in-out calc(var(--n)*1.5s) infinite}.fetus-icon{width:calc(65px + var(--n)*15px);height:calc(75px + var(--n)*32px);position:relative;display:block;border-radius:50% 45% 45% 55%;background:linear-gradient(145deg,#e9a086,#b45e6d);transform:rotate(-20deg)}.fetus-icon i{position:absolute;left:12%;top:5%;width:55%;aspect-ratio:1;border-radius:50%;background:#eda88c}.fetus-icon b{position:absolute;right:4%;bottom:16%;width:55%;height:18%;border-radius:50%;background:#e29583}.month-track strong{margin-top:16px;font-size:14px}.month-track small{margin-top:5px;color:#95aeb9;font-size:12px;line-height:1.4;text-align:center}@keyframes monthFocus{0%,15%{border-color:var(--accent);filter:brightness(1.18);transform:translateY(-6px)}24%,100%{transform:none;filter:none}}.growth-bar{position:absolute;left:8%;right:8%;bottom:65px;height:6px;border-radius:6px;background:linear-gradient(90deg,#6bbdd2,var(--accent),#ffd18a)}.growth-bar i{position:absolute;left:0;top:-5px;width:16px;height:16px;border-radius:50%;background:white;animation:growthTravel 8s ease-in-out infinite}@keyframes growthTravel{to{left:calc(100% - 16px)}}.growth-bar span{position:absolute;left:50%;top:11px;transform:translateX(-50%);color:#87a3af;font-size:12px}
.prenatal-board>img{object-position:center}.prenatal-board>svg{position:absolute;inset:0;z-index:3;width:100%;height:100%;fill:none;stroke-width:8;stroke-linecap:round;stroke-dasharray:22 14}.oxygen-flow{stroke:#74dff0;animation:dash 2.8s linear infinite}.waste-flow{stroke:#ff978b;animation:dash 2.8s linear infinite reverse}.prenatal-label.fetus{left:2%;top:19%}.prenatal-label.fetus i{left:100%;width:280px}.prenatal-label.fluid{left:2%;top:41%}.prenatal-label.fluid i{left:100%;width:255px;transform:rotate(8deg)}.prenatal-label.cord{left:2%;bottom:19%}.prenatal-label.cord i{left:100%;width:320px;transform:rotate(-15deg)}.prenatal-label.placenta{right:2%;top:14%}.prenatal-label.placenta i{right:100%;width:170px;transform:rotate(180deg)}.prenatal-label.cervix{right:2%;bottom:7%}.prenatal-label.cervix i{right:100%;width:250px;transform:rotate(187deg)}.exchange-key{position:absolute;right:2%;bottom:31%;z-index:5;padding:9px 11px;border-radius:12px;color:#b9ced6;background:rgba(3,17,27,.84);font-size:12px}.exchange-key span,.exchange-key small{display:block}.exchange-key span+span{margin-top:5px}.exchange-key i,.exchange-key b{width:18px;height:4px;margin-right:6px;display:inline-block;border-radius:4px;background:#74dff0}.exchange-key b{background:#ff978b}.exchange-key small{margin-top:6px;color:#7894a0}
.protection-board{padding:35px}.placenta-filter{height:165px;display:grid;grid-template-columns:1fr 65px 160px 65px 1fr;align-items:center;text-align:center;color:#9eb7c1;font-size:13px}.placenta-filter>i{height:5px;background:linear-gradient(90deg,#64cbe1,#ffd78a);animation:filterFlow 2.6s linear infinite}.placenta-filter>b{height:130px;display:grid;place-items:center;border:20px solid #b84f61;border-radius:50%;background:repeating-linear-gradient(90deg,#9c4057 0 6px,#d66d74 6px 12px);font-size:12px}@keyframes filterFlow{50%{filter:brightness(1.5);box-shadow:0 0 16px var(--accent)}}.protection-list{position:absolute;top:210px;bottom:85px;width:40%;display:grid;gap:8px}.protection-list.good{left:5%}.protection-list.risk{right:5%}.protection-list span{padding:10px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.035);font-size:13px}.protection-list b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#061a23;background:#70dda0}.protection-list.risk b{background:#ff8b7e}.filter-note{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);padding:9px 13px;border-radius:999px;color:#071a23;background:var(--accent);font-size:13px;font-weight:900;white-space:nowrap}
.birth-board{padding:42px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:center}.birth-stage{height:390px;position:relative;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.035);text-align:center;animation:birthFocus 6s ease-in-out var(--delay) infinite}.birth-stage>strong{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#071a23;background:var(--accent);font-size:14px}.birth-stage h3{margin:8px 0 0;font-size:14px}.birth-stage small{margin-top:4px;color:#91abb6;font-size:12px}.birth-stage em{position:absolute;right:-22px;top:44%;z-index:3;color:var(--accent);font-size:25px;font-style:normal}.birth-uterus{position:absolute;top:18px;width:165px;height:230px;border:20px solid #bd5e69;border-radius:48% 48% 37% 37%;background:rgba(219,121,118,.3)}.birth-fetus{position:absolute;left:36px;top:42px;width:80px;height:120px;border-radius:50% 46% 42% 55%;background:#e8a085;transform:rotate(18deg)}.birth-cervix{position:absolute;left:50%;bottom:-25px;width:56px;height:65px;transform:translateX(-50%);border:15px solid #bd5e69;border-top:0}.b2 .birth-fetus{animation:birthMove 6s ease-in-out 1.8s infinite}.b3 .birth-fetus{opacity:.15}.b3 .birth-uterus::after{content:"Plazenta";position:absolute;right:3px;top:48px;width:55px;height:85px;display:grid;place-items:center;border-radius:50%;color:#ffe0d3;background:#8e4058;font-size:12px}@keyframes birthMove{0%,20%{transform:translateY(0) rotate(18deg)}62%,100%{transform:translateY(105px) rotate(5deg)}}@keyframes birthFocus{0%,20%{border-color:var(--accent);transform:translateY(-6px)}30%,100%{border-color:rgba(255,255,255,.12);transform:none}}.birth-board>p{bottom:15px}
.condom-board{padding:34px}.condom-model{position:absolute;left:7%;top:8%;width:260px;height:430px}.condom-shell{position:absolute;left:68px;top:40px;width:125px;height:315px;border:11px solid rgba(184,236,239,.82);border-top-width:17px;border-radius:55px 55px 30px 30px;background:linear-gradient(90deg,rgba(194,242,242,.06),rgba(194,242,242,.22),rgba(194,242,242,.06))}.condom-reservoir{position:absolute;left:105px;top:10px;width:50px;height:58px;border:10px solid rgba(184,236,239,.82);border-bottom:0;border-radius:50% 50% 0 0}.condom-model>i{--a:calc(var(--n)*40deg);position:absolute;left:130px;top:270px;width:8px;height:8px;border-radius:50%;background:#f6e2a5;transform:rotate(var(--a)) translateX(38px);animation:condomContain 3s ease-in-out calc(var(--n)*-.16s) infinite}@keyframes condomContain{50%{transform:rotate(var(--a)) translateX(25px)}}.condom-model>b{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);font-size:13px}.barrier-wall{position:absolute;left:40%;top:15%;bottom:15%;width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:5px solid var(--accent);border-right:5px solid var(--accent);background:repeating-linear-gradient(45deg,rgba(var(--accent-rgb),.16) 0 9px,transparent 9px 18px)}.barrier-wall span{transform:rotate(-90deg);font-size:13px}.barrier-wall i{margin-top:55px;padding:6px;border-radius:8px;color:#061a23;background:var(--accent);font-size:13px;font-style:normal;font-weight:950}.condom-benefits{position:absolute;right:4%;top:12%;bottom:18%;width:43%;display:grid;gap:10px}.condom-benefits span{padding:16px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.13);border-radius:17px;color:#bfd1d8;background:rgba(255,255,255,.035);font-size:13px;font-weight:800;animation:cardFocus 5s ease-in-out infinite}.condom-benefits span:nth-child(2){animation-delay:1.6s}.condom-benefits span:nth-child(3){animation-delay:3.2s}.condom-benefits b{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#061a23;background:var(--accent)}.single-use{position:absolute;right:6%;bottom:5%;color:#87a2ad;font-size:12px}
.pill-board{padding:32px;display:grid;grid-template-columns:310px 1fr;gap:25px;align-items:center}.pill-pack{height:420px;padding:30px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(145deg,#e6dff1,#9986b6);box-shadow:0 25px 45px rgba(0,0,0,.32)}.pill-pack i{display:grid;place-items:center;border:5px solid rgba(255,255,255,.65);border-radius:50%;color:#5b4e70;background:radial-gradient(circle,#fff,#cbbce2);font-size:13px;font-style:normal;box-shadow:inset 0 0 0 1px rgba(66,42,84,.28)}.pill-pack b{position:absolute;left:18px;top:10px;color:#4b3e62;font-size:14px}.pill-pack span{position:absolute;right:18px;bottom:12px;color:#4b3e62;font-size:13px;font-weight:800}.pill-effects{display:grid;gap:10px}.pill-effects>div{min-height:105px;padding:15px;display:grid;grid-template-columns:36px 1fr;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.035);animation:cardFocus 6s ease-in-out infinite}.pill-effects>div:nth-child(2){animation-delay:2s}.pill-effects>div:nth-child(3){animation-delay:4s}.pill-effects i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#061a23;background:var(--accent);font-size:13px;font-style:normal;font-weight:950}.pill-effects b{font-size:14px}.pill-effects span{grid-column:2;margin-top:-18px;color:#93adb8;font-size:13px}.pill-warning{position:absolute;left:37%;right:3%;bottom:14px;display:flex;gap:6px;justify-content:flex-end}.pill-warning span,.pill-warning strong{padding:6px 8px;border-radius:999px;color:#a9c0ca;background:rgba(3,17,27,.8);font-size:12px}.pill-warning strong{color:#2e1515;background:#ff9b8d}
@media(max-width:1050px){.slide{grid-template-columns:1fr;align-items:start;overflow:auto}.content-column{max-width:920px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.content-column h1{grid-column:1/-1}.eyebrow{grid-column:1/-1}.memory-card{grid-column:1}.fact-row{grid-column:2}.visual-board,.image-board{max-width:790px}.slide{padding-top:28px}.controls{bottom:10px}}
@media(max-width:700px){.topbar{grid-template-columns:1fr auto;height:64px;padding:0 12px}.path-title{display:none}.brand strong{font-size:14px}.page-count span{font-size:18px}.slide{padding:20px 10px 100px;gap:18px}.content-column{display:block}.content-column h1{font-size:31px}.memory-card{margin-top:15px}.fact-row{margin-top:12px}.visual-board,.image-board{aspect-ratio:1.5;border-radius:22px}.controls{height:59px;width:calc(100% - 12px);padding:5px}.icon-button{width:42px;height:42px}.text-control,.voice-control{display:none}.speed-control{height:42px;width:45px}.secondary-controls{gap:1px}.start-screen{padding:24px}.start-card h2{font-size:42px}.start-note{font-size:14px}.timing-board,.changes-board,.embryo-board,.timeline-board,.birth-board,.protection-board,.condom-board,.pill-board{padding:12px}.changes-board{grid-template-columns:95px 1fr}.growth-figure{height:240px}.figure-head{width:35px;height:35px}.figure-body{width:50px;height:135px}.changes-grid{gap:4px}.changes-grid>div{min-height:80px;padding:6px}.changes-grid strong{font-size:18px}.changes-grid b{font-size:13px}.changes-grid span{font-size:12px}.cycle-ring{width:210px;height:210px;border-width:18px}.cycle-ring::before{inset:-18px}.cycle-center{inset:42px}.cycle-phase{width:70px;font-size:12px}.cycle-phase i{width:17px;height:17px}.cycle-pointer{height:78px}.uterus-mini{height:190px}.mini-wall{width:120px;height:135px;border-width:17px}.mini-lining{width:75px;height:90px;top:51px}.anatomy-label,.prenatal-label{min-width:74px;padding:4px 5px;font-size:12px}.male-anatomy .anatomy-label i{max-width:155px}.female-anatomy .anatomy-label i,.prenatal-label i{max-width:130px}.hormone-board .signal-node{width:112px;padding:8px}.signal-node b{font-size:13px}.signal-node small{font-size:12px}.receptor-key{display:none}.birth-stage{height:210px;padding:6px}.birth-uterus{width:85px;height:120px;border-width:10px}.birth-fetus{left:18px;top:22px;width:42px;height:65px}.birth-stage h3{font-size:12px}.birth-stage small{font-size:12px}.pill-board{grid-template-columns:150px 1fr}.pill-pack{height:220px;padding:18px 12px;gap:4px}.pill-effects>div{min-height:55px;padding:6px}.pill-warning{display:none}.month-track{height:210px}.month-track>div{min-height:160px;padding:5px}.fetus-icon{transform:scale(.6) rotate(-20deg)}.month-track strong{font-size:12px}.month-track small{font-size:12px}.hero-cell{display:none}.hero-person span{transform:scale(.65)}.hero-person.child{left:5%}.hero-person.teen{left:35%}.hero-person.adult{right:8%}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.cleavage-stage i{width:22px;height:22px;min-width:0;min-height:0}
.content-column h1{font-size:clamp(32px,3.2vw,50px);hyphens:auto;overflow-wrap:anywhere}
@media(max-width:700px){.content-column h1{font-size:31px}}
.male-anatomy .epididymis-label{bottom:16%}.male-anatomy .epididymis-label i{width:335px}
.cleavage-stage.cells-12 i{width:18px;height:18px;margin:1px}.blastocyst-stage>div{position:relative}.blastocyst-stage i{position:absolute;left:50%;top:50%;width:15px;height:15px;margin:-7.5px;transform:rotate(calc(var(--cell)*22.5deg)) translateX(41px)}.blastocyst-stage>div::after{content:"";position:absolute;left:35px;bottom:25px;width:39px;height:30px;border-radius:50%;background:radial-gradient(circle at 25% 35%,#fff1c4 0 5px,#f6bd8d 6px 11px,#d9877f 12px);box-shadow:0 0 10px rgba(255,224,167,.55)}
.prenatal-label.cord{bottom:26%}.prenatal-label.cord i{transform-origin:left center;transform:rotate(-27deg)}

/* Verbindlicher Lehrtafelstandard: detailreiche Bilder, große externe Beschriftungen. */
.embryo-detail-board>img,.fetal-growth-detail-board>img,.birth-detail-board>img{object-position:center center;filter:saturate(.96) contrast(1.03)}
.embryo-detail-board::before,.fetal-growth-detail-board::before,.birth-detail-board::before,.placenta-detail-board::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(2,14,22,.08) 60%,rgba(2,14,22,.9) 100%)}
.detail-stage-grid{position:absolute;left:2.5%;right:2.5%;bottom:54px;z-index:6;display:grid;gap:12px}.detail-stage-grid.three{grid-template-columns:repeat(3,1fr)}.detail-stage-grid.five{grid-template-columns:repeat(5,1fr);gap:8px}
.detail-stage-label{min-height:70px;padding:11px 13px;display:flex;flex-direction:column;justify-content:center;border:2px solid rgba(255,255,255,.25);border-radius:15px;background:rgba(3,20,30,.86);backdrop-filter:blur(12px);box-shadow:0 12px 28px rgba(0,0,0,.3);animation:detailStageFocus 7s ease-in-out var(--delay) infinite}
.detail-stage-label strong{display:flex;align-items:center;gap:9px;color:white;font-size:16px}.detail-stage-label strong i{width:27px;height:27px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#08202a;background:var(--accent);font-size:15px;font-style:normal}.detail-stage-label span{margin-top:5px;color:#bfd1d8;font-size:13px;line-height:1.28}
@keyframes detailStageFocus{0%,18%{border-color:var(--accent);transform:translateY(-7px);box-shadow:0 0 30px rgba(var(--accent-rgb),.35)}28%,100%{transform:none;border-color:rgba(255,255,255,.25)}}
.detail-note{position:absolute;left:50%;bottom:10px;z-index:7;transform:translateX(-50%);width:max-content;max-width:92%;padding:8px 15px;border-radius:999px;color:#dceaf0;background:rgba(3,18,27,.92);font-size:14px;line-height:1.25;text-align:center}.detail-note b{color:var(--accent)}
.growth-direction{position:absolute;left:5%;right:5%;top:8%;z-index:4;height:5px;border-radius:5px;background:linear-gradient(90deg,rgba(255,255,255,.1),var(--accent));opacity:.75}.growth-direction i{position:absolute;top:-6px;width:17px;height:17px;border:3px solid white;border-radius:50%;background:var(--accent);animation:growthDetailTravel 7s ease-in-out infinite}@keyframes growthDetailTravel{from{left:0}to{left:calc(100% - 17px)}}
.fetal-growth-detail-board .detail-stage-label{min-height:76px;padding-inline:10px}.fetal-growth-detail-board .detail-stage-label strong{font-size:15px}.fetal-growth-detail-board .detail-stage-label span{font-size:12px}
.birth-detail-board .detail-stage-label{min-height:78px}.birth-progress{position:absolute;left:9%;right:9%;top:7%;z-index:5;height:4px;display:flex;justify-content:space-between;background:linear-gradient(90deg,var(--accent),#ffd991)}.birth-progress i{width:20px;height:20px;margin-top:-8px;border:4px solid white;border-radius:50%;background:var(--accent);animation:birthDetailPulse 6.3s ease-in-out infinite}.birth-progress i:nth-child(2){animation-delay:2.1s}.birth-progress i:nth-child(3){animation-delay:4.2s}@keyframes birthDetailPulse{0%,25%{transform:scale(1.45);box-shadow:0 0 20px var(--accent)}35%,100%{transform:none;box-shadow:none}}
.placenta-detail-board>img{filter:saturate(.92) brightness(.78) contrast(1.06)}
.placenta-callout{position:absolute;z-index:6;min-width:175px;padding:10px 12px;border:2px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(3,18,27,.9);backdrop-filter:blur(10px)}.placenta-callout strong,.placenta-callout span{display:block}.placenta-callout strong{color:white;font-size:15px}.placenta-callout span{margin-top:4px;color:#bdd0d8;font-size:13px}.placenta-callout.maternal{left:2%;top:3%}.placenta-callout.villi{left:38%;top:3%}.placenta-callout.fetal{right:2%;top:3%}.placenta-callout.cord{right:2%;bottom:27%}
.exchange-flow{position:absolute;z-index:6;bottom:17%;padding:10px 13px;border-radius:13px;color:white;background:rgba(3,18,27,.92);font-size:14px;font-weight:850;animation:exchangeDetailGlow 3.2s ease-in-out infinite}.exchange-flow b{margin-left:6px;color:var(--accent)}.exchange-flow.oxygen{left:2%;border-left:5px solid #75e4f2}.exchange-flow.waste{left:35%;border-left:5px solid #ff9a8f;animation-delay:1.6s}@keyframes exchangeDetailGlow{50%{transform:translateY(-5px);box-shadow:0 0 22px rgba(var(--accent-rgb),.35)}}
.separate-blood{position:absolute;left:2%;bottom:3%;z-index:6;width:39%;padding:9px 12px;border-radius:12px;color:#e7f3f5;background:rgba(3,18,27,.93);font-size:14px;line-height:1.3;font-weight:850}.barrier-warning{position:absolute;right:2%;bottom:3%;z-index:6;width:54%;padding:9px 12px;border-radius:12px;color:#f4e2db;background:rgba(62,25,34,.93);font-size:13px;line-height:1.3}.barrier-warning b{color:#ffb3a8}
@media(max-width:700px){.detail-stage-grid{bottom:44px;gap:4px}.detail-stage-label{min-height:58px;padding:6px}.detail-stage-label strong{font-size:13px}.detail-stage-label span{display:none}.detail-note{bottom:6px;font-size:12px}.placenta-callout{min-width:120px;padding:6px}.placenta-callout span{display:none}.placenta-callout strong{font-size:12px}.exchange-flow{bottom:17%;padding:6px;font-size:12px}.separate-blood,.barrier-warning{padding:5px;font-size:14px}.barrier-warning{width:52%}}

/* Lesbarkeitsstandard für alle Lehrtafeln: keine Folienbeschriftung unter 14 px. */
.brand strong,.path-title,.page-count,.fact-row>span,.voice-menu>p,.voice-menu>button b,.start-card>p,
.timing-row span,.timing-board p,.cycle-board>p,.feelings-board>p,.cleavage-board>p,.timeline-board>p,.birth-board>p,
.signal-node b,.signal-node small,.receptor-key,.changes-grid b,.changes-grid span,.variation-note,.brain-map>b,
.feeling-orbit span,.hygiene-label span,.hygiene-strip span,.cycle-phase,.cycle-center span,.uterus-mini>b,
.testis-cut small,.zoom-tube span,.mature-sperm small,.sperm-path,.anatomy-label,.prenatal-label,.orientation-label,
.egg-model b,.sperm-model b,.egg-model small,.sperm-model small,.chromosome-card b,.chromosome-card small,
.gametes-board>p,.route-label,.route-note,.fert-stages span,.fert-note,.cleavage-stage b,.lining>b,.blastocyst b,
.implant-arrow span,.implant-key span,.embryo-stage b,.embryo-stage small,.embryo-banner,.month-track strong,
.month-track small,.growth-bar span,.exchange-key,.placenta-filter,.placenta-filter>b,.protection-list span,.filter-note,
.birth-stage h3,.birth-stage small,.b3 .birth-uterus::after,.condom-model>b,.barrier-wall span,.barrier-wall i,
.single-use,.pill-pack i,.pill-pack span,.pill-effects i,.pill-effects span,.pill-warning span,.pill-warning strong,
.detail-stage-label span,.fetal-growth-detail-board .detail-stage-label span,.placenta-callout span,.barrier-warning,
.detail-stage-label strong,.detail-note,.placenta-callout strong,.exchange-flow{font-size:14px}
.condom-benefits span{font-size:16px}