:root{color-scheme:dark;--bg: #0a0b0e;--bg-tint: radial-gradient( 120% 80% at 50% -10%, rgba(139, 124, 246, .13), transparent 60% ), #0a0b0e;--surface: #14161b;--surface-2: #1b1e25;--surface-3: #22262f;--surface-glass: rgba(20, 22, 27, .78);--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--ink: #eceef2;--ink-muted: #9aa1ae;--ink-faint: #6b7280;--ink-inverted: #0b0b11;--accent: #8b7cf6;--accent-soft: #a79bff;--accent-dim: rgba(139, 124, 246, .16);--accent-line: rgba(139, 124, 246, .38);--on-accent: #0b0a14;--known: #5ed69b;--known-dim: rgba(94, 214, 155, .15);--rehearse: #f0b35b;--rehearse-dim: rgba(240, 179, 91, .15);--wrong: #f2707f;--wrong-dim: rgba(242, 112, 127, .15);--r-sm: 9px;--r-md: 13px;--r-lg: 19px;--r-xl: 26px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 14px -4px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 18px 48px -12px rgba(0, 0, 0, .7), 0 2px 8px rgba(0, 0, 0, .35);--shadow-card: 0 22px 60px -20px rgba(0, 0, 0, .8), 0 0 0 1px var(--line);--ease: cubic-bezier(.22, .68, 0, 1);--ease-spring: cubic-bezier(.34, 1.46, .64, 1);--t-fast: .12s;--t-base: .22s;--t-slow: .42s;--col: 34rem;--gutter: 1.125rem;--tabbar: 4.25rem;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}:root[data-theme=light]{color-scheme:light;--bg: #f6f6f9;--bg-tint: radial-gradient( 120% 80% at 50% -10%, rgba(139, 124, 246, .11), transparent 60% ), #f6f6f9;--surface: #ffffff;--surface-2: #f1f1f6;--surface-3: #e7e7ef;--surface-glass: rgba(255, 255, 255, .8);--line: rgba(16, 18, 27, .09);--line-strong: rgba(16, 18, 27, .16);--ink: #16181f;--ink-muted: #585f6d;--ink-faint: #8b92a1;--ink-inverted: #ffffff;--accent: #6a56e8;--accent-soft: #5b45e0;--accent-dim: rgba(106, 86, 232, .1);--accent-line: rgba(106, 86, 232, .32);--on-accent: #ffffff;--known: #1f9d61;--known-dim: rgba(31, 157, 97, .12);--rehearse: #b5760c;--rehearse-dim: rgba(181, 118, 12, .12);--wrong: #d23a51;--wrong-dim: rgba(210, 58, 81, .11);--shadow-sm: 0 1px 2px rgba(16, 18, 27, .06);--shadow-md: 0 4px 14px -6px rgba(16, 18, 27, .14), 0 1px 3px rgba(16, 18, 27, .06);--shadow-lg: 0 18px 44px -14px rgba(16, 18, 27, .22), 0 2px 8px rgba(16, 18, 27, .07);--shadow-card: 0 20px 50px -22px rgba(16, 18, 27, .28), 0 0 0 1px var(--line)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg: #f6f6f9;--bg-tint: radial-gradient( 120% 80% at 50% -10%, rgba(139, 124, 246, .11), transparent 60% ), #f6f6f9;--surface: #ffffff;--surface-2: #f1f1f6;--surface-3: #e7e7ef;--surface-glass: rgba(255, 255, 255, .8);--line: rgba(16, 18, 27, .09);--line-strong: rgba(16, 18, 27, .16);--ink: #16181f;--ink-muted: #585f6d;--ink-faint: #8b92a1;--ink-inverted: #ffffff;--accent: #6a56e8;--accent-soft: #5b45e0;--accent-dim: rgba(106, 86, 232, .1);--accent-line: rgba(106, 86, 232, .32);--on-accent: #ffffff;--known: #1f9d61;--known-dim: rgba(31, 157, 97, .12);--rehearse: #b5760c;--rehearse-dim: rgba(181, 118, 12, .12);--wrong: #d23a51;--wrong-dim: rgba(210, 58, 81, .11);--shadow-sm: 0 1px 2px rgba(16, 18, 27, .06);--shadow-md: 0 4px 14px -6px rgba(16, 18, 27, .14), 0 1px 3px rgba(16, 18, 27, .06);--shadow-lg: 0 18px 44px -14px rgba(16, 18, 27, .22), 0 2px 8px rgba(16, 18, 27, .07);--shadow-card: 0 20px 50px -22px rgba(16, 18, 27, .28), 0 0 0 1px var(--line)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}body{background:var(--bg-tint);background-attachment:fixed;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;letter-spacing:-.006em;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}h1,h2,h3,h4{font-weight:650;letter-spacing:-.028em;line-height:1.18;text-wrap:balance}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}ul,ol{list-style:none;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--accent-dim);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid transparent;background-clip:content-box;border-radius:var(--r-full)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stack{display:flex;flex-direction:column;gap:var(--gap, .75rem)}.row{display:flex;align-items:center;gap:var(--gap, .6rem)}.spread{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.grow{flex:1;min-width:0}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.tiny{font-size:.75rem}.small{font-size:.8125rem}.num{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center{text-align:center}.eyebrow{font-size:.6875rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}@keyframes fade-up{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.82);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:200% 0}}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.enter{animation:fade-up var(--t-slow) var(--ease) both}.shell{display:flex;flex-direction:column;min-height:100%;min-height:100dvh}.shell__main{flex:1;width:100%;max-width:var(--col);margin-inline:auto;padding:calc(var(--safe-top) + .5rem) var(--gutter) calc(var(--tabbar) + var(--safe-bottom) + 1.5rem)}.shell--immersive .shell__main{display:flex;flex-direction:column;height:100dvh;padding-bottom:calc(var(--safe-bottom) + .75rem);overflow:hidden}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;min-height:3rem;margin:0 calc(var(--gutter) * -1) .5rem;padding:calc(var(--safe-top) + .4rem) var(--gutter) .5rem;background:linear-gradient(var(--bg) 62%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar__title{font-size:1rem;font-weight:620;letter-spacing:-.02em}.tabbar{position:fixed;z-index:30;inset:auto 0 0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;max-width:var(--col);margin-inline:auto;padding:.3rem .4rem calc(var(--safe-bottom) + .3rem);background:var(--surface-glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid var(--line)}@media(min-width:42rem){.tabbar{inset:auto 0 1rem;border:1px solid var(--line);border-radius:var(--r-full);max-width:24rem;box-shadow:var(--shadow-lg);padding:.35rem}}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.5rem .25rem;border-radius:var(--r-md);color:var(--ink-faint);font-size:.6875rem;font-weight:560;letter-spacing:0;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.tab svg{width:22px;height:22px;stroke-width:1.7}.tab[aria-current=page]{color:var(--ink)}.tab[aria-current=page] svg{stroke-width:2.1;color:var(--accent)}.tab:active{background:var(--surface-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.875rem;padding:0 1.1rem;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:.9375rem;font-weight:580;letter-spacing:-.01em;white-space:nowrap;transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.btn:active:not(:disabled){transform:scale(.97)}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:18px;height:18px;flex:none}.btn--primary{background:var(--accent);border-color:transparent;color:var(--on-accent);box-shadow:0 6px 20px -8px var(--accent-line)}.btn--primary:hover:not(:disabled){background:var(--accent-soft)}.btn--ghost{background:transparent;border-color:transparent;color:var(--ink-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn--outline{background:transparent;border-color:var(--line-strong)}.btn--danger{color:var(--wrong);border-color:transparent;background:var(--wrong-dim)}.btn--block{width:100%}.btn--lg{min-height:3.25rem;font-size:1rem;border-radius:var(--r-lg)}.btn--sm{min-height:2.25rem;padding:0 .75rem;font-size:.8125rem;border-radius:var(--r-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex:none;border-radius:var(--r-full);color:var(--ink-muted);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn:active{transform:scale(.92)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1rem}.panel--flush{padding:0;overflow:hidden}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--line);font-size:.6875rem;font-weight:600;letter-spacing:.01em;color:var(--ink-muted);white-space:nowrap}.chip--accent{background:var(--accent-dim);border-color:var(--accent-line);color:var(--accent-soft)}.chip--known{background:var(--known-dim);border-color:transparent;color:var(--known)}.chip--rehearse{background:var(--rehearse-dim);border-color:transparent;color:var(--rehearse)}.chip--wrong{background:var(--wrong-dim);border-color:transparent;color:var(--wrong)}.divider{height:1px;background:var(--line);border:0;margin:0}.field{display:flex;flex-direction:column;gap:.4rem}.field__label{font-size:.8125rem;font-weight:580;color:var(--ink-muted)}.input{width:100%;min-height:3rem;padding:.7rem .875rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);font-size:1rem;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim)}.input[aria-invalid=true]{border-color:var(--wrong)}textarea.input{min-height:7rem;resize:vertical;line-height:1.5;font-family:var(--font-mono);font-size:.875rem}.field__hint{font-size:.75rem;color:var(--ink-faint)}.field__error{font-size:.8125rem;color:var(--wrong)}.trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.switch{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__track{position:relative;width:2.75rem;height:1.65rem;flex:none;border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--line);transition:background var(--t-base) var(--ease)}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:calc(1.65rem - 6px);height:calc(1.65rem - 6px);border-radius:var(--r-full);background:var(--ink-muted);transition:transform var(--t-base) var(--ease-spring),background var(--t-base) var(--ease)}.switch input:checked+.switch__track{background:var(--accent);border-color:transparent}.switch input:checked+.switch__track:after{transform:translate(1.1rem);background:var(--on-accent)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent-soft);outline-offset:2px}.segmented{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.2rem;padding:.25rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.segmented__thumb{position:absolute;top:.25rem;bottom:.25rem;border-radius:calc(var(--r-md) - .2rem);background:var(--surface);box-shadow:var(--shadow-sm),0 0 0 1px var(--line);transition:transform var(--t-base) var(--ease-spring),width var(--t-base) var(--ease);pointer-events:none}.segmented__option{position:relative;z-index:1;padding:.5rem .4rem;border-radius:calc(var(--r-md) - .2rem);font-size:.8125rem;font-weight:580;color:var(--ink-faint);transition:color var(--t-base) var(--ease)}.segmented__option[aria-selected=true]{color:var(--ink)}.bar{position:relative;height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.bar__fill{position:absolute;inset:0 auto 0 0;border-radius:var(--r-full);background:var(--accent);transition:width var(--t-slow) var(--ease)}.bar__fill--known{background:var(--known)}.bar--split{display:flex;gap:2px;background:none;overflow:visible}.bar--split span{height:6px;border-radius:var(--r-full);transition:flex-grow var(--t-slow) var(--ease)}.ring{display:grid;place-items:center;position:relative;flex:none}.ring svg{transform:rotate(-90deg);overflow:visible}.ring__track{stroke:var(--surface-3)}.ring__value{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset var(--t-slow) var(--ease)}.ring__value--known{stroke:var(--known)}.ring__label{position:absolute;font-size:.6875rem;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.spinner{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:spin .62s linear infinite}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:3rem 1rem;text-align:center;color:var(--ink-muted)}.empty svg{width:2.5rem;height:2.5rem;color:var(--ink-faint);stroke-width:1.3}.toasts{position:fixed;z-index:60;inset:auto 0 calc(var(--tabbar) + var(--safe-bottom) + .75rem) 0;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding-inline:var(--gutter);pointer-events:none}.toast{display:flex;align-items:center;gap:.5rem;max-width:24rem;padding:.6rem .9rem;border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);font-size:.875rem;font-weight:540;animation:pop var(--t-base) var(--ease-spring) both}.toast--error{background:var(--wrong-dim);border-color:var(--wrong);color:var(--wrong)}.toast--success{background:var(--known-dim);border-color:var(--known);color:var(--known)}.segmented__option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{padding:.75rem 0 1.25rem}.hero__greeting{font-size:1.75rem;font-weight:680;letter-spacing:-.035em}.setlist{display:flex;flex-direction:column;gap:.6rem}.setcard{display:flex;align-items:center;gap:.875rem;padding:.875rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:transform var(--t-fast) var(--ease),border-color var(--t-base) var(--ease),background var(--t-base) var(--ease);animation:fade-up var(--t-slow) var(--ease) both}.setcard:active{transform:scale(.985)}.setcard:hover{border-color:var(--line-strong)}.setcard__body{flex:1;min-width:0}.setcard__title{font-size:1rem;font-weight:620;letter-spacing:-.02em}.setcard__meta{display:flex;align-items:center;gap:.4rem;margin-top:.2rem;font-size:.75rem;color:var(--ink-faint)}.setcard__pair{display:inline-flex;align-items:center;gap:.25rem;font-weight:560}.setcard__pair svg{width:11px;height:11px;opacity:.6}.sethead{padding:.5rem 0 1.25rem}.sethead__title{font-size:1.65rem;font-weight:680;letter-spacing:-.035em}.sethead__desc{margin-top:.35rem;color:var(--ink-muted);font-size:.9375rem}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.stat{padding:.75rem .6rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);text-align:center}.stat__value{font-size:1.35rem;font-weight:680;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.1}.stat__label{margin-top:.1rem;font-size:.6875rem;font-weight:580;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}.cardrow{display:flex;align-items:center;gap:.75rem;padding:.7rem .875rem;border-bottom:1px solid var(--line);font-size:.9375rem}.cardrow:last-child{border-bottom:0}.cardrow__dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--surface-3)}.cardrow__dot--known{background:var(--known)}.cardrow__dot--rehearse{background:var(--rehearse)}.cardrow__a{flex:1;min-width:0;font-weight:560}.cardrow__b{flex:1;min-width:0;color:var(--ink-muted);text-align:right}.deck{position:relative;flex:1;min-height:0;display:grid;place-items:center;margin:.5rem 0;touch-action:none}.deck__stage{position:relative;width:100%;max-width:24rem;height:min(70vh,32rem);perspective:1600px}.flashcard{position:absolute;inset:0;border-radius:var(--r-xl);will-change:transform;cursor:grab;user-select:none;-webkit-user-select:none}.flashcard--dragging{cursor:grabbing}.flashcard--stacked{pointer-events:none;transition:transform var(--t-base) var(--ease),opacity var(--t-base) var(--ease)}.flashcard--settling{transition:transform var(--t-base) var(--ease-spring)}.flashcard--leaving{transition:transform .32s var(--ease),opacity .32s var(--ease);pointer-events:none}.flashcard__face{position:absolute;inset:0;display:grid;place-items:center;padding:1.75rem 1.5rem 3.25rem;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-card);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.flashcard__face--back{transform:rotateY(180deg);background:linear-gradient(170deg,var(--surface-2),var(--surface))}.flashcard__term{font-size:clamp(1.6rem,7.5vw,2.4rem);font-weight:640;letter-spacing:-.04em;line-height:1.15;text-align:center;text-wrap:balance;overflow-wrap:anywhere}.flashcard__term--long{font-size:clamp(1.2rem,5.5vw,1.6rem)}.flashcard__note{margin-top:.75rem;font-size:.875rem;color:var(--ink-faint);text-align:center}.flashcard__lang{position:absolute;top:1rem;left:1.125rem;font-size:.6875rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.flashcard__hint{position:absolute;bottom:1.125rem;left:0;right:0;text-align:center;font-size:.75rem;color:var(--ink-faint);transition:opacity var(--t-base) var(--ease)}.stamp{position:absolute;top:1.25rem;padding:.3rem .7rem;border-radius:var(--r-sm);border:2px solid currentColor;font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none}.stamp--known{right:1.25rem;color:var(--known);transform:rotate(9deg)}.stamp--rehearse{left:1.25rem;color:var(--rehearse);transform:rotate(-9deg)}.deck__actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding-top:.25rem}.verdict-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;height:3.75rem;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);font-size:.75rem;font-weight:620;letter-spacing:0;transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.verdict-btn svg{width:20px;height:20px}.verdict-btn:active{transform:scale(.95)}.verdict-btn--known{color:var(--known);background:var(--known-dim);border-color:transparent}.verdict-btn--rehearse{color:var(--rehearse);background:var(--rehearse-dim);border-color:transparent}.deck__counter{font-size:.8125rem;font-weight:620;font-variant-numeric:tabular-nums;color:var(--ink-faint);text-align:center;min-width:3.5rem}.quiz{display:flex;flex-direction:column;flex:1;min-height:0;gap:1rem}.quiz__prompt{display:grid;place-items:center;flex:1;min-height:7rem;padding:1.5rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);text-align:center;animation:fade-up var(--t-base) var(--ease) both}.quiz__term{font-size:clamp(1.4rem,6.5vw,2rem);font-weight:640;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}.quiz__ask{margin-top:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.options{display:grid;gap:.5rem}.option{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.7rem .9rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);text-align:left;font-size:1rem;font-weight:560;transition:transform var(--t-fast) var(--ease),background var(--t-base) var(--ease),border-color var(--t-base) var(--ease),color var(--t-base) var(--ease)}.option:active:not(:disabled){transform:scale(.98)}.option__key{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);font-size:.75rem;font-weight:700;color:var(--ink-faint)}.option--correct{background:var(--known-dim);border-color:var(--known);color:var(--known)}.option--correct .option__key{background:var(--known);border-color:transparent;color:var(--on-accent)}.option--wrong{background:var(--wrong-dim);border-color:var(--wrong);color:var(--wrong);animation:nudge .26s var(--ease)}.option--wrong .option__key{background:var(--wrong);border-color:transparent;color:var(--on-accent)}.option--muted{opacity:.4}.answerbox{display:flex;flex-direction:column;gap:.6rem}.answerbox .input{min-height:3.5rem;font-size:1.125rem;font-weight:560;text-align:center}.verdict{display:flex;align-items:center;gap:.6rem;padding:.8rem .9rem;border-radius:var(--r-md);font-size:.9375rem;font-weight:560;animation:fade-up var(--t-base) var(--ease) both}.verdict svg{width:20px;height:20px;flex:none}.verdict--correct{background:var(--known-dim);color:var(--known)}.verdict--close{background:var(--rehearse-dim);color:var(--rehearse)}.verdict--wrong{background:var(--wrong-dim);color:var(--wrong)}.verdict__answer{font-weight:700}.result{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 0 1rem;text-align:center}.result__score{font-size:3.5rem;font-weight:700;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums;animation:pop var(--t-slow) var(--ease-spring) both}.result__headline{font-size:1.25rem;font-weight:650;letter-spacing:-.025em}.wronglist{width:100%;text-align:left}.steps{display:flex;flex-direction:column;gap:.75rem;counter-reset:step}.step{display:flex;gap:.875rem;padding:.875rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.step__num{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;border-radius:var(--r-full);background:var(--accent-dim);border:1px solid var(--accent-line);color:var(--accent-soft);font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}.step__body{flex:1;min-width:0;font-size:.9375rem}.step__body strong{font-weight:640}.step__figure{margin-top:.6rem;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);overflow:hidden}.step__figure svg{display:block;width:100%;height:auto}.kbd{display:inline-flex;align-items:center;gap:.25rem;padding:.05rem .35rem;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line-strong);font-size:.875em;font-weight:600;white-space:nowrap}.kbd svg{width:13px;height:13px}.editrow{display:grid;grid-template-columns:1fr 1fr auto;gap:.4rem;align-items:start}.editrow .input{min-height:2.75rem;font-size:.9375rem}.editrow__handle{display:grid;place-items:center;width:2.25rem;height:2.75rem;color:var(--ink-faint);cursor:grab}@media(max-width:26rem){.editrow{grid-template-columns:1fr auto}.editrow .input:first-child{grid-column:1}.editrow .input:nth-child(2){grid-column:1}.editrow__handle{grid-row:1 / span 2;grid-column:2;height:auto}}.userrow{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;border-bottom:1px solid var(--line)}.userrow:last-child{border-bottom:0}.avatar{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex:none;border-radius:var(--r-full);background:var(--surface-3);font-size:.875rem;font-weight:680;color:var(--ink-muted);text-transform:uppercase}.avatar--owner{background:var(--accent-dim);color:var(--accent-soft)}.select{min-height:2.25rem;padding:0 .5rem;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);font-size:.8125rem;font-weight:560}.scrim{position:fixed;inset:0;z-index:50;background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade-in var(--t-base) var(--ease) both}.sheet{position:fixed;z-index:51;inset:auto 0 0;max-width:var(--col);margin-inline:auto;padding:1rem var(--gutter) calc(var(--safe-bottom) + 1rem);background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-lg);animation:sheet-up var(--t-base) var(--ease) both}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.sheet__grip{width:2.25rem;height:4px;margin:0 auto .75rem;border-radius:var(--r-full);background:var(--line-strong)}@media(min-width:42rem){.sheet{inset:50% 0 auto;transform:translateY(-50%);border-radius:var(--r-xl);border-bottom:1px solid var(--line);max-width:28rem;animation:pop var(--t-base) var(--ease) both}}.flashcard__inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .48s var(--ease);will-change:transform}.flashcard .stamp{z-index:4}