:root{--cobalt-50:#eef3ff;--cobalt-100:#dce6ff;--cobalt-200:#b5c7ff;--cobalt-300:#8aa4ff;--cobalt-400:#5577f5;--cobalt-500:#2a56e8;--cobalt-600:#1f44cc;--cobalt-700:#1936a6;--cobalt-800:#142a80;--cobalt-900:#0e1e5c;--cobalt-950:#07103a;--saffron-50:#fff8e5;--saffron-100:#ffefc2;--saffron-200:#ffe08a;--saffron-300:#ffcd52;--saffron-400:#f5b02a;--saffron-500:#e89515;--saffron-600:#c57709;--saffron-700:#9b5b05;--saffron-800:#714102;--saffron-900:#4a2a00;--ink-0:#fff;--ink-25:#fbfbfd;--ink-50:#f5f6fa;--ink-100:#eceef5;--ink-200:#dcdfeb;--ink-300:#c1c6d8;--ink-400:#9098af;--ink-500:#6a7392;--ink-600:#4d5571;--ink-700:#363d55;--ink-800:#232940;--ink-900:#14182b;--ink-950:#090c1a;--success-50:#e8f8ee;--success-100:#c9efd7;--success-300:#6fd494;--success-500:#1fae5a;--success-700:#0f7a3d;--success-900:#084221;--danger-50:#fcedec;--danger-100:#f8d5d2;--danger-300:#ee8b83;--danger-500:#e04438;--danger-700:#a1241b;--danger-900:#5a1009;--warning-50:#fff3e0;--warning-100:#ffe2b5;--warning-300:#ffb94a;--warning-500:#f08a0a;--warning-700:#a05a00;--info-50:#e5f3fb;--info-100:#bfe0f4;--info-300:#5daedd;--info-500:#1e7cb8;--info-700:#0e4f7b;--subject-math:#6e5bff;--subject-physics:#1e7cb8;--subject-chem:#1fae5a;--subject-bio:#14a38b;--subject-history:#c57709;--subject-french:#d03a82;--subject-philo:#4d5571;--subject-econ:#e04438;--subject-lang:#2a56e8;--subject-other:#6a7392;--surface-canvas:var(--ink-25);--surface-default:var(--ink-0);--surface-raised:var(--ink-0);--surface-sunken:var(--ink-50);--surface-overlay:var(--ink-0);--surface-inverse:var(--ink-900);--surface-brand:var(--cobalt-500);--surface-brand-soft:var(--cobalt-50);--text-primary:var(--ink-900);--text-secondary:var(--ink-600);--text-tertiary:var(--ink-500);--text-disabled:var(--ink-400);--text-on-brand:var(--ink-0);--text-on-accent:var(--ink-900);--text-link:var(--cobalt-600);--border-subtle:var(--ink-100);--border-default:var(--ink-200);--border-strong:var(--ink-300);--border-focus:var(--cobalt-500);--border-brand:var(--cobalt-500);--action-primary-bg:var(--cobalt-500);--action-primary-bg-hover:var(--cobalt-600);--action-primary-bg-active:var(--cobalt-700);--action-primary-fg:var(--ink-0);--action-primary-ring:color-mix(in oklab,var(--cobalt-500) 35%,transparent);--action-accent-bg:var(--saffron-400);--action-accent-bg-hover:var(--saffron-500);--action-accent-bg-active:var(--saffron-600);--action-accent-fg:var(--ink-900);--action-neutral-bg:var(--ink-0);--action-neutral-bg-hover:var(--ink-50);--action-neutral-bg-active:var(--ink-100);--action-neutral-fg:var(--ink-800);--action-neutral-border:var(--ink-200);--action-ghost-bg:transparent;--action-ghost-bg-hover:var(--ink-100);--action-ghost-bg-active:var(--ink-200);--action-ghost-fg:var(--ink-700);--action-danger-bg:var(--danger-500);--action-danger-bg-hover:var(--danger-700);--action-danger-fg:var(--ink-0);--status-success-bg:var(--success-50);--status-success-fg:var(--success-700);--status-success-border:var(--success-300);--status-danger-bg:var(--danger-50);--status-danger-fg:var(--danger-700);--status-danger-border:var(--danger-300);--status-warning-bg:var(--warning-50);--status-warning-fg:var(--warning-700);--status-warning-border:var(--warning-300);--status-info-bg:var(--info-50);--status-info-fg:var(--info-700);--status-info-border:var(--info-300);--font-display:"Fraunces","Bricolage Grotesque","SF Pro Display",Georgia,serif;--font-body:"Plus Jakarta Sans","Geist","Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace;--display-soft-soft:"opsz" 144,"SOFT" 100,"WONK" 0;--display-soft-warm:"opsz" 144,"SOFT" 60,"WONK" 0;--display-soft-crisp:"opsz" 144,"SOFT" 30,"WONK" 0;--display-soft-sharp:"opsz" 144,"SOFT" 0,"WONK" 0;--display-soft-wonk:"opsz" 144,"SOFT" 80,"WONK" 1;--text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:46px;--text-5xl:60px;--text-6xl:76px;--text-7xl:96px;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.45;--leading-relaxed:1.6;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-caps:0.08em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--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;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-3xl:40px;--radius-full:9999px;--shadow-1:0 1px 2px oklch(30% 0.08 265/0.08);--shadow-2:0 2px 6px oklch(30% 0.08 265/0.08),0 1px 2px oklch(30% 0.08 265/0.05);--shadow-3:0 6px 16px oklch(30% 0.08 265/0.10),0 2px 4px oklch(30% 0.08 265/0.05);--shadow-4:0 14px 32px oklch(30% 0.10 265/0.13),0 4px 8px oklch(30% 0.08 265/0.06);--shadow-5:0 28px 60px oklch(28% 0.10 265/0.20),0 8px 16px oklch(30% 0.08 265/0.08);--shadow-brand:0 10px 28px oklch(50% 0.22 265/0.35),0 2px 4px oklch(45% 0.18 265/0.20);--shadow-accent:0 10px 28px oklch(75% 0.18 75/0.40),0 2px 4px oklch(70% 0.16 75/0.20);--shadow-inset-subtle:inset 0 0 0 1px oklch(30% 0.06 265/0.06);--duration-instant:80ms;--duration-fast:140ms;--duration-normal:220ms;--duration-slow:360ms;--duration-slower:560ms;--duration-slowest:900ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-accelerate:cubic-bezier(0.4,0,1,1);--ease-decelerate:cubic-bezier(0,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.27,1.55);--max-width-content:1280px;--max-width-prose:680px;--gutter-mobile:16px;--gutter-tablet:24px;--gutter-desktop:32px;--z-base:0;--z-raised:10;--z-sticky:100;--z-overlay:500;--z-modal:1000;--z-toast:1500;--z-tooltip:2000;--card-bg:var(--surface-raised);--card-border:var(--border-subtle);--surface-bg:var(--surface-sunken);--input-bg:var(--surface-sunken);--input-border:var(--border-default);--text-muted:var(--text-tertiary);--divider:var(--border-subtle);--gradient-bg-hero:var(--surface-canvas);--gradient-cta:var(--action-accent-bg);--shadow-cta:var(--shadow-accent);--gradient-success:var(--success-500);--gradient-error:var(--danger-500);--gradient-primary:var(--cobalt-500);--font-sora:var(--font-display);--font-heading:var(--font-display)}[data-theme=dark]{--surface-canvas:var(--ink-950);--surface-default:var(--ink-900);--surface-raised:var(--ink-800);--surface-sunken:var(--ink-950);--surface-overlay:var(--ink-800);--surface-inverse:var(--ink-25);--surface-brand:var(--cobalt-400);--surface-brand-soft:color-mix(in oklab,var(--cobalt-500) 18%,var(--ink-900));--text-primary:var(--ink-25);--text-secondary:var(--ink-300);--text-tertiary:var(--ink-400);--text-disabled:var(--ink-600);--text-on-brand:var(--ink-0);--text-on-accent:var(--ink-900);--text-link:var(--cobalt-300);--border-subtle:color-mix(in oklab,var(--ink-700) 60%,transparent);--border-default:var(--ink-700);--border-strong:var(--ink-600);--border-focus:var(--cobalt-400);--border-brand:var(--cobalt-400);--action-primary-bg:var(--cobalt-400);--action-primary-bg-hover:var(--cobalt-300);--action-primary-bg-active:var(--cobalt-500);--action-primary-fg:var(--ink-950);--action-accent-bg:var(--saffron-300);--action-accent-bg-hover:var(--saffron-200);--action-accent-bg-active:var(--saffron-400);--action-neutral-bg:var(--ink-800);--action-neutral-bg-hover:var(--ink-700);--action-neutral-bg-active:var(--ink-600);--action-neutral-fg:var(--ink-100);--action-neutral-border:var(--ink-700);--action-ghost-bg:transparent;--action-ghost-bg-hover:color-mix(in oklab,var(--ink-100) 8%,transparent);--action-ghost-bg-active:color-mix(in oklab,var(--ink-100) 14%,transparent);--action-ghost-fg:var(--ink-200);--action-danger-bg:var(--danger-500);--action-danger-bg-hover:var(--danger-300);--status-success-bg:color-mix(in oklab,var(--success-500) 18%,var(--ink-900));--status-success-fg:var(--success-300);--status-success-border:color-mix(in oklab,var(--success-500) 40%,transparent);--status-danger-bg:color-mix(in oklab,var(--danger-500) 18%,var(--ink-900));--status-danger-fg:var(--danger-300);--status-danger-border:color-mix(in oklab,var(--danger-500) 40%,transparent);--status-warning-bg:color-mix(in oklab,var(--warning-500) 20%,var(--ink-900));--status-warning-fg:var(--warning-300);--status-warning-border:color-mix(in oklab,var(--warning-500) 40%,transparent);--status-info-bg:color-mix(in oklab,var(--info-500) 20%,var(--ink-900));--status-info-fg:var(--info-300);--status-info-border:color-mix(in oklab,var(--info-500) 40%,transparent);--shadow-1:0 1px 2px oklch(0% 0 0/0.40);--shadow-2:0 2px 6px oklch(0% 0 0/0.40),0 1px 2px oklch(0% 0 0/0.30);--shadow-3:0 6px 16px oklch(0% 0 0/0.50),0 2px 4px oklch(0% 0 0/0.30);--shadow-4:0 14px 32px oklch(0% 0 0/0.55),0 4px 8px oklch(0% 0 0/0.35);--shadow-5:0 28px 60px oklch(0% 0 0/0.65),0 8px 16px oklch(0% 0 0/0.40);--shadow-brand:0 10px 28px oklch(60% 0.22 265/0.55);--shadow-accent:0 10px 28px oklch(75% 0.18 75/0.45);--shadow-inset-subtle:inset 0 0 0 1px oklch(100% 0 0/0.06)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img{max-width:100%;display:block}button{font:inherit}.btn{--_bg:var(--action-primary-bg);--_bg-hover:var(--action-primary-bg-hover);--_bg-active:var(--action-primary-bg-active);--_fg:var(--action-primary-fg);--_border:transparent;--_ring:var(--action-primary-ring);--_shadow:var(--shadow-2);display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;font-family:var(--font-body);font-weight:600;letter-spacing:-.005em;border-radius:var(--radius-md);border:1px solid var(--_border);background:var(--_bg);color:var(--_fg);box-shadow:var(--_shadow);cursor:pointer;user-select:none;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.btn:hover{background:var(--_bg-hover)}.btn:active{background:var(--_bg-active);transform:translateY(1px) scale(.97);box-shadow:var(--shadow-1)}.btn:focus-visible{outline:0;box-shadow:var(--_shadow),0 0 0 4px var(--_ring)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn--xs{height:26px;padding:0 10px;font-size:12px;gap:6px;border-radius:var(--radius-sm)}.btn--sm{height:34px;padding:0 14px;font-size:13px}.btn--md{height:42px;padding:0 18px;font-size:14px}.btn--lg{height:52px;padding:0 24px;font-size:16px}.btn--lg,.btn--xl{border-radius:var(--radius-lg)}.btn--xl{height:60px;padding:0 32px;font-size:17px}.btn--primary{box-shadow:var(--shadow-brand)}.btn--primary:active{box-shadow:0 4px 8px rgba(42,86,232,.2)}.btn--accent{--_bg:var(--action-accent-bg);--_bg-hover:var(--action-accent-bg-hover);--_bg-active:var(--action-accent-bg-active);--_fg:var(--action-accent-fg);--_ring:color-mix(in oklab,var(--saffron-400) 35%,transparent);box-shadow:var(--shadow-accent)}.btn--accent:active{box-shadow:0 4px 8px rgba(232,149,21,.2)}.btn--secondary{--_bg:var(--action-neutral-bg);--_bg-hover:var(--action-neutral-bg-hover);--_bg-active:var(--action-neutral-bg-active);--_fg:var(--action-neutral-fg);--_border:var(--action-neutral-border);--_shadow:var(--shadow-1);--_ring:var(--ink-200)}.btn--ghost{--_bg:var(--action-ghost-bg);--_bg-hover:var(--action-ghost-bg-hover);--_bg-active:var(--action-ghost-bg-active);--_fg:var(--action-ghost-fg);--_shadow:none;--_ring:var(--ink-200)}.btn--danger{--_bg:var(--action-danger-bg);--_bg-hover:var(--action-danger-bg-hover);--_bg-active:var(--danger-900);--_fg:var(--action-danger-fg);--_ring:color-mix(in oklab,var(--danger-500) 35%,transparent)}.btn--link{--_bg:transparent;--_bg-hover:transparent;--_bg-active:transparent;--_fg:var(--cobalt-600);--_shadow:none;text-decoration:underline;text-underline-offset:4px;height:auto;padding:4px 0}.btn--icon{width:42px;padding:0}.btn--icon.btn--sm{width:34px}.btn--icon.btn--lg{width:52px}.btn--icon.btn--xs{width:26px}.btn[data-loading=true]{color:transparent!important;pointer-events:none}.btn[data-loading=true]:after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid;border-top:2px solid transparent;color:var(--_fg);animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn--pill{border-radius:var(--radius-full)}.btn--block{width:100%}.btn-group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-default);background:var(--surface-default)}.btn-group .btn{border-radius:0;border:0;border-right:1px solid var(--border-default);box-shadow:none;background:transparent;color:var(--text-secondary)}.btn-group .btn:last-child{border-right:0}.btn-group .btn[aria-pressed=true]{background:var(--cobalt-50);color:var(--cobalt-700);font-weight:600}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;justify-content:space-between;align-items:baseline}.field__hint{font-size:12px;color:var(--text-tertiary)}.field__error{font-size:12px;color:var(--danger-700);display:flex;gap:4px;align-items:center}.field__optional{font-size:11px;color:var(--text-tertiary);font-weight:400}@media (max-width:767px){.input,.select,.textarea{font-size:16px}}.input,.select,.textarea{display:block;width:100%;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 12px;height:42px;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.textarea{height:auto;min-height:96px;resize:vertical;padding:12px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--border-focus);box-shadow:0 0 0 4px var(--action-primary-ring)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--ink-50);color:var(--text-disabled);cursor:not-allowed}.input[data-state=error],.textarea[data-state=error]{border-color:var(--danger-500)}.input[data-state=error]:focus,.textarea[data-state=error]:focus{box-shadow:0 0 0 4px color-mix(in oklab,var(--danger-500) 30%,transparent)}.input[data-state=success]{border-color:var(--success-500)}.input-wrap{position:relative}.input-wrap .input{padding-left:38px}.input-wrap__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.input-wrap--trailing .input{padding-left:12px;padding-right:38px}.input-wrap--trailing .input-wrap__icon{left:auto;right:12px}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 5l3 3 3-3' stroke='%236A7392' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.checkbox input{position:absolute;opacity:0;pointer-events:none}.checkbox__box{width:20px;height:20px;border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-default);display:grid;place-items:center;transition:all var(--duration-fast) var(--ease-standard)}.checkbox__box svg{opacity:0;transform:scale(.6);transition:all var(--duration-normal) var(--ease-spring);color:#fff}.checkbox input:checked+.checkbox__box{background:var(--cobalt-500);border-color:var(--cobalt-500)}.checkbox input:checked+.checkbox__box svg{opacity:1;transform:scale(1)}.checkbox input:focus-visible+.checkbox__box{box-shadow:0 0 0 4px var(--action-primary-ring)}.checkbox__label{font-size:14px;color:var(--text-primary)}.radio{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.radio input{position:absolute;opacity:0;pointer-events:none}.radio__dot{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface-default);display:grid;place-items:center;transition:all var(--duration-fast) var(--ease-standard)}.radio__dot:after{content:"";width:10px;height:10px;border-radius:50%;background:#fff;transform:scale(0);transition:transform var(--duration-normal) var(--ease-spring)}.radio input:checked+.radio__dot{background:var(--cobalt-500);border-color:var(--cobalt-500)}.radio input:checked+.radio__dot:after{transform:scale(1)}.radio input:focus-visible+.radio__dot{box-shadow:0 0 0 4px var(--action-primary-ring)}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle__track{width:40px;height:24px;border-radius:999px;background:var(--ink-200);position:relative;transition:background var(--duration-normal) var(--ease-standard)}.toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-1);transition:transform var(--duration-normal) var(--ease-spring)}.toggle input:checked+.toggle__track{background:var(--cobalt-500)}.toggle input:checked+.toggle__track:after{transform:translateX(16px)}.toggle input:focus-visible+.toggle__track{box-shadow:0 0 0 4px var(--action-primary-ring)}.slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--ink-100);border-radius:999px;outline:0}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--cobalt-500);box-shadow:var(--shadow-2);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring)}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--cobalt-500);box-shadow:var(--shadow-2);cursor:pointer}.segmented{display:inline-flex;background:var(--ink-100);padding:4px;border-radius:var(--radius-md);gap:2px}.segmented button{border:0;background:transparent;padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.segmented button[aria-pressed=true]{background:#fff;color:var(--text-primary);box-shadow:var(--shadow-1);font-weight:600}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-full);background:var(--ink-100);color:var(--ink-700);line-height:1.6}.badge--primary{background:var(--cobalt-100);color:var(--cobalt-700)}.badge--accent{background:var(--saffron-100);color:var(--saffron-700)}.badge--success{background:var(--success-50);color:var(--success-700)}.badge--danger{background:var(--danger-50);color:var(--danger-700)}.badge--warning{background:var(--warning-50);color:var(--warning-700)}.badge--info{background:var(--info-50);color:var(--info-700)}.badge--solid{background:var(--cobalt-500);color:#fff}.badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:var(--radius-sm);background:var(--ink-50);color:var(--ink-700);border:1px solid var(--border-subtle)}.tag--removable button{border:0;background:transparent;cursor:pointer;color:var(--text-tertiary);padding:0;line-height:1}.chip,.tag--removable button:hover{color:var(--text-primary)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;border-radius:var(--radius-full);background:#fff;border:1px solid var(--border-default);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.chip:hover{border-color:var(--border-strong)}.chip[aria-pressed=true]{background:var(--cobalt-500);border-color:var(--cobalt-500);color:#fff}.chip__dot{width:8px;height:8px;border-radius:50%;background:var(--cobalt-500)}.chip--subject{padding-left:10px}.card{background:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px;transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-3);border-color:var(--border-default)}.card--padless{padding:0;overflow:hidden}.card--brand{background:linear-gradient(135deg,var(--cobalt-600) 0,var(--cobalt-800) 100%);color:#fff;border:0}.progress{width:100%;height:8px;background:var(--ink-100);border-radius:999px;overflow:hidden}.progress__bar{height:100%;background:var(--cobalt-500);border-radius:999px;transition:width var(--duration-slow) var(--ease-standard)}.progress--lg{height:12px}.progress--sm{height:4px}.progress--accent .progress__bar{background:var(--saffron-400)}.progress--success .progress__bar{background:var(--success-500)}.progress--gradient .progress__bar{background:linear-gradient(90deg,var(--cobalt-500),var(--saffron-400))}@keyframes bar-fill-enter{0%{clip-path:inset(0 100% 0 0 round 999px)}to{clip-path:inset(0 0 0 0 round 999px)}}.progress__bar{animation:bar-fill-enter .8s var(--ease-decelerate) both}.priority-card__bar-fill{animation:bar-fill-enter .8s var(--ease-decelerate) 80ms both}.mastery-bar__fill{animation:bar-fill-enter .7s var(--ease-decelerate) both}@media (prefers-reduced-motion:reduce){.mastery-bar__fill,.priority-card__bar-fill,.progress__bar{animation:none}}.score-ring__bg{stroke:var(--ink-100)}.score-ring__fg{stroke:var(--cobalt-500);transition:stroke-dashoffset var(--duration-slower) var(--ease-standard)}.toast{display:flex;align-items:flex-start;gap:12px;background:var(--ink-900);color:#fff;padding:14px 16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-4);min-width:320px;max-width:420px;font-size:14px}.toast__icon{flex-shrink:0;margin-top:1px}.toast--success .toast__icon{color:var(--success-300)}.toast--danger .toast__icon{color:var(--danger-300)}.toast--warning .toast__icon{color:var(--saffron-300)}.toast__content{flex:1;line-height:1.45}.toast__title{font-weight:600;margin-bottom:2px}.toast__desc{color:hsla(0,0%,100%,.7);font-size:13px}.toast__close{border:0;background:transparent;color:hsla(0,0%,100%,.5);cursor:pointer;padding:0}.tip,.toast__close:hover{color:#fff}.tip{display:inline-block;font-size:12px;font-weight:500;padding:6px 10px;border-radius:var(--radius-sm);position:relative;box-shadow:var(--shadow-3)}.tip,.tip:after{background:var(--ink-900)}.tip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px}.modal-backdrop{position:relative;background:rgba(20,24,43,.55);backdrop-filter:blur(4px);padding:32px;display:grid;place-items:center;min-height:320px}.modal,.modal-backdrop{border-radius:var(--radius-xl)}.modal{background:#fff;box-shadow:var(--shadow-5);width:100%;max-width:440px;padding:28px}.modal__title{font-family:var(--font-display);font-size:22px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.modal__desc{font-size:14px;color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.modal__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-default)}.tabs button{border:0;background:transparent;padding:12px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--duration-fast) var(--ease-standard)}.tabs button:hover{color:var(--text-primary)}.tabs button[aria-selected=true]{color:var(--cobalt-700);border-bottom-color:var(--cobalt-500);font-weight:600}.subject-card{--_color:var(--cobalt-500);position:relative;padding:20px;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:all var(--duration-normal) var(--ease-standard)}.subject-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--_color)}.subject-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}.subject-card__icon{width:40px;height:40px;border-radius:var(--radius-md);background:color-mix(in oklab,var(--_color) 12%,#fff);color:var(--_color);display:grid;place-items:center}.subject-card__name{font-weight:600;font-size:15px;margin:0}.subject-card__meta{font-size:12px;color:var(--text-tertiary)}.subject-card__mastery{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.quiz-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:32px;box-shadow:var(--shadow-2);max-width:540px}.quiz-card__progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quiz-card__question{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:8px 0 24px}.quiz-card__choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1.5px solid var(--border-default);border-radius:var(--radius-lg);background:#fff;padding:14px 16px;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.quiz-card__choice:hover{border-color:var(--cobalt-300);background:var(--cobalt-50)}.quiz-card__choice[aria-pressed=true]{border-color:var(--cobalt-500);background:var(--cobalt-50);color:var(--cobalt-800)}.quiz-card__choice[data-state=correct]{border-color:var(--success-500);background:var(--success-50);color:var(--success-900)}.quiz-card__choice[data-state=wrong]{border-color:var(--danger-500);background:var(--danger-50);color:var(--danger-900)}.quiz-card__letter{width:28px;height:28px;border-radius:8px;background:var(--ink-50);border:1px solid var(--border-subtle);display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-secondary)}.quiz-card__choice[aria-pressed=true] .quiz-card__letter{background:var(--cobalt-500);color:#fff;border-color:var(--cobalt-500)}.quiz-card__choice[data-state=correct] .quiz-card__letter{background:var(--success-500);color:#fff;border-color:var(--success-500)}.quiz-card__choice[data-state=wrong] .quiz-card__letter{background:var(--danger-500);color:#fff;border-color:var(--danger-500)}.streak{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-full);background:linear-gradient(135deg,#ffe08a,#f5b02a);color:var(--saffron-900);font-weight:700;font-size:13px;box-shadow:var(--shadow-2)}.streak__flame{font-size:14px}.xp-bar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.xp-bar__level{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--cobalt-500),var(--cobalt-700));color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px}.xp-bar__progress{flex:1;min-width:100px}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--ink-100);display:inline-grid;place-items:center;font-weight:600;font-size:14px;color:var(--text-secondary)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--xs{width:24px;height:24px;font-size:11px}.avatar--sm{width:32px;height:32px;font-size:12px}.avatar--lg{width:56px;height:56px;font-size:18px}.avatar--xl{width:80px;height:80px;font-size:24px}.skeleton{background:linear-gradient(90deg,var(--ink-100) 0,var(--ink-50) 50%,var(--ink-100) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.logo-mark{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.logo-mark__rond{width:44px;height:44px;border-radius:50%;background-image:url(/images/frida/frida-rond.png);background-size:cover;background-position:50%;box-shadow:var(--shadow-2)}.logo-mark__wordmark{font-size:22px;display:flex;align-items:baseline}.logo-mark__wordmark span{display:inline-block}.logo-mark__wordmark .logo-mark__dot{width:6px;height:6px;background:var(--saffron-400);border-radius:50%;margin-left:1px;align-self:flex-end;margin-bottom:6px}.ds-footer__title,.ds-page-header__title,.ds-section__title{font-variation-settings:var(--display-soft-warm)}.ds-page-header__title{font-variation-settings:var(--display-soft-soft)}.ds-section__title{font-variation-settings:var(--display-soft-warm)}.ds-subsection__title{font-variation-settings:var(--display-soft-crisp)}.fraunces-soft{font-family:var(--font-display);font-variation-settings:var(--display-soft-soft)}.fraunces-warm{font-family:var(--font-display);font-variation-settings:var(--display-soft-warm)}.fraunces-crisp{font-family:var(--font-display);font-variation-settings:var(--display-soft-crisp)}.fraunces-sharp{font-family:var(--font-display);font-variation-settings:var(--display-soft-sharp)}.fraunces-wonk{font-family:var(--font-display);font-variation-settings:var(--display-soft-wonk);font-style:italic}.skeleton{position:relative;overflow:hidden;background:color-mix(in oklab,var(--text-primary) 6%,transparent);border-radius:var(--radius-sm);color:transparent!important;user-select:none}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent 0,color-mix(in oklab,var(--cobalt-500) 8%,transparent) 50%,transparent 100%);animation:skeleton-shimmer 1.4s var(--ease-standard) infinite}.skeleton--text{height:.9em;border-radius:4px}.skeleton--title{height:1.4em;border-radius:6px}.skeleton--circle{border-radius:50%}.skeleton--block{width:100%;height:100%;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease-decelerate),transform .4s var(--ease-decelerate);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.confetti__piece{position:absolute;top:-10%;width:8px;height:14px;border-radius:1px;opacity:0;animation:confetti-fall 1.8s cubic-bezier(.2,.6,.4,1) forwards}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:1}to{opacity:0;transform:translateY(120vh) rotate(2turn)}}.theme-toggle{position:fixed;top:16px;right:16px;z-index:80;width:44px;height:44px;border-radius:12px;background:var(--surface-default);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-2);transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.theme-toggle:hover{background:var(--surface-sunken);transform:translateY(-1px)}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:64px;background:var(--surface-default);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:flex-start;padding:12px 10px 16px;z-index:200;gap:4px;overflow:hidden;transition:width .2s cubic-bezier(.32,0,.08,1)}.app-sidebar:hover{width:220px}.app-sidebar__logo{display:flex;align-items:center;justify-content:center;width:44px;margin-bottom:12px;flex-shrink:0}.app-sidebar__logo img{height:32px;width:auto;object-fit:contain;flex-shrink:0}.app-sidebar__spacer{flex:1}.nav-item{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:0;color:var(--text-tertiary);background:transparent;text-decoration:none;position:relative;flex-shrink:0;white-space:nowrap;overflow:hidden;padding:0;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),width .2s cubic-bezier(.32,0,.08,1),gap .2s cubic-bezier(.32,0,.08,1),padding .2s cubic-bezier(.32,0,.08,1),justify-content .2s cubic-bezier(.32,0,.08,1)}.app-sidebar:hover .nav-item{width:calc(220px - 20px);justify-content:flex-start;gap:12px;padding:0 10px}.nav-item:hover{background:var(--ink-50);color:var(--text-primary)}.nav-item--active,.nav-item[aria-current=page]{background:var(--cobalt-50);color:var(--cobalt-600)}.nav-item svg{flex-shrink:0;transition:transform var(--duration-fast) var(--ease-spring)}.nav-item:hover svg{transform:scale(1.12)}.nav-item--active svg{transform:scale(1.05)}.nav-item__label{font-family:var(--font-body);font-size:13px;font-weight:500;opacity:0;max-width:0;pointer-events:none;transition:opacity .15s ease 50ms,max-width .2s cubic-bezier(.32,0,.08,1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.app-sidebar:hover .nav-cta .nav-item__label,.app-sidebar:hover .nav-item__label{opacity:1;max-width:160px}.nav-item__badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;border-radius:8px;background:var(--danger-500);font-size:10px;font-family:var(--font-body);font-weight:700;padding:0 4px;line-height:1;border:2px solid var(--surface-default)}.nav-cta,.nav-item__badge{color:#fff;display:flex;align-items:center;justify-content:center}.nav-cta{width:44px;height:44px;border-radius:var(--radius-md);gap:0;background:var(--cobalt-500);text-decoration:none;flex-shrink:0;white-space:nowrap;overflow:hidden;padding:0;box-shadow:var(--shadow-brand);transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),width .2s cubic-bezier(.32,0,.08,1),gap .2s cubic-bezier(.32,0,.08,1),padding .2s cubic-bezier(.32,0,.08,1),justify-content .2s cubic-bezier(.32,0,.08,1)}.app-sidebar:hover .nav-cta{width:calc(220px - 20px);justify-content:flex-start;gap:12px;padding:0 10px}.nav-cta:hover{background:var(--cobalt-600);transform:translateY(-1px);box-shadow:var(--shadow-4)}.nav-cta:active{transform:translateY(0) scale(.95);box-shadow:var(--shadow-brand)}.nav-cta svg{flex-shrink:0;transition:transform var(--duration-fast) var(--ease-spring)}.nav-cta:hover svg{transform:scale(1.1)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface-default);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);display:flex;align-items:flex-end;justify-content:space-around;padding:8px 0 max(12px,env(safe-area-inset-bottom));z-index:100;height:64px}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-tertiary);text-decoration:none;min-width:44px;min-height:44px;justify-content:center;font-family:var(--font-body);font-size:10px;font-weight:500;transition:color var(--duration-fast) var(--ease-standard);position:relative}.bottom-nav__item--active{color:var(--cobalt-600);font-weight:600}.bottom-nav__item--active:after{content:"";position:absolute;top:4px;left:50%;transform:translateX(-50%);width:18px;height:3px;border-radius:2px;background:var(--cobalt-500);animation:indicator-pop .28s var(--ease-spring) both}@keyframes indicator-pop{0%{transform:translateX(-50%) scaleX(.3);opacity:0}to{transform:translateX(-50%) scaleX(1);opacity:1}}@media (prefers-reduced-motion:reduce){.bottom-nav__item--active:after{animation:none}}.bottom-nav__item svg{transition:transform var(--duration-fast) var(--ease-spring)}.bottom-nav__item--active svg{transform:scale(1.12)}.bottom-nav__item:active svg{transform:scale(.88)}.bottom-nav__item-badge{position:absolute;top:4px;right:4px;min-width:15px;height:15px;border-radius:8px;background:var(--danger-500);font-size:9px;font-family:var(--font-body);font-weight:700;padding:0 3px;line-height:1}.bottom-nav__cta,.bottom-nav__item-badge{color:#fff;display:flex;align-items:center;justify-content:center}.bottom-nav__cta{width:48px;height:48px;border-radius:50%;background:var(--cobalt-500);border:3px solid var(--surface-default);margin-top:-16px;flex-shrink:0;box-shadow:var(--shadow-brand);text-decoration:none;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.bottom-nav__cta:hover{background:var(--cobalt-600);transform:translateY(-1px)}.bottom-nav__cta:active{background:var(--cobalt-700);transform:scale(.92)}.page-main{position:relative}@media (min-width:768px){.page-main{margin-left:64px}}.page-content{padding:20px 16px calc(72px + env(safe-area-inset-bottom));max-width:700px;margin:0 auto}@media (min-width:768px){.page-content{padding:24px 24px 40px}}.dash-stack{display:flex;flex-direction:column;gap:14px;margin-top:14px}.dash-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dash-header__title{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--text-primary);margin:0;line-height:1.3}.dash-header__badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px}.dash-header__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.dash-frida-card{display:flex;align-items:center;gap:12px;padding:14px 16px}.dash-frida-card__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;transition:transform var(--duration-normal) var(--ease-spring)}.dash-frida-card:hover .dash-frida-card__avatar{transform:scale(1.1) rotate(-4deg)}.dash-frida-card__text{font-size:13px;color:var(--text-primary);line-height:1.55;margin:0}.priority-card{position:relative;overflow:hidden;padding:18px}.priority-card__eyebrow{font-size:11px;font-weight:500;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px}.priority-card__title{font-family:var(--font-display);font-weight:700;font-size:18px;color:#fff;margin:0 0 2px;line-height:1.3}.priority-card__meta{font-size:12px;color:hsla(0,0%,100%,.7);margin:0 0 10px}.priority-card__tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px;align-items:center}.priority-card__tag-label{font-size:11px;color:hsla(0,0%,100%,.75)}.priority-card__tag{font-size:11px;font-weight:500;color:#fff;background:hsla(0,0%,100%,.12);border:.5px solid hsla(0,0%,100%,.2);border-radius:var(--radius-full);padding:2px 9px}.priority-card__mastery-label{display:flex;justify-content:space-between;margin-bottom:4px}.priority-card__mastery-label span{font-size:11px;color:hsla(0,0%,100%,.7)}.priority-card__mastery-label strong{font-family:var(--font-display);font-weight:700;font-size:11px;color:#fff}.priority-card__bar{height:5px;border-radius:999px;background:hsla(0,0%,100%,.1);overflow:hidden;margin-bottom:14px}.priority-card__bar-fill{height:100%;background:var(--saffron-400);border-radius:999px;transition:width var(--duration-slow) var(--ease-standard)}.priority-card__frida{position:absolute;bottom:8px;right:8px;width:44px;height:44px;border-radius:50%;object-fit:cover;opacity:.85;pointer-events:none;transition:transform var(--duration-normal) var(--ease-spring),opacity var(--duration-fast) var(--ease-standard)}.priority-card:hover .priority-card__frida{transform:scale(1.15) rotate(-6deg);opacity:1}.priority-card--urgent{border:1px solid color-mix(in oklab,var(--danger-400) 55%,transparent)}.priority-card__meta--urgent{color:var(--danger-300);font-weight:600;font-size:13px}.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-tile{text-align:center;padding:10px 8px;cursor:default}.stat-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.stat-tile__value{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1;margin:2px 0}.stat-tile__label{font-size:10px;color:var(--text-tertiary);margin:0}.week-streak{padding:14px 16px}.week-streak__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.week-streak__title{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--text-primary);margin:0}.week-streak__count{font-size:12px;color:var(--text-secondary)}.week-streak__days{display:flex;justify-content:space-between;gap:4px}.week-day{flex-direction:column;gap:4px;flex:1}.week-day,.week-day__circle{display:flex;align-items:center}.week-day__circle{width:32px;height:32px;border-radius:50%;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:11px;transition:all var(--duration-fast) var(--ease-standard)}.week-day__circle--done{background:var(--cobalt-500);color:#fff}.week-day__circle--today{background:transparent;border:2px solid var(--cobalt-500);color:var(--cobalt-600)}.week-day__circle--future{background:var(--ink-50);color:var(--text-tertiary)}@keyframes circle-pop{0%{transform:scale(.45);opacity:0}to{transform:scale(1);opacity:1}}.week-day__circle--done{animation:circle-pop .36s var(--ease-spring) both}.week-streak__days .week-day:first-child .week-day__circle--done{animation-delay:0ms}.week-streak__days .week-day:nth-child(2) .week-day__circle--done{animation-delay:40ms}.week-streak__days .week-day:nth-child(3) .week-day__circle--done{animation-delay:80ms}.week-streak__days .week-day:nth-child(4) .week-day__circle--done{animation-delay:.12s}.week-streak__days .week-day:nth-child(5) .week-day__circle--done{animation-delay:.16s}.week-streak__days .week-day:nth-child(6) .week-day__circle--done{animation-delay:.2s}.week-streak__days .week-day:nth-child(7) .week-day__circle--done{animation-delay:.24s}@media (prefers-reduced-motion:reduce){.week-day__circle--done{animation:none}}.week-day__label{font-size:9px;font-weight:500}.week-day__label--done{color:var(--cobalt-500)}.week-day__label--today{color:var(--cobalt-600);font-weight:600}.week-day__label--other{color:var(--text-tertiary)}.plan-card{padding:14px 16px}.plan-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.plan-card__title{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--text-primary);margin:0}.plan-card__total{font-size:12px;color:var(--text-secondary)}.plan-row{display:flex;align-items:center;gap:8px;padding:4px 0;transition:transform var(--duration-fast) var(--ease-standard)}.plan-row:hover{transform:translateX(3px)}.plan-row__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-spring)}.plan-row:hover .plan-row__dot{transform:scale(1.4)}.plan-row__matiere{font-size:13px;color:var(--text-primary);flex:1}.plan-row__duration{font-size:12px;color:var(--text-secondary);flex-shrink:0}.mastery-section__title{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.mastery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mastery-tile{padding:12px;cursor:default}.mastery-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-3);border-color:var(--border-default)}.mastery-tile__name{font-size:10px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mastery-tile__pct{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1;margin:0 0 8px}.next-badge-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:14px 16px}.next-badge-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-lg)}.next-badge-link__left{display:flex;align-items:center;gap:10px}.next-badge-link__icon{font-size:20px}.next-badge-link__name{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--text-primary);margin:0}.next-badge-link__desc{font-size:12px;color:var(--text-secondary);margin:0}.import-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:14px 16px}.import-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-lg)}.import-link__left{display:flex;align-items:center;gap:10px}.import-link__title{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--text-primary);margin:0}.import-link__desc{font-size:12px;color:var(--text-secondary);margin:0}.import-link:hover,.next-badge-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-3);border-color:var(--border-default)}.import-link>svg,.next-badge-link>svg{transition:transform var(--duration-fast) var(--ease-spring);flex-shrink:0}.import-link:hover>svg,.next-badge-link:hover>svg{transform:translateX(4px)}.freemium-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--surface-brand-soft);border:1px solid var(--border-brand);border-radius:var(--radius-lg);font-size:12px}.freemium-banner__text{color:var(--text-secondary)}.freemium-banner__link{font-weight:600;color:var(--saffron-600);text-decoration:none;flex-shrink:0}.freemium-banner__link:hover{text-decoration:underline}.freemium-banner__link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:2px}.undated-nudge{display:flex;align-items:center;justify-content:space-between;background:color-mix(in oklab,var(--saffron-400) 12%,transparent);border:1px solid color-mix(in oklab,var(--saffron-400) 30%,transparent);border-radius:var(--radius-lg);padding:10px 16px;text-decoration:none;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.undated-nudge:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--saffron-400) 18%,transparent)}.undated-nudge:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.undated-nudge__text{font-size:13px;color:var(--saffron-700);font-weight:500}.undated-nudge__action{font-size:12px;color:var(--saffron-600);transition:transform var(--duration-fast) var(--ease-spring)}.undated-nudge:hover .undated-nudge__action{transform:translateX(3px)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:20px;padding:16px 0 8px;text-align:center}.empty-state__title{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--text-primary);margin:0;line-height:1.3}.empty-state__desc{font-size:14px;color:var(--text-secondary);margin:8px 0 0;line-height:1.6}.empty-state__actions{gap:12px;width:100%}.auth-page,.empty-state__actions{display:flex;flex-direction:column;align-items:center}.auth-page{min-height:100svh;justify-content:center;padding:20px 20px max(20px,env(safe-area-inset-bottom));background:var(--surface-canvas);position:relative;overflow:hidden}.orb-primary,.orb-secondary{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.orb-primary{width:420px;height:420px;background:var(--cobalt-400);opacity:.22;top:-100px;right:-80px}.orb-secondary{width:300px;height:300px;background:var(--cobalt-300);opacity:.15;bottom:-60px;left:-40px}html[data-theme=light] .orb-primary{opacity:.12}html[data-theme=light] .orb-secondary{opacity:.08}.auth-inner{width:100%;max-width:420px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.auth-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.auth-logo img{width:32px;height:32px;object-fit:contain;border-radius:50%}.auth-logo__name{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--text-primary);letter-spacing:-.02em}.auth-logo__tagline{font-size:11px;color:var(--text-tertiary);margin-top:1px}.auth-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:28px 24px 24px;box-shadow:var(--shadow-3)}.auth-card__title{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--text-primary);margin:0 0 20px}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-tertiary);font-size:12px}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;height:42px;border-radius:var(--radius-md);background:var(--surface-default);border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.auth-google-btn:hover{background:var(--surface-sunken);border-color:var(--border-strong)}.auth-google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-link-row{text-align:center;font-size:13px;color:var(--text-tertiary);margin-top:12px}.auth-link-row a{color:var(--cobalt-600);font-weight:600;text-decoration:none}.auth-link-row a:hover{text-decoration:underline}.auth-alert{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:var(--radius-md);font-size:13px;line-height:1.5}.auth-alert--error{background:var(--status-danger-bg);border:1px solid var(--status-danger-border);color:var(--status-danger-fg)}.auth-alert--info{background:var(--surface-brand-soft);border:1px solid var(--border-brand);color:var(--cobalt-700)}.auth-alert--warning{background:var(--status-warning-bg);border:1px solid var(--status-warning-border);color:var(--status-warning-fg)}.auth-alert--success{background:var(--status-success-bg);border:1px solid var(--status-success-border);color:var(--status-success-fg)}.auth-frida-row{display:flex;align-items:flex-end;gap:12px}.auth-bubble{position:relative;padding:12px 16px;background:var(--surface-brand-soft);border:1px solid var(--border-brand);border-radius:16px 16px 16px 4px;font-size:14px;font-family:var(--font-body);color:var(--text-primary);line-height:1.5}.auth-bubble:before{left:-7px;border-right:8px solid var(--border-brand)}.auth-bubble:after,.auth-bubble:before{content:"";position:absolute;bottom:12px;border-top:6px solid transparent;border-bottom:6px solid transparent}.auth-bubble:after{left:-5px;border-right:8px solid var(--surface-brand-soft)}.content-page{min-height:100svh;position:relative;overflow:hidden;background:var(--surface-canvas)}.content-main{position:relative;z-index:10;padding:32px 20px 96px;max-width:640px;margin:0 auto}@media (max-width:640px){.content-main{padding:24px 16px 88px}}.content-header{margin-bottom:28px}.content-header__title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.content-header__subtitle{font-family:var(--font-body);font-size:13px;color:var(--text-secondary);margin:0}.content-header__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:12px}.quiz-reco-card{background:color-mix(in oklab,var(--cobalt-500) 14%,var(--surface-raised));border:1px solid color-mix(in oklab,var(--cobalt-500) 30%,transparent);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.quiz-reco-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.quiz-reco-card__text{color:var(--text-primary);line-height:1.6;margin:0}.quiz-reco-card__cta,.quiz-reco-card__text{font-family:var(--font-body);font-size:14px}.quiz-reco-card__cta{display:inline-flex;align-items:center;gap:6px;background:var(--action-primary-bg);color:var(--action-primary-fg);border-radius:var(--radius-md);padding:10px 20px;font-weight:600;text-decoration:none;align-self:flex-start;transition:background var(--duration-fast) var(--ease-standard)}.quiz-reco-card__cta:hover{background:var(--action-primary-bg-hover)}.quiz-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px}.quiz-divider__line{flex:1;height:1px;background:var(--border-subtle)}.quiz-divider__label{font-family:var(--font-body);font-size:12px;color:var(--text-tertiary);white-space:nowrap}.quiz-exam-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quiz-exam-grid--single{grid-template-columns:1fr}@media (max-width:480px){.quiz-exam-grid{grid-template-columns:1fr}}.quiz-exam-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:10px;transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}.quiz-exam-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-3);border-color:var(--border-default)}.quiz-exam-card__name{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-exam-card__date{font-family:var(--font-body);font-size:11px;color:var(--text-tertiary);margin:0}.quiz-exam-card__link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-brand);color:var(--text-link);background:var(--surface-brand-soft);border-radius:var(--radius-sm);padding:7px 12px;font-family:var(--font-body);font-size:12px;font-weight:500;text-decoration:none;transition:background var(--duration-fast) var(--ease-standard)}.quiz-exam-card__link:hover{background:var(--surface-brand-soft);filter:brightness(1.05)}.mastery-bar{display:flex;align-items:center;gap:8px}.mastery-bar__track{flex:1;height:4px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.mastery-bar__fill{height:100%;border-radius:4px;transition:width .6s var(--ease-standard)}.mastery-bar__label{font-family:var(--font-body);font-size:11px;color:var(--text-secondary);min-width:28px}.courses-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.courses-card__header{padding:16px 18px}.courses-card__body{border-top:1px solid var(--border-subtle);padding:16px 18px;display:flex;flex-direction:column;gap:16px}.courses-section-card{background:color-mix(in oklab,var(--cobalt-500) 6%,var(--surface-raised));border:1px solid color-mix(in oklab,var(--cobalt-500) 18%,transparent);border-radius:var(--radius-md);overflow:hidden}.courses-file-card{background:color-mix(in oklab,var(--ink-0) 3%,transparent);border:1px solid color-mix(in oklab,var(--ink-0) 8%,transparent);border-radius:var(--radius-sm);overflow:hidden}.courses-modal-overlay{position:fixed;inset:0;z-index:1000;background:oklch(0 0 0/.55);display:flex;align-items:center;justify-content:center;padding:20px}.courses-modal{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:24px;max-width:360px;width:100%;box-shadow:var(--shadow-4)}.courses-drawer-overlay{position:fixed;inset:0;z-index:1000;background:oklch(0 0 0/.55);display:flex;align-items:flex-end;justify-content:center}.courses-drawer{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px;width:100%;max-width:480px;max-height:85svh;overflow-y:auto;box-shadow:var(--shadow-5)}.courses-icon-btn{width:32px;height:32px;background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:background var(--duration-fast) var(--ease-standard);min-width:44px;min-height:44px}.courses-icon-btn:hover{background:var(--surface-sunken)}.courses-icon-btn--danger{color:var(--danger-500)}.courses-no-date-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--warning-500);background:var(--status-warning-bg);border:1px solid var(--status-warning-border);border-radius:var(--radius-pill);padding:2px 8px}.courses-load-more{background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:10px 24px;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.courses-load-more:hover{background:var(--surface-default)}.courses-load-more:disabled{opacity:.6;cursor:not-allowed}