*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#f9fafb;background:radial-gradient(circle at top,#1f2937 0%,#111827 45%,#030712 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{color:#111827;cursor:pointer;background:#f3f4f6;border:0;border-radius:10px;padding:12px 16px;font-weight:700;transition:transform .15s,opacity .15s,background .15s}button:hover:not(:disabled){background:#fff;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.app{justify-content:center;width:100%;height:100dvh;padding:18px;display:flex;overflow:hidden}.app-centered{align-items:center}.card{background:#111827f5;border:1px solid #374151;border-radius:18px;width:100%;max-width:760px;padding:24px;box-shadow:0 18px 50px #00000059}.home-card{max-width:620px}.home-library-card{flex-direction:column;max-height:calc(100dvh - 36px);display:flex;overflow:hidden}.home-library-header{flex:none}.brand{color:#9ca3af;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.82rem;font-weight:800}h1{margin:0 0 12px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.1}.description{color:#d1d5db;margin:0 0 20px;font-size:1rem;line-height:1.6}.status{color:#9ca3af;margin-bottom:18px;font-size:.9rem}.recent-stories{border-top:1px solid #374151;flex-direction:column;flex:auto;min-height:0;margin-top:22px;padding-top:18px;display:flex}.recent-stories-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.recent-stories-heading h2{color:#e5e7eb;margin:0;font-size:1rem}.text-button{color:#9ca3af;background:0 0;border-radius:6px;padding:4px 6px;font-size:.8rem;font-weight:600}.text-button:hover:not(:disabled){color:#f3f4f6;background:#1f2937;transform:none}.recent-story-list{gap:8px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.recent-story-list::-webkit-scrollbar{width:8px}.recent-story-list::-webkit-scrollbar-track{background:0 0}.recent-story-list::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.recent-story-item{color:#f9fafb;text-align:left;background:#111827;border:1px solid #2f3a4e;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:12px 14px;display:grid}.recent-story-item:hover:not(:disabled){background:#182235;border-color:#4b5563}.recent-story-cover{background:#0f172a;border:1px solid #2f3a4e;border-radius:12px;width:76px;height:76px;overflow:hidden}.recent-story-cover-image{object-fit:cover;width:100%;height:100%;display:block}.recent-story-cover-placeholder{color:#9ca3af;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;font-size:.72rem;line-height:1.2;display:flex}.recent-story-content{flex-direction:column;gap:4px;min-width:0;display:flex}.recent-story-title{font-size:.95rem;font-weight:700;line-height:1.3}.recent-story-meta,.library-message{color:#9ca3af;font-size:.78rem}.library-message{padding:10px 0}.create-card,.story-card{flex-direction:column;height:calc(100dvh - 36px);max-height:900px;display:flex;overflow:hidden}.create-header,.story-header{flex:none}.story-meta{color:#9ca3af;margin:0 0 8px;font-size:.9rem}.create-form{flex-direction:column;flex:auto;min-height:0;display:flex}.form-scroll,.story-scroll{flex:auto;min-height:0;padding-right:6px;overflow:hidden auto}.form-scroll{margin-top:10px}.story-scroll{margin-top:8px}.form-scroll::-webkit-scrollbar{width:8px}.story-scroll::-webkit-scrollbar{width:8px}.form-scroll::-webkit-scrollbar-track{background:0 0}.story-scroll::-webkit-scrollbar-track{background:0 0}.form-scroll::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.story-scroll::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.form-scroll::-webkit-scrollbar-thumb:hover{background:#4b5563}.story-scroll::-webkit-scrollbar-thumb:hover{background:#4b5563}.form-grid{gap:14px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field{margin-bottom:16px}.field label{color:#e5e7eb;margin-bottom:7px;font-size:.9rem;font-weight:650;display:block}.field-help{color:#94a3b8;margin-top:7px;font-size:.8rem;line-height:1.45}input,select,textarea{color:#f9fafb;background:#0f172a;border:1px solid #4b5563;border-radius:9px;outline:none;width:100%;padding:11px 12px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:74px}input::placeholder,textarea::placeholder{color:#6b7280}input:focus,select:focus,textarea:focus{border-color:#9ca3af;box-shadow:0 0 0 3px #9ca3af1f}.rules{border:1px solid #374151;border-radius:10px;margin:4px 0 12px;padding:14px}.rules legend{color:#d1d5db;padding:0 6px;font-size:.9rem;font-weight:700}.checkbox-row{color:#d1d5db;align-items:flex-start;gap:9px;margin:8px 0;line-height:1.4;display:flex}.checkbox-row input{flex:none;width:auto;margin-top:3px}.form-actions,.story-actions{border-top:1px solid #374151;flex:none;gap:12px;margin-top:16px;padding-top:16px;display:grid}.form-actions{grid-template-columns:2fr 1fr}.story-actions{grid-template-columns:1.2fr 1fr 1fr}.secondary-button{color:#f3f4f6;background:#1f2937;border:1px solid #4b5563}.secondary-button:hover:not(:disabled){background:#273449}.error{color:#fecaca;background:#7f1d1d38;border:1px solid #7f1d1d;border-radius:9px;margin:12px 0;padding:12px 14px;font-size:.9rem;line-height:1.45}.cover-panel{background:#111827;border:1px solid #263246;border-radius:12px;flex:none;grid-template-columns:140px minmax(0,1fr);gap:16px;margin-top:12px;padding:14px;display:grid}.cover-artwork{min-width:0}.cover-image,.cover-placeholder{aspect-ratio:1;background:#0f172a;border:1px solid #2f3a4e;border-radius:12px;width:100%}.cover-image{object-fit:cover;display:block}.cover-placeholder{color:#9ca3af;text-align:center;justify-content:center;align-items:center;padding:16px;font-size:.9rem;line-height:1.4;display:flex}.cover-placeholder-loading{border-style:dashed}.cover-controls{flex-direction:column;justify-content:center;display:flex}.cover-generate-button{margin-top:12px}.scene-illustration-block{margin:0 0 1.1rem}.scene-illustration-image,.scene-illustration-placeholder{aspect-ratio:1;background:#0f172a;border:1px solid #2f3a4e;border-radius:14px;width:100%;max-width:520px}.scene-illustration-image{object-fit:cover;display:block}.scene-illustration-placeholder{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;line-height:1.4;display:flex}.scene-illustration-placeholder.loading{border-style:dashed}.scene-illustration-placeholder.error-state{color:#fecaca;border-color:#7f1d1d}.scene-regenerate-button{margin-top:7px}.story-text{color:#e5e7eb;font-size:1rem;line-height:1.72}.story-text p{margin:0 0 1rem}.story-scene+.story-scene{border-top:1px solid #253044;margin-top:1.25rem;padding-top:1.25rem}.scene-writing{color:#9ca3af;border:1px dashed #374151;border-radius:10px;margin:1.25rem 0;padding:12px 14px;font-size:.9rem}.creation-panel,.narration-panel{background:#111827;border:1px solid #263246;border-radius:10px;flex:none;margin-top:12px;padding:12px 14px}.creation-details,.narration-details{color:#d1d5db;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.9rem;display:flex}.progress-track{background:#374151;border-radius:999px;width:100%;height:7px;position:relative;overflow:hidden}.progress-fill{border-radius:inherit;background:#f3f4f6;height:100%;transition:width .25s}.progress-fill.indeterminate{width:35%;animation:1.2s linear infinite narration-loading;position:absolute}.voice-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;display:grid}.voice-row label{color:#d1d5db;font-size:.85rem}.voice-row select{width:100%;min-width:0}.narration-disclosure{color:#6b7280;margin-top:7px;font-size:.75rem}.developer-metrics{color:#6b7280;text-align:center;flex-direction:column;flex:none;gap:2px;margin-top:8px;font-size:.75rem;display:flex}@keyframes narration-loading{0%{left:-35%}to{left:100%}}@media (width<=640px){.app{padding:8px}.card{border-radius:14px;padding:16px}.home-library-card,.create-card,.story-card{height:calc(100dvh - 16px);max-height:none}.two-columns,.form-actions,.story-actions{grid-template-columns:1fr}.recent-story-item{grid-template-columns:64px minmax(0,1fr)}.recent-story-cover{width:64px;height:64px}.cover-panel{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:10px}.cover-placeholder{padding:8px;font-size:.78rem}.voice-row{grid-template-columns:1fr;gap:6px}.creation-details,.narration-details{font-size:.82rem}.story-text{font-size:.96rem}}.story-admin-card{max-width:900px}.story-admin-scroll{flex:auto;min-height:0;margin-top:10px;padding-right:6px;overflow:hidden auto}.story-admin-scroll::-webkit-scrollbar{width:9px}.reader-scroll::-webkit-scrollbar{width:9px}.story-admin-scroll::-webkit-scrollbar-track{background:0 0}.reader-scroll::-webkit-scrollbar-track{background:0 0}.story-admin-scroll::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.reader-scroll::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.admin-panel{background:#111827;border:1px solid #263246;border-radius:12px;margin-top:14px;padding:16px}.admin-panel-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-panel-heading h2,.admin-panel-title-row h2{color:#f3f4f6;margin:0;font-size:1rem}.admin-panel-heading p{color:#9ca3af;max-width:560px;margin:6px 0 0;font-size:.86rem;line-height:1.5}.admin-panel-heading button{flex:none}.admin-panel-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.admin-panel-title-row span{color:#9ca3af;font-size:.82rem}.narration-admin-panel .voice-row:first-of-type{margin-top:0}.reader-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030712db;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.reader-modal{background:#0d1626;border:1px solid #4b5563;border-radius:20px;flex-direction:column;width:min(1180px,100vw - 32px);height:calc(100dvh - 32px);max-height:980px;display:flex;overflow:hidden;box-shadow:0 28px 90px #00000094}.reader-modal-header{background:#111827fa;border-bottom:1px solid #253044;flex:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 24px 16px;display:flex}.reader-title-group{min-width:0}.reader-title-group .brand,.reader-title-group .story-meta{margin-bottom:5px}.reader-title-group h1{margin-bottom:0;font-size:clamp(1.45rem,3vw,2.25rem)}.reader-close-button{flex:none}.reader-playback-bar{background:#111827;border-bottom:1px solid #253044;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 24px;display:grid}.reader-playback-status{min-width:0}.reader-play-button{min-width:150px}.reader-scroll{overscroll-behavior:contain;flex:auto;min-height:0;overflow:hidden auto}.reader-content{width:min(860px,100% - 48px);margin:0 auto;padding:34px 0 70px}.reader-cover-figure{width:min(520px,78vw);margin:0 auto 28px}.reader-cover-image{aspect-ratio:1;object-fit:cover;border:1px solid #374151;border-radius:20px;width:100%;display:block;box-shadow:0 18px 48px #0000004d}.reader-story-text{color:#eef2f7;width:100%;font-size:1.08rem;line-height:1.82}.reader-story-scene{scroll-margin-top:24px}.reader-story-scene+.reader-story-scene{border-top:1px solid #253044;margin-top:42px;padding-top:42px}.reader-story-scene p{margin:0 0 1.25rem}.reader-scene-illustration-block{flex-direction:column;align-items:center;margin:0 0 32px;display:flex}.reader-scene-illustration-block .scene-illustration-image,.reader-scene-illustration-block .scene-illustration-placeholder{width:min(100%,720px);max-width:720px}.reader-scene-illustration-block .scene-regenerate-button{align-self:center}.reader-scene-illustration-inline{margin:10px 0 30px}.reader-scene-illustration-inline .scene-illustration-image,.reader-scene-illustration-inline .scene-illustration-placeholder{width:min(100%,680px);max-width:680px}@media (width<=760px){.story-admin-card{max-width:none}.admin-panel-heading{flex-direction:column;align-items:stretch}.admin-panel-heading button{width:100%}.reader-modal-backdrop{padding:0}.reader-modal{border:0;border-radius:0;width:100vw;height:100dvh;max-height:none}.reader-modal-header{gap:12px;padding:16px}.reader-close-button{padding:9px 11px;font-size:.82rem}.reader-playback-bar{grid-template-columns:1fr;gap:10px;padding:10px 16px 12px}.reader-play-button{width:100%}.reader-content{width:calc(100% - 32px);padding:24px 0 54px}.reader-cover-figure{width:min(100%,420px);margin-bottom:28px}.reader-story-text{font-size:1rem;line-height:1.72}.reader-story-scene+.reader-story-scene{margin-top:30px;padding-top:30px}}.artwork-status{color:#d1d5db;background:#0f172a;border:1px solid #2f3a4e;border-radius:9px;margin-top:10px;padding:10px 12px;font-size:.82rem;line-height:1.4}.reader-cover-pending{aspect-ratio:1;color:#9ca3af;text-align:center;background:#0f172a;border:1px dashed #374151;border-radius:20px;justify-content:center;align-items:center;width:100%;padding:28px;line-height:1.5;display:flex}.narration-lab-panel{gap:18px}.narration-lab-heading{margin-bottom:0}.narration-lab-snippet{background:#0f172a;border:1px solid #2f3a4e;border-radius:12px;padding:14px 16px}.narration-lab-snippet-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.78rem;font-weight:700}.narration-lab-snippet p{color:#dbe4f0;margin:0;line-height:1.6}.narration-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.narration-lab-card{background:#111827;border:1px solid #2f3a4e;border-radius:12px;flex-direction:column;min-width:0;padding:16px;display:flex}.narration-lab-card.premium{border-color:#4b5563}.narration-lab-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.narration-lab-card h3{color:#f3f4f6;margin:0;font-size:1rem}.narration-lab-card p{color:#9ca3af;margin:8px 0 12px;font-size:.84rem;line-height:1.45}.narration-lab-badge{color:#d1d5db;white-space:nowrap;border:1px solid #4b5563;border-radius:999px;flex:none;padding:4px 7px;font-size:.7rem}.narration-lab-meta{color:#6b7280;flex-wrap:wrap;gap:6px 12px;margin-bottom:12px;font-size:.75rem;display:flex}.narration-lab-audio{width:100%;margin-top:auto}.narration-lab-empty{color:#6b7280;border:1px dashed #374151;border-radius:8px;justify-content:center;align-items:center;min-height:54px;margin-top:auto;font-size:.8rem;display:flex}.narration-lab-cost{color:#9ca3af;margin-top:8px;font-size:.75rem}.narration-lab-generate{width:100%;margin-top:12px}.narration-lab-retry{margin-left:8px}@media (width<=760px){.narration-lab-grid{grid-template-columns:1fr}.narration-lab-card-header{flex-direction:column}.narration-lab-badge{align-self:flex-start}}.consumer-app{color:#f8fafc;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 18% 0,#5b21b647,#0000 36%),radial-gradient(circle at 88% 18%,#1e40af38,#0000 34%),#070b16;width:100%;height:100dvh;overflow:auto}.consumer-home,.consumer-create,.consumer-generation-card{width:min(100%,760px);margin:0 auto}.consumer-home{min-height:100%;padding:max(26px, env(safe-area-inset-top)) 20px max(42px, env(safe-area-inset-bottom))}.consumer-home-hero{padding:22px 2px 30px}.consumer-brand{color:#c4b5fd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.82rem;font-weight:850}.consumer-home-hero h1,.consumer-step-panel h1,.consumer-generation-card h1{letter-spacing:-.035em;max-width:680px;margin:0;font-size:clamp(2rem,8vw,3.7rem);line-height:1.02}.consumer-home-hero p{color:#cbd5e1;max-width:570px;margin:16px 0 24px;font-size:1.06rem;line-height:1.6}.consumer-primary-button,.consumer-secondary-button{border-radius:15px;min-height:52px;padding:14px 20px;font-size:1rem}.consumer-primary-button{color:#111827;background:#f8fafc}.consumer-secondary-button{color:#f8fafc;background:#111827;border:1px solid #475569}.consumer-big-button{min-height:58px;padding-inline:26px;font-size:1.08rem}.consumer-library{border-top:1px solid #94a3b82e;padding-top:22px}.consumer-section-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.consumer-section-heading h2{margin:0;font-size:1.25rem}.consumer-message,.consumer-empty-state{color:#94a3b8;text-align:center;border:1px dashed #334155;border-radius:16px;padding:24px 18px;line-height:1.5}.consumer-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.consumer-story-card{color:#f8fafc;text-align:left;background:#101827;border:1px solid #273449;border-radius:18px;min-width:0;padding:0;overflow:hidden}.consumer-story-card:hover:not(:disabled){background:#111c2e}.consumer-story-cover{aspect-ratio:1;background:#111827;width:100%;overflow:hidden}.consumer-story-cover img,.consumer-story-cover-empty{width:100%;height:100%}.consumer-story-cover img{object-fit:cover;display:block}.consumer-story-cover-empty{color:#64748b;place-items:center;font-size:1.1rem;font-weight:700;display:grid}.consumer-story-card-copy{flex-direction:column;gap:5px;padding:13px 14px 15px;display:flex}.consumer-story-card-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.consumer-story-card-copy span{color:#94a3b8;font-size:.82rem}.consumer-create-shell{overflow:hidden}.consumer-create{height:100dvh;padding:max(16px, env(safe-area-inset-top)) 18px max(16px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.consumer-create-header{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:46px;display:grid}.consumer-create-header .consumer-brand{text-align:center;margin:0}.consumer-back-link{color:#cbd5e1;background:0 0;justify-self:start;min-height:44px;padding:8px 4px}.consumer-back-link:hover:not(:disabled){background:0 0}.consumer-step-count{color:#94a3b8;justify-self:end;font-size:.82rem}.consumer-step-progress{flex:none;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0 0;display:grid}.consumer-step-progress span{background:#263244;border-radius:999px;height:4px}.consumer-step-progress span.active{background:#c4b5fd}.consumer-wizard{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.consumer-step-panel{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:clamp(28px,8vh,72px) 2px 24px;overflow-y:auto}.consumer-eyebrow{color:#a78bfa;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:800}.consumer-step-help{color:#aebbd0;max-width:620px;margin:14px 0 24px;font-size:1rem;line-height:1.55}.consumer-choice-grid{gap:12px;margin-top:26px;display:grid}.consumer-choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.consumer-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.consumer-choice{color:#f8fafc;text-align:left;background:#101827;border:1px solid #334155;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:96px;padding:16px;display:flex}.consumer-choice.selected{background:#6d28d938;border-color:#c4b5fd;box-shadow:inset 0 0 0 1px #c4b5fd80}.consumer-choice strong{font-size:1.08rem}.consumer-choice span{color:#aebbd0;font-size:.85rem;line-height:1.25}.consumer-field{flex-direction:column;gap:9px;margin-top:24px;display:flex}.consumer-field.compact{max-width:190px}.consumer-field>span{color:#dbe4f0;font-size:.9rem;font-weight:700}.consumer-field input,.consumer-field textarea{color:#f8fafc;background:#0c1422;border:1px solid #3b4b64;border-radius:15px;outline:none;width:100%;min-height:54px;padding:14px 15px;font-size:1rem;line-height:1.45}.consumer-field textarea{resize:none}.consumer-field input:focus,.consumer-field textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1f}.consumer-summary{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.consumer-summary span{color:#bdc9da;text-transform:capitalize;background:#172033;border-radius:999px;padding:7px 10px;font-size:.8rem}.consumer-wizard-actions{border-top:1px solid #94a3b824;flex:none;padding-top:14px}.consumer-wizard-actions button{width:100%}.consumer-story-shell{overflow:hidden}.consumer-generation-card{height:100dvh;padding:max(30px, env(safe-area-inset-top)) 24px max(30px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.consumer-generation-card h1{max-width:650px;font-size:clamp(1.8rem,7vw,3rem)}.consumer-generation-card>p:not(.consumer-brand){color:#b8c4d5;max-width:570px;margin:16px 0 22px;line-height:1.55}.consumer-generation-art{place-items:center;width:94px;height:94px;margin:18px 0 28px;display:grid}.consumer-generation-orbit{border:4px solid #29364a;border-top-color:#c4b5fd;border-radius:50%;width:68px;height:68px;animation:1.05s linear infinite consumer-spin}@keyframes consumer-spin{to{transform:rotate(360deg)}}.consumer-generation-progress{background:#253044;border-radius:999px;width:min(100%,460px);height:8px;overflow:hidden}.consumer-generation-progress-fill{border-radius:inherit;background:#c4b5fd;height:100%;transition:width .35s}.consumer-generation-actions{gap:10px;width:min(100%,460px);margin-top:20px;display:grid}.consumer-reader{z-index:1000;background:#080d18;flex-direction:column;min-width:0;display:flex;position:fixed;inset:0}.consumer-reader-header{min-height:64px;padding:max(10px, env(safe-area-inset-top)) 16px 10px;background:#080d18fa;border-bottom:1px solid #202b3d;flex:none;grid-template-columns:minmax(76px,1fr) minmax(0,3fr) minmax(54px,1fr);align-items:center;gap:12px;display:grid}.consumer-reader-home{color:#c4b5fd;background:0 0;justify-self:start;min-height:44px;padding:8px 0;font-size:.86rem}.consumer-reader-home:hover:not(:disabled){background:0 0}.consumer-reader-title{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.consumer-reader-title span{color:#77859a;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:800}.consumer-reader-title strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9rem;overflow:hidden}.consumer-reader-time{color:#77859a;justify-self:end;font-size:.75rem}.consumer-player-bar{background:#0d1422;border-bottom:1px solid #202b3d;flex:none;grid-template-columns:minmax(112px,.8fr) minmax(140px,1.6fr) auto;align-items:center;gap:14px;padding:10px 16px;display:grid}.consumer-narrator-select{align-items:center;gap:8px;min-width:0;display:flex}.consumer-narrator-select span{color:#94a3b8;font-size:.76rem}.consumer-narrator-select select{color:#f8fafc;background:#111827;border:1px solid #334155;border-radius:11px;min-width:0;height:42px;padding:0 10px}.consumer-player-status{min-width:0}.consumer-player-status>span{color:#aebbd0;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:.76rem;display:block;overflow:hidden}.consumer-play-button{border-radius:14px;min-width:100px;min-height:46px}.consumer-reader-error{color:#fecdd3;text-align:center;background:#3b1620;flex:none;padding:9px 16px;font-size:.82rem}.consumer-reader-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:hidden auto}.consumer-reader-content{width:min(880px,100% - 36px);padding:28px 0 max(72px, env(safe-area-inset-bottom));margin:0 auto}.consumer-cover-hero{width:min(520px,100%);margin:0 auto 28px}.consumer-cover-hero img{aspect-ratio:1;object-fit:cover;border:1px solid #2d3b50;border-radius:22px;width:100%;display:block;box-shadow:0 20px 56px #00000057}.consumer-story-text{color:#edf2f7;width:100%;font-size:clamp(1.03rem,2.2vw,1.16rem);line-height:1.8}.consumer-feedback-card{background:#101827;border:1px solid #2d3a4f;border-radius:20px;margin:52px 0 0;padding:22px}.consumer-feedback-card h2,.consumer-feedback-card h3{margin:0}.consumer-feedback-card h2{font-size:1.35rem}.consumer-feedback-card h3{margin-top:26px;font-size:1rem}.consumer-feedback-row{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.consumer-feedback-row button{color:#e2e8f0;background:#172033;border:1px solid #334155;min-height:46px}.consumer-feedback-row button.selected{color:#f8fafc;background:#6d28d94d;border-color:#c4b5fd}.consumer-make-another{width:100%;margin-top:28px}@media (width<=640px){.consumer-home{padding-inline:14px}.consumer-home-hero{padding-top:14px}.consumer-home-hero h1,.consumer-step-panel h1{font-size:clamp(2rem,10vw,2.8rem)}.consumer-story-grid{gap:11px}.consumer-story-card-copy{padding:11px 11px 13px}.consumer-choice-grid.two,.consumer-choice-grid.three{grid-template-columns:1fr}.consumer-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.consumer-choice-grid.three .consumer-choice{text-align:center;align-items:center;min-height:82px;padding:10px 6px}.consumer-choice-grid.three .consumer-choice strong{font-size:1.28rem}.consumer-create{padding-inline:14px}.consumer-step-panel{padding-top:34px}.consumer-reader-header{grid-template-columns:74px minmax(0,1fr) 46px;padding-inline:12px}.consumer-reader-home{font-size:.78rem}.consumer-reader-time{font-size:.68rem}.consumer-player-bar{grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;padding:9px 12px 10px}.consumer-narrator-select{grid-area:1/1}.consumer-narrator-select span{display:none}.consumer-narrator-select select{width:100%;height:46px}.consumer-play-button{grid-area:1/2;min-width:92px;height:46px}.consumer-player-status{grid-area:2/1/auto/-1}.consumer-player-status>span{margin-bottom:5px}.consumer-reader-content{width:min(100%,100% - 24px);padding-top:18px}.consumer-cover-hero{margin-bottom:22px}.consumer-cover-hero img{border-radius:18px}.consumer-story-text{font-size:1.02rem;line-height:1.72}.consumer-feedback-card{margin-top:38px;padding:18px 14px}.consumer-feedback-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.consumer-feedback-row button{min-width:0;padding:10px 7px;font-size:.8rem}.consumer-reader .reader-scene-illustration-block .scene-illustration-image,.consumer-reader .reader-scene-illustration-block .scene-illustration-placeholder{width:100%}}.consumer-player-bar{background:#0d1422;border-bottom:1px solid #202b3d;flex-direction:column;flex:none;gap:9px;padding:10px 16px 12px;display:flex}.consumer-player-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.consumer-player-heading .consumer-narrator-select{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.consumer-player-heading .consumer-narrator-select span{color:#94a3b8;font-size:.76rem;display:block}.consumer-player-heading .consumer-narrator-select select{color:#f8fafc;background:#111827;border:1px solid #334155;border-radius:11px;width:100%;min-width:0;height:42px;padding:0 10px}.consumer-audio-state{color:#aebbd0;text-align:right;white-space:nowrap;font-size:.76rem}.consumer-transport-row{grid-template-columns:82px minmax(110px,150px) 82px;justify-content:center;align-items:center;gap:10px;display:grid}.consumer-skip-button,.consumer-play-button{border-radius:12px;min-height:44px}.consumer-skip-button{color:#dbe5f3;background:#111827;border:1px solid #334155;font-size:.78rem}.consumer-skip-button:hover:not(:disabled){background:#172033}.consumer-skip-button:disabled{opacity:.45}.consumer-play-button{min-width:0}.consumer-timeline{gap:4px;display:grid}.consumer-seek-slider{accent-color:#e5e7eb;cursor:pointer;width:100%;min-height:28px;margin:0}.consumer-seek-slider:disabled{cursor:default;opacity:.45}.consumer-time-row{color:#93a3b8;font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;font-size:.72rem;display:flex}.consumer-story-audio-status{color:#b9c8dd;margin-top:3px;font-size:.7rem;line-height:1.3}@media (width<=760px){.consumer-player-bar{gap:8px;padding:9px 12px 11px}.consumer-player-heading{grid-template-columns:minmax(0,1fr) minmax(96px,auto);gap:9px}.consumer-player-heading .consumer-narrator-select{grid-template-columns:1fr;gap:3px}.consumer-player-heading .consumer-narrator-select span{font-size:.68rem}.consumer-player-heading .consumer-narrator-select select{height:44px}.consumer-audio-state{white-space:normal;max-width:128px;line-height:1.25}.consumer-transport-row{grid-template-columns:76px minmax(0,1fr) 76px;gap:8px}.consumer-skip-button,.consumer-play-button{min-height:46px}.consumer-time-row{font-size:.68rem}}.safety-admin-panel{border-color:#35506b}.safety-status-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:14px;display:grid}.safety-status-grid>div{background:#0f172a;border:1px solid #263246;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:11px 12px;display:flex}.safety-status-label{color:#8fa0b8;font-size:.72rem}.safety-status-grid strong{color:#e8edf5;overflow-wrap:anywhere;font-size:.9rem}.safety-cost-note{color:#8fa0b8;margin-top:10px;font-size:.75rem;line-height:1.45}.safety-review-note{color:#e7d2bc;background:#231a14;border:1px solid #6b4c2c;border-radius:10px;flex-direction:column;gap:6px;margin-top:12px;padding:12px 14px;font-size:.8rem;line-height:1.45;display:flex}.safety-review-note strong{color:#fff0de}.safety-review-explanation{white-space:pre-wrap}@media (width<=760px){.safety-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.safety-pass-note{color:#cfe7d8;background:#13231b;border:1px solid #315f45;border-radius:10px;flex-direction:column;gap:6px;margin-top:12px;padding:12px 14px;font-size:.8rem;line-height:1.45;display:flex}.safety-pass-note strong{color:#ecfff2}.story-cost-panel{background:linear-gradient(#111827 0%,#0f172a 100%)}.story-cost-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.story-cost-heading h2{color:#f3f4f6;margin:0;font-size:1rem}.story-cost-heading p{color:#9ca3af;max-width:620px;margin:5px 0 0;font-size:.82rem;line-height:1.5}.story-cost-total{text-align:right;background:#0b1220;border:1px solid #3b4a61;border-radius:10px;flex:none;min-width:150px;padding:12px 14px}.story-cost-total span,.story-cost-item span{color:#93a4ba;font-size:.72rem;display:block}.story-cost-total strong{color:#f8fafc;letter-spacing:-.02em;margin-top:3px;font-size:1.45rem;display:block}.story-cost-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.story-cost-item{background:#0f172a;border:1px solid #263246;border-radius:10px;min-width:0;padding:12px}.story-cost-item strong{color:#f3f4f6;margin-top:4px;font-size:1rem;display:block}.story-cost-item small{color:#6f8098;margin-top:5px;font-size:.68rem;line-height:1.35;display:block}.story-cost-excluded{color:#7889a1;margin-top:12px;font-size:.72rem}@media (width<=760px){.story-cost-heading{flex-direction:column}.story-cost-total{text-align:left;width:100%}.story-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.story-cost-grid{grid-template-columns:1fr}}.story-library-filters{grid-template-columns:minmax(0,2fr) minmax(120px,.8fr) minmax(120px,.8fr) auto;align-items:end;gap:10px;margin-bottom:10px;display:grid}.story-library-filters label{color:#9ca3af;flex-direction:column;gap:6px;min-width:0;font-size:.76rem;font-weight:700;display:flex}.story-library-filters input,.story-library-filters select{min-height:42px;padding:9px 10px}.story-library-clear,.story-library-pagination button{color:#e5e7eb;background:#111827;border:1px solid #3b4a61;min-height:42px;padding:9px 12px;font-size:.8rem}.story-library-clear:hover:not(:disabled),.story-library-pagination button:hover:not(:disabled){background:#1f2937}.story-library-summary{color:#94a3b8;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:.78rem;display:flex}.story-library-pagination{align-items:center;gap:8px;display:flex}.story-library-pagination button{min-height:34px;padding:6px 10px}.consumer-library .story-library-filters label,.consumer-library .story-library-summary{color:#94a3b8}.consumer-library .story-library-filters input,.consumer-library .story-library-filters select{background:#0c1422;border-color:#334155;border-radius:12px}@media (width<=700px){.story-library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.story-library-search,.story-library-clear{grid-column:1/-1}.story-library-summary{flex-direction:column;align-items:flex-start}}@media (width<=430px){.story-library-filters{grid-template-columns:1fr}.story-library-search,.story-library-clear{grid-column:auto}.story-library-pagination{justify-content:space-between;width:100%}}.reader-mode-switch{background:#0f1726;border-bottom:1px solid #253044;flex:none;justify-content:center;gap:8px;padding:10px 16px;display:flex}.reader-mode-switch button{color:#aebbd0;background:#111827;border:1px solid #334155;border-radius:999px;min-width:126px;min-height:40px;padding:8px 16px;font-size:.84rem;font-weight:700}.reader-mode-switch button:hover:not(:disabled){background:#172033}.reader-mode-switch button.selected{color:#f8fafc;background:#6d28d952;border-color:#c4b5fd}.consumer-reader-mode-switch{background:#0a101c;border-bottom-color:#202b3d}.consumer-reader-mode-switch button{min-width:min(170px,42vw);min-height:44px}.consumer-audio-view,.admin-audio-view{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.audio-story-stage{background:#080d18;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:12px;min-height:0;padding:20px 24px 14px;display:flex;overflow:hidden}.audio-story-artwork-frame{flex:auto;justify-content:center;align-items:center;width:min(820px,100%);min-height:0;display:flex;position:relative}.audio-story-artwork{aspect-ratio:1;object-fit:contain;border:1px solid #2d3b50;border-radius:22px;width:auto;max-width:100%;height:auto;max-height:100%;animation:.42s ease-out bedtimebop-audio-slide-in;display:block;box-shadow:0 22px 64px #00000061}.audio-story-artwork-placeholder{aspect-ratio:1;color:#94a3b8;text-align:center;background:#101827;border:1px dashed #3b475a;border-radius:22px;place-items:center;width:min(680px,100%);padding:24px;display:grid}.audio-story-artwork-note{color:#cbd5e1;text-align:center;background:#080d18e0;border-radius:999px;width:max-content;max-width:calc(100% - 28px);padding:7px 11px;font-size:.72rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.audio-story-caption{color:#94a3b8;text-align:center;flex-direction:column;flex:none;align-items:center;gap:2px;min-width:0;display:flex}.audio-story-caption span{letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.audio-story-caption strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:min(720px,88vw);font-size:.96rem;overflow:hidden}.consumer-audio-story-stage{padding-top:16px;padding-bottom:10px}.consumer-audio-player-bar{padding-bottom:max(12px, env(safe-area-inset-bottom));border-top:1px solid #202b3d;border-bottom:0;flex:none}.consumer-audio-finished{text-align:center;border-top:1px solid #253044;gap:8px;padding-top:8px;display:grid}.consumer-audio-finished>strong{color:#f8fafc;font-size:.9rem}.consumer-audio-finished .consumer-feedback-row{justify-content:center;margin-top:0}.admin-audio-story-stage{background:#0d1626}.reader-audio-playback-bar{border-top:1px solid #253044;border-bottom:0;flex:none}.reader-audio-error{border-radius:0;flex:none;margin:0}@keyframes bedtimebop-audio-slide-in{0%{opacity:.2;transform:scale(.992)}to{opacity:1;transform:scale(1)}}@media (width<=760px){.reader-mode-switch{gap:6px;padding:8px 12px}.reader-mode-switch button{flex:1 1 0;min-width:0;max-width:190px;min-height:42px;padding-inline:10px}.audio-story-stage{gap:8px;padding:12px 12px 8px}.audio-story-artwork,.audio-story-artwork-placeholder{border-radius:18px}.audio-story-caption strong{max-width:90vw;font-size:.88rem}.consumer-audio-player-bar{padding-bottom:max(11px, env(safe-area-inset-bottom))}.consumer-audio-finished .consumer-feedback-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.audio-story-artwork{animation:none}}