@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";:root{--n-0: #ffffff;--n-50: oklch(.985 .002 256);--n-100: oklch(.97 .003 256);--n-150: oklch(.95 .004 256);--n-200: oklch(.922 .005 256);--n-300: oklch(.875 .006 256);--n-400: oklch(.715 .008 256);--n-500: oklch(.595 .01 256);--n-600: oklch(.495 .011 258);--n-700: oklch(.395 .011 260);--n-800: oklch(.278 .01 262);--n-900: oklch(.205 .009 264);--n-950: oklch(.155 .008 266);--n-1000: oklch(.115 .007 268);--blue-50: oklch(.965 .02 255);--blue-100: oklch(.93 .045 255);--blue-200: oklch(.87 .08 255);--blue-300: oklch(.78 .12 256);--blue-400: oklch(.68 .16 257);--blue-500: oklch(.58 .185 258);--blue-600: oklch(.51 .19 259);--blue-700: oklch(.44 .165 260);--emerald-500: oklch(.64 .14 159);--amber-500: oklch(.76 .15 70);--amber-600: oklch(.68 .15 62);--accent: var(--blue-500);--accent-hover: var(--blue-600);--accent-press: var(--blue-700);--accent-soft: var(--blue-50);--accent-border: var(--blue-200);--accent-on: #ffffff;--success: oklch(.62 .14 150);--success-soft: oklch(.96 .03 150);--warning: var(--amber-500);--warning-soft: oklch(.965 .04 75);--danger: oklch(.585 .205 25);--danger-soft: oklch(.962 .03 25);--bg: var(--n-50);--surface: var(--n-0);--surface-2: var(--n-100);--surface-3: var(--n-150);--border: var(--n-200);--border-strong: var(--n-300);--fg: var(--n-900);--fg-2: var(--n-700);--fg-3: var(--n-500);--fg-disabled: var(--n-400);--fg-on-accent: #ffffff;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", "Roboto Mono", monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(.2 .01 264 / .05);--shadow-sm: 0 1px 2px oklch(.2 .01 264 / .06), 0 1px 3px oklch(.2 .01 264 / .05);--shadow-md: 0 2px 4px oklch(.2 .01 264 / .05), 0 4px 12px oklch(.2 .01 264 / .07);--shadow-focus: 0 0 0 3px var(--blue-200);--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s}[data-theme=dark]{--bg: var(--n-1000);--surface: var(--n-950);--surface-2: var(--n-900);--surface-3: var(--n-800);--border: oklch(.3 .01 262);--border-strong: oklch(.38 .011 262);--fg: var(--n-100);--fg-2: var(--n-300);--fg-3: var(--n-500);--accent: var(--blue-400);--accent-hover: var(--blue-300);--accent-press: var(--blue-500);--accent-soft: oklch(.3 .095 262);--accent-border: oklch(.37 .13 261);--success-soft: oklch(.3 .06 150);--warning-soft: oklch(.33 .07 75);--danger-soft: oklch(.32 .08 25);--shadow-focus: 0 0 0 3px oklch(.44 .165 260 / .5)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{color:var(--fg-3);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:0;line-height:1;text-transform:uppercase}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}h1,h2,h3,p{margin:0}h1{color:var(--fg);font-size:var(--text-xl);font-weight:650;letter-spacing:0;line-height:1.2}h2{color:var(--fg);font-size:var(--text-lg);font-weight:650;letter-spacing:0;line-height:1.25}h3{color:var(--fg);font-size:var(--text-md);font-weight:650;letter-spacing:0;line-height:1.25}p{color:var(--fg-2);line-height:1.55}svg{flex:none}.app-shell{min-height:100dvh}.side-rail{display:none}.main{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{align-items:center;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;gap:var(--space-4);justify-content:space-between;min-height:64px;padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) var(--space-3);position:sticky;top:0;z-index:10}.topbar>div:first-child{display:grid;gap:var(--space-2);min-width:0}.topbar-actions{display:flex;gap:var(--space-2)}.content{margin:0 auto;max-width:1180px;padding:var(--space-4)}.stack{display:grid;gap:var(--space-4)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);min-width:0}.panel>p,.panel .module-panel>p{padding:0 var(--space-4)}.panel-head{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-4)}.panel-head>div{display:grid;gap:var(--space-2);min-width:0}.panel-head svg{color:var(--fg-3)}.hero-grid,.progress-grid,.split-view{display:grid;gap:var(--space-4)}.module-panel,.practice-panel,.diagnostic{display:grid;gap:var(--space-4);padding-bottom:var(--space-4)}.module-panel>p,.practice-panel>p{padding:0 var(--space-4)}.metric-row{display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));padding:0 var(--space-4)}.metric-row.compact{padding:0}.metric{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:var(--space-1);min-width:0;padding:var(--space-2) var(--space-3)}.metric small{color:var(--fg-3);font-family:var(--font-mono);font-size:var(--text-2xs);overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.metric strong{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:650;min-width:0;overflow-wrap:anywhere}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4)}.btn,.icon-button,.nav-button,.bottom-item{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);display:inline-flex;font-weight:600;gap:var(--space-2);justify-content:center;min-height:38px;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.btn{padding:0 var(--space-4);white-space:nowrap}.btn.full{margin:0 var(--space-4);width:calc(100% - var(--space-8))}.btn-primary{background:var(--accent);color:var(--fg-on-accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-press)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--fg)}.btn-secondary:hover,.btn-ghost:hover,.icon-button:hover{background:var(--surface-3)}.btn-ghost{background:transparent;color:var(--fg-2)}.icon-button{background:var(--surface);border-color:var(--border);color:var(--fg-2);height:38px;width:38px}.icon-button.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.count-chip,.review-chip,.active-dot,.pill{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;line-height:1;min-height:24px;white-space:nowrap}.count-chip{background:var(--accent);color:var(--fg-on-accent);padding:0 var(--space-3)}.pill{background:var(--surface-2);border:1px solid var(--border);color:var(--fg-2);padding:0 var(--space-3)}.pill.selectable{background:var(--surface)}.pill.selectable.on,.review-chip.on{background:var(--warning-soft);border-color:var(--warning);color:var(--amber-600)}.review-chip{background:var(--success-soft);border:1px solid transparent;color:var(--success);padding:0 var(--space-3)}.active-dot{background:var(--accent-soft);color:var(--accent);padding:0 var(--space-3)}.callout{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius-md);display:grid;gap:var(--space-2);margin:0 var(--space-4);padding:var(--space-4)}.callout strong{color:var(--fg);line-height:1.4}.skill-streams{display:grid;gap:var(--space-3);padding:var(--space-4)}.stream-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:var(--space-3);padding:var(--space-4)}.stream-card p{font-size:var(--text-sm)}.stream-card small{color:var(--fg-3);line-height:1.4}.stream-top{align-items:center;display:flex;justify-content:space-between}.stream-icon,.stat-icon{align-items:center;background:var(--accent-soft);border-radius:var(--radius-md);color:var(--accent);display:inline-flex;height:32px;justify-content:center;width:32px}.diagnostic-grid,.rating-grid,.form-grid,.detail-grid{display:grid;gap:var(--space-3);padding:var(--space-4)}.slider-field{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:var(--space-3);padding:var(--space-3)}.slider-field>span{align-items:center;color:var(--fg-2);display:flex;font-size:var(--text-sm);justify-content:space-between}.slider-field strong{color:var(--fg)}input[type=range]{accent-color:var(--accent);width:100%}.field{display:grid;gap:var(--space-2)}.field span,.field-label{color:var(--fg-2);font-size:var(--text-sm);font-weight:600}.field input,.field select,.field textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--fg);min-height:40px;padding:0 var(--space-3);width:100%}.field textarea{line-height:1.5;min-height:92px;padding:var(--space-3);resize:vertical}.span-2{grid-column:1 / -1}.choice-block,.dependency-map{display:grid;gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.topic-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.journey-list,.skill-list,.mastery-list,.session-list{display:grid}.journey-list{gap:var(--space-3);padding:var(--space-4)}.journey-card{border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:var(--space-3);padding:var(--space-4)}.journey-card.current{border-color:var(--accent-border);box-shadow:inset 3px 0 0 var(--accent)}.journey-card.complete{background:var(--surface-2)}.journey-main{align-items:center;background:none;border:0;color:inherit;display:grid;gap:var(--space-3);grid-template-columns:auto 1fr;padding:0;text-align:left}.journey-main>span:last-child{display:grid;gap:var(--space-1)}.journey-main strong,.skill-row strong,.session-card strong{color:var(--fg)}.journey-main small,.skill-row small,.mastery-row small{color:var(--fg-3);line-height:1.4}.journey-dot{color:var(--accent)}.split-view{align-items:start}.skill-list{max-height:64dvh;overflow:auto;padding:var(--space-2)}.skill-row{align-items:center;background:none;border:0;border-radius:var(--radius-md);color:inherit;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3);text-align:left;width:100%}.skill-row>span:first-child{display:grid;gap:var(--space-1)}.skill-row:hover,.skill-row.active{background:var(--surface-2)}.skill-detail-panel{display:grid;gap:var(--space-4);padding-bottom:var(--space-4)}.skill-detail-panel>p{padding:0 var(--space-4)}.info-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:var(--space-3);padding:var(--space-4)}.info-block ul{color:var(--fg-2);display:grid;gap:var(--space-2);line-height:1.45;margin:0;padding-left:var(--space-4)}.settings-grid{display:grid;gap:var(--space-3);padding:var(--space-4)}.settings-list{display:grid;padding:var(--space-2)}.settings-row{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3)}.settings-row+.settings-row{border-top:1px solid var(--border)}.settings-row span{color:var(--fg-3);font-size:var(--text-sm);line-height:1.35}.settings-row strong{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:650;line-height:1.35;text-align:right}.settings-pills{padding:0 var(--space-4) var(--space-4)}.stat-panel{display:grid;gap:var(--space-3);padding:var(--space-4)}.stat-panel strong{font-size:var(--text-2xl)}.mastery-list{padding:var(--space-2)}.mastery-row,.session-card{align-items:center;border-radius:var(--radius-md);display:grid;gap:var(--space-3)}.mastery-row{grid-template-columns:minmax(0,1fr) minmax(88px,160px) auto;padding:var(--space-3)}.mastery-row>span:first-child,.session-card>div:first-child{display:grid;gap:var(--space-1);min-width:0}.progress-track{background:var(--surface-2);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-track span{background:var(--accent);display:block;height:100%}.session-list{gap:var(--space-2);padding:var(--space-4)}.session-card{border:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;padding:var(--space-4)}.session-card p{font-size:var(--text-sm)}.score-stack{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(72px,1fr))}.empty-state{align-items:center;color:var(--fg-3);display:grid;gap:var(--space-2);justify-items:center;padding:var(--space-10) var(--space-4);text-align:center}.empty-state strong{color:var(--fg)}.bottom-nav{background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);bottom:0;display:grid;grid-template-columns:repeat(5,1fr);left:0;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));position:fixed;right:0;z-index:20}.bottom-item{background:transparent;color:var(--fg-3);display:grid;font-size:var(--text-2xs);gap:var(--space-1);min-height:54px;padding:var(--space-1)}.bottom-item.active{background:var(--accent-soft);color:var(--accent)}@media (min-width: 720px){.content{padding:var(--space-6)}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.skill-streams,.diagnostic-grid,.rating-grid,.detail-grid,.progress-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid,.detail-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-view{grid-template-columns:minmax(260px,.36fr) minmax(0,1fr)}}@media (min-width: 1020px){.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr)}.side-rail{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-4);min-height:100dvh;padding:var(--space-5) var(--space-4);position:sticky;top:0}.brand{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-4)}.brand-mark{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;height:30px;justify-content:center;overflow:hidden;width:30px}.brand-mark img{display:block;height:100%;width:100%}.brand div:last-child{display:grid;gap:2px}.brand span{color:var(--fg-3);font-size:var(--text-xs)}.rail-nav{display:grid;gap:var(--space-1)}.nav-button{background:transparent;color:var(--fg-2);justify-content:start;min-height:38px;padding:0 var(--space-3)}.nav-button:hover,.nav-button.active{background:var(--accent-soft);color:var(--accent)}.rail-card{border-top:1px solid var(--border);display:grid;gap:var(--space-2);margin-top:auto;padding:var(--space-4) var(--space-2) 0}.rail-card strong{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-2xl)}.rail-card p{font-size:var(--text-sm)}.main{max-height:100dvh;overflow:auto;padding-bottom:0}.topbar{min-height:64px;padding:var(--space-3) var(--space-6)}.bottom-nav{display:none}}@media (max-width: 460px){.metric-row,.score-stack,.mastery-row,.session-card{grid-template-columns:1fr}.button-row{display:grid}.button-row .btn{width:100%}}