@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(/assets/fredoka-latin-400-normal-DbXSrOeS.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2)format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2)format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff)format("woff")}:root{--night:#0b1438;--sky:#13204f;--surface:#22336b;--surface-shadow:#0e1838;--ink:#f4f1ff;--ink-soft:#dde2ff;--muted:#bfc6ee;--line:#ffffff1f;--gold:#ffd166;--gold-hover:#ffc94a;--gold-shadow:#c8902a;--navy:#1a2350;--wrong:#5a2a4f;--right:#1f5a4a;--right-line:#86e3b0;--letter-font:Andika, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:var(--night);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;padding:0;font-family:Fredoka,-apple-system,Helvetica,sans-serif}button{color:inherit;-webkit-user-select:none;user-select:none;font-family:inherit}h1,p{margin:0}#root{justify-content:center;height:100%;display:flex}.app{background-color:var(--sky);background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 90px 120px,#fff6c8,#0000),radial-gradient(1.5px 1.5px at 160px 60px,#fff,#0000),radial-gradient(1px 1px at 230px 190px,#fff,#0000),radial-gradient(2px 2px at 300px 40px,#ffe9a3,#0000),radial-gradient(1px 1px at 350px 140px,#fff,#0000),radial-gradient(1px 1px at 60px 200px,#fff,#0000);background-size:380px 230px;width:100%;max-width:480px;height:100dvh;position:relative;overflow:hidden}.moon{opacity:.92;background:#fff3c4;border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-60px;box-shadow:0 0 70px 24px #ffecaa38}.star{background:#ffe9a3;width:10px;height:10px;position:absolute;top:128px;right:40px;transform:rotate(45deg);box-shadow:0 0 14px 4px #ffe9a3b3}.fx-layer{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.screen{padding-top:calc(var(--safe-top) + 8px);position:absolute;inset:0}.scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.hero{padding:8px 4px 0}.title-glow{letter-spacing:-.01em;color:var(--gold);text-shadow:0 0 18px #ffd16673;font-size:40px;font-weight:700;line-height:1.1}.title{letter-spacing:-.01em;color:var(--gold);font-size:32px;font-weight:600;line-height:1.1}.lead{color:var(--muted);text-wrap:pretty;margin-top:6px;font-size:16px}.muted{color:var(--muted);display:flex}.gold{color:var(--gold);display:flex}.btn-primary{background:var(--gold);height:60px;color:var(--navy);box-shadow:0 5px 0 var(--gold-shadow), 0 0 24px #ffd16659;cursor:pointer;border:0;border-radius:20px;flex:none;font-size:18px;font-weight:600;transition:opacity .28s,background .16s}.btn-primary:hover{background:var(--gold-hover)}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{opacity:.4;cursor:default}.btn-primary.with-icon{justify-content:center;align-items:center;gap:10px;font-size:17px;display:flex}.top-bar{flex:none;justify-content:space-between;align-items:center;height:48px;display:flex}.back{cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;height:44px;padding:0 12px 0 4px;font-size:16px;font-weight:500;display:flex}.round-btn{cursor:pointer;background:#ffffff1f;border:0;border-radius:22px;place-items:center;width:44px;height:44px;display:grid}.picker{inset:0;bottom:calc(112px + var(--safe-bottom));padding:calc(var(--safe-top) + 12px) 20px 24px;flex-direction:column;gap:24px;display:flex;position:absolute}.group{flex-direction:column;gap:10px;display:flex}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.hint{color:var(--muted);text-wrap:pretty;padding:0 4px;font-size:14px;line-height:1.5}.segmented{background:#ffffff1f;border-radius:12px;gap:4px;padding:4px;display:flex}.segmented button{cursor:pointer;height:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:14px;flex:1;font-size:15px;font-weight:600;transition:background .28s}.segmented button.on{background:var(--gold);color:var(--navy);box-shadow:0 2px 6px #2a1b5e14}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 0 var(--surface-shadow);border-radius:20px;padding:4px 16px}.type-row{border:0;border-top:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:14px;width:100%;padding:12px 0;display:flex}.type-row:first-child{border-top:0}.check{width:26px;height:26px;color:var(--navy);border:1.5px solid #fff6;border-radius:8px;flex:none;place-items:center;display:grid}.check svg{opacity:0}.check.on{background:var(--gold);border:0}.check.on svg{opacity:1}.type-text{flex-direction:column;flex:1;min-width:0;display:flex}.type-label{font-size:16px;font-weight:600}.type-count{color:var(--muted);font-size:13px}.type-ex{font-family:var(--letter-font);color:var(--gold);font-size:22px;font-weight:700}.nav-row{cursor:pointer;text-align:left;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;flex:none;align-items:center;gap:12px;padding:14px 16px;display:flex}.nav-text{flex-direction:column;flex:1;min-width:0;display:flex}.nav-label{font-size:15px;font-weight:600}.nav-summary{font-family:var(--letter-font);color:var(--gold);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.bottom-bar{padding:12px 20px calc(32px + var(--safe-bottom));-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#13204fe0;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.empty-text{color:var(--muted);text-align:center;font-size:13px}.letters{padding:calc(var(--safe-top) + 8px) 20px calc(32px + var(--safe-bottom));flex-direction:column;gap:20px;display:flex}.links{gap:16px;padding:0 4px;display:flex}.link{color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:500}.link:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.letter-group{flex-direction:column;gap:8px;display:flex}.group-title{color:var(--muted);font-size:14px;font-weight:500}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tile{cursor:pointer;height:64px;font-family:var(--letter-font);color:var(--ink-soft);background:#ffffff1a;border:0;border-radius:20px;font-size:32px;font-weight:700;transition:background .28s,color .28s}.tile:active{transform:scale(.98)}.quiz{padding:calc(var(--safe-top) + 8px) 20px calc(32px + var(--safe-bottom));flex-direction:column;gap:16px;display:flex}.type-label-top{color:var(--muted);font-size:14px;font-weight:500}.flash-card{background:var(--surface);border:1px solid var(--line);min-height:0;box-shadow:0 8px 0 var(--surface-shadow), 0 0 40px #8fd8ff1f;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;will-change:transform;border-radius:28px;flex:1;place-items:center;display:grid;position:relative}.spark-layer{pointer-events:none;border-radius:28px;position:absolute;inset:0;overflow:hidden}.card-text{font-family:var(--letter-font);letter-spacing:.02em;pointer-events:none;align-items:baseline;font-weight:700;line-height:1;display:flex}.card-text .dot{color:#6f7bb0;padding:0 .08em}.swipe-hint{text-align:center;color:var(--muted);margin-top:-4px;font-size:13px}.listen{flex-direction:column;align-items:center;gap:12px;padding:8px 0;font-size:16px;display:flex}.listen-btn{background:var(--gold);width:112px;height:112px;color:var(--navy);box-shadow:0 5px 0 var(--gold-shadow), 0 0 24px #ffd16659;cursor:pointer;border:0;border-radius:56px;place-items:center;display:grid}.listen-btn:hover{background:var(--gold-hover)}.listen-btn:active{transform:scale(.98)}.options{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.option{cursor:pointer;min-height:72px;max-height:120px;font-family:var(--letter-font);background:var(--surface);border:2px solid var(--line);box-shadow:0 4px 0 var(--surface-shadow);border-radius:20px;flex:1;font-weight:700;transition:background .28s,opacity .28s}.option.wrong{background:var(--wrong)}.option.right{background:var(--right);border-color:var(--right-line)}.option.faded{opacity:.4}