.card-stage{position:relative;width:100%;max-width:380px;aspect-ratio:3 / 4;margin:0 auto}.card-draggable{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:pan-y;perspective:1200px;-webkit-user-select:none;user-select:none}.card-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--r-card);padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:safe center;text-align:center;box-shadow:var(--card-shadow);overflow-y:auto;overscroll-behavior:contain}.card-front{background:var(--card-front-bg);border:var(--card-border);color:var(--card-front-ink)}.card-back{background:var(--card-back-bg);border:var(--card-border);color:var(--card-back-ink);transform:rotateY(180deg)}.word{font-family:var(--f-display);font-size:clamp(2rem,9vw,3rem);font-weight:600;letter-spacing:-.01em;margin:0;max-width:100%;white-space:nowrap}.gloss{font-size:clamp(1.05rem,4.6vw,1.35rem);line-height:1.45;margin:0;color:var(--card-back-ink)}.example{font-size:clamp(.92rem,3.9vw,1.08rem);line-height:1.5;margin:18px 0 0;padding-top:16px;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent);color:color-mix(in srgb,var(--card-back-ink) 82%,transparent);font-style:italic}.example em{font-style:italic;font-weight:700;color:var(--accent)}.pos{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:14px}.hint{position:absolute;bottom:22px;left:0;right:0;margin:0;font-size:.78rem;letter-spacing:.04em;color:color-mix(in srgb,currentColor 50%,transparent)}.badge{position:absolute;top:20px;left:20px;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;padding:4px 10px;border-radius:var(--r-pill)}.badge-new{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.badge-due{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.stamp{position:absolute;top:36px;padding:6px 14px;font-weight:800;font-size:1.1rem;letter-spacing:.08em;border-radius:10px;border:3px solid currentColor;pointer-events:none}.stamp-knew{right:24px;color:var(--success);transform:rotate(12deg)}.stamp-didnt{left:24px;color:var(--danger);transform:rotate(-12deg)}.app{display:flex;flex-direction:column;height:100dvh;overflow-y:auto;overscroll-behavior:contain;max-width:480px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 8px) 16px calc(env(safe-area-inset-bottom) + 8px)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 44px 2px 4px}.brand{font-family:var(--f-display);font-style:italic;font-size:1.1rem;color:var(--ink)}.rating{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:0 4px}.rating:active{opacity:.6}.feedback-slot{min-height:24px;display:flex;justify-content:center;align-items:center;padding:2px 0}.feedback{font-size:.85rem;padding:3px 12px;border-radius:var(--r-pill);background:var(--surface)}.feedback strong{font-weight:700}.feedback-knew{color:var(--success)}.feedback-miss{color:var(--danger)}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.actions{display:flex;gap:28px}.btn{width:66px;height:66px;border-radius:50%;border:none;font-size:1.7rem;font-weight:700;cursor:pointer;color:var(--accent-ink);box-shadow:var(--card-shadow);transition:transform .12s ease}.btn:active{transform:scale(.92)}.btn-didnt{background:var(--danger)}.btn-knew{background:var(--success)}.done{text-align:center}.done h2{font-family:var(--f-display);margin-bottom:8px}.muted{color:var(--muted)}.statusbar{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:10px;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.link{background:none;border:none;color:var(--muted);font-size:.8rem;text-decoration:underline;cursor:pointer;min-height:44px;padding:0 8px}.topbar-right{display:flex;align-items:center;gap:14px}.brand-link{color:var(--muted);text-decoration:none;font-size:.85rem;display:inline-flex;align-items:center;min-height:44px;padding:0 4px}.brand-link:active{opacity:.6}.setbar{position:relative;height:8px;margin:8px 4px 2px;background:color-mix(in srgb,var(--ink) 14%,transparent);border-radius:var(--r-pill)}.setbar-fill{height:100%;border-radius:var(--r-pill);background:var(--hero-fill);transition:width .3s ease}.setbar-label{position:absolute;right:2px;top:12px;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.summary{text-align:center;padding:0 12px}.summary h2{font-family:var(--f-display);margin-bottom:14px}.summary-rating{font-size:1.3rem;font-variant-numeric:tabular-nums;margin:6px 0}.delta-up{color:var(--success)}.delta-down{color:var(--danger)}.summary-counts{color:var(--ink);margin:6px 0 12px}.summary-missed{font-size:.9rem;color:var(--muted);line-height:1.5;max-width:320px;margin:0 auto 8px}.summary-actions{display:flex;gap:12px;justify-content:center;margin-top:22px}.pill{padding:12px 22px;border-radius:var(--r-pill);border:var(--pill-border);background:transparent;color:var(--ink);font-size:.95rem;font-weight:600;cursor:pointer}.pill:active{transform:scale(.96)}.pill-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.inline-link{color:var(--accent)}.main-scroll{justify-content:flex-start;overflow-y:auto}.progress{width:100%;max-width:420px;margin:0 auto;padding:4px 4px 24px;text-align:center}.streak-row{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:4px 0 18px}.streak{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.streak-label{color:var(--muted);font-size:.9rem}.stat-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.stat-big{font-family:var(--f-display);font-size:clamp(3rem,16vw,4.5rem);font-weight:700;line-height:1;background:var(--hero-fill);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-cap{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--accent);margin-top:6px}.prog-track{position:relative;height:12px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--ink) 14%,transparent);overflow:hidden;margin:8px 0 22px}.prog-seen,.prog-mastered{position:absolute;left:0;top:0;height:100%;border-radius:var(--r-pill);transition:width .4s ease}.prog-seen{background:color-mix(in srgb,var(--accent) 30%,transparent)}.prog-mastered{background:var(--hero-fill)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.stat-cell{display:flex;flex-direction:column;padding:12px 4px;background:var(--surface);border-radius:var(--r-surface)}.cell-num{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.cell-lbl{font-size:.72rem;color:var(--muted);margin-top:2px}.eta{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--r-surface);padding:18px 16px;margin-bottom:24px}.eta-line{margin:0;color:var(--muted);font-size:.92rem}.eta-date{margin:6px 0 4px;font-size:1.3rem;font-weight:700;color:var(--ink)}.eta-sub{margin:0;font-size:.82rem;color:var(--muted)}.cta{display:inline-block;text-decoration:none;margin-bottom:16px}.about-link{display:block;font-size:.85rem}.about{width:100%;max-width:460px;margin:0 auto;padding:4px 6px 28px;text-align:left;line-height:1.55}.about h2{font-family:var(--f-display);text-align:center;margin:4px 0}.about-lede{text-align:center;color:var(--muted);margin:0 0 22px}.about h3{font-size:1rem;color:var(--accent);margin:22px 0 6px}.about p{margin:0 0 10px;color:color-mix(in srgb,var(--ink) 85%,transparent)}.about ul{margin:0;padding-left:20px;color:color-mix(in srgb,var(--ink) 85%,transparent)}.about li{margin-bottom:8px}.about strong{color:var(--ink)}.demo-score{font-size:1.15rem;margin:4px 0 12px}.demo .done .summary-actions{margin-top:22px}.demo-note{margin-top:18px;font-size:.76rem;color:var(--muted);opacity:.8}.demo-exit{background:none;border:none;cursor:pointer}.account{position:fixed;top:calc(env(safe-area-inset-top) + 12px);right:14px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.account-signin{padding:8px 14px;border-radius:var(--r-pill);border:var(--card-border);background:var(--surface);color:var(--ink);font-size:.82rem;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-signin:active{transform:scale(.96)}.account-signin:disabled{opacity:.6;cursor:default}.account-avatar{width:38px;height:38px;border-radius:999px;border:var(--card-border);background:var(--accent);color:var(--accent-ink);font-size:1rem;font-weight:700;cursor:pointer;display:grid;place-items:center;overflow:hidden;box-shadow:0 6px 18px #00000040}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-avatar:active{transform:scale(.94)}.account-avatar[data-sync=syncing]{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.account-avatar[data-sync=error]{outline:2px solid var(--danger);outline-offset:2px}.account-menu{width:232px;padding:12px;background:var(--surface);border:var(--card-border);border-radius:var(--r-surface);box-shadow:0 12px 36px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:10px}.account-id{display:flex;flex-direction:column;line-height:1.25}.account-name{font-weight:600;font-size:.92rem;color:var(--ink)}.account-email{font-size:.76rem;color:var(--muted)}.account-sync{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--muted)}.sync-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0;background:var(--muted)}.sync-synced .sync-dot{background:var(--success)}.sync-syncing .sync-dot{background:var(--accent)}.sync-error .sync-dot{background:var(--danger)}.account-mock{font-size:.7rem;color:var(--muted);opacity:.8;border-top:1px solid var(--hairline);padding-top:8px}.account-signout{padding:8px 10px;border-radius:calc(var(--r-surface) - 4px);border:var(--pill-border);background:transparent;color:var(--ink);font-size:.84rem;font-weight:600;cursor:pointer}.account-signout:active{transform:scale(.97)}.landing{height:100dvh;overflow-y:auto;display:flex;align-items:safe center;justify-content:center;padding:calc(env(safe-area-inset-top) + 24px) 24px calc(env(safe-area-inset-bottom) + 24px);background:var(--bg)}.landing-inner{width:100%;max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center}.landing-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--accent);margin:0 0 10px}.landing-brand{font-family:var(--f-display);font-size:clamp(2.6rem,13vw,3.6rem);line-height:1.02;letter-spacing:-.01em;margin:0 0 18px;color:var(--ink)}.landing-tag{font-size:1rem;line-height:1.55;color:var(--muted);margin:0 0 32px;max-width:340px}.landing-cta{width:100%;max-width:300px;padding:14px 22px;border-radius:var(--r-pill);border:none;background:var(--accent);color:var(--accent-ink);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:var(--card-shadow);transition:transform .12s ease}.landing-cta:active{transform:scale(.97)}.landing-cta:disabled{opacity:.65;cursor:default}.landing-demo{margin-top:14px;padding:8px 14px;border:none;background:transparent;color:var(--ink);font-size:.92rem;font-weight:600;cursor:pointer;opacity:.85}.landing-demo:active{transform:scale(.97)}.landing-fine{margin:28px 0 0;font-size:.78rem;line-height:1.5;color:var(--muted);opacity:.85;max-width:300px}.install-banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 76px);z-index:45;width:calc(100% - 32px);max-width:360px;padding:14px 16px;background:var(--surface);border:var(--card-border);border-radius:var(--r-surface);box-shadow:0 12px 36px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left}.install-x{position:absolute;top:6px;right:8px;width:28px;height:28px;border:none;background:transparent;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer}.install-title{margin:0 24px 4px 0;font-weight:700;font-size:.95rem;color:var(--ink)}.install-sub{margin:0;font-size:.82rem;line-height:1.45;color:var(--muted)}.install-cta{margin-top:12px;padding:9px 16px;border-radius:var(--r-pill);border:none;background:var(--accent);color:var(--accent-ink);font-size:.88rem;font-weight:700;cursor:pointer}.install-cta:active{transform:scale(.97)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}html,body{overflow:hidden}body{background:var(--bg);background-attachment:fixed;color:var(--ink);font-family:var(--f-ui);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;transition:background .3s ease,color .3s ease}button{font-family:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-theme=midnight]{color-scheme:dark;--bg: radial-gradient(1200px 600px at 50% -10%, #1e293b 0%, #020617 60%);--surface: rgba(148, 163, 184, .08);--ink: #f8fafc;--muted: rgba(226, 232, 240, .55);--accent: #4ade80;--accent-ink: #0f172a;--success: #4ade80;--danger: #fb7185;--hairline: rgba(148, 163, 184, .18);--card-front-bg: linear-gradient(160deg, #1e293b 0%, #0f172a 100%);--card-front-ink: #f8fafc;--card-back-bg: linear-gradient(160deg, #312e81 0%, #1e1b4b 100%);--card-back-ink: #e0e7ff;--card-border: 1px solid rgba(148, 163, 184, .18);--card-shadow: 0 18px 40px rgba(2, 6, 23, .45);--hero-fill: linear-gradient(90deg, #4ade80, #22d3ee);--r-card: 28px;--r-pill: 999px;--r-surface: 12px;--pill-border: 1px solid rgba(148, 163, 184, .3);--f-display: Georgia, "Times New Roman", serif;--f-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=editorial]{color-scheme:light;--bg: #faf6ee;--surface: #f1e9da;--ink: #211a14;--muted: #6b5d4f;--accent: #7b2d26;--accent-ink: #faf6ee;--success: #3f6b47;--danger: #a23b2e;--hairline: rgba(33, 26, 20, .16);--card-front-bg: #fffdf8;--card-front-ink: #211a14;--card-back-bg: #fbf4e6;--card-back-ink: #211a14;--card-border: 1px solid rgba(33, 26, 20, .18);--card-shadow: 0 14px 30px rgba(33, 26, 20, .12);--hero-fill: #7b2d26;--r-card: 8px;--r-pill: 6px;--r-surface: 6px;--pill-border: 1px solid rgba(33, 26, 20, .28);--f-display: "Fraunces", Georgia, serif;--f-ui: "Hanken Grotesk", system-ui, sans-serif}[data-theme=classical]{color-scheme:dark;--bg: radial-gradient(1000px 600px at 50% -10%, #15263d 0%, #0a1422 65%);--surface: rgba(201, 162, 39, .09);--ink: #f3ecd9;--muted: rgba(243, 236, 217, .55);--accent: #c9a227;--accent-ink: #0a1422;--success: #8fb996;--danger: #d98a6a;--hairline: rgba(201, 162, 39, .28);--card-front-bg: linear-gradient(160deg, #16273e 0%, #0e1b2d 100%);--card-front-ink: #f3ecd9;--card-back-bg: linear-gradient(160deg, #1b2e49 0%, #101f33 100%);--card-back-ink: #f3ecd9;--card-border: 1px solid rgba(201, 162, 39, .3);--card-shadow: 0 18px 40px rgba(3, 8, 16, .5);--hero-fill: linear-gradient(90deg, #e4c765, #c9a227);--r-card: 4px;--r-pill: 4px;--r-surface: 4px;--pill-border: 1px solid rgba(201, 162, 39, .45);--f-display: "Cormorant Garamond", Georgia, serif;--f-ui: "Hanken Grotesk", system-ui, sans-serif}:root,[data-theme=calm]{color-scheme:light;--bg: #f4f1ec;--surface: #eae5db;--ink: #2e2a26;--muted: #8a8276;--accent: #6b7f6e;--accent-ink: #f8f6f1;--success: #6b7f6e;--danger: #b08a7a;--hairline: rgba(46, 42, 38, .12);--card-front-bg: #fbfaf6;--card-front-ink: #2e2a26;--card-back-bg: #f0ede6;--card-back-ink: #2e2a26;--card-border: 1px solid rgba(46, 42, 38, .1);--card-shadow: 0 10px 30px rgba(46, 42, 38, .08);--hero-fill: #6b7f6e;--r-card: 20px;--r-pill: 999px;--r-surface: 16px;--pill-border: 1px solid rgba(46, 42, 38, .18);--f-display: "Newsreader", Georgia, serif;--f-ui: "Hanken Grotesk", system-ui, sans-serif}[data-theme=brutalist]{color-scheme:light;--bg: #f5eedd;--surface: #ffffff;--ink: #16130e;--muted: #5f5848;--accent: #e2483d;--accent-ink: #ffffff;--success: #1f6f4a;--danger: #e2483d;--hairline: #16130e;--card-front-bg: #ffffff;--card-front-ink: #16130e;--card-back-bg: #ffe9b0;--card-back-ink: #16130e;--card-border: 3px solid #16130e;--card-shadow: 8px 8px 0 #16130e;--hero-fill: #1a43c8;--r-card: 2px;--r-pill: 2px;--r-surface: 2px;--pill-border: 2px solid #16130e;--f-display: "Space Grotesk", system-ui, sans-serif;--f-ui: "Space Grotesk", system-ui, sans-serif}[data-theme=tactile]{color-scheme:dark;--bg: radial-gradient(1000px 700px at 50% -5%, #2b241c 0%, #1a1611 70%);--surface: rgba(243, 233, 214, .08);--ink: #ede3ce;--muted: rgba(237, 227, 206, .5);--accent: #c2562f;--accent-ink: #fbf4e6;--success: #7c9a6b;--danger: #c2562f;--hairline: rgba(243, 233, 214, .18);--card-front-bg: #f3e9d6;--card-front-ink: #2b241c;--card-back-bg: #efe3cb;--card-back-ink: #2b241c;--card-border: 1px solid rgba(43, 36, 28, .22);--card-shadow: 0 16px 34px rgba(0, 0, 0, .45);--hero-fill: linear-gradient(90deg, #d9763f, #c2562f);--r-card: 12px;--r-pill: 999px;--r-surface: 10px;--pill-border: 1px solid rgba(43, 36, 28, .28);--f-display: "Fraunces", Georgia, serif;--f-ui: "Hanken Grotesk", system-ui, sans-serif}