*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#fff2f9,#eff9ff);font-family:system-ui,Noto Sans Thai,Tahoma,sans-serif;color:#3b4154}button,input{font:inherit}button{cursor:pointer;border:1px solid #e6cadc;border-radius:24px;background:#fff;padding:10px 16px;color:#805277}button:disabled{opacity:.45;cursor:not-allowed}.app{max-width:1000px;margin:auto;min-height:100vh;padding-bottom:100px}header{text-align:center;padding:28px 14px 12px}header h1{color:#d52e83;font-size:clamp(25px,5vw,39px);margin:5px}header p{color:#697c8a}.eyebrow{color:#ad4e94;font-size:13px;font-weight:700}main{padding:12px}.panel{background:#fff;border:1px solid #f4ddeb;border-radius:24px;padding:clamp(16px,3vw,28px);margin-bottom:18px;box-shadow:0 10px 32px #a9669212}.panel h2{color:#0d8193;margin:7px 0 14px}.panel p{line-height:1.8}.panel label{display:block;margin:12px 0 7px}input[type=date]{display:block;border:1px solid #decbdc;border-radius:12px;padding:11px;width:min(100%,340px)}.primary,.emergency{display:inline-block;background:#e82e91;color:#fff;border:0;text-decoration:none;border-radius:22px;padding:12px 20px;margin-top:10px}.emergency{background:#c93654;font-weight:700}.hint{font-size:13px;color:#737889}.highlight{background:#fff0f8;border-radius:12px;padding:13px;margin:12px 0}.controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:center;margin:16px 0}.controls label{margin:0;font-size:13px}.book{background:#b68d70;padding:12px;border-radius:18px;box-shadow:0 10px #e2c5a7,0 20px 30px #bd9aa74a}.page{aspect-ratio:16/9;display:grid;grid-template-columns:42% 58%;background:linear-gradient(120deg,#fce8f3,#e9f9ff);border-radius:9px;overflow:hidden}.illustration{padding:10px;display:grid;place-items:center;min-width:0}.illustration img{max-width:100%;max-height:100%;object-fit:contain}.placeholder{height:100%;width:100%;align-items:center;justify-content:center;flex-direction:column;font-size:48px;color:#d35c9a}.placeholder small{font-size:12px;text-align:center;padding:10px}.words{padding:clamp(8px,3vw,30px);display:flex;flex-direction:column;justify-content:center}.words h2{font-size:clamp(16px,3vw,32px);margin:7px 0}.words p{font-size:clamp(11px,1.6vw,18px);line-height:1.6;margin:0}.thumbs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.thumbs .selected{background:#e82e91;color:#fff}.question{border-top:1px solid #eee;padding:16px 0}.question label{display:block;background:#fdf3fa;border-radius:12px;padding:10px;margin:8px 0}.warning{background:#fff0f0;border-left:4px solid #d44859;padding:16px;border-radius:10px}nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffed;border-top:1px solid #f1d9e7;display:flex;justify-content:center;z-index:5;padding:8px max(8px,calc((100vw - 1000px)/2))}nav button{flex:1;max-width:240px;border:0;border-radius:12px;background:transparent;font-size:12px;padding:6px}nav button span{display:block;font-size:24px}nav button.active{color:#d82b84;background:#ffedf7}@media(max-width:560px){.book{padding:6px}.page{grid-template-columns:40% 60%}.illustration{padding:4px}.words{padding:6px}.words h2{font-size:clamp(12px,3vw,18px)}.words p{font-size:clamp(9px,2vw,12px)}.eyebrow{font-size:10px}.panel{padding:12px}}.page.page-full{display:block;position:relative;width:100%;aspect-ratio:16/9;background:#fff;overflow:hidden}.full-page-image{display:block;width:100%;height:100%;object-fit:contain}.narration-text{margin:16px 0 4px;background:#fff7fb;border:1px solid #f3d5e6;border-radius:14px;padding:12px 16px}.narration-text summary{cursor:pointer;color:#945276;font-weight:600}.narration-text p{margin:8px 0 0;line-height:1.8}@media(max-width:560px){.page.page-full{display:block;aspect-ratio:16/9}.book{padding:5px;border-radius:12px}.narration-text{font-size:14px}}.flipbook-shell{padding:12px;background:#b78c6c;border:1px solid #a77b5d;box-shadow:0 9px #dec2a4,0 18px 28px #75544130}.flipbook-stage{position:relative;width:100%;aspect-ratio:16/9;perspective:1800px;isolation:isolate;overflow:hidden;background:#fff;border-radius:7px;box-shadow:inset 0 0 10px #5c4b3b18}.paper-base,.turning-sheet,.sheet-front,.sheet-back{position:absolute;top:0;right:0;bottom:0;left:0}.paper-base img,.sheet-front img,.sheet-back img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.turning-sheet{z-index:2;transform-style:preserve-3d;pointer-events:none;will-change:transform;transform-origin:left center}.sheet-front,.sheet-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:inset -14px 0 20px #3321161a}.sheet-back{transform:rotateY(180deg);filter:brightness(.96)}.turn-forward{animation:flip-forward .68s cubic-bezier(.35,.04,.25,1) both}.turn-back{transform-origin:right center;animation:flip-back .68s cubic-bezier(.35,.04,.25,1) both}@keyframes flip-forward{0%{transform:rotateY(0)}50%{filter:brightness(.87)}to{transform:rotateY(-180deg)}}@keyframes flip-back{0%{transform:rotateY(0)}50%{filter:brightness(.9)}to{transform:rotateY(180deg)}}.paper-corner{position:absolute;right:0;bottom:0;z-index:1;width:0;height:0;border-left:18px solid transparent;border-top:18px solid #fff9;box-shadow:-2px -2px 4px #49362817;pointer-events:none}.audio-error{color:#aa244f;background:#fff1f4;border-radius:10px;padding:10px}@media(max-width:560px){.flipbook-shell{padding:5px}.paper-corner{border-left-width:10px;border-top-width:10px}}@media(prefers-reduced-motion:reduce){.turn-forward,.turn-back{animation-duration:.01ms}}.bottom-nav{gap:clamp(5px,1.4vw,15px);align-items:stretch;padding:10px max(12px,calc((100vw - 940px)/2)) calc(10px + env(safe-area-inset-bottom));background:#fffefaef;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -6px 24px #9f688a12;z-index:30}.bottom-nav .nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:62px;max-width:210px;min-width:0;padding:7px 4px;border:1px solid transparent;border-radius:17px;background:transparent;color:#80677c;transition:background .2s,color .2s,transform .2s;font-weight:600}.bottom-nav .nav-icon{width:35px;height:32px;display:grid;place-items:center;border-radius:12px;transition:background .2s}.bottom-nav .nav-label{display:block;font-size:clamp(11px,2.6vw,13px);line-height:1.25;white-space:nowrap}.bottom-nav .nav-item.active{background:linear-gradient(145deg,#fff0f8,#fce4f3);color:#c3267b;border-color:#f5d6e8}.bottom-nav .nav-item.active .nav-icon{background:#fff;box-shadow:0 2px 8px #d68aaf24}.bottom-nav .nav-item.nav-urgent{color:#b64b5b}.bottom-nav .nav-item.nav-urgent.active{background:#fff0f1;color:#b92c46;border-color:#f2c5cc}.bottom-nav .nav-item:focus-visible{outline:3px solid #b62884;outline-offset:2px}@media(hover:hover){.bottom-nav .nav-item:hover{background:#fff0f7;transform:translateY(-2px)}}@media(max-width:400px){.bottom-nav{gap:3px;padding-left:5px;padding-right:5px}.bottom-nav .nav-item{min-height:58px;padding:6px 2px}.bottom-nav .nav-icon{width:31px;height:29px}}.bottom-nav .nav-item{color:#65758c}.bottom-nav .nav-icon{width:42px;height:39px;border-radius:14px;box-shadow:0 3px 10px #3b40500b}.bottom-nav .nav-item.nav-home .nav-icon{background:#e5f3ff;color:#408fd4}.bottom-nav .nav-item.nav-learn .nav-icon{background:#ffebf3;color:#ec4a89}.bottom-nav .nav-item.nav-check .nav-icon{background:#e2f8ee;color:#25a985}.bottom-nav .nav-item.nav-urgent .nav-icon{background:#fff0e8;color:#e76c58}.bottom-nav .nav-item.active{background:#fff6fa;border-color:#f6dce8;color:#bd3175}.bottom-nav .nav-item.nav-check.active{background:#effbf6;border-color:#d0f0e2;color:#138667}.bottom-nav .nav-item.nav-home.active{background:#f1f8ff;border-color:#d8ecff;color:#337bbd}.bottom-nav .nav-item.nav-urgent.active{background:#fff4f0;border-color:#f9d8ce;color:#bc4739}.bottom-nav .nav-item.active .nav-icon{box-shadow:0 4px 12px #3b40501b}@media(max-width:400px){.bottom-nav .nav-icon{width:35px;height:34px}}.check-intro{background:#eff9ff;color:#356479;border-radius:14px;padding:12px 16px;line-height:1.65;margin:14px 0}.check-list{display:grid;gap:12px}.check-question{border:1px solid #efdae6;border-radius:16px;padding:14px;margin:0;min-width:0;background:#fffafd}.check-question legend{float:left;width:100%;padding:0;margin-bottom:12px;line-height:1.6;color:#42485d}.check-options{display:flex;gap:10px;clear:both}.check-choice{flex:1;display:flex!important;align-items:center;justify-content:center;gap:8px;margin:0!important;padding:12px;border:1px solid #e9dbe3;border-radius:13px;background:#fff;cursor:pointer;font-weight:600}.check-choice input{accent-color:#d12d7b}.check-choice.chosen.yes{background:#fff0ee;border-color:#e69a93;color:#a93235}.check-choice.chosen.no{background:#eaf9f0;border-color:#9cdabb;color:#26714e}.check-result{margin:20px 0 10px;padding:18px;border-radius:17px;line-height:1.7}.check-result h3{margin:0 0 6px}.check-result p{margin:0 0 8px}.check-danger{background:#fff0ee;border:2px solid #e99288;color:#872e33}.check-neutral{background:#eff9f3;border:1px solid #b9e1c8;color:#315d47}.check-progress{margin:18px 0;background:#fff2f9;border-radius:12px;padding:12px;color:#8c4d77}.reset-check{margin-top:10px}.trimester-select{background:#f2f8ff;border-radius:16px;padding:15px;margin-bottom:18px}.trimester-select input,.kick-grid input{display:block;width:100%;max-width:240px;margin-top:8px;padding:10px;border:1px solid #bcd9e7;border-radius:10px}.kick-guide{margin-top:22px;padding:16px;background:#f4fffa;border:1px solid #b9e6d4;border-radius:18px}.kick-guide h3{color:#167e69}.kick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kick-grid label{font-weight:600}.kick-result{background:#fff;padding:14px;border-radius:12px;margin-top:14px}.kick-alert{background:#fff0eb;border-left:4px solid #e07155;border-radius:10px;padding:13px;margin-top:15px;line-height:1.7}@media(max-width:560px){.kick-grid{grid-template-columns:1fr}.kick-grid input{max-width:none}}.lesson-selector{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.lesson-selector button{border:1px solid #e5b7d3;border-radius:14px;background:#fff;padding:12px 18px}.lesson-selector button.selected{background:#e52c91;color:#fff;border-color:#e52c91}.lesson2-card{min-height:290px;border:9px solid #b78c6c;border-radius:18px;background:linear-gradient(120deg,#fff1f8,#edf9ff);padding:clamp(18px,5vw,55px);display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px #dec2a4}.lesson2-card h3{font-size:clamp(22px,3vw,36px);color:#087b91}.lesson2-card p{font-size:clamp(16px,1.8vw,21px);line-height:1.75}.gestation-advice{margin-top:16px;background:linear-gradient(115deg,#fff4fa,#eaf8ff);border:1px solid #f1cfe3;border-radius:16px;padding:18px 20px;color:#31495a}.gestation-advice strong{display:block;color:#bd277c;font-size:1.12rem;margin-bottom:8px}.gestation-advice p{margin:6px 0;line-height:1.7}.edd-mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.edd-mode select,.edd-fields select,.edd-fields input{border:1px solid #e6cade;border-radius:12px;background:#fff;padding:12px;min-height:48px;width:100%;font:inherit;color:#29334e}.edd-mode select{width:auto;min-width:160px}.edd-fields{display:grid;grid-template-columns:1fr 1.6fr 1.2fr;gap:12px;margin:12px 0}.edd-fields label{font-weight:600}.edd-error{color:#b42318;font-weight:600}@media(max-width:540px){.edd-fields{grid-template-columns:1fr 1fr}.edd-fields label:nth-child(2){grid-column:2}.edd-fields label:nth-child(3){grid-column:1 / -1}}.home-dashboard{display:grid;gap:18px}.home-hero{position:relative;overflow:hidden;border-radius:28px;padding:22px 26px 34px;background:radial-gradient(circle at 90% 5%,#c8f0ff 0%,transparent 42%),linear-gradient(115deg,#fff4fa,#fff9fd 58%,#dff7ff);border:1px solid #f5d9e8;box-shadow:0 12px 36px #b65b8a13}.home-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.home-brand img{width:80px;height:80px;border-radius:50%;object-fit:contain;background:#fff;box-shadow:0 3px 12px #6b8caa25}.home-brand strong{display:block;color:#154785;font-size:clamp(15px,2.4vw,22px)}.home-brand small{display:block;color:#42637f;margin-top:4px}.home-hero-content{position:relative;display:flex;align-items:center;min-height:225px}.home-hero-content>div{position:relative;z-index:1;max-width:75%}.home-kicker{font-weight:700;color:#aa4b90}.home-hero h2{font-size:clamp(27px,4.3vw,46px);color:#df2882;margin:10px 0}.home-hero p{font-size:clamp(15px,2vw,19px);color:#4d687c}.home-hero-ribbon{display:inline-block;padding:9px 20px;border-radius:30px;background:#ffe3ef;color:#ca337a}.home-mom{position:absolute;right:0;bottom:-42px;height:310px;max-width:36%;object-fit:contain;object-position:bottom;mix-blend-mode:multiply}.home-edd{margin:0;background:#ffffffed}.home-edd h2{color:#e02b83}.home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shortcut{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:168px;border-radius:22px;padding:23px;border:1px solid #f2d9e8;transition:transform .15s,box-shadow .15s}.shortcut:hover{transform:translateY(-3px);box-shadow:0 10px 22px #5a58701b}.shortcut strong{font-size:19px}.shortcut span{font-size:14px;line-height:1.5;color:#59677d}.shortcut b{margin-top:auto}.shortcut-pink{background:linear-gradient(125deg,#fff0f8,#ffe6f1);color:#be2e78}.shortcut-green{background:linear-gradient(125deg,#e9fff4,#dff9ec);color:#118a69}.home-emergency{display:flex;align-items:center;gap:15px;padding:19px;border:1px solid #ffcdca;border-radius:20px;background:#fff0ed;color:#ba343e}.home-emergency>div{flex:1}.home-emergency p{margin:6px 0 0;line-height:1.6;color:#685b61;font-size:14px}.home-emergency button{background:#e94452;color:#fff;border:0;white-space:normal}@media(max-width:600px){.home-hero{padding:16px 15px 26px}.home-brand img{width:56px;height:56px}.home-hero-content{min-height:205px}.home-hero-content>div{max-width:77%}.home-mom{height:230px;right:-30px;bottom:-28px;max-width:46%;opacity:.92}.home-hero h2{font-size:26px}.home-hero-ribbon{font-size:12px}.home-shortcuts{grid-template-columns:1fr 1fr;gap:9px}.shortcut{padding:13px;min-height:180px}.shortcut strong{font-size:15px}.shortcut span{font-size:12px}.home-emergency{align-items:flex-start;flex-wrap:wrap}.home-emergency button{width:100%}}.home-dashboard{max-width:1160px;margin-inline:auto}.home-hero{background:radial-gradient(circle at 84% 18%,#b7eafa99,transparent 37%),radial-gradient(circle at 10% 90%,#ffd6e7,transparent 47%),linear-gradient(110deg,#fff6fb,#f6fbff);padding:20px 24px 24px;min-height:540px;isolation:isolate}.home-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.6;background:radial-gradient(circle at 4% 52%,#ffc4de 0 5px,transparent 6px),radial-gradient(circle at 7% 45%,#ffc4de 0 3px,transparent 4px),radial-gradient(circle at 94% 84%,#f6a6c9 0 5px,transparent 6px)}.home-hero-content{min-height:170px;align-items:flex-start;padding-top:14px}.home-hero-content>div{max-width:70%}.home-mom{height:350px;max-width:40%;right:2%;bottom:-175px;z-index:0;pointer-events:none}.home-hero .home-edd{position:relative;z-index:2;width:min(60%,610px);margin:12px 0 0;padding:16px 18px;background:#ffffffeb;border:1px solid #f3d6e5;box-shadow:0 8px 24px #b75c8c18;border-radius:22px}.home-hero .home-edd h2{font-size:clamp(17px,2vw,23px);margin:0 0 5px}.home-hero .home-edd p{font-size:13px;margin:5px 0}.home-hero .home-edd .edd-mode,.home-hero .home-edd .edd-fields{margin:6px 0;gap:8px}.home-hero .home-edd .edd-fields input,.home-hero .home-edd .edd-fields select{min-height:40px;padding:7px 9px}.home-hero .home-edd .primary{margin-top:6px}@media(max-width:760px){.home-hero{padding:16px;min-height:0}.home-hero-content{min-height:180px}.home-mom{height:260px;right:-15px;bottom:-90px;max-width:42%}.home-hero .home-edd{width:min(76%,520px)}.home-hero-content>div{max-width:76%}}@media(max-width:540px){.home-hero-content{min-height:180px}.home-hero h2{font-size:25px}.home-mom{height:230px;bottom:-65px;right:-12px;max-width:43%}.home-hero .home-edd{width:100%;margin-top:8px}.home-hero .home-edd .edd-fields{grid-template-columns:1fr 1.2fr 1.2fr}.home-hero .home-edd .edd-fields label:nth-child(2),.home-hero .home-edd .edd-fields label:nth-child(3){grid-column:auto}.home-hero .home-edd .edd-fields label{font-size:12px}.home-hero .home-edd .edd-fields input,.home-hero .home-edd .edd-fields select{font-size:13px}.home-hero-ribbon{max-width:65%}}.home-hero .home-mom{mix-blend-mode:normal;-webkit-mask-image:radial-gradient(ellipse 78% 73% at 50% 48%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 78% 73% at 50% 48%,#000 52%,transparent 100%);filter:drop-shadow(0 8px 18px #eab4cf26)}.home-hero .home-edd .ga-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:12px 0}.home-hero .home-edd .ga-fields label{display:flex;flex-direction:column;gap:7px;font-weight:650;min-width:0}.home-hero .home-edd .ga-fields input,.home-hero .home-edd .ga-fields select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #e6cade;border-radius:12px;background:#fff;color:#29334e;font:inherit}.ga-stage{margin-top:6px;font-size:14px;font-weight:500}@media(max-width:420px){.home-hero .home-edd .ga-fields{gap:8px}}.lesson2-book{padding:10px;background:#bd927a;border:8px solid #bd927a;border-bottom:13px solid #dec2a4;border-radius:20px;box-shadow:0 12px 28px #644a3824}.lesson2-book .lesson2-card{min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:28px 34px;text-align:center;background:linear-gradient(130deg,#fff1f6,#f2f8ff 65%,#e9fbfa);border-radius:11px;color:#24445e}.lesson2-pagehead{align-self:stretch;display:flex;justify-content:space-between;align-items:center;color:#ce3980;font-size:13px;font-weight:700}.lesson2-pagehead strong{background:#fff;border-radius:999px;padding:6px 12px}.lesson2-illustration{font-size:76px;line-height:1.4;filter:drop-shadow(0 8px 10px #a4bdd155)}.lesson2-overline{font-size:13px;color:#cb418a;font-weight:750}.lesson2-book .lesson2-card h3{font-size:clamp(22px,3vw,35px);color:#00879b;margin:0}.lesson2-book .lesson2-card p{font-size:clamp(16px,2vw,21px);line-height:1.8;max-width:650px;margin:0}.lesson2-foot{font-size:13px;color:#a33b58;background:#fff9fa;border:1px solid #f4c9d5;border-radius:12px;padding:9px 15px}@media(max-width:600px){.lesson2-book .lesson2-card{min-height:370px;padding:18px 14px}.lesson2-illustration{font-size:58px}}