:root{color-scheme:light;font-synthesis:none;--background: #f4f1ea;--background-subtle: #f1f5f9;--surface: #ffffff;--surface-soft: rgba(255, 255, 255, .8);--primary: #243b5a;--primary-hover: #172a46;--text-primary: #172033;--text-secondary: #64748b;--accent: #b7793f;--accent-soft: #d4a574;--border: #e5e7eb;--border-brand: rgba(36, 59, 90, .13);--focus-ring: rgba(183, 121, 63, .7);--danger: #b91c1c;--success: #0f766e;--radius-sm: .625rem;--radius-md: .875rem;--radius-lg: 1.125rem;--shadow-sm: 0 4px 18px rgba(23, 32, 51, .06);--shadow-md: 0 16px 44px rgba(23, 32, 51, .1)}.dark{color-scheme:dark;--background: #0f172a;--background-subtle: #172033;--surface: #17243a;--surface-soft: rgba(23, 36, 58, .86);--primary: #d4a574;--primary-hover: #e0b78e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #d4a574;--accent-soft: #b7793f;--border: #334155;--border-brand: rgba(148, 163, 184, .24);--focus-ring: rgba(212, 165, 116, .7)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-width:0;min-height:100%;overflow-x:clip;background:var(--background);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{max-width:100%}button,input,textarea,select{font:inherit}button,a,select,input[type=range]{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}::selection{background:#b7793f4d;color:var(--text-primary)}.app-background{background:linear-gradient(rgba(36,59,90,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(36,59,90,.026) 1px,transparent 1px),radial-gradient(circle at 50% -20%,#fff 0,#f7f4ee 45%,#efeae1);background-size:56px 56px,56px 56px,auto}.dark .app-background{background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 50% -20%,#1c2b43 0,#101b2c 48%,#0a111d);background-size:56px 56px,56px 56px,auto}.ambient{position:absolute;width:min(32rem,80vw);aspect-ratio:1;border-radius:9999px;filter:blur(110px);opacity:.09;pointer-events:none}.ambient-top{top:-18rem;inset-inline-start:-10rem;background:var(--accent)}.ambient-bottom{inset-inline-end:-18rem;bottom:-20rem;background:var(--primary)}.utility-button{min-width:44px;min-height:44px;color:var(--primary)!important;background:var(--surface-soft)!important;border-color:var(--border-brand)!important;box-shadow:var(--shadow-sm)!important}.brand-mark{width:clamp(11rem,24vw,14rem);aspect-ratio:1}.brand-mark img,.brand-logo{width:100%;height:100%;object-fit:contain}.prompt-panel{box-shadow:var(--shadow-md)!important}.prompt-tools button{min-height:44px}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));gap:.625rem;max-height:10rem;overflow-y:auto}.reference-item{width:100%!important;height:auto!important;aspect-ratio:1}.reference-remove{opacity:1!important;inset:auto .25rem .25rem auto!important;width:2rem;height:2rem;border-radius:9999px;background:#0f172ac7!important}.library-card-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem 1rem;border-top:1px solid var(--border);background:var(--surface)}.library-card-actions button{position:static!important;opacity:1!important;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem}.official-logo-frame{background:#fff9;border:1px solid var(--border-brand);box-shadow:var(--shadow-sm)}.dark .official-logo-frame{background:#fffffff0}.dark .dark\:text-teal-400{color:#d4a574!important}.dark .dark\:text-teal-300{color:#e0b78e!important}.dark .dark\:text-teal-400\/80{color:#d4a574cc!important}.app-shell .rounded-3xl{border-radius:var(--radius-lg)}.app-shell .rounded-2xl{border-radius:var(--radius-md)}.app-shell .shadow-xl,.app-shell .shadow-2xl{box-shadow:var(--shadow-md)}.app-shell .animate-float{animation:none}.app-shell p,.app-shell h1,.app-shell h2,.app-shell h3{overflow-wrap:anywhere}.story-reader{padding-inline:clamp(.75rem,3vw,2rem)!important}.reader-header>*{min-width:0}.reader-stage{min-width:0}.reader-nav{padding-bottom:env(safe-area-inset-bottom);min-width:0}.reader-nav__button{flex:1 1 0;max-width:12rem;min-height:44px;overflow:hidden}.reader-nav__button span{min-width:0;overflow-wrap:anywhere}.story-word{display:inline;margin:0;padding:.05em .08em;border:0;border-radius:.25em;color:inherit;background:transparent;font:inherit;line-height:inherit;text-align:inherit;cursor:pointer;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.story-word:hover{background:color-mix(in srgb,var(--sb-gold) 12%,transparent)}.story-word--active{color:var(--sb-ink);background:color-mix(in srgb,var(--sb-gold) 38%,var(--sb-paper));box-shadow:0 0 0 2px color-mix(in srgb,var(--sb-gold) 30%,transparent)}.narration-panel select{text-overflow:ellipsis}.narration-actions button{white-space:nowrap}@media(max-width:767px){.home-screen{justify-content:flex-start!important;padding:1rem!important}.home-topbar{margin-bottom:1rem!important;padding-inline:0!important}.home-screen--options .home-topbar{margin-bottom:4.25rem!important}.home-topbar button,.inspiration-heading button{min-height:44px}.brand-mark{width:min(12rem,58vw);margin-bottom:1rem!important}.brand-title-wrap{margin-bottom:1rem!important}.home-tagline{margin-bottom:1.5rem!important}.app-state-home .theme-controls{top:1rem!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%)}.app-state-reading .theme-controls,.app-state-library .theme-controls,.app-state-generating_story .theme-controls,.app-state-error .theme-controls{top:auto!important;left:auto!important;right:auto!important;transform:none!important}.utility-button{padding:.625rem!important}.prompt-actions{align-items:stretch!important;gap:.75rem!important}.prompt-tools{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0!important}.prompt-tools button{justify-content:center;padding-inline:.5rem!important}.prompt-actions>button[type=submit]{width:100%}.inspiration-heading{align-items:flex-start!important;gap:.75rem}.inspiration-heading>*{min-width:0}.reader-header{align-items:stretch!important;gap:.625rem!important}.reader-header>button{order:1}.reader-header>div:nth-child(2){order:3;max-width:100%!important;width:100%;justify-content:center}.reader-header>div:nth-child(3){order:2}.reader-toolbar{gap:.625rem!important;padding:.625rem!important}.reader-toolbar>div{width:100%;gap:.5rem!important}.reader-toolbar button{min-height:44px}.narration-panel{padding:.75rem!important}.narration-actions button{flex:1 1 auto}.reader-stage>div{min-height:34rem!important}.reader-nav{gap:.5rem!important;padding-inline:0!important}.reader-nav button{min-width:44px;max-width:4rem;padding-inline:.75rem!important}.reader-nav button span{display:none}.reader-nav__status{padding-inline:.75rem!important}}@media(max-width:374px){.home-topbar button{padding-inline:.7rem!important;font-size:.75rem!important}.home-topbar button svg{width:1rem;height:1rem}.app-state-home .theme-controls{top:4.35rem!important}.home-screen{padding-top:3.75rem!important}.prompt-tools{grid-template-columns:1fr}.library-card-actions{justify-content:center}}@media(min-width:768px)and (max-width:1024px){.home-screen{padding-inline:2rem!important}.reader-toolbar>div{gap:.625rem!important}}@media(max-height:540px)and (orientation:landscape){.home-screen{padding-top:.75rem!important}.brand-mark{width:7.5rem}.home-tagline{margin-bottom:1rem!important}.reader-stage>div{min-height:26rem!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}