:root.dark{--hairline:#ffffff14;--hairline-strong:#ffffff24;--highlight:inset 0 1px 0 #ffffff0d;--surface-sunken:#0d131b}:root.light{--hairline:#3030301f;--hairline-strong:#30303038;--highlight:inset 0 1px 0 #ffffffb3;--surface-sunken:#f1e8da}:root{--touch-target:44px}body{padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}html{scroll-padding-top:calc(96px + env(safe-area-inset-top,0px))}:root:is(.dark,.light) .brand-mark{min-height:var(--touch-target)}:root:is(.dark,.light) .module-nav a{width:var(--touch-target);height:var(--touch-target)}:root:is(.dark,.light) .site-header{min-height:68px;padding:calc(10px + env(safe-area-inset-top,0px)) 0 10px}:root:is(.dark,.light) .advanced-header{padding-top:calc(12px + env(safe-area-inset-top,0px))}:root:is(.dark,.light) .module-nav a[aria-current=step]{outline:2px solid var(--accent-blue);outline-offset:2px}:root:is(.dark,.light) .module-nav a[aria-current=step]:focus-visible{outline:3px solid var(--accent-orange);outline-offset:4px}:root:is(.dark,.light) :is(.site-header,.advanced-header){border-bottom:1px solid var(--hairline);transition:border-color .2s,background-color .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s}:root[data-scrolled=false]:is(.dark,.light) :is(.site-header,.advanced-header){-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom-color:#0000}:root:is(.dark,.light) .theme-toggle,:root:is(.dark,.light) .reset-progress-button{min-width:var(--touch-target);height:var(--touch-target);border:1px solid var(--hairline-strong);box-shadow:var(--highlight);border-radius:12px}:root:is(.dark,.light) .theme-toggle{width:var(--touch-target)}:root:is(.dark,.light) .theme-toggle:hover,:root:is(.dark,.light) .reset-progress-button:hover{border-color:var(--accent-blue);box-shadow:var(--highlight);transform:none}:root:is(.dark,.light) .theme-toggle:active,:root:is(.dark,.light) .reset-progress-button:active{transform:scale(.96)}:root:is(.dark,.light) .progress-track{background:var(--hairline);border:0;border-radius:999px;height:8px}:root:is(.dark,.light) .progress-fill{background:linear-gradient(90deg, var(--accent-green), var(--accent-blue));border-radius:999px}:root:is(.dark,.light) .module-panel{border-color:var(--hairline);min-height:0;box-shadow:var(--highlight), var(--shadow-soft-md);grid-template-columns:48px minmax(0,1fr);align-items:start;gap:20px 16px;padding:clamp(16px,4vw,32px)}.module-panel .learning-module-body{display:contents}.module-panel .module-heading-wrap{grid-area:1/2;align-self:start}.module-panel .learning-module-body>[id$=-content]{grid-column:1/-1;gap:20px;display:grid}.module-panel .learning-module-body>[id$=-content][hidden]{display:none}:root:is(.dark,.light) .module-number{color:#0b0f14;width:48px;height:48px;min-height:0;box-shadow:inset 0 1px 0 #fff6, 0 8px 20px color-mix(in srgb, var(--module-accent) 30%, transparent);border:0;border-radius:14px;grid-area:1/1;align-self:start;font-size:18px}.module-panel .module-copy-toggle{gap:6px}.module-panel .module-copy-title{letter-spacing:-.01em;font-size:clamp(26px,6vw,44px)}.module-panel .module-status{color:var(--module-accent,var(--accent-blue));letter-spacing:.08em;font-size:11px}:root.light .module-panel .module-status{color:var(--text-muted)}.module-panel .module-subtitle{font-family:var(--font-display);font-size:15px}:root:is(.dark,.light) .module-section{border-width:1px;border-color:var(--hairline);border-radius:var(--radius-card);background:var(--surface-sunken);box-shadow:var(--highlight)}.hero-copy,.context-lead,.lesson-callout p,.lesson-pattern-grid p,.lesson-takeaway span,.myth-callout span,.case-file p,.predict-hint,.predict-reveal span,.readiness-copy span,.section-heading p,.quiz-explanation,.example-chip-grid span,.token-fact,.context-insight{font-family:var(--font-display)}.hero-copy{max-width:36em;font-size:clamp(17px,4.6vw,20px);line-height:1.6}.context-lead{font-size:clamp(18px,4.8vw,22px);line-height:1.55}.lesson-callout p,.lesson-pattern-grid p,.case-file p,.predict-hint,.predict-reveal span{font-size:15px;line-height:1.6}.lesson-takeaway span{font-size:17px;line-height:1.5}.readiness-copy{align-items:flex-start}.readiness-copy>svg{color:var(--accent-blue);flex:none;margin-top:2px}.readiness-copy>div{gap:4px;min-width:0;display:grid}.readiness-copy strong{font-family:var(--font-display);font-size:18px;line-height:1.3;display:block}.readiness-copy span{font-size:14px;line-height:1.55;display:block}.readiness-footer>span{color:var(--text-muted);font-family:var(--font-display);font-size:14px}:root:is(.dark,.light) .quiz-option{border-color:var(--hairline-strong);background:var(--surface);min-height:52px;box-shadow:var(--highlight);font-family:var(--font-display);border-radius:12px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;padding:14px;font-size:15px;display:grid}.quiz-option>svg{width:20px;height:20px;margin-top:1px}.quiz-option>span{grid-template-columns:1.2em minmax(0,1fr);align-items:baseline;gap:4px;line-height:1.5;display:grid}.quiz-option>span>strong{color:var(--text-muted);font-family:var(--font-mono);font-size:13px}:root:is(.dark,.light) .quiz-option:not(:disabled):not(.quiz-option-selected):not(.quiz-option-correct):not(.quiz-option-wrong):hover{border-color:var(--accent-blue)}:root:is(.dark,.light) .quiz-option-selected{border-color:var(--accent-yellow);background:color-mix(in srgb, var(--accent-yellow) 12%, var(--surface))}:root:is(.dark,.light) .quiz-option-correct{border-color:var(--accent-green);background:color-mix(in srgb, var(--accent-green) 22%, var(--surface))}:root:is(.dark,.light) .quiz-option-wrong{border-color:var(--accent-red);background:color-mix(in srgb, var(--accent-red) 18%, var(--surface))}:root:is(.dark,.light) .quiz-explanation{border-width:1px;border-radius:12px;margin-top:8px;padding:16px}:root:is(.dark,.light) .quiz-explanation-correct{border-color:var(--accent-green)}:root:is(.dark,.light) .quiz-explanation-wrong{border-color:var(--accent-orange)}.quiz-card legend{font-family:var(--font-display);line-height:1.3}.tokenizer-actions{grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;gap:8px;display:grid}.tokenizer-actions .brutalist-button{width:auto;min-height:var(--touch-target);padding:0 14px;font-size:12px}:root.dark .tokenizer-stats{border-color:var(--hairline-strong);background:var(--surface);color:var(--text);box-shadow:var(--highlight)}:root.dark .tokenizer-stats strong{color:var(--accent-yellow)}:root.dark .token-output{background:var(--surface-sunken);border-color:var(--hairline)}:root:is(.dark,.light) .tokenizer-actions .brutalist-button.button-yellow:not(:disabled),:root:is(.dark,.light) .tokenizer-actions .brutalist-button.button-blue:not(:disabled),:root:is(.dark,.light) .tokenizer-actions .brutalist-button.button-cream:not(:disabled){border:1px solid var(--hairline-strong);box-shadow:var(--highlight);background:var(--surface-overlay)!important;background-color:var(--surface-overlay)!important;color:var(--text)!important}:root:is(.dark,.light) .tokenizer-actions .brutalist-button:hover:not(:disabled){border-color:var(--accent-blue);transform:none}.demo-completion-row>span{color:var(--text-muted);font-family:var(--font-display);font-size:15px}.lesson-deeper summary small{font-family:var(--font-display);font-size:13px}.token-legend span{padding:4px 10px;font-size:11px}:root:is(.dark,.light) .token-fact{border:1px solid color-mix(in srgb, var(--accent-yellow) 45%, transparent);background:color-mix(in srgb, var(--accent-yellow) 8%, var(--surface));box-shadow:var(--highlight);border-radius:12px}:root{--dock-height:60px;--dock-gap:12px;--dock-clearance:calc(var(--dock-height) + var(--dock-gap) * 2 + env(safe-area-inset-bottom,0px))}.course-dock{display:none}.course-dock-number{background:color-mix(in srgb, var(--accent-yellow) 22%, var(--surface));width:36px;height:36px;color:var(--text);font-family:var(--font-mono);border-radius:10px;flex:none;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.course-dock-text{text-align:left;gap:2px;min-width:0;display:grid}.course-dock-text strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.2;overflow:hidden}.course-dock-text small{color:var(--text-muted);font-family:var(--font-display);white-space:nowrap;font-size:12px}:root:is(.dark,.light) .course-dock-summary,:root:is(.dark,.light) .course-dock-action,:root:is(.dark,.light) .course-sheet-close{min-height:var(--touch-target);cursor:pointer;font-family:var(--font-display);border:0;transition:transform .12s}:root:is(.dark,.light) .course-dock-summary:active,:root:is(.dark,.light) .course-dock-action:active{transform:scale(.97)}:root:is(.dark,.light) .course-dock-summary{min-width:0;color:var(--text);background:0 0;flex:1;align-items:center;gap:10px;padding:0 4px 0 0;display:flex}:root:is(.dark,.light) .course-dock-action{background:var(--accent-yellow);color:#0b0f14;border-radius:14px;flex:none;padding:0 16px;font-size:14px;font-weight:700}.course-sheet{border:1px solid var(--hairline-strong);background:var(--surface-overlay);width:min(100%,520px);max-width:100%;color:var(--text);box-shadow:var(--shadow-soft-lg);border-bottom:0;border-radius:20px 20px 0 0;margin:auto auto 0;padding:0}.course-sheet::backdrop{background:#05080c99}.course-sheet-body{padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));gap:12px;display:grid}.course-sheet-grip{background:var(--hairline-strong);border-radius:999px;justify-self:center;width:40px;height:4px}.course-sheet h2{font-family:var(--font-display);margin:4px 0 0;font-size:20px}.course-sheet ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.course-sheet li a{border:1px solid var(--hairline);background:var(--surface);min-height:56px;color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.course-sheet li a[aria-current=step]{border-color:var(--accent-yellow)}:root:is(.dark,.light) .course-sheet-close{border:1px solid var(--hairline-strong);width:100%;color:var(--text);background:0 0;border-radius:14px;font-size:15px}@media (max-width:767px){.course-dock{right:calc(var(--dock-gap) + env(safe-area-inset-right,0px));bottom:calc(var(--dock-gap) + env(safe-area-inset-bottom,0px));left:calc(var(--dock-gap) + env(safe-area-inset-left,0px));z-index:40;max-width:520px;min-height:var(--dock-height);border:1px solid var(--hairline-strong);background:color-mix(in srgb, var(--surface-overlay) 92%, transparent);box-shadow:var(--highlight), var(--shadow-soft-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;align-items:center;gap:8px;margin-inline:auto;padding:8px 8px 8px 12px;display:flex;position:fixed}:root:is(.dark,.light) .module-panel .quiz-explanation{bottom:var(--dock-clearance);z-index:5;box-shadow:var(--highlight), var(--shadow-soft-md);position:sticky}@media (max-width:360px){.course-dock>.course-dock-summary .course-dock-number{display:none}:root:is(.dark,.light) .course-dock-action{padding:0 12px}}.site-footer:not(.advanced-footer){padding-bottom:calc(32px + var(--dock-clearance))}}.course-rail,.course-dock-action-icon{display:none}@media (min-width:768px) and (max-width:1199px){.curriculum-section{padding-left:76px}.course-dock{top:50%;left:calc(12px + env(safe-area-inset-left,0px));z-index:40;border:1px solid var(--hairline-strong);background:color-mix(in srgb, var(--surface-overlay) 92%, transparent);width:52px;box-shadow:var(--highlight), var(--shadow-soft-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:26px;flex-direction:column;align-items:center;gap:10px;padding:10px 6px;display:flex;position:fixed;transform:translateY(-50%)}.course-dock-summary{display:none!important}.course-rail{gap:6px;margin:0;padding:0;list-style:none;display:grid}.course-rail a{width:var(--touch-target);height:var(--touch-target);color:var(--text-muted);font-family:var(--font-mono);border:1px solid #0000;border-radius:14px;place-items:center;font-size:15px;font-weight:700;text-decoration:none;display:grid}.course-rail a[aria-current=step]{border-color:var(--accent-yellow);background:color-mix(in srgb, var(--accent-yellow) 16%, transparent);color:var(--text)}:root:is(.dark,.light) .course-dock-action{width:var(--touch-target);place-items:center;padding:0;display:grid}.course-dock-action-icon{display:block}.course-dock-action-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.site-footer{align-items:center}.footer-credit{min-height:var(--touch-target);color:var(--text);font-family:var(--font-display);text-transform:none;text-decoration:underline;-webkit-text-decoration-color:var(--hairline-strong);text-decoration-color:var(--hairline-strong);text-underline-offset:4px;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.footer-credit:hover{color:var(--accent-blue);text-decoration-color:currentColor}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.module-list>.module-panel{animation:none}:root:is(.dark,.light) :is(.site-header,.advanced-header){transition:none}}@media (max-width:640px){html{scroll-padding-top:calc(144px + env(safe-area-inset-top,0px))}:root:is(.dark,.light) .module-section{padding:16px}.tokenizer-actions{grid-template-columns:1fr 1fr}.example-chip-grid{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin-inline:-16px;padding:2px 16px 6px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.example-chip-grid::-webkit-scrollbar{display:none}.example-chip-grid button{scroll-snap-align:start;flex:0 0 min(220px,68%)}.tokenizer-actions .brutalist-button:first-child{grid-column:1/-1}.readiness-footer{align-items:stretch}.readiness-footer .brutalist-button{width:100%}}