:root{--bg-1:#fdf8ee;--bg-2:#fbf4e8;--bg-3:#faf1e2;--surface:#fff;--border:#f0e2cc;--ink:#4a3728;--ink-2:#8a7663;--ink-3:#9a8672;--ink-faint:#b9a68c;--accent:#e88a54;--accent-hover:#d97940;--accent-dark:#4a3728;--eyebrow:#d9a05b;--link:#c4714b;--link-hover:#a85a38;--input-border:#ebdcc4;--input-bg:#fdfaf3;--dash-border:#e3cba6;--dash-text:#b99b6f;--dash-hover-bg:#f7eedc;--card-shadow:0 4px 14px rgba(150,110,60,.08);--btn-shadow:0 4px 12px rgba(232,138,84,.35);--font-display:"Baloo 2",system-ui,sans-serif;--font-body:"Nunito",system-ui,sans-serif;--font-story:"Lora",Georgia,serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:linear-gradient(180deg,var(--bg-1),var(--bg-2) 50%,var(--bg-3));min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:16px}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}h1,h2,h3{font-family:var(--font-display);color:var(--ink);margin:0}.container{max-width:1080px;margin:0 auto;padding:28px 56px 90px}@media (max-width:760px){.container{padding:20px 20px 70px}}.nav{justify-content:space-between;margin-bottom:44px}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;color:var(--ink)}.brand-name{font-family:var(--font-display);font-weight:800;font-size:26px}.moon-chip{width:42px;height:42px;border-radius:50%;background:#ffe3b8;display:grid;place-items:center;flex-shrink:0}.nav-pills{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:5px}.nav-pills a,.nav-pills button{font:inherit;font-weight:700;font-size:14px;color:var(--ink-2);padding:8px 18px;border-radius:99px;border:none;background:transparent;cursor:pointer}.nav-pills a.active{background:var(--accent-dark);color:var(--bg-2)}.nav-cta{display:flex;align-items:center;gap:18px}.nav-signin{font-weight:700;font-size:15px;color:var(--ink-2)}.btn{font:inherit;font-weight:800;font-size:15px;border:none;border-radius:99px;padding:12px 22px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--btn-shadow)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--input-border)}.btn-secondary:hover{background:var(--dash-hover-bg)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-danger-link{background:none;border:none;color:var(--ink-faint);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.btn-danger-link:hover{color:#c0563e}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:14px;color:var(--eyebrow);margin:0 0 10px}.eyebrow,.h1{font-weight:800}.h1{font-size:46px;line-height:1.12}.h1 .accent{color:var(--accent)}.section-h2{font-size:25px;font-weight:800;margin:40px 0 16px}.muted{color:var(--ink-2)}.meta{color:var(--ink-3);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--card-shadow)}.field-label{display:block;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.3px;color:var(--ink-3);margin-bottom:6px}.underline-input{width:100%;font:inherit;font-size:16px;color:var(--ink);background:transparent;border:none;border-bottom:2px solid var(--input-border);padding:8px 2px;outline:none}.underline-input:focus{border-bottom-color:var(--accent)}.boxed-input{width:100%;font:inherit;font-size:15px;color:var(--ink);background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:13px 16px;outline:none}.boxed-input:focus{border-color:var(--accent)}select.underline-input{cursor:pointer}input[type=range].pw-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(to right,#f2a97e 0,#f2a97e var(--fill,40%),#f3e3d3 var(--fill,40%),#f3e3d3 100%);outline:none}input[type=range].pw-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:pointer;box-shadow:0 2px 6px rgba(150,110,60,.25)}input[type=range].pw-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:pointer}.notice{border-radius:14px;padding:12px 16px;font-size:14px;font-weight:600;margin-bottom:18px}.notice.info{background:#fdf3e2;border:1px solid #f0dcb8;color:#8a6a3a}.notice.error{background:#fdeae2;border:1px solid #f0c4b0;color:#a8503a}.kids-row{display:flex;gap:16px;flex-wrap:wrap}.kid-card{flex:1 1 340px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--card-shadow);padding:16px 20px;transition:border-color .2s ease,box-shadow .2s ease}.kid-card.expanded{flex-basis:100%;border:2px solid var(--accent);box-shadow:0 6px 22px rgba(232,138,84,.22)}.kid-head{display:flex;align-items:center;gap:14px}.kid-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:20px;flex-shrink:0}.kid-avatar.peach{background:#ffd9a8;color:#b06a3c}.kid-avatar.sage{background:#cde3d2;color:#4e7d5b}.kid-name{font-weight:800;font-size:17px}.kid-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.composer{margin-top:14px;border-top:2px dashed var(--border);background:#fffbf3;border-radius:0 0 14px 14px;padding:18px 4px 6px}.composer-row{display:flex;gap:12px;align-items:center}.composer-row .boxed-input{flex:1 1}.series-chips{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:13px;color:var(--ink-3);font-weight:700}.series-chip{font:inherit;font-size:13px;font-weight:800;border-radius:99px;padding:8px 16px;border:1px solid var(--input-border);background:var(--surface);color:var(--ink-2);cursor:pointer}.series-chip.selected{background:#fad9c0;border-color:#f2bb92;color:#8a4a22}.add-kid-collapsed{width:100%;border:2px dashed var(--dash-border);background:transparent;color:var(--dash-text);border-radius:18px;padding:16px;font:inherit;font-weight:800;font-size:15px;cursor:pointer;margin-top:16px}.add-kid-collapsed:hover{background:var(--dash-hover-bg)}.add-kid-card{display:flex;border-radius:22px;overflow:hidden;margin-top:16px}.add-kid-intro{width:300px;flex-shrink:0;background:linear-gradient(160deg,#ffebcb,#fad9c0);padding:30px 26px;display:flex;flex-direction:column}.add-kid-intro h3{font-size:24px;font-weight:800;margin-bottom:8px}.add-kid-intro .bear{font-size:34px;margin-top:auto}.add-kid-form{flex:1 1;padding:30px 34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px 28px;gap:22px 28px}@media (max-width:700px){.add-kid-card{flex-direction:column}.add-kid-intro{width:100%}.form-grid{grid-template-columns:1fr}}.slider-caps{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-3);margin-top:6px}.slider-hint{font-size:13px;font-weight:700;color:var(--accent);text-align:right}.covers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:22px 18px;gap:22px 18px}.cover,.cover-wrap{position:relative}.cover{display:block;aspect-ratio:3/4;border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);transition:transform .15s ease,box-shadow .15s ease;background:linear-gradient(160deg,#f3dfc0,#d9b888)}.cover:hover{transform:translateY(-5px);box-shadow:0 10px 22px rgba(150,110,60,.18)}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover .cover-title{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.25;color:#fff;background:linear-gradient(transparent,rgba(60,35,10,.72))}.cover .fav-star{position:absolute;top:8px;right:8px;font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.cover .stories-badge{position:absolute;top:8px;right:8px;background:#fff;color:var(--ink);font-size:12px;font-weight:800;border-radius:99px;padding:4px 10px;box-shadow:0 1px 4px rgba(0,0,0,.15)}.cover-stack:after,.cover-stack:before{content:"";position:absolute;inset:0;border-radius:12px;background:#e8d3b2;z-index:-1}.cover-stack:before{transform:rotate(2.5deg);opacity:.35}.cover-stack:after{transform:rotate(1.2deg);opacity:.55}.cover-caption{margin-top:8px;font-size:13px;color:var(--ink-3);font-weight:600}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.series-card{display:flex;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--card-shadow);padding:16px;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.series-card:hover{transform:translateY(-4px)}.series-mini{width:84px;aspect-ratio:3/4;border-radius:10px;overflow:hidden;flex-shrink:0;position:relative}.series-mini img{width:100%;height:100%;object-fit:cover}.series-drawer{padding:22px 26px;margin-top:18px}.series-drawer-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.parts-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:14px;gap:14px}.part-label{position:absolute;top:8px;left:10px;font-size:11px;font-weight:800;letter-spacing:1px;color:hsla(0,0%,100%,.95);text-shadow:0 1px 3px rgba(0,0,0,.4)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.page-head .h1{font-size:40px}.search-pill{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--input-border);border-radius:99px;padding:10px 18px;width:300px}.search-pill input{border:none;outline:none;background:transparent;font:inherit;font-size:14px;width:100%;color:var(--ink)}.filter-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 30px}.filter-chip{font:inherit;font-size:13px;font-weight:800;border-radius:99px;padding:8px 16px;border:1px solid var(--input-border);background:var(--surface);color:var(--ink-2);cursor:pointer}.filter-chip.active{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--bg-2)}.chip-divider{width:1px;height:22px;background:var(--border);margin:0 6px}.landing-hero{text-align:center;margin:30px auto 40px;max-width:760px}.landing-hero .h1{font-size:54px}.landing-sub{color:var(--ink-2);font-size:17px;line-height:1.6;max-width:540px;margin:18px auto 0}.demo-spread{max-width:880px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden}@media (max-width:700px){.demo-spread{grid-template-columns:1fr}}.demo-illustration{aspect-ratio:1;background:#f6ecd9}.demo-illustration img{width:100%;height:100%;object-fit:cover;display:block}.demo-text{padding:44px 42px;display:flex;flex-direction:column;justify-content:center;background:var(--surface)}.demo-text .eyebrow{font-size:12px;letter-spacing:2px}.demo-text p{font-family:var(--font-story);font-size:21px;line-height:1.7;color:var(--ink);margin:0 0 18px}.demo-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 46px;color:var(--ink-3);font-size:14px;font-weight:600}.page-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--input-border);background:var(--surface);font-size:16px;cursor:pointer;color:var(--ink);transition:background .15s ease}.page-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.band{display:flex;gap:36px;align-items:center;padding:34px 38px;margin-bottom:40px}@media (max-width:820px){.band{flex-direction:column;align-items:flex-start}}.band-copy{flex:1 1}.band-copy h2{font-size:26px;margin:0 0 10px}.band-covers{display:flex;gap:12px}.band-covers .series-mini{width:96px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}@media (max-width:760px){.how-grid{grid-template-columns:1fr}}.how-card{padding:30px 24px;text-align:center}.how-card .emoji{font-size:34px}.how-card h3{font-size:18px;margin:12px 0 8px}.how-card p{color:var(--ink-2);font-size:14px;line-height:1.55;margin:0}.signin-wrap{max-width:420px;margin:60px auto;text-align:center}.signin-wrap .moon-chip{width:60px;height:60px;margin:0 auto 18px}.signin-wrap h1{font-size:32px;font-weight:800}.signin-sub{color:var(--ink-2);margin:8px 0 26px}.signin-card{padding:28px;text-align:left}.or-divider{display:flex;align-items:center;gap:12px;color:var(--ink-faint);font-size:13px;font-weight:700;margin:20px 0}.or-divider:after,.or-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.helper-text{font-size:13px;color:var(--ink-3);text-align:center;margin-top:10px}.signin-footer{margin-top:20px;font-size:14px;color:var(--ink-2)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid hsla(0,0%,100%,.5);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-secondary .spinner,.series-chip .spinner{border-color:rgba(74,55,40,.3);border-top-color:var(--ink)}@keyframes spin{to{transform:rotate(1turn)}}.see-all{font-weight:800;font-size:14px}.section-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.sequel-panel{margin:22px auto 0;max-width:680px;text-align:center}.sequel-panel.open{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--card-shadow);padding:20px;text-align:left}.sequel-panel>button{font:inherit;font-weight:800;font-size:15px;border-radius:99px;padding:12px 22px;border:1px solid var(--input-border);background:var(--surface);color:var(--ink);cursor:pointer}.sequel-panel>button:hover{background:var(--dash-hover-bg)}.sequel-title{margin:0 0 12px;color:var(--ink-2)}.sequel-form{display:flex;gap:10px;align-items:center}.sequel-form input{flex:1 1;min-width:0;font:inherit;font-size:15px;color:var(--ink);background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:12px 16px;outline:none}.sequel-form input:focus{border-color:var(--accent)}.sequel-form button{font:inherit;font-weight:800;font-size:14px;border-radius:99px;padding:11px 18px;border:none;background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap}.sequel-form button.ghost{background:transparent;border:1px solid var(--input-border);color:var(--ink-2)}.sequel-panel .notice{margin-top:12px;margin-bottom:0}@media (max-width:560px){.sequel-form{flex-direction:column;align-items:stretch}}body,html{overflow-x:hidden;width:100%}@media (max-width:640px){.nav{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:26px}.brand-name{font-size:20px;white-space:nowrap}.moon-chip{width:34px;height:34px}.nav-pills{padding:4px}.nav-pills a,.nav-pills button{padding:7px 11px;font-size:13px}.nav-cta{gap:8px}.nav-cta .btn{padding:9px 14px;font-size:13px;white-space:nowrap}.h1{font-size:32px}.section-h2{font-size:21px}.kid-actions,.kid-head,.section-row{flex-wrap:wrap}.kid-actions{margin-left:0;width:100%;justify-content:flex-end;gap:8px}.kid-actions .btn{padding:9px 13px;font-size:13px}.composer-row{flex-wrap:wrap}.composer-row .btn{width:100%}.form-grid{grid-template-columns:1fr}.reader-header{flex-wrap:wrap;gap:10px}.reader-header>div{flex-wrap:wrap;justify-content:flex-end}.reader-header .btn{padding:9px 13px;font-size:13px}.book-page .cover-title{font-size:20px;margin:10px 6px 4px}.book-page .cover-sub{font-size:13px}.the-end h2{font-size:26px}.page-text{font-size:15px;line-height:1.55}.band-covers{flex-wrap:wrap;justify-content:center}}