:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Avenir Next","Nunito","Trebuchet MS","Segoe UI",sans-serif;--bg:#fff8f0;--bg-soft:#fff3e5;--bg-sky:#eaf5ff;--bg-lilac:#f2ecff;--bg-peach:#ffe7d6;--surface:#fffaf4;--surface-strong:#fff;--surface-tint:#ffffffbd;--text:#2f241d;--text-soft:#6a5c53;--heading:#241913;--line:#624b3b14;--line-strong:#624b3b29;--shadow-soft:0 18px 48px #9c744f14;--shadow-card:0 24px 64px #a677531f;--radius-pill:999px;--radius-xl:36px;--radius-lg:28px;--radius-md:22px;--radius-sm:18px;--peach:#ffb38a;--peach-strong:#f28e5d;--sky:#84c7ff;--sky-soft:#dff2ff;--lilac:#c6b7ff;--lilac-soft:#efe9ff;--yellow:#ffd86c;--charcoal:#3b2a22}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{color:var(--text);font-family:var(--font-sans),sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(circle at 0 0,#ffd9b86b,#0000 28%),radial-gradient(circle at 100% 0,#b7e1ff57,#0000 26%),linear-gradient(#fff9f4 0%,#fff4ea 46%,#fff9f7 100%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.site-background{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.background-orb{filter:blur(100px);opacity:.75;border-radius:999px;position:absolute}.background-orb-peach{background:#ffbe916b;width:320px;height:320px;top:-120px;left:-80px}.background-orb-sky{background:#9dd6ff57;width:320px;height:320px;top:120px;right:-90px}.background-orb-lilac{background:#d1bfff47;width:360px;height:360px;bottom:-120px;right:10%}.shell{width:min(1160px,100% - 24px);margin:0 auto}.site-content{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{z-index:40;padding:calc(10px + env(safe-area-inset-top))0 12px;position:sticky;top:0}.topbar-inner{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf7e0;border:1px solid #ffffff6b;border-radius:28px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.brand-mark{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark-badge{color:#5a3322;letter-spacing:.08em;background:linear-gradient(#ffcfaf 0%,#ffb68a 100%);border-radius:18px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:inline-flex}.brand-mark-copy{gap:2px;display:grid}.brand-mark-name{color:var(--heading);font-size:1rem;font-weight:800}.brand-mark-tag{color:var(--text-soft);font-size:.82rem}.topbar-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-nav-desktop{display:none}.topbar-menu-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--heading);cursor:pointer;background:#ffffffdb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:inline-flex}.topbar-menu-toggle span{background:currentColor;border-radius:999px;width:18px;height:2px}.topbar-mobile-layer{z-index:80;opacity:0;pointer-events:none;transition:opacity .18s;position:fixed;inset:0}.topbar-mobile-layer-open{opacity:1;pointer-events:auto}.topbar-mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#22181352;border:0;position:absolute;inset:0}.topbar-mobile-panel{top:calc(78px + env(safe-area-inset-top));box-shadow:var(--shadow-card);background:#fffcf7fa;border:1px solid #ffffff8f;border-radius:18px;gap:10px;padding:14px;display:grid;position:absolute;left:12px;right:12px}.topbar-mobile-panel .nav-link,.topbar-mobile-panel .button{justify-content:center;width:100%}.nav-link{border-radius:var(--radius-pill);min-height:44px;color:var(--text-soft);justify-content:center;align-items:center;padding:10px 14px;font-weight:700;transition:background .18s,color .18s,transform .18s;display:inline-flex}.app-page{gap:24px;padding-top:12px;display:grid}.page-band{gap:20px;padding:24px 0;display:grid}.page-band-soft,.page-band-contrast{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:22px}.page-band-soft{background:linear-gradient(#ffffffb8,#fff8f1f0)}.page-band-contrast{background:linear-gradient(#ecf7fff5,#fff2f6e6)}.section-header-block{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.section-header-centered{text-align:center;flex-direction:column;align-items:center}.section-header-copy{gap:10px;max-width:720px;display:grid}.section-eyebrow,.workflow-kicker{color:var(--peach-strong);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.section-title,.hero-title,.featured-story-title,.playback-title{color:var(--heading);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4.5vw,4rem);font-weight:800;line-height:.98}.section-title{font-size:clamp(1.65rem,3vw,2.7rem)}.section-description,.hero-description,.story-card-summary,.playback-subtitle,.history-meta,.detail-list-item p,.empty-state-card p,.empty-sound-card,.workflow-note,.helper-text,.muted,p{color:var(--text-soft);margin:0;line-height:1.68}.section-actions,.hero-actions,.featured-story-actions,.actions,.detail-actions,.home-greeting-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border-radius:var(--radius-pill);color:#4d2a18;cursor:pointer;background:linear-gradient(#ffb792 0%,#f49362 100%);border:0;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 14px 28px #f4936238}.button:active:not(:disabled),.nav-link:active,.filter-chip:active,.tab-button:active{opacity:.92;transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.68}.button-secondary{border:1px solid var(--line);box-shadow:none;color:var(--heading);background:#ffffffdb}.button-small{min-height:44px;padding:0 16px}.text-link{color:var(--charcoal);font-weight:800}.hero-home{align-items:center;gap:24px;padding:32px 0 8px;display:grid}.hero-home-copy{gap:16px;display:grid}.hero-home-visual{display:grid}.hero-home-image{min-height:340px;box-shadow:var(--shadow-card);background:linear-gradient(#ffe3cf 0%,#f7ecff 55%,#dff3ff 100%) 50%/cover no-repeat;border-radius:40px}.bedtime-visual{min-height:340px;box-shadow:var(--shadow-card);background:linear-gradient(#ffe3cf 0%,#f7ecff 55%,#dff3ff 100%);border-radius:40px;position:relative;overflow:hidden}.bedtime-moon{background:linear-gradient(#fff1b0 0%,#ffd870 100%);border-radius:999px;width:84px;height:84px;position:absolute;top:38px;right:42px;box-shadow:0 0 0 14px #fff1b02e}.bedtime-cloud{filter:blur(.5px);background:#ffffffd1;border-radius:999px;position:absolute}.bedtime-cloud-left{width:120px;height:42px;bottom:110px;left:34px}.bedtime-cloud-right{width:140px;height:46px;top:98px;left:160px}.bedtime-card{box-shadow:var(--shadow-soft);background:#fffdf8e0;border-radius:28px;gap:10px;padding:22px;display:grid;position:absolute;inset:auto 22px 22px}.guide-grid,.benefit-grid,.story-card-grid,.home-grid,.detail-layout{gap:16px;display:grid}.guide-grid,.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.soft-card,.benefit-card,.shortcut-card,.history-card,.detail-panel,.auth-entry-card,.auth-benefit-card,.workflow-card,.story-card-ui,.empty-state-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);padding:22px}.soft-card,.benefit-card,.shortcut-card,.history-card,.detail-panel,.auth-benefit-card,.workflow-card,.empty-state-card{border:1px solid var(--line)}.guide-step{background:var(--sky-soft);width:36px;height:36px;color:var(--charcoal);border-radius:999px;justify-content:center;align-items:center;margin-bottom:16px;font-weight:800;display:inline-flex}.benefit-card{background:#ffffffb8}.routine-banner{box-shadow:var(--shadow-soft);background:linear-gradient(90deg,#ffe6d8 0%,#f4ecff 52%,#e2f4ff 100%);border-radius:32px;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.featured-story-card{box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fff7f0 0%,#fff 44%,#eef8ff 100%);border-radius:34px;gap:16px;padding:24px;display:grid}.featured-story-copy{gap:12px;display:grid}.featured-story-art{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;min-height:220px}.featured-story-description{max-width:58ch;color:var(--text-soft);margin:0;line-height:1.66}.story-card-link{display:block}.story-card-ui{gap:16px;min-height:100%;display:grid}.story-card-interactive{transition:transform .18s,box-shadow .18s}.story-card-interactive:hover{transform:translateY(-2px);box-shadow:0 26px 54px #a6775329}.story-card-art{background:linear-gradient(#e9ddff 0%,#ffe7d3 54%,#fff4cf 100%) 50%/cover no-repeat;border-radius:24px;min-height:160px;position:relative;overflow:hidden}.story-card-moon{background:var(--yellow);border-radius:999px;width:58px;height:58px;position:absolute;top:22px;right:22px}.story-card-cloud{background:#fffc;border-radius:999px;position:absolute}.story-card-cloud-one{width:86px;height:30px;bottom:36px;left:22px}.story-card-cloud-two{width:108px;height:34px;bottom:64px;left:82px}.story-card-body{gap:12px;display:grid}.story-card-meta,.story-tile-meta{flex-wrap:wrap;gap:8px;display:flex}.story-chip,.pill,.meta-chip{width:fit-content;min-height:44px;color:var(--charcoal);background:#ffffffdb;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.88rem;font-weight:800;display:inline-flex}.story-chip-soft{background:var(--sky-soft)}.story-chip-highlight{background:var(--lilac-soft)}.story-card-title{color:var(--heading);margin:0;font-size:1.22rem;font-weight:800;line-height:1.1}.story-card-cta{color:var(--charcoal);font-weight:800}.home-greeting{gap:16px;display:grid}.home-greeting-copy{gap:10px;display:grid}.home-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.shortcut-stack,.playback-list,.auth-benefit-list,.workflow-shell,.workflow-stack{gap:16px;display:grid}.shortcut-card,.history-card{gap:12px;display:grid}.playback-card{box-shadow:var(--shadow-card);background:linear-gradient(#fff9f3 0%,#fff 100%);border-radius:32px;gap:18px;padding:22px;display:grid}.playback-visual{background:linear-gradient(#eef7ff 0%,#fff0e4 100%);border-radius:28px;justify-items:center;gap:16px;padding:16px;display:grid}.playback-disc{background:linear-gradient(#ffd6b7 0%,#f6a878 100%);border-radius:999px;width:88px;height:88px;box-shadow:inset 0 0 0 14px #ffffff57}.playback-wave{grid-template-columns:repeat(16,minmax(0,1fr));align-items:end;gap:4px;width:100%;max-width:260px;height:54px;display:grid}.playback-wave span{background:linear-gradient(#7bc9ff 0%,#c0a7ff 100%);border-radius:999px;animation:2.8s ease-in-out infinite drift;display:block}.playback-wave span:nth-child(2n){animation-delay:.2s}.playback-wave span:nth-child(3n){animation-delay:.4s}@keyframes drift{0%,to{opacity:.72;transform:scaleY(.75)}50%{opacity:1;transform:scaleY(1)}}.playback-copy{gap:12px;display:grid}.landing-preview-audio{width:100%}.library-banner-row{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(260px,320px);grid-auto-flow:column;gap:16px;padding-bottom:8px;display:grid;overflow-x:auto}.library-banner-row::-webkit-scrollbar{height:10px}.library-banner-row::-webkit-scrollbar-thumb{background:#6e4e3e2e;border-radius:999px}.library-banner-card{color:#fff8f2;min-height:360px;box-shadow:var(--shadow-card);scroll-snap-align:start;border-radius:34px;gap:16px;padding:20px;display:grid}.library-banner-art{background:#ffffff1a 50%/cover no-repeat;border-radius:26px;min-height:220px;position:relative;overflow:hidden}.library-banner-badge{min-height:34px;color:var(--charcoal);background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.88rem;font-weight:800;display:inline-flex;position:absolute;top:18px;left:18px}.library-banner-blob{border-radius:999px;position:absolute}.library-banner-blob-main{background:linear-gradient(#ffb38aeb,#ff6f4ad1);width:180px;height:180px;inset:auto auto 34px 34px}.library-banner-blob-accent{background:#ffdf78e6;width:82px;height:82px;top:46px;right:38px}.library-banner-copy{gap:10px;display:grid}.library-banner-copy h3{color:inherit;letter-spacing:-.04em;margin:0;font-size:1.8rem;font-weight:800;line-height:1.04}.library-banner-copy p{color:#fff7f0e6}.library-banner-theme{color:#fff7f0d1;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:800}.empty-sound-card{background:var(--bg-soft);text-align:center;border-radius:22px;justify-content:center;align-items:center;min-height:92px;padding:18px;display:flex}.history-card-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.auth-page{padding-top:20px}.auth-layout{gap:18px;display:grid}.auth-story-panel,.auth-entry-card{box-shadow:var(--shadow-card);border-radius:32px;padding:24px}.auth-story-panel{background:linear-gradient(#fff1e6 0%,#f1f5ff 100%);gap:18px;display:grid}.auth-entry-card{background:#fffcf7f5;border:1px solid #ffffff6b;gap:18px;display:grid}.auth-entry-copy{gap:10px;display:grid}.workflow-card{gap:16px;display:grid}.workflow-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.workflow-meta{gap:6px;display:grid}.library-grid,.voice-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.story-tile,.voice-option{border:1px solid var(--line);width:100%;box-shadow:var(--shadow-soft);background:#ffffffd6;border-radius:24px;gap:12px;padding:18px;display:grid}.voice-option-selected{background:linear-gradient(#fff5eefa,#ffffffe6);border-color:#f28e5d61;box-shadow:0 20px 48px #a6775329}.story-tile{cursor:pointer;appearance:none;text-align:left;transition:transform .18s,box-shadow .18s}.story-tile:hover{transform:translateY(-1px)}.field{gap:10px;display:grid}.field-grid{gap:12px;display:grid}.field>span{color:var(--heading);font-weight:800}.input{min-height:56px;color:var(--heading);background:#ffffffeb;border:1px solid #7054421f;border-radius:20px;outline:none;padding:14px 16px;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:#f493626b;box-shadow:0 0 0 4px #ffb79247}.status{border:1px solid var(--line);background:#ffffffe0;border-radius:22px;align-content:start;gap:6px;min-height:74px;padding:16px 18px;display:grid}.status-error{color:#924a4a;background:#ffefeff0;border-color:#bf5e5e2e}.status-success{color:#2c6746;background:#eefcf1f0;border-color:#589b6e2e}.audio{width:100%}.recorder-modal{z-index:70;padding:calc(12px + env(safe-area-inset-top))12px calc(12px + env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;inset:0}.recorder-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2f241d38;border:0;position:absolute;inset:0}.recorder-modal-card{z-index:1;width:min(720px,100%);max-height:min(92dvh,820px);box-shadow:var(--shadow-card);background:linear-gradient(#eaf5fffa,#fff4eafa);border:1px solid #84c7ff33;border-radius:28px;gap:16px;padding:22px;display:grid;position:relative;overflow:auto}.recorder-modal-close{z-index:2;width:42px;height:42px;color:var(--charcoal);cursor:pointer;box-shadow:var(--shadow-soft);background:#ffffffeb;border:0;border-radius:999px;font-size:1.35rem;font-weight:800;line-height:1;position:absolute;top:14px;right:14px}.recorder-modal-close:disabled{cursor:default;opacity:.6}.recorder-modal .workflow-header{grid-template-columns:1fr;align-items:start;gap:18px;padding-right:50px;display:grid}.recorder-modal .workflow-meta{min-width:0}.recorder-modal .workflow-meta h2{max-width:none}.recorder-modal-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;width:100%;display:inline-flex}.recorder-modal-actions .button{width:100%}@media (max-width:1100px){.recorder-modal .workflow-header{grid-template-columns:1fr}.recorder-modal .workflow-meta{min-width:0}.recorder-modal .workflow-meta h2{max-width:none}.recorder-modal-actions{justify-content:flex-start}}.tab-row{background:#f4ede7e6;border-radius:999px;gap:8px;padding:6px;display:inline-flex}.tab-button{min-height:44px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-weight:700}.tab-button-active{color:var(--heading);box-shadow:var(--shadow-soft);background:#fff}.story-library-browser{gap:18px;display:grid}.filter-chips{flex-wrap:wrap;gap:10px;display:flex}.filter-chip{min-height:44px;color:var(--text-soft);cursor:pointer;background:#ffffffdb;border:0;border-radius:999px;padding:0 14px;font-weight:800}.filter-chip-active{color:var(--heading);box-shadow:var(--shadow-soft);background:#fff}.progress-stepper{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.progress-step{text-align:center;justify-items:center;gap:8px;display:grid}.progress-dot{width:44px;height:44px;color:var(--charcoal);background:#ffffffd6;border-radius:999px;justify-content:center;align-items:center;font-size:.92rem;font-weight:800;display:inline-flex}.progress-step-current .progress-dot{background:linear-gradient(#ffb792 0%,#f49362 100%)}.progress-step-complete .progress-dot{background:var(--sky-soft)}.progress-label{color:var(--text-soft);font-size:.88rem;font-weight:700}.detail-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.detail-transcript{background:#fffc;border-radius:24px;padding:20px}.story{white-space:pre-wrap;color:var(--text-soft);line-height:1.88}.detail-checklist{gap:12px;display:grid}.detail-list-item{align-items:flex-start;gap:10px;display:flex}.detail-bullet{background:var(--peach-strong);border-radius:999px;flex:none;width:12px;height:12px;margin-top:8px}.empty-state-card{text-align:left;justify-items:start;gap:14px;display:grid}@media (min-width:900px){.topbar-nav-desktop{display:flex}.topbar-menu-toggle,.topbar-mobile-layer{display:none}.hero-home,.auth-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.95fr)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899px){.guide-grid,.benefit-grid,.home-grid,.detail-layout{grid-template-columns:1fr}}@media (max-width:720px){.shell{width:min(100% - 16px,1160px)}.section-header-block,.history-card-top,.routine-banner{flex-direction:column;align-items:flex-start}.workflow-header{grid-template-columns:1fr;align-items:start;display:grid}.brand-mark-tag{display:none}.brand-mark-name{font-size:.95rem}.app-page{gap:18px}.page-band{gap:16px;padding:18px 0}.page-band,.page-band-soft,.page-band-contrast,.featured-story-card,.soft-card,.benefit-card,.shortcut-card,.history-card,.detail-panel,.auth-story-panel,.auth-entry-card,.workflow-card,.playback-card{padding:18px}.section-actions,.hero-actions,.featured-story-actions,.actions,.detail-actions,.home-greeting-actions{width:100%}.section-actions>*,.hero-actions>*,.featured-story-actions>*,.actions>*,.detail-actions>*,.home-greeting-actions>*{justify-content:center;width:100%}.tab-row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.tab-button{width:100%}.library-banner-row{grid-auto-columns:minmax(250px,88vw);gap:12px}.library-banner-card{border-radius:28px;min-height:330px;padding:18px}.library-banner-copy h3{font-size:1.5rem}.recorder-modal-close{width:44px;height:44px}.progress-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (hover:hover){.nav-link:hover{color:var(--heading);background:#ffffffb8;transform:translateY(-1px)}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px #f4936242}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline-offset:2px;outline:3px solid #70afffa6}