:root{--ground:#edf0f4;--card:#fff;--ink:#16202e;--muted:#5b6778;--line:#d5dbe4;--rule:#c9d6ea;--margin-rule:#e46a78;--accent:#2f3e9e;--accent-ink:#fff;--known:#0f8c7c;--retry:#c9731f;--g-m:#2463c9;--g-f:#cc3550;--g-n:#2c8a3f;--shadow:0 1px 2px #16202e0f, 0 12px 32px -12px #16202e38;--font-display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0f141c;--card:#1a2230;--ink:#e8edf4;--muted:#98a3b3;--line:#2a3444;--rule:#243044;--margin-rule:#8a3a47;--accent:#8c9bff;--accent-ink:#10152a;--known:#3cc7b0;--retry:#f0a45a;--g-m:#6fa2ff;--g-f:#ff7a8c;--g-n:#6fd08a;--shadow:0 1px 2px #0000004d, 0 16px 40px -16px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0f141c;--card:#1a2230;--ink:#e8edf4;--muted:#98a3b3;--line:#2a3444;--rule:#243044;--margin-rule:#8a3a47;--accent:#8c9bff;--accent-ink:#10152a;--known:#3cc7b0;--retry:#f0a45a;--g-m:#6fa2ff;--g-f:#ff7a8c;--g-n:#6fd08a;--shadow:0 1px 2px #0000004d, 0 16px 40px -16px #0009}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font:16px/1.5 var(--font-body);-webkit-tap-highlight-color:transparent;margin:0}#root{box-sizing:border-box;max-width:520px;margin:0 auto;padding-inline:16px}h1,h2{font-family:var(--font-display);text-wrap:balance;margin:0}h1{letter-spacing:-.02em;font-size:2.4rem;font-weight:700;line-height:1.05}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.eyebrow,.label{font:600 .75rem/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.label{justify-content:space-between;margin-bottom:10px;display:flex}.muted{color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400}.small{font-size:.85rem}.art{font-weight:700}.g-m{color:var(--g-m)}.g-f{color:var(--g-f)}.g-n{color:var(--g-n)}.primary,.secondary{border:0;border-radius:14px;flex:auto;padding:14px 18px;font-weight:700}.primary{background:var(--accent);color:var(--accent-ink)}.secondary{border:1.5px solid var(--line);background:0 0}.start-row{flex-wrap:wrap;gap:10px;display:flex}.icon-btn{border:1.5px solid var(--line);background:var(--card);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.home,.summary{flex-direction:column;gap:28px;padding-block:28px 40px;display:flex}.home-head{gap:6px;display:grid}.today{background:var(--card);box-shadow:var(--shadow);border-radius:20px;gap:14px;padding:18px;display:grid}.today .label{margin:0}.today-line{margin:0;font-size:1.1rem}.today-line b{font-variant-numeric:tabular-nums}.segmented{background:var(--card);border:1.5px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{background:0 0;border:0;border-radius:10px;padding:10px 4px;font-weight:600}.segmented button.on{background:var(--accent);color:var(--accent-ink)}.sections{gap:8px;margin:0;padding:0;list-style:none;display:grid}.section{text-align:left;border:1.5px solid var(--line);background:0 0;border-radius:14px;gap:8px;width:100%;padding:12px 14px;display:grid}.section.on{border-color:var(--accent);background:var(--card)}.section-top{justify-content:space-between;gap:12px;display:flex}.section-title{font-weight:600}.section-count{color:var(--muted);font-variant-numeric:tabular-nums}.bar{background:var(--line);border-radius:3px;height:6px;display:flex;overflow:hidden}.bar-known{background:var(--known)}.bar-learning{background:color-mix(in srgb, var(--known) 40%, var(--line))}.legend{color:var(--muted);align-items:center;gap:6px;margin:10px 0 0;font-size:.85rem;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot-known{background:var(--known)}.dot-learning{background:color-mix(in srgb, var(--known) 40%, var(--line));margin-left:8px}.home-foot{border-top:1px solid var(--line);gap:10px;padding-top:18px;display:grid}.home-foot p{margin:0}.switch{align-items:center;gap:10px;display:flex}.switch input{width:20px;height:20px;accent-color:var(--accent)}.study{box-sizing:border-box;flex-direction:column;gap:12px;height:100%;padding-block:12px 16px;display:flex;overflow:hidden}.study-bar{align-items:center;gap:12px;display:flex}.meter{background:var(--line);border-radius:4px;flex:1;height:8px;overflow:hidden}.meter-fill{background:var(--known);height:100%;transition:width .3s}.count{font-variant-numeric:tabular-nums;text-align:right;min-width:3.5em;font-weight:700}.piles{justify-content:space-between;font-size:.85rem;font-weight:600;display:flex}.pile{font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 10px}.pile-left{color:var(--retry);background:color-mix(in srgb, var(--retry) 14%, transparent)}.pile-right{color:var(--known);background:color-mix(in srgb, var(--known) 14%, transparent)}.stage{perspective:1400px;flex:1;place-items:center;min-height:0;display:grid}.swipe{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;max-width:100%;height:min(100%,440px);position:relative}.swipe.settle{transition:transform .2s}.flip{transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,.7,.2,1);position:absolute;inset:0}.flip.is-flipped{transform:rotateY(180deg)}.face{backface-visibility:hidden;box-shadow:var(--shadow);background:linear-gradient(var(--margin-rule), var(--margin-rule)) 0 52px / 100% 1.5px no-repeat, repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule) 31px 32px) 0 52px / 100% calc(100% - 52px) no-repeat, var(--card);border-radius:22px;grid-template-rows:auto 1fr auto;padding:18px 22px;display:grid;position:absolute;inset:0}.face-back{transform:rotateY(180deg)}.face-lang{font:700 .72rem/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:4px}.face-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;overflow-y:auto}.face-foot{color:var(--muted);text-align:center;font-size:.8rem}.expr{flex-direction:column;align-items:center;gap:10px;display:inline-flex}.expr-lg{font:700 clamp(1.6rem, 7vw, 2.2rem) / 1.2 var(--font-display);text-wrap:balance}.expr-sm{font-size:1rem;display:inline}.tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tag{font:600 .8rem/1 var(--font-body);border:1.5px solid var(--line);color:var(--muted);background:var(--card);border-radius:999px;padding:5px 9px}.tag-strong{border-color:color-mix(in srgb, var(--retry) 60%, var(--line));color:var(--retry)}.face-echo{color:var(--muted);font-size:1rem}.hint{color:var(--muted);font-size:.9rem;font-style:italic}.verdict{z-index:2;font:800 1.1rem/1 var(--font-display);pointer-events:none;background:var(--card);border:3px solid;border-radius:10px;padding:8px 12px;position:absolute;top:18px}.verdict-right{color:var(--known);right:18px;transform:rotate(8deg)}.verdict-left{color:var(--retry);left:18px;transform:rotate(-8deg)}.controls{align-items:center;gap:8px;display:flex}.controls .icon-btn{width:44px;height:44px}.big-btn{white-space:nowrap;background:var(--card);border:2px solid;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:14px 6px;font-size:.95rem;font-weight:700;display:flex}.btn-left{color:var(--retry)}.btn-right{color:var(--known)}.gesture-hint{text-align:center;color:var(--muted);margin:0;font-size:.8rem}.score{color:var(--muted);margin:0;font-size:1.1rem}.score b{font:800 3.4rem/1 var(--font-display);color:var(--known);font-variant-numeric:tabular-nums}.score span{font:700 1.6rem/1 var(--font-display);color:var(--ink);margin-right:6px}.missed{gap:8px;margin:0;padding:0;list-style:none;display:grid}.missed li{background:var(--card);border-radius:14px;grid-template-columns:auto 1fr;grid-template-areas:"play de""play fr";align-items:center;column-gap:12px;padding:10px 12px;display:grid}.missed .icon-btn{grid-area:play;width:40px;height:40px}.missed-de{grid-area:de;font-weight:600}.missed-fr{color:var(--muted);grid-area:fr}@media (prefers-reduced-motion:reduce){.flip,.swipe.settle,.meter-fill{transition:none}}