:root{--wine:#660000;--wine2:#3a0000;--wine3:#8b1111;--yellow:#ffe500;--yellow-soft:#fff39a;--cream:#fffaf1;--ink:#2c1717;--muted:#7e6464;--line:rgba(102,0,0,.12);--panel:#fffdf8;--shadow:0 20px 60px rgba(64,0,0,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:#eee7dd;color:var(--ink)}button,input{font:inherit}button{color:inherit}.app-shell{width:min(1540px,96vw);height:min(940px,96vh);margin:2vh auto;display:grid;grid-template-columns:270px 1fr;background:var(--cream);border-radius:22px;overflow:hidden;box-shadow:0 25px 80px rgba(64,0,0,.18);border:1px solid rgba(102,0,0,.08)}
.sidebar{background:linear-gradient(180deg,#4d0000 0%,#660000 54%,#390000 100%);padding:24px 20px;display:flex;flex-direction:column;color:white;border-right:1px solid rgba(255,229,0,.15)}.brain-header-wrap{display:block;background:white;border-radius:10px;padding:8px;overflow:hidden}.brain-header{display:block;width:100%;height:auto}.journal-tag{margin:18px 2px 12px;color:var(--yellow);font-size:10px;letter-spacing:.16em;font-weight:800}.nav{display:grid;gap:6px}.nav-item{appearance:none;border:0;background:transparent;color:rgba(255,255,255,.67);display:grid;grid-template-columns:34px 1fr;gap:8px;text-align:left;align-items:center;padding:12px;border-radius:12px;cursor:pointer;transition:.18s}.nav-item span{font-size:10px;color:rgba(255,229,0,.45)}.nav-item b{font-size:12px;font-weight:650}.nav-item:hover,.nav-item.active{background:rgba(255,229,0,.09);color:white}.nav-item.active span{color:var(--yellow)}.sidebar-progress{margin-top:auto;padding:18px 4px}.sidebar-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.68)}.sidebar-progress b{color:var(--yellow)}.progress-track{margin-top:9px;height:3px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}.progress-track i{display:block;height:100%;width:20%;background:var(--yellow);transition:width .25s}.sidebar-footer{padding:16px 4px 0;border-top:1px solid rgba(255,255,255,.12)}.sidebar-footer span{display:block;font-size:9px;color:rgba(255,255,255,.45);margin-bottom:6px}.sidebar-footer a{font-size:10px;line-height:1.5;color:white;text-decoration:none}.sidebar-footer a:hover{color:var(--yellow)}
.content-area{min-width:0;position:relative;background:linear-gradient(180deg,#fffdf9,#fff9ef);overflow:hidden}.topbar{height:74px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,248,.94)}.topbar div{display:grid;gap:4px}.topbar b{font-size:10px;letter-spacing:.08em;color:var(--wine)}.topbar span{font-size:10px;color:var(--muted)}.motion-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-size:10px;cursor:pointer;color:var(--wine)}
.panel{display:none;height:calc(100% - 74px);overflow:auto;padding:38px 42px 46px}.panel.active{display:block;animation:panelIn .28s ease both}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kicker{font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--wine);margin-bottom:10px}.panel-head{display:flex;justify-content:space-between;gap:34px;align-items:flex-end;margin-bottom:26px}.panel-head h2,.hero-copy h1{font-family:"Playfair Display",serif;margin:0;color:var(--wine2)}.panel-head h2{font-size:42px}.panel-head>p{max-width:500px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}
#home{padding-top:30px}.hero-copy{max-width:690px;position:relative;z-index:2}.hero-copy h1{font-size:58px;line-height:1.02;letter-spacing:-.02em}.hero-copy h1 em{font-style:normal;color:var(--wine3)}.hero-copy>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:650px;margin:18px 0 22px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.primary-btn,.ghost-btn,.secondary-btn,.topic-jump{border-radius:12px;padding:12px 16px;font-weight:700;font-size:11px;text-decoration:none;cursor:pointer;transition:.18s}.primary-btn{border:1px solid var(--wine);background:var(--wine);color:white;box-shadow:0 8px 20px rgba(102,0,0,.18)}.primary-btn span{color:var(--yellow)}.primary-btn:hover{transform:translateY(-1px);background:#7a0000}.ghost-btn{border:1px solid var(--line);background:white;color:var(--wine)}.ghost-btn:hover{border-color:rgba(102,0,0,.3)}
.maternal-explorer{margin-top:30px;display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(320px,.85fr);min-height:470px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:white;box-shadow:var(--shadow);position:relative}.visual-label{position:absolute;z-index:4;left:18px;top:16px;color:var(--wine);font-size:9px;font-weight:800;letter-spacing:.16em;background:rgba(255,255,255,.88);padding:7px 9px;border-radius:999px;border:1px solid var(--line)}.maternal-scene{position:relative;overflow:hidden;background:radial-gradient(circle at 62% 48%,rgba(255,229,0,.24),transparent 18%),linear-gradient(145deg,#fff9dc 0%,#ffe89b 35%,#f2b36b 100%)}.maternal-scene:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(102,0,0,.08) 0 1px,transparent 1.5px);background-size:28px 28px;opacity:.5}.mother-svg{position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);height:108%;width:auto;filter:drop-shadow(0 25px 24px rgba(102,0,0,.14))}.mother-svg .head,.mother-svg .neck{fill:#f3b08d}.mother-svg .hair{fill:#3d1b17}.mother-svg .body{fill:url(#bodyFill)}.mother-svg .belly{fill:#7b1010;stroke:rgba(255,255,255,.18);stroke-width:2}.mother-svg .womb-glow{fill:url(#wombGlow)}.mother-svg .fetus,.mother-svg .fetal-head{fill:#ffe791;stroke:#fff5c9;stroke-width:2}.mother-svg .umbilical{fill:none;stroke:#f8d25b;stroke-width:4;stroke-linecap:round}.mother-svg .arm{fill:none;stroke:#f3b08d;stroke-width:17;stroke-linecap:round;opacity:.9}.hotspot{position:absolute;display:flex;align-items:center;gap:8px;padding:7px 10px 7px 8px;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border:1px solid rgba(102,0,0,.15);border-radius:999px;font-size:10px;font-weight:700;color:var(--wine);cursor:pointer;transition:.18s;z-index:5;box-shadow:0 8px 20px rgba(102,0,0,.08)}.hotspot i{width:10px;height:10px;border-radius:50%;background:var(--wine);box-shadow:0 0 0 5px rgba(255,229,0,.35)}.hotspot:hover,.hotspot.active{transform:translateY(-2px);background:var(--wine);color:white;border-color:var(--wine)}.hotspot.active i{background:var(--yellow);box-shadow:0 0 0 6px rgba(255,229,0,.22)}.hotspot-delivery{left:10%;top:18%}.hotspot-microbiome{right:7%;bottom:18%}.hotspot-oxytocin{right:6%;top:21%}.hotspot-anesthesia{left:8%;bottom:26%}.maternal-info{padding:46px 40px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fffdfa,#fff7e8)}.maternal-info>span{font-size:10px;letter-spacing:.15em;color:var(--wine);font-weight:800}.maternal-info h3{font-family:"Playfair Display",serif;font-size:34px;line-height:1.12;color:var(--wine2);margin:12px 0}.maternal-info p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.topic-jump{margin-top:24px;align-self:flex-start;border:1px solid var(--wine);background:white;color:var(--wine)}.topic-jump:hover{background:var(--wine);color:white}.maternal-info.flash{animation:infoFlash .28s ease}@keyframes infoFlash{50%{transform:translateX(5px);opacity:.7}}
.overview-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.overview-item{border:1px solid var(--line);background:white;border-radius:16px;text-align:left;padding:15px;cursor:pointer;transition:.18s}.overview-item:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(102,0,0,.08);border-color:rgba(102,0,0,.22)}.overview-item span{font-size:9px;color:var(--wine);font-weight:800}.overview-item b{display:block;margin:8px 0 5px;font-size:11px}.overview-item small{font-size:9px;color:var(--muted);line-height:1.45;display:block}
.microbiome-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.control-card,.microbe-field,.signal-map,.mechanism-card,.timeline-card{border:1px solid var(--line);background:white;border-radius:22px;box-shadow:0 14px 40px rgba(64,0,0,.08)}.control-card{padding:24px}.delivery-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.delivery-compare>div:last-child{text-align:right}.delivery-compare b{display:block;font-size:11px;color:var(--wine)}.delivery-compare span{font-size:9px;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--wine)}.mode-card{margin-top:24px;background:#fff9df;border:1px solid rgba(255,229,0,.55);border-radius:16px;padding:18px}.mode-card span{font-size:8px;letter-spacing:.12em;color:var(--wine);font-weight:800}.mode-card h3{margin:8px 0 8px;font-family:"Playfair Display",serif;color:var(--wine2);font-size:26px}.mode-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.secondary-btn{margin-top:18px;border:1px solid var(--wine);background:white;color:var(--wine)}.secondary-btn:hover{background:var(--wine);color:white}.microbe-field{position:relative;min-height:500px;overflow:hidden;background:radial-gradient(circle at 50% 54%,#fff8cc 0%,#fffdf7 48%,#fdf1de 100%)}.field-title{position:absolute;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;z-index:4}.field-title span{font-size:9px;letter-spacing:.13em;color:var(--wine);font-weight:800}.field-title b{font-size:9px;color:var(--muted)}.gut-ring{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);border-radius:46% 54% 48% 52%;border:16px solid rgba(102,0,0,.10)}.gut-ring-a{width:330px;height:280px}.gut-ring-b{width:245px;height:200px;border-width:14px}.gut-ring-c{width:150px;height:120px;border-width:12px}.microbe{position:absolute;width:46px;height:46px;border-radius:50%;border:0;color:white;font-weight:800;cursor:pointer;box-shadow:0 10px 18px rgba(64,0,0,.13);transition:transform .22s,opacity .22s}.microbe.good{background:var(--wine)}.microbe.bad{background:#d79400;color:#3d2100}.m1{left:24%;top:31%}.m2{left:48%;top:26%}.m3{left:66%;top:38%}.m4{left:37%;top:55%}.m5{left:73%;top:60%}.m6{left:18%;top:62%}.m7{left:55%;top:70%}.m8{left:34%;top:74%}.microbe:hover{transform:scale(1.12)!important}.microbe.selected{outline:4px solid rgba(255,229,0,.7)}.microbe-info{position:absolute;left:20px;right:20px;bottom:18px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;gap:20px;align-items:center}.microbe-info b{font-size:10px;color:var(--wine)}.microbe-info span{font-size:9px;color:var(--muted);text-align:right}
.axis-workspace{display:grid;grid-template-columns:.8fr 1.1fr .8fr;gap:16px;align-items:stretch}.route-list{display:grid;gap:8px}.route-btn{border:1px solid var(--line);background:white;border-radius:14px;padding:14px;text-align:left;display:grid;grid-template-columns:30px 1fr;gap:10px;cursor:pointer;transition:.18s}.route-btn span{color:var(--wine);font-size:9px;font-weight:800}.route-btn b{display:block;font-size:10px}.route-btn small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.route-btn:hover,.route-btn.active{border-color:var(--wine);box-shadow:0 8px 18px rgba(102,0,0,.07)}.route-btn.active{background:#fff9df}.signal-map{position:relative;min-height:520px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(255,229,0,.20),transparent 28%),linear-gradient(#fffefa,#fff8ea)}.signal-map svg{position:absolute;inset:0;width:100%;height:100%}.route-path{fill:none;stroke:rgba(102,0,0,.35);stroke-width:3;stroke-dasharray:7 10}.signal-dot{fill:var(--yellow);stroke:var(--wine);stroke-width:1}.organ-node{position:absolute;left:50%;transform:translateX(-50%);z-index:2;text-align:center}.organ-node span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--wine);color:var(--yellow);font-size:22px;box-shadow:0 12px 20px rgba(102,0,0,.16)}.organ-node b{display:block;font-size:10px;letter-spacing:.12em;color:var(--wine);margin-top:6px}.organ-node small{font-size:8px;color:var(--muted)}.brain-node{top:24px}.gut-node{bottom:26px}.signal-caption{position:absolute;z-index:3;left:10%;right:10%;top:43%;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center}.signal-caption span{font-size:8px;font-weight:800;letter-spacing:.14em;color:var(--wine)}.signal-caption p{margin:6px 0 0;font-size:9px;line-height:1.6;color:var(--muted)}.axis-notes{display:grid;gap:10px}.axis-notes>div{background:white;border:1px solid var(--line);border-radius:14px;padding:16px}.axis-notes b{font-size:10px;color:var(--wine)}.axis-notes p{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.55}
.mechanism-tabs{display:flex;gap:8px;margin-bottom:14px}.mechanism-tab{border:1px solid var(--line);background:white;border-radius:12px;padding:11px 14px;cursor:pointer;font-size:10px}.mechanism-tab.active{background:var(--wine);color:white;border-color:var(--wine)}.mechanism-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:480px}.mechanism-visual{position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,229,0,.28),transparent 34%),linear-gradient(145deg,#4d0000,#760000);overflow:hidden}.pulse-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,229,0,.46);width:160px;height:160px}.ring2{width:240px;height:240px;opacity:.45}.ring3{width:320px;height:320px;opacity:.22}.mechanism-core{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--wine);font-weight:800;font-size:10px;letter-spacing:.09em;box-shadow:0 0 0 12px rgba(255,229,0,.12)}.mechanism-visual.activated .ring1{animation:burst .8s ease}.mechanism-visual.activated .ring2{animation:burst .8s .08s ease}.mechanism-visual.activated .ring3{animation:burst .8s .16s ease}@keyframes burst{50%{transform:scale(1.16);opacity:.75}}.activate-btn{position:absolute;bottom:24px;border:1px solid rgba(255,229,0,.5);background:rgba(255,255,255,.08);color:var(--yellow);border-radius:999px;padding:10px 13px;font-size:9px;font-weight:800;cursor:pointer}.mechanism-copy{padding:42px}.mechanism-copy>span{font-size:9px;letter-spacing:.14em;color:var(--wine);font-weight:800}.mechanism-copy h3{font-family:"Playfair Display",serif;color:var(--wine2);font-size:34px;line-height:1.15;margin:12px 0}.mechanism-copy>p{color:var(--muted);font-size:12px;line-height:1.75}.mechanism-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.mechanism-points i{font-style:normal;font-size:9px;padding:8px 10px;border-radius:999px;background:#fff9df;border:1px solid rgba(255,229,0,.7);color:var(--wine)}
.timeline-card{padding:24px}.timeline-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;color:var(--wine);font-weight:800}.secondary-btn.compact{margin:0;padding:9px 12px}.timeline-line{height:3px;background:#f0e2d5;margin:42px 2px 0;position:relative}.timeline-line i{display:block;height:100%;width:0;background:var(--wine);transition:width .35s}.timeline-points{display:grid;grid-template-columns:repeat(5,1fr);margin-top:-7px}.time-point{border:0;background:transparent;cursor:pointer;position:relative;padding:20px 0 0;color:var(--muted);font-size:9px}.time-point i{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:white;border:3px solid #d5b7a1}.time-point.active{color:var(--wine);font-weight:800}.time-point.active i{background:var(--yellow);border-color:var(--wine)}.timeline-detail{display:grid;grid-template-columns:100px 1fr;gap:24px;align-items:center;padding:42px 8px 8px}.timeline-number{font-family:"Playfair Display",serif;font-size:72px;color:rgba(102,0,0,.17)}.timeline-detail span{font-size:9px;color:var(--wine);font-weight:800;letter-spacing:.14em}.timeline-detail h3{font-family:"Playfair Display",serif;color:var(--wine2);font-size:28px;margin:7px 0}.timeline-detail p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.timeline-detail.flash{animation:infoFlash .28s ease}.caution-card{margin-top:14px;border:1px solid rgba(255,229,0,.8);background:#fff9d7;border-radius:16px;padding:16px}.caution-card b{font-size:10px;color:var(--wine)}.caution-card p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
.motion-off *,body.motion-off *{animation:none!important;transition:none!important}.motion-off .signal-dot{display:none}
@media(max-width:1180px){.app-shell{grid-template-columns:235px}.maternal-explorer{grid-template-columns:1fr}.maternal-scene{min-height:430px}.overview-strip{grid-template-columns:repeat(2,1fr)}.microbiome-grid,.axis-workspace,.mechanism-card{grid-template-columns:1fr}.signal-map{min-height:480px}.mechanism-visual{min-height:420px}.panel{padding:30px}.hero-copy h1{font-size:50px}}
@media(max-width:780px){.app-shell{width:100%;height:auto;min-height:100vh;margin:0;border-radius:0;display:block}.sidebar{padding:16px}.brain-header-wrap{max-width:360px}.nav{grid-template-columns:repeat(2,1fr)}.sidebar-progress,.sidebar-footer{display:none}.content-area{overflow:visible}.topbar{display:none}.panel{height:auto;padding:26px 18px}.hero-copy h1{font-size:42px}.maternal-explorer{grid-template-columns:1fr}.maternal-scene{min-height:420px}.maternal-info{padding:28px 24px}.overview-strip{grid-template-columns:1fr}.panel-head{display:block}.panel-head h2{font-size:34px}.panel-head>p{margin-top:10px}.delivery-compare{grid-template-columns:1fr}.delivery-compare>div:last-child{text-align:left}.mechanism-copy{padding:28px 22px}.timeline-detail{grid-template-columns:1fr}.timeline-number{font-size:48px}.microbe-info{display:block}.microbe-info span{display:block;text-align:left;margin-top:4px}.mechanism-tabs{flex-wrap:wrap}}