*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07140f;--bg-2:#0b2218;--card:#091f17c7;--card-strong:#0d2c1feb;--line:#84ffbb2b;--line-strong:#84ffbb59;--text:#effff5;--muted:#a8cbb7;--green:#31e981;--green-2:#8cffba;--gold:#ffd166;--red:#ff5c5c;--shadow:0 24px 80px #00000059}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 12%, #31e98124, transparent 24rem), radial-gradient(circle at 86% 8%, #ffd1661a, transparent 22rem), linear-gradient(135deg, #020806 0%, var(--bg) 45%, #05120d 100%);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 64px;position:relative}.ambient{filter:blur(20px);pointer-events:none;opacity:.7;z-index:-1;border-radius:999px;position:fixed}.ambient-one{background:#31e9811c;width:280px;height:280px;top:140px;left:-80px}.ambient-two{background:#ffd16614;width:360px;height:360px;bottom:120px;right:-110px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:12px 0 28px;display:flex}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{color:#052012;background:linear-gradient(135deg,#0c3a27,#32e884);border-radius:16px;place-items:center;width:46px;height:46px;font-weight:950;display:grid;box-shadow:0 12px 34px #31e98133}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em;font-size:1rem}.brand small{color:var(--muted);margin-top:2px;font-size:.78rem}.club-link,.secondary-button,.story-toolbar button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:11px 16px;font-weight:800;text-decoration:none}.club-link:hover,.secondary-button:hover,.story-toolbar button:hover{border-color:var(--green);background:#31e98114}.hero-section{border:1px solid var(--line);min-height:560px;box-shadow:var(--shadow);background:linear-gradient(135deg,#05160fdb,#0a2a1cb8);border-radius:34px;grid-template-columns:1.02fr .98fr;align-items:center;gap:34px;padding:28px;display:grid;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background-image:radial-gradient(#8cffba3d 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000);mask-image:linear-gradient(#000c,#0000)}.hero-copy{z-index:1;max-width:590px;position:relative}.eyebrow{width:fit-content;color:var(--green-2);text-transform:uppercase;letter-spacing:.08em;background:#31e9811a;border:1px solid #31e98140;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.77rem;font-weight:900;display:inline-flex}h1,h2,h3,p{margin-top:0}.hero-copy h1{letter-spacing:-.08em;margin:24px 0 22px;font-size:clamp(2.45rem,5vw,5.55rem);line-height:.92}.hero-copy p{color:var(--muted);max-width:56ch;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primary-button{color:#052012;background:linear-gradient(135deg, var(--green-2), var(--green));cursor:pointer;border:0;border-radius:999px;padding:14px 20px;font-weight:950;box-shadow:0 16px 34px #31e98138}.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.72;cursor:wait;transform:none}.primary-button.full{justify-content:center;width:100%;margin-top:10px}.trust-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.trust-row span{color:var(--muted);border:1px solid var(--line);background:#ffffff09;border-radius:999px;padding:9px 12px;font-size:.9rem}.hero-stage{z-index:1;height:520px;position:relative}.hero-stage img{object-fit:contain;filter:drop-shadow(0 28px 28px #00000047);position:absolute}.hero-genio{width:min(62%,330px);bottom:16px;left:2%;transform:rotate(-3deg)}.hero-genia{width:min(56%,300px);top:18px;right:4%;transform:rotate(5deg)}.floating-card{z-index:2;color:#052012;background:linear-gradient(135deg,#fbfff4,#b7ffc9);border-radius:18px;padding:12px 14px;font-weight:950;position:absolute;box-shadow:0 18px 36px #00000047}.card-one{top:36px;left:0}.card-two{bottom:58px;right:16px}.builder-grid{grid-template-columns:1.03fr .97fr;align-items:start;gap:24px;margin-top:28px;display:grid}.builder-panel,.characters-panel,.story-card,.empty-story{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px}.builder-panel,.characters-panel{padding:22px}.section-heading{gap:14px;margin-bottom:22px;display:flex}.section-heading>span{width:42px;height:42px;color:var(--green-2);background:#31e9811f;border:1px solid #31e98138;border-radius:14px;flex:0 0 42px;place-items:center;font-weight:950;display:grid}.section-heading h2{letter-spacing:-.04em;margin:0 0 6px;font-size:1.55rem}.section-heading p{color:var(--muted);margin-bottom:0;line-height:1.55}.field-label,.field-group{margin:18px 0;display:block}.field-label,.field-title{color:var(--text);font-weight:900}input,textarea{width:100%;color:var(--text);border:1px solid var(--line);background:#ffffff0e;border-radius:18px;outline:none;margin-top:9px;padding:14px 15px}textarea{resize:vertical;min-height:94px}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #31e98114}.pill-grid,.duration-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.pill-button,.type-card,.character-card,.toggle-row{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0b;border-radius:18px}.pill-button{text-align:left;padding:13px 12px}.pill-button strong,.pill-button small,.type-card strong,.type-card small{display:block}.pill-button small,.type-card small,.character-card small,.toggle-row small{color:var(--muted);margin-top:4px;line-height:1.35}.pill-button.active,.type-card.active,.character-card.selected{border-color:var(--green);background:#31e9811f;box-shadow:inset 0 0 0 1px #31e98114}.type-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;display:grid}.type-card{text-align:left;padding:14px}.type-card span{margin-bottom:10px;font-size:1.5rem;display:block}.toggle-row{align-items:center;gap:12px;margin:20px 0;padding:14px;display:flex}.toggle-row input{width:20px;height:20px;accent-color:var(--green);margin:0}.characters-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.character-card{text-align:center;min-height:176px;padding:12px;position:relative;overflow:hidden}.character-card:after{content:"";background:linear-gradient(90deg, transparent, var(--line-strong), transparent);height:1px;position:absolute;inset:auto 12px 12px}.character-image-wrap{place-items:center;height:104px;margin-bottom:8px;display:grid}.character-image-wrap img{object-fit:contain;filter:drop-shadow(0 12px 14px #0000003d);width:100%;height:100%}.character-card strong,.character-card small{display:block}.error-message{color:#ffd1d1;background:#ff5c5c14;border:1px solid #ff5c5c38;border-radius:14px;margin:12px 0 0;padding:12px}.story-result{margin-top:28px}.empty-story{color:var(--muted);align-items:center;gap:18px;padding:26px;display:flex}.empty-story img{object-fit:contain;width:148px;height:148px}.empty-story h2{color:var(--text);margin:12px 0 8px}.story-card{overflow:hidden}.story-cover{border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 12%,#ffd1662e,#0000 22rem),linear-gradient(135deg,#31e9811f,#ffffff08);grid-template-columns:1.1fr .9fr;align-items:center;gap:18px;padding:28px;display:grid}.cover-copy h2{letter-spacing:-.06em;margin:18px 0 16px;font-size:clamp(2rem,4vw,4rem);line-height:.98}.cover-copy p{color:var(--muted);font-size:1.05rem;line-height:1.6}.story-meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.story-meta span{color:var(--text);border:1px solid var(--line);background:#00000024;border-radius:999px;padding:8px 10px;font-size:.85rem;font-weight:800}.cover-characters{grid-template-columns:repeat(2,minmax(110px,1fr));align-items:end;gap:8px;display:grid}.cover-characters img{object-fit:contain;filter:drop-shadow(0 16px 18px #00000047);width:100%;height:170px}.story-toolbar{border-bottom:1px solid var(--line);background:#0000001f;flex-wrap:wrap;gap:10px;padding:16px 24px;display:flex}.story-toolbar button:disabled{opacity:.62;cursor:not-allowed}.voice-select{min-width:min(100%,280px);color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0e;border-radius:999px;outline:none;padding:11px 14px;font-weight:800}.voice-select:focus{border-color:var(--green);box-shadow:0 0 0 4px #31e98114}.voice-note{color:var(--muted);border:1px solid var(--line);background:#31e9810e;border-radius:16px;margin:14px 24px 0;padding:11px 14px;font-size:.88rem;line-height:1.45}.story-body{width:min(780px,100%);margin:0 auto;padding:34px 24px 24px}.story-body h3{color:var(--green-2);margin-bottom:22px;font-size:1.4rem}.story-body p{color:#e7f7ed;margin-bottom:1.25em;font-size:1.1rem;line-height:1.85}.story-body blockquote{border-left:5px solid var(--green);letter-spacing:-.02em;background:#31e9811a;border-radius:0 18px 18px 0;margin:30px 0 0;padding:18px;font-size:1.4rem;font-weight:950}.adult-note{color:#ffe8aa;background:#ffd16612;border:1px solid #ffd1663d;border-radius:18px;margin:0 24px 24px;padding:16px}.adult-note p{color:#f5e8bd;margin:6px 0 0;line-height:1.55}@media (width<=920px){.app-shell{width:min(100% - 22px,720px);padding-top:14px}.topbar{align-items:flex-start}.club-link{padding:9px 11px;font-size:.88rem}.hero-section,.builder-grid,.story-cover{grid-template-columns:1fr}.hero-section{min-height:auto;padding:22px}.hero-stage{height:390px}.hero-genio{width:54%;bottom:0;left:0}.hero-genia{width:52%;top:0}.pill-grid,.duration-row,.type-grid{grid-template-columns:1fr}.characters-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.brand small{display:none}.brand-mark{border-radius:14px;width:40px;height:40px}.hero-copy h1{font-size:2.7rem}.hero-actions,.hero-actions .primary-button,.hero-actions .secondary-button{width:100%}.hero-actions .secondary-button{text-align:center}.hero-stage{height:310px}.floating-card{font-size:.82rem}.builder-panel,.characters-panel{border-radius:24px;padding:16px}.characters-grid{gap:9px}.character-card{min-height:150px;padding:9px}.character-image-wrap{height:82px}.character-card small{display:none}.empty-story{flex-direction:column;align-items:flex-start}.story-cover{padding:20px}.cover-characters img{height:135px}.story-toolbar{padding:14px}.story-toolbar button,.voice-select{width:100%}.voice-note{margin:12px 14px 0}.story-body{padding:26px 18px 18px}.story-body p{font-size:1.02rem}}@media print{body{color:#111;background:#fff}.topbar,.hero-section,.builder-grid,.story-toolbar,.voice-note,.adult-note,.empty-story{display:none!important}.app-shell{width:100%;padding:0}.story-card{box-shadow:none;color:#111;background:#fff;border:0}.story-cover{color:#111;background:#fff;border-bottom:2px solid #ddd}.story-body p,.cover-copy p{color:#222}.eyebrow,.story-meta span{color:#111;background:#f5f5f5;border-color:#ccc}}.eco-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#16a34a,#0ea5e9);border-radius:16px;flex-direction:column;gap:4px;max-width:560px;margin:24px auto 0;padding:16px 20px;text-decoration:none;display:flex;box-shadow:0 8px 20px #0ea5e940}.eco-cta span{font-weight:600}.react-ux-shell{padding-bottom:96px}.upgraded-topbar{gap:14px}.top-actions{align-items:center;gap:10px;display:flex}.mode-toggle{border:1px solid var(--line);min-height:44px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:9px 14px;font-weight:900}.react-tabs{z-index:42;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07160fc7;border-radius:999px;justify-content:center;gap:10px;width:min(1120px,100% - 28px);margin:0 auto 22px;padding:10px;display:flex;position:sticky;top:12px;box-shadow:0 18px 50px #0000002e}.react-tabs button{min-height:48px;color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:900;display:inline-flex}.react-tabs button.active{color:#052012;background:linear-gradient(135deg,var(--green),var(--gold))}.react-tabs button:disabled{opacity:.45;cursor:not-allowed}.react-toast{z-index:100;min-width:min(92vw,380px);max-width:92vw;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07160ff0;border:1px solid #ffd1666b;border-radius:22px;align-items:center;gap:12px;padding:14px 16px;display:flex;position:fixed;bottom:104px;left:50%;transform:translate(-50%);box-shadow:0 22px 70px #0000005c}.react-toast>span{background:#ffd16629;border-radius:16px;place-items:center;width:46px;height:46px;font-size:1.55rem;display:grid}.react-toast strong,.react-toast small{display:block}.react-toast small{color:var(--muted);margin-top:2px}.kid-start-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:34px;grid-template-columns:1.2fr .8fr;align-items:center;gap:22px;margin-bottom:28px;padding:28px;display:grid}.kid-start-card h1{letter-spacing:-.08em;margin:10px 0;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95}.kid-start-card p{color:var(--muted);font-size:1.05rem;line-height:1.6}.jumbo-button{padding:15px 22px;font-size:1.05rem}.kid-start-stage{grid-template-columns:1fr 1fr;align-items:end;min-height:240px;display:grid;position:relative}.kid-start-stage img{object-fit:contain;filter:drop-shadow(0 18px 30px #00000047);max-width:100%;max-height:250px}.creator-wizard,.react-screen{scroll-margin-top:96px}.creator-wizard{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:34px;padding:22px}.wizard-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.wizard-header h2{letter-spacing:-.05em;margin:8px 0 0;font-size:clamp(1.6rem,3vw,2.3rem)}.wizard-dots{gap:8px;display:flex}.wizard-dots button{border:1px solid var(--line);min-width:48px;min-height:48px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:16px;font-size:1.2rem}.wizard-dots button.active{border-color:var(--green);background:#31e98124}.wizard-form{gap:16px;display:grid}.wizard-step-pane{border:1px solid var(--line);background:#ffffff09;border-radius:26px;padding:18px}.big-field input{min-height:56px;font-size:1.12rem}.mobile-carousel-grid{gap:12px}.advanced-options{border:1px solid var(--line);background:#ffffff09;border-radius:20px;margin-top:14px;padding:12px}.advanced-options summary{cursor:pointer;font-weight:950}.advanced-options>:not(summary){margin-top:12px}.creation-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.creation-summary article{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;padding:14px}.creation-summary span,.creation-summary strong,.creation-summary small{display:block}.creation-summary span{font-size:1.6rem}.creation-summary small{color:var(--muted);margin-top:4px}.wizard-actions{justify-content:flex-end;gap:10px;display:flex}.wizard-actions button{border:1px solid var(--line);min-height:48px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:10px 18px;font-weight:900}.child-toolbar button,.child-toolbar a,.child-toolbar select{min-height:48px}.child-story-page p{font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.9}.story-shelf-card strong{font-size:1.02rem}.react-bottom-nav{display:none}.kid-mode button,.kid-mode input,.kid-mode textarea,.kid-mode select,.kid-mode a{touch-action:manipulation}.kid-mode .character-card,.kid-mode .villain-card,.kid-mode .type-card{min-height:148px}.adult-mode .wizard-form{grid-template-columns:1fr}.adult-mode .wizard-step-pane{display:block}.adult-mode .wizard-actions button:first-child{display:none}@media (width<=860px){body{padding-bottom:94px}.react-tabs{display:none}.react-bottom-nav{z-index:88;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07160feb;border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 20px 60px #0000005c}.react-bottom-nav button,.react-bottom-nav a{min-width:0;min-height:58px;color:var(--text);cursor:pointer;background:#ffffff0e;border:1px solid #0000;border-radius:18px;place-items:center;gap:2px;font-weight:900;text-decoration:none;display:grid}.react-bottom-nav button.active{color:#052012;background:linear-gradient(135deg,var(--green),var(--gold))}.react-bottom-nav span{font-size:1.25rem}.react-bottom-nav small{font-size:.68rem}.topbar{padding:10px}.brand small{display:none}.top-actions{gap:6px}.mode-toggle,.club-link{padding:8px 10px;font-size:.78rem}.kid-start-card{border-radius:28px;grid-template-columns:1fr;padding:18px}.kid-start-card h1{font-size:clamp(2.2rem,10vw,3.3rem)}.kid-start-stage{min-height:200px}.creator-wizard,.story-card,.library-panel,.badges-panel,.premium-panel,.favorites-panel{border-radius:24px!important;padding:16px!important}.wizard-header{flex-direction:column;align-items:flex-start}.wizard-dots{grid-template-columns:repeat(5,1fr);width:100%;display:grid}.wizard-dots button{min-width:0}.creation-summary{grid-template-columns:1fr 1fr}.characters-grid,.villain-grid,.type-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(148px,72vw);grid-auto-flow:column;gap:10px;padding:2px 2px 12px;overflow-x:auto;grid-template-columns:unset!important;display:grid!important}.characters-grid>*,.villain-grid>*,.type-grid>*{scroll-snap-align:start}.pill-grid,.duration-row{grid-template-columns:1fr!important}.story-cover{padding:18px;grid-template-columns:1fr!important}.cover-copy h2{font-size:clamp(1.8rem,9vw,2.7rem)}.cover-characters{grid-template-columns:repeat(2,1fr)}.cover-characters img{height:130px}.story-toolbar{z-index:34;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;flex-wrap:nowrap;gap:8px;margin:8px;padding:10px;position:sticky;top:8px;overflow-x:auto}.story-toolbar button,.story-toolbar a,.story-toolbar select{white-space:nowrap;flex:none}.paged-story-body{min-height:390px;padding:22px 16px}.story-body h3{font-size:1.5rem}.story-body p{font-size:1.12rem!important;line-height:1.92!important}.page-controls{flex-direction:column;padding:14px}.page-controls button,.story-final-actions button,.story-final-actions a{text-align:center;width:100%}.library-item,.favorite-item{gap:8px;grid-template-columns:1fr!important}.badges-grid{grid-template-columns:1fr 1fr!important}.react-toast{bottom:90px}}@media (width<=430px){.badges-grid,.creation-summary{grid-template-columns:1fr!important}.story-meta span{font-size:.76rem}}@media print{.react-tabs,.react-bottom-nav,.react-toast,.topbar,.creator-wizard,.kid-start-card{display:none!important}}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden!important}.stable-app-shell{max-width:100vw;min-height:100vh;overflow-y:visible;overflow-x:hidden!important}.stable-topbar{width:min(1180px,100vw - 28px);margin:0 auto 22px}.static-mode{cursor:default}.single-create-screen{width:min(1180px,100vw - 28px);max-width:100%;margin:0 auto;padding-bottom:170px;overflow-x:hidden}.single-hero-card{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:center;gap:24px;display:grid;overflow:hidden}.single-hero-card>*{min-width:0}.single-hero-card h1,.section-heading h2{overflow-wrap:anywhere;word-break:normal;max-width:100%;line-height:.98}.single-hero-card p,.section-heading p{overflow-wrap:anywhere;max-width:100%}.hero-mini-team{justify-content:center;align-items:flex-end;gap:16px;max-width:100%;min-height:150px;display:flex;overflow:auto hidden}.hero-mini-team img{object-fit:contain;background:#ffffff12;border:1px solid #ffffff1f;border-radius:28px;flex:none;width:96px;height:96px;padding:10px}.single-creator{gap:22px;min-width:0;margin-top:26px;display:grid}.single-step-card{background:linear-gradient(145deg,#0a2b1df0,#061711f0);border:1px solid #64ffb42e;border-radius:30px;width:100%;min-width:0;max-width:100%;padding:24px;scroll-margin-top:96px;overflow:hidden;box-shadow:0 24px 70px #00000038}.single-step-card:nth-child(2){background:linear-gradient(145deg,#272a11e0,#061711f0)}.single-step-card:nth-child(3){background:linear-gradient(145deg,#0a222be0,#061711f0)}.single-step-card:nth-child(4){background:linear-gradient(145deg,#2b1517d6,#061711f0)}.summary-step-card{border-color:#ffd6666b}.section-heading.compact{align-items:flex-start;gap:16px;min-width:0;display:flex}.section-heading.compact>div{flex:1;min-width:0}.single-step-card .field-label,.single-step-card input,.single-step-card textarea{min-width:0;max-width:100%}.single-create-actions{bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05120de0;border-radius:28px;padding:10px;position:sticky;box-shadow:0 18px 52px #00000061}.single-create-actions .primary-button{text-align:center;justify-content:center;align-items:center;width:100%;min-height:64px;font-size:1.08rem;display:flex;color:#052315!important;white-space:normal!important}.type-grid,.characters-grid,.villain-grid{align-items:stretch;gap:14px;min-width:0;max-width:100%;display:grid}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.villain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.type-card,.character-card,.villain-card,.pill-button{min-width:0;max-width:100%;white-space:normal!important}.type-card strong,.character-card strong,.villain-card strong,.pill-button strong,.type-card small,.character-card small,.villain-card small,.pill-button small{overflow-wrap:anywhere;white-space:normal!important}.option-card{border-radius:24px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;min-height:168px;padding:16px 16px 18px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.option-card:hover{transform:translateY(-2px)}.type-card.option-card,.villain-card.option-card{justify-content:flex-start}.character-card.option-card{text-align:center;align-items:center;min-height:208px}.character-card.option-card strong,.character-card.option-card small{text-align:center}.character-image-wrap{justify-content:center;align-items:center;width:100%;display:flex}.character-image-wrap img,.cover-characters img{object-fit:contain!important}.character-image-wrap img{width:min(92px,100%);height:92px}.type-icon,.villain-icon{font-size:1.85rem;line-height:1}.selected-check{color:#08301f;background:linear-gradient(#c9ff7a,#61f0a2);border-radius:999px;place-items:center;width:30px;height:30px;font-weight:900;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 10px 22px #00000042}.selection-burst{opacity:0;pointer-events:none;font-size:1.15rem;position:absolute;top:8px;left:8px;transform:translateY(10px)scale(.2)}.option-card.active,.option-card.selected{box-shadow:0 22px 48px #0f543347,inset 0 0 0 1px #82ffb433;background:linear-gradient(#124f2e8c,#082118f5)!important;border-color:#6effaac7!important}.villain-card.option-card.active{background:linear-gradient(#5d39188a,#281412f5)!important;border-color:#ffc45cb8!important}.type-card.option-card.active{background:linear-gradient(#19602b8f,#0b2816f5)!important}.option-card:after{content:"";opacity:.6;pointer-events:none;background:radial-gradient(circle,#96ffcd2e,#96ffcd00);border-radius:50%;width:110px;height:110px;position:absolute;inset:auto -22% -38% auto}.option-card.celebrate .selection-burst{animation:.65s ease-out burstPop}.full-story-scroll{max-height:none!important;overflow:visible!important}.full-story-scroll p{font-size:clamp(1.08rem,2vw,1.25rem);line-height:1.75}.story-toolbar{flex-wrap:wrap}.brand-mark{place-items:center;display:grid}.mobile-bottom-nav{width:auto!important;max-width:calc(100vw - 28px)!important;left:14px!important;right:14px!important}@keyframes tilePop{0%{transform:scale(1)}35%{transform:scale(1.05)rotate(-1deg)}65%{transform:scale(.98)rotate(1deg)}to{transform:scale(1)rotate(0)}}@keyframes burstPop{0%{opacity:0;transform:translateY(10px)scale(.2)}20%{opacity:1;transform:translateY(-8px)scale(1.2)}70%{opacity:1;transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-28px)scale(.7)}}@media (width<=1080px){.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.characters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.villain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.stable-topbar{width:calc(100vw - 28px);padding:0}.single-create-screen{width:calc(100vw - 28px);padding:0 0 230px}.single-hero-card{grid-template-columns:1fr}.hero-mini-team{justify-content:flex-start;min-height:auto}.hero-mini-team img{width:76px;height:76px}.single-step-card{border-radius:24px;padding:18px}.section-heading.compact{gap:12px}.section-heading.compact>span{flex:none}.section-heading.compact h2{font-size:clamp(1.8rem,9vw,2.6rem)!important}.section-heading.compact p{font-size:clamp(1rem,5.4vw,1.25rem)!important}.type-grid,.characters-grid,.villain-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;padding:2px 0 0!important;overflow:visible!important}.option-card{min-height:160px;padding:14px}.character-card.option-card{min-height:190px}.character-image-wrap img{width:min(82px,100%);height:82px}.single-create-actions{bottom:calc(102px + env(safe-area-inset-bottom,0px))}.single-create-actions .primary-button{min-height:62px}.creation-summary{grid-template-columns:1fr 1fr!important}.top-actions{gap:8px}.static-mode{display:none!important}.react-tabs{max-width:100%;overflow-x:auto}.story-card,.library-panel,.favorites-panel,.badges-panel,.premium-panel{width:100%;max-width:100%;overflow:hidden}.read-screen,.library-screen,.badges-screen{width:calc(100vw - 28px)!important;margin-inline:auto!important;padding-bottom:150px!important}}@media (width<=560px){.type-grid,.characters-grid,.villain-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.option-card{border-radius:20px;min-height:152px;padding:13px}.character-card.option-card{min-height:176px}.option-card strong{font-size:.98rem}.option-card small{font-size:.84rem;line-height:1.35}.selected-check{width:28px;height:28px;font-size:.92rem}}@media (width<=460px){.single-create-screen{width:calc(100vw - 24px);padding-bottom:240px}.stable-topbar{width:calc(100vw - 24px)}.creation-summary{grid-template-columns:1fr!important}.single-step-card{padding:16px}.react-tabs{z-index:25;position:sticky;top:8px}.single-hero-card h1{font-size:clamp(2.45rem,15vw,3.6rem)!important}.type-grid,.characters-grid,.villain-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.mobile-bottom-nav{max-width:calc(100vw - 20px)!important;left:10px!important;right:10px!important}.mobile-bottom-nav button,.mobile-bottom-nav a{min-width:0!important}}.audio-demo-panel{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid!important}.audio-demo-panel h2,.audio-demo-panel p{text-align:left;margin-left:0!important}.audio-demo-panel .primary-button{justify-self:end;min-width:190px}.premium-audio-button[disabled]{opacity:.92;cursor:wait}.audio-loading-panel{color:#eaffd7;background:linear-gradient(135deg,#145234e0,#071711f5);border:1px solid #6effaa47;border-radius:22px;align-items:center;gap:14px;margin:14px 0;padding:14px 16px;display:flex!important}.audio-loading-panel strong{font-size:1rem;display:block}.audio-loading-panel p{color:#eaffd7d1;margin:.2rem 0 0;font-size:.92rem}.audio-spinner{border:4px solid #eaffd738;border-top-color:#8cffc1;border-radius:50%;flex:none;width:32px;height:32px;animation:.85s linear infinite audioSpin}.audio-error{background:#ff606021;border:1px solid #ff787852;border-radius:18px;padding:14px 16px;line-height:1.45}.responsive-choice-grid{grid-auto-flow:row!important;grid-auto-columns:unset!important;scroll-snap-type:none!important;overflow:visible!important}.single-step-card .option-card{border-radius:18px!important;min-height:132px!important;padding:12px!important}.single-step-card .type-card.option-card,.single-step-card .villain-card.option-card{min-height:118px!important}.single-step-card .character-card.option-card{min-height:148px!important}.single-step-card .character-image-wrap img{width:70px!important;height:70px!important}.single-step-card .option-card strong{font-size:.93rem!important;line-height:1.12!important}.single-step-card .option-card small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:.76rem!important;line-height:1.22!important}.single-step-card .type-icon,.single-step-card .villain-icon{font-size:1.45rem!important}.selected-check{font-size:.82rem;width:25px!important;height:25px!important;top:8px!important;right:8px!important}.selection-burst{font-size:1.3rem!important}.option-card.celebrate{animation:.55s cubic-bezier(.18,.89,.32,1.28) tilePop,.75s ease-out magicGlow}.option-card.celebrate:before{content:"✨";pointer-events:none;z-index:4;font-size:2rem;animation:.72s ease-out magicStar;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.characters-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.type-grid,.villain-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}@keyframes audioSpin{to{transform:rotate(360deg)}}@keyframes magicGlow{0%,to{box-shadow:0 14px 34px #0000002e}35%{box-shadow:0 0 0 5px #8cffc129,0 18px 48px #20ff9647}}@keyframes magicStar{0%{opacity:0;transform:translate(-50%,-30%)scale(.3)rotate(-25deg)}45%{opacity:1;transform:translate(-50%,-92%)scale(1.2)rotate(12deg)}to{opacity:0;transform:translate(-50%,-140%)scale(.7)rotate(28deg)}}@media (width<=1080px){.characters-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.type-grid,.villain-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=760px){.audio-demo-panel{text-align:center;grid-template-columns:1fr}.audio-demo-panel h2,.audio-demo-panel p{text-align:center}.audio-demo-panel .primary-button{justify-self:stretch;width:100%}.characters-grid,.type-grid,.villain-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.single-step-card .option-card{min-height:112px!important;padding:10px 8px!important}.single-step-card .character-card.option-card{min-height:132px!important}.single-step-card .character-image-wrap img{width:58px!important;height:58px!important}.single-step-card .option-card strong{font-size:.82rem!important}.single-step-card .option-card small{-webkit-line-clamp:2;font-size:.68rem!important}.single-step-card .type-icon,.single-step-card .villain-icon{font-size:1.25rem!important}}@media (width<=460px){.characters-grid,.type-grid,.villain-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.single-step-card .option-card{border-radius:15px!important;min-height:104px!important;padding:9px 7px!important}.single-step-card .character-card.option-card{min-height:124px!important}.single-step-card .character-image-wrap img{width:52px!important;height:52px!important}.single-step-card .option-card strong{font-size:.76rem!important;line-height:1.08!important}.single-step-card .option-card small{font-size:.62rem!important;line-height:1.15!important}.selected-check{width:22px!important;height:22px!important;font-size:.72rem!important}.audio-loading-panel{align-items:flex-start;padding:12px}.audio-spinner{border-width:3px;width:28px;height:28px}}.book-reader{background:#ffffff0a;border:1px solid #ffffff17;border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:16px;display:flex}.book-subtitle{text-align:center;color:#bfe3bf;margin:0;font-size:14px;font-weight:800}.book-illustration{background:radial-gradient(circle at 50% 38%,#7ed9572e,#0000 62%);border-radius:18px;place-items:center;width:100%;height:220px;display:grid}.book-illustration img{object-fit:contain;filter:drop-shadow(0 14px 18px #00000052);width:auto;max-width:86%;height:100%;animation:.42s book-pop}@keyframes book-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.book-text{width:100%;min-height:116px}.book-text p{margin:0 0 12px;font-size:17px;line-height:1.6}.book-text blockquote{background:#fbbf241a;border-left:3px solid #fbbf24;border-radius:10px;margin:14px 0 0;padding:12px 14px;font-style:italic;font-weight:800}.book-nav{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.book-arrow{color:#f0fff4;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;width:52px;height:52px;font-size:18px;transition:transform .15s,background .15s}.book-arrow:active{transform:scale(.92)}.book-arrow:disabled{opacity:.35;cursor:default}.book-listen{color:#eaffd7;cursor:pointer;background:#7ed95724;border:1px solid #7ed95766;border-radius:14px;flex:1;max-width:240px;height:48px;font-size:14px;font-weight:800}.book-listen:active{transform:scale(.97)}.book-progress{color:#9ec5a3;font-size:12px;font-weight:700}.book-dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.book-dots span{background:#ffffff38;border-radius:50%;width:7px;height:7px;transition:transform .15s,background .15s}.book-dots span.on{background:#7ed957;transform:scale(1.25)}.print-only-story{display:none}@media print{.book-reader,.story-toolbar,.react-tabs,.mobile-bottom-nav,.story-final-actions,.premium-audio-panel{display:none!important}.print-only-story{display:block!important}.print-only-story p{margin:0 0 10px}}@media (width>=720px){.book-illustration{height:280px}.book-text p{font-size:18px}}.create-sticky-cta{left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:41;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.create-sticky-cta .primary-button{pointer-events:auto;width:100%;max-width:460px;box-shadow:0 12px 28px #00000073}.single-create-screen{padding-bottom:96px}@media (width>=720px){.create-sticky-cta{bottom:20px}}.upgraded-library-list .story-shelf-card{grid-template-columns:56px 1fr auto;align-items:center;gap:12px;display:grid}.shelf-thumb{object-fit:contain;background:radial-gradient(circle at 50% 40%,#7ed9572e,#0000 65%);border-radius:14px;width:56px;height:56px}.shelf-info{min-width:0}.shelf-info strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.shelf-actions,.shelf-confirm{flex-shrink:0;align-items:center;gap:6px;display:flex}.shelf-confirm span{color:#ffd1d1;font-size:12px;font-weight:800}.shelf-danger{color:#ffd9d9!important;background:#ef444429!important;border-color:#ef444466!important}.library-empty{text-align:center;color:#9ec5a3;padding:22px 12px;font-weight:700}:root{--ag-green:#18a34a;--ag-green-bright:#7ed957;--ag-sun:#ffc93f;--ag-coral:#ff6f91;--ag-violet:#8b5cf6;--ag-sky:#38bdf8;--ag-ink:#21303a;--ag-muted:#5b7186;--ag-surface:#fff;--ag-radius:24px}body,.app-shell,.react-ux-shell,.stable-app-shell{color:var(--ag-ink)!important;background:radial-gradient(120% 80% at 18% -10%,#38bdf833,#0000 60%),radial-gradient(120% 80% at 92% 0,#ff6f9129,#0000 55%),linear-gradient(#eaf7ff 0%,#fff7e6 100%)!important;font-family:Nunito,system-ui,-apple-system,sans-serif!important}h1,h2,h3,.brand strong,.primary-button,.jumbo-button,.book-listen,.book-arrow{font-family:Fredoka,Nunito,sans-serif!important}.react-screen :is(h1,h2,h3,h4,p,strong,small,label,li),.single-step-card :is(h1,h2,h3,p,strong,small,label,li),.kid-start-card :is(h1,h2,h3,p,strong,small,label),.library-panel :is(h2,p,strong,small,label),.favorites-panel :is(h2,p,strong,small,label),.badges-panel :is(h2,p,strong,small),.premium-panel :is(h2,p,strong,small){color:var(--ag-ink)!important}.react-screen :is(.hero-sub,.section-heading p,small),.book-progress,.library-empty{color:var(--ag-muted)!important}.eyebrow{color:var(--ag-coral)!important}.upgraded-topbar,.stable-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0!important;border-bottom:1px solid #18a34a24!important}.brand strong{color:var(--ag-ink)!important}.brand small{color:var(--ag-muted)!important}.brand-mark{background:linear-gradient(135deg, var(--ag-green-bright), var(--ag-green))!important;color:#08210f!important}.club-link{color:var(--ag-violet)!important;background:#8b5cf61f!important;border:1px solid #8b5cf64d!important}.react-tabs,.react-bottom-nav,.mobile-bottom-nav{background:#ffffffeb!important;border-color:#18a34a24!important}.react-tabs button,.react-bottom-nav button,.mobile-bottom-nav button,.react-bottom-nav a,.mobile-bottom-nav a{color:var(--ag-muted)!important}.react-tabs button.active,.react-bottom-nav button.active,.mobile-bottom-nav button.active{color:var(--ag-green)!important}.single-step-card,.kid-start-card,.story-card,.reading-mode-card,.library-panel,.favorites-panel,.badges-panel,.premium-panel,.note-banner{background:var(--ag-surface)!important;border-radius:var(--ag-radius)!important;color:var(--ag-ink)!important;border:1px solid #18a34a24!important;box-shadow:0 12px 30px #38bdf81f!important}.primary-button,.jumbo-button{background:linear-gradient(135deg, var(--ag-green-bright), var(--ag-green))!important;color:#08210f!important;border:none!important;border-radius:16px!important;transition:transform .14s!important;box-shadow:0 10px 22px #18a34a4d!important}.primary-button:active,.jumbo-button:active{transform:scale(.96)!important}.option-card,.pill-button{color:var(--ag-ink)!important;background:#fff!important;border:1px solid #18a34a29!important;box-shadow:0 6px 16px #21303a0f!important}.option-card :is(strong,small),.pill-button :is(strong,small){color:var(--ag-ink)!important}.option-card small,.pill-button small{color:var(--ag-muted)!important}.option-card.active,.option-card.selected,.pill-button.active{border-color:var(--ag-green)!important;background:#7ed95729!important;box-shadow:0 8px 20px #18a34a2e!important}input,textarea,select{color:var(--ag-ink)!important;background:#fff!important;border:1px solid #18a34a33!important;border-radius:12px!important}input::placeholder,textarea::placeholder{color:#9aa9b6!important}.field-label,.toggle-row{color:var(--ag-ink)!important}.story-cover.enhanced-cover{background:linear-gradient(135deg, var(--ag-sky), var(--ag-violet))!important;border:none!important}.story-cover :is(h2,p,span,small,strong,.eyebrow){color:#fff!important}.villain-badge{background:#ffffff2e!important;border:1px solid #ffffff59!important}.story-toolbar button{color:var(--ag-ink)!important;background:#fff!important;border:1px solid #18a34a2e!important;border-radius:12px!important}.story-toolbar .premium-audio-button{background:linear-gradient(135deg, var(--ag-sun), #ffb020)!important;color:#3a2600!important;border:none!important}.download-audio-link{color:var(--ag-violet)!important;background:#8b5cf624!important}.book-reader{background:#fff!important;border:1px solid #18a34a24!important}.book-subtitle{color:var(--ag-muted)!important}.book-text p{color:var(--ag-ink)!important}.book-arrow{color:var(--ag-green)!important;background:#fff!important;border:1px solid #18a34a33!important}.book-listen{color:var(--ag-green)!important;background:#7ed95729!important;border:1px solid #18a34a4d!important}.story-shelf-card{background:#fff!important;border:1px solid #18a34a24!important}.story-shelf-card :is(strong,small){color:var(--ag-ink)!important}.story-shelf-card small{color:var(--ag-muted)!important}.shelf-actions button,.library-filter-row select{color:var(--ag-ink)!important;background:#fff!important;border:1px solid #18a34a33!important}.badge-card{color:var(--ag-ink)!important;background:#fff!important;border:1px solid #18a34a24!important}.badge-card.unlocked{border-color:var(--ag-sun)!important;background:#ffc93f29!important}.badge-card :is(strong,small){color:var(--ag-ink)!important}.adult-note.improved-note{color:var(--ag-ink)!important;background:#38bdf81a!important;border:1px solid #38bdf840!important}.adult-note :is(strong,p){color:var(--ag-ink)!important}.react-toast{color:var(--ag-ink)!important;background:#fff!important;border:1px solid #18a34a29!important;box-shadow:0 14px 34px #21303a2e!important}.react-toast :is(strong,small),.empty-story :is(h2,p){color:var(--ag-ink)!important}.create-sticky-cta .primary-button{box-shadow:0 14px 30px #18a34a59!important}h1,h2,h3{letter-spacing:.2px!important;line-height:1.18!important}h1{letter-spacing:.3px!important}.story-cover h2{margin-bottom:6px!important;line-height:1.16!important}.responsive-choice-grid{flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;display:flex!important}.responsive-choice-grid>*{flex:0 calc(50% - 6px)!important;max-width:calc(50% - 6px)!important;margin:0!important}.character-card,.villain-card{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:4px!important;min-height:0!important;padding:10px 8px 12px!important;display:flex!important}.character-card .character-image-wrap,.villain-card .character-image-wrap{justify-content:center!important;align-items:center!important;width:100%!important;height:168px!important;margin:0 0 4px!important;display:flex!important}.character-card .character-image-wrap img,.villain-card .character-image-wrap img{object-fit:contain!important;filter:drop-shadow(0 8px 12px #21303a2e)!important;width:auto!important;max-width:100%!important;height:168px!important}.character-card strong,.villain-card strong{color:var(--ag-ink)!important;font-size:16px!important;line-height:1.15!important}.character-card small,.villain-card small{color:var(--ag-muted)!important;font-size:12.5px!important;line-height:1.3!important}.villain-card .villain-icon,.character-card .type-icon{margin:18px 0!important;font-size:2.4rem!important;display:block!important}@media (width>=720px){.character-card .character-image-wrap,.villain-card .character-image-wrap,.character-card .character-image-wrap img,.villain-card .character-image-wrap img{height:190px!important}}.villain-card.active,.character-card.selected,.option-card.active,.option-card.selected{border:2px solid var(--ag-green)!important;background:#7ed9572e!important;box-shadow:0 10px 22px #18a34a33!important}.villain-card.active :is(strong,small),.character-card.selected :is(strong,small){color:var(--ag-ink)!important}.villain-card.active small,.character-card.selected small{color:var(--ag-muted)!important}.type-grid,.characters-grid,.villain-grid{width:100%!important}.single-step-card .section-heading.compact{text-align:left}.option-card.active,.option-card.selected,.type-card.active,.character-card.selected,.villain-card.active{border:2px solid var(--ag-green)!important;background:#7ed95733!important;box-shadow:0 8px 20px #18a34a33!important}.option-card.active :is(strong,small),.option-card.selected :is(strong,small),.type-card.active :is(strong,small),.character-card.selected :is(strong,small),.villain-card.active :is(strong,small){color:var(--ag-ink)!important}.option-card.active small,.option-card.selected small{color:var(--ag-muted)!important}.story-cover.enhanced-cover{flex-direction:column!important;align-items:stretch!important;gap:12px!important;display:flex!important;position:relative!important}.cover-characters.enhanced-characters{flex-wrap:wrap!important;justify-content:center!important;align-items:flex-end!important;gap:8px!important;display:flex!important;position:static!important}.cover-characters.enhanced-characters img{width:auto!important;max-width:30%!important;height:70px!important}.hero-mini-team{background:0 0!important;flex-wrap:wrap!important;justify-content:center!important;align-items:flex-end!important;gap:10px!important;padding:0!important;display:flex!important;overflow:visible!important}.hero-mini-team img{object-fit:contain!important;width:auto!important;height:120px!important;box-shadow:none!important;filter:drop-shadow(0 10px 14px #21303a33)!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.premium-panel,.compact-premium-panel,.audio-demo-panel{color:var(--ag-ink)!important;background:#fff!important}.premium-panel :is(h2,p,strong,small){color:var(--ag-ink)!important}.premium-panel .eyebrow{color:var(--ag-coral)!important}@media print{.print-cover{text-align:center;margin:0 0 16px}.print-cover h2{margin:0 0 4px;font-size:24px}.print-coverline{color:#555;margin:0 0 10px}.print-characters{flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 8px;display:flex}.print-characters img{width:auto;height:90px}.print-meta{color:#666;margin:0;font-style:italic}}.book-illustration{height:auto!important;min-height:0!important;margin-bottom:18px!important;overflow:visible!important}.book-illustration img{width:auto!important;max-width:72%!important;height:auto!important;max-height:220px!important}@media (width>=720px){.book-illustration img{max-height:260px!important}}@media (prefers-reduced-motion:reduce){.primary-button,.jumbo-button{transition:none!important}}@media (width>=680px){.react-ux-shell{max-width:620px!important;margin-left:auto!important;margin-right:auto!important}.mobile-bottom-nav,.react-bottom-nav,.create-sticky-cta{width:100%!important;max-width:620px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}.react-ux-shell .character-card .character-image-wrap,.react-ux-shell .villain-card .character-image-wrap{aspect-ratio:1!important;justify-content:center!important;align-items:center!important;width:100%!important;height:auto!important;margin:0 0 6px!important;display:flex!important}.react-ux-shell .character-card .character-image-wrap img,.react-ux-shell .villain-card .character-image-wrap img{object-fit:contain!important;filter:drop-shadow(0 8px 14px #21303a33)!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.option-card.active,.option-card.selected,.type-card.option-card.active,.villain-card.option-card.active,.character-card.option-card.selected{border:2px solid var(--ag-green)!important;background:#7ed95738!important;box-shadow:0 10px 22px #18a34a38!important}.option-card.active strong,.option-card.selected strong,.type-card.option-card.active strong,.villain-card.option-card.active strong,.character-card.option-card.selected strong{color:var(--ag-ink)!important}.option-card.active small,.option-card.selected small,.type-card.option-card.active small,.villain-card.option-card.active small,.character-card.option-card.selected small{color:var(--ag-muted)!important}.react-ux-shell .story-toolbar{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;margin:8px 0!important;padding:10px!important;display:flex!important;position:static!important;overflow:visible!important}.react-ux-shell .story-toolbar button,.react-ux-shell .story-toolbar a{white-space:nowrap!important;flex:0 auto!important;padding:9px 12px!important;font-size:13px!important}.voice-help{text-align:center;color:var(--ag-muted,#5b7186);margin:4px 10px 12px;font-size:12px;line-height:1.4}.voice-help strong{color:var(--ag-ink,#21303a)}.voice-fallback{margin-top:8px!important;display:inline-block!important}.book-reader{position:relative!important;overflow:hidden!important}.book-scene{z-index:0;pointer-events:none;border-radius:22px 22px 40% 40%/22px 22px 12% 12%;height:200px;position:absolute;top:0;left:0;right:0;overflow:hidden}.book-scene .decor{opacity:.9;font-size:26px;animation:6s ease-in-out infinite scene-float;position:absolute}.book-scene .decor:nth-child(2){animation-duration:7.5s}.book-scene .decor:nth-child(3){animation-duration:5.5s}.book-scene .decor:nth-child(4){animation-duration:8s}.book-subtitle,.book-page-anim,.book-nav,.book-steps,.book-progress,.book-sparkles{z-index:1;position:relative}.book-subtitle{border-radius:999px;align-self:center;width:fit-content;max-width:90%;box-shadow:0 4px 12px #21303a1a;color:var(--ag-ink,#21303a)!important;background:#ffffffd9!important;padding:5px 14px!important}.scene-day .book-scene{background:linear-gradient(#bfe3ff,#eafaff)}.scene-mystery .book-scene{background:linear-gradient(#d8c8f5,#efe9ff)}.scene-night .book-scene{background:linear-gradient(#2b2e5e,#4a4f8f)}.scene-party .book-scene{background:linear-gradient(#ffd9ec,#fff1da)}.scene-forest .book-scene{background:linear-gradient(#cdeccd,#ecfae0)}.scene-rainbow .book-scene{background:linear-gradient(120deg,#ffe3ec,#e3f0ff,#e9ffe6)}.book-illustration img{animation:.5s both book-enter,4.5s ease-in-out .5s infinite book-float!important}@keyframes book-enter{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes book-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scene-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(4deg)}}.book-page-anim{animation:.42s both page-slide}@keyframes page-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.book-sparkles{pointer-events:none;z-index:2;justify-content:center;gap:18px;height:200px;display:flex;position:absolute;top:40px;left:0;right:0}.book-sparkles span{opacity:0;font-size:20px;animation:1s forwards sparkle-up}.book-sparkles span:nth-child(2){animation-delay:.12s}.book-sparkles span:nth-child(3){animation-delay:.24s}.book-sparkles span:nth-child(4){animation-delay:.36s}.book-sparkles span:nth-child(5){animation-delay:.48s}.book-sparkles.celebrate span{font-size:26px}@keyframes sparkle-up{0%{opacity:0;transform:translateY(20px)scale(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-60px)scale(1.1)}}.book-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:4px;display:flex}.book-steps .step{background:#d8e6dd;border-radius:50%;width:11px;height:11px;transition:transform .2s,background .2s}.book-steps .step.done{background:var(--ag-green-bright,#7ed957)}.book-steps .step.current{background:var(--ag-green,#18a34a);transform:scale(1.45);box-shadow:0 0 0 4px #18a34a29}.book-sound{cursor:pointer;background:#fff;border:1px solid #18a34a40;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:16px}.book-sound.on{background:#7ed9572e}@media (prefers-reduced-motion:reduce){.book-illustration img,.book-page-anim,.book-scene .decor,.book-sparkles span{animation:none!important}.book-sparkles{display:none}}.premium-audio-button{color:#ffe8aa!important;background:linear-gradient(135deg,#ffd16629,#31e98114)!important;border-color:#ffd16680!important}.premium-audio-button:hover{border-color:var(--gold)!important;background:#ffd16621!important}.premium-audio-button:disabled{opacity:.68;cursor:wait}.premium-audio-panel{background:linear-gradient(135deg,#ffd1661a,#31e9810f);border:1px solid #ffd16647;border-radius:18px;margin:14px 24px 0;padding:16px}.premium-audio-panel audio{width:100%;display:block}.premium-audio-panel p{color:#ffe8aa;margin:0;line-height:1.55}@media (width<=540px){.premium-audio-panel{margin:12px 14px 0}}@media print{.premium-audio-panel{display:none!important}}.villain-panel,.favorites-panel{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;margin-top:28px;padding:22px}.villain-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.villain-card{border:1px solid var(--line);min-height:118px;color:var(--text);cursor:pointer;text-align:left;background:#ffffff0b;border-radius:18px;padding:14px;transition:transform .18s,border-color .18s,background .18s}.villain-card:hover{border-color:#ffd1668c;transform:translateY(-1px)}.villain-card.active{border-color:var(--gold);background:#ffd1661c;box-shadow:inset 0 0 0 1px #ffd1661f}.villain-card span,.villain-card strong,.villain-card small{display:block}.villain-card span{margin-bottom:8px;font-size:1.55rem}.villain-card small{color:var(--muted);margin-top:5px;line-height:1.35}.favorites-list{gap:10px;display:grid}.favorite-item{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px;display:grid}.favorite-item strong,.favorite-item small{display:block}.favorite-item small{color:var(--muted);margin-top:4px}.favorite-item button,.page-controls button,.story-final-actions button,.story-final-actions a{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:10px 14px;font-weight:850;text-decoration:none}.favorite-item button:hover,.page-controls button:hover,.story-final-actions button:hover,.story-final-actions a:hover{border-color:var(--green);background:#31e98114}.favorite-item button:disabled,.page-controls button:disabled,.story-final-actions button:disabled{opacity:.5;cursor:not-allowed}.enhanced-cover{position:relative}.enhanced-cover:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:26px;position:absolute;inset:18px}.enhanced-characters{position:relative}.villain-badge{color:#052012;background:linear-gradient(135deg,#fff8d8,#b7ffc9);border-radius:18px;grid-column:1/-1;grid-template-columns:auto 1fr;justify-self:center;align-items:center;column-gap:12px;width:min(100%,360px);padding:12px 14px;display:grid;box-shadow:0 18px 36px #0000003d}.villain-badge span{grid-row:span 2;font-size:2rem}.villain-badge strong,.villain-badge small{display:block}.villain-badge small{opacity:.75;font-weight:800}.page-progress{border-bottom:1px solid var(--line);background:#ffffff0f;height:7px;overflow:hidden}.page-progress span{background:linear-gradient(90deg, var(--green), var(--gold));height:100%;transition:width .25s;display:block}.paged-story-body{min-height:360px}.page-label{color:var(--green-2);letter-spacing:.05em;text-transform:uppercase;background:#31e9811a;border:1px solid #31e9813d;border-radius:999px;margin-bottom:18px;padding:7px 11px;font-size:.78rem;font-weight:900;display:inline-flex}.page-controls{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:12px;padding:16px 24px 22px;display:flex}.page-controls span{color:var(--muted);font-weight:850}.story-final-actions{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 24px 22px;display:flex}.improved-note{color:#dfffe9;background:#31e98112;border-color:#31e98147}.improved-note p{color:#dfffe9}.reading-mode-active .topbar,.reading-mode-active .hero-section,.reading-mode-active .builder-grid,.reading-mode-active .villain-panel,.reading-mode-active .favorites-panel,.reading-mode-active .voice-note,.reading-mode-active .adult-note{display:none}.reading-mode-active.app-shell{width:min(920px,100% - 24px);padding-top:16px}.reading-mode-card{background:#07140ff5;border-radius:34px}.reading-mode-card .story-cover{grid-template-columns:1fr;padding:24px}.reading-mode-card .cover-characters{display:none}.reading-mode-card .story-toolbar{justify-content:center}.reading-mode-card .paged-story-body{width:min(760px,100%);min-height:520px;padding:40px 28px 30px}.reading-mode-card .story-body p{font-size:clamp(1.22rem,2.3vw,1.55rem);line-height:1.95}.reading-mode-card .story-body h3{font-size:clamp(1.55rem,3vw,2.2rem)}.reading-mode-card .story-body blockquote{font-size:clamp(1.5rem,3vw,2.3rem)}@media (width<=920px){.villain-grid{grid-template-columns:repeat(2,1fr)}.favorite-item{grid-template-columns:1fr}}@media (width<=540px){.villain-panel,.favorites-panel{border-radius:24px;padding:16px}.villain-grid{grid-template-columns:1fr}.villain-card{min-height:auto}.page-controls{flex-direction:column;padding:14px}.page-controls button,.story-final-actions button,.story-final-actions a{text-align:center;width:100%}.story-final-actions{padding:0 14px 18px}.paged-story-body{min-height:320px}}@media print{.villain-panel,.favorites-panel,.page-controls,.story-final-actions,.page-progress{display:none!important}}.premium-panel,.library-panel,.badges-panel{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;margin-top:28px;padding:22px}.premium-panel{background:linear-gradient(135deg,#ffd1661a,#31e98112);border-color:#ffd16642;grid-template-columns:1fr auto;align-items:center;gap:18px;display:grid}.premium-panel h2,.library-panel h2,.badges-panel h2{letter-spacing:-.04em;margin:12px 0 8px}.premium-panel p,.library-panel p,.badges-panel p{color:var(--muted);margin-bottom:0;line-height:1.55}.badges-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.badge-card{border:1px solid var(--line);min-height:124px;color:var(--muted);opacity:.62;background:#ffffff0a;border-radius:18px;padding:14px}.badge-card.unlocked{opacity:1;color:var(--text);background:linear-gradient(135deg,#ffd1661f,#31e98114);border-color:#ffd1668c}.badge-card span,.badge-card strong,.badge-card small{display:block}.badge-card span{margin-bottom:10px;font-size:1.8rem}.badge-card small{color:inherit;margin-top:6px;line-height:1.35}.library-filter-row{justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px;display:flex}.library-filter-row label{color:var(--text);gap:8px;font-weight:900;display:grid}.library-filter-row select{min-width:240px;color:var(--text);border:1px solid var(--line);background:#ffffff0e;border-radius:999px;outline:none;padding:11px 14px;font-weight:800}.library-filter-row span{color:var(--muted);font-weight:850}.library-empty{border:1px dashed var(--line);background:#ffffff08;border-radius:18px;padding:18px}.library-list{gap:10px;display:grid}.library-item{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px;display:grid}.library-item strong,.library-item small{display:block}.library-item small{color:var(--muted);margin-top:4px}.library-item button,.download-audio-link{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:10px 14px;font-weight:850;text-decoration:none}.library-item button:hover,.download-audio-link:hover{border-color:var(--green);background:#31e98114}.download-audio-link{color:#ffe8aa;background:#ffd16614;border-color:#ffd16680}.print-full-story{display:none}.print-meta,.print-note{color:#333}@media (width<=920px){.premium-panel{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(2,1fr)}.library-item{grid-template-columns:1fr}}@media (width<=540px){.premium-panel,.library-panel,.badges-panel{border-radius:24px;padding:16px}.badges-grid{grid-template-columns:1fr}.library-filter-row{flex-direction:column;align-items:stretch}.library-filter-row select,.download-audio-link{width:100%}}@media print{body{background:#fff!important}.premium-panel,.library-panel,.badges-panel,.paged-story-body,.page-controls,.page-progress,.story-final-actions,.voice-note,.premium-audio-panel,.story-toolbar,.adult-note{display:none!important}.print-full-story{color:#111;padding:28px;font-family:Georgia,Times New Roman,serif;display:block!important}.print-full-story h1{margin:0 0 8px;font-size:32px;line-height:1.1}.print-full-story h2{color:#24563a;margin:0 0 18px;font-size:18px}.print-full-story p{color:#111;margin:0 0 12px;font-size:13.5pt;line-height:1.65}.print-full-story blockquote{background:#eef8f1;border-left:4px solid #31a66b;margin:22px 0;padding:12px 16px;font-weight:800}.print-note{border-top:1px solid #ddd;padding-top:12px;font-size:10pt!important}}.reading-mode-active .premium-panel,.reading-mode-active .library-panel,.reading-mode-active .badges-panel{display:none!important}