.admin-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--cream);color:var(--ink);user-select:text;-webkit-user-select:text;font:500 16px var(--ui-font)}.admin-center{display:flex;align-items:center;justify-content:center;padding:16px}.admin-card{background:#fff;border-radius:18px;box-shadow:0 6px 0 var(--card-shadow);padding:28px}.admin-login{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px;text-align:center}.admin-login img{width:64px;height:64px;object-fit:contain;margin:0 auto}.admin-login h1{font:800 26px var(--ui-font)}.admin-login label,.admin-field{display:flex;flex-direction:column;gap:6px;text-align:left;font:700 15px var(--ui-font);color:var(--muted2)}.admin-root input,.admin-root textarea{font:500 17px var(--ui-font);color:var(--ink);background:#fffdf8;border:2px solid var(--card-shadow2);border-radius:12px;padding:10px 12px;width:100%;resize:vertical}.admin-root input:focus,.admin-root textarea:focus{outline:none;border-color:var(--turq)}.admin-root textarea{line-height:1.5}.admin-btn{font:800 15px var(--ui-font);padding:10px 18px;border-radius:999px;background:#fff;box-shadow:0 3px 0 var(--card-shadow2)}.admin-btn-primary{background:var(--turq);color:#fff;box-shadow:0 3px 0 var(--turq-dark)}.admin-root button:disabled{opacity:.45;cursor:default}.admin-link{font:800 15px var(--ui-font);color:var(--coral);text-decoration:underline}.admin-error{color:var(--coral-dark);font-weight:700}.admin-ok{color:var(--green-dark);font-weight:700}.admin-muted{color:var(--muted)}.admin-layout{display:grid;grid-template-columns:220px 1fr}.admin-menu{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:20px 14px;background:var(--ink);color:#fff}.admin-brand{display:flex;align-items:center;gap:10px;padding:0 6px 18px}.admin-brand img{width:40px;height:40px;object-fit:contain}.admin-brand strong{display:block;font:800 18px var(--ui-font)}.admin-brand span{font:600 13px var(--ui-font);opacity:.7}.admin-menu>button{text-align:left;font:700 16px var(--ui-font);padding:10px 12px;border-radius:10px;color:#fff;opacity:.8}.admin-menu>button.is-active{background:#ffffff24;opacity:1}.admin-menu-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:0 12px;font:700 14px var(--ui-font)}.admin-menu-foot a,.admin-menu-foot button{color:#fff;opacity:.75;text-align:left;text-decoration:none;font:inherit}.admin-main{padding:24px;min-width:0}.admin-editor{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.admin-stories h2,.admin-detail-head h2{font:800 22px var(--ui-font);margin-bottom:12px}.admin-stories ul{list-style:none;display:flex;flex-direction:column;gap:8px}.admin-stories li button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:8px;border-radius:14px;background:#fff;box-shadow:0 3px 0 var(--card-shadow)}.admin-stories li button.is-active{outline:3px solid var(--turq)}.admin-stories strong{display:block;font:800 16px var(--ui-font)}.admin-stories small{font:600 13px var(--ui-font);color:var(--muted)}.admin-thumb{flex:none;width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--card-shadow)}.admin-thumb img{width:100%;height:100%;object-fit:cover}.admin-detail{display:flex;flex-direction:column;gap:18px;min-width:0}.admin-empty{padding:60px 20px;text-align:center;color:var(--muted);font-weight:700;background:#fff;border-radius:18px}.admin-detail-head{position:sticky;top:-24px;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:var(--cream)}.admin-detail-head h2{margin:0}.admin-detail-head a{font:700 14px var(--ui-font);color:var(--purple-dark)}.admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.admin-problems{background:#fff1ee;color:var(--coral-dark);border-radius:12px;padding:10px 14px 10px 32px;font-weight:700}.admin-pages{display:flex;flex-direction:column}.admin-page{display:grid;grid-template-columns:160px 1fr;gap:16px;background:#fff;border-radius:18px;padding:14px;box-shadow:0 4px 0 var(--card-shadow)}.admin-page-art{width:160px;height:160px;border-radius:12px;overflow:hidden;background:#f5eddf;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font:700 14px var(--ui-font)}.admin-page-art img{width:100%;height:100%;object-fit:cover}.admin-page-art span{padding:8px}.admin-page-body{display:flex;flex-direction:column;gap:8px;min-width:0}.admin-page-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-page-head strong{font:800 17px var(--ui-font)}.admin-tag{font:800 12px var(--ui-font);background:var(--yellow);color:var(--ink);padding:2px 10px;border-radius:999px}.admin-page-tools{margin-left:auto;display:flex;gap:6px}.admin-page-tools button{font:700 14px var(--ui-font);padding:5px 12px;border-radius:999px;background:var(--cream)}.admin-page-tools .admin-danger{color:var(--coral-dark)}.admin-add{align-self:center;margin:8px 0;font:800 14px var(--ui-font);color:var(--turq-dark);padding:6px 14px;border-radius:999px;border:2px dashed var(--card-shadow2)}.admin-add:hover{background:#fff}.admin-fin{grid-template-columns:160px 1fr;align-items:center}.admin-fin-mark{font:800 44px var(--ui-font);color:var(--coral);text-align:center}.admin-check{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 3px 0 var(--card-shadow);cursor:pointer}.admin-check input{width:20px;height:20px;margin-top:3px;accent-color:var(--turq-dark);flex:none}.admin-check span{display:flex;flex-direction:column}.admin-slug{display:flex;align-items:center;background:#fffdf8;border:2px solid var(--card-shadow2);border-radius:12px;overflow:hidden}.admin-slug span{padding:0 4px 0 12px;color:var(--muted);font:600 15px var(--ui-font);white-space:nowrap}.admin-root .admin-slug input{border:none;border-radius:0;padding-left:0;min-width:0}.admin-audio-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 4px 0 var(--card-shadow)}.admin-audio-bar>div{display:flex;flex-direction:column;gap:2px}.admin-audio-bar strong{font:800 17px var(--ui-font)}.admin-audio{margin-top:6px;padding:10px 12px;border-radius:12px;background:var(--cream);display:flex;flex-direction:column;gap:8px}.admin-audio.is-locked{flex-direction:row;flex-wrap:wrap;gap:10px;align-items:center}.admin-audio-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.admin-audio-state{font:800 12px var(--ui-font);padding:2px 10px;border-radius:999px;background:var(--card-shadow);color:var(--muted2)}.admin-audio-state.is-ready{background:#e3f3e4;color:var(--green-dark)}.admin-audio-state.is-custom{background:#ece9fb;color:var(--purple-dark)}.admin-audio-tools{display:flex;flex-wrap:wrap;gap:6px}.admin-audio-tools button{font:700 14px var(--ui-font);padding:5px 12px;border-radius:999px;background:#fff;box-shadow:0 2px 0 var(--card-shadow2)}.admin-audio-tools .is-recording{background:var(--coral);color:#fff;box-shadow:0 2px 0 var(--coral-dark)}@media (max-width: 900px){.admin-layout{grid-template-columns:1fr}.admin-menu{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.admin-brand{padding:0 6px}.admin-menu-foot{margin:0 0 0 auto;flex-direction:row}.admin-main{padding:16px}.admin-editor{grid-template-columns:1fr}.admin-detail-head{top:-16px}.admin-page,.admin-fin{grid-template-columns:1fr}.admin-page-art{width:100%;height:180px}}.admin-ai{background:#fffdf6;border:1px solid #e2d6c3;border-radius:18px;padding:22px;margin-bottom:26px;display:flex;flex-direction:column;gap:14px}.admin-ai h2{font:800 23px var(--ui-font)}.admin-ai h3{font:700 18px var(--ui-font);margin-top:8px}.admin-ai select{font:500 16px var(--ui-font);padding:10px;border:1px solid #d8ceba;border-radius:10px;background:#fff;color:var(--ink);width:100%}.admin-ai textarea{width:100%}.admin-ai-job{border-top:1px solid #e2d6c3;padding-top:14px}.admin-ai-job summary{cursor:pointer;font-weight:700}.admin-ai-job p{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.admin-ai-prompt{padding:12px;border-radius:8px;background:#f1ecdf}.admin-ai-preview{display:flex;align-items:start;gap:16px;margin:16px 0}.admin-ai-preview img{width:110px;height:110px;object-fit:contain;border-radius:8px}.admin-ai-preview p{font:400 17px/1.6 Andika,sans-serif}.admin-ai-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.admin-ai-comparison img{width:100%;border-radius:10px}.admin-ai .admin-actions{flex-wrap:wrap}.admin-stories>.admin-btn{margin-bottom:16px}@media (max-width:600px){.admin-ai{padding:14px}.admin-ai-comparison{grid-template-columns:1fr}.admin-ai-preview{flex-direction:column}}.admin-lesson-topics{border:1px solid #c9c4b8;border-radius:8px;padding:16px;margin-top:20px}.admin-lesson-topics label{display:flex;align-items:center;gap:8px;padding:6px 0}.admin-lesson-topics input{width:auto}:root{--cream: #fff6e9;--coral: #ff6b5e;--coral-dark: #d94f43;--turq: #2ec4b6;--turq-dark: #1f9b8f;--yellow: #ffc845;--yellow-dark: #d9a312;--purple: #7c6fe0;--purple-dark: #5a4fb8;--pink: #ff9ec4;--pink-dark: #e06a9c;--green: #7bc47f;--green-dark: #57a05c;--ink: #2b2540;--muted: #9a917c;--muted2: #6f6857;--card-shadow: #ece4d2;--card-shadow2: #e3dcc9;--night: #2b2540;--ui-font: "Baloo 2", system-ui, -apple-system, sans-serif;--story-font: "Gaegu", "Baloo 2", cursive}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--ui-font);color:var(--ink);background:#d9d3c6;overflow:hidden;user-select:none;-webkit-user-select:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}.app-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,#efe7d7,#d9d3c6)}.stage{width:1024px;height:768px;transform-origin:center center;flex:none}.screen{position:relative;width:1024px;height:768px;border-radius:42px;overflow:hidden;background:var(--cream);box-shadow:0 28px 70px #00000038;display:flex;flex-direction:column}.tap{transition:transform .08s ease,box-shadow .08s ease}.tap:active{transform:translateY(4px)}.fadein{animation:fadein .45s ease both}.story-prose{font:400 20px/1.6 Andika,Segoe UI,sans-serif;color:#332d27;text-align:left;overflow-wrap:break-word}.story-prose p{margin:0 0 .75em;white-space:pre-line}.story-prose p:last-child{margin-bottom:0}.story-prose-opening p:first-child:first-letter{float:left;font:400 3.25em/.88 Georgia,Times New Roman,serif;color:#b53d32;padding:.08em .12em 0 0}.story-prose:after{content:"";display:block;clear:both}.story-prose-scroll{min-height:0;max-height:100%;overflow-y:auto;scrollbar-width:thin;padding-right:6px}.mobile-root .story-prose{font-size:21px}.reading-prose-body{flex:1;overflow-y:auto}.reading-prose-body>.reading-illustration{flex:none;width:min(100%,420px);align-self:center}.reading-prose-body>.reading-copy{flex:none;padding:4px 6px 20px}.mobile-root{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--cream);overflow:hidden}.mobile-screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--cream);color:var(--ink);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px 6px;flex:none}.mobile-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 20px 12px}.mobile-footer{flex:none;display:flex;align-items:center;padding:10px 20px calc(18px + env(safe-area-inset-bottom))}.mobile-chip{display:inline-flex;align-items:center;gap:7px;font:700 14px var(--ui-font);color:var(--muted2);background:#fff;border:1px solid var(--card-shadow);border-radius:999px;padding:7px 13px}.mobile-dot{width:8px;height:8px;border-radius:50%}.mobile-cta{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--coral);color:#fff;font:800 21px var(--ui-font);padding:16px 24px;border-radius:18px;box-shadow:0 7px 0 var(--coral-dark)}.mobile-listen{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--yellow);color:var(--ink);font:800 19px var(--ui-font);padding:12px 26px;border-radius:999px;box-shadow:0 6px 0 var(--yellow-dark)}.pop{animation:pop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes flt{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pls{0%,to{transform:scale(1);box-shadow:0 0 #ff6b5e73}50%{transform:scale(1.06);box-shadow:0 0 0 26px #ff6b5e00}}@keyframes wv{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes flip{0%{transform:rotateY(0)}45%,to{transform:rotateY(-170deg)}}@keyframes tw{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flipNext{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flipPrev{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@keyframes coveropen{0%{transform:translate(-210px) rotateY(0)}30%{transform:translate(0) rotateY(0)}to{transform:translate(0) rotateY(-180deg)}}@keyframes pagereveal{0%,30%{opacity:0}45%,to{opacity:1}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes pagefade{0%{opacity:1}to{opacity:0}}@keyframes turnnext{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes turnprev{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.flip-next{animation:flipNext .62s ease-in-out forwards}.flip-prev{animation:flipPrev .62s ease-in-out forwards}.wv-bar{transform-origin:bottom center;animation:wv 1s infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}.creation-heading{text-align:center;padding:10px 28px 14px}.creation-heading h1{font-size:34px;line-height:1.12;font-weight:800}.creation-heading p{color:var(--muted2);font-size:18px;margin-top:6px}.creation-kicker{color:#75659f;font-size:15px;font-weight:700}.creation-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 36px 30px}.creation-footer>span,.guided-footer{color:var(--muted2);font-size:17px}.creation-screen button:focus-visible,.creation-screen textarea:focus-visible{outline:3px solid #5a4fb8;outline-offset:4px}.creation-screen button:disabled{cursor:default;opacity:.5}.creation-screen textarea{resize:none;width:100%;border:2px solid #e8ddcd;background:#fffdf8;border-radius:16px;padding:12px 15px;font:600 18px/1.35 var(--ui-font);color:var(--ink);-webkit-user-select:text;user-select:text}.hero-builder{flex:1;min-height:0;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:8px 36px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-card{background:#fff;border:3px solid transparent;box-shadow:0 6px #ece4d2;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-weight:700}.hero-card.selected{border-color:var(--coral);background:#fff0e9;box-shadow:0 6px var(--coral)}.hero-personality{display:flex;flex-direction:column;justify-content:center;gap:10px;background:#f0eaf9;padding:16px 22px;border-radius:28px}.hero-personality label{font-size:21px;font-weight:800}.hero-personality p{color:#736783;font-size:16px}.hero-preview{display:flex;align-items:center;justify-content:center;min-height:110px}.hero-placeholder{font-size:72px;color:#b0a1c4}.soft-button{border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;font-size:17px;font-weight:700}.color-picker{display:flex;gap:14px;justify-content:center;padding:8px 0}.color-picker button{width:30px;height:30px;border:3px solid #fff;border-radius:50%}.color-picker button[aria-pressed=true]{outline:3px solid #766583;outline-offset:2px}.setting-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:16px;padding:12px 36px}.setting-card{position:relative;overflow:hidden;border-radius:24px;border:4px solid #fff;box-shadow:0 7px #e3dcc9}.setting-card.selected{border-color:var(--coral);box-shadow:0 7px var(--coral-dark)}.setting-card>span{position:absolute;bottom:10px;left:10px;padding:5px 15px;background:#fff;border-radius:30px;font-size:19px;font-weight:800}.setting-hero{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-bottom:20px}.guided-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;min-height:0;padding:8px 30px 0}.story-stage{background:#fff;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 7px #ece4d2;min-height:0}.story-picture{position:relative;height:245px;flex-shrink:0}.guided-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.guided-art-cast{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;animation:fadein .5s ease}.scene-badge{position:absolute;top:14px;left:14px;background:#fffdf3eb;border-radius:30px;padding:5px 14px;font-size:15px;font-weight:700}.story-fragment{flex:1;min-height:70px;overflow:auto;padding:20px 24px 8px;font-size:22px;line-height:1.5;-webkit-user-select:text;user-select:text}.story-controls{padding:12px 20px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-trail{display:flex;gap:8px}.scene-trail button{background:#f0eadf;color:#938971;border-radius:50%;width:32px;height:32px;font-size:16px;font-weight:800}.scene-trail button.done{background:#d6f0e4;color:#257b63}.scene-trail button.active{background:var(--coral);color:#fff}.story-workshop{display:flex;flex-direction:column;gap:11px;padding:5px 4px 8px;min-height:0;overflow:auto}.story-workshop h2{font-size:27px;line-height:1.16}.voice-row{display:flex;align-items:center;gap:16px}.voice-row p{font-size:18px;color:var(--muted2)}.voice-button{width:66px;height:66px;flex-shrink:0;border-radius:50%;background:var(--coral);box-shadow:0 5px var(--coral-dark);display:flex;align-items:center;justify-content:center}.listening{animation:pls 1.7s ease-in-out infinite}.primary-button{background:var(--coral);color:#fff;padding:12px 20px;border-radius:20px;font-size:21px;line-height:1.3;font-weight:800;box-shadow:0 5px var(--coral-dark)}.primary-button:disabled{background:#ded3c1;color:#756e63;box-shadow:none}.text-button{color:#65a;text-decoration:underline;text-underline-offset:4px;font-size:16px;font-weight:700;padding:6px 3px}.helper-actions{display:flex;justify-content:space-between}.idea-choices{display:flex;flex-direction:column;gap:8px}.idea-choice{display:flex;align-items:center;gap:12px;background:#fff;padding:9px 14px;border:1px solid #e7dece;border-radius:15px;font-size:17px;font-weight:700;text-align:left}.idea-choice>span{background:#f0eafa;color:#7662ab;min-width:27px;height:27px;text-align:center;border-radius:50%}.correction-button{align-self:center;margin-top:auto}.creation-error{background:#ffebe5;color:#913d32;border-radius:12px;padding:10px 14px;font-size:16px}.story-complete{margin:auto;display:flex;flex-direction:column;text-align:center;align-items:stretch;gap:22px;padding:10px 20px}.story-complete p{font-size:21px;color:var(--muted2)}.completion-mark{border-radius:50%;background:#d9efdf;color:#398a57;width:84px;height:84px;margin:auto;font-size:56px;line-height:84px}.guided-footer{text-align:center;padding:18px 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.creation-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--cream)}.creation-root .creation-screen{width:100%;height:auto;min-height:100%;border-radius:0;box-shadow:none;overflow:visible}.creation-root .creation-heading h1{font-size:28px}.creation-root .creation-heading{padding:14px 20px}.creation-root .hero-builder,.creation-root .guided-layout{display:flex;flex-direction:column;padding:10px 18px;gap:20px}.creation-root .hero-grid{grid-template-columns:repeat(4,1fr);gap:10px}.creation-root .hero-card{font-size:15px;padding:8px 0;border-radius:16px}.creation-root .hero-card svg{width:54px;height:60px}.creation-root .hero-preview{display:none}.creation-root .creation-footer{flex-direction:column;padding:22px 18px 32px}.creation-root .setting-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px;grid-template-rows:none;padding:10px 18px;gap:16px}.creation-root .story-picture{height:180px}.creation-root .story-fragment{font-size:20px;overflow:visible;padding:18px}.creation-root .story-workshop{overflow:visible;padding:10px 0}.creation-root .creation-kicker{font-size:13px}.creation-root .story-controls{padding:8px 16px 14px}@media (prefers-reduced-motion: reduce){.creation-screen *,.guided-art-cast{animation:none!important}}.story-workshop>*{flex-shrink:0}.guided-book-art{position:absolute;top:0;right:0;bottom:0;left:0}.guided-book-art .guided-art-cast{right:46%;align-items:center}.picture-options{display:flex;flex-direction:column;gap:12px}.idea-question{font-family:Andika,sans-serif;font-size:18px;line-height:1.5;color:#736783}.options-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#736783;font-size:15px}.options-replay{display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:44px;padding:8px 12px;border-radius:24px;background:#eee7f6;color:#61468e;font-size:13px}.options-replay svg{width:20px;height:20px}.picture-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.picture-option{display:flex;flex-direction:column;min-width:0;border:2px solid #e8decb;border-radius:18px;background:#fffdf8;box-shadow:0 3px #e8decb;overflow:hidden;transition:border-color .15s,box-shadow .15s}.picture-option:nth-child(2){background:#edf5f0}.picture-option:nth-child(3){background:#f3eef8}.picture-option.is-reading{border-color:#8a71b0;box-shadow:0 3px #8a71b0}.picture-option-pick{display:flex;flex:1;align-items:center;justify-content:center;width:100%;min-height:108px;text-align:center;background:transparent}.picture-option-pick>.choice-caption{display:block;padding:18px 12px;font-family:Andika,sans-serif;font-size:18px;font-weight:400;line-height:1.4}.picture-option-listen{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 16px);min-height:44px;margin:0 8px 8px;padding:8px 4px;border-radius:12px;background:#ffffffa6;color:#61468e;font-size:14px}.picture-option-pick{flex-direction:column}.choice-illustration{width:100%;height:112px;padding-top:8px;overflow:hidden}.choice-illustration>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.picture-option-pick>.choice-illustration+.choice-caption{padding-top:6px}.picture-option-listen svg{width:20px;height:20px;flex-shrink:0}.picture-option-listen:hover,.picture-option-listen[aria-pressed=true],.options-replay:hover{background:#e5d8f2}.picture-option-pick:hover{background:#fff6}.picture-option-pick:focus-visible,.picture-option-listen:focus-visible,.options-replay:focus-visible{outline:3px solid #7054a7;outline-offset:-3px}.own-story-idea{display:flex;flex-direction:column;gap:12px;padding:18px;margin-top:10px;border:2px dashed #c9b8dc;border-radius:20px;background:#faf6fd}.own-story-idea h3{font-size:21px;color:#61468e}.own-story-idea .voice-button{width:58px;height:58px;flex-shrink:0}.own-story-idea textarea{width:100%}.ideas-updating{padding:24px 18px;border-radius:18px;background:#f3eef8;color:#61468e;font-family:Andika,sans-serif}@media (max-width: 600px){.picture-options-grid{grid-template-columns:1fr;gap:10px}.picture-option{flex-direction:row;align-items:stretch}.picture-option-pick{min-height:76px;text-align:left;justify-content:flex-start;flex-direction:row}.choice-illustration{width:76px;height:76px;padding:6px 0 6px 6px;flex-shrink:0}.picture-option-pick>.choice-illustration+.choice-caption{padding-top:14px}.picture-option-pick>.choice-caption{padding:14px;font-size:17px}.picture-option-listen{width:88px;flex-shrink:0;margin:8px;flex-direction:column}.options-heading{flex-wrap:wrap}}.invent-hero{background:#f0e9fa;border-style:dashed;border-color:#c4addf}.hero-personality{overflow-y:auto}.hero-personality>*{flex-shrink:0}.story-waiting-hero{height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at center,#fffdf8,#eee4f6)}.creation-root .hero-personality{overflow:visible}.creation-root .hero-personality:has(.primary-button) .hero-preview{display:flex}.home-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--cream)}.home-screen{max-width:1180px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left))}.home-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.home-brand{display:flex;align-items:center;gap:10px;min-width:0}.home-brand-name{font:800 28px/1 var(--ui-font)}.home-language-name{font:800 17px var(--ui-font)}.home-create{display:flex;align-items:center;gap:24px;padding:32px 38px;background:#eee7fb;border-radius:32px;margin-bottom:34px;overflow:hidden}.home-create-copy{flex:1;position:relative;z-index:1}.home-eyebrow{color:#6553a5;font-weight:800;margin-bottom:8px}.home-create h1{font:800 clamp(30px,3.5vw,44px)/1.08 var(--ui-font);max-width:540px}.home-create-copy>p:not(.home-eyebrow){color:#655b77;font-size:18px;line-height:1.45;max-width:470px;margin-top:14px}.home-create-button{display:inline-flex;align-items:center;justify-content:center;background:var(--coral);color:#fff;font:800 22px var(--ui-font);border-radius:22px;padding:14px 28px;box-shadow:0 6px 0 var(--coral-dark);margin-top:22px;min-height:56px}.home-create-art{flex:0 0 300px;display:flex;align-items:flex-end;justify-content:center;position:relative;padding:22px 0;background:#faf5ff;border-radius:50%}.home-create-art>svg{max-width:53%;height:auto}.home-art-star,.home-art-spark{position:absolute;color:#c49420;font-size:38px;top:0;left:22px}.home-art-spark{left:auto;right:15px;top:30px;color:#9a7acf}.home-discover-heading h2{font:800 30px/1.15 var(--ui-font)}.home-filters{display:flex;gap:12px;overflow-x:auto;padding:18px 0 20px}.home-filters>button{flex-shrink:0;min-height:44px}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-story-card{min-width:0}.home-story-cover{width:100%;aspect-ratio:1.8;border-radius:18px;overflow:hidden;position:relative}.home-story-card h3{font:800 21px/1.15 var(--ui-font)}.home-root button:focus-visible{outline:3px solid var(--purple-dark);outline-offset:4px}@media (max-width: 850px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.home-create{padding:28px;gap:12px}.home-create-art{flex-basis:210px}}@media (max-width: 540px){.home-screen{padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.home-header{margin-bottom:22px;gap:8px}.home-brand{gap:4px}.home-brand img{width:44px;height:44px}.home-brand-name{font-size:23px}.home-language-name{display:none}.home-create{padding:24px;position:relative;margin-bottom:28px;border-radius:26px}.home-create h1{font-size:34px;max-width:290px}.home-eyebrow{font-size:14px;max-width:220px}.home-create-copy>p:not(.home-eyebrow){font-size:17px;max-width:280px}.home-create-art{display:none}.home-create-button{width:100%}.home-discover-heading h2{font-size:28px}.home-grid{gap:20px 12px}.home-story-card{padding:9px!important;border-radius:20px!important;gap:9px!important}.home-story-cover{aspect-ratio:1.12;border-radius:13px}.home-story-card h3{font-size:18px}.home-story-card>div:last-child{font-size:12px!important;line-height:1.35}.home-filters{gap:9px}.home-filters>button{font-size:16px!important;padding:9px 17px!important}}@media (max-width: 350px){.home-grid{grid-template-columns:1fr}.home-story-cover{aspect-ratio:1.8}.home-brand-name{font-size:20px}}.illustration-screen{overflow-y:auto;gap:24px;padding:36px}.illustration-pages{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.illustration-preview{aspect-ratio:1;overflow:hidden;border-radius:18px;background:#efe5d5;display:grid;place-items:center;color:#9a8170;font:700 32px var(--ui-font)}.illustration-preview img{width:100%;height:100%;object-fit:contain}.illustration-status{max-width:580px;margin:auto;text-align:center;display:flex;align-items:center;flex-direction:column;gap:16px}.illustration-status progress{width:100%;accent-color:#7c6fe0}@media (max-width: 640px){.illustration-screen{padding:24px 20px}.illustration-pages{grid-template-columns:repeat(2,1fr)}}.progressive-painting{width:100%;height:100%;object-fit:cover;animation:painting-arrives .6s ease-out}.painting-status{font:600 13px var(--ui-font);color:var(--ink-soft, #60554c);text-align:center;padding:6px 12px}@keyframes painting-arrives{0%{opacity:.1}to{opacity:1}}@media (prefers-reduced-motion: reduce){.progressive-painting{animation:none}}.reader-painting-status{position:absolute;bottom:4px;left:0;right:0;z-index:2}.reader-painting-status .painting-status,.reader-painting-status .text-button{color:#fff4d7}.home-root{background:#f5eedf;background-image:radial-gradient(ellipse at 10% 0%,#fffcf3 0,transparent 65%)}.home-screen{max-width:1240px}.home-header{justify-content:flex-end;gap:18px;padding-bottom:8px;margin-bottom:0}.home-account,.home-language-toggle{display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 0;border-radius:0;background:transparent;color:#655e50;font:600 12px var(--ui-font)}.home-language{position:relative}.home-language-menu{position:absolute;top:100%;right:0;min-width:125px;padding:4px;background:#fffcf3;border:1px solid #dfd3be;box-shadow:0 5px 14px #173f4514;z-index:20}.home-language-menu button{display:block;width:100%;min-height:40px;padding:8px 12px;text-align:left;border-radius:0;background:transparent;color:#655e50;font:600 12px var(--ui-font)}.home-language-menu button[aria-pressed=true]{background:#eee3cf}.library-banner{display:flex;align-items:center;gap:14px;min-height:132px;padding:14px 44px;margin-bottom:32px;background:#123d50 url(/assets/brand/header-watercolor.png) center / cover;color:#fff3ce}.library-mascot{display:block;width:105px;height:105px;object-fit:contain;flex-shrink:0}.library-wordmark{font:800 clamp(36px,4.5vw,60px)/.95 var(--ui-font);letter-spacing:-.025em}.library-brand-copy p{margin-top:5px;font:600 18px/1.3 var(--ui-font)}.library-collection{padding:0 24px}.library-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.library-collection h1{font:700 clamp(30px,3.6vw,46px)/1.2 "Andika",sans-serif;color:#3d4738;letter-spacing:-.025em}.library-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}.library-my-books{background:transparent;color:#76654e;font:600 16px var(--ui-font);min-height:44px}.library-create{display:flex;align-items:center;gap:8px;border:1px solid #88745e;background:transparent;padding:10px 18px;border-radius:0;color:#654f3e;font:600 17px/1.2 var(--ui-font);min-height:44px}.library-create span{font-size:24px}.library-tabs{display:flex;gap:12px;overflow-x:auto;padding:22px 0 28px}.library-main-filters{flex-wrap:wrap;overflow:visible}.library-tabs button{padding:9px 22px;white-space:nowrap;min-height:44px;border-radius:0;background:transparent;border:1px solid #b9a589;color:#776a55;font:600 16px var(--ui-font)}.library-tabs button[aria-pressed=true]{color:#fffaf0;background:#53634f;border-color:#53634f}.library-shelves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:42px;margin:0 -24px;padding-bottom:12px}.library-book-slot{min-width:0;position:relative;padding:0 24px 28px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.library-book-slot:after{content:"";position:absolute;bottom:9px;left:0;right:0;height:22px;background:repeating-linear-gradient(2deg,transparent 0 4px,#78502e0a 5px 6px),linear-gradient(#e0c298 0,#e0c298 4px,#b98e5d 5px,#cda578 19px,#a97e52);box-shadow:0 10px 14px #6f482e26,0 1px #866039;z-index:2}.library-book{width:100%;max-width:310px;display:block;text-decoration:none;cursor:pointer;border-radius:0;background:#526349;text-align:center;position:relative;box-shadow:4px 3px #ded3bc,6px 5px #c4b69c,9px 10px 18px #634c3b35;transition:transform .2s,box-shadow .2s;color:#fff8de}.library-book-tone-1{background:#925a49}.library-book-tone-2{background:#496577}.library-book-tone-3{background:#7b6242}.library-book:hover,.library-book:focus-visible{transform:translateY(-6px);box-shadow:4px 3px #ded3bc,6px 5px #c4b69c,9px 18px 24px #634c3b35}.library-book-face{overflow:hidden;padding:20px 18px 16px 26px;position:relative}.library-book-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0004,transparent 3%,#fff2 4%,#0002 5%,transparent 8%);border:1px solid #0002}.library-book-art{aspect-ratio:1;position:relative;overflow:hidden;background:#e6d8b9}.library-book-art>img{width:100%;height:100%;object-fit:cover;display:block}.library-book-character{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.library-book-title{display:flex;align-items:center;justify-content:center;padding:12px 0 8px;min-height:84px}.library-book-title h2{font:700 clamp(19px,2vw,25px)/1.18 "Andika",sans-serif}.library-read-label{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:6px;font:500 14px var(--ui-font)}.library-message{padding:65px 16px;text-align:center;color:#776a55;font-size:20px}.library-message button{display:block;margin:18px auto 0;background:#53634f;color:#fff;border-radius:0;padding:12px 22px;font:inherit}.library-footer{text-align:center;color:#86745d;padding:30px 0 4px;font-size:14px}.library-youtube{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:12px;color:#315c64;text-underline-offset:4px;font-weight:600}.library-youtube:hover{color:#173e47}.home-screen a:focus-visible{outline:3px solid #315c64;outline-offset:5px}@media (max-width:850px){.library-collection-heading{align-items:flex-start;flex-direction:column;gap:14px}.library-book-slot{padding-left:14px;padding-right:14px}.library-collection{padding:0 14px}.library-shelves{margin:0 -14px}}@media (max-width:640px){.library-banner{min-height:112px;padding:16px;gap:10px;margin-bottom:26px}.library-mascot{width:66px;height:76px}.library-wordmark{font-size:clamp(30px,8vw,42px)}.library-brand-copy p{font-size:12px;max-width:210px}.library-collection{padding:0}.library-collection h1{font-size:29px}.library-actions{width:100%;justify-content:space-between;gap:12px}.library-my-books{font-size:14px}.library-create{font-size:15px;padding:8px 14px}.library-tabs{padding:18px 0 24px;gap:8px}.library-tabs button{font-size:14px;padding:8px 12px}.library-shelves{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px;margin:0 -8px}.library-book-slot{padding-left:8px;padding-right:12px}.library-book-face{padding:10px 10px 12px 16px}.library-book-title{min-height:100px;padding-top:10px}.library-book-title h2{font-size:17px}.library-read-label{font-size:12px}.library-footer{font-size:13px}}@media (prefers-reduced-motion:reduce){.library-book{transition:none}}.reading-room{background:radial-gradient(ellipse at 50% 15%,#fffcf3,#eee3cf)!important}.reading-room-heading{color:#8a7658;font:700 17px var(--ui-font);letter-spacing:.04em}.reading-room-cover:before{content:"";position:absolute;top:85px;right:95px;bottom:135px;left:95px;border-radius:200px 200px 12px 12px;background:#e7dbc344;border:1px solid #e5d7c0}.reading-book-stage:after{content:"";position:absolute;left:110px;right:110px;top:100%;height:17px;border-radius:3px;background:linear-gradient(#dfc49e 0,#dfc49e 3px,#ba9367 4px,#c9a67b 14px,#a88157);box-shadow:0 12px 18px #6f482e25;transition:opacity .2s}.reading-book-stage.is-opening:after{opacity:0}.reading-cover-face{position:absolute;top:0;right:0;bottom:0;left:0;padding:18px 18px 16px 24px;background:#53634f;display:flex;flex-direction:column;gap:12px}.reading-cover-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0003,transparent 3%,#fff2 4%,#0002 5%,transparent 8%)}.reading-cover-picture{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:3px;background:#e7d8ba}.reading-cover-picture>img{width:100%;height:100%;object-fit:cover}.reading-cover-character{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.reading-cover-label{color:#fff8df;padding:0 8px}.reading-cover-label>span{text-transform:uppercase;letter-spacing:.12em;font:600 10px var(--ui-font);color:#e1dcc5}.reading-cover-label h1{font-size:27px;line-height:1.16;margin:5px 0 10px}.reading-cover-label p{font:600 13px var(--ui-font);color:#e1dcc5;border-top:1px solid #ffffff30;padding-top:8px}.reading-room .reader-painting-status .painting-status,.reading-room .reader-painting-status .text-button{color:#75664f}.reading-open-button{position:relative;z-index:1}.mobile-reading-cover{width:min(100%,310px);margin:0 auto 18px;padding:12px 12px 12px 18px;background:#53634f;border-radius:3px 12px 12px 3px;box-shadow:5px 3px #d9cbb1,8px 12px 20px #70523425;position:relative}.mobile-reading-cover:after{content:"";position:absolute;left:-17px;right:-17px;bottom:-15px;height:13px;border-radius:2px;background:linear-gradient(#dfc49e,#b68e63);box-shadow:0 8px 12px #6f482e20}.reading-room .mobile-cta,.reading-room .mobile-listen{background:#53634f;color:#fffaf0;box-shadow:0 5px #3b4938}.reading-room .mobile-chip{background:#fffcf3;color:#75664f}.narration-notice{padding:5px 16px;color:#705637;text-align:center;font:600 12px/1.3 var(--ui-font)}.recorded-prose{font:400 20px/1.3125 Andika,sans-serif;color:#494238;text-align:left}.recorded-kicker{font:400 12px/1.4 Andika,sans-serif;color:#97743d;letter-spacing:.2em;margin-bottom:20px}.recorded-line{min-height:1.3125em;overflow-wrap:break-word}.recorded-page-panel{justify-content:flex-start!important;padding-top:36px!important}.recorded-page-panel .recorded-lines{min-height:19.6875em}.recorded-initial{color:#b53d32;font:400 1.8125em/0 Andika,sans-serif}.recorded-parts{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;font:400 12px/1.4 Andika,sans-serif}.story-end-left{position:absolute;inset:0 auto 0 0;width:52%;background:#fbf2df;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.story-end-left>span,.story-end-word{font:400 64px/1.15 Andika,sans-serif;color:#b53d32}.story-end-word{margin:32px 0}.story-lesson{width:100%;text-align:center;font-family:Andika,sans-serif}.story-lesson .recorded-kicker{margin-bottom:24px}.story-lesson blockquote{position:relative;margin:24px 16px;padding:8px 0;font:400 26px/1.36 Andika,sans-serif;color:#245751}.story-lesson blockquote:before,.story-lesson blockquote:after{color:#ba9557;font:400 44px/1 Georgia,serif;display:block}.story-lesson blockquote:before{content:"“";text-align:left}.story-lesson blockquote:after{content:"”";text-align:right}.lesson-rule{display:flex;align-items:center;gap:18px;width:100%;color:#ba9557}.lesson-rule:before,.lesson-rule:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#97743d,#ffe7a3)}.lesson-rule i{display:block;width:10px;height:10px;background:linear-gradient(90deg,#97743d,#ffe7a3);transform:rotate(45deg)}.story-end-left .lesson-rule{width:65%;margin-top:26px}.mobile-root .recorded-prose{font-size:21px}.mobile-root .story-lesson{max-width:440px;margin:auto;padding:0 12px 32px}.creation-root .hero-card img{width:64px;height:64px;object-fit:contain}.library-lesson-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 28px;color:#46543f}.library-lesson-options{width:100%}.library-lesson-label{width:100%;margin:0 0 12px;font-weight:600}.library-lesson-tabs{width:100%;flex-wrap:wrap;overflow:visible;padding:0}.library-lesson-tabs button{max-width:100%;white-space:normal;text-align:left}.library-clear-filters{min-height:44px;padding:8px 12px;background:transparent;color:#46543f;text-decoration:underline}.library-shelves{row-gap:30px;padding-top:16px}.library-book-slot{justify-content:flex-start;padding:0}.library-book-slot:after{content:none}.library-shelf-display{position:relative;width:100%;flex:1;display:flex;align-items:flex-end;padding:12px 66px 22px 28px}.library-shelf-display:after{content:"";position:absolute;bottom:0;left:0;right:0;height:22px;background:repeating-linear-gradient(2deg,transparent 0 4px,#78502e0a 5px 6px),linear-gradient(#e0c298 0,#e0c298 4px,#b98e5d 5px,#cda578 19px,#a97e52);box-shadow:0 10px 14px #6f482e26,0 1px #866039;z-index:2}.library-book{--book-tilt: -3deg;transform:rotate(var(--book-tilt));transform-origin:bottom left}.library-book-slot:nth-child(2n) .library-book{--book-tilt: 3deg;transform-origin:bottom right}.library-book-slot:nth-child(3n) .library-book{--book-tilt: -2deg}.library-book-slot:nth-child(4n) .library-book{--book-tilt: 4deg}.library-book:hover,.library-book:focus-visible{transform:translateY(-6px) rotate(var(--book-tilt))}.library-shelf-decor{position:absolute;bottom:21px;right:2px;width:70px;height:112px;pointer-events:none;filter:drop-shadow(3px 3px 2px #634c3b20)}@media (max-width:850px){.library-shelf-display{padding-left:20px;padding-right:48px}.library-shelf-decor{width:52px;height:84px;right:0}}@media (max-width:640px){.library-shelves{row-gap:22px}.library-shelf-display{padding:10px 30px 18px 14px}.library-shelf-display:after{height:18px}.library-shelf-decor{bottom:17px;width:38px;height:61px;right:-2px}.library-book-title h2{font-size:clamp(14px,3.7vw,17px)}}.protagonist-tabs{display:inline-flex;gap:6px;margin-top:10px;padding:5px;background:#f0eaf9;border-radius:999px}.protagonist-tabs button{min-height:44px;padding:8px 20px;border-radius:999px;font:800 18px var(--ui-font);color:#5d5070;background:transparent}.protagonist-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 3px #d9cdea}.creation-screen input{width:100%;min-height:46px;border:2px solid #e8ddcd;background:#fffdf8;border-radius:14px;padding:8px 14px;font:600 18px var(--ui-font);color:var(--ink);-webkit-user-select:text;user-select:text}.creation-screen input:focus-visible{outline:3px solid #5a4fb8;outline-offset:2px}.field-row{display:flex;gap:8px;align-items:stretch}.field-row textarea,.field-row input{flex:1;min-width:0}.field-mic{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;min-height:46px;border-radius:14px;background:#fff;color:#5a4fb8;font:700 13px var(--ui-font)}.field-mic.listening{background:#5a4fb8;color:#fff}.collection-panel{flex:1;min-height:0;overflow-y:auto;padding:8px 36px 24px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.collection-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 14px;background:#fff;border-radius:24px;box-shadow:0 6px #ece4d2;min-height:180px}.collection-name{font:800 20px var(--ui-font);color:var(--ink);text-align:center;overflow-wrap:anywhere}.collection-badge{font:700 13px var(--ui-font);color:#6a4c00;background:#fff1c7;border-radius:999px;padding:3px 10px}.collection-new{justify-content:center;border:3px dashed #d9cdea;box-shadow:none;background:#faf7ff}.collection-new>span:first-child{font-size:40px;color:#7c6fe0}.collection-message,.collection-empty{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:40px 20px;font:700 20px var(--ui-font);color:#6f6680}.collection-invite{font:800 19px/1.3 var(--ui-font);color:#5a4fb8}.portrait-image{border-radius:20px;object-fit:cover;background:#fffaf0}.portrait-pending{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;border:3px dashed #cfc3e2;border-radius:20px;background:#faf7ff;color:#6a5c86;font:700 15px/1.25 var(--ui-font)}.character-review{flex:1;min-height:0;overflow-y:auto;display:flex;justify-content:center;padding:6px 36px 24px}.character-sheet{width:100%;max-width:720px;display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:28px;box-shadow:0 8px #ece4d2;padding:20px 26px;align-self:flex-start}.character-sheet>.text-button{align-self:flex-start}.character-sheet-body{display:flex;gap:22px;align-items:center}.character-sheet-portrait{flex:none;display:flex}.character-sheet-text h2{font:800 30px var(--ui-font);color:var(--ink);overflow-wrap:anywhere}.character-sheet-text p{font:600 18px/1.4 var(--ui-font);color:#4c4560;margin-top:6px;overflow-wrap:anywhere}.character-stories h3{font:800 19px var(--ui-font);color:var(--ink);margin-bottom:4px}.character-stories p,.character-sheet-note,.portrait-note{font:600 16px/1.35 var(--ui-font);color:#6f6680}.character-stories ul{list-style:none;display:flex;flex-direction:column;gap:2px}.review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.review-actions .soft-button{border:2px solid #e3dcc9;min-height:50px}.storage-note{font:600 14px/1.35 var(--ui-font);color:#857d70;text-align:center;padding:0 36px 14px}.character-sheet .storage-note{padding:0;text-align:left}.portrait-check{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#faf7ff;border:2px solid #e6dcf5;border-radius:20px;padding:14px 16px;font:600 16px/1.35 var(--ui-font);color:#4c4560}.portrait-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-chip{align-self:flex-start;font:800 15px var(--ui-font);color:#5a4fb8;background:#f0eaf9;border-radius:999px;padding:4px 12px}.another-adventure{margin-top:22px;background:#7c6fe0;color:#fff;font:800 22px var(--ui-font);padding:13px 26px;border-radius:999px;box-shadow:0 7px #5a4fb8}.collection-topbar{display:flex;align-items:center;justify-content:space-between;padding:26px 34px 4px}.collection-topbar h1{font:800 32px var(--ui-font);color:var(--ink)}.collection-subtitle{text-align:center;color:var(--muted2);font-size:18px;padding:0 20px 12px}.creation-root .protagonist-tabs{display:flex;width:100%}.creation-root .protagonist-tabs button{flex:1;font-size:16px;padding:8px 10px}.creation-root .collection-panel,.creation-root .character-review{overflow:visible;padding:8px 16px 20px}.creation-root .collection-grid{grid-template-columns:repeat(2,1fr);gap:12px}.creation-root .character-sheet{padding:16px}.creation-root .character-sheet-body{flex-direction:column;align-items:flex-start}.creation-root .review-actions{flex-direction:column;align-items:stretch}.creation-root .collection-topbar{padding:16px 16px 4px}.creation-root .collection-topbar h1{font-size:26px}.creation-root .storage-note{padding:0 16px 16px}.hero-personality{justify-content:safe center}.library-about{margin:56px 24px 0;padding:32px 0;border-top:1px solid #b9a589;border-bottom:1px solid #b9a589;color:#3d4738}.library-about h2,.about-story h1,.about-story h2{font-family:Andika,sans-serif;line-height:1.3;color:#3d4738}.library-about h2,.about-story h1{font-size:clamp(28px,4vw,40px);margin-bottom:20px}.library-about>p:not(.library-about-eyebrow),.about-story>p,.about-contact p{max-width:720px;font:400 18px/1.8 Andika,sans-serif;margin-bottom:20px}.library-about-eyebrow{font:600 16px/1.5 var(--ui-font);color:#76654e;margin-bottom:12px}.library-about-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#315c64;font:600 18px/1.5 var(--ui-font);text-underline-offset:5px}.library-about .library-about-contact{margin:18px 0 0;font-size:16px}.library-about-contact a,.about-contact a{color:#315c64;text-underline-offset:4px;overflow-wrap:anywhere}.library-about a:focus-visible,.about-screen a:focus-visible{outline:3px solid #315c64;outline-offset:4px}.about-nav{margin-bottom:24px}.about-story{max-width:720px;margin:40px auto 0;color:#3d4738}.about-story>.about-lead{font-size:clamp(21px,3vw,26px);line-height:1.6}.about-story h2{font-size:25px;margin:32px 0 16px}.about-contact{border-top:1px solid #b9a589;margin-top:32px;padding-bottom:12px}@media (max-width: 600px){.library-about{margin:36px 0 0;padding:26px 0}.about-story{margin-top:28px}}.seo-prerender,.discovery-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--cream);-webkit-user-select:text;user-select:text}.discovery-page{padding:32px 20px 64px}.discovery-content,.reader-companion{max-width:820px;margin:0 auto;padding:24px;line-height:1.75}.discovery-content h1{font-size:clamp(28px,5vw,44px);line-height:1.2}.discovery-content a,.story-companion a,.discovery-links a{color:#245343;text-underline-offset:3px}.discovery-links{display:flex;flex-wrap:wrap;gap:10px 24px;list-style:none;padding:0}.discovery-links a{display:inline-block;padding:6px 0}.topic-stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin:32px 0}.topic-stories article{padding:20px;border:1px solid #dbd1bb;border-radius:20px;background:#fffaf0}.topic-stories img{max-width:100%;height:auto;border-radius:12px}.topic-stories h2{font-size:23px;line-height:1.35}.public-reader{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--cream)}.public-reader-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.public-reader-stage .stage{flex:none}.public-mobile-reader.mobile-root{position:relative;inset:auto;height:calc(100dvh - 64px);min-height:550px}.reader-text-link{display:block;padding:14px 20px;text-align:center;color:#245343;background:#fffaf0}.reader-companion{user-select:text;-webkit-user-select:text;font-size:18px}.story-companion h2{font-size:25px;line-height:1.4;margin-top:30px}.story-companion details{padding:20px 0;border-top:1px solid #cabea7;border-bottom:1px solid #cabea7;scroll-margin-top:15px}.story-companion summary{cursor:pointer;font-weight:700;color:#245343}.full-story{font-family:Andika,sans-serif;font-size:22px;line-height:1.9;text-align:left}.full-story section{margin:28px 0}.full-story p{white-space:pre-line}.full-story .story-opening:first-letter{float:left;font-size:3em;line-height:1;margin:8px 8px 0 0;color:#a63632}.full-story-end{text-align:center;color:#245343;padding:30px 0}.full-story-end h2{color:#a63632;font-size:44px}@media (max-width: 600px){.discovery-content,.reader-companion{padding:20px 18px}.discovery-page{padding:12px 0}}.library-horizontal .library-shelves{row-gap:42px;padding-top:24px}.library-horizontal .library-shelf-display{padding:12px 30px 24px 16px}.library-horizontal .library-book{max-width:none;--book-tilt: -1.5deg}.library-horizontal .library-book-slot:nth-child(2n) .library-book{--book-tilt: 1.5deg}.library-horizontal .library-book-slot:nth-child(3n) .library-book{--book-tilt: -1deg}.library-horizontal .library-book-face{padding:8px 7px 10px 17px}.library-horizontal .library-book-face:after{background:linear-gradient(90deg,#0004,transparent 2%,#fff2 3%,#0002 4%,transparent 5%)}.library-horizontal .library-book-art{aspect-ratio:1672 / 941;background:#f5ecd7}.library-horizontal .library-book-art>img{object-fit:contain}.library-horizontal .library-read-label{min-height:30px;padding-top:7px;font-size:13px}.library-horizontal .library-book-title{min-height:0;padding:8px 0 0}.library-horizontal .library-book-title h2{font-size:18px}.library-horizontal .library-title-accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.library-horizontal .library-shelf-decor{width:33px;height:58px;right:-2px}@media (min-width: 641px) and (max-width: 1000px){.library-horizontal .library-shelves{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.library-horizontal .library-shelves{grid-template-columns:minmax(0,1fr);margin:0;row-gap:28px;padding-top:14px}.library-horizontal .library-shelf-display{padding:8px 25px 20px 9px}.library-horizontal .library-book-face{padding:7px 6px 9px 15px}.library-horizontal .library-read-label{font-size:13px;min-height:32px}.library-horizontal .library-shelf-decor{width:29px;height:49px}.library-horizontal .library-actions{flex-wrap:wrap}}.library-banner-with-bruno{position:relative;padding-right:230px}.library-bruno{position:absolute;right:28px;bottom:-19px;width:174px;color:#fff3ce;text-align:center;text-decoration:none}.library-bruno img{display:block;width:100%;height:auto}.library-bruno>span{display:inline-block;padding:5px 12px;border-radius:20px;background:#234952;font:600 13px/1.4 var(--ui-font)}.library-bruno:focus-visible{outline:3px solid #f5d994;outline-offset:4px;border-radius:18px}.universe-friends{display:block;width:100%;max-width:720px;height:auto;margin:28px auto 16px;object-fit:contain}.universe-section{padding:30px 0;margin-top:32px;border-top:1px solid #b9a589;scroll-margin-top:24px}.universe-section>p,.universe-profiles p{font:400 17px/1.65 Andika,sans-serif}.universe-profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;padding:0;margin:26px 0;list-style:none}.universe-profiles h3,.universe-stories h3{font:700 22px/1.4 Andika,sans-serif;color:#315c64;margin:0 0 5px}.universe-profiles .universe-species{color:#76654e;margin:0 0 8px;font-size:15px}.universe-stories{padding:22px;background:#f0e8d8;border-radius:18px}.universe-stories a{display:block;padding-top:14px;color:#315c64;font:600 17px/1.6 var(--ui-font);text-underline-offset:4px}@media (max-width: 700px){.library-banner-with-bruno{padding-right:120px;min-height:130px}.library-banner-with-bruno .library-mascot{width:54px;height:64px}.library-banner-with-bruno .library-wordmark{font-size:32px}.library-bruno{right:5px;bottom:-15px;width:114px}.library-bruno>span{padding:4px 8px;font-size:10px}.universe-profiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}}@media (max-width: 400px){.library-banner-with-bruno{gap:5px;padding-left:10px;padding-right:94px}.library-banner-with-bruno .library-mascot{width:35px;height:50px}.library-banner-with-bruno .library-wordmark{font-size:27px}.library-banner-with-bruno .library-brand-copy p{font-size:11px}.library-bruno{width:95px;right:0}.universe-profiles{grid-template-columns:1fr}}