@font-face{font-family:OpenAI Sans;src:url(https://developers.openai.com/fonts/OpenAISans-Regular.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:OpenAI Sans;src:url(https://developers.openai.com/fonts/OpenAISans-Bold.woff) format("woff");font-style:normal;font-weight:700;font-display:swap}:root{--surface-0: #000;--surface-25: #050505;--surface-50: #0d0d0d;--surface-75: #131313;--surface-100: #181818;--surface-150: #1c1c1c;--surface-200: #212121;--surface-300: #303030;--text-1000: #ffffff;--text-900: #ededed;--text-800: #cdcdcd;--text-700: #afafaf;--text-600: #8f8f8f;--text-500: #5d5d5d;--border-soft: #212121;--border-strong: #303030;--blue-100: #99ceff;--blue-200: #66b5ff;--blue-400: #0285ff;--green-300: #40c977;--yellow-300: #ffd240;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--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;--space-14: 56px;--space-16: 64px;--top-nav-height: 64px;--left-sidebar-width: 310px;--font-body: "OpenAI Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{background:var(--surface-0);color:var(--text-900);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text-800);text-decoration:none;transition:color .18s ease}a:hover{color:var(--text-1000)}button,input,textarea,select{font-family:var(--font-body)}button{border:0;background:transparent;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--blue-200);outline-offset:2px}.skip-link{position:fixed;top:-48px;left:var(--space-4);z-index:120;background:var(--surface-150);color:var(--text-1000);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 14px;font-size:.85rem}.skip-link:focus-visible{top:var(--space-3)}.app-shell{min-height:100vh;background:var(--surface-0)}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--top-nav-height);z-index:90;background:var(--surface-0);border-bottom:1px solid var(--border-soft)}.top-nav-inner{height:100%;max-width:1510px;margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:var(--space-6)}.top-nav-menu{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);color:var(--text-700)}.top-nav-menu:hover{background:var(--surface-150);color:var(--text-900)}.top-nav-brand{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-1000);font-size:2rem;letter-spacing:-.02em;font-weight:700;line-height:1;white-space:nowrap;min-width:0}.top-nav-brand-dex{font-size:.66em;line-height:1}.top-nav-brand-text{display:inline;white-space:nowrap}.top-nav-brand-text-compact{display:none}.top-nav-links{display:flex;justify-content:center;align-items:center;gap:var(--space-2)}.top-nav-link{color:var(--text-700);font-size:.92rem;line-height:1;padding:8px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--surface-50);display:inline-flex;align-items:center;justify-content:center;min-width:88px}.top-nav-link.locked{color:var(--text-600);background:var(--surface-25);border-color:var(--border-soft);cursor:not-allowed}.top-nav-link:hover{color:var(--text-1000);background:var(--surface-100);border-color:var(--border-strong)}.top-nav-link.active{color:var(--text-1000);background:var(--surface-150);border-color:color-mix(in srgb,var(--blue-200) 35%,var(--border-soft))}.top-nav-actions{justify-self:end;display:flex;align-items:center;gap:var(--space-3)}.top-nav-progress{display:flex;align-items:center;gap:var(--space-2)}.top-nav-chip{min-width:68px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-100);padding:4px 8px;display:grid;gap:1px}.top-nav-chip-value{color:var(--text-900);font-size:.76rem;font-weight:700;letter-spacing:-.01em;line-height:1}.top-nav-chip-label{color:var(--text-600);font-size:.64rem;line-height:1.1;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.top-nav-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--text-900);color:var(--surface-50);border:1px solid var(--text-900);padding:9px 18px;font-size:.95rem;line-height:1.05;letter-spacing:-.01em;font-weight:600}.top-nav-cta:hover{color:#0a0a0a;background:var(--text-1000);border-color:var(--text-1000)}.top-nav-continue{display:grid;justify-items:center;gap:2px;padding:8px 16px;white-space:nowrap}.top-nav-cta-label-compact{display:none}.top-nav-cta-meta{font-size:.68rem;color:var(--surface-150);line-height:1.1;font-family:var(--font-mono);letter-spacing:.04em}.shell-layout{margin-top:var(--top-nav-height);min-height:calc(100vh - var(--top-nav-height));display:grid;grid-template-columns:var(--left-sidebar-width) minmax(0,1fr)}.left-sidebar{position:sticky;top:var(--top-nav-height);height:calc(100vh - var(--top-nav-height));overflow-y:auto;background:var(--surface-25);border-right:1px solid var(--border-soft);padding:var(--space-4)}.left-sidebar-search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-150);padding:9px 10px;color:var(--text-700);font-size:.9rem}.left-sidebar-breadcrumb{margin-top:var(--space-4);margin-bottom:var(--space-5);color:var(--text-600);font-size:.82rem}.left-sidebar-nav{display:grid;gap:var(--space-5)}.left-sidebar-group h2{color:var(--text-800);font-size:.82rem;text-transform:none;margin-bottom:var(--space-2)}.left-sidebar-group ul{list-style:none;display:grid;gap:2px}.left-sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;color:var(--text-700);padding:9px 10px;font-size:.93rem;line-height:1.35}.left-sidebar-link:hover{color:var(--text-900);background:var(--surface-100)}.left-sidebar-link.active{color:var(--text-1000);background:var(--surface-150);border-color:var(--border-soft)}.left-sidebar-link.locked{color:var(--text-600);cursor:not-allowed}.left-sidebar-status{font-size:.68rem;border:1px solid color-mix(in srgb,var(--blue-200) 45%,transparent);background:color-mix(in srgb,var(--blue-200) 14%,transparent);color:var(--blue-100);border-radius:var(--radius-pill);padding:2px 7px;font-family:var(--font-mono);letter-spacing:.02em;flex-shrink:0}.left-sidebar-lock{font-size:.62rem;border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:2px 7px;color:var(--text-600);font-family:var(--font-mono)}.shell-main{min-width:0;display:flex;flex-direction:column}.page-container{width:min(1160px,100%);margin:0 auto;padding:var(--space-10) var(--space-8)}.landing-page{padding-top:var(--space-12)}.landing-hero{text-align:center;margin-bottom:var(--space-8)}.landing-hero h1{color:var(--text-900);font-size:clamp(1.9rem,3.4vw,2.75rem);line-height:1.1;letter-spacing:-.03em;max-width:none;white-space:nowrap;text-wrap:balance;margin:0 auto}.hero-title-main{display:inline-block;font-weight:700;white-space:nowrap}.hero-title-suffix{font-weight:500;color:var(--text-700);white-space:nowrap}.landing-hero p{margin-top:var(--space-4);color:var(--text-700);font-size:clamp(1.3rem,2vw,2rem);line-height:1.15;letter-spacing:-.02em}.landing-hero-note{margin-top:var(--space-3);color:var(--text-600);font-size:.98rem;letter-spacing:0;line-height:1.45}.course-clarity{margin-bottom:var(--space-8);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-50);padding:var(--space-5)}.course-clarity h2{color:var(--text-900);font-size:1.1rem;margin-bottom:var(--space-3)}.course-clarity ol{list-style:decimal;padding-left:1.2rem;display:grid;gap:var(--space-3)}.course-clarity li{color:var(--text-700);display:grid;gap:2px}.course-clarity strong{color:var(--text-900);font-size:.96rem}.course-clarity li span{font-size:.92rem;line-height:1.45}.course-clarity-glossary-link{margin-top:var(--space-4);color:var(--text-700);font-size:.9rem}.course-clarity-glossary-link a{color:var(--text-900);text-decoration:underline;text-underline-offset:2px}.attribution-banner{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-25);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-top:var(--space-8);margin-bottom:var(--space-2)}.attribution-banner-icon{width:18px;height:18px;border:1px solid #3a3a3a;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;color:var(--text-700);font-size:.75rem;flex:0 0 auto}.attribution-banner-main{min-width:0;flex:1}.attribution-banner-main h2{font-size:.95rem;color:var(--text-900);margin-bottom:2px}.attribution-banner-main p{color:var(--text-700);font-size:.89rem;line-height:1.48}.attribution-banner-links{display:flex;flex-direction:column;gap:var(--space-1);font-size:.82rem;min-width:230px}.attribution-banner-links a{color:var(--text-800);text-decoration:underline;text-underline-offset:2px}.attribution-banner-links a:hover{color:var(--text-1000)}.landing-section{margin-top:var(--space-10)}.landing-section-title{color:var(--text-900);font-size:clamp(1.85rem,3vw,2.2rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-5)}.landing-starter-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:var(--space-5)}.starter-card{min-height:286px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border-soft) 80%,transparent);padding:var(--space-6);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;color:#f7fbff}.starter-card:hover{color:#fff}.starter-card.locked{filter:saturate(.68) brightness(.84);cursor:default}.starter-card-kicker{text-transform:none;font-size:.93rem;letter-spacing:-.01em;margin-bottom:var(--space-3);color:#e8f5ff}.starter-card h3{font-size:clamp(2.35rem,4.1vw,3.05rem);line-height:1.02;letter-spacing:-.03em;margin-bottom:var(--space-3)}.starter-card-secondary h3{font-size:clamp(1.8rem,2.8vw,2.25rem)}.starter-card p{max-width:90%;color:#f8fdfff0;font-size:.95rem}.starter-card-primary{background:radial-gradient(circle at 10% 10%,rgba(244,253,255,.34),transparent 34%),radial-gradient(circle at 45% 52%,rgba(146,235,204,.56),transparent 41%),radial-gradient(circle at 90% 18%,rgba(130,201,255,.62),transparent 46%),#63b3e5}.starter-card-secondary{background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.28),transparent 40%),radial-gradient(circle at 84% 8%,rgba(124,200,255,.58),transparent 52%),#5ca7da}.landing-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.create-card{min-height:214px;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-75);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);justify-content:space-between}.create-card:hover{border-color:var(--border-strong);background:var(--surface-100);color:var(--text-1000)}.create-card.locked{color:var(--text-600);background:var(--surface-50);cursor:default}.create-card h3{color:var(--text-900);font-size:2rem;line-height:1.15;letter-spacing:-.02em}.create-card p{color:var(--text-700);font-size:.98rem;line-height:1.5}.create-card-cta{font-size:1rem;line-height:1.2;color:var(--text-900);font-weight:600;letter-spacing:-.01em}.landing-dashboard-link{margin-top:var(--space-8);color:var(--text-700);font-size:.95rem}.landing-dashboard-link a{color:var(--text-900);text-decoration:underline;text-underline-offset:2px}.dashboard h1,.completion-page h1,.module-header h1{color:var(--text-900);font-size:clamp(2.2rem,3.9vw,2.9rem);letter-spacing:-.025em;line-height:1.08}.dashboard{padding-top:var(--space-8)}.dashboard-stats{margin-top:var(--space-6);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-75);padding:var(--space-5)}.stat-card-icon{color:var(--text-600);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-family:var(--font-mono)}.stat-card-value{font-size:clamp(1.6rem,2.2vw,2rem);line-height:1;letter-spacing:-.02em;color:var(--text-900);font-weight:700}.dashboard-stats .stat-card:nth-child(1) .stat-card-value{color:var(--yellow-300)}.dashboard-stats .stat-card:nth-child(3) .stat-card-value{color:var(--blue-100)}.dashboard-stats .stat-card:nth-child(4) .stat-card-value{color:var(--green-300)}.stat-card-label{margin-top:var(--space-2);color:var(--text-700);font-size:.9rem}.next-level-card{margin-top:var(--space-6);margin-bottom:var(--space-8);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-50);padding:var(--space-5)}.next-level-card p{color:var(--text-700);margin-bottom:var(--space-3)}.next-level-card strong{color:var(--text-900)}.section-title{color:var(--text-900);font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.2;letter-spacing:-.015em;margin-bottom:var(--space-4)}.dashboard-module-grid{margin-bottom:var(--space-8)}.module-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.module-card{display:block;min-height:206px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-75);padding:var(--space-5);color:var(--text-900);position:relative}.module-card:hover{border-color:var(--border-strong);background:var(--surface-100);color:var(--text-1000)}.module-card.locked{pointer-events:none;color:var(--text-600);background:var(--surface-50)}.module-card.completed{border-color:color-mix(in srgb,var(--blue-200) 48%,var(--border-soft))}.module-card-number{color:var(--text-600);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-3)}.module-card h3{font-size:1.34rem;letter-spacing:-.02em;line-height:1.18;margin-bottom:var(--space-2);min-height:2.36em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-card p{color:var(--text-700);font-size:.92rem;line-height:1.45}.module-card-progress{margin-top:var(--space-4);height:4px;border-radius:var(--radius-pill);background:var(--surface-200);overflow:hidden}.module-card-progress-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,#93d8ff,#85e2c4)}.module-card-lock,.module-card-check{position:absolute;top:var(--space-4);right:var(--space-4);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);padding:3px 8px;font-family:var(--font-mono)}.module-card-lock{border:1px solid var(--border-soft);color:var(--text-600);background:var(--surface-100)}.module-card-check{border:1px solid color-mix(in srgb,var(--blue-200) 50%,transparent);color:var(--blue-100);background:color-mix(in srgb,var(--blue-200) 12%,transparent)}.dashboard-completion-link{text-align:center;margin-bottom:var(--space-8)}.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.badge-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-75);padding:var(--space-5)}.badge-item.locked{border-color:var(--border-soft);background:var(--surface-75)}.badge-item.locked .badge-name,.badge-item.locked .badge-desc{color:var(--text-700)}.badge-item.earned{border-color:color-mix(in srgb,var(--blue-200) 40%,var(--border-soft));background:color-mix(in srgb,var(--surface-75) 88%,rgba(53,121,193,.3))}.badge-icon{font-size:1.5rem;margin-bottom:var(--space-3)}.badge-name{color:var(--text-900);font-size:.98rem;font-weight:700;margin-bottom:var(--space-1)}.badge-desc{color:var(--text-700);font-size:.9rem;line-height:1.45}.module-page{padding-top:var(--space-8)}.module-header{margin-bottom:var(--space-6)}.module-header-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--text-600);font-family:var(--font-mono);font-size:.78rem;line-height:1.25;text-transform:uppercase;letter-spacing:.04em}.badge{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--surface-100);color:var(--text-700);padding:3px 10px}.module-complete-chip{color:var(--green-300)}.module-header p{color:var(--text-700);margin-top:var(--space-3);font-size:1.02rem}.module-orientation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.module-orientation-item{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-50);padding:var(--space-4)}.module-orientation-item h2{color:var(--text-600);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-mono);margin-bottom:var(--space-2)}.module-orientation-item p{color:var(--text-900);font-size:.92rem;line-height:1.45}.module-outline{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.module-help-row{margin-top:calc(var(--space-5) * -1);margin-bottom:var(--space-5)}.module-help-link{color:var(--text-700);font-size:.88rem;text-decoration:underline;text-underline-offset:2px}.module-outline-item{border:1px solid var(--border-soft);background:var(--surface-75);color:var(--text-700);border-radius:var(--radius-pill);padding:7px 12px;font-size:.82rem;line-height:1.2}.module-outline-item:hover{border-color:var(--border-strong);color:var(--text-900);background:var(--surface-100)}.module-outline-item.completed{border-color:color-mix(in srgb,var(--green-300) 35%,var(--border-soft));color:#b5ebd0}.module-progress-bar{height:7px;border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--surface-75);margin-bottom:var(--space-4);overflow:hidden}.module-progress-bar-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,#8ed8ff,#85e3c5)}.module-progress-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-2);color:var(--text-700);font-size:.86rem}.module-progress-actions{margin-bottom:var(--space-3)}.module-progress-continue{border:1px solid var(--border-soft);background:var(--surface-75);color:var(--text-800);border-radius:var(--radius-pill);padding:8px 12px;font-size:.83rem;font-weight:600}.module-progress-continue:hover{border-color:var(--border-strong);background:var(--surface-100);color:var(--text-900)}.module-progress-toast{margin-bottom:var(--space-8);color:var(--green-300);font-size:.84rem;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.section{margin-bottom:var(--space-12);scroll-margin-top:calc(var(--top-nav-height) + var(--space-6))}.section h2{color:var(--text-900);font-size:1.5rem;line-height:1.2;letter-spacing:-.01em;margin-bottom:var(--space-5)}.section-mark-complete{margin-top:var(--space-5);display:flex;justify-content:flex-end}.module-section-block{margin-bottom:var(--space-10)}.source-panel{border:1px solid var(--border-soft);background:var(--surface-50);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-8)}.source-panel h3{color:var(--text-900);font-size:1.16rem;margin-bottom:var(--space-2)}.source-panel p{color:var(--text-700);margin-bottom:var(--space-4);font-size:.95rem}.source-panel ul{padding-left:1rem;display:grid;gap:var(--space-2)}.source-panel li{color:var(--text-700);font-size:.9rem}.source-panel a{color:var(--text-900);text-decoration:underline;text-underline-offset:2px}.module-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent;padding:10px 16px;font-size:.9rem;line-height:1.1;letter-spacing:-.01em;font-weight:600}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--blue-200);color:#071119;border-color:color-mix(in srgb,var(--blue-200) 55%,#d8efff)}.btn-primary:hover:not(:disabled){background:#83c5ff;color:#071119}.btn-secondary{background:var(--surface-75);border-color:var(--border-soft);color:var(--text-900)}.btn-secondary:hover:not(:disabled){background:var(--surface-100);border-color:var(--border-strong)}.btn-success{background:#58d4a7;border-color:#7adcbc;color:#072017}.btn-success:hover:not(:disabled){background:#6de0b5}.btn-sm{font-size:.8rem;padding:7px 12px}.btn-lg{padding:12px 20px}.content-paragraph,.content-bold-text{color:var(--text-900);margin-bottom:var(--space-4);font-size:1rem}.content-bold-label{color:#e5d68e}.inline-code{font-family:var(--font-mono);background:var(--surface-200);border:1px solid var(--border-soft);padding:1px 6px;border-radius:6px;color:var(--text-900);font-size:.88em}.callout{border-left:3px solid;border-radius:var(--radius-sm);padding:var(--space-5);margin:var(--space-6) 0}.callout-info{background:color-mix(in srgb,var(--blue-200) 10%,var(--surface-75));border-left-color:var(--blue-200)}.callout-warning{background:color-mix(in srgb,#ff8d8d 10%,var(--surface-75));border-left-color:#ff8d8d}.callout-tip{background:color-mix(in srgb,#f4bc6a 10%,var(--surface-75));border-left-color:#f4bc6a}.callout-title{display:flex;align-items:center;gap:var(--space-2);color:var(--text-900);font-weight:700;margin-bottom:var(--space-2)}.callout-mascot{font-size:1rem;line-height:1}.callout-marker{font-family:var(--font-mono);border:1px solid currentColor;border-radius:5px;padding:1px 6px;font-size:.68rem}.callout-text{color:var(--text-800)}.code-block{border:1px solid var(--border-soft);border-radius:var(--radius-md);overflow:hidden;margin:var(--space-6) 0;background:var(--surface-50)}.code-block-header{border-bottom:1px solid var(--border-soft);background:var(--surface-100);display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4)}.code-block-lang{color:var(--text-600);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.code-block-copy{border:1px solid var(--border-soft);border-radius:var(--radius-xs);background:var(--surface-75);color:var(--text-800);font-size:.77rem;padding:4px 8px}.code-block-copy:hover{border-color:var(--border-strong);color:var(--text-900)}.code-block pre{overflow-x:auto;padding:var(--space-4)}.code-block code{color:var(--text-900);font-family:var(--font-mono);font-size:.86rem;line-height:1.55}.content-table-wrapper{border:1px solid var(--border-soft);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-6) 0}.content-table{width:100%;border-collapse:collapse;min-width:560px}.content-table th,.content-table td{padding:11px 12px;border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top}.content-table th{background:var(--surface-75);color:var(--text-900);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono)}.content-table td{color:var(--text-800);font-size:.92rem}.content-list{margin:var(--space-4) 0 var(--space-6);padding-left:1.1rem;display:grid;gap:var(--space-3)}.content-list li{color:var(--text-800)}.numbered-steps{display:grid;gap:var(--space-4);margin:var(--space-5) 0}.step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--space-3)}.step-number{width:34px;height:34px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:var(--surface-75);color:var(--text-900);font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.step-content h4{color:var(--text-900);font-size:1rem;margin-bottom:var(--space-1)}.step-content p{color:var(--text-800)}.vocabulary-list{display:grid;gap:var(--space-3);margin:var(--space-5) 0}.vocabulary-item{border:1px solid var(--border-soft);background:var(--surface-75);border-radius:var(--radius-sm);padding:var(--space-4)}.vocabulary-term{color:var(--text-900);font-weight:700;margin-bottom:3px}.vocabulary-def{color:var(--text-800)}.quiz-section{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-50);padding:var(--space-6)}.quiz-section h2{color:var(--text-900);font-size:1.38rem;margin-bottom:var(--space-2)}.quiz-optional-note{color:var(--text-700);font-size:.88rem;margin-bottom:var(--space-2)}.quiz-progress-text{color:var(--text-700);font-size:.9rem;margin-bottom:var(--space-2)}.quiz-progress-dots{display:flex;gap:6px;margin-bottom:var(--space-3)}.quiz-progress-dot{width:10px;height:10px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:var(--surface-100)}.quiz-progress-dot.active{border-color:color-mix(in srgb,var(--blue-200) 55%,var(--border-soft));background:color-mix(in srgb,var(--blue-200) 28%,var(--surface-100))}.quiz-progress-dot.done{border-color:color-mix(in srgb,var(--green-300) 45%,var(--border-soft));background:color-mix(in srgb,var(--green-300) 30%,var(--surface-100))}.quiz-guidance-text{color:var(--text-700);font-size:.86rem;margin-bottom:var(--space-4)}.quiz-question-card{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-75);padding:var(--space-5)}.quiz-question-text{color:var(--text-900);font-size:1.02rem;margin-bottom:var(--space-4)}.quiz-options{display:grid;gap:var(--space-3)}.quiz-option{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-800);background:var(--surface-100)}.quiz-option input{position:absolute;opacity:0;width:1px;height:1px}.quiz-option:hover{border-color:var(--border-strong)}.quiz-option.selected{border-color:color-mix(in srgb,var(--blue-200) 55%,var(--border-soft));color:var(--text-900)}.quiz-option.correct,.quiz-option.correct-reveal{border-color:color-mix(in srgb,var(--green-300) 50%,var(--border-soft));background:color-mix(in srgb,var(--green-300) 12%,var(--surface-100));color:#dff7ec}.quiz-option.incorrect{border-color:color-mix(in srgb,#f59d9d 48%,var(--border-soft));background:color-mix(in srgb,#f59d9d 10%,var(--surface-100))}.quiz-option-radio{width:12px;height:12px;border-radius:var(--radius-pill);border:1px solid var(--text-600)}.quiz-option.selected .quiz-option-radio,.quiz-option.correct .quiz-option-radio,.quiz-option.correct-reveal .quiz-option-radio{border-color:currentColor;background:currentColor}.quiz-feedback-header{margin-top:var(--space-4);color:var(--text-900);font-size:.98rem;font-weight:700;display:flex;align-items:center;gap:var(--space-2)}.quiz-feedback-xp{font-size:.8rem;color:var(--green-300)}.quiz-feedback-explanation{margin-top:var(--space-2);color:var(--text-700)}.quiz-feedback-retry{margin-top:var(--space-2);color:#f2c3c3;font-size:.88rem}.quiz-actions{margin-top:var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-3)}.quiz-summary{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-75);padding:var(--space-6)}.quiz-summary-score{color:var(--text-900);font-size:2.1rem;line-height:1;letter-spacing:-.03em;margin-bottom:var(--space-2)}.quiz-summary-label{color:var(--text-700);margin-bottom:var(--space-4)}.quiz-summary-badge{font-size:1.6rem;margin-top:var(--space-2)}.quiz-summary-badge-name{color:var(--text-800);font-size:.92rem;margin-top:var(--space-1)}.completion-page{padding-top:var(--space-8);text-align:center}.glossary-page{padding-top:var(--space-8)}.glossary-header{margin-bottom:var(--space-6)}.glossary-header h1{margin-bottom:var(--space-2)}.glossary-header p{color:var(--text-700)}.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.glossary-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-50);padding:var(--space-5)}.glossary-card h2{color:var(--text-900);margin-bottom:var(--space-2);font-size:1.1rem}.glossary-card p{color:var(--text-800);font-size:.92rem;line-height:1.45}.glossary-example{margin-top:var(--space-2);color:var(--text-600);font-size:.84rem;font-family:var(--font-mono)}.glossary-actions{margin-top:var(--space-6)}.completion-mascot{margin:0 auto var(--space-4);min-width:96px;height:54px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--text-1000);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-100);padding:0 var(--space-3)}.completion-intro{margin-top:var(--space-4);color:var(--text-700);font-size:1.05rem;max-width:760px;margin-inline:auto}.completion-xp{margin-top:var(--space-3);color:var(--yellow-300);font-size:1rem;font-weight:700}.completion-summary{margin-top:var(--space-8)}.completion-summary .section-title,.completion-next .section-title{text-align:center}.completion-badges,.completion-next{margin-top:var(--space-10)}.completion-next .content-list{max-width:700px;margin-inline:auto;text-align:left}.completion-actions{margin-top:var(--space-10);display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4)}.empty-state{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-75);padding:var(--space-10);text-align:center}.empty-state h1{margin-bottom:var(--space-3)}.empty-state p{color:var(--text-700);margin-bottom:var(--space-5)}.footer{margin-top:auto;border-top:1px solid var(--border-soft);padding:var(--space-4) var(--space-8);color:var(--text-600);font-size:.9rem;line-height:1.45;text-align:center;background:var(--surface-25)}.footer a{color:var(--text-800);text-decoration:underline;text-underline-offset:2px}.mobile-drawer{position:fixed;inset:0;z-index:110;pointer-events:none}.mobile-drawer-backdrop{position:absolute;inset:0;background:#0000008c;opacity:0;visibility:hidden;transition:opacity .2s ease}.mobile-drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(86vw,410px);transform:translate(100%);visibility:hidden;transition:transform .22s ease;background:var(--surface-50);border-left:1px solid var(--border-soft);display:flex;flex-direction:column}.mobile-drawer.open{pointer-events:auto}.mobile-drawer.open .mobile-drawer-backdrop{opacity:1;visibility:visible}.mobile-drawer.open .mobile-drawer-panel{transform:translate(0);visibility:visible}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--border-soft);padding:var(--space-5)}.mobile-drawer-header h2{color:var(--text-900);font-size:1.05rem}.mobile-drawer-close{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);color:var(--text-700)}.mobile-drawer-close:hover{color:var(--text-900);background:var(--surface-100)}.mobile-drawer-content{overflow-y:auto;padding:var(--space-5);display:grid;gap:var(--space-5)}.mobile-drawer-group h3{color:var(--text-700);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-2)}.mobile-drawer-group ul{list-style:none;display:grid;gap:2px}.mobile-drawer-link{display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-sm);border:1px solid transparent;padding:9px 10px;color:var(--text-700);font-size:.92rem}.mobile-drawer-link:hover{background:var(--surface-100);color:var(--text-900)}.mobile-drawer-link.active{background:var(--surface-150);border-color:var(--border-soft);color:var(--text-1000)}.mobile-drawer-link.locked{color:var(--text-700);border-color:color-mix(in srgb,var(--border-soft) 70%,transparent);background:var(--surface-75);cursor:not-allowed}.mobile-drawer-done{font-size:.64rem;font-family:var(--font-mono);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--blue-200) 40%,transparent);color:var(--blue-100);padding:2px 7px}.mobile-drawer-lock{font-size:.62rem;border-radius:var(--radius-pill);border:1px solid var(--border-soft);color:var(--text-600);padding:2px 7px;font-family:var(--font-mono)}@media(max-width:1320px){.top-nav-brand{font-size:1.6rem}.page-container{width:min(1040px,100%)}}@media(max-width:1160px){.top-nav-inner{padding:0 var(--space-4)}.top-nav-chip-streak{display:none}.page-container{padding:var(--space-8) var(--space-6)}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-create-grid .create-card:last-child{grid-column:1 / -1}}@media(max-width:1024px){.top-nav-inner{grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--space-3)}.top-nav-menu{display:inline-flex}.top-nav-links{display:none}.top-nav-brand{justify-self:start;font-size:1.15rem}.top-nav-chip-level{display:none}.top-nav-actions{gap:var(--space-2);min-width:0}.top-nav-progress{gap:var(--space-1)}.top-nav-chip{min-width:58px;padding:4px 7px}.top-nav-continue{min-width:124px;padding:8px 12px;font-size:.82rem}.top-nav-cta-meta{display:none}.shell-layout{grid-template-columns:minmax(0,1fr)}.left-sidebar{display:none}.page-container{width:min(860px,100%)}.landing-starter-grid{grid-template-columns:1fr}.starter-card{min-height:240px}.dashboard-stats,.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-nav{flex-direction:column;align-items:stretch}}@media(max-width:720px){.top-nav-inner{gap:var(--space-2)}.top-nav-brand{font-size:1rem}.top-nav-brand-text-full{display:none}.top-nav-brand-text-compact{display:inline}.top-nav-progress{display:none}.top-nav-continue{font-size:.8rem;padding:7px 10px;min-width:112px}.page-container{padding:var(--space-6) var(--space-4)}.landing-page{padding-top:var(--space-5)}.landing-hero{text-align:left;margin-bottom:var(--space-6)}.landing-hero h1{font-size:clamp(1.2rem,4.8vw,1.46rem);line-height:1.18;max-width:none;white-space:normal;text-wrap:balance;letter-spacing:-.016em;margin-left:0;margin-right:0}.hero-title-suffix{white-space:normal;font-size:.9em}.landing-hero p{margin-top:var(--space-3);font-size:.92rem;line-height:1.42;letter-spacing:-.01em;max-width:31ch;margin-left:0;margin-right:0}.landing-hero-note{margin-top:var(--space-2);font-size:.8rem;line-height:1.42;max-width:35ch;margin-left:0;margin-right:0}.course-clarity{margin-bottom:var(--space-6);padding:var(--space-4)}.course-clarity h2{font-size:1rem;margin-bottom:var(--space-2)}.course-clarity ol{gap:var(--space-2)}.course-clarity strong{font-size:.9rem}.course-clarity li span{font-size:.84rem;line-height:1.36}.course-clarity-glossary-link{font-size:.84rem}.attribution-banner{flex-direction:column;align-items:flex-start;margin-top:var(--space-6);margin-bottom:0}.attribution-banner-links{min-width:0}.landing-create-grid{grid-template-columns:1fr}.landing-create-grid .create-card:last-child{grid-column:auto}.create-card h3{font-size:1.45rem}.starter-card{min-height:216px;padding:var(--space-5)}.starter-card h3{font-size:clamp(1.9rem,8.6vw,2.3rem);line-height:1.04;margin-bottom:var(--space-2)}.starter-card-secondary h3{font-size:clamp(1.5rem,6.9vw,1.95rem)}.starter-card p{max-width:100%;font-size:.92rem;line-height:1.42}.create-card{min-height:192px;padding:var(--space-5)}.create-card p{font-size:.92rem;line-height:1.45}.create-card-cta{font-size:.92rem}.module-grid,.dashboard-stats,.badge-grid,.module-orientation,.glossary-grid{grid-template-columns:1fr}.module-help-row{margin-top:calc(var(--space-4) * -1)}.module-progress-meta{flex-direction:column;gap:4px}.source-panel,.quiz-section,.content-table-wrapper{margin-left:calc(var(--space-1) * -1);margin-right:calc(var(--space-1) * -1)}.content-table,.content-table thead,.content-table tbody,.content-table th,.content-table td,.content-table tr{display:block;width:100%}.content-table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.content-table tr{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-75);margin-bottom:var(--space-3);overflow:hidden}.content-table td{border:0;border-bottom:1px solid var(--border-soft);padding:var(--space-3) var(--space-4)}.content-table td:last-child{border-bottom:0}.content-table td:before{content:attr(data-label);display:block;color:var(--text-600);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-family:var(--font-mono)}.footer{padding:var(--space-4)}}@media(max-width:420px){.top-nav-inner{grid-template-columns:auto 1fr auto;gap:var(--space-2)}.top-nav-brand{font-size:.9rem}.landing-hero h1{font-size:1.18rem;max-width:none}.landing-hero p{font-size:.88rem}.landing-hero-note{font-size:.77rem}.starter-card h3{font-size:1.95rem}.starter-card-secondary h3{font-size:1.65rem}.top-nav-continue{min-width:92px;font-size:.72rem;padding:6px 8px}.top-nav-cta-label-full{display:none}.top-nav-cta-label-compact{display:inline}.footer{font-size:.86rem}}