/* Generated by scripts/design-tokens.mjs from design/tokens.json; edit there, then regenerate. */
:root{--identity-text:#1F1F1F;--identity-border:#747775;--identity-surface:#FFFFFF;--identity-strong-surface:#000000;--identity-strong-text:#FFFFFF;--canvas:#F6F5F1;--course-surface:#DDE1E7;--course-card:#F6F5F1;--course-forecast:#758DAA;--surface:#FDFCF9;--surface-subtle:#DCDBDA;--text-primary:#1B1F2E;--text-body:#474C5C;--text-secondary:#676C7A;--text-inverse:#FDFCF9;--action-primary:#1B1F2E;--action-primary-text:#FDFCF9;--action-secondary:#1B1F2E;--action-neutral:#1B1F2E;--progress-fill:#1B1F2E;--progress-forecast:#B4B5B6;--memory-fill:#4B8AC9;--memory-soft:#B3CEEB;--exam:#E6803A;--exam-text:#A9521A;--progress-track:#EEEDE7;--selection-fill:#1B1F2E;--selection-text:#FDFCF9;--selection-surface:#DCDBDA;--switch-on:#1B1F2E;--border-subtle:#DDDBD3;--badge-tint:rgb(27 31 46 / 0.06);--border-correct:#1E7A46;--correct:#1E7A46;--error:#B3261E;--error-surface:#F7E7E4;--part-indigo:#4A6A93;--part-pine:#6B8B5A;--part-ochre:#B98A4E;--part-bark:#5C4632;--part-vermilion:#C0623F;--part-slate:#7D848B;--part-plum:#8C5A7C;--part-skin:#D9A07E;--picture-tint:#FFFFFF;--segment-track:rgb(27 31 46 / 0.08);--segment-thumb:#FFFFFF;--spacing-inline:4px;--spacing-related:8px;--spacing-control-inset:12px;--spacing-group:16px;--spacing-section:24px;--spacing-screen-inset:20px;--radius-control:14px;--radius-card:24px;--opacity-pressed:0.9;--opacity-disabled:0.4}
/* End of generated tokens. */
/* The pages where a learner signs in and does one thing (account deletion, MAX deck move): the
   logo, a title, what to know as icon rows, and the step's buttons at the bottom within thumb's
   reach. */
:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;color:var(--text-primary);background:var(--canvas);line-height:1.6;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}
main{max-width:480px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:28px var(--spacing-screen-inset) 24px;display:flex;flex-direction:column}
.brand{align-self:center;line-height:0}.brand img{height:32px;width:auto}
h1{font-size:28px;line-height:1.3;letter-spacing:-.03em;margin:var(--spacing-section) 0;word-break:keep-all}p{margin:0}a{color:inherit;text-underline-offset:3px}
#message{margin-bottom:var(--spacing-section);padding:var(--spacing-control-inset) var(--spacing-group);border-radius:var(--radius-control);background:var(--error-surface);color:var(--text-primary);font-size:15px;word-break:keep-all}#message:empty{display:none}
.rows{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-group)}.rows li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;font-size:15px;color:var(--text-body);word-break:keep-all}.rows strong{display:block;color:var(--text-primary);font-weight:650}
.glyph{width:44px;height:44px;border-radius:13px;background:var(--surface);border:1px solid var(--border-subtle);display:grid;place-items:center}.glyph svg{width:22px;height:22px;fill:none;stroke:var(--text-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.figure{font-size:34px;font-weight:700;line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums;word-break:keep-all}.figure span{font-size:20px;font-weight:500;letter-spacing:0;color:var(--text-secondary)}.sub{margin-top:var(--spacing-related);font-size:15px;color:var(--text-secondary);word-break:keep-all;overflow-wrap:anywhere}.small{font-size:13px;color:var(--text-secondary);word-break:keep-all;overflow-wrap:anywhere}
.actions{margin-top:auto;padding-top:var(--spacing-section);display:flex;flex-direction:column;gap:var(--spacing-control-inset)}.actions section{display:flex;flex-direction:column;gap:var(--spacing-control-inset)}
button,.primary{font:inherit;cursor:pointer;border:0}button:disabled{opacity:var(--opacity-disabled);cursor:default}button:hover:not(:disabled),.primary:hover{opacity:var(--opacity-pressed)}:focus-visible{outline:3px solid var(--text-primary);outline-offset:3px}
.identity,.primary,.danger{display:flex;align-items:center;justify-content:center;gap:var(--spacing-control-inset);width:100%;min-height:52px;padding:0 var(--spacing-group);border-radius:var(--radius-control);font-size:17px;font-weight:500;text-align:center}.identity svg{width:20px;height:20px;flex:none}
.apple{background:var(--identity-strong-surface);color:var(--identity-strong-text)}.google{background:var(--identity-surface);color:var(--identity-text);border:1px solid var(--identity-border)}.primary{background:var(--action-primary);color:var(--action-primary-text);font-weight:650}.danger{background:var(--error);color:var(--text-inverse);font-weight:650}
.text{align-self:center;min-height:44px;padding:0 var(--spacing-related);background:none;color:var(--text-primary);font-weight:500;text-decoration:underline;text-underline-offset:3px}
#account{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-related);font-size:13px;color:var(--text-secondary);overflow-wrap:anywhere}#account .text{min-height:32px;padding:0;font-size:13px}
.links{margin-top:var(--spacing-group);font-size:12px;color:var(--text-secondary)}
.ring{display:block;width:28px;height:28px;border:3px solid var(--progress-track);border-top-color:var(--text-primary);border-radius:50%;animation:turn .9s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ring{animation-duration:3s}}
progress{display:block;width:100%;height:8px;border:0;border-radius:4px;overflow:hidden;background:var(--progress-track);appearance:none}progress::-webkit-progress-bar{background:var(--progress-track)}progress::-webkit-progress-value{background:var(--progress-fill)}progress::-moz-progress-bar{background:var(--progress-fill)}
input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.primary:has(input:focus-visible){outline:3px solid var(--text-primary);outline-offset:3px}main.over{outline:3px dashed var(--text-primary);outline-offset:-12px}
[hidden]{display:none!important}