.task-screen.intro-scene{--intro-tint:#fff4db;--intro-outline:#f5dfad;color:#163f60;max-width:660px}.task-screen.intro-scene-1{--intro-tint:#eaf5fa;--intro-outline:#c9e1ed}.task-screen.intro-scene-2{--intro-tint:#fce9ed;--intro-outline:#f2ced6}.intro-scene .task-content{scrollbar-width:thin;padding:8px 20px 24px}.intro-scene .intro-heading{border:0;padding:0}.intro-scene .intro-topline{gap:8px;margin-bottom:12px}.intro-scene .eyebrow{color:#526f7b;letter-spacing:.05em;background:#edf3ec;border-radius:18px;max-width:100%;padding:7px 12px;font-size:.7rem}.intro-scene .intro-skip{color:#5a6c7a;min-height:44px;padding:8px 0;font-size:.8rem}.intro-welcome{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.intro-title-bubble{border:1px solid var(--intro-outline);background:var(--intro-tint);border-radius:35% 30% 32% 24%/20% 26% 30% 24%;flex:10rem;min-width:min(100%,10rem);padding:26px 24px;position:relative}.intro-title-bubble:after{content:"";border-top:1px solid var(--intro-outline);border-right:1px solid var(--intro-outline);background:var(--intro-tint);border-radius:0 4px 0 0;width:14px;height:14px;position:absolute;top:58%;right:-7px;transform:rotate(35deg)skewY(20deg)}.intro-scene .intro-title-bubble h1{color:#163f60;text-align:center;text-wrap:balance;margin:0;font-size:clamp(1.4rem,4.7vw,1.85rem);font-weight:800;line-height:1.18}.intro-napa{isolation:isolate;flex:none;width:170px;height:170px;margin-inline:auto;position:relative}.intro-napa:before{content:"";z-index:-1;background:#f9e7dc;border-radius:48% 52% 44% 56%;position:absolute;inset:36px 0 8px 4px;transform:rotate(-9deg)}.intro-napa img,.intro-napa-wave{object-fit:contain;width:100%;height:100%;display:block}.intro-napa-wave{background:url(/images/napa-wave.webp) 0 0/300% 100% no-repeat}.intro-napa-sparkle{color:#d1a03b;position:absolute;top:7px;left:5px;transform:rotate(-12deg)}.intro-scene .intro-body{padding:20px 0 0;font-size:.94rem;line-height:1.55}.intro-scene .intro-page{gap:16px}.intro-scene .intro-reassurance{color:#163f60;text-align:center;text-wrap:balance;background:#fff0ed;border:1px solid #f4d6d6;border-radius:22px 22px 22px 6px;padding:16px 20px;font-family:inherit;font-size:1.15rem;font-weight:800;line-height:1.35}.intro-together-copy{padding:0 8px}.intro-together-copy p+p{margin-top:14px}.intro-scene .intro-principle{color:var(--green);letter-spacing:.04em;background:#edf4e9;border:1px solid #d4e3d0;border-radius:24px 24px 8px;align-items:center;gap:14px;margin:0;padding:20px;font-size:.82rem;display:flex}.intro-principle svg{color:#d56672;flex:none}.intro-scene .intro-progression{letter-spacing:0;text-transform:none;background:0 0;flex-wrap:nowrap;gap:5px;padding:0}.intro-progression>span{color:#97485e;background:#fce9ed;border-radius:18px;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 6px;display:flex}.intro-progression>span:nth-of-type(2){color:#83601c;background:#fff2d5}.intro-progression>span:nth-of-type(3){color:var(--green);background:#eaf1e5}.intro-scene .intro-dialogue{background:0 0;gap:10px;padding:0}.intro-scene .intro-speech{color:#163f60;background:#edf7fa;border:1px solid #cfe3eb;border-radius:20px 20px 20px 5px;width:fit-content;max-width:90%;padding:12px 18px}.intro-scene .intro-speech-child{background:#fff0f1;border-color:#f0d1d7;border-radius:20px 20px 5px;justify-self:end}.intro-scene .intro-dialogue small{color:#4d6f82;margin-bottom:2px;font-size:.65rem;display:block}.intro-speech-child small{color:#97485e}.intro-scene .intro-dialogue-note{color:#5a6c7a;padding:0 8px;font-size:.8rem}.intro-scene .intro-small-note{color:#5a6c7a;font-size:.85rem}.intro-scene .intro-prompts{gap:10px}.intro-scene .intro-prompts li{color:#66507c;background:#f4effa;border-color:#e6dff0;border-radius:18px 18px 18px 5px;padding:12px;font-size:.8rem}.intro-scene .intro-assistance{background:#fff5de;border:1px solid #f0dfb6;border-radius:24px 24px 24px 8px;margin:0;padding:18px}.intro-scene .intro-assistance p+p{color:#5a6c7a}.intro-scene .task-actions{padding:10px 20px max(12px, env(safe-area-inset-bottom));border:0}.intro-scene .intro-navigation{background:#fffefb;border:1px solid #e6e5d9;border-radius:32px;padding:6px 10px}.intro-scene .intro-arrow{background:#edf4e9;border-color:#d3e3d9}.intro-scene .intro-arrow:last-child{border-color:var(--green);background:var(--green);color:#fff}.intro-scene .intro-arrow:hover{box-shadow:0 0 0 3px #24665320}.intro-scene .intro-page-indicators span{background:#ced9d6}.intro-scene .intro-page-indicators [aria-current=page] span{background:#db745e;border-radius:8px;width:24px;height:9px}.intro-scene .intro-start{border-radius:28px;min-height:52px;font-size:1rem}@media (max-width:650px){.intro-scene .task-content{padding:4px 8px 20px}.intro-welcome{gap:2px}.intro-napa{width:120px;height:120px}.intro-napa-sparkle{width:20px;top:-5px;left:0}.intro-title-bubble{padding:20px 14px}.intro-scene .intro-body{padding-top:20px;font-size:.88rem}.intro-scene .task-actions{padding-inline:8px}}@media (max-width:360px){.intro-napa{width:90px;height:90px}.intro-scene .intro-prompts{grid-template-columns:1fr}}
.task-screen.new-story-scene{color:#163f60;max-width:600px}.new-story-scene .task-content{scrollbar-width:thin;padding:12px 20px 24px}.new-story-heading .eyebrow{color:#526f7b;letter-spacing:.06em;background:#edf3ec;border-radius:20px;margin:0 0 10px;padding:7px 12px;font-size:.7rem;display:table}.new-story-welcome{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.new-story-bubble{background:#fff4db;border:1px solid #f5dfad;border-radius:35% 30% 32% 24%/20% 26% 30% 24%;flex:10rem;min-width:min(100%,10rem);padding:24px 20px;position:relative}.new-story-bubble:after{content:"";background:#fff4db;border-top:1px solid #f5dfad;border-right:1px solid #f5dfad;border-radius:0 4px 0 0;width:14px;height:14px;position:absolute;top:58%;right:-7px;transform:rotate(35deg)skewY(20deg)}.new-story-scene .new-story-bubble h1{color:#163f60;text-align:center;text-wrap:balance;margin:0;font-size:clamp(1.5rem,5vw,2rem);font-weight:800;line-height:1.15}.new-story-napa{isolation:isolate;flex:none;width:160px;height:160px;margin-inline:auto;position:relative}.new-story-napa:before{content:"";z-index:-1;background:#f9e7dc;border-radius:48% 52% 44% 56%;position:absolute;inset:35px 0 5px;transform:rotate(-9deg)}.new-story-napa span{background:url(/images/napa-wave.webp) 0 0/300% 100% no-repeat;width:100%;height:100%;display:block}.new-story-napa svg{color:#d1a03b;position:absolute;top:2px;left:0;transform:rotate(-12deg)}.new-story-heading p{color:#5a6c7a;text-align:center;text-wrap:balance;max-width:34ch;margin:12px auto 0;font-size:.95rem;line-height:1.45}.new-story-scene .new-session-card{gap:16px;margin-top:26px;display:grid}.storyteller-bubble{background:#fff0f1;border:1px solid #f1d5da;border-radius:26px 26px 26px 8px;gap:16px;padding:20px;display:grid}.storyteller-child{background:#edf7fa;border-color:#cfe3ed;border-radius:26px 26px 8px}.storyteller-label{color:#163f60;align-items:center;gap:9px;font-size:.92rem;font-weight:800;display:flex}.storyteller-label svg{color:#bc5670;flex:none}.storyteller-child svg{color:#3e86a7}.storyteller-bubble input,.storyteller-bubble select{color:#163f60;background:#fffefb;border-color:#d5dcd9;border-radius:16px;min-height:52px;font-size:1rem}.storyteller-bubble input::placeholder{color:#6d7880}.new-story-scene .task-actions{border:0;padding-inline:20px}.new-story-scene .task-actions .button{border-radius:30px;min-height:56px;font-size:1rem}@media (max-width:650px){.new-story-scene .task-content{padding:8px 8px 20px}.new-story-napa{width:110px;height:110px}.new-story-bubble{padding:20px 14px}.storyteller-bubble{padding:16px}.new-story-scene .task-actions{padding-inline:8px}}@media (max-width:360px){.new-story-napa{width:90px;height:90px}}
.task-screen.story-saved{color:#163f60;text-align:center;max-width:520px}.story-saved .task-content{flex-direction:column;padding:12px 16px 16px;display:flex}.story-saved-moment{flex:none;width:100%;margin-top:auto;padding-top:12px}.story-saved-napa{isolation:isolate;aspect-ratio:1;width:min(250px,32dvh,100%);margin:0 auto 16px;position:relative}.story-saved-napa:before{content:"";z-index:-1;background:#edf3e6;border:1px solid #dce8d4;border-radius:48% 52% 42% 58%/53% 43% 57% 47%;position:absolute;inset:30px -12px 2px;transform:rotate(-7deg)}.story-saved-napa img{object-fit:contain;width:100%;height:100%}.story-saved-bubble{background:#fff4db;border:1px solid #f5dfad;border-radius:35% 30% 32% 24%/20% 26% 30% 24%;max-width:380px;margin:0 auto;padding:22px 18px}.story-saved .story-saved-bubble h1{color:#163f60;text-wrap:balance;margin:0;font-size:clamp(1.65rem,5.5vw,2rem);font-weight:800;line-height:1.15}.story-saved .story-saved-reassurance{color:#5a6c7a;text-wrap:balance;max-width:31ch;margin:16px auto 0;font-size:1rem;line-height:1.5}.story-saved-status{color:#5a6c7a;max-width:36ch;margin:12px auto 0;font-size:.82rem;line-height:1.5}.story-saved-status:empty{margin:0}.story-saved .task-actions{padding:10px 16px max(24px, env(safe-area-inset-bottom));border:0}.story-saved-actions{flex-direction:column;align-items:center;display:flex}.story-saved-actions .story-saved-continue{border-radius:30px;width:100%;min-height:56px;padding:14px 20px;font-size:1rem;line-height:1.35}.story-saved-continue svg{flex:none}.story-saved-actions .story-saved-next{color:#5a6c7a;text-wrap:balance;margin:10px 0 14px;font-size:.86rem;line-height:1.4}.story-saved-actions .story-saved-later{min-height:44px;padding:8px 18px;font-size:.95rem;font-weight:800;line-height:1.4}.story-saved-actions .story-saved-library{color:#5a6c7a;margin:0;font-size:.8rem;line-height:1.4}.story-preparation .story-saved-moment{margin-block:auto}.story-preparation-progress{color:var(--muted);margin:22px auto 0}.story-preparation .processing-current{margin:10px 0 0;font-size:.9rem;font-weight:600;line-height:1.5}.story-preparation-dots{min-height:12px;color:var(--green);justify-content:center;align-items:center;gap:7px;display:flex}.story-preparation-dots>span{background:currentColor;border-radius:50%;width:7px;height:7px}.story-preparation .processing-source-links{gap:20px;margin-top:12px;font-size:.85rem}.story-preparation .story-saved-library{text-wrap:balance;margin-top:10px}@media (prefers-reduced-motion:no-preference){.story-preparation-dots>span{animation:1.8s ease-in-out infinite story-preparation-pulse}.story-preparation-dots>span:nth-child(2){animation-delay:.2s}.story-preparation-dots>span:nth-child(3){animation-delay:.4s}@keyframes story-preparation-pulse{0%,60%,to{opacity:.4}30%{opacity:1}}}@media (max-width:650px){.story-saved .task-content,.story-saved .task-actions{padding-inline:8px}.story-saved-napa{width:min(220px,32dvh,100%)}}@media (max-height:650px){.story-saved-napa{width:min(155px,27dvh,100%);margin-bottom:10px}.story-saved-bubble{padding-block:16px}.story-saved .story-saved-reassurance{margin-top:10px}.story-saved .task-actions{padding-bottom:max(12px, env(safe-area-inset-bottom))}}@media (max-height:620px){.story-saved-napa{width:min(125px,24dvh,100%)}.story-saved-bubble{padding-block:14px}}
.task-screen.story-recovery{color:#163f60;text-align:center;max-width:520px}.story-recovery .task-content{flex-direction:column;padding:12px 16px 20px;display:flex}.story-recovery .task-content>*{flex:none}.story-recovery-scene{margin:auto 0 0}.story-recovery-napa{isolation:isolate;aspect-ratio:1;width:min(170px,26dvh,85%);margin:0 auto 12px;position:relative}.story-recovery-napa:before{content:"";z-index:-1;background:#edf3e8;border:1px solid #d7e6d6;border-radius:48% 52% 42% 58%/53% 43% 57% 47%;position:absolute;inset:32px -16px 0;transform:rotate(-7deg)}.story-recovery-napa img{object-fit:contain;width:100%;height:100%}.story-recovery-bubble{background:#fff4db;border:1px solid #f5dfad;border-radius:32% 28% 30% 24%/20% 26% 30% 24%;padding:20px 18px}.story-recovery-bubble h1{color:#163f60;text-wrap:balance;margin:0;font-size:clamp(1.5rem,5.5vw,1.85rem);line-height:1.2}.story-recovery-explanation{color:#5a6c7a;text-wrap:balance;max-width:34ch;margin:16px auto 0;font-size:1rem;line-height:1.5}.story-recovery-note{color:#276456;margin:8px 0 0;font-size:.88rem;line-height:1.45}.story-recovery-sources{text-align:left;background:#edf5fa;border:1px solid #d2e3eb;border-radius:22px;margin:22px 0 0}.story-recovery-sources>summary{color:#163f60;cursor:pointer;border-radius:22px;align-items:center;gap:12px;min-height:68px;padding:14px 16px;font-size:.95rem;font-weight:800;line-height:1.4;list-style:none;display:flex}.story-recovery-sources>summary::-webkit-details-marker{display:none}.story-recovery-sources>summary svg{flex:none}.story-recovery-sources>summary span{flex:1;min-width:0}.story-recovery-sources>summary small{color:#526b7c;margin-top:3px;font-size:.8rem;font-weight:400;display:block}.story-recovery-sources[open]>summary>svg:last-child{transform:rotate(180deg)}.story-recovery-sources>.original-moment{box-shadow:none;border:0;border-top:1px solid #d2e3eb;border-radius:0 0 22px 22px;margin:0;padding:16px}.story-recovery .task-actions{padding:12px 16px max(18px, env(safe-area-inset-bottom));border:0}.story-recovery-actions{flex-direction:column;align-items:stretch;display:flex}.story-recovery-actions .notice{text-align:left;margin:0 0 12px}.story-recovery-actions .story-recovery-primary{border-radius:30px;min-height:56px;padding:14px 18px;font-size:1rem;line-height:1.35}.story-recovery-primary svg{flex:none}.story-recovery-actions .text-button{margin-top:4px;padding:10px;font-size:.9rem;line-height:1.4}.story-recovery-review{font-weight:800}.story-recovery-later{color:#526b63}.story-recovery-library{color:#5a6c7a;margin:2px 0 0;font-size:.78rem;line-height:1.4}@media (max-width:650px){.story-recovery .task-content,.story-recovery .task-actions{padding-inline:8px}}@media (max-height:650px){.story-recovery-napa{width:min(120px,23dvh,85%);margin-bottom:8px}.story-recovery-bubble{padding-block:14px}.story-recovery-explanation{margin-top:12px}.story-recovery-sources{margin-top:16px}.story-recovery .task-actions{padding-bottom:max(12px, env(safe-area-inset-bottom))}}
.book-more-trigger{border-radius:999px;align-self:center;width:min(100%,320px);min-height:52px}.book-more-dialog{border:1px solid var(--line);background:var(--paper);width:min(520px,100% - 24px);max-width:none;max-height:calc(100dvh - 24px);color:var(--ink);border-radius:28px;margin:auto;padding:0;overflow:hidden;box-shadow:0 20px 70px #173e4026}.book-more-dialog::backdrop{background:#173e4066}.book-more-shell{flex-direction:column;max-height:calc(100dvh - 26px);display:flex}.book-more-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 12px;display:flex}.book-more-header h2{margin:0;font-size:1.6rem}.book-more-header .icon-button{flex-shrink:0}.book-more-content{overscroll-behavior:contain;gap:16px;min-height:0;padding:0 20px 20px;display:grid;overflow-y:auto}.book-more-content section{overflow-wrap:anywhere;border-radius:22px;gap:16px;min-width:0;padding:22px;display:grid}.book-more-listen{background:#e7f2f7}.book-more-download{background:var(--sage)}.book-more-content h3{align-items:center;gap:10px;margin:0;font-size:1.15rem;display:flex}.book-more-content svg{flex-shrink:0}.book-more-content p{margin:0}.book-more-recording+.book-more-recording{border-top:1px solid #bcd5df;padding-top:16px}.book-more-recording p+.playback{margin-top:10px}.book-more-content .button,.book-more-content audio,.book-more-content select{width:100%;min-width:0}.book-more-content .button{white-space:normal;border-radius:16px;min-height:48px}.book-more-content small{color:var(--muted);text-align:center}@media (max-width:400px){.book-more-content{padding-inline:12px}.book-more-content section{padding:18px 14px}}
:root[data-night-mode=true] .napa-room{--recording-ink:var(--ink)}:root[data-night-mode=true] .napa-message{border-color:var(--line);box-shadow:none;background:#2c4045}:root[data-night-mode=true] .scene-recording .napa-message{background:0 0}:root[data-night-mode=true] .scene-paused .napa-message{background:#2b4240}:root[data-night-mode=true] .napa-message p,:root[data-night-mode=true] .napa-room .record-status{color:var(--muted)}:root[data-night-mode=true] .napa-microphone{color:#172a30;background:#cf8d82;border-color:#34454a;transition:none;box-shadow:0 0 0 10px #493e40,0 0 0 20px #30363b}:root[data-night-mode=true] .napa-microphone:hover:not(:disabled){background:#d89b90}:root[data-night-mode=true] .napa-microphone:disabled{background:#b28d87}:root[data-night-mode=true] .napa-microphone.active{animation:none}:root[data-night-mode=true] .napa-microphone>.lucide{color:inherit}:root[data-night-mode=true] .napa-sparkle{color:#c4a777}:root[data-night-mode=true] .napa-ground-shadow{background:#00000030}:root[data-night-mode=true] .tile-question,:root[data-night-mode=true] .question-card{background:#403e32}:root[data-night-mode=true] .tile-question svg,:root[data-night-mode=true] .recording-stuck svg{color:#dfbf83}:root[data-night-mode=true] .tile-starters{background:#2b424f}:root[data-night-mode=true] .tile-starters svg{color:#9ec4d9}:root[data-night-mode=true] .tile-save{background:#2d4540}:root[data-night-mode=true] .tile-save svg{color:var(--green)}:root[data-night-mode=true] .tile-tips{background:#483b43}:root[data-night-mode=true] .tile-tips svg,:root[data-night-mode=true] .delete-recording-trigger{color:#e3a69e}:root[data-night-mode=true] .delete-recording-trigger:hover:not(:disabled){background:#483b43}:root[data-night-mode=true] .napa-room .recording-controls .recording-stuck{background:var(--white);border-color:var(--line);color:var(--ink)}:root[data-night-mode=true] .napa-room .finish-recording{color:var(--green)}:root[data-night-mode=true] .parent-tips-dialog,:root[data-night-mode=true] .parent-tips-dialog::backdrop{background:var(--paper);color:var(--ink)}:root[data-night-mode=true] .parent-tips-heading h2,:root[data-night-mode=true] .parent-tip-card h3 button,:root[data-night-mode=true] .parent-tip-detail strong,:root[data-night-mode=true] .story-starter-text{color:var(--ink)}:root[data-night-mode=true] .parent-tips-heading p,:root[data-night-mode=true] .parent-tip-detail p,:root[data-night-mode=true] .parent-tips-reminder,:root[data-night-mode=true] .parent-tips-recording{color:var(--muted)}:root[data-night-mode=true] .parent-tips-topbar>span{color:#d9b5c4}:root[data-night-mode=true] .parent-tips-close{color:#efb1a8;background:#483b43;border-color:#785860}:root[data-night-mode=true] .parent-tips-close:hover{background:#59434a}:root[data-night-mode=true] .parent-tips-bubble{background:#2b424f;border-color:#506b77}:root[data-night-mode=true] .parent-tip-card{--tip-border:var(--line);box-shadow:none}:root[data-night-mode=true] .tip-sky{--tip-background:#2b424f;--tip-color:#9ec4d9}:root[data-night-mode=true] .tip-mint{--tip-background:#2d4540;--tip-color:#a7cbb3}:root[data-night-mode=true] .tip-peach{--tip-background:#453e36;--tip-color:#ddb58f}:root[data-night-mode=true] .tip-rose{--tip-background:#483b43;--tip-color:#dfadc0}:root[data-night-mode=true] .tip-lavender{--tip-background:#3c3b50;--tip-color:#c6b4e0}:root[data-night-mode=true] .parent-tip-card h3 button:hover{background:#ffffff08}:root[data-night-mode=true] .story-starter-focus,:root[data-night-mode=true] .parent-tips-random{color:#d3c0e9;background:#3c3b50;border-color:#726582}:root[data-night-mode=true] .story-starter-hint{color:#d3c0e9}:root[data-night-mode=true] .parent-tips-random:hover{background:#48435d}:root[data-night-mode=true] .question-dialog .story-starter-focus{color:#dfbf83;background:#403e32;border-color:#8b7856}:root[data-night-mode=true] .question-dialog .story-starter-hint,:root[data-night-mode=true] .question-dialog .parent-tips-topbar>span{color:#dfbf83}:root[data-night-mode=true] .parent-tips-back{color:var(--green)}:root[data-night-mode=true] .single-prompt-dialog .parent-tips-back{background:var(--green);color:var(--paper)}:root[data-night-mode=true] .single-prompt-dialog .parent-tips-back:hover{background:#bbd6c3}
.napa-illustration{isolation:isolate;aspect-ratio:1;flex:none;width:140px;position:relative}.napa-illustration:before{content:"";z-index:-1;background:#edf3e6;border:1px solid #dce8d4;border-radius:48% 52% 42% 58%/53% 43% 57% 47%;position:absolute;inset:22% -3% 2%;transform:rotate(-7deg)}.napa-illustration-pose{width:100%;height:100%;position:relative}.napa-illustration img{object-fit:contain;width:100%;height:100%}.napa-illustration .napa-asleep{opacity:0;position:absolute;inset:0}.napa-illustration.story-saved-napa{width:min(250px,32dvh,100%)}.napa-sleep-marks{display:none}.story-scene-heading{width:100%;margin:0}.story-scene-welcome{flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:8px;display:flex}.story-scene-title{background:#fff4db;border:1px solid #f5dfad;border-radius:35% 30% 32% 24%/20% 26% 30% 24%;flex:12rem;min-width:0;padding:20px 18px}.story-scene-heading .story-scene-title h1{color:#163f60;text-align:center;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,4.5vw,2rem);font-weight:800;line-height:1.2}.story-scene-heading .story-scene-description{text-align:center;text-wrap:balance;max-width:42ch;color:var(--muted);margin:14px auto 0;font-size:1rem;line-height:1.5}.storyteller-task .story-scene-heading{margin-bottom:18px}.storyteller-task .artwork{margin-top:18px}.task-screen.storyteller-task .task-actions>.button,.review-page .question-continue .button,.review-page .review-navigation>.button,.story-review-actions>.button,.book-preview-screen .preview-continue,.family-page .button:not(.small):not(.danger){border-radius:30px;min-height:56px;padding:14px 20px;font-size:1rem;line-height:1.4}.review-page .review-navigation .text-button,.story-review-actions .text-button{text-align:center;justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}.story-review-actions{align-items:center}.story-review-actions>*{flex:1}.review-page .question-continue{margin-top:24px}.review-page .review-later{align-self:center;align-items:center;min-height:44px;display:inline-flex}.story-review-screen .story-review-actions{flex-direction:column-reverse;gap:8px;display:flex}.story-review-screen .story-review-actions>.button{width:100%}.session-main:has(.review-page,.story-review-screen,.book-preview-screen){padding-bottom:32px}.family-page{max-width:650px;margin-inline:auto}.saved-book-details{text-align:center;color:var(--muted)}html[data-night-mode=true] .napa-illustration:before{background:var(--night-mint);border-color:var(--line)}html[data-night-mode=true] .story-scene-title{background:var(--night-gold);border-color:var(--line)}html[data-night-mode=true] .story-scene-heading .story-scene-title h1{color:var(--ink)}@media (max-width:650px){.session-main:has(.saved-book-screen){padding-bottom:calc(110px + env(safe-area-inset-bottom))}.napa-illustration.story-saved-napa{width:min(220px,32dvh,100%)}.story-scene-welcome .napa-illustration{width:100px}.story-scene-title{padding:18px 14px}}@media (max-height:650px){.napa-illustration.story-saved-napa{width:min(155px,27dvh,100%)}}@media (max-height:620px){.napa-illustration.story-saved-napa{width:min(125px,24dvh,100%)}}@media (max-width:374px){.story-scene-welcome{flex-wrap:wrap-reverse;justify-content:center}.story-scene-title{flex-basis:100%}.story-scene-welcome .napa-illustration{width:88px}.story-review-actions{flex-wrap:wrap}.story-review-actions>*{flex-basis:100%}}@media (prefers-reduced-motion:no-preference){.napa-can-doze .napa-awake{animation:1.2s 8s forwards napa-close-book-eyes}.napa-can-doze .napa-asleep{animation:1.2s 8s forwards napa-open-sleep-pose}.napa-can-doze .napa-illustration-pose{transform-origin:50% 90%;animation:4.8s ease-in-out 9.2s infinite napa-sleep-breath}.napa-can-doze .napa-sleep-marks{color:var(--green);font-weight:800;display:block;position:absolute;top:20%;right:4%}.napa-sleep-marks>span{opacity:0;animation:4.8s ease-out 9.2s infinite napa-sleep-drift;position:absolute}.napa-sleep-marks>span:nth-child(2){animation-delay:10.8s}.napa-sleep-marks>span:nth-child(3){animation-delay:12.4s}@keyframes napa-close-book-eyes{to{opacity:0}}@keyframes napa-open-sleep-pose{to{opacity:1}}@keyframes napa-sleep-breath{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(1deg)scale(1.012)}}@keyframes napa-sleep-drift{0%{opacity:0;transform:translate(0)scale(.7)}25%{opacity:.65}to{opacity:0;transform:translate(14px,-30px)scale(1.15)}}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.night-mode-toggle{border:1px solid var(--line);max-width:100%;min-height:44px;color:var(--ink);background:0 0;border-radius:24px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:44px;padding:8px 12px;font-size:.8rem;font-weight:700;line-height:1.3;display:inline-flex}.night-mode-toggle>svg,.night-mode-switch{flex:none}.night-mode-toggle:hover{background:var(--sage)}.night-mode-switch{background:#6c766e;border-radius:12px;width:28px;height:18px;padding:3px}.night-mode-switch:after{content:"";background:var(--paper);border-radius:50%;width:12px;height:12px;display:block}.night-mode-toggle[aria-pressed=true] .night-mode-switch{background:var(--green)}.night-mode-toggle[aria-pressed=true] .night-mode-switch:after{transform:translate(10px)}.night-mode-label{white-space:nowrap}.header-inner{flex-wrap:wrap}.header-actions{margin-left:auto}@media (max-width:1200px){.night-mode-label{display:none}}@media (max-width:650px){.header-inner,.task-frame .header-inner{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));gap:8px}.header-actions{gap:6px}.header-actions>.language-toggle,.header-actions>.family-avatar{min-width:44px;min-height:44px}.night-mode-toggle{gap:6px;padding-inline:8px}.brand{font-size:19px}.brand-mark{width:30px;height:36px;margin-right:6px}.brand-dot{font-size:16px}}:root[data-night-mode=true]{--paper:#172a30;--ink:#e1e7dd;--muted:#adbfbc;--green:#a7cbb3;--sage:#2a4245;--coral:#dba296;--line:#496164;--white:#22383e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night-sky:#2b424f;--night-rose:#483b43;--night-gold:#403e32;--night-mint:#2d4540;--night-lavender:#3c3b50;--night-peach:#453e36;--night-danger:#e3a69e}:root[data-night-mode=true] .brand-mark{color:var(--paper)}:root[data-night-mode=true] .family-avatar{background:var(--sage);color:var(--ink)}:root[data-night-mode=true] .night-mode-toggle{background:var(--white)}:root[data-night-mode=true] .night-mode-toggle>svg{color:#dfbf83}:root[data-night-mode=true] .button:not(.secondary):not(.subtle):not(.danger):not(.recording-stuck){background:var(--green);color:var(--paper)}:root[data-night-mode=true] .button:not(.secondary):not(.subtle):not(.danger):not(.recording-stuck):hover:not(:disabled){background:#bbd6c3}:root[data-night-mode=true] .button.danger{color:var(--paper);background:#dba296;border-color:#dba296}:root[data-night-mode=true] .button.danger:hover:not(:disabled){background:#e4b4aa}:root[data-night-mode=true] .notice{color:#e3c79f;background:#403e32;border-color:#8b7856}:root[data-night-mode=true] :focus-visible{outline-color:#dfbf83}:root[data-night-mode=true] input,:root[data-night-mode=true] textarea,:root[data-night-mode=true] select{background:var(--white);border-color:var(--line);color:var(--ink);accent-color:var(--green)}:root[data-night-mode=true] input::placeholder,:root[data-night-mode=true] textarea::placeholder{color:var(--muted)}:root[data-night-mode=true] .card,:root[data-night-mode=true] .world-dialog,:root[data-night-mode=true] .recording-delete-dialog,:root[data-night-mode=true] .recording-options-dialog,:root[data-night-mode=true] .book-more-dialog{border-color:var(--line);box-shadow:none}:root[data-night-mode=true] dialog::backdrop{background:#081518b3}:root[data-night-mode=true] .button.secondary{border-color:var(--line)}:root[data-night-mode=true] .button.subtle{background:var(--sage);color:var(--green)}:root[data-night-mode=true] .home-primary-action,:root[data-night-mode=true] .start-story-card,:root[data-night-mode=true] .segmented-control button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--paper);box-shadow:none}:root[data-night-mode=true] .home-primary-action small,:root[data-night-mode=true] .start-story-card small{color:var(--paper)}:root[data-night-mode=true] .home-primary-action:hover:not(:disabled),:root[data-night-mode=true] .start-story-card:hover:not(:disabled),:root[data-night-mode=true] .new-story-navigation:hover:not(:disabled){background:#bbd6c3}:root[data-night-mode=true] .start-story-mic{background:var(--paper)}:root[data-night-mode=true] .header-inner .main-navigation{border-color:var(--line);background:var(--paper)}:root[data-night-mode=true] .delete-recording,:root[data-night-mode=true] .library-favorite,:root[data-night-mode=true] .favorite-toggle[aria-pressed=true]{color:var(--night-danger)}:root[data-night-mode=true] .delete-confirmation,:root[data-night-mode=true] .library-favorite:hover:not(:disabled){background:var(--night-rose);border-color:#986e6b}:root[data-night-mode=true] .favorite-toggle{border-color:var(--line);background:var(--white)}:root[data-night-mode=true] .ai-proposal,:root[data-night-mode=true] .suggestion,:root[data-night-mode=true] .protected-phrases span,:root[data-night-mode=true] .processing-tip,:root[data-night-mode=true] .draft-icon,:root[data-night-mode=true] .destination-library,:root[data-night-mode=true] .photo-heading-icon{background:var(--night-gold)}:root[data-night-mode=true] .privacy-note,:root[data-night-mode=true] .source-note,:root[data-night-mode=true] .ready-card,:root[data-night-mode=true] .world-form,:root[data-night-mode=true] .home-banner,:root[data-night-mode=true] .pdf-controls,:root[data-night-mode=true] .preset.selected,:root[data-night-mode=true] .collection-add,:root[data-night-mode=true] .destination-world,:root[data-night-mode=true] .photo-upload-card,:root[data-night-mode=true] .story-notification{background:var(--night-mint);border-color:var(--line)}:root[data-night-mode=true] .library-search-bar input,:root[data-night-mode=true] .library-filter-toggle,:root[data-night-mode=true] .segmented-control,:root[data-night-mode=true] .tabs{background:var(--white)}:root[data-night-mode=true] .library-status-filters button{background:var(--white);color:var(--ink)}:root[data-night-mode=true] .library-status-filters button[aria-pressed=true]{background:var(--green);color:var(--paper)}:root[data-night-mode=true] .library-story-open:hover,:root[data-night-mode=true] .collection-add:hover:not(:disabled),:root[data-night-mode=true] .story-prose button:focus-visible,:root[data-night-mode=true] .story-prose button:hover:not(:disabled),:root[data-night-mode=true] .story-review-actions .button.secondary{background:var(--sage);border-color:var(--line)}:root[data-night-mode=true] .library-story-status.finished{background:var(--night-mint);color:var(--green)}:root[data-night-mode=true] .library-story-status.in-progress{background:var(--night-sky);color:#b4d4e5}:root[data-night-mode=true] .library-story-status.needs-attention{background:var(--night-gold);color:#e3c79f}:root[data-night-mode=true] .library-empty{background:var(--white);border-color:var(--line)}:root[data-night-mode=true] .home-empty,:root[data-night-mode=true] .collection-empty{border-color:var(--line)}:root[data-night-mode=true] .world-gallery-card .story-visual,:root[data-night-mode=true] .storyteller-portrait,:root[data-night-mode=true] .character-orb{background:var(--night-peach);border-color:var(--line)}:root[data-night-mode=true] .world-gallery-card:hover .story-visual,:root[data-night-mode=true] .world-gallery-card:hover .storyteller-portrait{background:var(--sage);border-color:var(--green)}:root[data-night-mode=true] .segmented-control button,:root[data-night-mode=true] .question-source>div>span,:root[data-night-mode=true] .moment-step,:root[data-night-mode=true] .story-progress .pending{color:var(--muted)}:root[data-night-mode=true] .processing-tip strong{color:var(--ink)}:root[data-night-mode=true] .processing-achieved svg,:root[data-night-mode=true] .home-empty>svg,:root[data-night-mode=true] .collection-empty>svg,:root[data-night-mode=true] .empty svg{color:var(--green)}:root[data-night-mode=true] .question-source,:root[data-night-mode=true] .question-choices input,:root[data-night-mode=true] .story-review-screen .story-prose,:root[data-night-mode=true] .reader-page,:root[data-night-mode=true] .book-preview-screen .reader-page,:root[data-night-mode=true] .book-preview-screen .reader-controls .icon-button,:root[data-night-mode=true] .notification-options label{background:var(--white);border-color:var(--line);box-shadow:none}:root[data-night-mode=true] .story-prose,:root[data-night-mode=true] blockquote{border-color:var(--line)}:root[data-night-mode=true] .question-choices input:checked{border-color:var(--green);box-shadow:0 0 0 3px var(--sage)}:root[data-night-mode=true] .notification-options label:has(:checked){border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}:root[data-night-mode=true] .story-length-options label{background:var(--white);border-color:var(--line)}:root[data-night-mode=true] .story-length-options label.selected{background:var(--night-mint);border-color:var(--green)}:root[data-night-mode=true] .playback-trigger{background:var(--night-peach);color:var(--coral);border-color:#986e6b}:root[data-night-mode=true] .book-more-listen{background:var(--night-sky)}:root[data-night-mode=true] .book-more-recording+.book-more-recording{border-color:var(--line)}:root[data-night-mode=true] .book-preview-screen .book-page-ornament{background:var(--night-mint);color:var(--green)}:root[data-night-mode=true] .sticky-actions,:root[data-night-mode=true] .story-photo-preview{background:var(--paper)}:root[data-night-mode=true] .story-progress li:not(:last-child):after,:root[data-night-mode=true] .progress-dot{background:var(--line)}:root[data-night-mode=true] .story-progress .complete .progress-dot,:root[data-night-mode=true] .story-progress .current .progress-dot,:root[data-night-mode=true] .story-progress li.complete:after{background:var(--green);color:var(--paper)}:root[data-night-mode=true] .story-progress .current .progress-dot{border-color:var(--sage);box-shadow:0 0 0 6px var(--white)}:root[data-night-mode=true] .task-screen.intro-scene{--intro-tint:var(--night-gold);--intro-outline:var(--line);color:var(--ink)}:root[data-night-mode=true] .task-screen.intro-scene-1{--intro-tint:var(--night-sky)}:root[data-night-mode=true] .task-screen.intro-scene-2{--intro-tint:var(--night-rose)}:root[data-night-mode=true] .task-screen.new-story-scene,:root[data-night-mode=true] .new-story-scene .new-story-bubble h1,:root[data-night-mode=true] .storyteller-label,:root[data-night-mode=true] .intro-scene .intro-title-bubble h1,:root[data-night-mode=true] .task-screen.story-saved,:root[data-night-mode=true] .story-saved .story-saved-bubble h1,:root[data-night-mode=true] .task-screen.story-recovery,:root[data-night-mode=true] .story-recovery-bubble h1,:root[data-night-mode=true] .story-recovery-sources>summary{color:var(--ink)}:root[data-night-mode=true] .intro-scene .eyebrow,:root[data-night-mode=true] .new-story-heading .eyebrow,:root[data-night-mode=true] .intro-scene .intro-principle,:root[data-night-mode=true] .intro-scene .intro-arrow,:root[data-night-mode=true] .intro-progression>span:nth-of-type(3){background:var(--night-mint);border-color:var(--line);color:var(--ink)}:root[data-night-mode=true] .intro-scene .intro-arrow:last-child{background:var(--green);color:var(--paper)}:root[data-night-mode=true] .intro-scene .intro-navigation{background:var(--white);border-color:var(--line)}:root[data-night-mode=true] .intro-scene .intro-speech,:root[data-night-mode=true] .storyteller-child,:root[data-night-mode=true] .story-recovery-sources{background:var(--night-sky);border-color:var(--line);color:var(--ink)}:root[data-night-mode=true] .intro-scene .intro-reassurance,:root[data-night-mode=true] .intro-scene .intro-speech-child,:root[data-night-mode=true] .intro-progression>span,:root[data-night-mode=true] .storyteller-bubble:not(.storyteller-child){background:var(--night-rose);border-color:var(--line);color:var(--ink)}:root[data-night-mode=true] .new-story-bubble,:root[data-night-mode=true] .new-story-bubble:after,:root[data-night-mode=true] .story-saved-bubble,:root[data-night-mode=true] .story-recovery-bubble,:root[data-night-mode=true] .intro-scene .intro-assistance,:root[data-night-mode=true] .intro-progression>span:nth-of-type(2){background:var(--night-gold);border-color:var(--line);color:var(--ink)}:root[data-night-mode=true] .intro-scene .intro-prompts li{background:var(--night-lavender);border-color:var(--line);color:#d3c0e9}:root[data-night-mode=true] .intro-scene .intro-skip,:root[data-night-mode=true] .intro-scene .intro-dialogue small,:root[data-night-mode=true] .intro-scene .intro-dialogue-note,:root[data-night-mode=true] .intro-scene .intro-small-note,:root[data-night-mode=true] .intro-scene .intro-assistance p+p,:root[data-night-mode=true] .new-story-heading p,:root[data-night-mode=true] .story-saved .story-saved-reassurance,:root[data-night-mode=true] .story-saved-status,:root[data-night-mode=true] .story-saved-actions .story-saved-next,:root[data-night-mode=true] .story-saved-actions .story-saved-library,:root[data-night-mode=true] .story-recovery-explanation,:root[data-night-mode=true] .story-recovery-sources>summary small,:root[data-night-mode=true] .story-recovery-library,:root[data-night-mode=true] .story-recovery-later{color:var(--muted)}:root[data-night-mode=true] .storyteller-bubble input,:root[data-night-mode=true] .storyteller-bubble select{background:var(--white);border-color:var(--line);color:var(--ink)}:root[data-night-mode=true] .storyteller-bubble input::placeholder{color:var(--muted)}:root[data-night-mode=true] .storyteller-label svg,:root[data-night-mode=true] .intro-principle svg{color:#e3a69e}:root[data-night-mode=true] .storyteller-child svg{color:#9ec4d9}:root[data-night-mode=true] .story-recovery-note{color:var(--green)}:root[data-night-mode=true] .story-recovery-sources>.original-moment{border-color:var(--line)}:root[data-night-mode=true] .home-illustration:before{background:var(--night-gold);border-color:var(--line)}:root[data-night-mode=true] .home-illustration-reading:before,:root[data-night-mode=true] .story-saved-napa:before,:root[data-night-mode=true] .story-recovery-napa:before,:root[data-night-mode=true] .moment-sage:before{background:var(--night-mint);border-color:var(--line)}:root[data-night-mode=true] .home-illustration-imagine:before,:root[data-night-mode=true] .moment-sky:before{background:var(--night-sky);border-color:var(--line)}:root[data-night-mode=true] .intro-napa:before,:root[data-night-mode=true] .new-story-napa:before,:root[data-night-mode=true] .moment-illustration:not(.moment-sky):not(.moment-sage):before{background:var(--night-peach)}:root[data-night-mode=true] .art-orbit{background:var(--night-mint)}:root[data-night-mode=true] .art-orbit:after{border-color:var(--line)}:root[data-night-mode=true] .art-cloud{background:var(--white);box-shadow:none}
