@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url("./fonts/fredoka-latin-600-normal-4RELULYA.woff2") format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url("./fonts/fredoka-latin-700-normal-457OFEIL.woff2") format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url("./fonts/nunito-latin-700-normal-BNRLMBX2.woff2") format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url("./fonts/nunito-latin-800-normal-ZLC45ULI.woff2") format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url("./fonts/nunito-latin-900-normal-RNORHODW.woff2") format("woff2")}:root{--ink: #1f2a44;--ink-soft: #4b5672;--paper: #fff8ec;--paper-2: #fcefd8;--cream: #fff4e2;--wood: #b9773f;--wood-dark: #7d4a24;--wood-light: #d9985c;--night: #16204a;--primary: #5b3fd6;--primary-dark: #3f2aa3;--mint: #2fb98a;--sun: #ffd43b;--coral: #ff7a6b;--danger: #c2413a;--collection: #5b3fd6;--radius: 16px;--shadow: 0 6px 0 rgba(31, 42, 68, .14), 0 14px 30px rgba(31, 42, 68, .14);--font: "Nunito", "Quicksand", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-display: "Fredoka", "Nunito", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--story-size: clamp(1.25rem, 1.05rem + 1.25vw, 2.05rem);color-scheme:light}:root[data-text-size=s]{--story-size: clamp(1.1rem, .95rem + 1vw, 1.7rem)}:root[data-text-size=l]{--story-size: clamp(1.45rem, 1.2rem + 1.6vw, 2.5rem)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{overflow-x:clip;font-family:var(--font);font-weight:700;color:var(--ink);background:radial-gradient(120% 90% at 50% 0%,#fff6e6,#fde5c4 55%,#f6cf9c) fixed;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{min-height:100dvh}button{font:inherit;color:inherit}h1,h2,h3,.btn,.chip,.tab,.brand,.bar-title,.shelf-title,.book-title,.focus-title,.focus-cover-title,.opening-title,.quiz-prompt,.choice-label,.reward-title,.reward-name,.treasure-top h1,.treasure-row-title,.profile-name,.continue-title,.gate-q,.gate-key,.age-choice,.hint,.bubble,.ia-control,.ia-badge,.toast{font-family:var(--font-display);font-weight:600}h1,.brand,.reward-title,.focus-title{font-weight:700}h1,h2,h3,p{margin:0}.sr-only,#live{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:4px solid #1b6fe0;outline-offset:3px}[tabindex="-1"]:focus{outline:none}[hidden]{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:48px;padding:8px 16px;border:0;border-radius:14px;cursor:pointer;background:var(--primary);color:#fff;font-weight:800;font-size:1rem;box-shadow:0 4px 0 var(--primary-dark),0 8px 18px #1f2a442e;transition:transform .12s ease,box-shadow .12s ease,filter .12s;touch-action:manipulation}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--primary-dark),0 4px 10px #1f2a4429}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.big{min-height:60px;padding:10px 26px;font-size:1.2rem;border-radius:18px}.btn.small{min-height:44px;padding:6px 12px;font-size:.92rem}.btn.secondary{background:#fff;color:var(--ink);box-shadow:0 4px #d9c7ab,0 8px 18px #1f2a441f}.btn.danger{background:var(--danger);box-shadow:0 4px #8a2a25}.btn.primary{background:var(--mint);box-shadow:0 4px #1d7f5e,0 8px 18px #1f2a442e}.btn-icon{display:inline-flex;width:34px;height:34px;flex:none}.btn-icon svg{width:100%;height:100%}.icon-btn{padding:6px 12px}.icon-btn.home,.icon-btn.mute,.icon-btn.search,.icon-btn.parent,.modal-close{padding:6px}.screen{position:relative;min-height:100dvh}.screen.reader{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:100%;height:100dvh;overflow:hidden;background:linear-gradient(180deg,#fbe7c8,#f2c993)}.reader-bar{display:flex;align-items:center;gap:8px;padding:8px max(10px,env(safe-area-inset-left)) 6px;background:color-mix(in srgb,var(--collection) 82%,#1f2a44);color:#fff;box-shadow:0 3px #0000001f;position:relative;z-index:20}.bar-title{flex:1 1 auto;min-width:0;font-weight:900;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-bar .btn{background:#ffffff29;box-shadow:none}.reader-bar .btn[aria-pressed=true].mode{background:#ffffff47}.reader-bar .btn-label{font-size:.95rem}.dots{display:flex;gap:6px;align-items:center}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff59;transition:transform .2s,background .2s}.dot.past{background:#ffffffbf}.dot.on{background:var(--sun);transform:scale(1.35)}.book{display:flex;flex-direction:column;min-height:0;gap:10px;padding:10px 10px 0;position:relative}.stage-wrap{flex:1 1 58%;min-height:0;display:flex}.stage{position:relative;flex:1;min-height:220px;overflow:hidden;border-radius:22px;background:#f6efe1;box-shadow:0 0 0 6px #fff,0 10px 0 6px #7d4a2440,0 20px 40px #1f2a4440;perspective:1100px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.text-page{flex:0 1 auto;max-height:40%;overflow:auto;position:relative;background:var(--paper);border-radius:18px;padding:14px 18px 12px;box-shadow:inset 0 0 0 2px #f1dfc2,0 6px #e4c79c}.page-num{position:absolute;top:8px;right:14px;font-size:.85rem;color:var(--ink-soft)}.story-text{font-size:var(--story-size);line-height:1.55;font-weight:700;letter-spacing:.005em;padding-right:36px;color:var(--ink)}.story-text .w{border-radius:8px;padding:0 2px;margin:0 -2px;transition:background-color .15s,color .15s;cursor:pointer}.story-text.narrating .w{color:#5d6782}.story-text .w.w-spoken{color:var(--ink)}.story-text .w.w-current{background:var(--sun);color:var(--ink);box-shadow:0 2px #e0b400}.story-text .w.w-tap{animation:w-tap .45s ease}@keyframes w-tap{50%{background:#c9f2e1;transform:translateY(-2px)}}.narr-controls{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.narr-controls .btn{background:var(--collection);box-shadow:0 4px color-mix(in srgb,var(--collection) 60%,#000)}.voice-note{margin-top:8px;font-size:.9rem;color:var(--ink-soft);font-weight:700}.page-nav{display:flex;justify-content:space-between;gap:10px;padding:10px max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom))}.page-nav .btn{min-height:58px;min-width:120px;font-size:1.1rem}.page-nav .next{background:var(--mint);box-shadow:0 4px #1d7f5e}.page-nav .next.to-quiz{background:var(--coral);box-shadow:0 4px #b9493d}@media(min-aspect-ratio:11/10)and (min-width:640px){.book{flex-direction:row;padding:12px 14px 0;gap:14px}.stage-wrap{flex:1 1 62%}.text-page{flex:0 0 36%;max-height:none;display:flex;flex-direction:column;justify-content:center;padding:22px 26px;border-radius:10px 22px 22px 10px;background:linear-gradient(90deg,#ecdcc0 0,var(--paper) 22px)}.stage{border-radius:22px 10px 10px 22px}}@media(max-height:480px)and (orientation:landscape){.reader-bar,.page-nav{padding-top:4px;padding-bottom:4px}.page-nav .btn{min-height:48px}.story-text{font-size:clamp(1rem,.8rem + 1.4vw,1.4rem)}}.page{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.9,.3,1)}.page[data-camera=medium].risen{transform:scale(1.03)}.page[data-camera=close].risen{transform:scale(1.12)}.layer{position:absolute;inset:0;pointer-events:none;transform:translate3d(calc(var(--px, 0) * var(--k) * 12px),calc(var(--py, 0) * var(--k) * 7px),0) translateY(var(--lift, 0px)) scale(var(--sc, 1));transform-origin:50% 100%;transition:transform .6s cubic-bezier(.25,1.35,.45,1),opacity .4s ease}.layer svg{width:100%;height:100%;display:block}.page:not(.flat):not(.collapsed) .layer{transition-delay:calc(var(--k) * .11s)}.page.flat .layer[data-depth=mid],.page.flat .layer[data-depth=near],.page.flat .layer[data-depth=front],.page.flat .layer[data-depth=fx]{opacity:0;--lift: calc(var(--k) * 38px);--sc: .94;transition:none}.page.collapsed .layer[data-depth=mid],.page.collapsed .layer[data-depth=near],.page.collapsed .layer[data-depth=front],.page.collapsed .layer[data-depth=fx]{opacity:0;--lift: calc(var(--k) * 30px);--sc: .95;transition:transform .26s ease-in,opacity .24s ease-in}.page.risen .layer[data-depth=near] svg{filter:drop-shadow(0 7px 5px rgba(31,42,68,.2))}.page.risen .layer[data-depth=front]{--sc: 1.01}.page.alive .sb-sway{animation:sb-sway 5.5s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.page.alive .sb-drift{animation:sb-drift 14s ease-in-out infinite;transform-box:fill-box}.page.alive .sb-twinkle{animation:sb-twinkle 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}.page.alive .sb-bob{animation:sb-bob 3.2s ease-in-out infinite;transform-box:fill-box}.page.alive .sb-float{animation:sb-float 6s ease-in-out infinite;transform-box:fill-box}.page.alive .sb-flicker{animation:sb-flicker 2.4s ease-in-out infinite}.page.alive .sb-shimmer{animation:sb-shimmer 4s ease-in-out infinite}.page.alive .sb-spin{animation:sb-spin 9s linear infinite;transform-box:fill-box;transform-origin:50% 50%}.page.alive .sb-blink{animation:sb-blink 4.6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}.page.alive .layer[data-depth=near] .layer-dummy{display:none}.page.alive .layer:nth-child(odd) .sb-sway{animation-delay:-2s}@keyframes sb-sway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@keyframes sb-drift{0%,to{transform:translate(-14px)}50%{transform:translate(14px)}}@keyframes sb-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes sb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes sb-flicker{0%,to{opacity:1}45%{opacity:.78}60%{opacity:.92}}@keyframes sb-shimmer{0%,to{opacity:1}50%{opacity:.7}}@keyframes sb-spin{to{transform:rotate(360deg)}}@keyframes sb-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.ia{transform-box:fill-box;transform-origin:50% 100%}.turn-sheet{position:absolute;inset:64px 10px 80px;pointer-events:none;z-index:30;opacity:0;border-radius:18px;transform-origin:left center;background:linear-gradient(90deg,#fff0,#fffcf4f5 40%,#f3e2c4);box-shadow:0 10px 30px #1f2a4440}.turn-sheet.turn-next{animation:turn-next .56s cubic-bezier(.45,0,.3,1)}.turn-sheet.turn-prev{animation:turn-prev .56s cubic-bezier(.45,0,.3,1);transform-origin:right center}@keyframes turn-next{0%{opacity:1;transform:perspective(1400px) rotateY(0)}to{opacity:1;transform:perspective(1400px) rotateY(-178deg)}}@keyframes turn-prev{0%{opacity:1;transform:perspective(1400px) rotateY(0)}to{opacity:1;transform:perspective(1400px) rotateY(178deg)}}.hotspots,.ia-overlay,.fx-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.ia-overlay{z-index:6}.fx-layer{z-index:7}.hotspot{position:absolute;pointer-events:auto;background:transparent;border:0;border-radius:24px;cursor:pointer;padding:0;touch-action:none}.hotspot:focus-visible{outline:4px dashed #1b6fe0;background:#1b6fe014}.hotspot.draggable{cursor:grab}.hotspot.dragging{cursor:grabbing;z-index:999!important}.hotspot.drop-zone.armed{border-radius:46%;background:radial-gradient(closest-side,rgba(99,230,190,.32),rgba(99,230,190,.08) 70%,transparent);box-shadow:0 0 0 3px #ffffffd9,0 0 18px 4px #2fb98a73;animation:zone-breath 1.4s ease-in-out infinite}@keyframes zone-breath{50%{box-shadow:0 0 0 3px #fffffff2,0 0 26px 8px #2fb98a8c}}.hotspot.chosen{border-radius:46%;box-shadow:0 0 0 3px #ffd43bd9,0 0 18px 4px #ffd43b66}.hotspot.pulse,.hotspot.hint-pulse{border-radius:46%;animation:hs-pulse 1.2s ease-in-out 3}@keyframes hs-pulse{0%,to{box-shadow:0 0 #ffd43b00}50%{box-shadow:0 0 0 4px #ffffffb3,0 0 22px 6px #ffd43b80}}.bubble{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);white-space:nowrap;max-width:46vw;overflow:hidden;text-overflow:ellipsis;background:#fff;color:var(--ink);font-weight:900;font-size:clamp(.85rem,.7rem + .6vw,1.1rem);padding:6px 12px;border-radius:14px;box-shadow:0 3px #1f2a4433;pointer-events:none}.bubble:after{content:"";position:absolute;left:50%;top:100%;margin-left:-7px;border:7px solid transparent;border-top-color:#fff}.ia-badge{position:absolute;transform:translate(-50%,-110%);min-width:38px;height:38px;padding:0 8px;border-radius:19px;background:var(--sun);color:var(--ink);font-weight:900;font-size:1.3rem;display:grid;place-items:center;box-shadow:0 3px #d8a800;animation:pop-in .35s cubic-bezier(.3,1.6,.5,1)}.ia-badge.count{background:var(--mint);color:#fff;box-shadow:0 3px #1d7f5e}@keyframes pop-in{0%{transform:translate(-50%,-110%) scale(.2)}}.ia-ring{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:5px solid #fff;animation:ring .9s ease-out forwards}@keyframes ring{to{transform:scale(5);opacity:0}}.ia-control{position:absolute;pointer-events:auto;display:inline-flex;align-items:center;gap:6px;min-height:48px;min-width:48px;padding:4px 14px 4px 8px;border:2px solid rgba(255,255,255,.75);border-radius:24px;background:#1f2a4494;color:#fff;cursor:pointer;box-shadow:0 3px 10px #1f2a4440;backdrop-filter:blur(3px)}.ia-control.arrow{padding:4px;border-radius:50%}.ia-control .ia-icon{width:30px;height:30px;display:inline-flex;transition:transform .2s}.ia-control .ia-icon svg{width:100%;height:100%}.ia-control.pulse{animation:hs-pulse 1.1s ease-in-out infinite;background:var(--primary)}.swipe-fallback,.trace-fallback,.breathe-start{right:12px;bottom:12px}.balance-left{left:12px;bottom:12px}.balance-right{right:12px;bottom:12px}.ia-dpad{position:absolute;right:10px;bottom:10px;display:grid;grid-template:". up ." "left . right" ". down ." / 50px 50px 50px;gap:2px;pointer-events:auto}.ia-dpad .ia-control{position:static;padding:0;justify-content:center}.ia-dpad[data-axis=x]{grid-template:"left right" / 50px 50px;gap:10px}.ia-dpad[data-axis=y]{grid-template:"up" "down" / 50px;gap:10px}.ia-dpad .dpad-up{grid-area:up}.ia-dpad .dpad-down{grid-area:down}.ia-dpad .dpad-left{grid-area:left}.ia-dpad .dpad-right{grid-area:right}.ia-steps{position:absolute;left:12px;bottom:16px;display:flex;gap:6px}.ia-step{width:14px;height:14px;border-radius:50%;background:#ffffffbf;box-shadow:0 0 0 2px #1f2a4473}.ia-step.on{background:var(--sun)}.ia-darkness{position:absolute;inset:0;z-index:4;pointer-events:none;transition:opacity .7s ease;background:radial-gradient(circle at var(--lx, 50%) var(--ly, 60%),rgba(8,14,40,.15) 0,rgba(8,14,40,.55) 120px,rgba(8,14,40,.72) 260px)}.ia-darkness.lit{opacity:0}.ia-breathe{--bs: 130px;position:absolute;width:var(--bs);height:var(--bs);margin:calc(var(--bs) / -2) 0 0 calc(var(--bs) / -2);border-radius:50%;display:grid;place-items:center;text-align:center;padding:10px;background:radial-gradient(closest-side,#63e6be80,#63e6be2e);border:3px solid rgba(255,255,255,.85);color:#fff;font-family:var(--font-display);font-weight:600;font-size:clamp(.85rem,.7rem + .5vw,1.05rem);line-height:1.15;text-shadow:0 1px 3px rgba(20,40,50,.6);transition:transform 3s ease-in-out}.ia-breathe.in{transform:scale(1.22)}.ia-breathe.out{transform:scale(.88)}.ia-meter{position:absolute;left:50%;bottom:18px;width:180px;height:16px;margin-left:-90px;border-radius:8px;background:#fffc;box-shadow:0 0 0 3px #1f2a4466}.ia-meter-dot{position:absolute;left:calc(50% + var(--tilt, 0) * 80px - 10px);top:-4px;width:24px;height:24px;border-radius:50%;background:var(--coral);transition:left .3s}svg.trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none}.trace-hit{fill:none;stroke:transparent;stroke-linecap:round;pointer-events:stroke}.trace-halo{fill:none;stroke:#ffffff47;stroke-linecap:round;stroke-linejoin:round}.trace-guide{fill:none;stroke:#fffffff2;stroke-linecap:round;filter:drop-shadow(0 1px 1px rgba(31,42,68,.35))}.trace-arrow{fill:none;stroke:#fffffff2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(31,42,68,.35))}.trace-dest{fill:#ffd43b8c;stroke:#fff;transform-box:fill-box;transform-origin:center;animation:trace-dest 1.6s ease-in-out infinite}@keyframes trace-dest{50%{transform:scale(1.25)}}.trace-progress{fill:none;stroke:var(--sun);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.trace-dot{fill:var(--coral);stroke:#fff;transform-box:fill-box;transform-origin:center;animation:trace-dest 1.2s ease-in-out infinite}svg.trace.done .trace-guide,svg.trace.done .trace-halo,svg.trace.done .trace-arrow,svg.trace.done .trace-dest{opacity:0;transition:opacity .4s}.celebrate{position:absolute;width:150px;height:150px;margin:-75px 0 0 -75px;animation:celebrate 1.1s ease-out forwards}.celebrate svg{width:100%;height:100%}@keyframes celebrate{0%{transform:scale(.3);opacity:0}30%{transform:scale(1.1);opacity:1}to{transform:scale(1.3) translateY(-30px);opacity:0}}.hint{position:absolute;z-index:8;transform:translate(-50%,-100%);background:#fff;color:var(--ink);font-weight:900;padding:8px 14px;border-radius:16px;box-shadow:0 4px #1f2a4433;animation:bob 1.6s ease-in-out infinite;max-width:70%;text-align:center}@keyframes bob{50%{transform:translate(-50%,calc(-100% - 6px))}}.toast{position:absolute;left:50%;bottom:96px;transform:translate(-50%);z-index:40;background:var(--ink);color:#fff;padding:10px 18px;border-radius:16px;font-weight:800;max-width:90vw;text-align:center}.opening{position:absolute;inset:0;z-index:50;display:grid;place-items:center;gap:18px;align-content:center;padding:20px;background:#1f2a448c;backdrop-filter:blur(3px);perspective:1600px;transition:opacity .4s}.opening-cover{backface-visibility:hidden;position:relative;width:min(64vw,340px);aspect-ratio:3 / 4;border-radius:10px 18px 18px 10px;overflow:hidden;background:#fff;box-shadow:-10px 0 color-mix(in srgb,var(--collection) 70%,#000),0 24px 50px #0006;transform-origin:left center;transition:transform 1.1s cubic-bezier(.5,0,.2,1) .5s}.opening-cover-art,.opening-cover-art svg{position:absolute;inset:0;width:100%;height:100%}.opening-title{position:absolute;left:0;right:0;top:0;padding:18px 16px 30px;color:#fff;font-weight:900;font-size:1.5rem;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.35);background:linear-gradient(180deg,rgba(31,42,68,.7),transparent)}.opening.open .opening-cover{transform:rotateY(-155deg)}.mode-choice{display:grid;gap:12px;justify-items:center;opacity:0;transform:translateY(16px);transition:opacity .4s 1.3s,transform .4s 1.3s}.opening.open .mode-choice{opacity:1;transform:none}.mode-q{color:#fff;font-size:1.4rem;font-weight:900;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.3)}.choose{min-width:min(80vw,320px)}.choose.read-to-me{background:var(--collection);box-shadow:0 5px color-mix(in srgb,var(--collection) 55%,#000)}.choose.self{background:var(--mint);box-shadow:0 5px #1d7f5e}.choose.suggested{outline:4px solid #fff;outline-offset:3px}.opening.done{opacity:0}.screen.shelf{padding-bottom:40px}.shelf-backdrop{position:fixed;inset:0;z-index:-1;opacity:.55}.shelf-backdrop svg{width:100%;height:100%}.shelf-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff4e28c,#ffeccde0)}.shelf-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px max(14px,env(safe-area-inset-left));background:#fff6e6db;backdrop-filter:blur(6px);box-shadow:0 3px #7d4a2426}.brand{display:flex;align-items:center;gap:8px;font-size:clamp(1.25rem,1rem + 1.5vw,1.9rem);font-weight:900;color:var(--primary-dark)}.brand-mark{width:52px;height:52px;display:inline-flex}.brand-mark svg{width:100%;height:100%}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.top-actions .search{background:#fff;color:var(--ink);box-shadow:0 4px #d9c7ab}.top-actions .treasure{background:#e3a200;box-shadow:0 4px #9d7000}.top-actions .parent{background:var(--ink-soft);box-shadow:0 4px #2a3149}.profile-btn{background:#fff;color:var(--ink);padding:2px 12px 2px 4px;box-shadow:0 4px #d9c7ab}.avatar{display:inline-flex;width:52px;height:52px;border-radius:50%;background:#fff3d6;overflow:hidden;flex:none}.avatar svg{width:100%;height:100%}.shelf-main{max-width:1240px;margin:0 auto;padding:0 max(12px,env(safe-area-inset-left))}.search-row{padding:10px 0 0}.search-input,.text-input{width:100%;min-height:52px;border-radius:14px;border:3px solid #e2cba6;padding:8px 14px;font:inherit;font-size:1.1rem;background:#fff;color:var(--ink)}.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 8px;scrollbar-width:none}.chip{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border-radius:22px;border:0;cursor:pointer;background:#fff;font-weight:800;box-shadow:0 3px #e2cba6}.chip-dot{width:14px;height:14px;border-radius:50%;background:var(--collection)}.chip[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:0 3px #000}.continue-card{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:14px;margin:8px 0 6px;padding:10px 14px 10px 10px;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.continue-art{width:96px;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden}.continue-art svg{width:100%;height:100%;display:block}.continue-kicker{font-size:.9rem;color:var(--mint);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.continue-title{font-size:1.2rem;font-weight:900;margin:2px 0 8px}.continue-bar,.book-progress{display:block;height:10px;border-radius:6px;background:#f1e2c8;overflow:hidden}.continue-bar span,.book-progress span{display:block;height:100%;background:var(--mint);border-radius:6px}.shelf-row{position:relative;margin:22px 0 10px}.shelf-title{display:flex;align-items:center;gap:10px;font-size:clamp(1.2rem,1rem + 1vw,1.6rem);font-weight:900;color:color-mix(in srgb,var(--collection) 70%,#1f2a44)}.shelf-title:before{content:"";width:18px;height:18px;border-radius:6px;background:var(--collection);transform:rotate(45deg)}.shelf-count{margin-left:auto;font-size:.95rem;background:#fff;padding:2px 10px;border-radius:12px;color:var(--ink-soft)}.shelf-dir{font-size:.95rem;color:var(--ink-soft);margin:2px 0 6px}.shelf-books{display:flex;gap:14px;overflow-x:auto;padding:10px 6px 0;scroll-snap-type:x proximity;scrollbar-width:thin}.shelf-item{flex:none;scroll-snap-align:start}.shelf-plank{height:22px;margin-top:-8px;border-radius:6px;position:relative;z-index:0;background:linear-gradient(180deg,var(--wood-light),var(--wood) 45%,var(--wood-dark));box-shadow:0 10px 18px #7d4a244d}.book-btn{position:relative;z-index:1;display:block;width:clamp(118px,22vw,168px);padding:0 0 14px;border:0;background:none;cursor:pointer;text-align:left;perspective:900px}.book-3d{position:relative;display:block;transform:rotateY(-8deg);transform-origin:left center;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.book-btn:hover .book-3d,.book-btn:focus-visible .book-3d{transform:rotateY(-2deg) translateY(-8px)}.book-spine{position:absolute;left:-10px;top:4px;bottom:4px;width:12px;border-radius:6px 0 0 6px;background:color-mix(in srgb,var(--collection) 70%,#000)}.book-face{position:relative;display:block;aspect-ratio:3 / 4;border-radius:4px 12px 12px 4px;overflow:hidden;background:#fff;box-shadow:4px 8px 14px #1f2a4447,inset 4px 0 #0000001f}.cover-art{position:absolute;inset:0;background:#e9e1d3}.cover-art svg{width:100%;height:100%;display:block}.book-title{position:absolute;left:0;right:0;top:0;padding:8px 8px 18px;font-size:clamp(.8rem,.65rem + .5vw,1rem);line-height:1.15;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45);background:linear-gradient(180deg,color-mix(in srgb,var(--collection) 85%,#000) 0,transparent)}.book-badge{position:absolute;left:6px;bottom:20px;font-size:.75rem;padding:2px 8px;border-radius:10px;background:#fff;color:var(--ink);box-shadow:0 2px #00000026}.book-badge.done{background:var(--mint);color:#fff}.book-badge.reading{background:var(--sun)}.book-badge.new{display:none}.book-progress{position:absolute;left:8px;right:8px;bottom:8px;height:6px}.fav-mark{position:absolute;right:6px;top:6px;width:22px;height:22px;z-index:2;background:var(--coral);clip-path:path("M11 20 C-4 10 2 -2 11 5 C20 -2 26 10 11 20 Z")}.empty{padding:40px;text-align:center;font-size:1.2rem}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:14px;background:#1f2a4480;backdrop-filter:blur(4px);animation:fade .2s}@keyframes fade{0%{opacity:0}}.modal{position:relative;max-width:min(960px,100%);max-height:calc(100dvh - 28px);overflow:auto;background:var(--paper);border-radius:24px;padding:22px;box-shadow:0 20px 60px #00000059}.modal-close{position:absolute;top:10px;right:10px;z-index:2;background:var(--ink-soft);box-shadow:0 3px #2a3149}.focus-card{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:24px;align-items:center;padding-top:10px}.focus-book{position:relative;aspect-ratio:3 / 4;border-radius:6px 16px 16px 6px;overflow:hidden;box-shadow:-8px 0 color-mix(in srgb,var(--collection) 70%,#000),0 18px 34px #1f2a4459}.focus-art,.focus-art svg{position:absolute;inset:0;width:100%;height:100%;display:block}.focus-cover-title{position:absolute;left:0;right:0;top:0;padding:14px 12px 28px;color:#fff;font-weight:900;font-size:1.3rem;line-height:1.15;text-shadow:0 2px 0 rgba(0,0,0,.4);background:linear-gradient(180deg,color-mix(in srgb,var(--collection) 85%,#000),transparent)}.focus-collection{color:color-mix(in srgb,var(--collection) 70%,#1f2a44);font-weight:900}.focus-title{font-size:clamp(1.5rem,1.1rem + 2vw,2.3rem);font-weight:900;line-height:1.1;margin:4px 0 10px}.focus-facts{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 12px;list-style:none}.focus-facts li{background:#fff;border-radius:12px;padding:4px 12px;box-shadow:0 2px #e2cba6}.focus-premise{font-size:1.1rem;line-height:1.45;margin-bottom:16px}.focus-actions{display:flex;flex-wrap:wrap;gap:10px}.fav-btn{background:var(--coral);box-shadow:0 4px #b9493d}@media(max-width:640px){.focus-card{grid-template-columns:1fr}.focus-book{width:min(62vw,240px);margin:0 auto}.focus-actions .btn{flex:1 1 auto}}.screen.quiz{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;background:linear-gradient(180deg,#fbe7c8,#f2c993)}.quiz-card{width:min(1180px,100%);margin:0 auto;padding:clamp(10px,2vh,20px) clamp(12px,2vw,24px) clamp(12px,2vh,20px);min-height:0;display:grid;grid-template-rows:auto auto minmax(150px,1fr);gap:clamp(10px,2vh,18px);overflow:auto}.quiz-head{display:flex;align-items:center;gap:12px;background:var(--paper);border-radius:22px;padding:14px 22px;box-shadow:var(--shadow)}.quiz-q{flex:1;min-width:0}.quiz-counter{font-size:.92rem;font-weight:800;letter-spacing:.04em;color:color-mix(in srgb,var(--collection) 70%,#1f2a44);margin-bottom:2px}.quiz-prompt{font-size:clamp(1.35rem,1.05rem + 1.3vw,2.1rem);line-height:1.2;color:var(--ink)}.quiz-listen{background:var(--collection);box-shadow:0 4px color-mix(in srgb,var(--collection) 55%,#000)}.quiz-choices{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:clamp(10px,1.6vw,20px);width:min(100%,980px);justify-self:center}.quiz-choices[data-count="3"]{--cols: 3}.choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;min-height:120px;border:0;border-radius:24px;background:#fff;cursor:pointer;box-shadow:0 6px #e2cba6,0 12px 24px #7d4a241f;transition:transform .15s,box-shadow .15s,opacity .3s;touch-action:manipulation}.choice:hover:not(:disabled){transform:translateY(-3px)}.choice:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #e2cba6}.choice-pic{width:min(100%,clamp(110px,27vh,280px));aspect-ratio:1;display:inline-flex}.choice-pic svg{width:100%;height:100%}.choice-label{font-size:clamp(1.1rem,.95rem + .8vw,1.45rem);text-align:center;line-height:1.2}.choice.wrong{opacity:.5;animation:wiggle .45s;cursor:default}.choice.right{background:#d7f6ea;box-shadow:0 6px 0 var(--mint),0 0 0 4px var(--mint);animation:pop .5s}.choice.glow{box-shadow:0 0 0 6px var(--sun),0 6px #e2cba6}.quiz-choices.answered .choice:not(.right){opacity:.35}@keyframes wiggle{25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}}@keyframes pop{50%{transform:scale(1.05)}}.quiz-band{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:0 clamp(10px,2vw,28px);min-height:150px;padding:12px clamp(12px,2.5vw,34px) 0;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#fffcf48c,#fff8ecd9);box-shadow:inset 0 0 0 3px #fff9}.quiz-ground{position:absolute;left:-10%;right:-10%;bottom:-46%;height:70%;border-radius:50%;pointer-events:none;background:color-mix(in srgb,var(--collection) 26%,#f6dcb0)}.quiz-hero{position:relative;align-self:end;height:100%;max-height:380px;min-height:130px;aspect-ratio:1;display:flex;align-items:flex-end}.quiz-hero svg{width:100%;height:100%;display:block}.quiz-hero.react svg{animation:hero-react .55s cubic-bezier(.3,1.5,.5,1);transform-origin:50% 100%}@keyframes hero-react{0%{transform:scale(.94,1.04)}60%{transform:scale(1.03,.98)}to{transform:none}}.quiz-bubble{position:relative;align-self:center;justify-self:start;max-width:560px;margin-bottom:24px;padding:14px 20px;border-radius:22px;background:#fff;box-shadow:0 4px #1f2a441f;transition:background-color .25s}.quiz-bubble:before{content:"";position:absolute;left:-14px;bottom:22px;border:10px solid transparent;border-right:14px solid #fff;border-left:0;transition:border-color .25s}.quiz-bubble[data-mood=right]{background:#dff7ec}.quiz-bubble[data-mood=right]:before{border-right-color:#dff7ec}.quiz-bubble[data-mood=retry]{background:#fff4d2}.quiz-bubble[data-mood=retry]:before{border-right-color:#fff4d2}.quiz-hint{font-family:var(--font-display);font-weight:600;font-size:clamp(1.05rem,.9rem + .7vw,1.4rem);line-height:1.3;color:var(--ink)}.quiz-trail{align-self:center;display:flex;align-items:center;gap:6px;margin-bottom:24px}.trail-step{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffffd9;color:var(--ink-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--collection) 35%,#fff);font-family:var(--font-display);font-weight:700;transition:background-color .3s,transform .3s}.trail-step.on{background:var(--sun);color:var(--ink);transform:scale(1.12)}.trail-step.past{background:var(--mint);color:#fff;box-shadow:0 0 0 3px #1d7f5e}.trail-path{width:clamp(10px,2vw,26px);height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--collection) 45%,#fff) 0 6px,transparent 6px 10px)}.trail-prize{width:clamp(64px,9vw,96px);aspect-ratio:1;display:inline-flex;border-radius:50%;background:#ffffffb3;box-shadow:0 0 0 4px #ffd43b8c;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.trail-prize svg{width:100%;height:100%;filter:brightness(0) opacity(.22);transition:filter .6s}.trail-prize.unlocked{transform:scale(1.15);box-shadow:0 0 0 4px var(--sun),0 0 26px #ffd43be6}.trail-prize.unlocked svg{filter:none}@media(max-width:900px){.quiz-band{grid-template-columns:minmax(120px,50%) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"hero trail" "hero bubble"}.quiz-hero{grid-area:hero;width:100%;height:auto;max-height:none;aspect-ratio:1}.quiz-trail{grid-area:trail;justify-self:start;margin:6px 0 10px}.quiz-bubble{grid-area:bubble;align-self:start}.trail-path{display:none}.trail-step{width:32px;height:32px;font-size:.9rem}}@media(max-width:640px){.quiz-card{grid-template-rows:auto auto minmax(140px,1fr)}.quiz-head{padding:12px 16px}.quiz-choices[data-count="3"]{--cols: 1}.quiz-choices[data-count="3"] .choice{display:grid;grid-template-columns:96px minmax(0,1fr);justify-items:start;min-height:0;padding:10px 14px;text-align:left}.quiz-choices[data-count="3"] .choice-label{text-align:left}.quiz-choices[data-count="2"] .choice-pic{width:min(100%,140px)}.quiz-band{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(120px,1fr);grid-template-areas:"trail" "bubble" "hero";justify-items:center;min-height:0;padding-top:10px}.quiz-hero{width:auto;height:100%;max-height:240px;min-height:120px;align-self:end}.quiz-trail{justify-self:center;margin:2px 0 8px}.quiz-bubble{justify-self:center;text-align:center;margin-bottom:4px}.quiz-bubble:before{left:50%;bottom:-14px;margin-left:-10px;border:10px solid transparent;border-top:14px solid #fff;border-bottom:0}.quiz-bubble[data-mood=right]:before{border-right-color:transparent;border-top-color:#dff7ec}.quiz-bubble[data-mood=retry]:before{border-right-color:transparent;border-top-color:#fff4d2}.quiz-bubble{padding:10px 14px}.trail-prize{width:48px}.trail-step{width:28px;height:28px}}@media(max-height:520px)and (orientation:landscape){.quiz-card{grid-template-rows:auto auto auto}.choice-pic{width:min(100%,96px)}.quiz-hero{max-height:140px}}.screen.reward{overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px;text-align:center;min-height:100dvh;background:radial-gradient(circle at 50% 35%,#fff6d8 0,#ffd98a 45%,color-mix(in srgb,var(--collection) 60%,#f2c993))}.skip{position:absolute;top:12px;right:12px;background:#1f2a44bf;box-shadow:none}.reward-stage{position:relative;width:min(70vw,320px);aspect-ratio:1;display:grid;place-items:center}.reward-burst{position:absolute;inset:-18%;animation:sb-spin 18s linear infinite;opacity:.85}.reward-burst svg{width:100%;height:100%}.medallion{position:relative;width:82%;aspect-ratio:1;border-radius:50%;background:#fffdf6;display:grid;place-items:center;box-shadow:0 0 0 10px #ffd43b,0 0 0 18px #fff3b0,0 18px 40px #7d4a2459}.reward-art{width:86%;height:86%;display:inline-flex}.reward-art svg{width:100%;height:100%}.anim-bounce{animation:r-bounce 1.6s ease-in-out infinite}.anim-spin{animation:r-spin 3s ease-in-out infinite}.anim-glow{animation:r-glow 2s ease-in-out infinite}.anim-float{animation:r-float 2.6s ease-in-out infinite}.anim-wiggle{animation:r-wiggle 1.8s ease-in-out infinite}.anim-sparkle{animation:r-glow 1.4s ease-in-out infinite,r-float 3s ease-in-out infinite}@keyframes r-bounce{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-14px) scale(.97,1.03)}60%{transform:translateY(0) scale(1.05,.95)}}@keyframes r-spin{0%,20%{transform:rotateY(0)}60%,to{transform:rotateY(360deg)}}@keyframes r-glow{50%{filter:drop-shadow(0 0 14px rgba(255,212,59,.95))}}@keyframes r-float{50%{transform:translateY(-12px)}}@keyframes r-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.reward-title{font-size:clamp(1.8rem,1.3rem + 2.5vw,2.8rem);font-weight:900;color:var(--ink);margin-top:12px}.reward-name{font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem);font-weight:900;color:var(--primary-dark)}.reward-desc{font-size:1.15rem;max-width:520px}.reward-book{font-size:.95rem;color:var(--ink-soft)}.reward-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.reward-treasure{background:#e3a200;box-shadow:0 4px #9d7000}.treasure-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;padding:10px 14px;background:#2a3156f2;color:#fff}.treasure-top h1{font-size:1.6rem;font-weight:900}.treasure-count{margin-left:auto;background:var(--sun);color:var(--ink);padding:4px 12px;border-radius:14px;font-weight:900}.screen.treasure{background:linear-gradient(180deg,#2a3156,#3b2f5c 60%,#2a3156);min-height:100dvh;color:#fff}.treasure-rows{max-width:1200px;margin:0 auto;padding:8px 14px 40px}.treasure-row{margin:18px 0;padding:12px;border-radius:20px;background:#ffffff0f;box-shadow:inset 0 -16px #b9773f59}.treasure-row-title{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:900;margin-bottom:8px}.treasure-row-title:before{content:"";width:14px;height:14px;border-radius:4px;background:var(--collection);transform:rotate(45deg)}.treasure-row-title .shelf-count{background:#ffffff26;color:#fff}.treasure-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.treasure-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:0;border-radius:18px;cursor:pointer;background:#ffffff14;color:#fff;min-height:120px}.slot-art{width:84px;height:84px;display:inline-flex}.slot-art svg{width:100%;height:100%}.treasure-slot.locked .slot-art{filter:brightness(0) invert(1);opacity:.16}.treasure-slot.unlocked{background:radial-gradient(circle,#fff3b059,#ffffff14 70%)}.slot-name{font-size:.8rem;text-align:center;line-height:1.15}.treasure-detail{display:grid;justify-items:center;gap:10px;text-align:center;padding-top:16px}.treasure-detail .medallion{width:min(60vw,260px)}.screen.welcome{height:100dvh;min-height:0;overflow:hidden;background:#8fd3ff}.welcome-scene{position:absolute;left:0;right:0;bottom:0;height:min(100dvh,146vw);overflow:hidden;perspective:1100px}.welcome-brand{position:absolute;left:50%;top:0;z-index:10;width:min(92vw,760px);transform:translate(-50%);height:calc(100dvh - (min(100dvh,146vw)*.66));padding-top:max(18px,env(safe-area-inset-top));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(4px,1.2vh,12px)}.welcome-title{display:inline-flex;align-items:center;gap:.12em;margin:0;font-size:clamp(2.7rem,1.4rem + 5vw,5.4rem);line-height:1;letter-spacing:-.01em;color:#3b2a9e;text-shadow:0 3px 0 #fff,0 6px 18px rgba(31,42,68,.18)}.welcome-mark{width:.95em;height:.95em;display:inline-flex;flex:none}.welcome-mark svg{width:100%;height:100%}.welcome-lead{font-family:var(--font-display);font-weight:600;font-size:clamp(1.15rem,.95rem + .9vw,1.6rem);color:#22306b}.welcome-sub{font-size:clamp(.95rem,.88rem + .3vw,1.08rem);color:#2d3a5e;max-width:34em}.btn.welcome-start{margin-top:clamp(4px,1.2vh,12px);min-width:min(260px,70vw);min-height:64px;font-size:1.55rem;border-radius:22px;letter-spacing:.02em}.welcome-note{font-size:.86rem;color:#2d3a5e;background:#ffffff9e;padding:4px 12px;border-radius:12px}.welcome-brand>*{opacity:0;transform:translateY(-12px) scale(.97);transition:opacity .6s ease,transform .7s cubic-bezier(.2,1.3,.4,1)}.welcome.in .welcome-brand>*{opacity:1;transform:none}.welcome.in .welcome-brand>:nth-child(2){transition-delay:.15s}.welcome.in .welcome-brand>:nth-child(3){transition-delay:.25s}.welcome.in .welcome-brand>:nth-child(4){transition-delay:.45s}.welcome.in .welcome-brand>:nth-child(5){transition-delay:.6s}@media(max-height:560px)and (orientation:landscape){.welcome-title{font-size:clamp(2rem,1rem + 4vh,2.8rem)}.welcome-sub,.welcome-note{display:none}.welcome-start{min-height:52px;font-size:1.25rem}}@media(max-width:420px){.welcome-sub{font-size:.92rem}.welcome-note{font-size:.8rem}}.profile-sheet{display:grid;gap:12px;width:min(640px,86vw)}.sheet-title{font-size:1.5rem;color:var(--primary-dark)}.profile-form{display:grid;gap:10px;text-align:left;width:min(640px,100%);min-width:0}.field-label{font-weight:900;font-size:1.05rem}.field-help,.muted{font-size:.92rem;color:var(--ink-soft)}.form-error{color:var(--danger);min-height:1.2em}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.avatar-choice{border:0;border-radius:20px;background:#fff;padding:6px;cursor:pointer;box-shadow:0 4px #e2cba6;min-height:72px;display:grid;place-items:center}.avatar-choice .avatar{width:min(72px,100%);height:auto;aspect-ratio:1}.avatar-choice[aria-checked=true]{box-shadow:0 0 0 5px var(--mint),0 4px #e2cba6}.age-choices{display:flex;gap:10px;flex-wrap:wrap}.age-choice{min-height:52px;padding:6px 14px;border-radius:16px;border:0;background:#fff;font-weight:900;cursor:pointer;box-shadow:0 4px #e2cba6}.age-choice[aria-checked=true]{background:var(--mint);color:#fff;box-shadow:0 4px #1d7f5e}.screen.profiles{padding-bottom:40px}.profile-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:30px 16px}.profile-card{display:grid;justify-items:center;gap:8px;border:0;background:#fff;border-radius:26px;padding:16px 22px;cursor:pointer;box-shadow:var(--shadow);min-width:150px}.profile-card .avatar{width:120px;height:120px}.profile-card.active{box-shadow:0 0 0 6px var(--mint),var(--shadow)}.profile-name{font-size:1.3rem;font-weight:900}.screen.profiles>.btn{display:flex;margin:0 auto}.screen.parent{background:#f7f2ea;min-height:100dvh}.tabs{display:flex;gap:6px;padding:10px 12px 0;overflow-x:auto;max-width:1100px;margin:0 auto}.tab{min-height:48px;padding:6px 16px;border:0;border-radius:14px 14px 0 0;background:#e6dccb;font-weight:900;cursor:pointer}.tab[aria-selected=true]{background:#fff}.tab-panel{max-width:1100px;margin:0 auto;background:#fff;border-radius:0 0 20px 20px;padding:18px;display:grid;gap:14px}.tab-panel h2{font-size:1.3rem;font-weight:900;margin-top:8px}.parent-card{border:3px solid #efe4d2;border-radius:18px;padding:14px;display:grid;gap:10px}.parent-card-title{display:flex;align-items:center;gap:10px;font-size:1.3rem}.chip-small{font-size:.85rem;background:#f1e7d7;padding:2px 10px;border-radius:10px}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0}.stats dt{font-size:.85rem;color:var(--ink-soft)}.stats dd{margin:0 0 6px;font-size:1.4rem;font-weight:900}.table-wrap{overflow-x:auto;max-width:100%}.progress-table{width:100%;min-width:520px;border-collapse:collapse;font-size:.95rem}.progress-table th,.progress-table td{text-align:left;padding:6px;border-bottom:1px solid #efe4d2}.profile-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;border:3px solid #efe4d2;border-radius:16px}.setting{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.setting select,.setting input[type=range]{min-height:44px;min-width:200px;font:inherit}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}.switch input{position:absolute;opacity:0}.switch-ui{width:54px;height:32px;border-radius:16px;background:#cfc4b2;position:relative;transition:background .2s;flex:none}.switch-ui:after{content:"";position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s}.switch input:checked+.switch-ui{background:var(--mint)}.switch input:checked+.switch-ui:after{transform:translate(22px)}.switch input:focus-visible+.switch-ui{outline:4px solid #1b6fe0;outline-offset:2px}.pin-input{width:140px;letter-spacing:.4em}.file-input{min-height:48px;font:inherit}.about-list{line-height:1.6}.confirm{display:grid;gap:16px;padding-top:24px;max-width:520px}.confirm-text{font-size:1.15rem}.gate{display:grid;gap:10px;justify-items:center;text-align:center;padding-top:16px;min-width:min(360px,80vw)}.gate h2{font-size:1.4rem;font-weight:900}.gate-reason{color:var(--ink-soft)}.gate-q{font-size:1.4rem;font-weight:900}.gate-display{font-size:2rem;font-weight:900;letter-spacing:.25em;min-height:1.4em}.gate-msg{color:var(--danger);min-height:1.2em}.gate-pad{display:grid;grid-template-columns:repeat(3,64px);gap:8px}.gate-key{min-height:56px;border:0;border-radius:14px;background:#fff;font-size:1.4rem;font-weight:900;cursor:pointer;box-shadow:0 4px #e2cba6}.gate-key.key-ok{background:var(--mint);color:#fff;box-shadow:0 4px #1d7f5e}.gate-key.key-del{font-size:.95rem}.error{display:grid;place-items:center;gap:20px;padding:40px;text-align:center}.rm *,.rm *:before,.rm *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}.rm .page.alive .sb-sway,.rm .page.alive .sb-drift,.rm .page.alive .sb-twinkle,.rm .page.alive .sb-bob,.rm .page.alive .sb-float,.rm .page.alive .sb-flicker,.rm .page.alive .sb-shimmer,.rm .page.alive .sb-spin,.rm .page.alive .sb-blink{animation:none!important}.rm .layer{--px: 0 !important;--py: 0 !important}.rm .page[data-camera].risen{transform:none}.rm .ia-breathe.in{transform:scale(1.1)}@media(prefers-reduced-motion:reduce){.reward-burst{animation:none}}@media(max-width:560px){.top-actions .btn-label{display:none}.top-actions{gap:6px}.brand-mark{width:40px;height:40px}.continue-card{grid-template-columns:72px 1fr}.continue-art{width:72px}.continue-go{grid-column:1 / -1}}@media(max-width:560px){.reader-bar .bar-title{display:none}.reader-bar .dots{flex:1;justify-content:center;gap:5px}.reader-bar .dot{width:9px;height:9px}.reader-bar .btn-label{font-size:.85rem}.page-nav .btn{min-width:0;flex:1}}.book,.stage-wrap,.text-page{min-width:0}