:root{color:#17243c;font-synthesis:none;--blue:#245da8;--navy:#17243c;--red:#d4554d;--paper:#fffdf8;--muted:#687386;background:#f7f3ea;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 5%,#dbe8f7 0,#0000 28%),#f7f3ea;min-width:320px;min-height:100vh;margin:0}.app-shell{max-width:520px;min-height:100vh;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom);margin:auto}header{justify-content:space-between;align-items:center;height:70px;display:flex}.brand{letter-spacing:-.03em;font-weight:850}.back,header a{color:var(--blue);align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:flex}main{padding:12px 0 36px}.hero{padding:24px 4px 18px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--red);font-size:.72rem;font-weight:850}.hero h1,.screen-title h1,.results h1{margin:.3em 0;font-family:Georgia,serif;font-size:2.75rem;line-height:1.03}.hero h1 em{color:var(--blue);font-weight:400}.hero>p:last-child{color:var(--muted);line-height:1.6}.mode-grid{gap:12px;display:grid}.mode-card{color:var(--navy);background:#fffdf8eb;border:1px solid #e2ddd2;border-radius:20px;grid-template-columns:52px 1fr 20px;align-items:center;gap:12px;min-height:88px;padding:16px;text-decoration:none;display:grid;box-shadow:0 8px 24px #263d5a12}.mode-icon{height:52px;color:var(--blue);background:#e4edf8;border-radius:16px;place-items:center;padding:9px;display:grid}.mode-svg{width:100%;height:100%;display:block}.icon-accent{fill:var(--red);stroke:none}.mode-card strong,.mode-card small{display:block}.mode-card small{color:var(--muted);margin-top:5px;line-height:1.3}.screen-title{justify-content:space-between;align-items:end;display:flex}.screen-title h1{font-size:1.25rem}.screen-title h1 span{color:var(--muted);font:400 .9rem system-ui}.flashcard{background:var(--paper);border:1px solid #e4ded2;border-radius:28px;flex-direction:column;min-height:520px;padding:20px;display:flex;box-shadow:0 15px 40px #263d5a18}.card-face{min-height:250px;color:var(--navy);background:0 0;border:0;place-items:center;display:grid}.letter-pair{font-family:Georgia,serif;font-size:6.3rem;line-height:1}.card-face small{color:var(--muted)}.card-details{text-align:center;border-top:1px solid #eee5d8;padding-top:18px}.card-details>strong{color:var(--blue);font-size:1.4rem}.example{background:#f2eee6;border-radius:16px;margin:12px;padding:12px}.example span,.example small{display:block}.example span{font:700 1.5rem Georgia}.audio-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.audio-button,.pager button,.primary,.settings-card button{background:var(--blue);color:#fff;border:0;border-radius:14px;min-height:44px;padding:12px 15px;font-weight:750}.pager{justify-content:space-between;margin-top:16px;display:flex}.pager button:first-child{color:var(--navy);background:#e4e9ef}.quiz-meta{color:var(--muted);justify-content:space-between;font-size:.88rem;display:flex}.progress{background:#dfe4e8;border-radius:9px;height:6px;margin:12px 0 40px;overflow:hidden}.progress i{background:var(--red);height:100%;display:block}.quiz-prompt{text-align:center}.quiz-prompt h1{margin:12px 0 24px;font:2.2rem Georgia}.answers{grid-template-columns:1fr 1fr;gap:12px;margin-top:42px;display:grid}.answers button{background:var(--paper);min-height:110px;color:var(--navy);border:2px solid #e0ddd5;border-radius:20px;font:3rem Georgia}.answers button:active{border-color:var(--blue);transform:scale(.98)}.feedback{text-align:center;min-height:24px;color:var(--red);font-weight:800}.feedback.correct{color:#21835b}.results{text-align:center;padding-top:22vh}.primary{margin-top:15px;text-decoration:none;display:inline-block}.settings-card{background:var(--paper);border-radius:20px;padding:20px}.danger{background:var(--red)!important}@media (prefers-color-scheme:dark){:root{color:#edf1f6;--navy:#edf1f6;--paper:#1d293a;--muted:#a9b4c5;background:#111827}body{background:radial-gradient(circle at 85% 5%,#18345b 0,#0000 28%),#111827}.mode-card{background:var(--paper);border-color:#40506a}.mode-icon{color:#75b7ff;background:#294f7d}.flashcard{border-color:#40506a}.pager button:first-child{color:#fff;background:#334155}.example{background:#29374a}.answers button{border-color:#40506a}}@media (width<=359px){.answers{grid-template-columns:1fr}.answers button{min-height:72px}.letter-pair{font-size:5rem}}@media (prefers-reduced-motion:no-preference){.mode-card,.answers button{transition:transform .16s,box-shadow .16s}.mode-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #263d5a20}}@media (width<=600px){.flashcard{border-radius:22px;min-height:0;padding:12px}.card-face{min-height:150px}.letter-pair{font-size:4.6rem}.card-details{padding-top:10px}.card-details>strong{font-size:1.2rem}.example{margin:8px;padding:8px}.example span{font-size:1.25rem}.audio-row{gap:6px}.audio-button{padding:10px 11px;font-size:.82rem}.pager{margin-top:10px}.flashcard{touch-action:pan-y}}.flashcard-stack{position:relative}.flashcard-stack>.flashcard{z-index:1;position:relative}.flashcard-preview{z-index:0;pointer-events:none;place-items:center;display:grid;inset:0;overflow:hidden;position:absolute!important}.flashcard-preview .letter-pair{opacity:.72}.landing-page{max-width:980px;color:var(--navy);margin:0 auto;padding:28px 28px 44px}.landing-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.landing-brand{color:var(--navy);letter-spacing:-.03em;font-size:1.08rem;font-weight:850;text-decoration:none}.landing-header-link{color:var(--blue);font-weight:750;text-decoration:none}.landing-header-link:focus-visible,.landing-cta:focus-visible,.landing-footer a:focus-visible,.landing-brand:focus-visible{outline-offset:4px;border-radius:4px;outline:3px solid #f0a24b}.landing-hero{max-width:720px;padding:92px 0 76px}.landing-hero h1{letter-spacing:-.055em;margin:16px 0 26px;font:clamp(3.2rem,8vw,6.2rem)/.98 Georgia,serif}.landing-hero>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:1.15rem;line-height:1.7}.landing-cta{background:var(--blue);color:#fff;border-radius:14px;align-items:center;gap:12px;min-height:48px;margin-top:18px;padding:14px 18px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #263d5a24}.landing-cta:hover{background:#1d4f95}.landing-section{padding:52px 0}.landing-section h2,.landing-final-cta h2{letter-spacing:-.035em;max-width:700px;margin:12px 0 30px;font:clamp(2rem,4vw,3.25rem)/1.05 Georgia,serif}.landing-mode-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.landing-mode{background:#fffdf8c7;border:1px solid #e2ddd2;border-radius:20px;min-height:170px;padding:22px;box-shadow:0 8px 24px #263d5a10}.landing-mode h3{margin:0 0 10px;font-size:1.05rem}.landing-mode p{color:var(--muted);margin:0;line-height:1.55}.landing-how{border-top:1px solid #e2ddd2}.landing-how ol{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:26px;padding:0;list-style:none;display:grid}.landing-how li{counter-increment:steps;color:var(--muted);line-height:1.6}.landing-how li:before{content:"0" counter(steps);color:var(--red);letter-spacing:.1em;margin-bottom:10px;font-weight:850;display:block}.landing-how strong{color:var(--navy)}.landing-final-cta{background:var(--navy);color:#fff;border-radius:28px;margin:40px 0;padding:42px}.landing-final-cta h2{color:#fff;margin-top:0}.landing-final-cta p{color:#d6dfeb;max-width:560px;line-height:1.6}.landing-final-cta .landing-cta{color:var(--blue);box-shadow:none;background:#fff}.landing-footer{color:var(--muted);border-top:1px solid #e2ddd2;justify-content:space-between;gap:16px;padding-top:20px;font-size:.88rem;display:flex}.landing-footer a{color:var(--blue);font-weight:750}@media (width<=600px){.landing-page{padding:20px 20px 30px}.landing-hero{padding:68px 0 48px}.landing-hero h1{font-size:3.35rem}.landing-hero>p:not(.eyebrow){font-size:1rem}.landing-mode-grid,.landing-how ol{grid-template-columns:1fr}.landing-mode{min-height:0}.landing-final-cta{margin:26px 0;padding:28px 22px}.landing-footer{flex-direction:column}}