:root{--c-sun: #fbbf24;--c-sun-dark: #f59e0b;--c-coral: #fb7185;--c-coral-dark: #e11d48;--c-sky: #38bdf8;--c-sky-dark: #0284c7;--c-mint: #34d399;--c-mint-dark: #059669;--c-grape: #a78bfa;--c-grape-dark: #7c3aed;--c-peach: #fdba74;--c-cream: #fffbeb;--c-bg: #fef9f0;--c-card: #ffffff;--c-text: #3f3244;--c-text-soft: #5e5264;--c-border: #f3e8ff;--radius-blob: 24px;--radius-pill: 999px;--shadow-card: 0 8px 30px rgba(160, 120, 200, .12), 0 2px 6px rgba(160, 120, 200, .08);--shadow-card-hover: 0 14px 40px rgba(160, 120, 200, .18), 0 4px 12px rgba(160, 120, 200, .1);--shadow-button: 0 4px 14px rgba(0, 0, 0, .12);--font-display: "Fredoka", "Comic Sans MS", "Chalkboard SE", sans-serif;--font-body: "Fredoka", "Comic Sans MS", "Chalkboard SE", sans-serif}@keyframes pop-in{0%{opacity:0;transform:scale(.85) translateY(14px)}60%{transform:scale(1.04) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes shake-horizontal{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes check-pop{0%{opacity:0;transform:scale(.2) rotate(-20deg)}60%{opacity:1;transform:scale(1.2) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes score-burst{0%{transform:scale(1);box-shadow:0 6px 16px #7c3aed2e}40%{transform:scale(1.12);box-shadow:0 14px 30px #fbbf2447}to{transform:scale(1);box-shadow:0 6px 16px #7c3aed2e}}@keyframes points-float{0%{opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-8px) scale(1)}to{opacity:0;transform:translate(-50%,-34px) scale(1.08)}}@keyframes backpack-magic-glow{0%{box-shadow:0 8px 20px #7c3aed33,0 0 #fbbf2400}45%{box-shadow:0 10px 26px #7c3aed4d,0 0 18px #fbbf248c}to{box-shadow:0 8px 20px #7c3aed33,0 0 #fbbf2400}}@keyframes backpack-magic-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes backpack-toast-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(60px) rotate(360deg)}}@keyframes star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;touch-action:manipulation;overflow-x:hidden;font-family:var(--font-body);color:var(--c-text);line-height:1.5;font-weight:400;background:var(--c-bg);background-image:radial-gradient(circle at 15% 20%,rgba(251,191,36,.12) 0%,transparent 50%),radial-gradient(circle at 85% 60%,rgba(167,139,250,.1) 0%,transparent 50%),radial-gradient(circle at 50% 90%,rgba(52,211,153,.08) 0%,transparent 50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(251,191,36,.25)}#root{min-height:100vh;position:relative}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(251,191,36,.15) 2px,transparent 2px),radial-gradient(circle,rgba(167,139,250,.12) 2px,transparent 2px),radial-gradient(circle,rgba(52,211,153,.1) 1.5px,transparent 1.5px);background-size:80px 80px,120px 120px,60px 60px;background-position:0 0,40px 40px,20px 60px}.app-shell{max-width:720px;margin:0 auto;padding:5rem 1rem 3rem;position:relative;z-index:1}.global-score-cluster{position:fixed;top:max(.75rem,env(safe-area-inset-top));left:max(.8rem,env(safe-area-inset-left));right:max(.8rem,env(safe-area-inset-right));margin:0;width:auto;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;z-index:50;pointer-events:none}.global-score-hud{position:relative;grid-column:2;justify-self:center;margin:0;pointer-events:auto;min-width:130px;padding:.45rem .95rem;border-radius:var(--radius-pill);background:linear-gradient(135deg,#fff7cd,#fef3c7);border:3px solid #fde68a;box-shadow:0 6px 16px #7c3aed2e;font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center;gap:.38rem}.global-score-star{font-size:1.15rem}.global-score-label{font-size:.8rem;color:#7c6f82;font-weight:600}.hud-anchor{position:relative;pointer-events:auto}.hud-anchor-left{grid-column:1;justify-self:start}.hud-anchor-right{grid-column:3;justify-self:end}.global-score-hud-celebrate{animation:score-burst .55s cubic-bezier(.34,1.56,.64,1)}.global-score-gain{position:absolute;left:50%;top:-.15rem;color:#059669;font-size:1.05rem;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.18);animation:points-float 1.15s ease-out forwards}.backpack-reward-toast{position:absolute;left:0;top:calc(100% + .55rem);bottom:auto;min-width:220px;max-width:min(300px,calc(100vw - 1.6rem));border:2px solid #fcd34d;border-radius:12px;background:linear-gradient(135deg,#fff7cd,#fff3b0);color:#5b21b6;font-size:.85rem;font-weight:700;line-height:1.3;padding:.5rem .65rem;box-shadow:0 10px 24px #7c3aed33;animation:backpack-toast-in .22s ease-out both}.backpack-toggle{width:44px;height:44px;border-radius:50%;border:2px solid #d8b4fe;background:linear-gradient(135deg,#f8f4ff,#f3e8ff);color:#5b21b6;box-shadow:0 4px 10px #7c3aed29;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.backpack-toggle-rewarded{animation:none}.backpack-toggle-rewarded:after{content:none}.backpack-toggle:hover{filter:brightness(1.03)}.backpack-toggle:focus-visible,.backpack-close:focus-visible{outline:3px solid rgba(124,58,237,.35);outline-offset:2px}.backpack-toggle-icon{font-size:1.15rem;line-height:1}.backpack-panel{position:absolute;left:0;top:calc(100% + .55rem);bottom:auto;width:min(320px,calc(100vw - 1.6rem));background:#fffef7;border:3px solid #fde68a;border-radius:18px;box-shadow:0 18px 34px #7c3aed33;padding:.85rem}.backpack-panel-right,.backpack-reward-toast-right{left:auto;right:0}.backpack-use-link{text-decoration:none}.backpack-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.backpack-panel-header h2{margin:0;font-size:1.1rem;font-family:var(--font-display)}.backpack-spell-feedback{margin:0 0 .7rem;border:2px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:12px;padding:.55rem .65rem;font-size:.88rem}.backpack-close{border:2px solid #e9d5ff;background:#faf5ff;color:#5b21b6;border-radius:999px;width:32px;height:32px;cursor:pointer;font-weight:700}.backpack-empty-state{border:2px dashed #e9d5ff;border-radius:14px;padding:.9rem;text-align:center}.backpack-empty-state p{margin:0}.backpack-item-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.backpack-item-card{display:flex;align-items:flex-start;gap:.65rem;border:2px solid #ede9fe;border-radius:14px;padding:.65rem 2.5rem .65rem .7rem;background:#fff;position:relative}.backpack-item-icon{font-size:1.4rem;line-height:1}.backpack-item-content{display:grid;gap:.2rem}.backpack-item-content strong{font-size:.98rem}.backpack-spell-speak{width:32px;height:32px;border-radius:50%;border:2px solid #c7d2fe;background:#eef2ff;color:#3730a3;cursor:pointer;font-size:.95rem;line-height:1;position:absolute;top:.42rem;right:.42rem}.backpack-spell-speak:hover{filter:brightness(1.03)}.backpack-spell-speak:focus-visible{outline:3px solid rgba(99,102,241,.3);outline-offset:2px}.backpack-item-content p{margin:0;color:var(--c-text-soft);font-size:.9rem}.backpack-pagination{margin-top:.7rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem}.backpack-page-button{width:34px;height:34px;border-radius:999px;border:2px solid #d8b4fe;background:#f5f3ff;color:#5b21b6;font-size:1rem;font-weight:700;cursor:pointer}.backpack-page-button:disabled{opacity:.45;cursor:not-allowed}.backpack-page-button:focus-visible{outline:3px solid rgba(124,58,237,.35);outline-offset:2px}.backpack-page-indicator{text-align:center;font-size:.82rem;color:#6b5b78}.backpack-use-spell{margin-top:.35rem;border:2px solid #c4b5fd;border-radius:999px;background:#ede9fe;color:#4c1d95;font-weight:700;font-size:.82rem;padding:.35rem .7rem;width:fit-content;cursor:pointer}.backpack-use-spell:hover{filter:brightness(1.03)}.backpack-use-spell:focus-visible{outline:3px solid rgba(124,58,237,.35);outline-offset:2px}.app-header{text-align:center;margin-bottom:.5rem}.app-header h1{margin:.4rem 0 .8rem;font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.6rem);font-weight:700;color:var(--c-text);letter-spacing:-.01em;text-wrap:balance;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both}.app-header-emoji{display:block;font-size:2.8rem;margin-bottom:.2rem;animation:float 3s ease-in-out infinite}.app-header-illustration{display:block;height:72px;width:auto;margin:0 auto .3rem;object-fit:contain;animation:float 3s ease-in-out infinite}.auth-controls{display:grid;gap:.45rem;justify-items:center;margin:.2rem 0 .8rem}.auth-user-label{margin:0;font-size:.82rem;color:#5b21b6;font-weight:700}.auth-button{border:2px solid #d8b4fe;border-radius:999px;background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#4c1d95;font-weight:700;font-size:.82rem;padding:.42rem .85rem;cursor:pointer}.auth-button:hover{filter:brightness(1.03)}.auth-button:disabled{cursor:default;opacity:.7}.auth-button:focus-visible{outline:3px solid rgba(124,58,237,.35);outline-offset:2px}.auth-button-secondary{border-color:#e9d5ff;background:#faf5ff}.backpack-toggle-icon-img{width:28px;height:28px;object-fit:contain}.stack{display:grid;gap:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}.button-grid{display:grid;gap:1rem}.card-link{color:inherit;text-decoration:none;display:block}.card{background:var(--c-card);border:3px solid var(--c-border);border-radius:var(--radius-blob);padding:1.2rem 1.3rem;box-shadow:var(--shadow-card);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;animation:slide-up .4s ease both}.card-link:hover .card,.card-link:active .card{transform:translateY(-4px) scale(1.015);box-shadow:var(--shadow-card-hover)}.card h2{font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin:.5rem 0 .3rem}.card h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin:0 0 .3rem}.chapter-card{min-height:100px;position:relative;overflow:hidden}.chapter-context-menu{position:fixed;z-index:130;min-width:220px;border:2px solid #ddd6fe;border-radius:12px;background:#fff;box-shadow:0 14px 28px #4c1d9533;padding:.45rem}.chapter-context-menu-button{width:100%;min-height:44px;border:2px solid #c4b5fd;border-radius:10px;background:#f5f3ff;color:#4c1d95;font-size:.9rem;font-weight:700;cursor:pointer}.chapter-context-menu-button:hover{filter:brightness(1.03)}.chapter-context-menu-button:focus-visible{outline:3px solid rgba(124,58,237,.35);outline-offset:2px}.chapter-card:after{content:"";position:absolute;right:-20px;bottom:-20px;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fbbf241f,#a78bfa1a);pointer-events:none}.card-link:nth-child(1) .card{animation-delay:.05s}.card-link:nth-child(2) .card{animation-delay:.1s}.card-link:nth-child(3) .card{animation-delay:.15s}.card-link:nth-child(4) .card{animation-delay:.2s}.card-link:nth-child(5) .card{animation-delay:.25s}.card-link:nth-child(6) .card{animation-delay:.3s}.card-link:nth-child(7) .card{animation-delay:.35s}.card-link:nth-child(8) .card{animation-delay:.4s}.cover-emoji{margin:0;font-size:3.5rem;animation:float 4s ease-in-out infinite}.book-card-cover{width:100%;max-width:220px;aspect-ratio:3 / 4;object-fit:cover;border-radius:14px;border:3px solid #f3e8ff;box-shadow:0 8px 20px #3f32442e;display:block;margin:0 auto .9rem}.title-with-cover{display:inline-flex;align-items:center;gap:.7rem}.title-with-meta{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.1rem}.chapter-list-title-block{align-items:center;text-align:center;gap:.2rem}.chapter-list-subtitle{unicode-bidi:isolate;font-size:clamp(1rem,1.7vw,1.15rem);font-weight:500;line-height:1.2;color:var(--c-text-soft)}.chapter-list-top-row{align-items:center}.book-one-badge{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:600;line-height:1.2;color:#5b21b6;background:#ede9fe;border:2px solid #ddd6fe}.title-speak-button{min-height:40px;min-width:40px;font-size:1.1rem}.title-cover-image{width:52px;height:68px;object-fit:cover;border-radius:10px;border:3px solid #f3e8ff;box-shadow:0 6px 16px #3f324426}.muted{color:var(--c-text-soft);font-size:.95rem}.pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--radius-pill);padding:.35rem .8rem;font-weight:500;font-size:.9rem}.pill-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.pill-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--c-grape-dark);text-decoration:none;font-weight:600;font-size:1.05rem;padding:.4rem 0;transition:color .15s ease,transform .15s ease}.back-link:hover{color:var(--c-coral-dark);transform:translate(-3px)}.back-link-icon{font-size:1.3rem;transition:transform .2s ease}.back-link:hover .back-link-icon{transform:translate(-4px)}.action-button{display:flex;justify-content:center;align-items:center;gap:.6rem;min-height:56px;min-width:56px;border:none;border-radius:18px;padding:.8rem 1.2rem;font-family:var(--font-display);font-size:1.15rem;font-weight:600;cursor:pointer;text-decoration:none;color:#fff;box-shadow:var(--shadow-button);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,filter .2s ease;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 60%);pointer-events:none;border-radius:inherit}.action-button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.action-button:hover:not(:disabled){transform:translateY(-3px) scale(1.03);box-shadow:0 8px 20px #00000029}.action-button:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 2px 8px #0000001f}.btn-coral{background:linear-gradient(135deg,var(--c-coral),var(--c-coral-dark))}.btn-sky{background:linear-gradient(135deg,var(--c-sky),var(--c-sky-dark))}.btn-mint{background:linear-gradient(135deg,var(--c-mint),var(--c-mint-dark))}.btn-grape{background:linear-gradient(135deg,var(--c-grape),var(--c-grape-dark))}.btn-sun{background:linear-gradient(135deg,var(--c-sun),var(--c-sun-dark));color:#3f3244}.btn-peach{background:linear-gradient(135deg,var(--c-peach),#f97316)}.btn-secondary{background:linear-gradient(135deg,#f8f5ff,#f1ecff);color:#5f556e;border:2px solid #d8d2e4;box-shadow:0 3px 10px #2d23421a}.action-button-emoji{font-size:1.5rem;display:inline-block}.action-button-icon{width:1.4em;height:1.4em;flex-shrink:0}.inline-icon{width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}.chapter-play-primary .action-button-icon{width:1.6em;height:1.6em}.chapter-icon-control .action-button-icon{width:1.8em;height:1.8em}.icon-button{min-height:52px;min-width:52px;border:3px solid var(--c-border);border-radius:50%;font-size:1.4rem;background:var(--c-card);cursor:pointer;box-shadow:0 3px 10px #0000000f;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .15s ease,background .15s ease}.icon-button:hover{background:#fef3c7;border-color:var(--c-sun);transform:scale(1.12)}.icon-button:active{transform:scale(.92)}.word-button{min-height:44px;min-width:44px;border:none;background:transparent;color:var(--c-grape-dark);font-family:var(--font-display);font-size:1.35rem;font-weight:700;cursor:pointer;text-align:left;padding:0;transition:color .15s ease,transform .2s ease}.inline-word-button{min-height:auto;min-width:auto;font-size:inherit;vertical-align:baseline}.word-button:hover{color:var(--c-coral);transform:scale(1.05)}.choice-button{min-height:54px;border:3px solid #e9e0f5;border-radius:16px;background:var(--c-card);font-family:var(--font-display);font-size:1.1rem;font-weight:500;cursor:pointer;padding:.6rem 1rem;transition:border-color .15s ease,background .15s ease,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;position:relative}.choice-button-selected{border-color:var(--c-grape);background:linear-gradient(135deg,#f3e8ff,#ede9fe);box-shadow:0 0 0 3px #a78bfa33;transform:scale(1.02)}.choice-button:hover:not(.choice-button-selected){border-color:var(--c-sun);background:#fffbeb;transform:scale(1.02)}.choice-button-correct{border-color:var(--c-mint)!important;background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;box-shadow:0 0 0 3px #34d39940!important}.choice-button-wrong{border-color:var(--c-coral)!important;background:linear-gradient(135deg,#ffe4e6,#fecdd3)!important;box-shadow:0 0 0 3px #fb718533!important}.choice-button-shake{animation:shake-horizontal .4s ease}.choice-button-checkmark:after{content:"";position:absolute;right:.65rem;top:50%;transform:translateY(-50%);width:1.3rem;height:1.3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23059669' stroke-width='2.4'/%3E%3Cpath d='M8 12.2l2.8 2.8L16.4 9.4' fill='none' stroke='%23059669' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-position:center;animation:check-pop .35s cubic-bezier(.34,1.56,.64,1)}.player-controls{margin:.8rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.chapter-player-card{padding:1.45rem 1.5rem}.chapter-single-book-cover{width:min(100%,320px);max-width:100%;height:auto;object-fit:contain;border-radius:14px;border:3px solid #f3e8ff;box-shadow:0 8px 20px #3f32442e;display:block;margin:0 auto .9rem}.chapter-player-controls{margin:1.05rem 0 .55rem;gap:.9rem;align-items:center}.chapter-play-primary{min-height:72px;font-size:1.3rem;border-radius:22px;box-shadow:0 12px 30px #7c3aed4d}.chapter-play-primary:hover:not(:disabled){box-shadow:0 14px 32px #7c3aed5c}.chapter-play-primary:active:not(:disabled){box-shadow:0 6px 16px #7c3aed3d}.player-play-primary{box-shadow:0 12px 30px #7c3aed4d}.player-play-primary:hover:not(:disabled){box-shadow:0 14px 32px #7c3aed5c}.player-play-primary:active:not(:disabled){box-shadow:0 6px 16px #7c3aed3d}.chapter-play-primary .action-button-emoji{font-size:1.8rem}.chapter-seek-button{font-size:1.02rem}.chapter-icon-control{min-height:62px;min-width:62px;border-radius:20px;padding:.5rem;border:none;background:transparent;box-shadow:none}.chapter-icon-control:hover:not(:disabled){background:#7c3aed14}.chapter-icon-control .action-button-emoji{font-size:1.9rem}.chapter-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-secondary-actions .btn-secondary{background:var(--c-card);border:3px solid var(--c-border);box-shadow:var(--shadow-card)}.chapter-secondary-actions .btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-card-hover)}.chapter-secondary-actions .btn-secondary:active:not(:disabled){box-shadow:var(--shadow-card)}.episode-nav-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:-.1rem}.episode-nav-button{display:flex;justify-content:center;align-items:center;gap:.5rem;min-height:50px;border:none;border-radius:14px;background:transparent;color:#5f556e;font-family:var(--font-display);font-size:1.02rem;font-weight:600;cursor:pointer;box-shadow:none;transition:border-color .16s ease,background .16s ease,transform .18s ease}.episode-nav-button:hover:not(:disabled){background:#7c3aed14;transform:translateY(-1px)}.episode-nav-button:active:not(:disabled){transform:translateY(0)}.episode-nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.player-progress-bar{width:100%;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:#f3e8ff;outline:none;cursor:pointer}.player-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--c-grape),var(--c-grape-dark));box-shadow:0 2px 8px #7c3aed4d;cursor:pointer;border:3px solid white}.player-progress-bar::-moz-range-thumb{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--c-grape),var(--c-grape-dark));box-shadow:0 2px 8px #7c3aed4d;cursor:pointer;border:3px solid white}.time-display{text-align:center;font-size:1.1rem;font-weight:600;color:var(--c-grape-dark);font-variant-numeric:tabular-nums}.full-width{width:100%}.rating-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3f324466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem;z-index:100;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.rating-dialog{width:min(420px,100%);background:var(--c-card);border-radius:var(--radius-blob);padding:1.5rem;border:3px solid var(--c-border);box-shadow:0 20px 60px #00000026;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both;text-align:center}.rating-dialog h3{font-family:var(--font-display);font-size:1.25rem;margin:0 0 1rem}.first-episode-login-overlay{z-index:160}.first-episode-login-dialog p{margin:0;color:var(--c-text-soft);font-size:1rem}.first-episode-login-actions{margin-top:1.1rem;display:grid;gap:.6rem}.first-episode-login-close{min-height:48px;font-size:1rem;border:2px solid #d8d2e4;width:100%;justify-self:stretch}.first-episode-login-google{min-height:48px;width:100%;font-size:1rem;border-radius:14px;box-shadow:0 10px 24px #7c3aed47}.rating-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.rating-button{min-height:52px;border-radius:16px;border:3px solid #e9e0f5;background:var(--c-card);font-size:1.5rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center}.rating-button-selected{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:var(--c-sun);transform:scale(1.1)}.rating-button:hover:not(.rating-button-selected){border-color:var(--c-sun);background:#fffbeb;transform:scale(1.08)}.progress-card{background:var(--c-card)}.progress-item{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;padding:.3rem 0}.progress-icon{font-size:1.3rem;flex-shrink:0}.score-display{text-align:center;padding:1.5rem 0}.score-number{font-family:var(--font-display);font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--c-sun),var(--c-coral));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both}.score-label{font-size:1.2rem;color:var(--c-text-soft);font-weight:500}.score-stars{font-size:2rem;letter-spacing:.3rem;animation:star-pulse 1.5s ease-in-out infinite;margin-top:.5rem}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px;animation:confetti-fall 2s ease-out forwards}.vocab-card{position:relative;padding:.8rem .9rem;border-radius:18px}.vocab-card-clickable{cursor:pointer}.vocab-card-clickable:focus-visible{outline:3px solid rgba(124,58,237,.35);outline-offset:2px}.vocab-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-blob) var(--radius-blob) 0 0;background:linear-gradient(90deg,var(--c-sun),var(--c-coral),var(--c-grape),var(--c-sky))}.vocab-example{background:#fefce8;border-radius:12px;padding:.6rem .9rem;margin:.5rem 0;font-style:italic;color:var(--c-text-soft);border-left:4px solid var(--c-sun)}.vocab-hebrew{display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#ede9fe,#f3e8ff);border-radius:var(--radius-pill);padding:.4rem .9rem;font-weight:600;color:var(--c-grape-dark)}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.7rem}.vocab-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.vocab-play-button{min-height:36px;min-width:36px;border:2px solid #d8b4fe;border-radius:50%;background:#f5f3ff;color:#5b21b6;font-size:1rem;cursor:pointer;line-height:1;flex-shrink:0}.vocab-play-button:hover{filter:brightness(1.03)}.vocab-play-button:focus-visible{outline:3px solid rgba(124,58,237,.35);outline-offset:2px}.quiz-prompt-card{text-align:center;padding:1.5rem}.quiz-word-display{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--c-grape-dark);margin:.8rem 0;animation:bounce-subtle 2s ease-in-out infinite}.quiz-counter{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,var(--c-grape),var(--c-grape-dark));color:#fff;border-radius:var(--radius-pill);padding:.4rem 1rem;font-weight:600;font-size:.95rem}.skip-link{position:absolute;left:.75rem;top:-3rem;background:var(--c-text);color:#fff;padding:.5rem .75rem;border-radius:12px;z-index:1000;text-decoration:none;font-weight:600;transition:top .12s ease}.skip-link:focus-visible{top:.75rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--c-sun);outline-offset:3px}@media (max-width: 640px){.app-shell{padding:5rem .8rem 2.5rem}.backpack-reward-toast,.backpack-panel{top:calc(100% + .55rem);bottom:auto}.global-score-cluster{position:fixed;top:max(.75rem,env(safe-area-inset-top));left:max(.8rem,env(safe-area-inset-left));right:max(.8rem,env(safe-area-inset-right));margin:0;width:auto;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;z-index:50;pointer-events:none}.global-score-hud{grid-column:2;justify-self:center;margin:0;pointer-events:auto}.hud-anchor-right{grid-column:3;justify-self:end;pointer-events:auto}.player-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.episode-nav-controls{gap:.5rem}.player-controls .action-button{min-height:48px;padding:.5rem .4rem;font-size:.95rem}.episode-nav-button{min-height:46px;font-size:.95rem;padding:.45rem .35rem}.player-controls .action-button-emoji{font-size:1.2rem}.app-header h1{font-size:1.5rem}.action-button{min-height:52px;font-size:1.05rem}.card-grid{grid-template-columns:1fr}.title-with-cover{display:flex;justify-content:center;flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.back-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--c-card);border:2px solid var(--c-border);border-radius:50%;padding:0;color:var(--c-grape-dark);text-decoration:none;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease,border-color .15s ease}.back-button:hover{transform:scale(1.08);border-color:var(--c-grape);box-shadow:0 4px 12px #0000001f}.back-button:active{transform:scale(.93)}.back-button-icon{width:18px;height:18px}.row-space{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.rtl-inline-text{unicode-bidi:isolate;direction:rtl;display:inline-block}.chapter-title-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.chapter-title-row h3{margin:0}.chapter-speak-button{min-height:44px;min-width:44px;font-size:1.25rem;flex-shrink:0}.settings-card{display:grid;gap:.9rem;border-style:dashed;border-color:#e9e0f5;background:#fffdf8}.settings-owls-link{text-decoration:none;text-align:center}.settings-test-tools{display:grid;gap:.6rem;border:2px dashed #dbeafe;background:#f8fbff;border-radius:14px;padding:.8rem}.settings-test-tools h4{margin:0;font-size:1rem}.settings-score-row{display:grid;grid-template-columns:1fr auto;gap:.55rem;align-items:center}.settings-score-input{width:100%;min-height:44px;border:2px solid #bfdbfe;border-radius:12px;padding:.5rem .7rem;font-size:.95rem;font-family:var(--font-body);color:var(--c-text);background:#fff}.settings-score-input:focus-visible{outline:3px solid rgba(59,130,246,.3);outline-offset:2px}.settings-test-button{min-height:44px}.settings-feedback{margin:0;border-radius:10px;border:2px solid #c7d2fe;background:#eef2ff;color:#3730a3;font-size:.88rem;padding:.45rem .6rem}.home-book-title{text-align:center;min-height:3.2em;margin-bottom:0;display:flex;align-items:center;justify-content:center}.home-book-card{display:flex;flex-direction:column;min-height:420px;background:#fff}.home-book-card .book-card-cover{width:100%;max-width:220px;height:293px;object-fit:contain;background:transparent;border-radius:0;border:none}.coming-soon-card{position:relative;opacity:.92;cursor:default}.coming-soon-card .book-card-cover{filter:grayscale(1) saturate(.25) brightness(.9)}.availability-pill{margin:auto auto 0;width:fit-content;padding:.3rem .7rem;border-radius:999px;font-size:.85rem;font-weight:700;line-height:1.2}.availability-pill-coming-soon{border:2px solid #fcd34d;background:linear-gradient(135deg,#fff7cd,#fff3b0);color:#5b21b6}.availability-pill-read-now{border:2px solid #86efac;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.level-filter-bar{display:flex;flex-wrap:nowrap;gap:.35rem;justify-content:center;padding:.2rem 0 .4rem}.level-filter-btn{display:flex;align-items:center;justify-content:center;padding:.42rem .75rem;border-radius:var(--radius-pill);border:2px solid var(--c-border);background:var(--c-cream);color:var(--c-text-soft);font-family:var(--font-body);font-size:.82rem;font-weight:600;direction:rtl;white-space:nowrap;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease,color .12s ease;line-height:1.2}.level-filter-btn:hover:not(.active){transform:translateY(-2px);box-shadow:var(--shadow-button);border-color:var(--c-grape);color:var(--c-grape-dark)}.level-filter-btn.active{background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-color:var(--c-grape);color:var(--c-grape-dark);box-shadow:0 2px 10px #a78bfa4d;transform:translateY(-1px)}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;text-align:center}.empty-state-owl{width:180px;height:180px;object-fit:contain;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{font-size:1.25rem;font-weight:700;color:var(--c-grape-dark, #6d28d9);margin:0}.empty-state-subtitle{font-size:1rem;color:var(--c-muted, #6b7280);margin:0}.home-hebrew-title{direction:rtl;unicode-bidi:isolate;display:inline-block}.home-title-block{direction:rtl;unicode-bidi:isolate;display:inline-grid;gap:.2rem;justify-items:center}.home-hebrew-subtitle{font-size:.62em;font-weight:500;color:var(--c-text-soft)}.home-hebrew-subtitle.chapter-list-subtitle{font-size:clamp(1rem,1.7vw,1.15rem);font-weight:500;line-height:1.2;color:var(--c-text-soft)}.settings-footer{display:flex;justify-content:center;margin-top:.25rem}.subtle-settings-button{border:none;background:transparent;color:#9a8da6;font-size:.85rem;font-weight:500;text-decoration:underline;cursor:pointer;min-height:44px;padding:.15rem .3rem;transition:color .15s ease}.subtle-settings-button:hover{color:#7c6f82}