:root{--paper:#f6e9d6;--card:#fff;--fill:#efe3ce;--line:#e3d5be;--line-2:#eee4d2;--line-strong:#78818f;--ink:#1f2a44;--ink-2:#33405e;--ink-soft:#5a6480;--muted:#626a7b;--primary:#2bb3a3;--primary-strong:#1c7f74;--primary-hover:#17665e;--primary-ink:#1c756b;--primary-tint:#ddf3ef;--primary-tint-border:#b6e4dc;--on-primary-tint:#19786f;--success:#1e8f84;--success-tint:#ddf3ef;--danger:#d9573e;--danger-tint:#fbe5df;--on-success-tint:#19786f;--on-danger-tint:#bc3d25;--warn-text:#8a5a10;--warn-bar:#a87209;--warn-tint:#fcf0d6;--reward:#f2b84b;--otter:#6b4a32;--otter-dark:#4a3222;--d-bg:#1f2a44;--d-surface:#29365a;--d-surface-2:#34426b;--d-border:#3e4d78;--d-text:#f6e9d6;--d-muted:#a9b3cc;--d-primary:#2bb3a3;--d-gold:#f2b84b;--d-green:#4ed19b;--d-red:#f18066;--font-display:"Nunito", system-ui, -apple-system, sans-serif;--font-body:"Nunito", system-ui, -apple-system, sans-serif;--r-pill:999px;--r-card:18px;--r-input:14px;--r-chip:10px;--tap-min:44px;--tap-primary:56px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:700}h1{letter-spacing:-1px;font-size:40px;line-height:1.05}h2{font-size:19px}h3{font-size:17px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;box-shadow:0 1px 2px #1f2a440f}.card--tint{background:var(--primary-tint);border-color:var(--primary-tint-border);box-shadow:none}.card--flat{box-shadow:none}.btn{min-height:var(--tap-min);border-radius:var(--r-pill);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary-strong);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-hover);color:#fff}.btn--dark{background:var(--ink);color:#fff}.btn--dark:hover:not(:disabled){background:var(--ink-2);color:#fff}.btn--ghost{background:var(--card);color:var(--ink);border-color:var(--line-strong)}.btn--ghost:hover:not(:disabled){background:var(--fill);color:var(--ink)}.btn--lg{min-height:var(--tap-primary);padding:0 26px;font-size:16px}.btn--block{width:100%}.btn--wrap{white-space:normal;text-align:left;overflow-wrap:anywhere;justify-content:flex-start;min-height:0;padding-top:12px;padding-bottom:12px;line-height:1.35}.pill{border-radius:var(--r-pill);white-space:nowrap;align-items:center;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.pill--warn{background:var(--warn-tint);color:var(--warn-text)}.pill--success{background:var(--success-tint);color:var(--success)}.pill--danger{background:var(--danger-tint);color:var(--danger)}.pill--primary{background:var(--primary-tint);color:var(--on-primary-tint)}.pill--action{background:var(--primary-tint);color:var(--on-primary-tint);font:inherit;cursor:pointer;border:1px solid #0000;font-size:13px;font-weight:600}.pill--action:hover{border-color:var(--primary)}.pill--muted{background:var(--fill);color:var(--ink-soft)}.progress{border-radius:var(--r-pill);background:var(--line-2);height:8px;overflow:hidden}.progress__fill{background:var(--primary);border-radius:var(--r-pill);height:100%;transition:width .3s}.progress__fill--success{background:var(--success)}.progress__fill--warn{background:var(--warn-bar)}.progress__fill--danger{background:var(--danger)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.grow{flex-grow:1}.rule{background:var(--line);flex-grow:1;height:1px}.muted{color:var(--ink-soft)}.small{font-size:13px}.shell{background:var(--paper);flex-direction:column;min-height:100dvh;display:flex}.shell__header{background:var(--paper);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:14px;height:68px;padding:0 20px;display:flex}.shell__brand{font-family:var(--font-display);letter-spacing:-.2px;color:var(--ink);font-size:19px;font-weight:700}.shell__mark{background:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.shell__body{flex-grow:1;min-height:0;display:flex}.shell__main{flex-grow:1;min-width:0;padding:24px 20px 96px}.shell__main--wide{max-width:1200px}.shell__tabs{z-index:20;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;inset:auto 0 0}.shell__tab{min-height:var(--tap-min);color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px 12px;font-size:11px;font-weight:600;display:flex}.shell__tab[aria-current=page]{color:var(--primary)}@media (width>=768px){.shell__header{gap:16px;padding:0 40px}.shell__main{padding:36px 40px}.shell__tabs{display:none}}.kit{background:var(--paper);min-height:100dvh;display:flex}.kit__nav{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;flex-shrink:0;gap:4px;width:226px;padding:20px 16px 20px 20px;display:none}.kit__navlink{min-height:var(--tap-min);color:var(--ink-2);border-radius:10px;align-items:center;padding:0 16px;font-size:15px;font-weight:600;display:flex}.kit__navlink:hover{background:var(--fill);color:var(--ink)}.kit__navlink[aria-current=page]{background:var(--primary-tint);color:var(--on-primary-tint)}.kit__countdown{background:var(--warn-tint);color:var(--warn-text);border-radius:14px;margin-top:auto;padding:16px 18px}.kit__main{flex-grow:1;min-width:0;padding:24px 20px 96px}@media (width>=768px){.kit__main{padding:28px 34px}}.stat__label{letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:700}.stat__value{font-family:var(--font-display);letter-spacing:-.8px;font-size:34px;font-weight:700;line-height:1.1}.stat__note{font-size:13px}.avatar{border-radius:var(--r-pill);background:var(--primary-tint);border:1px solid var(--primary-tint-border);width:38px;height:38px;color:var(--on-primary-tint);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.avatar--sm{width:28px;height:28px;font-size:12px}@media (width>=768px){.kit__nav{display:flex}}.label{color:var(--ink-2);font-size:13px;font-weight:600}.input,.select,.textarea{width:100%;min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--r-input);background:var(--card);color:var(--ink);font-family:var(--font-body);padding:12px 15px;font-size:15px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);outline:none}.textarea{resize:vertical;min-height:200px;line-height:1.55}.field{flex-direction:column;gap:7px;display:flex}.hint{color:var(--muted);font-size:13px;line-height:1.5}.error{color:var(--danger);font-size:14px}.notice{border-radius:var(--r-input);background:var(--success-tint);color:var(--success);padding:14px 16px;font-size:14px;line-height:1.5}.auth{background:var(--paper);grid-template-columns:1fr;min-height:100dvh;display:grid}.auth__form{justify-content:center;align-items:center;padding:40px 24px;display:flex}.auth__inner{flex-direction:column;gap:22px;width:100%;max-width:432px;display:flex}.auth__demo{display:none}@media (width>=900px){.auth{grid-template-columns:1fr 1fr}.auth__form{padding:40px 64px}.auth__demo{background:var(--d-bg);color:var(--d-text);flex-direction:column;justify-content:center;gap:18px;padding:40px 60px;display:flex}}.auth__panel{background:var(--d-surface);border:1px solid var(--d-border);border-radius:16px;padding:22px 24px}.auth__panel--accent{background:var(--d-surface-2);border-color:var(--d-primary)}.auth__panellabel{letter-spacing:.6px;text-transform:uppercase;color:var(--d-muted);font-size:12px;font-weight:700}.auth__option{background:var(--d-surface);border-radius:10px;padding:11px 15px;font-size:14px}.auth__option--on{background:var(--d-primary);color:#fff}.auth__divider{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--line);flex:1;height:1px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--line);border-top-color:var(--primary);border-radius:999px;animation:.8s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.pulse{animation:1.6s ease-in-out infinite pulse}@media (prefers-reduced-motion:reduce){.spinner,.pulse{animation:none}}.progress__fill--indet{animation:1.4s ease-in-out infinite slide;width:35%!important}@keyframes slide{0%{margin-left:-35%}to{margin-left:100%}}.opt{text-align:left;border:1.5px solid var(--line);background:var(--card);width:100%;min-height:56px;font-family:var(--font-body);color:var(--ink);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;font-size:16px;transition:border-color .12s,background .12s;display:flex}.opt:hover:not(:disabled){border-color:var(--primary);background:var(--primary-tint)}.opt:disabled{cursor:default}.opt__mark{flex-shrink:0;width:22px;display:flex}.opt__tag{letter-spacing:.4px;margin-left:auto;font-size:12px;font-weight:700}.opt--selected{border-color:var(--primary);background:var(--primary-tint);box-shadow:inset 4px 0 0 0 var(--primary);border-width:2px}.opt__pos{background:var(--primary);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 6px;font-size:13px;font-weight:700;display:inline-flex}.opt--correct{border-color:var(--success);background:var(--success-tint)}.opt--correct .opt__tag{color:var(--success)}.opt--chosen-wrong{border-color:var(--danger);background:var(--danger-tint)}.opt--chosen-wrong .opt__tag{color:var(--danger)}.opt--missed{border-color:var(--danger);background:var(--card);border-style:dashed}.opt--missed .opt__tag{color:var(--success)}.opt--neutral-answered{color:var(--ink-soft)}.spine{border-left:3px solid var(--line);padding-left:14px}.spine--right{border-left-color:var(--success)}.spine--wrong{border-left-color:var(--danger)}.spine--source{border-left-color:var(--primary);background:var(--fill);border-radius:0 10px 10px 0;padding:12px 14px}.pbar{z-index:10;background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px 20px;display:flex;position:sticky;top:0}.pbar__back{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.practice{background:var(--paper);flex-direction:column;min-height:100dvh;display:flex}.practice__main{flex-grow:1;width:100%;max-width:820px;margin:0 auto;padding:24px 20px 40px}.conf{flex-wrap:wrap;gap:10px;display:flex}.conf__btn{min-width:120px;min-height:var(--tap-min);border:1.5px solid var(--line);background:var(--card);font-family:var(--font-body);cursor:pointer;border-radius:999px;flex:1;padding:10px 16px;font-size:14px;font-weight:600}.conf__btn:hover{border-color:var(--primary)}.conf__btn--on{border-color:var(--primary);background:var(--primary-tint);color:var(--on-primary-tint)}.banner{border-radius:14px;gap:12px;padding:16px 18px;line-height:1.5;display:flex}.banner--danger{background:var(--danger-tint);color:var(--ink)}.banner--success{background:var(--success-tint);color:var(--ink)}.banner--warn{background:var(--warn-tint);color:var(--ink)}.flip{perspective:1400px;cursor:pointer;width:100%;font-family:var(--font-body);background:0 0;border:0;padding:0}.flip__inner{width:100%;min-height:300px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.25,1);display:block;position:relative}.flip--on .flip__inner{transform:rotateY(180deg)}.flip__face{text-align:center;border:1px solid var(--line);background:var(--card);backface-visibility:hidden;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex;position:absolute;inset:0;box-shadow:0 1px 2px #1f2a440f}.flip__face--back{background:var(--primary-tint);border-color:var(--primary-tint-border);transform:rotateY(180deg)}.flip__term{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.25}.flip__def{color:var(--ink-2);font-size:17px;line-height:1.55}@media (prefers-reduced-motion:reduce){.flip__inner{transition:none}}.modal__backdrop{z-index:50;background:#1f2a449e;justify-content:center;align-items:center;padding:20px;animation:.14s ease-out modal-fade;display:flex;position:fixed;inset:0}.modal__panel{background:var(--d-surface);border:1px solid var(--d-border);border-radius:20px;width:100%;min-width:0;max-width:520px;max-height:88vh;padding:22px;animation:.18s cubic-bezier(.2,.8,.3,1) modal-rise;overflow:hidden auto;box-shadow:0 24px 60px #0f14228c}.modal__panel:focus{outline:none}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal__backdrop,.modal__panel{animation:none}}.gap{border:none;border-bottom:2px solid var(--primary);background:var(--primary-tint);min-width:96px;font:inherit;color:var(--ink);cursor:pointer;text-align:center;border-radius:8px 8px 0 0;margin:0 4px;padding:2px 10px;font-weight:600;line-height:1.6;display:inline-block}.gap:disabled{cursor:default}.gap--right{background:var(--success-tint);border-bottom-color:var(--success)}.gap--wrong{background:var(--danger-tint);border-bottom-color:var(--danger)}.bucket{border:1.5px dashed var(--line);border-radius:14px;flex-direction:column;gap:8px;min-height:120px;padding:10px;display:flex}.bucket__name{text-align:center;color:var(--ink-soft);font-size:13px;font-weight:700}.chip{border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:10px;padding:8px 10px;font-size:14px;line-height:1.3}.chip:disabled{cursor:default}.chip--right{border-color:var(--success);background:var(--success-tint)}.chip--wrong{border-color:var(--danger);background:var(--danger-tint)}