.profiles{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:20px;text-align:center}.profiles__eyebrow{margin:0;font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--muted)}.profiles__heading{font-size:30px;font-weight:600;margin:0 0 12px}.profiles__level-grid{display:flex;flex-direction:column;gap:14px;width:100%;max-width:380px}.profiles__level-card{border-radius:28px;background:var(--card);color:var(--text);border:none;cursor:pointer;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;text-align:left;padding:18px 24px;min-height:88px}.profiles__level-card:active{transform:scale(.97)}.profiles__level-emoji{font-size:48px;line-height:1;grid-row:1 / 3}.profiles__level-name{font-size:19px;font-weight:600;align-self:end}.profiles__level-age{font-size:15px;color:var(--muted);align-self:start}.profiles__note{margin:12px 0 0;font-size:14px;color:var(--muted)}.reader-start,.reader{height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);user-select:none;-webkit-user-select:none;font-family:Rubik,system-ui,sans-serif}.reader-start{align-items:center;justify-content:center;gap:32px;padding:24px;position:relative}.reader-start__home{position:absolute;top:16px;left:16px}.reader-start__title{margin:0;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:600;text-align:center}.reader-start__btn{width:128px;height:128px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;padding-left:8px;cursor:pointer;box-shadow:0 10px 28px var(--shadow)}.reader-start__btn:active{transform:scale(.95)}.reader__top{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:max(10px,env(safe-area-inset-top)) 14px 6px}.reader__counter{font-size:15px;color:var(--muted);letter-spacing:.04em}.reader__mode{display:flex;gap:6px;background:var(--card);border-radius:36px;padding:4px}.reader__mode-btn{width:64px;height:64px;border-radius:32px;border:3px solid transparent;background:transparent;font-size:26px;cursor:pointer;opacity:.5;-webkit-appearance:none;transition:opacity .15s,background .15s}.reader__mode-text{font-size:17px;font-weight:600;color:var(--text)}.reader__mode-btn.is-on{background:var(--page);border-color:var(--accent);opacity:1}.reader__page{flex:1;min-height:0;display:flex;flex-direction:column;margin:4px 14px 0;background:var(--page);border-radius:24px;box-shadow:0 8px 28px var(--shadow);overflow:hidden;touch-action:pan-y}.reader__art{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.reader__art-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--card);color:var(--muted)}.reader__art-turning{animation:turning 1.6s ease-in-out infinite;display:flex}@keyframes turning{0%,to{transform:rotateY(0);opacity:.6}50%{transform:rotateY(160deg);opacity:1}}.reader__image{position:relative;max-width:100%;max-height:100%;aspect-ratio:1 / 1;object-fit:contain;display:block;opacity:0;filter:var(--img-filter);transition:opacity .35s ease-out}.reader__image.is-ready{opacity:1;animation:page-in .35s ease-out both}@keyframes page-in{0%{transform:translate(24px)}to{transform:translate(0)}}[dir=rtl] .reader__image.is-ready{animation-name:page-in-rtl}@keyframes page-in-rtl{0%{transform:translate(-24px)}to{transform:translate(0)}}.reader__text{flex:0 0 auto;margin:0;padding:16px 20px 20px;font-size:clamp(1.3rem,5.6vw,1.75rem);font-weight:500;line-height:1.45;color:var(--text)}.reader__controls{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px max(14px,env(safe-area-inset-bottom))}.reader__nav-btn{width:76px;height:76px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;flex-shrink:0;box-shadow:0 6px 16px var(--shadow);transition:transform .1s}.reader__nav-btn:active{transform:scale(.93)}.reader__nav-btn:disabled{visibility:hidden}.reader__nav-btn--end{background:var(--tile);color:#f2b65c}.reader__audio{display:flex;align-items:center;justify-content:center;gap:16px;flex:1}.reader__ctrl-btn{width:64px;height:64px;border-radius:50%;border:none;background:var(--card);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;transition:transform .1s}.reader__ctrl-btn:active{transform:scale(.93)}.reader__ctrl-btn--retry{box-shadow:0 0 0 4px var(--accent)}.reader__dots{font-size:14px;letter-spacing:2px;color:var(--muted)}.reader__no-audio{font-size:14px;color:var(--muted);text-align:center}.reader__ask{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a338c;display:flex;align-items:center;justify-content:center;z-index:20}.reader__ask-card{background:var(--bg);border-radius:32px;padding:28px;display:flex;align-items:center;gap:28px;box-shadow:0 16px 40px #0000004d}.reader__ask-keep{width:140px;height:140px;border-radius:36px;border:none;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;cursor:pointer}.reader__ask-keep:active{transform:scale(.95)}@media (orientation: landscape){.reader__page{flex-direction:row}.reader__art{flex:1 1 60%}.reader__text{flex:1 1 40%;align-self:center;font-size:clamp(1.2rem,2.6vw,1.8rem)}}@media (orientation: landscape) and (max-height: 500px){.reader__top{padding-top:6px}.reader__controls{padding-top:6px;padding-bottom:8px}.reader__nav-btn{width:64px;height:64px}}.reader__nav-btn.is-waiting{animation:waiting-pulse 1s ease-in-out infinite}@keyframes waiting-pulse{50%{transform:scale(.92);opacity:.7}}@media (prefers-reduced-motion: reduce){.reader__nav-btn.is-waiting{animation:none;opacity:.7}}.end{height:100%;background:#141a33;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:24px;position:relative;overflow:hidden}.end__stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.end__star{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;animation:twinkle 2.4s ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:.3}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.9;transform:scale(1.6)}}.end__content{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1}.end__star-settle{font-size:64px;line-height:1;animation:settle 1.2s ease-out forwards;color:#f2b65c}@keyframes settle{0%{opacity:0;transform:translateY(-40px) scale(1.4)}70%{opacity:1;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.end__title{font-size:40px;font-weight:600;color:#fff;margin:0;letter-spacing:.01em}.end__sub{font-size:18px;color:#fff9;margin:0;text-align:center}.end__moon{color:#f2b65c;animation:settle 1.6s ease-out forwards}.end__lock{position:absolute;top:16px;right:16px;width:56px;height:56px;background:#ffffff14;color:#fff9;z-index:2}.end__buttons{display:flex;gap:16px;z-index:1}.end__btn{width:128px;height:112px;border-radius:32px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.end__btn:active{transform:scale(.95)}.end__btn--amber{background:#f2b65c;color:#2b2540}.end__btn--navy{background:#2e3b66;color:#fff}.lib{display:flex;flex-direction:column;padding:0 16px 48px}.lib--center{align-items:center;justify-content:center;gap:16px}.lib__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(24px,env(safe-area-inset-top)) 0 8px}.lib__greeting{margin:0;font-size:clamp(1.9rem,8.5vw,2.6rem);font-weight:600;line-height:1.15}.lib__lock{width:56px;height:56px;color:var(--muted)}.lib__continue{position:relative;margin-top:16px;padding:0;border:none;border-radius:28px;overflow:hidden;cursor:pointer;background:var(--card);box-shadow:0 8px 20px var(--shadow);height:168px;display:block}.lib__continue:active{transform:scale(.98)}.lib__continue-img,.lib__continue-photo{display:block;width:100%;height:100%}.lib__continue-photo{object-fit:cover;filter:var(--img-filter)}.lib__continue-play{position:absolute;right:16px;bottom:16px;width:72px;height:72px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;padding-left:5px;box-shadow:0 6px 16px #00000040}.lib__surprise{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;height:96px;margin:16px 0 0;border:none;border-radius:28px;background:var(--accent);color:var(--accent-text);font-size:1.6rem;font-weight:600;cursor:pointer;box-shadow:0 8px 20px var(--shadow);-webkit-appearance:none;flex-shrink:0}.lib__surprise:active{transform:scale(.98)}.lib__surprise:disabled{opacity:.5}.lib__surprise:focus-visible{outline:4px solid var(--accent);outline-offset:3px}.lib__cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.cat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:128px;padding:20px 12px;border:none;border-radius:24px;background:var(--tile);color:var(--tile-text);font-size:1.05rem;font-weight:600;line-height:1.25;text-align:center;cursor:pointer;-webkit-appearance:none;transition:transform .1s,background .12s}.cat-tile:active{transform:scale(.97)}.cat-tile:focus-visible{outline:4px solid var(--accent);outline-offset:3px}.cat-tile:hover{background:var(--tile-hover)}.cat-tile__emoji{font-size:3rem;line-height:1}.lib__topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(16px,env(safe-area-inset-top)) 0 0}.lib__topbar-spacer{width:64px;flex:none}.lib__cat-title{margin:0;font-size:1.6rem;font-weight:600;line-height:1.2;display:flex;align-items:center;gap:10px;text-align:center}.lib__covers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 14px;margin-top:20px}.story-cover{display:flex;flex-direction:column;gap:10px;border:none;padding:0;background:transparent;cursor:pointer;color:var(--text);text-align:left;-webkit-appearance:none}.story-cover:active{transform:scale(.97)}.story-cover:focus-visible{outline:4px solid var(--accent);outline-offset:4px;border-radius:22px}.story-cover__img{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:22px;overflow:hidden;background:var(--card);box-shadow:0 6px 16px var(--shadow);display:flex}.story-cover__photo{width:100%;height:100%;object-fit:cover;display:block;filter:var(--img-filter)}.story-cover__ribbon{position:absolute;top:8px;right:8px;width:40px;height:40px;border-radius:50%;background:#2e3b66;color:#f2b65c;border:3px solid #FBF2DF;font-size:20px;display:flex;align-items:center;justify-content:center}.story-cover__title{font-size:.95rem;font-weight:500;line-height:1.35}.cover-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--card);font-size:3rem}.lib__loading{display:flex;justify-content:center;padding:48px 0}.lib__loading-book{font-size:48px;animation:lib-bob 1.4s ease-in-out infinite}@keyframes lib-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}.lib__calm-emoji{font-size:64px}.lib__calm-text{margin:0;font-size:20px;color:var(--muted)}.lib__retry{width:88px;height:88px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-text);font-size:40px;cursor:pointer}.detail{display:flex;flex-direction:column;position:relative}.detail__home{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;z-index:2}.detail__cover{align-self:center;margin-top:96px;width:min(340px,calc(100vw - 48px));aspect-ratio:1 / 1;border-radius:28px;overflow:hidden;padding:0;border:none;background:var(--card);box-shadow:0 10px 28px var(--shadow);cursor:pointer;flex-shrink:0}.detail__cover:active{transform:scale(.98)}.detail__cover-photo{width:100%;height:100%;object-fit:cover;display:block;filter:var(--img-filter)}.detail__cover-photo.cover-placeholder{font-size:96px}.detail__body{padding:24px 24px 48px;display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px;align-self:center}.detail__title{font-size:32px;font-weight:600;line-height:1.15;margin:0}.detail__meta{font-size:16px;color:var(--muted);margin:0}.detail__start-btn{width:100%;height:96px;border-radius:48px;background:var(--accent);color:var(--accent-text);border:none;cursor:pointer;font-size:24px;font-weight:600;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 8px 20px var(--shadow);flex-shrink:0}.detail__start-btn:active{transform:scale(.98)}.detail__grownups{margin-top:20px;cursor:pointer}.detail__grownups-label{font-size:15px;color:var(--muted);-webkit-user-select:none;user-select:none}.detail__objectives{margin:8px 0 0;padding-left:20px}.detail__objectives li{font-size:15px;color:var(--muted);line-height:1.5;margin-bottom:4px}.login{display:flex;flex-direction:column}.login__top{background:#2e3b66;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 80px;gap:12px}.login__icon{width:72px;height:72px;border-radius:36px;background:#f2b65c;font-size:38px;display:flex;align-items:center;justify-content:center}.login__brand{font-size:32px;font-weight:600;color:#fff;margin:0}.login__tagline{font-size:16px;color:#ffffffa6;margin:0}.login__sheet{background:var(--bg);border-radius:32px 32px 0 0;margin-top:-32px;padding:40px 24px 48px;display:flex;flex-direction:column;gap:12px;min-height:340px}.login__heading{font-size:26px;font-weight:600;color:var(--text);margin:0}.login__sub{font-size:16px;color:var(--muted);margin:0 0 4px}.login__input{height:64px;border-radius:18px;border:2px solid #E7DCC3;background:#fff;padding:0 20px;font-size:18px;font-family:inherit;color:#2b2540;outline:none;width:100%;box-sizing:border-box}.login__input:focus{border-color:#f2b65c}.login__continue-btn{height:72px;border-radius:36px;background:#f2b65c;border:none;cursor:pointer;font-size:18px;font-weight:600;color:#2b2540;margin-top:4px;width:100%}.login__continue-btn:disabled{opacity:.45;cursor:default}.login__continue-btn:not(:disabled):active{opacity:.85}.login__skip-btn{background:none;border:none;cursor:pointer;font-size:15px;color:var(--muted);text-decoration:underline;padding:4px 0}.login__google-btn{height:72px;width:100%;border-radius:36px;border:2px solid #DADCE0;background:#fff;color:#1f1f1f;font-size:19px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;box-shadow:0 4px 14px var(--shadow)}.login__google-btn:active{transform:scale(.98)}.login__email{display:flex;flex-direction:column;gap:12px}.login__note{margin:0;padding:12px 14px;border-radius:14px;background:var(--card);color:var(--text);font-size:15px;line-height:1.4}.login__sent{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:24px;text-align:center}.login__sent-msg{font-size:24px;font-weight:600;color:var(--text);margin:0}.login__sent-sub{font-size:16px;color:var(--muted);margin:0}.login__back-btn{margin-top:8px;height:52px;padding:0 32px;border-radius:26px;background:#e7dcc3;border:none;cursor:pointer;font-size:16px;font-weight:500;color:#2e3b66}.gate__back{position:absolute;top:16px;left:16px}.gate{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:96px 24px 48px;text-align:center}.gate__title{margin:0;font-size:28px;font-weight:600}.gate__q{margin:0;font-size:22px;color:var(--muted)}.gate__hint{margin:0;font-size:16px;color:var(--muted)}.gate__options{display:grid;grid-template-columns:repeat(2,104px);gap:14px;margin-top:12px}.gate__opt{height:80px;border-radius:24px;border:none;background:var(--card);color:var(--text);font-size:28px;font-weight:600;cursor:pointer}.gate__opt:active{transform:scale(.95)}.gu{max-width:560px;margin:0 auto;padding:16px 16px 48px}.gu__top{display:flex;align-items:center;gap:16px;margin-bottom:8px}.gu__title{margin:0;font-size:28px;font-weight:600}.gu__section{margin-top:24px}.gu__h{margin:0 0 10px;font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.gu__note{margin:10px 2px 0;font-size:14px;line-height:1.45;color:var(--muted)}.gu__note--top{margin:0 2px 10px;font-size:15px;color:var(--text)}.gu__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gu__row--3{grid-template-columns:repeat(3,1fr)}.gu__row--4{grid-template-columns:repeat(4,1fr);gap:8px}.gu__row--4 .gu__label{white-space:nowrap;font-size:15px}.gu__choice{position:relative;min-height:64px;padding:14px 10px;border-radius:20px;border:3px solid transparent;background:var(--card);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;-webkit-appearance:none}.gu__choice.is-on{border-color:var(--accent);background:var(--page)}.gu__check{position:absolute;top:6px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.gu__emoji{font-size:28px;line-height:1}.gu__emoji--text{font-size:18px;font-weight:700;line-height:28px}.gu__label{font-size:16px;font-weight:600;text-align:center}.gu__sub{font-size:13px;color:var(--muted)}.gu__link{width:100%;height:64px;border-radius:20px;border:2px solid var(--tile);background:transparent;color:var(--text);font-size:17px;font-weight:500;cursor:pointer}.gu__done{width:100%;height:72px;margin-top:32px;border-radius:36px;border:none;background:var(--accent);color:var(--accent-text);font-size:19px;font-weight:600;cursor:pointer}*,*:before,*:after{box-sizing:border-box}:root{--bg: #FBF2DF;--card: #E7DCC3;--page: #FFFBF3;--text: #2B2540;--muted: #4F4968;--tile: #2E3B66;--tile-hover: #3a4a7a;--tile-text: #FBF2DF;--accent: #F2B65C;--accent-text: #2B2540;--shadow: rgba(43, 37, 64, .18);--img-filter: none;color-scheme:light}html[data-theme=night]{--bg: #141A33;--card: #252C4D;--page: #1E2544;--text: #F3E9D2;--muted: #B9B2CC;--tile: #2B3666;--tile-hover: #34417a;--tile-text: #F3E9D2;--accent: #E3A54E;--accent-text: #1A1630;--shadow: rgba(0, 0, 0, .45);--img-filter: brightness(.88);color-scheme:dark}@media (prefers-color-scheme: dark){html[data-theme=auto]{--bg: #141A33;--card: #252C4D;--page: #1E2544;--text: #F3E9D2;--muted: #B9B2CC;--tile: #2B3666;--tile-hover: #34417a;--tile-text: #F3E9D2;--accent: #E3A54E;--accent-text: #1A1630;--shadow: rgba(0, 0, 0, .45);--img-filter: brightness(.88);color-scheme:dark}}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{background:var(--bg);font-family:Rubik,system-ui,sans-serif;color:var(--text);-webkit-tap-highlight-color:transparent}button{font-family:inherit}.screen{height:100%;overflow-y:auto;background:var(--bg);color:var(--text)}.icon-btn{flex:none;width:64px;height:64px;border:none;border-radius:50%;background:var(--card);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;transition:transform .1s,opacity .12s}.icon-btn:active{transform:scale(.94);opacity:.8}.icon-btn:focus-visible{outline:4px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}