@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";

:root{--navy-900:#0e2338;--navy-800:#12304c;--navy-700:#173653;--navy-600:#1f4a70;--navy-500:#2f6390;--navy-400:#5385ad;--navy-300:#8aaecb;--navy-200:#bdd4e4;--navy-100:#d9e6ef;--navy-50:#eef4f9;--mango-900:#8a4a06;--mango-700:#b4650c;--mango-600:#d97f12;--mango-500:#f0961f;--mango-400:#f7b056;--mango-300:#fac98a;--mango-200:#fbdcae;--mango-100:#fde9cf;--mango-50:#fef4e4;--cream-50:#fdfbf7;--cream-100:#f7f5f1;--cream-200:#efebe3;--cream-300:#e4ded2;--cream-400:#d3cbbb;--slate-700:#3b5164;--slate-600:#516878;--slate-500:#6b8093;--slate-400:#8fa1b0;--slate-300:#b4c1cb;--leaf-600:#248257;--leaf-500:#2e9e6b;--leaf-200:#b6e4cc;--leaf-50:#e6f5ec;--berry-600:#b93843;--berry-500:#d64550;--berry-200:#f4c3c7;--berry-50:#fceaeb;--violet-600:#6448be;--violet-500:#7c5ad6;--violet-200:#d6c9f5;--violet-50:#f2edfc;--sky-600:#2680ae;--sky-500:#2e97c9;--sky-200:#bce0ef;--sky-50:#e8f5fb;--surface-canvas:var(--cream-100);--surface-card:#fff;--surface-raised:var(--cream-50);--surface-sunken:var(--cream-200);--surface-inverse:var(--navy-700);--surface-inverse-deep:var(--navy-900);--surface-accent:var(--mango-50);--surface-ai:var(--violet-50);--surface-overlay:#0e23387a;--text-heading:var(--navy-700);--text-body:var(--slate-700);--text-muted:var(--slate-500);--text-faint:var(--slate-400);--text-inverse:var(--cream-50);--text-inverse-muted:var(--navy-200);--text-accent:var(--mango-700);--text-link:var(--navy-600);--text-link-hover:var(--mango-700);--border-subtle:var(--cream-200);--border-default:var(--cream-300);--border-strong:var(--navy-200);--border-inverse:#ffffff2e;--focus-ring:var(--mango-500);--focus-ring-halo:var(--mango-200);--action-primary-bg:var(--mango-500);--action-primary-bg-hover:var(--mango-600);--action-primary-fg:var(--navy-900);--action-primary-edge:var(--mango-700);--action-secondary-bg:var(--navy-700);--action-secondary-bg-hover:var(--navy-800);--action-secondary-fg:var(--cream-50);--action-secondary-edge:var(--navy-900);--action-quiet-bg:#fff;--action-quiet-bg-hover:var(--cream-100);--action-quiet-fg:var(--navy-700);--action-quiet-border:var(--cream-300);--action-ghost-fg:var(--navy-600);--action-ghost-bg-hover:var(--navy-50);--action-disabled-bg:var(--cream-200);--action-disabled-fg:var(--slate-400);--state-success:var(--leaf-500);--state-success-bg:var(--leaf-50);--state-success-border:var(--leaf-200);--state-danger:var(--berry-500);--state-danger-bg:var(--berry-50);--state-danger-border:var(--berry-200);--state-warning:var(--mango-600);--state-warning-bg:var(--mango-50);--state-warning-border:var(--mango-200);--state-ai:var(--violet-500);--state-ai-bg:var(--violet-50);--state-ai-border:var(--violet-200);--state-focus-mode:var(--sky-500);--state-focus-mode-bg:var(--sky-50);--state-focus-mode-border:var(--sky-200);--state-streak:var(--mango-500);--subject-1:var(--sky-500);--subject-1-bg:var(--sky-50);--subject-2:var(--violet-500);--subject-2-bg:var(--violet-50);--subject-3:var(--leaf-500);--subject-3-bg:var(--leaf-50);--subject-4:var(--mango-600);--subject-4-bg:var(--mango-50);--subject-5:var(--berry-500);--subject-5-bg:var(--berry-50);--subject-6:var(--navy-500);--subject-6-bg:var(--navy-50);--mastery-0:var(--cream-300);--mastery-1:var(--mango-300);--mastery-2:var(--mango-500);--mastery-3:var(--leaf-500)}
:root{--font-display:"Poppins",ui-rounded,"Segoe UI",system-ui,sans-serif;--font-body:"Inter","Poppins",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--text-2xs:12px;--text-xs:13px;--text-sm:15px;--text-base:17px;--text-lg:19px;--text-xl:22px;--text-2xl:26px;--text-3xl:32px;--text-4xl:40px;--text-5xl:52px;--text-6xl:64px;--text-7xl:80px;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-body:1.65;--leading-relaxed:1.8;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0;--tracking-body:.01em;--tracking-wide:.04em;--tracking-label:.08em;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--type-display:var(--weight-extrabold) var(--text-5xl)/var(--leading-tight) var(--font-display);--type-h1:var(--weight-extrabold) var(--text-4xl)/var(--leading-tight) var(--font-display);--type-h2:var(--weight-bold) var(--text-3xl)/var(--leading-snug) var(--font-display);--type-h3:var(--weight-bold) var(--text-xl)/var(--leading-snug) var(--font-display);--type-h4:var(--weight-bold) var(--text-lg)/var(--leading-snug) var(--font-display);--type-body:var(--weight-regular) var(--text-base)/var(--leading-body) var(--font-body);--type-body-sm:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-body);--type-lead:var(--weight-regular) var(--text-lg)/var(--leading-body) var(--font-body);--type-label:var(--weight-semibold) var(--text-sm)/var(--leading-normal) var(--font-body);--type-button:var(--weight-bold) var(--text-base)/1 var(--font-display);--type-overline:var(--weight-bold) var(--text-2xs)/1.2 var(--font-display);--type-mono:var(--weight-medium) var(--text-sm)/var(--leading-normal) var(--font-mono);--measure-prose:62ch;--measure-narrow:44ch}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--gutter-card:var(--space-6);--gutter-card-lg:var(--space-8);--gutter-section:var(--space-12);--gutter-page:var(--space-8);--gap-stack:var(--space-4);--gap-inline:var(--space-3);--sidebar-w:264px;--sidebar-w-collapsed:76px;--topbar-h:72px;--content-max:1160px;--content-max-narrow:720px;--hit-min:44px;--control-h-sm:36px;--control-h:48px;--control-h-lg:56px}
:root{--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--radius-3xl:36px;--radius-pill:999px;--radius-circle:50%;--radius-card:var(--radius-xl);--radius-card-lg:var(--radius-2xl);--radius-control:var(--radius-pill);--radius-input:var(--radius-md);--radius-chip:var(--radius-pill);--radius-sheet:var(--radius-2xl);--radius-media:var(--radius-lg)}
:root{--shadow-xs:0 1px 2px #1736530f;--shadow-sm:0 2px 6px #17365312;--shadow-md:0 6px 18px -4px #1736531f;--shadow-lg:0 18px 38px -10px #17365329;--shadow-xl:0 32px 64px -16px #17365338;--shadow-inset:inset 0 1px 0 #fff9;--edge-primary:0 3px 0 var(--action-primary-edge);--edge-secondary:0 3px 0 var(--action-secondary-edge);--edge-quiet:0 2px 0 var(--cream-300);--edge-card:0 3px 0 var(--cream-200);--ring-focus:0 0 0 3px var(--focus-ring-halo),0 0 0 1px var(--focus-ring);--ring-selected:0 0 0 2px var(--navy-600);--blur-panel:blur(10px)}
:root{--dur-instant:90ms;--dur-fast:.14s;--dur-base:.2s;--dur-slow:.32s;--dur-slower:.52s;--dur-celebrate:.9s;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.5,0,.5,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-settle:cubic-bezier(.16,1,.3,1);--transition-control:background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);--transition-card:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);--press-shift:translateY(2px);--lift-shift:translateY(-2px)}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-slower:0s;--dur-celebrate:0s;--press-shift:none;--lift-shift:none}}
*,:before,:after{box-sizing:border-box}body{background:var(--surface-canvas);color:var(--text-body);font:var(--type-body);letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased;text-wrap:pretty;margin:0}h1,h2,h3,h4,h5{color:var(--text-heading);font-family:var(--font-display);letter-spacing:var(--tracking-snug);margin:0}h1{font:var(--type-h1)}h2{font:var(--type-h2)}h3{font:var(--type-h3)}h4{font:var(--type-h4)}p{margin:0}a{color:var(--text-link);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out);text-decoration-thickness:2px}a:hover{color:var(--text-link-hover)}:focus-visible{box-shadow:var(--ring-focus);outline:none}button,input,select,textarea{font-family:inherit;font-size:inherit}::selection{background:var(--mango-200);color:var(--navy-900)}
.sc-btn{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;font:var(--type-button);letter-spacing:var(--tracking-snug);border-radius:var(--radius-control);transition:var(--transition-control);white-space:nowrap;border:0;text-decoration:none;display:inline-flex;position:relative}.sc-btn--sm{height:var(--control-h-sm);padding:0 var(--space-4);font-size:var(--text-sm)}.sc-btn--md{height:var(--control-h);padding:0 var(--space-6)}.sc-btn--lg{height:var(--control-h-lg);padding:0 var(--space-8);font-size:var(--text-lg)}.sc-btn--block{width:100%}.sc-btn--primary{background:var(--action-primary-bg);color:var(--action-primary-fg);box-shadow:var(--edge-primary)}.sc-btn--primary:hover{background:var(--action-primary-bg-hover)}.sc-btn--primary:active{transform:var(--press-shift);box-shadow:0 0 0 var(--action-primary-edge)}.sc-btn--secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg);box-shadow:var(--edge-secondary)}.sc-btn--secondary:hover{background:var(--action-secondary-bg-hover)}.sc-btn--secondary:active{transform:var(--press-shift);box-shadow:0 0 0 var(--action-secondary-edge)}.sc-btn--quiet{background:var(--action-quiet-bg);color:var(--action-quiet-fg);box-shadow:var(--edge-quiet),inset 0 0 0 1px var(--action-quiet-border)}.sc-btn--quiet:hover{background:var(--action-quiet-bg-hover)}.sc-btn--quiet:active{transform:var(--press-shift);box-shadow:inset 0 0 0 1px var(--action-quiet-border)}.sc-btn--ghost{color:var(--action-ghost-fg);background:0 0}.sc-btn--ghost:hover{background:var(--action-ghost-bg-hover)}.sc-btn--ghost:active{transform:var(--press-shift)}.sc-btn--danger{background:var(--state-danger);color:#fff;box-shadow:0 3px 0 var(--berry-600)}.sc-btn--danger:hover{background:var(--berry-600)}.sc-btn--danger:active{transform:var(--press-shift);box-shadow:0 0 0 var(--berry-600)}.sc-btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.sc-btn:disabled,.sc-btn[aria-disabled=true]{background:var(--action-disabled-bg);color:var(--action-disabled-fg);box-shadow:none;cursor:not-allowed;transform:none}.sc-iconbtn{cursor:pointer;border-radius:var(--radius-pill);transition:var(--transition-control);color:var(--navy-600);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.sc-iconbtn--sm{width:36px;height:36px}.sc-iconbtn--md{width:var(--hit-min);height:var(--hit-min)}.sc-iconbtn--lg{width:52px;height:52px}.sc-iconbtn--ghost:hover{background:var(--action-ghost-bg-hover);color:var(--navy-700)}.sc-iconbtn--quiet{background:var(--surface-card);box-shadow:var(--edge-quiet),inset 0 0 0 1px var(--action-quiet-border)}.sc-iconbtn--quiet:hover{background:var(--action-quiet-bg-hover)}.sc-iconbtn--quiet:active{transform:var(--press-shift);box-shadow:inset 0 0 0 1px var(--action-quiet-border)}.sc-iconbtn--primary{background:var(--action-primary-bg);color:var(--action-primary-fg);box-shadow:var(--edge-primary)}.sc-iconbtn--primary:hover{background:var(--action-primary-bg-hover)}.sc-iconbtn--primary:active{transform:var(--press-shift);box-shadow:none}.sc-iconbtn--inverse{color:var(--text-inverse-muted)}.sc-iconbtn--inverse:hover{color:var(--cream-50);background:#ffffff1a}.sc-iconbtn:focus-visible{box-shadow:var(--ring-focus);outline:none}.sc-icon{vertical-align:-.14em;background-color:currentColor;flex:none;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sc-card{background:var(--surface-card);border-radius:var(--radius-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);padding:var(--gutter-card);transition:var(--transition-card)}.sc-card--flat{box-shadow:none}.sc-card--raised{box-shadow:var(--shadow-md)}.sc-card--edge{box-shadow:var(--edge-card)}.sc-card--sunken{background:var(--surface-sunken);border-color:var(--border-default);box-shadow:none}.sc-card--inverse{background:var(--surface-inverse);border-color:var(--border-inverse);color:var(--text-inverse-muted)}.sc-card--inverse h1,.sc-card--inverse h2,.sc-card--inverse h3,.sc-card--inverse h4{color:var(--cream-50)}.sc-card--accent{background:var(--surface-accent);border-color:var(--mango-200);box-shadow:none}.sc-card--ai{background:var(--surface-ai);border-color:var(--violet-200);box-shadow:none}.sc-card--pad-sm{padding:var(--space-4)}.sc-card--pad-lg{padding:var(--gutter-card-lg)}.sc-card--interactive{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;display:block}.sc-card--interactive:hover{transform:var(--lift-shift);box-shadow:var(--shadow-md)}.sc-card--interactive:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.sc-card--interactive:focus-visible{box-shadow:var(--ring-focus);outline:none}.sc-card--selected{border-color:var(--navy-600);box-shadow:var(--ring-selected)}.sc-badge{align-items:center;gap:var(--space-1);height:26px;padding:0 var(--space-3);border-radius:var(--radius-pill);font:var(--weight-bold) var(--text-xs)/1 var(--font-display);letter-spacing:var(--tracking-wide);white-space:nowrap;display:inline-flex}.sc-badge--neutral{background:var(--cream-200);color:var(--slate-700)}.sc-badge--accent{background:var(--mango-100);color:var(--mango-900)}.sc-badge--success{background:var(--state-success-bg);color:var(--leaf-600)}.sc-badge--danger{background:var(--state-danger-bg);color:var(--berry-600)}.sc-badge--warning{background:var(--state-warning-bg);color:var(--mango-900)}.sc-badge--ai{background:var(--state-ai-bg);color:var(--violet-600)}.sc-badge--focus{background:var(--state-focus-mode-bg);color:var(--sky-600)}.sc-badge--inverse{color:var(--cream-50);background:#ffffff24}.sc-badge--solid.sc-badge--accent{background:var(--mango-500);color:var(--navy-900)}.sc-badge--solid.sc-badge--success{background:var(--leaf-500);color:#fff}.sc-badge--solid.sc-badge--danger{background:var(--berry-500);color:#fff}.sc-badge--solid.sc-badge--ai{background:var(--violet-500);color:#fff}.sc-badge--solid.sc-badge--neutral{background:var(--navy-700);color:var(--cream-50)}.sc-badge--lg{height:32px;padding:0 var(--space-4);font-size:var(--text-sm)}.sc-tag{align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-3);border-radius:var(--radius-chip);font:var(--type-label);font-size:var(--text-xs);background:var(--surface-card);border:1px solid var(--border-default);display:inline-flex}.sc-tag__dot{border-radius:var(--radius-circle);flex:none;width:9px;height:9px}.sc-tag--filled{border-color:#0000}.sc-tag--interactive{cursor:pointer;transition:var(--transition-control)}.sc-tag--interactive:hover{border-color:var(--border-strong)}.sc-tag--removable{padding-right:var(--space-2)}.sc-tag__x{border-radius:var(--radius-circle);cursor:pointer;width:20px;height:20px;color:inherit;opacity:.6;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.sc-tag__x:hover{opacity:1;background:#17365314}.sc-avatar{border-radius:var(--radius-circle);background:var(--navy-600);color:var(--cream-50);font:var(--weight-bold) var(--text-sm)/1 var(--font-display);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.sc-avatar img{object-fit:cover;width:100%;height:100%}.sc-avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.sc-avatar--md{width:44px;height:44px}.sc-avatar--lg{width:64px;height:64px;font-size:var(--text-xl)}.sc-avatar--accent{background:var(--mango-500);color:var(--navy-900)}.sc-avatar--ai{background:var(--violet-500);color:#fff}.sc-avatar--ring{box-shadow:0 0 0 3px var(--surface-card),0 0 0 5px var(--mango-500)}
.sc-field{gap:var(--space-2);flex-direction:column;display:flex}.sc-field__label{font:var(--type-label);color:var(--text-heading)}.sc-field__hint{font:var(--type-body-sm);color:var(--text-muted)}.sc-field__error{align-items:center;gap:var(--space-2);font:var(--type-body-sm);font-weight:var(--weight-medium);color:var(--berry-600);display:flex}.sc-field__req{color:var(--mango-600)}.sc-input{width:100%;height:var(--control-h);padding:0 var(--space-4);background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-input);color:var(--text-heading);font:var(--type-body);transition:var(--transition-control)}.sc-input::placeholder{color:var(--text-faint)}.sc-input:hover{border-color:var(--border-strong)}.sc-input:focus{border-color:var(--navy-600);box-shadow:var(--ring-focus);outline:none}.sc-input[aria-invalid=true]{border-color:var(--berry-500)}.sc-input:disabled{background:var(--cream-200);color:var(--text-faint);cursor:not-allowed}.sc-input--lg{height:var(--control-h-lg);font-size:var(--text-lg);padding:0 var(--space-5)}.sc-input--textarea{height:auto;min-height:120px;padding:var(--space-3) var(--space-4);line-height:var(--leading-body);resize:vertical}.sc-input-wrap{align-items:center;width:100%;display:flex;position:relative}.sc-input-wrap .sc-icon{left:var(--space-4);color:var(--text-faint);pointer-events:none;position:absolute}.sc-input-wrap--icon .sc-input{padding-left:46px}.sc-input-wrap__after{right:var(--space-3);align-items:center;gap:var(--space-1);display:flex;position:absolute}.sc-select{align-items:center;width:100%;display:flex;position:relative}.sc-select select{width:100%;height:var(--control-h);padding:0 42px 0 var(--space-4);background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-input);color:var(--text-heading);font:var(--type-body);appearance:none;cursor:pointer;transition:var(--transition-control)}.sc-select select:hover{border-color:var(--border-strong)}.sc-select select:focus{border-color:var(--navy-600);box-shadow:var(--ring-focus);outline:none}.sc-select .sc-icon{right:var(--space-4);color:var(--navy-500);pointer-events:none;position:absolute}.sc-check{align-items:flex-start;gap:var(--space-3);cursor:pointer;font:var(--type-body);color:var(--text-body);min-height:var(--hit-min);padding:var(--space-2) 0;display:flex;position:relative}.sc-check input{opacity:0;width:0;height:0;position:absolute}.sc-check__box{border:2px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-card);color:#0000;width:26px;height:26px;transition:var(--transition-control);flex:none;justify-content:center;align-items:center;margin-top:1px;display:flex}.sc-check:hover .sc-check__box{border-color:var(--navy-500)}.sc-check input:checked+.sc-check__box{background:var(--navy-700);border-color:var(--navy-700);color:var(--cream-50)}.sc-check input:focus-visible+.sc-check__box{box-shadow:var(--ring-focus)}.sc-check--radio .sc-check__box{border-radius:var(--radius-circle)}.sc-check--radio input:checked+.sc-check__box{background:var(--surface-card);border-color:var(--navy-700);color:var(--navy-700)}.sc-check__dot{border-radius:var(--radius-circle);background:currentColor;width:12px;height:12px}.sc-check--card{padding:var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card)}.sc-check--card:hover{border-color:var(--border-strong)}.sc-check--card:has(input:checked){border-color:var(--navy-600);background:var(--navy-50)}.sc-check__text{flex-direction:column;gap:2px;display:flex}.sc-check__desc{font:var(--type-body-sm);color:var(--text-muted)}.sc-check input:disabled+.sc-check__box{background:var(--cream-200);border-color:var(--border-default)}.sc-switch{align-items:center;gap:var(--space-3);cursor:pointer;min-height:var(--hit-min);font:var(--type-body);color:var(--text-body);display:flex;position:relative}.sc-switch input{opacity:0;width:0;height:0;position:absolute}.sc-switch__track{border-radius:var(--radius-pill);background:var(--cream-300);width:52px;height:30px;transition:background-color var(--dur-base) var(--ease-out);flex:none;position:relative}.sc-switch__knob{border-radius:var(--radius-circle);width:24px;height:24px;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-bounce);background:#fff;position:absolute;top:3px;left:3px}.sc-switch input:checked+.sc-switch__track{background:var(--leaf-500)}.sc-switch input:checked+.sc-switch__track .sc-switch__knob{transform:translate(22px)}.sc-switch input:focus-visible+.sc-switch__track{box-shadow:var(--ring-focus)}.sc-switch--reverse{justify-content:space-between;width:100%}.sc-drop{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);border:2.5px dashed var(--border-strong);border-radius:var(--radius-card);background:var(--surface-raised);text-align:center;cursor:pointer;transition:var(--transition-control);flex-direction:column;display:flex}.sc-drop:hover,.sc-drop--active{border-color:var(--mango-500);background:var(--mango-50)}.sc-drop__glyph{border-radius:var(--radius-circle);background:var(--mango-100);width:64px;height:64px;color:var(--mango-700);justify-content:center;align-items:center;display:flex}.sc-drop__title{font:var(--type-h4);color:var(--text-heading)}.sc-drop__hint{font:var(--type-body-sm);color:var(--text-muted)}.sc-drop input{display:none}.sc-filerow{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex}.sc-filerow__name{font:var(--type-label);color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sc-filerow__meta{font:var(--type-body-sm);color:var(--text-muted)}
.sc-sidenav{width:var(--sidebar-w);background:var(--surface-inverse);color:var(--text-inverse-muted);gap:var(--space-2);padding:var(--space-5) var(--space-4);box-sizing:border-box;flex-direction:column;flex:none;height:100%;display:flex}.sc-sidenav__brand{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-5);display:flex}.sc-sidenav__brand img{width:auto;height:34px;display:block}.sc-sidenav__group{font:var(--type-overline);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--navy-300);padding:var(--space-4) var(--space-3) var(--space-2)}.sc-navitem{align-items:center;gap:var(--space-3);min-height:var(--hit-min);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--navy-200);font:var(--weight-semibold) var(--text-base)/1 var(--font-display);cursor:pointer;text-align:left;width:100%;transition:var(--transition-control);background:0 0;border:0;text-decoration:none;display:flex}.sc-navitem:hover{color:var(--cream-50);background:#ffffff14}.sc-navitem--active{background:var(--mango-500);color:var(--navy-900)}.sc-navitem--active:hover{background:var(--mango-400);color:var(--navy-900)}.sc-navitem__count{font:var(--type-mono);font-size:var(--text-xs);opacity:.8;margin-left:auto}.sc-navitem:focus-visible{box-shadow:var(--ring-focus);outline:none}.sc-sidenav__foot{align-items:center;gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--border-inverse);margin-top:auto;display:flex}.sc-sidenav__name{font:var(--type-label);color:var(--cream-50)}.sc-sidenav__sub{font:var(--type-body-sm);font-size:var(--text-xs);color:var(--navy-300)}.sc-topbar{min-height:var(--topbar-h);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--gutter-page);background:var(--surface-canvas);border-bottom:1px solid var(--border-subtle);z-index:20;flex-wrap:wrap;flex:none;display:flex;position:sticky;top:0}.sc-topbar--card{background:var(--surface-card)}.sc-topbar__title{font:var(--type-h3);color:var(--text-heading);text-wrap:balance}.sc-topbar__head{flex:260px;min-width:0}.sc-topbar__sub{font:var(--type-body-sm);color:var(--text-muted)}.sc-topbar__spacer{flex:1 1 0}.sc-topbar__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:none;display:flex}.sc-tabs{align-items:center;gap:var(--space-1);border-bottom:2px solid var(--border-subtle);display:flex}.sc-tab{cursor:pointer;font:var(--weight-bold) var(--text-base)/1 var(--font-display);color:var(--text-muted);padding:var(--space-3) var(--space-4);min-height:var(--hit-min);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:var(--transition-control);align-items:center;gap:var(--space-2);background:0 0;border:0;display:flex;position:relative}.sc-tab:hover{color:var(--text-heading);background:var(--cream-200)}.sc-tab--active{color:var(--navy-700)}.sc-tab--active:after{content:"";left:var(--space-3);right:var(--space-3);border-radius:var(--radius-pill);background:var(--mango-500);height:3px;position:absolute;bottom:-2px}.sc-tab:focus-visible{box-shadow:var(--ring-focus);outline:none}.sc-tabs--pill{background:var(--surface-sunken);padding:var(--space-1);border-radius:var(--radius-pill);border:0;gap:0;display:inline-flex}.sc-tabs--pill .sc-tab{border-radius:var(--radius-pill);min-height:40px;padding:0 var(--space-5);font-size:var(--text-sm)}.sc-tabs--pill .sc-tab--active{background:var(--surface-card);color:var(--navy-700);box-shadow:var(--shadow-xs)}.sc-tabs--pill .sc-tab--active:after{display:none}
.sc-progress{width:100%;display:block}.sc-progress__track{border-radius:var(--radius-pill);background:var(--cream-300);height:12px;overflow:hidden}.sc-progress__fill{border-radius:var(--radius-pill);background:var(--mango-500);height:100%;transition:width var(--dur-slow) var(--ease-out)}.sc-progress--slim .sc-progress__track{height:8px}.sc-progress--thick .sc-progress__track{height:18px}.sc-progress__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.sc-progress__label{font:var(--type-label)}.sc-progress__value{font:var(--type-mono);color:var(--text-muted)}.sc-progress--success .sc-progress__fill{background:var(--leaf-500)}.sc-progress--ai .sc-progress__fill{background:var(--violet-500)}.sc-progress--focus .sc-progress__fill{background:var(--sky-500)}.sc-progress--inverse .sc-progress__track{background:#ffffff29}.sc-callout{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--surface-raised);font:var(--type-body);display:flex}.sc-callout__glyph{flex:none;margin-top:2px}.sc-callout__title{font:var(--type-h4);color:var(--text-heading);margin-bottom:2px}.sc-callout--info{background:var(--navy-50);border-color:var(--navy-100);color:var(--navy-700)}.sc-callout--success{background:var(--state-success-bg);border-color:var(--state-success-border);color:var(--leaf-600)}.sc-callout--warning{background:var(--state-warning-bg);border-color:var(--state-warning-border);color:var(--mango-900)}.sc-callout--danger{background:var(--state-danger-bg);border-color:var(--state-danger-border);color:var(--berry-600)}.sc-callout--ai{background:var(--state-ai-bg);border-color:var(--state-ai-border);color:var(--violet-600)}.sc-toast{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-pill);background:var(--navy-700);color:var(--cream-50);box-shadow:var(--shadow-lg);font:var(--type-label);animation:sc-toast-in var(--dur-slow) var(--ease-bounce);display:flex}.sc-toast--success{background:var(--leaf-500)}.sc-toast--danger{background:var(--berry-500)}.sc-toast--accent{background:var(--mango-500);color:var(--navy-900)}@keyframes sc-toast-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.sc-toast__close{margin-left:var(--space-2)}.sc-tooltip{display:inline-flex;position:relative}.sc-tooltip__bubble{background:var(--navy-800);color:var(--cream-50);font:var(--type-body-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out);z-index:40;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.sc-tooltip:hover .sc-tooltip__bubble,.sc-tooltip:focus-within .sc-tooltip__bubble{opacity:1}.sc-dialog__scrim{background:var(--surface-overlay);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);padding:var(--space-6);z-index:60;animation:sc-fade var(--dur-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sc-dialog{background:var(--surface-card);border-radius:var(--radius-sheet);box-shadow:var(--shadow-xl);width:100%;max-width:520px;padding:var(--gutter-card-lg);animation:sc-dialog-in var(--dur-slow) var(--ease-bounce)}.sc-dialog--wide{max-width:760px}.sc-dialog__head{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.sc-dialog__title{font:var(--type-h2);font-size:var(--text-2xl);color:var(--text-heading)}.sc-dialog__body{font:var(--type-body);color:var(--text-body);max-width:var(--measure-prose)}.sc-dialog__foot{gap:var(--space-3);margin-top:var(--space-8);justify-content:flex-end;display:flex}@keyframes sc-fade{0%{opacity:0}to{opacity:1}}@keyframes sc-dialog-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.sc-empty{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);flex-direction:column;display:flex}.sc-empty img{opacity:.95;width:132px;height:auto}.sc-empty__title{font:var(--type-h3);color:var(--text-heading)}.sc-empty__body{font:var(--type-body);color:var(--text-muted);max-width:42ch}
.sc-flash{perspective:1600px;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.sc-flash__inner{width:100%;min-height:300px;transform-style:preserve-3d;transition:transform var(--dur-slower) var(--ease-settle);position:relative}.sc-flash--flipped .sc-flash__inner{transform:rotateY(180deg)}.sc-flash__face{backface-visibility:hidden;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-8);border-radius:var(--radius-card-lg);background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.sc-flash__face--back{background:var(--navy-700);border-color:var(--navy-800);transform:rotateY(180deg)}.sc-flash__kicker{font:var(--type-overline);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint)}.sc-flash__face--back .sc-flash__kicker{color:var(--navy-300)}.sc-flash__text{font:var(--weight-bold) var(--text-3xl)/var(--leading-snug) var(--font-display);color:var(--text-heading);text-wrap:balance;max-width:32ch}.sc-flash__face--back .sc-flash__text{color:var(--cream-50);font:var(--weight-regular) var(--text-xl)/var(--leading-body) var(--font-body)}.sc-flash__hint{font:var(--type-body-sm);color:var(--text-faint)}.sc-flash__face--back .sc-flash__hint{color:var(--navy-300)}.sc-flash__foot{gap:var(--space-3);margin-top:var(--space-2);justify-content:center;display:flex}.sc-question{gap:var(--space-5);flex-direction:column;display:flex}.sc-question__stem{font:var(--weight-bold) var(--text-2xl)/var(--leading-snug) var(--font-display);color:var(--text-heading);max-width:52ch}.sc-question__source{align-items:center;gap:var(--space-2);font:var(--type-body-sm);color:var(--text-muted);display:flex}.sc-question__options{gap:var(--space-3);flex-direction:column;display:flex}.sc-option{align-items:center;gap:var(--space-4);text-align:left;width:100%;padding:var(--space-4) var(--space-5);border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);min-height:64px;font:var(--type-body);color:var(--text-body);cursor:pointer;transition:var(--transition-control);display:flex}.sc-option:hover{border-color:var(--navy-400);background:var(--navy-50)}.sc-option:focus-visible{box-shadow:var(--ring-focus);outline:none}.sc-option__key{border-radius:var(--radius-circle);background:var(--cream-200);width:36px;height:36px;color:var(--navy-700);font:var(--weight-bold) var(--text-base)/1 var(--font-display);flex:none;justify-content:center;align-items:center;display:flex}.sc-option--selected{border-color:var(--navy-600);background:var(--navy-50)}.sc-option--selected .sc-option__key{background:var(--navy-700);color:var(--cream-50)}.sc-option--correct{border-color:var(--leaf-500);background:var(--state-success-bg)}.sc-option--correct .sc-option__key{background:var(--leaf-500);color:#fff}.sc-option--wrong{border-color:var(--berry-500);background:var(--state-danger-bg)}.sc-option--wrong .sc-option__key{background:var(--berry-500);color:#fff}.sc-option__mark{margin-left:auto}.sc-ring{place-items:center;display:inline-grid;position:relative}.sc-ring svg{display:block;transform:rotate(-90deg)}.sc-ring__inner{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute}.sc-ring__value{font:var(--weight-extrabold) var(--text-3xl)/1 var(--font-display);color:var(--text-heading)}.sc-ring__label{font:var(--type-body-sm);font-size:var(--text-xs);color:var(--text-muted)}.sc-ring--inverse .sc-ring__value{color:var(--cream-50)}.sc-ring--inverse .sc-ring__label{color:var(--navy-300)}.sc-ring--mono .sc-ring__value{font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:-.02em}.sc-streak{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--mango-100);color:var(--mango-900);font:var(--weight-extrabold) var(--text-base)/1 var(--font-display);display:inline-flex}.sc-streak--solid{background:var(--mango-500);color:var(--navy-900)}.sc-streak--quiet{background:var(--cream-200);color:var(--slate-600)}.sc-streak__unit{font:var(--type-body-sm);font-weight:var(--weight-semibold);opacity:.8}.sc-streak__dots{margin-left:var(--space-2);gap:4px;display:flex}.sc-streak__dot{border-radius:var(--radius-circle);background:#1736532e;width:8px;height:8px}.sc-streak__dot--on{background:var(--navy-700)}.sc-stat{gap:var(--space-2);flex-direction:column;display:flex}.sc-stat__top{align-items:center;gap:var(--space-2);font:var(--type-label);color:var(--text-muted);display:flex}.sc-stat__value{font:var(--weight-extrabold) var(--text-4xl)/1 var(--font-display);color:var(--text-heading);letter-spacing:var(--tracking-tight)}.sc-stat__unit{font:var(--weight-bold) var(--text-lg)/1 var(--font-display);color:var(--text-muted);margin-left:4px}.sc-stat__delta{font:var(--type-body-sm);font-weight:var(--weight-semibold);align-items:center;gap:4px;display:inline-flex}.sc-stat__delta--up{color:var(--leaf-600)}.sc-stat__delta--down{color:var(--berry-600)}.sc-stat--inverse .sc-stat__value{color:var(--cream-50)}.sc-stat--inverse .sc-stat__top{color:var(--navy-300)}.sc-mastery{gap:var(--space-2);flex-direction:column;display:flex}.sc-mastery__row{align-items:center;gap:var(--space-3);display:flex}.sc-mastery__name{font:var(--type-label);color:var(--text-heading);flex:1}.sc-mastery__segs{flex:none;gap:3px;display:flex}.sc-mastery__seg{border-radius:var(--radius-pill);background:var(--mastery-0);width:22px;height:10px}.sc-mastery__count{font:var(--type-mono);font-size:var(--text-xs);color:var(--text-muted);text-align:right;width:52px}.sc-goal{gap:var(--space-4);flex-direction:column;display:flex}.sc-goal__head{align-items:flex-start;gap:var(--space-3);display:flex}.sc-goal__title{font:var(--type-h3);color:var(--text-heading)}.sc-goal__when{font:var(--type-body-sm);color:var(--text-muted)}.sc-goal__glyph{border-radius:var(--radius-md);background:var(--mango-100);width:44px;height:44px;color:var(--mango-700);flex:none;justify-content:center;align-items:center;display:flex}.sc-goal__meta{gap:var(--space-5);font:var(--type-body-sm);color:var(--text-muted);display:flex}

.sc-field__error{color:var(--mango-900)}.sc-input[aria-invalid=true]{border-color:var(--mango-500)}.sc-callout--danger{background:var(--mango-50);border-color:var(--mango-200);color:var(--mango-900)}.sc-toast--danger{background:var(--mango-500);color:var(--navy-900)}.sc-stat__delta--down{color:var(--mango-900)}.sc-option--wrong{border-color:var(--border-strong);background:var(--surface-sunken)}.sc-option--wrong .sc-option__key{background:var(--navy-500);color:#fff}.sc-empty img{width:320px}.sc-flash__inner{display:block}.sc-sidenav{background:var(--surface-card);color:var(--text-body);border-right:1px solid var(--border-subtle)}.sc-sidenav__group{color:var(--text-muted)}.sc-navitem{color:var(--navy-700)}.sc-navitem:hover{background:var(--navy-50);color:var(--navy-800)}.sc-navitem--active,.sc-navitem--active:hover{background:var(--navy-50);color:var(--navy-800);position:relative}.sc-navitem--active:before{content:"";border-radius:var(--radius-pill);background:var(--mango-500);width:3px;position:absolute;top:9px;bottom:9px;left:0}.sc-sidenav__foot{border-top:1px solid var(--border-default)}.sc-sidenav__name{color:var(--navy-700);line-height:1.1;display:block}.sc-sidenav__sub{color:var(--text-muted);margin-top:2px;line-height:1.1;display:block}.sc-sidenav__foot>span:nth-child(2){gap:0}.app-shell{background:var(--surface-canvas);min-height:100dvh;font:var(--type-body);letter-spacing:var(--tracking-body);color:var(--text-body)}.app-brandbar{justify-content:space-between;align-items:center;gap:var(--space-6);max-width:1280px;padding:22px var(--gutter-page) var(--space-2);min-height:78px;margin:0 auto;display:flex}.app-brandbar img{width:auto;height:36px;display:block}.app-brandbar__right{align-items:center;gap:var(--space-5);display:flex}.app-steps{align-items:center;gap:var(--space-3);min-width:260px;display:flex}.app-steps__label{font:var(--type-overline);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.app-steps__bar{width:140px}.app-page{max-width:1280px;padding:0 var(--gutter-page) var(--space-20);margin:0 auto}.app-col{max-width:720px;padding-top:var(--space-12);margin:0 auto}.app-col--wide{max-width:1120px}.app-col--handoff{max-width:760px}.app-hero-art{width:132px;height:auto;display:block}@media (prefers-reduced-motion:no-preference){.app-hero-art{animation:sc-breathe 3.2s var(--ease-settle) infinite}}@keyframes sc-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.015)}}.app-inline-edit{align-items:flex-end;gap:var(--space-3);margin-top:var(--space-5);max-width:520px;display:flex}.app-inline-edit .sc-field{flex:1;min-width:0}.app-sunken{margin-top:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface-sunken)}.app-lede{font:var(--type-lead);color:var(--text-body);max-width:var(--measure-prose);margin-top:var(--space-3)}.app-form{gap:var(--space-5);margin-top:var(--space-8);flex-direction:column;max-width:520px;display:flex}.app-actions{align-items:center;gap:var(--space-5);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.app-note{font:var(--type-body-sm);color:var(--text-muted)}.app-overline{font:var(--type-overline);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.app-split{gap:var(--space-8);margin-top:var(--space-8);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.app-namegrade{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 180px;align-items:start;display:grid}.app-list{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.app-list--roomy{gap:var(--space-4);margin-top:var(--space-8)}.app-row{align-items:center;gap:var(--space-4);display:flex}.app-row__body{flex:1;min-width:0}.app-row__name{font:var(--type-h4);color:var(--text-heading)}.app-row__meta{font:var(--type-body-sm);color:var(--text-muted)}.app-headline{font:var(--type-h2);color:var(--text-heading);letter-spacing:var(--tracking-tight)}@media (max-width:900px){.app-split{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.app-brandbar{padding:var(--space-4) var(--space-5) var(--space-2);min-height:64px}.app-brandbar img{height:30px}.app-brandbar__right{gap:var(--space-3)}.app-steps{gap:var(--space-2);min-width:0}.app-steps__bar{width:64px}.app-steps__label{font-size:10px}.app-inline-edit{flex-direction:column;align-items:stretch}.app-inline-edit .sc-btn{width:100%}.app-row{gap:var(--space-3);flex-wrap:wrap}.app-row__body{flex:60%}.app-page{padding:0 var(--space-5) var(--space-16)}.app-col{padding-top:var(--space-6)}.app-namegrade{grid-template-columns:minmax(0,1fr)}.app-headline{font:var(--type-h3);letter-spacing:var(--tracking-snug)}.app-lede{font:var(--type-body)}.app-actions{align-items:stretch;gap:var(--space-3);flex-direction:column}.app-actions .sc-btn{width:100%}.app-actions .app-note{text-align:center}.sc-card,.sc-card--pad-lg{padding:var(--space-5)}.sc-topbar{padding:var(--space-3) var(--space-5)}.sc-topbar__title{font:var(--type-h4)}.sc-empty img{width:200px}}.sc-app{background:var(--surface-canvas);min-height:100dvh;font:var(--type-body);letter-spacing:var(--tracking-body);color:var(--text-body);display:flex}.sc-app__rail{flex:none;width:264px}.sc-app__main{flex:1;min-width:0}.sc-page{max-width:1160px;margin:0 auto;padding:32px}.sc-page--1000{max-width:1000px}.sc-page--900{max-width:900px}.sc-page--820{max-width:820px}.sc-page--760{max-width:760px}.sc-page--720{max-width:720px}.sc-page--tight{padding-top:24px}.sc-two-col{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.sc-two-col--even{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.sc-stack{flex-direction:column;gap:12px;display:flex}.sc-stack--sm{gap:10px}.sc-stack--lg{gap:24px}.sc-row{align-items:center;gap:16px;display:flex}.sc-row--wrap{flex-wrap:wrap}.sc-row--top{align-items:flex-start}.sc-row--baseline{justify-content:space-between;align-items:baseline}.sc-row__grow{flex:1;min-width:0}.sc-row__fixed{flex:none}.sc-section{margin-top:40px}.sc-section--sm{margin-top:24px}.sc-divide-top{border-top:1px solid var(--border-subtle);margin-top:24px;padding-top:20px}.sc-sunken-block{border-radius:var(--radius-lg);background:var(--surface-sunken);padding:16px 18px}.sc-t-h2{font:var(--type-h2);color:var(--text-heading);letter-spacing:var(--tracking-tight)}.sc-t-h3{font:var(--type-h3);color:var(--text-heading)}.sc-t-h4{font:var(--type-h4);color:var(--text-heading)}.sc-t-lead{font:var(--type-lead);color:var(--text-body);max-width:var(--measure-prose)}.sc-t-body{font:var(--type-body);color:var(--text-body);max-width:var(--measure-prose)}.sc-t-sm{font:var(--type-body-sm);color:var(--text-body)}.sc-t-muted{font:var(--type-body-sm);color:var(--text-muted)}.sc-t-label{font:var(--type-label);color:var(--text-heading)}.sc-t-mono{font:var(--type-mono);font-size:var(--text-sm);color:var(--text-heading);white-space:nowrap}.sc-t-mono--lg{font-size:var(--text-2xl);white-space:normal}.sc-t-overline{font:var(--type-overline);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.sc-pips{flex:none;gap:4px;display:flex}.sc-pips__pip{border-radius:var(--radius-pill);width:22px;height:9px}.sc-pips--sm .sc-pips__pip{width:20px;height:8px}.sc-viewing{z-index:30;background:var(--navy-700);color:var(--cream-50);align-items:center;gap:16px;padding:12px 32px;display:flex;position:sticky;top:0}.sc-viewing__text{min-width:0;font:var(--type-label);flex:1}@media (max-width:900px){.sc-two-col,.sc-two-col--even{grid-template-columns:minmax(0,1fr)}.sc-page{padding:24px}}@media (max-width:720px){.sc-app{flex-direction:column}.sc-app__rail{z-index:40;order:2;width:100%;position:sticky;bottom:0}.sc-app__main{order:1;padding-bottom:8px}.sc-sidenav{border-right:0;border-top:1px solid var(--border-default);flex-direction:row;justify-content:space-around;gap:0;height:auto;padding:6px 8px;box-shadow:0 -2px 12px #0e23380f}.sc-sidenav__brand,.sc-sidenav__group,.sc-sidenav__foot{display:none}.sc-navitem{min-height:56px;font-size:var(--text-2xs);text-align:center;flex-direction:column;flex:1;justify-content:center;gap:2px;width:auto;padding:6px 4px}.sc-navitem--active:before{width:22px;height:3px;inset:2px auto auto 50%;transform:translate(-50%)}.sc-navitem__count{display:none}.sc-page{padding:20px 16px 32px}.sc-viewing{gap:10px;padding:10px 16px}.sc-viewing__text{font-size:var(--text-xs)}.sc-t-h2{font:var(--type-h3);letter-spacing:var(--tracking-snug)}.sc-t-lead{font:var(--type-body)}.sc-actions{flex-direction:column;align-items:stretch}.sc-actions .sc-btn{width:100%}}.sc-trialbar{border-radius:var(--radius-lg);background:var(--surface-sunken);align-items:center;gap:16px;margin-bottom:24px;padding:14px 18px;display:flex}.sc-empty-actions{flex-direction:column;align-items:center;gap:24px;padding-top:24px;display:flex}.sc-empty-actions .sc-actions{justify-content:center;margin-top:0}a.sc-card--interactive{color:inherit;text-decoration:none;display:block}@media (max-width:720px){.sc-row{flex-wrap:wrap}.sc-row__grow{flex:60%}.sc-row form,.sc-row form .sc-btn{width:100%}}.sc-reject{border-radius:var(--radius-lg);background:var(--state-warning-bg);border:1px solid var(--state-warning-border);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.sc-breathing{width:120px;height:auto;display:block}@media (prefers-reduced-motion:no-preference){.sc-breathing{animation:sc-breathe 1.6s var(--ease-settle) infinite}}.sc-edit-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sc-subject-dot{border-radius:var(--radius-circle);flex:none;width:18px;height:18px}@media (max-width:720px){.sc-edit-grid{grid-template-columns:1fr}}.sc-theme-row{border-top:1px solid var(--border-subtle);align-items:center;gap:20px;padding:16px 0;display:flex}.sc-theme-row__meta{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:5px;width:158px;display:flex}@media (max-width:720px){.sc-theme-row{flex-wrap:wrap;gap:12px}.sc-theme-row__meta{flex-direction:row;align-items:center;gap:10px;width:auto}}.sc-grade-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;display:grid}@media (max-width:720px){.sc-grade-grid{grid-template-columns:1fr}}.sc-progress--indeterminate .sc-progress__fill{width:40%;animation:sc-progress-travel 1.4s var(--ease-settle) infinite}@keyframes sc-progress-travel{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.sc-progress--indeterminate .sc-progress__fill{opacity:.45;width:100%;animation:none}}.sc-prog-empty{align-items:center;gap:24px;padding-top:24px}.sc-prog-count{text-align:right;width:260px}.sc-prog-count__num{font:var(--type-mono);color:var(--mango-600);font-size:64px;line-height:1}.sc-prog-tail{padding-bottom:60px}.sc-dot{border-radius:var(--radius-circle);flex:none;width:11px;height:11px}.sc-legend{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.sc-chip{border-radius:var(--radius-pill);height:40px;box-shadow:inset 0 0 0 1px var(--border-default);cursor:pointer;font:var(--type-label);color:var(--text-heading);background:0 0;border:0;align-items:center;gap:10px;padding:0 16px;display:inline-flex}.sc-chip:hover{background:var(--cream-100)}.sc-chip--on{background:var(--navy-50);box-shadow:inset 0 0 0 2px var(--navy-700)}.sc-chip__grade{font:var(--type-mono);font-size:var(--text-sm);color:var(--text-muted)}.sc-isolate{font:var(--type-body-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.sc-chart{aspect-ratio:1040/300;margin-top:20px;margin-bottom:24px;position:relative}.sc-chart svg{width:100%;height:100%;display:block;position:absolute;inset:0}.sc-chart__y{color:var(--text-muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:15px;font-weight:500;position:absolute;left:0;transform:translateY(-50%)}.sc-chart__x{white-space:nowrap;font:var(--type-body-sm);color:var(--text-muted);position:absolute;bottom:-6px;transform:translate(-50%)}.sc-trophies{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.sc-trophy{border-radius:var(--radius-card);background:var(--mango-50);box-shadow:inset 0 0 0 1px var(--mango-300), var(--shadow-sm);padding:26px 28px;position:relative;overflow:hidden}.sc-trophy__blob{border-radius:var(--radius-circle);background:var(--mango-100);width:120px;height:120px;position:absolute;top:-18px;right:-18px}.sc-trophy__body{position:relative}.sc-proof-row{border-top:1px solid var(--border-subtle);align-items:center;gap:24px;padding:18px 0;display:flex}.sc-proof-row__grades{white-space:nowrap;flex:none;align-items:center;gap:12px;display:flex}.sc-feed-row{border-top:1px solid var(--border-subtle);align-items:flex-start;gap:18px;padding:18px 0;display:flex}.sc-feed-row__when{width:100px;font:var(--type-body-sm);color:var(--text-muted);flex:none;padding-top:2px}@media (max-width:720px){.sc-prog-count{text-align:left;width:auto}.sc-prog-count__num{font-size:48px}.sc-trophies{grid-template-columns:minmax(0,1fr)}.sc-proof-row,.sc-feed-row{flex-wrap:wrap}.sc-proof-row__grades{white-space:normal}.sc-feed-row__when{width:100%}.sc-chart{aspect-ratio:380/300}.sc-chart__x{font-size:11px}}.sc-badge-toast{z-index:60;border-radius:var(--radius-sheet);background:var(--surface-card);width:min(560px,100vw - 64px);box-shadow:var(--shadow-lg);border:1px solid var(--mango-300);animation:sc-badge-rise .32s var(--ease-bounce) both;align-items:center;gap:18px;padding:18px 20px;display:flex;position:fixed;bottom:28px;left:50%}.sc-badge-toast__art{width:64px;height:64px;animation:sc-badge-pop .42s var(--ease-bounce) .12s both;flex:none;display:block}.sc-badge-toast__body{text-align:left;min-width:0;color:inherit;flex:1;text-decoration:none}.sc-badge-toast__body:hover .sc-t-h4{text-decoration:underline}@keyframes sc-badge-rise{0%{opacity:0;transform:translate(-50%,26px)}to{opacity:1;transform:translate(-50%)}}@keyframes sc-badge-pop{0%{transform:scale(.82)}70%{transform:scale(1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sc-badge-toast,.sc-badge-toast__art{animation:none}.sc-badge-toast{transform:translate(-50%)}}.sc-badge-toast{transform:translate(-50%)}.sc-trophy-case{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.sc-trophy-tile{text-align:center;border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:inset 0 0 0 1px var(--mango-300);flex-direction:column;align-items:center;gap:10px;padding:20px 14px;display:flex}.sc-trophy-tile__art{width:76px;height:76px;display:block}.sc-trophy-tile--locked{background:var(--cream-50);box-shadow:inset 0 0 0 1px var(--border-subtle)}.sc-trophy-tile--locked .sc-trophy-tile__art{opacity:.34;filter:grayscale(.85)}.sc-trophy-tile--locked .sc-trophy-tile__name{color:var(--text-muted)}.sc-trophy-tile__name{color:var(--text-heading);text-wrap:pretty}.sc-trophy-tile__sub{text-wrap:pretty}.sc-trophy-family+.sc-trophy-family{margin-top:28px}.sc-trophy-family__head{border-bottom:1px solid var(--border-subtle);align-items:baseline;gap:12px;padding-bottom:12px;display:flex}@media (max-width:720px){.sc-trophy-case{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-badge-toast{gap:14px;width:calc(100vw - 24px);padding:14px 16px;bottom:16px}.sc-badge-toast__art{width:52px;height:52px}}.home{background:var(--cream-100);flex-direction:column;min-height:100vh;display:flex}.home__body{flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex}.home__col{flex-direction:column;align-items:flex-start;gap:32px;width:100%;max-width:640px;display:flex}.home__logo{width:auto;height:88px}.home__intro{flex-direction:column;gap:16px;display:flex}.home__eyebrow{font:var(--type-overline);letter-spacing:.12em;text-transform:uppercase;color:var(--mango-600)}.home__headline{font:var(--type-display);letter-spacing:-.02em;color:var(--navy-700);text-wrap:pretty;max-width:20ch;margin:0}.home__lede{font:var(--type-lead);color:var(--slate-600);text-wrap:pretty;max-width:56ch;margin:0}.home__actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.home__aside{font:var(--type-body-sm);color:var(--slate-500)}.home__rule{background:var(--cream-300);width:100%;height:1px}.home__foot{font:var(--type-body-sm);color:var(--slate-500);text-wrap:pretty;max-width:52ch;margin:0;line-height:1.65}.home__foot a{color:var(--navy-700);text-decoration:none}.home__foot a:hover{color:var(--mango-600)}.home__copyright{font:var(--type-body-sm);color:var(--slate-400);padding:0 32px 32px;display:flex}@media (max-width:720px){.home__body{padding:32px 20px}.home__copyright{padding:0 20px 24px}.home__col{gap:24px}.home__logo{height:64px}.home__headline{font:var(--type-h1);letter-spacing:-.01em}}