@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1vcas2uk12q5a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_75a1b360-module__XR_rJG__className{font-family:Nunito,Nunito Fallback;font-style:normal}.nunito_75a1b360-module__XR_rJG__variable{--font-body:"Nunito", "Nunito Fallback"}
@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0781808e3393dbfb-s.3uuzd4ky6sm1t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/fae90444fefcda8c-s.403cfnf7b-1vb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.3jc5sq-923m_s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand Fallback;src:local(Arial);ascent-override:95.87%;descent-override:23.97%;line-gap-override:0.0%;size-adjust:104.31%}.quicksand_1b8865db-module__ui5NXq__className{font-family:Quicksand,Quicksand Fallback;font-style:normal}.quicksand_1b8865db-module__ui5NXq__variable{--font-display:"Quicksand", "Quicksand Fallback"}
:root{--cream:#fff8e8;--paper:#fffdf6;--ink:#243039;--muted:#6b5f52;--cranberry:#a9283a;--cranberry-dark:#7e1f2f;--pine:#0c5b4c;--mint:#d9f4df;--gold:#f3bc4f;--sky:#bfe7ff;--shadow:0 24px 80px #502a192e}*{box-sizing:border-box}html,body{max-width:100vw;min-height:100%;margin:0;overflow-x:hidden}body{color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;background:radial-gradient(circle at 12% 8%,#fffffff2,#0000 25%),radial-gradient(circle at 90% 12%,#bfe7ff8c,#0000 22%),linear-gradient(135deg,#fff7e4 0%,#fde9dc 45%,#e6f7ef 100%)}body:before{content:"";pointer-events:none;opacity:.7;background-image:radial-gradient(circle,#ffffffe6 0 2px,#0000 2px),radial-gradient(circle,#ffffffb3 0 1px,#0000 1px);background-position:0 0,32px 50px;background-size:86px 86px,118px 118px;position:fixed;inset:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.site-shell{width:min(1180px,100% - 28px);margin:0 auto;padding:28px 0 64px;position:relative}.narrow-shell{width:min(900px,100% - 28px)}.site-header,.site-footer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf6b8;border:1px solid #7e4b2c21;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:12px 16px;display:flex;box-shadow:0 14px 40px #502a191a}.site-footer{color:var(--muted);text-align:center;border-radius:28px;flex-wrap:wrap;justify-content:center;margin:28px 0 0}.site-footer p{margin:0}.brand-mark,.site-nav{align-items:center;gap:10px;display:flex}.brand-mark span{color:#fff;background:var(--pine);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:1000;display:grid}.brand-mark strong,.site-nav a{font-weight:1000}.site-nav a{color:var(--pine);border-radius:999px;padding:10px 12px}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:28px;min-height:calc(100vh - 80px);display:grid}.hero-copy,.section-card,.gate-card,.reader-shell,.page-header,.story-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf6db;border:1px solid #7e4b2c21}.hero-copy{border-radius:36px;padding:clamp(28px,5vw,62px)}.eyebrow{color:var(--cranberry-dark);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:900}h1,h2,h3{font-family:var(--font-display), system-ui, sans-serif;margin:0;line-height:1.02}h1{letter-spacing:-.07em;font-size:clamp(3rem,9vw,6.8rem)}.hero-lede,.page-header p,.section-card>p,.gate-copy p,.audio-card p,.family-note p{color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.hero-actions,.reader-controls,.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.primary-link,.secondary-link,button{cursor:pointer;border:0;border-radius:999px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s}.audio-placeholder{cursor:default;border:0;border-radius:999px;align-items:center;font-weight:900;display:inline-flex}.primary-link,button[type=submit],.end-card button,.reader-controls button:not(:disabled){background:linear-gradient(135deg, var(--cranberry), var(--cranberry-dark));color:#fff;padding:14px 20px;box-shadow:0 14px 30px #7e1f2f3d}.secondary-link,.reader-controls button:disabled,.audio-placeholder{color:var(--cranberry-dark);background:#fff2da;padding:14px 20px}.primary-link:hover,.secondary-link:hover,button:hover:not(:disabled){transform:translateY(-2px)}.quick-specs{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.quick-specs span,.reader-meta span,.story-card-meta span{color:var(--pine);background:#0c5b4c17;border-radius:999px;padding:8px 12px;font-weight:900}.storybook-preview{perspective:1600px;place-items:center;min-height:520px;display:grid}.preview-book{color:#fff;background:radial-gradient(circle at 80% 18%,#ffffff59,#0000 18%),linear-gradient(145deg,#b92f43,#7e1f2f 55%,#582030);border-radius:34px 22px 22px 34px;width:min(430px,92vw);min-height:520px;padding:42px;animation:5s ease-in-out infinite bookFloat;position:relative;overflow:hidden;transform:rotateY(-9deg)rotateX(4deg);box-shadow:30px 34px 70px #43211c47}.preview-book:before{content:"";background:#ffffff59;border-radius:999px;width:10px;position:absolute;inset:18px auto 18px 18px}.preview-book h2{margin-top:120px;font-size:clamp(2rem,4vw,3.5rem)}.preview-book p{color:#ffffffd6;font-size:1.18rem;line-height:1.6}.book-label{border:3px solid #ffffff80;border-radius:50%;place-items:center;width:76px;height:76px;font-weight:1000;display:grid;position:absolute;top:28px;right:28px}.preview-lights,.preview-lights span{position:absolute}.preview-lights{inset:0}.preview-lights span{background:var(--gold);width:14px;height:14px;box-shadow:0 0 22px var(--gold);border-radius:50%;animation:1.8s ease-in-out infinite twinkle}.preview-lights span:first-child{top:70px;left:68px}.preview-lights span:nth-child(2){animation-delay:.4s;bottom:120px;right:92px}.preview-lights span:nth-child(3){animation-delay:.8s;top:42px;left:50%}.section-card,.page-header{border-radius:30px;margin-top:28px;padding:clamp(24px,4vw,42px)}.section-card h2,.page-header h1{font-size:clamp(2rem,5vw,4rem)}.steps-grid,.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.steps-grid article,.checklist-card li{background:#ffffff9e;border:1px solid #0c5b4c1f;border-radius:24px;padding:22px}.steps-grid strong{color:#fff;background:var(--pine);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.top-nav{justify-content:center;gap:12px;margin-bottom:18px;display:flex}.top-nav a{color:var(--pine);background:#ffffffa6;border-radius:999px;padding:10px 14px;font-weight:900}.gate-card{border-radius:32px;grid-template-columns:1fr minmax(280px,.7fr);align-items:center;gap:24px;padding:clamp(24px,5vw,46px);display:grid}.gate-copy h1,.reader-topbar h1{font-size:clamp(2.4rem,6vw,4.8rem)}.passcode-form{gap:12px;display:grid}.passcode-form label{font-weight:900}.passcode-form input{width:100%;color:var(--ink);background:#fff;border:2px solid #7e1f2f26;border-radius:18px;padding:15px 16px;font-size:1.1rem}.form-error{color:var(--cranberry-dark);background:#fff2f2;border-radius:14px;margin:0;padding:10px 12px;font-weight:900}.tiny-note{color:var(--muted);grid-column:1/-1;margin:0;font-size:.92rem}.reader-shell{border-radius:36px;padding:clamp(16px,3vw,34px)}.reader-topbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.reader-meta,.story-card-meta{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.progress-track{background:#7e1f2f1a;border-radius:999px;height:10px;margin:20px 0;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--cranberry));height:100%;transition:width .35s;display:block}.storybook-page{transform-origin:0;background:linear-gradient(135deg,#fffdf8,#fff1d9);border-radius:30px;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);gap:clamp(18px,4vw,38px);min-height:540px;padding:clamp(18px,4vw,38px);animation:.42s pageTurn;display:grid;position:relative;overflow:hidden}.storybook-art{background:radial-gradient(circle at 50% 100%,#f0bb6a 0 14%,#0000 15%),linear-gradient(#a7ddff,#fdf0d5 60%,#bbdfc4);border:12px solid #fff;border-radius:32px;min-height:420px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7e4b2c1a,0 18px 40px #402d1f21}.page-copy{align-self:center}.page-copy h2{margin-bottom:18px;font-size:clamp(2rem,4.8vw,4.2rem)}.page-copy p{color:#4e4439;font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.78}.read-line{background:#edf8f0b8;border:2px dashed #0c5b4c47;border-radius:20px;margin-top:20px;padding:16px}.read-line-tryItYourself{background:#fff8e1e0;border-color:#f3bc4fbf}.read-line span{color:var(--pine);margin-bottom:6px;font-weight:900;display:block}.read-line strong{font-size:clamp(1.2rem,2vw,1.5rem)}.moon,.window-shine,.cookie,.crumb,.snow,.letter,.sun,.paper-star,.leaf,.treasure-box,.map-card,.badge{display:block;position:absolute}.moon{background:#fff7bd;border-radius:50%;width:78px;height:78px;top:34px;right:38px;box-shadow:0 0 40px #fff7bdbf}.window-shine{background:#fff3;border:8px solid #ffffffbf;border-radius:24px;width:120px;height:140px;inset:34px 28px auto auto}.cookie{background:radial-gradient(circle at 30% 35%,#734125 0 5px,#0000 6px),radial-gradient(circle at 62% 54%,#734125 0 4px,#0000 5px),#c98242;border-radius:50%;width:112px;height:112px;animation:2.2s ease-in-out infinite cookieBounce;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 16px #56301629}.crumb{background:#b86d32;border-radius:50%;width:15px;height:15px;animation:1.4s ease-in-out infinite twinkle}.crumb-one{bottom:48px;left:40%}.crumb-two{animation-delay:.3s;bottom:84px;left:30%}.crumb-three{animation-delay:.6s;bottom:46px;left:62%}.snow{background:#fff;border-radius:50%;width:11px;height:11px;animation:4s linear infinite snowFall;box-shadow:0 0 16px #ffffffd9}.snow-one{top:-20px;left:18%}.snow-two{animation-delay:1.2s;top:-35px;left:54%}.snow-three{animation-delay:2.2s;top:-15px;left:78%}.letter{background:#fffaf0;border-radius:10px;width:122px;height:76px;animation:2.7s ease-in-out infinite letterSlide;bottom:54px;left:36px;transform:rotate(-8deg);box-shadow:0 18px 30px #582a182e}.letter:before{content:"";border-top:3px solid #a9283a59;position:absolute;inset:12px;transform:skewY(-18deg)}.badge{background:var(--pine);color:#fff;border-radius:50%;place-items:center;width:86px;height:86px;font-weight:1000;display:grid;bottom:34px;right:38px;box-shadow:0 12px 30px #0c5b4c40}.page-theme-holiday-cookie.page-scene-cover .storybook-art{background:linear-gradient(145deg,#b92f43,#7e1f2f 60%,#2c5b4f)}.page-theme-holiday-cookie.page-scene-cover .badge{transform:scale(1.18)}.page-theme-holiday-cookie.page-scene-cover .cookie{bottom:104px}.page-theme-holiday-cookie.page-scene-kitchen .window-shine{opacity:.55}.page-theme-holiday-cookie.page-scene-crumbs .cookie{opacity:.18}.page-theme-holiday-cookie.page-scene-window .snow{animation-duration:2.8s}.page-theme-holiday-cookie.page-scene-door .letter{bottom:72px;left:42%}.page-theme-holiday-cookie.page-scene-porch .storybook-art{background:linear-gradient(#264d75,#bfe7ff 56%,#fff)}.page-theme-holiday-cookie.page-scene-reveal .cookie{width:138px;height:138px}.page-theme-holiday-cookie.page-scene-club .storybook-art{background:radial-gradient(circle at 50% 42%,#fff7bd 0 18%,#0000 19%),linear-gradient(145deg,#0c5b4c,#b92f43)}.art-sunny{background:radial-gradient(circle at 20% 90%,#ffffffb3 0 12%,#0000 13%),linear-gradient(#8dd7ff,#fff2b8 58%,#a8d87e)}.sun{background:#ffd85d;border-radius:50%;width:92px;height:92px;animation:2.4s ease-in-out infinite twinkle;top:28px;right:34px;box-shadow:0 0 42px #ffd85dd9}.paper-star{clip-path:polygon(50% 0%,62% 35%,100% 35%,69% 56%,82% 100%,50% 72%,18% 100%,31% 56%,0 35%,38% 35%);background:var(--gold);width:34px;height:34px;animation:1.8s ease-in-out infinite twinkle;box-shadow:0 10px 20px #7e4b2c2e}.star-one{top:78px;left:28%}.star-two{animation-delay:.45s;bottom:76px;left:58%}.star-three{animation-delay:.9s;bottom:128px;left:16%}.leaf{background:#4f9f54;border-radius:46px 0;width:46px;height:24px;animation:3s ease-in-out infinite leafFloat;transform:rotate(-24deg)}.leaf-one{bottom:98px;left:28px}.leaf-two{animation-delay:.7s;bottom:146px;right:90px}.treasure-box{background:linear-gradient(#b8773a 0 42%,#805024 43% 100%);border-radius:16px 16px 10px 10px;width:138px;height:82px;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 18px #56301629}.treasure-box:before{content:"";background:#ffd85dcc;height:7px;position:absolute;inset:26px 0 auto}.map-card{background:#fff6d8;border-radius:12px;width:116px;height:74px;animation:3s ease-in-out infinite letterSlide;bottom:56px;left:38px;transform:rotate(-7deg);box-shadow:0 16px 30px #582a1829}.map-card:before{content:"";border-top:4px dotted #0c5b4c73;position:absolute;inset:18px}.page-theme-sunny-treasure.page-scene-cover .storybook-art{background:linear-gradient(145deg,#1c8bb3,#f2c75c 58%,#3b8b54)}.page-theme-sunny-treasure.page-scene-cover .badge{transform:scale(1.15)}.page-theme-sunny-treasure.page-scene-cover .treasure-box{bottom:112px}.page-theme-sunny-treasure.page-scene-table .map-card{bottom:120px;left:46%}.page-theme-sunny-treasure.page-scene-window .window-shine{opacity:.72}.page-theme-sunny-treasure.page-scene-message .map-card{bottom:92px;left:48%}.page-theme-sunny-treasure.page-scene-porch .storybook-art{background:linear-gradient(#6ed0ff,#fff2b8 58%,#8cc66a)}.page-theme-sunny-treasure.page-scene-tree .treasure-box{width:158px;height:92px}.page-theme-sunny-treasure.page-scene-club .storybook-art{background:radial-gradient(circle at 50% 42%,#fff7bd 0 18%,#0000 19%),linear-gradient(145deg,#0c5b4c,#f3bc4f)}.art-scene.forest-scene{background:linear-gradient(#c8e6c9 0%,#81c784 50%,#4caf50 100%);position:absolute;inset:0;overflow:hidden}.art-scene.forest-scene.art-cover{background:linear-gradient(145deg,#2e7d32,#66bb6a 55%,#8d6e63)}.art-scene.forest-scene.art-default{background:linear-gradient(#a5d6a7,#66bb6a 60%,#4caf50)}.tree{border-radius:50%/60% 60% 40% 40%;position:absolute}.tree-big{background:linear-gradient(#43a047,#2e7d32);width:120px;height:160px;bottom:20px;left:20px;box-shadow:0 -20px 0 -15px #43a047,0 -40px 0 -30px #43a047}.tree-big:before{content:"";background:#5d4037;border-radius:4px;width:18px;height:40px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.tree-small{background:linear-gradient(#66bb6a,#388e3c);width:80px;height:110px;bottom:30px;right:30px;box-shadow:0 -15px 0 -10px #66bb6a}.tree-small:before{content:"";background:#5d4037;border-radius:3px;width:12px;height:28px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.mushroom{position:absolute}.mushroom-1{width:36px;height:36px;bottom:30px;left:160px}.mushroom-1:before{content:"";background:#ef5350;border-radius:50% 50% 0 0/80% 80% 0 0;width:36px;height:20px;position:absolute;top:0;left:0}.mushroom-1:after{content:"";background:#ffe0b2;border-radius:0 0 10px 10px;width:20px;height:20px;position:absolute;top:16px;left:8px}.mushroom-2{width:28px;height:28px;bottom:20px;right:130px}.mushroom-2:before{content:"";background:#ff7043;border-radius:50% 50% 0 0/80% 80% 0 0;width:28px;height:16px;position:absolute;top:0;left:0}.mushroom-2:after{content:"";background:#ffe0b2;border-radius:0 0 8px 8px;width:16px;height:16px;position:absolute;top:12px;left:6px}.acorn{width:22px;height:28px;position:absolute}.acorn:before{content:"";background:#795548;border-radius:50% 50% 0 0;width:22px;height:12px;position:absolute;top:0;left:0}.acorn:after{content:"";background:#a1887f;border-radius:0 0 50% 50%;width:18px;height:18px;position:absolute;top:10px;left:2px}.acorn-1{bottom:50px;left:120px}.acorn-2{bottom:55px;right:90px;transform:rotate(15deg)}.butterfly{width:48px;height:32px;animation:3.5s ease-in-out infinite butterflyFloat;position:absolute;top:40px;left:40%}.butterfly:before,.butterfly:after{content:"";background:#ce93d8;border-radius:50% 50% 50% 0;width:22px;height:28px;animation:.6s ease-in-out infinite alternate butterflyWing;position:absolute;top:2px}.butterfly:before{left:0}.butterfly:after{right:0;transform:scaleX(-1)}@keyframes butterflyFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-15px)}}@keyframes butterflyWing{0%{transform:scaleX(1)}to{transform:scaleX(.65)}}.grass-tuft{background:radial-gradient(at 20% 100%,#43a047 0 4px,#0000 5px),radial-gradient(at 50% 100%,#43a047 0 4px,#0000 5px),radial-gradient(at 80% 100%,#43a047 0 4px,#0000 5px);width:40px;height:20px;position:absolute;bottom:0}.grass-1{left:10px}.grass-2{right:20px}.page-theme-forest-friends .storybook-art,.art-scene.forest-scene{background:linear-gradient(#a5d6a7,#66bb6a 55%,#4caf50)}.art-scene.forest-scene.art-cover .storybook-art{background:linear-gradient(145deg,#1b5e20,#4caf50 55%,#6d4c41)}.art-scene.ocean-scene{background:linear-gradient(#4fc3f7 0%,#29b6f6 40%,#0288d1 100%);position:absolute;inset:0;overflow:hidden}.art-scene.ocean-scene.art-cover{background:linear-gradient(145deg,#01579b,#0288d1 55%,#26a69a)}.art-scene.ocean-scene.art-default{background:linear-gradient(#81d4fa,#29b6f6 60%,#0277bd)}.bubble{background:#ffffff59;border-radius:50%;animation:4s ease-in infinite bubbleRise;position:absolute}.bubble-1{width:16px;height:16px;animation-delay:0s;bottom:0;left:15%}.bubble-2{width:10px;height:10px;animation-delay:.8s;bottom:0;left:28%}.bubble-3{width:20px;height:20px;animation-delay:1.5s;bottom:0;left:55%}.bubble-4{width:8px;height:8px;animation-delay:2.2s;bottom:0;left:70%}.bubble-5{width:14px;height:14px;animation-delay:3s;bottom:0;left:85%}@keyframes bubbleRise{0%{opacity:0;bottom:0}20%{opacity:.5}80%{opacity:.4}to{opacity:0;bottom:100%}}.fish{width:56px;height:32px;animation:6s ease-in-out infinite fishSwim;position:absolute;top:45%;left:30%}.fish:before{content:"";background:#ff9800;border-radius:50%/60% 60% 40% 40%;width:40px;height:28px;position:absolute}.fish:after{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:16px solid #ff9800;width:0;height:0;position:absolute;top:4px;right:-12px}@keyframes fishSwim{0%,to{left:25%;transform:scaleX(1)}45%{left:65%;transform:scaleX(1)}50%{left:65%;transform:scaleX(-1)}95%{left:25%;transform:scaleX(-1)}}.seaweed{transform-origin:bottom;background:linear-gradient(#43a047,#2e7d32);border-radius:14px 14px 0 0;width:14px;animation:3s ease-in-out infinite seaweedSway;position:absolute;bottom:0}.seaweed-1{height:60px;left:20%}.seaweed-2{height:80px;animation-delay:1s;right:25%}@keyframes seaweedSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.shell{clip-path:polygon(50% 0%,100% 100%,0% 100%);background:linear-gradient(#ffb74d 0%,#ff9800 50%,#f57c00 100%);border-radius:50% 50% 0 0;width:44px;height:36px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.shell:before{content:"";clip-path:polygon(50% 0%,100% 100%,0% 100%);background:repeating-linear-gradient(#0000 0 4px,#00000014 4px 8px);position:absolute;inset:0}.wave{background:#fff3;border-radius:50%;height:12px;animation:2.5s ease-in-out infinite waveMove;position:absolute;left:0;right:0}.wave-top{top:10px}.wave-bottom{animation-delay:1.2s;bottom:0}@keyframes waveMove{0%,to{transform:translate(-5px)scaleX(1)}50%{transform:translate(5px)scaleX(1.05)}}.page-theme-ocean-adventure .storybook-art{background:linear-gradient(#81d4fa,#29b6f6 60%,#0277bd)}.page-audio-player{background:#edf8f0d9;border:2px solid #0c5b4c1f;border-radius:16px;margin:16px 0;padding:14px 18px}.audio-label{color:var(--pine);margin:0 0 8px;font-size:.85rem;font-weight:700}.page-audio-element{border-radius:8px;width:100%;height:36px}.story-header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.story-header-row .eyebrow{flex:1}.favorite-btn{cursor:pointer;color:#ccc;background:0 0;border:none;padding:0;font-size:1.8rem;line-height:1;transition:color .2s,transform .2s}.favorite-btn:hover{transform:scale(1.2)}.favorite-btn.active{color:gold;animation:.3s starPop}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.read-badge{color:#2e7d32;background:#4caf5026;border-radius:999px;align-items:center;gap:3px;padding:2px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.keyboard-hint{text-align:center;color:var(--muted);opacity:.7;margin:10px 0;font-size:.78rem}.celebration-stars{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.cel-star{font-size:1.8rem;animation:.6s ease-out celBounce}.cel-1{animation-delay:0s}.cel-2{animation-delay:.1s}.cel-3{animation-delay:.2s}.cel-4{animation-delay:.3s}.cel-5{animation-delay:.4s}@keyframes celBounce{0%{opacity:0;transform:translateY(-20px)scale(0)}60%{opacity:1;transform:translateY(5px)scale(1.2)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.favorite-btn.active,.cel-star{animation:none}}.library-filter{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 0;display:flex}.filter-btn{color:var(--pine);cursor:pointer;background:#fff;border:1px solid #0c5b4c26;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.filter-btn.active{background:var(--pine);color:#fff;border-color:var(--pine)}.story-card{position:relative}.story-card--read{border-color:#4caf504d}.card-read-badge,.card-fav-badge{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:900;display:flex;position:absolute;top:10px;box-shadow:0 2px 8px #00000026}.card-read-badge{color:#fff;background:#4caf50;right:10px}.card-fav-badge{color:#7e1f2f;background:gold;font-size:1rem;left:10px}.resume-note{color:var(--pine);text-align:center;background:#edf8f0e6;border-radius:999px;margin:12px 0 0;padding:10px 14px;font-weight:900}.reading-mode-card{background:#fffdf6c2;border:1px solid #0c5b4c21;border-radius:26px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:18px 0;padding:18px;display:grid;box-shadow:0 14px 34px #502a1914}.reading-mode-card h2{margin-bottom:4px;font-size:clamp(1.35rem,3vw,2.1rem)}.reading-mode-card p:not(.eyebrow){color:var(--muted);margin:0}.mode-toggle{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.mode-toggle button{color:var(--pine);box-shadow:none;background:#fff;border:1px solid #7e4b2c29;padding:11px 14px;font-size:.9rem}.mode-toggle button.active,.mode-toggle button[aria-pressed=true]{background:var(--cranberry);color:#fff}.audio-card{background:#ffffffad;border:1px solid #7e1f2f1c;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:18px;display:flex}.audio-card h3{font-size:1.45rem}.audio-card p{margin:6px 0 0;font-size:1rem}.audio-card audio{max-width:min(100%,340px)}.audio-placeholder{color:var(--pine);background:#edf8f0db;border-radius:16px;padding:12px 14px;font-weight:900}.celebration-audio{background:#fff}.reader-controls{grid-template-columns:auto 1fr auto;align-items:center;display:grid}.reader-hint{color:#5d5042;text-align:center;background:#fff2dacc;border-radius:20px;padding:14px 18px}.reader-hint span{color:var(--cranberry-dark);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:1000;display:block}.library-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.story-card{border-radius:28px;padding:18px;display:block}.story-card-art{background:linear-gradient(145deg,#bfe7ff,#fff1d9 56%,#0c5b4c);border-radius:22px;height:220px;margin-bottom:18px;position:relative;overflow:hidden}.story-card-art-sunny-treasure{background:linear-gradient(145deg,#8dd7ff,#fff2b8 56%,#6fb96f)}.story-card-art-sunny-treasure .cookie{background:#ffd85d;bottom:88px;box-shadow:0 0 34px #ffd85dd9}.story-card-art-sunny-treasure .snow{clip-path:polygon(50% 0%,62% 35%,100% 35%,69% 56%,82% 100%,50% 72%,18% 100%,31% 56%,0 35%,38% 35%);background:var(--gold);border-radius:0}.story-card h2{font-size:2rem}.big-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.family-note{color:#fff;background:linear-gradient(135deg,#0c5b4ceb,#7e1f2fe6)}.family-note .eyebrow,.family-note p{color:#fffc}.end-card{background:linear-gradient(135deg,#fffc,#edf8f0f2);border:1px solid #0c5b4c1f;border-radius:28px;margin-top:20px;padding:clamp(22px,4vw,34px)}.end-card h2{font-size:clamp(2rem,4vw,3.6rem)}.learning-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;margin-top:22px;display:grid}.learning-grid h3{margin-bottom:12px;font-size:1.45rem}.learning-grid li{color:#4e4439;margin-bottom:8px;line-height:1.7}.word-chips{flex-wrap:wrap;gap:10px;display:flex}.word-chips span{color:var(--pine);background:#fff;border-radius:999px;padding:10px 14px;font-weight:1000;box-shadow:0 8px 18px #0c5b4c14}.compact-actions{margin-top:20px}:focus-visible{outline-offset:4px;outline:4px solid #f3bc4fbf}@keyframes bookFloat{0%,to{transform:rotateY(-9deg)rotateX(4deg)translateY(0)}50%{transform:rotateY(-5deg)rotateX(2deg)translateY(-12px)}}@keyframes twinkle{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}@keyframes pageTurn{0%{opacity:.45;transform:rotateY(-8deg)translate(-10px)}to{opacity:1;transform:rotateY(0)translate(0)}}@keyframes cookieBounce{0%,to{transform:translate(-50%)translateY(0)rotate(-2deg)}50%{transform:translate(-50%)translateY(-8px)rotate(4deg)}}@keyframes snowFall{0%{opacity:0;transform:translateY(-20px)}20%{opacity:1}to{opacity:0;transform:translateY(460px)}}@keyframes letterSlide{0%,to{transform:translate(0)rotate(-8deg)}50%{transform:translate(18px)rotate(-3deg)}}@keyframes leafFloat{0%,to{transform:translateY(0)rotate(-24deg)}50%{transform:translateY(-10px)rotate(-12deg)}}@media (max-width:860px){.hero-grid,.storybook-page,.gate-card,.steps-grid,.learning-grid{grid-template-columns:1fr}.site-header{border-radius:26px;flex-direction:column;align-items:flex-start;gap:10px}.brand-mark strong{font-size:1rem}.site-nav{flex-wrap:wrap;width:100%}.site-nav a{text-align:center;flex:1}.hero-grid{min-height:auto}.storybook-preview,.preview-book{max-width:340px;min-height:380px;margin:0 auto}.reader-topbar,.audio-card,.reading-mode-card{flex-direction:column;align-items:flex-start}.reading-mode-card{grid-template-columns:1fr}.mode-toggle{justify-content:flex-start;width:100%}.mode-toggle button{flex:160px}.reader-controls{grid-template-columns:1fr}.reader-controls button{width:100%;padding:18px 20px;font-size:1.1rem}.storybook-art{min-height:260px}.hero-actions{flex-direction:column}.hero-actions a{text-align:center;width:100%;padding:16px 20px}.quick-specs{justify-content:center}.library-grid{grid-template-columns:1fr}}@media (max-width:480px){.site-shell{width:calc(100% - 20px);padding:16px 0 40px}.narrow-shell{width:calc(100% - 20px)}h1{font-size:clamp(2.2rem,11vw,3.5rem)}.hero-copy{border-radius:24px;padding:24px 20px}.section-card,.page-header{border-radius:22px;padding:20px}.gate-card{border-radius:24px;padding:24px 20px}.preview-book{max-width:280px;min-height:320px;padding:28px}.preview-book h2{margin-top:80px;font-size:clamp(1.6rem,7vw,2.5rem)}.storybook-preview{min-height:340px}.storybook-art{min-height:220px}.reader-meta{flex-wrap:wrap}.reader-meta span{padding:6px 10px;font-size:.82rem}.mode-toggle button{padding:14px 12px;font-size:.9rem}.story-card,.start-step{padding:16px}.start-step-body h2{font-size:1.2rem}.editor-page-card{padding:14px}}.editor-section{gap:18px;display:grid}.editor-section-title{color:var(--cranberry);margin:0;font-size:1.5rem;font-weight:900}.editor-section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-field{gap:6px;display:grid}.editor-label{color:var(--ink);font-size:.95rem;font-weight:900}.editor-hint{color:var(--muted);margin-left:6px;font-size:.82rem;font-weight:400}.editor-input{width:100%;color:var(--ink);font:inherit;background:#fff;border:2px solid #7e1f2f1f;border-radius:14px;padding:12px 16px;font-size:1rem;transition:border-color .2s}.editor-input:focus{border-color:var(--cranberry);outline:none;box-shadow:0 0 0 3px #a9283a1a}.editor-textarea{resize:vertical;min-height:80px;line-height:1.6}.editor-page-card{background:#fffdf6cc;border:2px solid #0c5b4c1a;border-radius:20px;gap:14px;padding:20px;display:grid}.editor-page-header{justify-content:space-between;align-items:center;display:flex}.editor-page-header strong{color:var(--pine);font-size:1.1rem}.editor-page-controls{gap:6px;display:flex}.editor-page-controls button{color:var(--pine);cursor:pointer;background:#fff;border:2px solid #0c5b4c1f;border-radius:10px;padding:6px 12px;font-weight:900;transition:background .15s}.editor-page-controls button:hover:not(:disabled){background:var(--mint)}.editor-page-controls button:disabled{opacity:.4;cursor:default}.editor-remove-btn{color:var(--cranberry)!important;border-color:#a9283a26!important}.editor-remove-btn:hover{background:#a9283a14!important}.editor-add-btn{color:var(--pine);cursor:pointer;background:0 0;border:2px dashed #0c5b4c40;border-radius:16px;padding:14px;font-size:1rem;font-weight:900;transition:background .2s,border-color .2s}.editor-add-btn:hover{background:var(--mint);border-color:var(--pine)}.editor-add-btn-full{width:100%;margin-top:8px}.editor-download-section{text-align:center;place-items:center;gap:16px;display:grid}.editor-download-btn{cursor:pointer;border:0;border-radius:999px;padding:18px 36px;font-size:1.1rem}.editor-download-btn:disabled{opacity:.5;cursor:default}.editor-success-note{color:var(--pine);font-size:1.1rem;font-weight:900}@media (max-width:640px){.editor-page-card{padding:16px}.editor-section-header{flex-direction:column;align-items:flex-start}}.footer-admin-link{margin-top:10px;font-size:.85rem}.footer-admin-link a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.footer-admin-link a:hover{color:var(--cranberry)}.start-hero{text-align:center;place-items:center;gap:12px;padding-bottom:8px;display:grid}.start-hero h1{font-size:clamp(2.5rem,8vw,5rem)}.start-cta{margin-top:18px;padding:18px 32px;font-size:1.2rem}.start-steps{gap:16px;margin:20px 0;display:grid}.start-step{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf6cc;border:1px solid #7e4b2c21;border-radius:24px;align-items:flex-start;gap:18px;padding:22px;transition:transform .25s,box-shadow .25s;display:flex}.start-step:hover{transform:translateY(-3px);box-shadow:0 12px 36px #502a1924}.start-step-num{background:linear-gradient(135deg, var(--cranberry), var(--cranberry-dark));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.3rem;font-weight:1000;display:grid}.start-step-body h2{margin-bottom:4px;font-size:1.4rem}.start-step-body p{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.6}.save-tip-card{gap:14px;display:grid}.save-tip-steps{gap:10px;display:grid}.save-tip-steps p{color:var(--muted);margin:0;line-height:1.6}.save-tip-note{color:var(--pine);border-top:1px dashed #0c5b4c33;margin:0;padding-top:12px;font-size:.95rem;font-weight:900}@media (max-width:640px){.start-step{flex-direction:column;gap:12px}.start-step-num{width:40px;height:40px;font-size:1.1rem}}.scroll-progress{background:linear-gradient(90deg, var(--cranberry), var(--gold), var(--pine));transform-origin:0;z-index:9999;width:100%;height:3px;animation:linear progress-track;animation-timeline:scroll(root);position:fixed;top:0;left:0;transform:scaleX(0);box-shadow:0 1px 4px #a9283a4d}@keyframes progress-track{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.shimmer-text{background:linear-gradient(90deg, var(--cranberry) 0%, var(--gold) 25%, var(--cranberry-dark) 50%, var(--gold) 75%, var(--cranberry) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite warm-shimmer}@keyframes warm-shimmer{to{background-position:200%}}.story-card{transition:transform .3s,box-shadow .3s,border-color .3s}.story-card:hover{border-color:#f3bc4f66;transform:translateY(-6px);box-shadow:0 20px 60px #502a1938,0 0 28px #f3bc4f40}.steps-grid article{transition:transform .25s,box-shadow .25s}.steps-grid article:hover{transform:translateY(-3px);box-shadow:0 12px 36px #502a1924}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.admin-auth-card{background:#fff;border-radius:16px;max-width:420px;margin:4rem auto;padding:2.5rem;box-shadow:0 2px 24px #781e1e14}.admin-auth-header h1{color:var(--cranberry-dark);margin:.25rem 0 .5rem;font-size:1.6rem}.admin-auth-form{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.admin-auth-form label{color:var(--pine);font-size:.85rem;font-weight:700}.admin-auth-form input{border:2px solid var(--cream);background:var(--cream-light);border-radius:10px;padding:.75rem;font-size:1rem;transition:border-color .2s}.admin-auth-form input:focus{border-color:var(--cranberry);outline:none}.admin-auth-form button{background:var(--cranberry);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:700;transition:background .2s}.admin-auth-form button:hover:not(:disabled){background:var(--cranberry-dark)}.auth-toggle{width:100%;color:var(--pine-light);cursor:pointer;background:0 0;border:none;margin-top:1rem;padding:.5rem;font-size:.85rem;text-decoration:underline;display:block}.admin-shell{max-width:900px}.admin-topbar{border-bottom:2px solid var(--cream);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.admin-topbar h1{color:var(--cranberry-dark);margin:.15rem 0 0;font-size:1.5rem}.admin-topbar-right{align-items:center;gap:1rem;display:flex}.admin-user{color:var(--pine-light);font-size:.85rem}.admin-signout{border:1px solid var(--cream);color:var(--pine);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .8rem;font-size:.8rem;transition:all .2s}.admin-signout:hover{border-color:var(--cranberry);color:var(--cranberry)}.admin-list-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-list-header h2{color:var(--cranberry-dark);margin:0;font-size:1.3rem}.admin-primary-btn{background:var(--cranberry);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;transition:background .2s}.admin-primary-btn:hover:not(:disabled){background:var(--cranberry-dark)}.admin-primary-btn:disabled{opacity:.5;cursor:not-allowed}.admin-loading{text-align:center;color:var(--pine-light);padding:2rem}.admin-empty{text-align:center;background:var(--cream-light);color:var(--pine-light);border-radius:12px;padding:2.5rem}.admin-story-row{border:2px solid var(--cream);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1.25rem;transition:border-color .2s;display:flex}.admin-story-row:hover{border-color:var(--gold)}.admin-story-info h3{color:var(--cranberry-dark);margin:0 0 .25rem;font-size:1.05rem}.admin-story-meta{color:var(--pine-light);margin:0 0 .5rem;font-size:.8rem}.admin-story-badges{gap:.4rem;display:flex}.badge{border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.badge-published{color:#155724;background:#d4edda}.badge-draft{background:var(--cream);color:var(--pine-light)}.badge-theme{background:var(--gold-light);color:var(--gold-dark)}.admin-story-actions{gap:.4rem;display:flex}.admin-action-btn{border:1px solid var(--cream);color:var(--pine);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .75rem;font-size:.8rem;transition:all .2s}.admin-action-btn:hover:not(:disabled){border-color:var(--cranberry);color:var(--cranberry)}.admin-delete-btn:hover{color:#c0392b;border-color:#c0392b}.admin-preview-link{text-decoration:none;display:inline-block}.admin-edit-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-edit-header h2{color:var(--cranberry-dark);margin:0;font-size:1.3rem}.admin-edit-actions{gap:.5rem;display:flex}.editor-section{border:2px solid var(--cream);background:#fff;border-radius:14px;margin-bottom:1.5rem;padding:1.5rem}.editor-section-title{color:var(--pine);margin:0 0 1rem;font-size:1rem}.editor-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.editor-field{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.editor-field label{color:var(--pine);font-size:.8rem;font-weight:700}.editor-field input,.editor-field select,.editor-field textarea{border:2px solid var(--cream);background:var(--cream-light);border-radius:8px;padding:.6rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.editor-field input:focus,.editor-field select:focus,.editor-field textarea:focus{border-color:var(--cranberry);outline:none}.editor-field textarea{resize:vertical;line-height:1.6}.field-hint{color:var(--pine-light);font-size:.75rem}.editor-field-row{gap:1rem;display:flex}.editor-field-row .editor-field{flex:1}.editor-field-checkbox label{color:var(--pine);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.editor-field-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--cranberry)}.page-card{background:var(--cream-light);border:2px solid var(--cream);border-radius:10px;margin-bottom:1rem;padding:1rem}.page-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.page-card-header strong{color:var(--cranberry-dark);font-size:.9rem}.page-card-actions{align-items:center;gap:.3rem;display:flex}.page-move-btn{border:1px solid var(--cream);cursor:pointer;width:28px;height:28px;color:var(--pine);background:#fff;border-radius:6px;font-size:.85rem;transition:all .2s}.page-move-btn:hover:not(:disabled){border-color:var(--cranberry);color:var(--cranberry)}.page-move-btn:disabled{opacity:.3;cursor:not-allowed}.page-remove-btn{border:1px solid var(--cream);color:#c0392b;cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;transition:all .2s}.page-remove-btn:hover{background:#fdf2f2;border-color:#c0392b}.admin-error-banner{color:#c0392b;background:#fdf2f2;border:2px solid #f5c6cb;border-radius:10px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.admin-info-banner{color:#2e7d32;background:#e8f5e9;border:2px solid #a5d6a7;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.banner-dismiss{color:#2e7d32;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #a5d6a7;border-radius:6px;padding:.2rem .6rem;font-size:.75rem}.admin-edit-footer{border-top:2px solid var(--cream);justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}@media (max-width:640px){.admin-topbar{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-story-row{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-story-actions{width:100%}.admin-edit-header{flex-direction:column;align-items:flex-start;gap:.5rem}.editor-field-row{flex-direction:column;gap:0}}.create-page{max-width:760px;margin:0 auto;padding:2rem 1.25rem 4rem}.create-hero{text-align:center;margin-bottom:2.5rem;animation:.6s ease-out createFadeIn}.create-hero-emoji{margin-bottom:.5rem;font-size:4rem;animation:2s ease-in-out infinite createBounce}.create-hero-decoration{justify-content:center;gap:.75rem;margin-top:1rem;font-size:1.5rem;display:flex}.create-hero-decoration span{animation:3s ease-in-out infinite float-up;animation-delay:var(--d,0s)}@keyframes float-up{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(10deg)}}.create-hero h1{color:var(--cranberry);margin:0 0 .5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:2.6rem;font-weight:700;line-height:1.15}.create-hero p{color:var(--muted);margin:0;font-size:1.1rem}.create-form-card{background:var(--paper);box-shadow:var(--shadow);border:2px solid #a9283a14;border-radius:24px;padding:2rem 1.75rem}.create-field{margin-bottom:1.75rem}.create-field label{color:var(--ink);align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:1.05rem;font-weight:600;display:flex}.field-emoji{font-size:1.3rem}.create-field input[type=text],.create-field textarea{width:100%;color:var(--ink);background:var(--cream);resize:vertical;border:2px solid #0c5b4c26;border-radius:14px;padding:.85rem 1rem;font-family:Montserrat,sans-serif;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}.create-field input:focus,.create-field textarea:focus{border-color:var(--cranberry);outline:none;box-shadow:0 0 0 4px #a9283a1a}.create-field input::placeholder,.create-field textarea::placeholder{color:#6b5f5280}.char-count{text-align:right;color:var(--muted);margin-top:.25rem;font-size:.8rem}.theme-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.theme-chip{background:var(--cream);cursor:pointer;color:var(--ink);border:2px solid #0c5b4c1a;border-radius:16px;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .5rem;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.theme-chip:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 6px 20px #f3bc4f40}.theme-chip.selected{border-color:var(--cranberry);background:#a9283a0f;transform:translateY(-2px);box-shadow:0 4px 16px #a9283a26}.theme-emoji{font-size:2rem;line-height:1}.theme-label{font-size:.82rem}.create-submit-btn{color:#fff;background:linear-gradient(135deg, var(--cranberry), var(--cranberry-dark));cursor:pointer;letter-spacing:.5px;border:none;border-radius:16px;width:100%;padding:1.1rem 2rem;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;transition:all .25s;display:block;box-shadow:0 8px 24px #a9283a4d}.create-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #a9283a66}.create-submit-btn:active:not(:disabled){transform:translateY(0)}.create-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.create-loading{text-align:center;padding:4rem 1rem}.loading-emoji{margin-bottom:1rem;font-size:4.5rem;animation:3s linear infinite createSpin}.create-loading h2{color:var(--pine);margin:0 0 1.5rem;font-family:Cormorant Garamond,serif;font-size:1.8rem}.loading-dots{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.loading-dots span{background:var(--cranberry);border-radius:50%;width:14px;height:14px;animation:1.4s ease-in-out infinite dotPulse}.loading-dots span:nth-child(2){background:var(--gold);animation-delay:.2s}.loading-dots span:nth-child(3){background:var(--pine);animation-delay:.4s}.loading-hint{color:var(--muted);font-size:.95rem}.create-preview{animation:.5s ease-out createFadeIn}.preview-header{text-align:center;margin-bottom:2rem}.preview-badge{background:var(--mint);color:var(--pine);border-radius:100px;margin-bottom:1rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:700;display:inline-block}.preview-header h1{color:var(--cranberry);margin:0 0 .25rem;font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:700}.preview-subtitle{color:var(--muted);margin:0;font-size:1.1rem}.preview-pages{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.preview-page-card{background:var(--paper);border-left:4px solid var(--gold);border-radius:18px;gap:1.25rem;padding:1.25rem;display:flex;box-shadow:0 4px 16px #502a1914}.preview-page-art{background:var(--cream);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.page-emoji{font-size:2rem}.preview-page-content{flex:1;min-width:0}.preview-page-num{text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.preview-page-content h3{color:var(--ink);margin:0 0 .5rem;font-family:Cormorant Garamond,serif;font-size:1.3rem}.preview-page-content p{color:var(--muted);margin:.15rem 0;font-size:.95rem;line-height:1.5}.preview-read-line{background:#0c5b4c0f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.6rem;padding:.5rem .75rem;display:flex}.read-label{color:var(--pine);font-size:.8rem;font-weight:700}.read-text{color:var(--ink);font-size:.95rem;font-weight:600}.preview-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}.preview-publish-btn{color:#fff;background:linear-gradient(135deg, var(--pine), #084236);cursor:pointer;border:none;border-radius:14px;width:100%;padding:1rem 2rem;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;transition:all .25s;box-shadow:0 6px 20px #0c5b4c4d}.preview-publish-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0c5b4c66}.preview-try-again-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.5rem;font-family:Montserrat,sans-serif;font-size:.95rem;text-decoration:underline}.preview-try-again-btn:hover{color:var(--cranberry)}.create-success{text-align:center;padding:3rem 1rem;animation:.5s ease-out createFadeIn}.success-emoji{margin-bottom:1rem;font-size:5rem;animation:1s ease-out createBounce}.create-success h1{color:var(--cranberry);margin:0 0 .5rem;font-family:Cormorant Garamond,serif;font-size:2.4rem}.create-success p{color:var(--ink);margin:.25rem 0;font-size:1.2rem}.success-subtitle{color:var(--muted)!important;margin-top:.5rem!important;font-size:1rem!important}.success-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.success-link,.success-another-btn{cursor:pointer;border:none;border-radius:12px;padding:.85rem 1.75rem;font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.success-link{background:var(--cranberry);color:#fff}.success-link:hover{background:var(--cranberry-dark)}.success-another-btn{background:var(--cream);color:var(--pine);border:2px solid var(--pine)}.success-another-btn:hover{background:#0c5b4c0f}.create-error{text-align:center;padding:3rem 1rem}.error-emoji{margin-bottom:1rem;font-size:4rem}.create-error h2{color:var(--ink);margin:0 0 .5rem;font-family:Cormorant Garamond,serif;font-size:1.8rem}.create-error p{color:var(--muted);margin-bottom:1.5rem;font-size:1.05rem}.error-try-btn{color:#fff;background:var(--cranberry);cursor:pointer;border:none;border-radius:12px;padding:.85rem 1.75rem;font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:700;transition:all .2s}.error-try-btn:hover{background:var(--cranberry-dark)}@keyframes createFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes createBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes createSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotPulse{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (max-width:640px){.create-hero h1{font-size:2rem}.create-form-card{padding:1.5rem 1.25rem}.theme-grid{grid-template-columns:repeat(2,1fr)}.preview-page-card{flex-direction:column;gap:.75rem}.preview-page-art{width:100%;height:48px}.create-submit-btn{padding:1rem 1.5rem;font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.create-hero-emoji,.loading-emoji,.success-emoji{animation:none}.loading-dots span{opacity:.7;animation:none}}.voice-recorder{background:#fff9;border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.voice-btn{cursor:pointer;border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .2s;display:inline-flex}.voice-btn--record{color:#fff;background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c59}.voice-btn--record:hover{transform:scale(1.05);box-shadow:0 6px 20px #f5576c73}.voice-btn--stop{color:#fff;background:linear-gradient(135deg,#ff5858,#f857a6);animation:1.5s ease-in-out infinite pulse-glow}.voice-btn--delete{color:#dc3545;background:#dc35451f;padding:.4rem 1rem;font-size:.85rem}.voice-btn--delete:hover{background:#dc354533}.recording-pulse{background:#fff;border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite record-pulse;display:inline-block}@keyframes record-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #ff585859}50%{box-shadow:0 6px 25px #ff58588c}}.voice-uploading{color:var(--crc-text-muted,#6b7280);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.voice-spinner{border:3px solid #a855f733;border-top-color:#a855f7;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.voice-playback{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.voice-audio{border-radius:1rem;width:100%;max-width:400px;height:40px}.voice-error{color:#dc3545;text-align:center;font-size:.9rem}.voice-recorder--error{background:#dc354514;border:1px solid #dc354533}@media (prefers-reduced-motion:reduce){.voice-btn--stop,.recording-pulse,.voice-spinner,.create-hero-decoration span{animation:none}}.admin-pending-section{background:linear-gradient(135deg,#fff8e6cc,#ffebc899);border:2px solid #ffc1074d;border-radius:1.25rem;margin-bottom:2rem;padding:1.5rem}.pending-header h2{color:#92400e;margin:0 0 .25rem;font-size:1.5rem}.pending-header p{color:#a16207;margin:0 0 1rem;font-size:.9rem}.pending-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.pending-card{background:#fff;border:1px solid #00000014;border-radius:1rem;padding:1.25rem;transition:box-shadow .2s;box-shadow:0 2px 8px #0000000f}.pending-card:hover{box-shadow:0 4px 16px #0000001a}.pending-card-head h3{color:#1f2937;margin:0;font-size:1.15rem}.pending-creator{color:#7c3aed;margin-top:.25rem;font-size:.85rem;font-weight:600;display:inline-block}.pending-summary{color:#4b5563;margin:.75rem 0;font-size:.9rem;line-height:1.5}.pending-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.8rem;display:flex}.pending-theme-badge{color:#7c3aed;background:#a855f71a;border-radius:.5rem;padding:.15rem .5rem;font-weight:600}.pending-actions{flex-wrap:wrap;gap:.5rem;display:flex}.pending-btn{cursor:pointer;border:none;border-radius:.6rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s}.pending-btn--preview{color:#2563eb;background:#3b82f61a}.pending-btn--preview:hover{background:#3b82f633}.pending-btn--approve{color:#fff;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 2px 8px #10b9814d}.pending-btn--approve:hover{transform:scale(1.03);box-shadow:0 3px 12px #10b98166}.pending-btn--reject{color:#dc3545;background:#dc35451a}.pending-btn--reject:hover{background:#dc354533}.story-art{position:relative;overflow:hidden}.story-art-effects{pointer-events:none;z-index:1;position:absolute;inset:0}.theme-holiday-cookie .story-art-effects:before,.theme-holiday-cookie .story-art-effects:after{content:"";opacity:.6;background-image:radial-gradient(3px 3px at 10% 20%,#fff,#0000),radial-gradient(2px 2px at 30% 60%,#fff,#0000),radial-gradient(3px 3px at 50% 30%,#fffc,#0000),radial-gradient(2px 2px at 70% 80%,#fff,#0000),radial-gradient(4px 4px at 85%,#ffffffe6,#0000),radial-gradient(2px 2px at 20% 90%,#fff,#0000),radial-gradient(3px 3px at 60% 10%,#ffffffb3,#0000),radial-gradient(2px 2px at 90% 70%,#fff,#0000);background-repeat:no-repeat;background-size:100% 100%;width:100%;height:120%;animation:8s linear infinite snow-fall;position:absolute;top:-10%;left:0}.theme-holiday-cookie .story-art-effects:after{opacity:.4;animation-duration:12s;animation-delay:-4s}@keyframes snow-fall{0%{transform:translateY(-10%)}to{transform:translateY(20%)}}.theme-ocean-adventure .story-art-effects:before,.theme-ocean-adventure .story-art-effects:after{content:"";background:radial-gradient(circle at 30% 30%,#fff9,#7dd3fc26);border:1px solid #ffffff4d;border-radius:50%;position:absolute;bottom:-20%}.theme-ocean-adventure .story-art-effects:before{width:30px;height:30px;animation:6s ease-in infinite bubble-rise;left:15%}.theme-ocean-adventure .story-art-effects:after{width:20px;height:20px;animation:8s ease-in 2s infinite bubble-rise;left:60%}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:.7}to{opacity:0;transform:translateY(-400px)scale(1.2)}}.theme-sunny-treasure .story-art-effects:before{content:"";background-image:radial-gradient(2px 2px at 15% 25%,#ffd700cc,#0000),radial-gradient(3px 3px at 45% 55%,#ffd70099,#0000),radial-gradient(2px 2px at 75% 35%,#ffd700cc,#0000),radial-gradient(2px 2px at 25% 75%,#ffd70080,#0000),radial-gradient(3px 3px at 85% 65%,#ffd700b3,#0000);animation:3s ease-in-out infinite alternate sparkle-twinkle;position:absolute;inset:0}@keyframes sparkle-twinkle{0%{opacity:.3;transform:scale(.95)}to{opacity:.8;transform:scale(1.05)}}.theme-forest-friends .story-art-effects:before{content:"🍃";opacity:.5;font-size:1.5rem;animation:10s linear infinite leaf-drift;position:absolute;top:10%;left:-5%}.theme-forest-friends .story-art-effects:after{content:"🌿";opacity:.4;font-size:1.2rem;animation:12s linear 3s infinite leaf-drift-reverse;position:absolute;top:30%;right:-5%}@keyframes leaf-drift{0%{transform:translate(0)rotate(0)}50%{transform:translate(120px,80px)rotate(180deg)}to{transform:translate(240px,160px)rotate(360deg)}}@keyframes leaf-drift-reverse{0%{transform:translate(0)rotate(0)}50%{transform:translate(-120px,60px)rotate(-180deg)}to{transform:translate(-240px,120px)rotate(-360deg)}}.theme-bedtime .story-art-effects:before,.theme-magic .story-art-effects:before{content:"";background-image:radial-gradient(2px 2px at 20% 30%,#fff9,#0000),radial-gradient(1px 1px,#ffffff80,#0000),radial-gradient(2px 2px at 80% 40%,#ffffffb3,#0000),radial-gradient(1px 1px at 35% 70%,#fff6,#0000),radial-gradient(2px 2px at 65% 85%,#fff9,#0000);animation:4s ease-in-out infinite alternate starfield;position:absolute;inset:0}@keyframes starfield{0%{opacity:.3}to{opacity:.7}}@media (prefers-reduced-motion:reduce){.story-art-effects:before,.story-art-effects:after{animation:none!important}}.story-intro{z-index:9999;cursor:pointer;will-change:opacity;flex-direction:column;justify-content:center;align-items:center;transition:opacity .7s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}.story-intro--enter{opacity:0;animation:1.2s ease-out forwards introFadeIn}.story-intro--hold{opacity:1}.story-intro--exit{opacity:0;transform:scale(1.04)}@keyframes introFadeIn{0%{opacity:0}to{opacity:1}}.story-intro-glow{filter:blur(40px);pointer-events:none;border-radius:50%;width:500px;height:500px;animation:4s ease-in-out infinite glowPulse;position:absolute}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.story-intro-content{z-index:2;text-align:center;max-width:640px;padding:0 24px;position:relative}.story-intro-icon{opacity:0;margin-bottom:12px;font-size:clamp(40px,8vw,64px);animation:.8s cubic-bezier(.34,1.56,.64,1) forwards iconPop;transform:scale(.3)rotate(-20deg)}@keyframes iconPop{to{opacity:1;transform:scale(1)rotate(0)}}.story-intro-label{text-transform:uppercase;letter-spacing:.25em;opacity:0;margin:0 0 16px;font-family:Montserrat,system-ui,sans-serif;font-size:clamp(11px,2.5vw,14px);font-weight:700;animation:.6s ease-out forwards labelSlide}@keyframes labelSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:.9;transform:translateY(0)}}.story-intro-title{text-shadow:0 4px 30px #00000080;opacity:0;margin:0 0 20px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(28px,6.5vw,52px);font-weight:700;line-height:1.15;animation:.9s cubic-bezier(.16,1,.3,1) forwards titleRise;transform:translateY(30px)}@keyframes titleRise{to{opacity:1;transform:translateY(0)}}.story-intro-underline{opacity:0;border-radius:2px;width:0;height:4px;margin:0 auto 16px;animation:.6s ease-out forwards underlineGrow}@keyframes underlineGrow{0%{opacity:0;width:0}to{opacity:1;width:200px}}.story-intro-brand{color:#fff8e780;text-transform:uppercase;letter-spacing:.2em;opacity:0;margin:0;font-family:Montserrat,system-ui,sans-serif;font-size:clamp(10px,2vw,12px);font-weight:600;animation:.5s ease-out forwards brandFade}@keyframes brandFade{to{opacity:1}}.story-intro-skip{text-align:center;color:#fff6;opacity:0;font-family:system-ui,sans-serif;font-size:13px;animation:1.5s ease-in-out 2s infinite skipBlink;position:absolute;bottom:40px;left:0;right:0}@keyframes skipBlink{0%,to{opacity:.3}50%{opacity:.7}}.intro-particle{pointer-events:none;opacity:0;will-change:transform, opacity;position:absolute;top:-40px}.intro-snowflake{color:#fff9;animation-name:introSnowFall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes introSnowFall{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(110vh)translate(30px)}}.intro-bubble{background:radial-gradient(circle at 30% 30%,#ffffff80,#64c8ff33);border:1px solid #fff3;border-radius:50%;animation-name:introBubbleRise;animation-timing-function:ease-in;animation-iteration-count:infinite}@keyframes introBubbleRise{0%{opacity:0;transform:translateY(0)scale(.5)}10%{opacity:.6}90%{opacity:.4}to{opacity:0;transform:translateY(-110vh)scale(1.2)}}.intro-sparkle{animation-name:introSparkleTwinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes introSparkleTwinkle{0%,to{opacity:0;transform:scale(.5)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(90deg)}}.intro-leaf{animation-name:introLeafFall;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes introLeafFall{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}10%{opacity:.7}50%{transform:translateY(50vh)translate(-30px)rotate(180deg)}90%{opacity:.5}to{opacity:0;transform:translateY(110vh)translate(30px)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.story-intro,.story-intro-icon,.story-intro-label,.story-intro-title,.story-intro-underline,.story-intro-brand,.story-intro-skip,.intro-particle{transition:opacity .3s!important;animation:none!important}.story-intro--enter{opacity:1}}.page-transition-wrapper{animation:.4s ease-out pageEnter}.page-transition-wrapper.reverse{animation:.4s ease-out pageEnterReverse}@keyframes pageEnter{0%{opacity:0;transform:translate(30px)rotateY(-5deg)}to{opacity:1;transform:translate(0)rotateY(0)}}@keyframes pageEnterReverse{0%{opacity:0;transform:translate(-30px)rotateY(5deg)}to{opacity:1;transform:translate(0)rotateY(0)}}.story-art--turning{animation:.5s ease-out artRefresh}@keyframes artRefresh{0%{opacity:.3;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.page-transition-wrapper,.page-transition-wrapper.reverse{animation:none!important}}
.storybook-reader{background:#fffdf8f0;border:1px solid #7e1f2f1a;border-radius:36px;max-width:980px;margin:0 auto;padding:clamp(20px,4vw,42px);box-shadow:0 22px 70px #402d1f1f}.story-meta-line,.reader-progress-row,.mode-toggle,.story-controls,.end-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.story-meta-line{color:var(--muted);margin:-10px 0 18px;font-weight:800}.reader-progress-row{margin:18px 0 24px}.page-count{min-width:54px;color:var(--pine);font-weight:900}.reader-progress-track{background:#7e1f2f1a;border-radius:999px;flex:1;min-width:180px;height:11px;overflow:hidden}.reader-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--cranberry));height:100%;transition:width .3s}.reading-mode{background:linear-gradient(135deg,#edf8f0f2,#fff8e1d1);border:1px solid #0c5b4c1c;border-radius:24px;gap:8px;margin:22px 0;padding:clamp(16px,3vw,22px);display:grid}.reading-mode h2,.story-text h2,.story-end-card h2{margin:0}.mode-btn{color:var(--pine);cursor:pointer;background:#fffdf8;border:2px solid #0c5b4c2e;border-radius:999px;padding:10px 16px;font-weight:900}.mode-btn.active{background:var(--pine);color:#fff;border-color:var(--pine)}.story-art{background:radial-gradient(circle at 50% 100%,#f0bb6a 0 14%,#0000 15%),linear-gradient(#a7ddff,#fdf0d5 60%,#bbdfc4);border:12px solid #fff;border-radius:32px;min-height:clamp(260px,34vw,420px);margin:22px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7e4b2c1a,0 18px 40px #402d1f21}.story-art-inner,.story-art .art-scene{position:absolute;inset:0}.story-art--holiday-cookie{background:linear-gradient(145deg,#b92f43,#7e1f2f 60%,#2c5b4f)}.story-art--sunny-treasure{background:linear-gradient(145deg,#1c8bb3,#f2c75c 58%,#3b8b54)}.story-art--forest-friends{background:linear-gradient(#a5d6a7,#66bb6a 55%,#4caf50)}.story-art--ocean-adventure{background:linear-gradient(#81d4fa,#29b6f6 60%,#0277bd)}.story-text{background:#ffffffb8;border-radius:28px;padding:clamp(18px,3vw,30px);box-shadow:0 10px 30px #402d1f14}.story-text p{color:#4e4439;font-size:clamp(1.08rem,1.8vw,1.28rem);line-height:1.75}.read-line-card{background:#edf8f0d9;border:2px dashed #0c5b4c4d;border-radius:22px;margin-top:20px;padding:18px}.read-line-text{font-weight:900;color:var(--pine)!important;font-size:clamp(1.25rem,2.1vw,1.6rem)!important}.voice-family-note{background:#f3bc4f1f;border-radius:16px;gap:4px;margin:18px 0 0;padding:12px 14px;display:grid;color:#5a4c3d!important;font-size:.92rem!important}.voice-family-note strong{color:var(--pine)}.story-controls{justify-content:space-between;margin-top:24px}.control-btn{background:var(--cranberry);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:13px 20px;font-weight:900;text-decoration:none}.control-btn:disabled{opacity:.45;cursor:not-allowed}.back-btn{background:var(--pine)}.story-end-card{text-align:center;background:linear-gradient(135deg,#fff8e1f5,#edf8f0f0);border-radius:28px;margin-top:26px;padding:clamp(20px,4vw,32px)}.admin-access-note{color:var(--muted);text-align:center;margin:18px 0 0;font-size:.95rem}.site-header{z-index:40;position:sticky;top:12px}.login-corner-link{background:linear-gradient(135deg, var(--pine), #12816d);box-shadow:0 10px 22px #0c5b4c33;color:#fff!important}.login-corner-link:hover{transform:translateY(-1px)}@media (max-width:560px){.site-header{align-items:center;gap:8px;padding:9px}.brand-mark{justify-content:center;width:100%}.brand-mark span{width:34px;height:34px;font-size:.82rem}.brand-mark strong{font-size:.95rem}.site-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;display:grid}.site-nav a{white-space:nowrap;justify-content:center;align-items:center;min-height:36px;padding:8px 5px;font-size:.78rem;display:flex}}.login-page,.dashboard-page{min-height:100vh}.login-hero-card,.dashboard-gate-card,.dashboard-hero-card{background:radial-gradient(circle at 82% 12%,#f3bc4f73,#0000 25%),#fffdf8f0;border:1px solid #7e1f2f1c;border-radius:34px;padding:clamp(24px,4vw,46px);box-shadow:0 22px 70px #402d1f1f}.login-hero-card{text-align:center;max-width:820px;margin:0 auto 22px}.login-hero-card p:not(.eyebrow),.dashboard-hero-card p,.dashboard-gate-card p{color:var(--muted);line-height:1.65}.login-choice-grid,.dashboard-action-grid,.dashboard-stat-grid{gap:16px;display:grid}.login-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-choice-card,.dashboard-action-card,.dashboard-stat-grid article{color:var(--ink);background:#fffdf8f0;border:1px solid #7e1f2f1c;border-radius:30px;padding:clamp(20px,3vw,32px);display:block;box-shadow:0 18px 50px #402d1f1a}.login-choice-card:hover,.dashboard-action-card:hover{transform:translateY(-2px);box-shadow:0 24px 60px #402d1f24}.choice-icon,.dashboard-action-card span,.dashboard-stat-grid span{background:#fff2da;border-radius:16px;place-items:center;width:46px;height:46px;margin-bottom:12px;font-size:1.45rem;display:inline-grid}.login-choice-card h2,.dashboard-action-card h2{margin-bottom:10px}.login-choice-card p:not(.eyebrow),.dashboard-action-card p{color:var(--muted);line-height:1.55}.login-choice-card strong,.dashboard-action-card strong{color:var(--pine)}.login-choice-card.admin,.dashboard-action-card.grownup{background:linear-gradient(135deg,#fffdf8f2,#ecf5ffd9)}.dashboard-gate-card{max-width:560px;margin:0 auto}.dashboard-hero-card{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.dashboard-lock-btn{background:var(--cranberry);color:#fff;padding:11px 14px}.dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.dashboard-stat-grid article strong{color:var(--pine);font-size:clamp(2rem,4vw,3rem);line-height:1;display:block}.dashboard-stat-grid article p{color:var(--muted);margin:8px 0 0;font-weight:900}.dashboard-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-action-card.primary{background:linear-gradient(135deg,#edf8f0fa,#fff8e1e6)}@media (max-width:760px){.login-choice-grid,.dashboard-action-grid,.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-hero-card{flex-direction:column;align-items:flex-start}}.create-page{max-width:min(1220px,100vw - 28px)}.create-studio-shell{grid-template-columns:minmax(280px,.78fr) minmax(520px,1.22fr);align-items:start;gap:clamp(18px,3vw,30px);display:grid}.create-hero-upgraded{background:radial-gradient(circle at 85% 12%,#f3bc4f80,#0000 24%),radial-gradient(circle at 10% 92%,#bfe7ffa6,#0000 28%),#fffdf8eb;border:1px solid #7e1f2f1a;border-radius:34px;padding:clamp(22px,4vw,44px);position:sticky;top:18px;overflow:hidden;box-shadow:0 22px 70px #402d1f1f}.create-hero-upgraded h1{max-width:9ch;font-size:clamp(2.9rem,7vw,5.7rem)}.create-hero-upgraded p:not(.eyebrow){color:#4f4034;max-width:62ch;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.7}.hero-jump-link{background:linear-gradient(135deg, var(--cranberry), var(--cranberry-dark));color:#fff;border-radius:999px;justify-content:center;align-items:center;margin-top:18px;padding:12px 18px;font-weight:1000;display:inline-flex;box-shadow:0 16px 34px #7e1f2f2e}.studio-trust-row,.preview-meta-row,.studio-stepper{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.studio-trust-row span,.preview-meta-row span,.studio-stepper span{color:var(--pine);background:#0c5b4c1a;border-radius:999px;padding:9px 12px;font-weight:900}.studio-stepper{margin:0 0 18px}.studio-stepper span{color:var(--cranberry-dark);background:#fff2da}.studio-stepper .active{background:var(--pine);color:#fff}.review-explainer,.review-reminder{color:#4f4034;background:linear-gradient(135deg,#edf8f0f2,#fff8e1d1);border:1px solid #0c5b4c24;border-radius:18px;gap:4px;padding:12px 14px;line-height:1.45;display:grid}.review-explainer{margin:0 0 20px}.review-explainer strong,.review-reminder strong{color:var(--pine)}.studio-card,.story-helper-panel,.assistant-tip-card{background:#fffdf8f0;border:1px solid #7e1f2f1c;border-radius:30px;box-shadow:0 18px 50px #402d1f1a}.age-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.age-level-card,.writer-mode-toggle button,.assistant-tool{color:var(--ink);text-align:left;background:#fffdf8;border:2px solid #0c5b4c24;border-radius:22px;padding:14px}.age-level-card strong,.age-level-card span,.age-level-card small,.assistant-tool strong,.assistant-tool small{display:block}.age-level-card span,.age-level-card small,.assistant-tool small,.helper-intro,.field-hint{color:var(--muted);line-height:1.45}.age-level-card.selected,.writer-mode-toggle button.active,.theme-chip.selected{border-color:var(--pine);background:linear-gradient(135deg,#d9f4dff2,#fff8e1f2);box-shadow:0 12px 28px #0c5b4c1f}.writer-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.story-helper-panel{grid-column:1/-1;padding:16px}.helper-panel-toggle{background:linear-gradient(135deg, var(--pine), #12816d);color:#fff;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;display:flex}.helper-panel-body{padding-top:14px}.assistant-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.assistant-tool{min-height:116px}.assistant-tool span{background:#fff2da;border-radius:12px;place-items:center;width:34px;height:34px;margin-bottom:8px;display:inline-grid}.assistant-tip-card{background:linear-gradient(135deg,#fff8e1f2,#edf8f0eb);margin-top:14px;padding:16px}.assistant-tip-card button{background:var(--cranberry);color:#fff;margin-top:10px;padding:10px 14px}.create-loading{max-width:760px;margin:0 auto}.loading-timer,.loading-slow-note{color:#5a4c3d;margin:10px auto 0;font-weight:800}.loading-slow-note{background:#f3bc4f29;border-radius:16px;max-width:460px;padding:10px 14px}.create-submit-btn:not(:disabled){background:linear-gradient(135deg, var(--cranberry), var(--cranberry-dark));color:#fff;box-shadow:0 16px 34px #7e1f2f3d}.create-submit-btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.preview-meta-row{justify-content:center}.preview-actions{justify-items:center;gap:12px;display:grid}.review-reminder{text-align:center;max-width:680px}.reader-badge-rack{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 22px;display:grid}.reader-badge{background:#fffdf8e6;border:1px solid #0c5b4c1f;border-radius:20px;padding:12px;box-shadow:0 10px 22px #402d1f12}.reader-badge span,.reward-badge span{font-size:1.5rem;display:block}.reader-badge strong,.reward-badge strong{color:var(--pine);display:block}.reader-badge small,.reward-badge small{color:var(--muted);font-weight:800}.reward-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.reward-badge{background:#fff;border-radius:22px;padding:14px;box-shadow:0 10px 24px #402d1f14}.end-section{margin-top:20px}.practice-words{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:10px;display:flex}.practice-word{color:var(--pine);background:#0c5b4c1a;border-radius:999px;align-items:center;padding:8px 12px;font-weight:900;display:inline-flex}.end-questions{text-align:left;gap:10px;max-width:680px;margin:12px auto 0;padding:0;list-style:none;display:grid}.end-questions li{color:#4e4439;background:#ffffffb8;border-radius:16px;padding:12px 14px;line-height:1.55}.end-questions li:before{content:"💬";margin-right:8px}@media (max-width:900px){.create-studio-shell{grid-template-columns:1fr}.create-hero-upgraded{padding:22px;position:relative;top:0}.create-hero-upgraded h1{max-width:12ch;font-size:clamp(2.35rem,12vw,3.8rem)}.create-hero-upgraded p:not(.eyebrow){font-size:1rem;line-height:1.55}.story-helper-panel{grid-column:auto}}@media (max-width:620px){.storybook-reader{border-radius:28px;padding:18px}.story-art{border-width:8px;border-radius:24px;min-height:240px}.story-controls{align-items:stretch}.story-controls .control-btn{flex:140px}.age-level-grid,.writer-mode-toggle,.assistant-tools-grid,.reader-badge-rack,.reward-badges{grid-template-columns:1fr}}.preview-cta-link{color:var(--gold,#b8860b);border:2px solid var(--gold,#b8860b);border-radius:999px;padding:10px 20px;font-weight:800;text-decoration:none;transition:background .2s,color .2s}.preview-cta-link:hover{background:var(--gold,#b8860b);color:#fff}.preview-upsell-card{text-align:center;background:linear-gradient(135deg,#b8860b14,#22543d0f);border:2px solid #b8860b33;border-radius:24px;margin-top:28px;padding:28px 24px}.preview-upsell-card h3{margin:8px 0 10px;font-size:1.4rem}.preview-upsell-card p{color:var(--muted,#6b6b6b);margin-bottom:16px;line-height:1.6}.art-scene--image{aspect-ratio:4/3;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;width:100%;position:relative;overflow:hidden}.story-art-img{object-fit:cover;border-radius:20px;width:100%;height:100%;animation:.6s ease-out artFadeIn;display:block}@keyframes artFadeIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.art-overlay--effects{pointer-events:none;z-index:2;border-radius:20px;position:absolute;inset:0;overflow:hidden}.art-overlay--effects .snow,.art-overlay--effects .paper-star,.art-overlay--effects .bubble,.art-overlay--effects .butterfly,.art-overlay--effects .leaf{opacity:.7;position:absolute}.art-overlay--effects .window-shine{background:linear-gradient(135deg,#0000 40%,#ffffff1f 50%,#0000 60%);animation:4s ease-in-out infinite shineSweep;position:absolute;inset:0}@keyframes shineSweep{0%,to{opacity:.3;transform:translate(-30%)}50%{opacity:.6;transform:translate(30%)}}.art-overlay--effects .snow{background:#fffc;border-radius:50%;width:8px;height:8px}.art-overlay--effects .snow-1{animation:6s ease-in-out infinite snowDrift;top:10%;left:20%}.art-overlay--effects .snow-2{animation:7s ease-in-out 1s infinite snowDrift;top:15%;left:60%}.art-overlay--effects .snow-3{animation:5s ease-in-out .5s infinite snowDrift;top:25%;left:40%}.art-overlay--effects .snow-4{animation:8s ease-in-out 2s infinite snowDrift;top:8%;left:75%}@keyframes snowDrift{0%,to{opacity:.5;transform:translateY(0)translate(0)}50%{opacity:.9;transform:translateY(15px)translate(-5px)}}.art-overlay--effects .paper-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:gold;width:12px;height:12px}.art-overlay--effects .star-one{animation:3s ease-in-out infinite twinkle;top:12%;left:15%}.art-overlay--effects .star-two{animation:2.5s ease-in-out .5s infinite twinkle;top:20%;left:70%}.art-overlay--effects .star-three{animation:4s ease-in-out 1s infinite twinkle;top:8%;left:45%}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:.9;transform:scale(1.1)}}@media (max-width:640px){.art-scene--image,.story-art-img,.art-overlay--effects{border-radius:14px}.art-overlay--effects .snow{width:5px;height:5px}.art-overlay--effects .paper-star{width:8px;height:8px}}@media (prefers-reduced-motion:reduce){.story-art-img{animation:none}.art-overlay--effects .snow,.art-overlay--effects .paper-star,.art-overlay--effects .window-shine,.art-overlay--effects .bubble,.art-overlay--effects .butterfly,.art-overlay--effects .leaf{animation:none!important}}.idea-voice-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.voice-btn{min-height:48px;font-family:var(--font-display,inherit);cursor:pointer;color:#fff;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:700;line-height:1;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;box-shadow:0 4px #00000014}.voice-btn:hover{transform:translateY(-1px)}.voice-btn:active{transform:translateY(1px);box-shadow:0 2px #00000014}.voice-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.voice-emoji{font-size:18px}.voice-label{white-space:nowrap}.dictate-btn{background:linear-gradient(135deg,#ff8a5b,#ff6f91)}.readaloud-btn{background:linear-gradient(135deg,#6fc8ff,#5b9bff)}.voice-btn.listening{background:linear-gradient(135deg,#ff5b7a,#ff3b6b);animation:1.1s ease-in-out infinite voice-pulse}.voice-btn.speaking{background:linear-gradient(135deg,#5bb0ff,#3b7bff);animation:1.1s ease-in-out infinite voice-pulse}@keyframes voice-pulse{0%,to{box-shadow:0 4px #00000014,0 0 #ff6b6b73}50%{box-shadow:0 4px #00000014,0 0 0 10px #ff6b6b00}}@media (prefers-reduced-motion:reduce){.voice-btn.listening,.voice-btn.speaking{animation:none}}.starter-roll-btn{color:#fff;min-height:48px;font-family:var(--font-display,inherit);cursor:pointer;background:linear-gradient(135deg,#a78bfa,#7c3aed);border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 4px #0000001f}.starter-roll-btn:hover{transform:translateY(-1px)}.starter-roll-btn:active{transform:translateY(1px);box-shadow:0 2px #0000001f}.starter-combo{flex-direction:column;gap:8px;margin-top:14px;display:flex}.starter-chip{color:#3b2a6b;background:#f3effe;border:1px solid #e6dffb;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.35;display:block}.starter-chip strong{color:#6d28d9;font-family:var(--font-display,inherit);margin-right:4px}.narration-recorder,.narration-playback{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.narration-block{margin-top:4px}.narration-audio{width:100%;max-width:320px}.narration-error{color:#c0392b;margin:0;font-size:13px}.printable-book{display:none}.preview-print-btn{color:#fff;min-height:48px;font-family:var(--font-display,inherit);cursor:pointer;background:linear-gradient(135deg,#34d399,#059669);border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 4px #0000001f}.preview-print-btn:hover{transform:translateY(-1px)}.preview-print-btn:active{transform:translateY(1px);box-shadow:0 2px #0000001f}@media print{.site-header,.site-footer,.no-print,.create-preview>:not(.printable-book){display:none!important}.printable-book{color:#111;background:#fff;width:100%;padding:24px;position:absolute;top:0;left:0;display:block!important}.printable-cover{text-align:center;page-break-after:always;padding:48px 0}.printable-cover h1{margin:8px 0;font-size:32px}.printable-author{font-size:18px}.printable-page{page-break-after:always;padding:16px 0}.printable-page h2{font-size:22px}.printable-line,.printable-read{font-size:16px;line-height:1.6}.printable-end{text-align:center;padding:32px 0;font-size:22px}}.bookshelf-page{min-height:60vh}.bookshelf-shell{max-width:980px;margin:0 auto;padding:32px 20px 64px}.bookshelf-loading{color:#8a7656;padding:24px}.bookshelf-empty{text-align:center;padding:48px 20px}.bookshelf-empty-emoji{font-size:56px}.bookshelf-empty h2{margin:12px 0 6px}.bookshelf-empty p{color:#8a7656;margin-bottom:20px}.bookshelf-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:28px;display:grid}.book-card{text-align:left;cursor:pointer;background:linear-gradient(160deg,#fffdf5,#fef6e4);border:1px solid #f0e6cc;border-radius:18px;flex-direction:column;align-items:flex-start;gap:6px;min-height:150px;padding:20px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 3px #0000000f}.book-card:hover{transform:translateY(-2px);box-shadow:0 6px #00000014}.book-emoji{font-size:34px}.book-title{font-family:var(--font-display,inherit);color:#3a2a12;font-size:17px;line-height:1.25}.book-meta{color:#8a7656;font-size:13px}.book-date{color:#b09a78;margin-top:auto;font-size:12px}.back-link{cursor:pointer;color:#6d28d9;font-weight:700;font-family:var(--font-display,inherit);background:0 0;border:none;padding:0 0 12px;font-size:14px}