*{box-sizing:border-box}html{scroll-behavior:smooth;background:#111827;scroll-padding-top:88px}:root{--accent:#93c5fd;--bg:#111827;--surface:#202a3a;--ink:#f7f5fb;--muted:#b7bdc9;--line:color-mix(in srgb,var(--accent) 22%,#323744);--line-strong:color-mix(in srgb,var(--accent) 44%,#3d4350);--panel:color-mix(in srgb,var(--surface) 74%,#080b0f);--panel-soft:color-mix(in srgb,var(--surface) 46%,transparent);--code:#080b0f;--success:#62e6a5;--danger:#ff738e;--warning:#ffd166;--radius:18px;--radius-sm:12px;--topbar-h:68px;--shadow:0 22px 65px #00000038}::selection{background:color-mix(in srgb,var(--accent) 38%,transparent);color:var(--ink)}body{background:radial-gradient(circle at 78% -8%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 32rem), radial-gradient(circle at 5% 24%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 28rem),var(--bg);min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}img,svg{max-width:100%;height:auto}:where(a,button,input,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 80%,white);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:200;background:var(--accent);color:#071018;border-radius:10px;padding:10px 14px;font-weight:900;transition:transform .15s;position:fixed;top:8px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.topbar{height:var(--topbar-h);z-index:80;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);position:sticky;top:0}.topbar-inner{align-items:center;gap:22px;max-width:1460px;height:100%;margin:auto;padding:0 24px;display:flex}.brand{letter-spacing:-.055em;flex:none;font-size:21px;font-weight:950;line-height:1}.brand span{color:var(--accent)}.desktop-nav{align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.desktop-nav a{min-height:40px;color:var(--muted);white-space:nowrap;border-radius:9px;align-items:center;padding:0 10px;font-size:13px;font-weight:720;transition:background .15s,color .15s;display:flex}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink);background:color-mix(in srgb,var(--accent) 10%,transparent)}.desktop-nav a.active{box-shadow:inset 0 -2px 0 var(--accent)}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-search{border:1px solid var(--line);min-height:38px;color:var(--muted);background:color-mix(in srgb,var(--surface) 35%,transparent);border-radius:10px;align-items:center;gap:8px;padding:0 9px;display:flex}.nav-search span{color:var(--accent);font-size:19px}kbd{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-bottom-width:2px;border-radius:6px;padding:2px 6px;font:750 10px ui-monospace,SFMono-Regular,Consolas,monospace}.menu-button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.menu-button span{background:var(--ink);border-radius:4px;width:18px;height:2px}.mobile-nav-backdrop,.mobile-nav{display:none}.reading-progress{z-index:82;left:0;right:0;top:calc(var(--topbar-h) - 2px);pointer-events:none;background:0 0;height:2px;position:fixed}.reading-progress i{background:var(--accent);width:0;height:100%;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 75%,transparent);display:block}.shell{width:min(100%,1460px);margin:auto;padding:34px 24px 84px}.narrow-shell{max-width:1080px}.hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:44px;padding:76px 0 58px;display:grid}.hero>div:first-child{min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:11px;font-weight:900}.hero h1,.phase-head h1,.progress-hero h1{letter-spacing:-.065em;overflow-wrap:anywhere;margin:.18em 0;font-size:clamp(42px,6.5vw,84px);line-height:.94}.hero p,.phase-head>p{max-width:780px;color:var(--muted);font-size:clamp(16px,1.6vw,18px)}.phase-head{border-bottom:1px solid var(--line);padding:38px 0 30px}.phase-head h1{font-size:clamp(38px,5.2vw,70px)}.section{padding:36px 0}.section h2{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(25px,3vw,31px);line-height:1.15}.section h3{line-height:1.25}.muted{color:var(--muted)}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{border:1px solid color-mix(in srgb,var(--accent) 56%,transparent);background:var(--accent);color:#071018;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;min-height:44px;padding:10px 15px;font-weight:850;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover{box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 15%,transparent);transform:translateY(-1px)}.button.ghost{color:var(--ink);border-color:var(--line);background:0 0}.button.ghost:hover{border-color:var(--line-strong);background:color-mix(in srgb,var(--accent) 7%,transparent)}.button.done{background:color-mix(in srgb,var(--success) 18%,var(--surface));border-color:color-mix(in srgb,var(--success) 55%,var(--line));color:var(--ink)}.text-button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-weight:800}.text-button:hover{color:var(--ink);background:var(--panel)}.text-button:disabled{opacity:.4;cursor:not-allowed}.callout{border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:0 13px 13px 0;padding:16px 18px}.back-link{min-height:40px;color:var(--muted);align-items:center;margin-bottom:4px;font-size:14px;font-weight:750;display:inline-flex}.back-link:hover{color:var(--ink)}.card,.hero-card,.module-card,.milestone-card,.progress-card,.exercise-card,.studio-card,.mastery-card,.practice-box,.check-card,.error-card,.glossary-grid article{border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 75%,#05070a),color-mix(in srgb,var(--bg) 94%,#000));border-radius:var(--radius);box-shadow:inset 0 1px #ffffff05}.card,.hero-card{padding:24px}.card{transition:transform .15s,border-color .15s}.card:hover{border-color:var(--line-strong)}a.card:hover,a.module-card:hover,a.milestone-card:hover,a.progress-card:hover{transform:translateY(-2px)}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.grid.cards>.card{height:100%}.exercise-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.exercise-card{padding:20px}.exercise-card b{color:var(--accent)}.big-card{min-height:220px}.big-card h3{margin:.35em 0;font-size:28px}.big-card small,.module-card small{color:var(--accent);font-weight:800}.metrics,.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.metric{min-width:0}.metric b,.hero-stats b{letter-spacing:-.03em;font-size:clamp(23px,3vw,31px);display:block}.metric span,.hero-stats span{color:var(--muted);font-size:12px}.hero-stats{grid-template-columns:repeat(2,minmax(0,170px));margin-top:22px}.course-layout{grid-template-columns:300px minmax(0,1fr);gap:38px;width:min(100%,1460px);margin:auto;padding:24px;display:grid}.course-layout>main{min-width:0}.sidebar{top:calc(var(--topbar-h) + 20px);height:calc(100dvh - var(--topbar-h) - 38px);scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:4px 10px 42px 0;position:sticky;overflow:auto}.sidebar-title{z-index:1;background:linear-gradient(var(--bg) 75%,transparent);justify-content:space-between;align-items:center;gap:10px;padding:8px 6px 12px;display:flex;position:sticky;top:0}.sidebar-title>a{color:var(--muted);font-size:11px}.volume{margin:18px 0}.volume>b{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 8px 7px;font-size:10px;display:block}.volume a{color:var(--muted);border-radius:9px;grid-template-columns:30px minmax(0,1fr);gap:7px;padding:9px 8px;font-size:13px;line-height:1.28;transition:background .15s,color .15s;display:grid}.volume a span{color:color-mix(in srgb,var(--muted) 76%,transparent);font-family:ui-monospace,monospace}.volume a em{overflow-wrap:anywhere;font-style:normal}.volume a:hover,.volume a.active{background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--ink)}.volume a.active{box-shadow:inset 3px 0 0 var(--accent)}.mobile-course-nav{display:none}.lesson-list{gap:10px;display:grid}.lesson-row{border:1px solid var(--line);background:var(--panel-soft);border-radius:14px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;transition:transform .15s,border-color .15s,background .15s;display:grid}.lesson-row:hover{border-color:var(--line-strong);background:color-mix(in srgb,var(--accent) 6%,var(--panel));transform:translateY(-1px)}.lesson-num{color:var(--accent);font:850 13px ui-monospace,monospace}.lesson-row h3{margin:0;font-size:16px}.lesson-row p{color:var(--muted);margin:4px 0 0;font-size:13px}.lesson-row small{color:var(--muted);white-space:nowrap}.lesson-row.companion{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--panel))}.lesson{width:min(100%,930px);margin:0 auto;padding:48px 24px 120px}.lesson.lesson-wide{width:min(100%,1040px)}.lesson>h1{letter-spacing:-.055em;overflow-wrap:anywhere;margin:.25em 0;font-size:clamp(36px,5.5vw,62px);line-height:1}.lesson-meta{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:22px;font-size:14px}.lesson .phase-head{padding-top:18px}.prose{font-size:17px;line-height:1.78}.prose p{margin:0 0 1.2em}.prose .textline{white-space:pre-wrap}.prose h2{margin:2.1em 0 .65em;scroll-margin-top:92px;font-size:clamp(23px,3vw,28px);line-height:1.18}.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.35em}.prose li{margin:.35em 0}.lesson-contract{border:1px solid var(--line);background:var(--panel);border-radius:16px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:22px;padding:22px;display:grid}.lesson-contract h2{margin:.25em 0}.lesson-contract ul{padding-left:20px}.lesson-contract aside{border-left:2px solid var(--accent);padding-left:18px}.lesson-contract aside p{color:var(--muted)}.lesson-actions{justify-content:space-between;margin-top:28px}.lesson-actions .prev{margin-right:auto}.lesson-actions .next{margin-left:auto}.exit-ticket{border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 6%,var(--panel));border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:22px;display:flex}.exit-ticket h2{margin:.2em 0}.exit-ticket p{color:var(--muted);max-width:660px;margin-bottom:0}.exit-ticket.compact{margin-top:8px}.code-block{border:1px solid var(--line);background:var(--code);border-radius:15px;margin:18px 0;overflow:hidden;box-shadow:0 16px 40px #00000029}.code-block-head{background:#0d1118;border-bottom:1px solid #282d36;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:7px 10px 7px 14px;display:flex}.code-block-head>div{align-items:center;gap:11px;min-width:0;display:flex}.code-block-head span{text-transform:uppercase;letter-spacing:.11em;color:var(--accent);white-space:nowrap;font:850 10px ui-monospace,monospace}.code-block-head b{color:#dce5f2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.code-block-head button{color:#cbd6e6;cursor:pointer;background:#151b24;border:1px solid #303744;border-radius:8px;flex:none;min-height:31px;padding:4px 9px;font:800 11px ui-monospace,monospace}.code-block-head button:hover{border-color:var(--accent);color:var(--ink)}.code-block pre,.terminal-card pre,.codeish{color:#edf4ff;tab-size:2;overscroll-behavior-inline:contain;max-width:100%;margin:0;padding:17px 18px;font:13px/1.68 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.code-block pre{scrollbar-width:thin}.code-guidance{color:var(--muted);margin:-3px 0 20px;padding:0 4px;font-size:13px}.expected-evidence{border:1px solid color-mix(in srgb,var(--success) 36%,var(--line));background:color-mix(in srgb,var(--success) 5%,var(--panel));border-radius:13px;margin:12px 0 20px;padding:14px 16px}.expected-evidence b{color:var(--success)}.expected-evidence p{color:var(--muted);margin:4px 0 0}.terminal-card{border:1px solid var(--line);background:var(--code);border-radius:15px;margin-top:18px;overflow:hidden}.terminal-head{color:var(--accent);border-bottom:1px solid #282d36;padding:10px 14px;font:800 12px ui-monospace,monospace}.terminal-card p{color:#a9b1c2;margin:0;padding:0 16px 16px;font-size:13px}.codeish{background:var(--code);border:1px solid var(--line);border-radius:12px}.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.principle{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:10px;padding:16px;display:grid}.principle span{color:var(--accent);padding-top:4px;font:850 12px ui-monospace,monospace}.principle p{margin:0}.flow-figure{border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 64%,transparent),color-mix(in srgb,var(--bg) 92%,#000));border-radius:16px;margin:24px 0;padding:20px;overflow:hidden}.figure-title{margin-bottom:15px;font-weight:850}.flow-row{scroll-snap-type:x proximity;scrollbar-width:thin;align-items:stretch;padding:0 0 10px;display:flex;overflow-x:auto}.flow-node-wrap{scroll-snap-align:start;flex:none;align-items:center;display:flex}.flow-node{text-align:center;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel));border-radius:12px;place-items:center;min-width:125px;max-width:175px;min-height:64px;padding:10px;font-size:12px;font-weight:750;display:grid}.flow-arrow{color:var(--accent);place-items:center;padding:0 9px;font-weight:900;display:grid}.flow-figure figcaption{color:var(--muted);margin-top:10px;font-size:12px}.step-list{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.step-list li{border:1px solid var(--line);background:var(--panel-soft);border-radius:14px;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:16px;display:grid}.step-list li>span{color:var(--accent);font:900 13px ui-monospace,monospace}.step-list p{margin:0}.failure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.failure-card{border:1px solid color-mix(in srgb,var(--danger) 34%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--panel));border-radius:14px;padding:18px}.failure-card h3{margin:.35em 0;font-size:16px}.failure-card p{color:var(--muted);margin:0;font-size:13px}.check-card{padding:20px}.check-card h3{margin-top:0}.task-check{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);cursor:pointer;align-items:flex-start;gap:11px;padding:11px 2px;display:flex}.task-check:first-of-type{border-top:0}.task-check input{width:17px;height:17px;accent-color:var(--accent);flex:none;margin-top:4px}.task-check.checked span{color:var(--muted);text-decoration:line-through}.lesson-studio,.mastery-workshop,.foundation-practice{border-top:1px solid var(--line);margin-top:30px}.studio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.studio-card{padding:18px}.studio-card>span{color:var(--accent);font:900 12px ui-monospace,monospace}.studio-card h3{margin:.35em 0}.studio-card p{font-size:14px}.studio-card small{color:var(--muted)}.studio-card.danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.mastery-lead{color:var(--muted);max-width:780px;font-size:18px}.mastery-objectives,.mastery-block,.independent-challenge,.review-questions,.checkpoint-banner{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin:16px 0;padding:20px}.mastery-objectives h3,.mastery-block h3,.independent-challenge h3,.review-questions h3{margin:.2em 0 .6em}.mastery-objectives ul,.mastery-card ul,.mastery-card ol,.review-questions ol{padding-left:21px}.mastery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.mastery-card{padding:20px}.mastery-card h3{margin:.3em 0}.mastery-card p,.mastery-card li{color:var(--muted)}.mastery-card.danger{border-color:color-mix(in srgb,var(--danger) 38%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--panel))}.troubleshoot-table{border:1px solid var(--line);border-radius:15px;margin:18px 0;overflow:hidden}.troubleshoot-head,.troubleshoot-row{grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:14px;padding:13px 16px;display:grid}.troubleshoot-head{background:color-mix(in srgb,var(--accent) 10%,var(--panel));text-transform:uppercase;letter-spacing:.08em;font-size:12px}.troubleshoot-row{border-top:1px solid var(--line);background:var(--panel)}.troubleshoot-row p{color:var(--muted);margin:0}.independent-challenge{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.independent-challenge p{color:var(--muted)}.checkpoint-banner{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));grid-template-columns:120px minmax(0,1fr);align-items:start;gap:16px;display:grid}.checkpoint-banner b{color:var(--accent)}.checkpoint-banner p{color:var(--muted);margin:0}.pedagogy-banner{border:1px solid var(--line);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 11%,var(--panel)),var(--panel));border-radius:18px;grid-template-columns:1.4fr .6fr;align-items:end;gap:30px;padding:28px;display:grid}.pedagogy-banner h2{margin:.3em 0 0;font-size:clamp(24px,4vw,42px)}.pedagogy-banner p{color:var(--muted)}.table-wrap{border:1px solid var(--line);background:var(--panel);scrollbar-width:thin;border-radius:14px;width:100%;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:620px}.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 15px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap th{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel));font-size:11px}.table-wrap td{color:var(--muted)}.reference-table{border:1px solid var(--line);border-radius:14px;display:grid;overflow:hidden}.reference-row{border-top:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(220px,.5fr) minmax(0,1fr);gap:18px;padding:14px 16px;display:grid}.reference-row:first-child{border-top:0}.reference-row code{color:var(--accent);overflow-wrap:anywhere;font:750 13px ui-monospace,monospace}.reference-row p{color:var(--muted);margin:0}.quiz-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:9px;display:flex}.quiz-score{color:var(--muted);align-items:baseline;gap:8px;display:flex}.quiz-score b{color:var(--accent);font-size:22px}.quiz-progress{background:var(--code);border-radius:99px;height:5px;margin-bottom:4px;overflow:hidden}.quiz-progress i{background:var(--accent);border-radius:inherit;height:100%;transition:width .2s;display:block}.quiz-q{border-top:1px solid var(--line);padding:24px 0}.quiz-q:first-of-type{border-top:0}.quiz-question{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;display:grid}.quiz-question>span{color:var(--accent);padding-top:3px;font:900 11px ui-monospace,monospace}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.quiz-options button{text-align:left;border:1px solid var(--line);background:var(--panel);min-height:52px;color:var(--ink);cursor:pointer;border-radius:11px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:10px 12px;display:grid}.quiz-options button:hover{border-color:var(--line-strong)}.option-letter{background:color-mix(in srgb,var(--accent) 8%,transparent);width:25px;height:25px;color:var(--accent);border-radius:7px;place-items:center;font:850 11px ui-monospace,monospace;display:grid}.quiz-options button.correct{border-color:color-mix(in srgb,var(--success) 75%,var(--line));background:color-mix(in srgb,var(--success) 5%,var(--panel))}.quiz-options button.wrong{border-color:color-mix(in srgb,var(--danger) 75%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--panel))}.feedback{border-left:3px solid var(--line);color:var(--muted);border-radius:0 9px 9px 0;margin-top:10px;padding:11px 13px;font-size:13px}.feedback.good{border-color:var(--success);background:color-mix(in srgb,var(--success) 5%,transparent)}.feedback.needs-work{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 5%,transparent)}.feedback p{margin:3px 0 0}.quiz-complete{border:1px solid var(--line-strong);background:color-mix(in srgb,var(--accent) 7%,var(--panel));border-radius:13px;padding:16px 18px}.quiz-complete p{color:var(--muted);margin:4px 0 0}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.theme-card{text-align:left;color:#fff;cursor:pointer;border:1px solid #4b384d;border-radius:14px;min-height:126px;padding:17px;transition:transform .15s,border-color .15s,box-shadow .15s}.theme-card:hover{transform:translateY(-2px)}.theme-card.active{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--shadow)}.theme-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.theme-card b,.theme-card>span{display:block}.theme-card>span{margin:4px 0 22px;font-size:13px}.theme-card i{border-radius:99px;height:8px;display:block}.theme-check{border:1px solid;border-radius:99px;margin:0!important;padding:3px 6px!important;font-size:10px!important}.theme-fab,.back-top{right:max(18px,env(safe-area-inset-right));border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,#000);width:44px;height:44px;color:var(--accent);cursor:pointer;z-index:70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 12px 35px #00000042}.theme-fab{bottom:max(18px,env(safe-area-inset-bottom));font-size:20px}.back-top{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 54px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;transform:translateY(8px)}.back-top.show{opacity:1;pointer-events:auto;transform:none}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.module-card{min-height:220px;padding:22px;transition:transform .15s,border-color .15s}.module-card:hover{border-color:var(--line-strong)}.module-number{color:var(--accent);font:900 13px ui-monospace,monospace}.module-card h3{margin:.55em 0;font-size:20px}.module-card p{color:var(--muted);font-size:14px}.milestone-grid,.rubric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.milestone-card{padding:22px}.milestone-card h2{margin:.3em 0}.milestone-card p{color:var(--muted)}.rubric-card{padding:17px}.rubric-card h3{margin:0 0 6px}.rubric-card p{color:var(--muted);margin:0}.source-details{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:8px 0;overflow:hidden}.source-details summary{cursor:pointer;overflow-wrap:anywhere;padding:12px 14px;font-weight:700}.source-details[open] summary{border-bottom:1px solid var(--line)}.source-details pre{white-space:pre-wrap;color:var(--muted);background:var(--code);margin:0;padding:14px;font-size:12px;overflow:auto}.error-playbook,.glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.error-card,.glossary-grid article{padding:18px}.error-card h3{margin:.35em 0;font-size:17px}.error-card p,.glossary-grid p{color:var(--muted);margin:0;font-size:14px}.glossary-grid h3{color:var(--accent);margin:0 0 6px}.setup-long{gap:14px;display:grid}.setup-block{border:1px solid var(--line);background:var(--panel);border-radius:16px;grid-template-columns:1.05fr .95fr;align-items:start;gap:22px;padding:22px;display:grid}.setup-block h2{margin:.2em 0}.setup-block p{color:var(--muted)}.setup-block .code-block{margin:0}.setup-steps{counter-reset:s}.setup-step{counter-increment:s;border-bottom:1px solid var(--line);padding:24px 24px 24px 72px;position:relative}.setup-step:before{content:counter(s);background:var(--accent);color:#081018;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid;position:absolute;top:22px;left:18px}.progress-hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:48px 0 36px;display:flex}.progress-hero h1{font-size:clamp(44px,6.5vw,78px)}.ring{--p:0%;background:conic-gradient(var(--accent) var(--p),color-mix(in srgb,var(--surface) 75%,#000) 0);border-radius:50%;flex:none;place-items:center;width:154px;height:154px;display:grid;position:relative}.ring:after{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:12px}.ring b,.ring span{z-index:1}.ring b{align-self:end;font-size:27px}.ring span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-self:start;margin-top:-3px;font-size:10px}.mini-stats{color:var(--muted);flex-wrap:wrap;gap:10px 18px;font-size:13px;display:flex}.mini-stats b{color:var(--ink)}.continue-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:1px 10px;max-width:620px;margin-top:20px;padding:12px 14px;display:grid}.continue-card>span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;grid-row:1/3;align-self:center;font-size:11px;font-weight:850}.continue-card b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.continue-card small{color:var(--muted)}.phase-progress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.progress-card{padding:17px;transition:transform .15s,border-color .15s}.progress-card:hover{border-color:var(--line-strong)}.progress-card h3{margin:.55em 0;font-size:15px}.progress-row{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.progress-row b{color:var(--accent)}.progress-track{background:var(--code);border-radius:99px;height:7px;overflow:hidden}.progress-track i{background:var(--accent);border-radius:99px;height:100%;display:block}.course-search{min-height:420px}.search-box{border:1px solid var(--line);background:var(--panel);border-radius:15px;align-items:center;gap:11px;padding:10px 12px 10px 15px;display:flex;box-shadow:0 15px 45px #0000001f}.search-box>span{color:var(--accent);font-size:24px}.search-box input{width:100%;min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;font-size:17px}.search-box kbd{flex:none}.search-clear{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:22px}.search-clear:hover{background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--ink)}.search-meta{min-height:32px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:7px 2px;font-size:12px;display:flex}.search-meta b{color:var(--accent)}.filter-chips{scrollbar-width:none;gap:7px;padding:4px 0 8px;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button,.search-hints button{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:99px;flex:none;padding:5px 10px;font-size:12px;font-weight:750}.filter-chips button.active,.filter-chips button:hover,.search-hints button:hover{border-color:var(--accent);color:var(--ink);background:color-mix(in srgb,var(--accent) 8%,transparent)}.search-hints{padding:28px 0}.search-hints>div{flex-wrap:wrap;gap:8px;display:flex}.search-results{gap:8px;margin-top:12px;display:grid}.search-result{border:1px solid var(--line);background:var(--panel-soft);border-radius:12px;grid-template-columns:108px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:14px;transition:border-color .15s,transform .15s;display:grid}.search-result:hover{border-color:var(--line-strong);transform:translate(2px)}.search-kind{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:10px;font-weight:850}.search-result b{display:block}.search-result p{color:var(--muted);margin:2px 0;font-size:12px}.search-arrow{color:var(--accent);font-size:18px}.empty-state{border:1px dashed var(--line);text-align:center;border-radius:14px;padding:30px}.empty-state p{color:var(--muted);margin:4px 0 0}.site-footer{border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,#000)}.footer-inner{width:min(100%,1460px);padding:34px 24px calc(34px + env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-start;gap:30px;margin:auto;display:flex}.footer-inner p{color:var(--muted);margin:8px 0 0;font-size:13px}.footer-inner nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;display:flex}.footer-inner nav a{color:var(--muted);font-size:13px}.footer-inner nav a:hover{color:var(--ink)}@media (max-width:1180px){.desktop-nav a{padding-inline:8px;font-size:12px}.nav-search kbd{display:none}.module-grid,.phase-progress-grid,.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.desktop-nav{display:none}.menu-button{display:flex}.nav-search{justify-content:center;min-width:44px}.nav-search kbd{display:none}.mobile-nav-backdrop{inset:var(--topbar-h) 0 0;z-index:88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#0000007a;transition:opacity .18s;display:block;position:fixed}.mobile-nav-backdrop.open{opacity:1;pointer-events:auto}.mobile-nav{z-index:90;top:var(--topbar-h);background:color-mix(in srgb,var(--bg) 96%,#000);border-left:1px solid var(--line);visibility:hidden;width:min(88vw,390px);padding:18px;transition:transform .2s,visibility .2s;display:block;position:fixed;bottom:0;right:0;overflow:auto;transform:translate(102%);box-shadow:-24px 0 65px #00000059}.mobile-nav.open{visibility:visible;transform:none}.mobile-nav-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:2px 3px 14px;display:flex}.mobile-nav-head button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;width:40px;height:40px;font-size:24px}.mobile-nav nav{padding:12px 0;display:grid}.mobile-nav nav a{min-height:48px;color:var(--muted);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;font-weight:760;display:flex}.mobile-nav nav a:hover,.mobile-nav nav a.active{color:var(--ink);background:color-mix(in srgb,var(--accent) 10%,transparent)}.mobile-nav nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.mobile-nav-tip{color:var(--muted);border-top:1px solid var(--line);padding-top:16px;font-size:12px}.hero{grid-template-columns:1fr;gap:24px;padding-top:54px}.hero-card{max-width:680px}.course-layout{padding:20px 24px 70px;display:block}.desktop-sidebar{display:none}.mobile-course-nav{top:calc(var(--topbar-h) + 10px);z-index:35;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:13px;margin:0 0 12px;display:block;position:sticky}.mobile-course-nav summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:9px 14px;list-style:none;display:flex}.mobile-course-nav summary::-webkit-details-marker{display:none}.mobile-course-nav summary span{display:grid}.mobile-course-nav summary small{color:var(--muted);font-size:11px}.mobile-course-nav summary i{color:var(--accent);font-style:normal;transition:transform .15s}.mobile-course-nav[open] summary i{transform:rotate(180deg)}.mobile-course-nav-body{border-top:1px solid var(--line);max-height:min(68dvh,620px);padding:8px 10px 16px;overflow:auto}.mobile-course-nav .volume{margin:12px 0}.lesson-contract,.setup-block,.pedagogy-banner{grid-template-columns:1fr}.lesson-contract aside{border-left:0;border-top:2px solid var(--accent);padding-top:14px;padding-left:0}.studio-grid,.failure-grid{grid-template-columns:1fr}.lesson-actions{align-items:stretch}.lesson-actions .button{max-width:48%}}@media (max-width:760px){:root{--topbar-h:62px}.topbar-inner,.shell,.course-layout,.footer-inner{padding-left:16px;padding-right:16px}.brand{font-size:19px}.hero{padding:44px 0 40px}.hero h1,.phase-head h1,.progress-hero h1{letter-spacing:-.05em}.phase-head{padding:28px 0 24px}.section{padding:29px 0}.two-col,.principle-grid,.mastery-grid,.milestone-grid,.rubric-grid,.error-playbook,.glossary-grid{grid-template-columns:1fr}.exercise-grid,.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson{padding:34px 16px 92px}.lesson>h1{font-size:clamp(34px,10vw,48px)}.prose{font-size:16px}.flow-figure{margin-left:-2px;margin-right:-2px;padding:16px}.flow-node{min-width:112px}.step-list li{grid-template-columns:38px minmax(0,1fr);padding:14px}.step-list li>span{font-size:11px}.quiz-options{grid-template-columns:1fr}.quiz-toolbar{align-items:flex-start}.quiz-score{gap:0;display:grid}.quiz-question{grid-template-columns:28px minmax(0,1fr)}.progress-hero{flex-direction:column;align-items:flex-start;padding-top:34px}.ring{width:122px;height:122px}.ring:after{inset:10px}.phase-progress-grid,.module-grid,.grid.cards,.continue-card{grid-template-columns:1fr}.continue-card>span{grid-row:auto}.reference-row,.troubleshoot-head,.troubleshoot-row,.checkpoint-banner{grid-template-columns:1fr}.troubleshoot-head b+b{display:none}.search-result{grid-template-columns:82px minmax(0,1fr) 20px}.search-box kbd{display:none}.footer-inner{display:grid}.footer-inner nav{justify-content:flex-start}.exit-ticket{flex-direction:column;align-items:flex-start}.exit-ticket .button{width:100%}.lesson-actions{grid-template-columns:1fr;display:grid}.lesson-actions .button{justify-content:flex-start;width:100%;max-width:none}.lesson-actions .next{justify-content:flex-end;margin-left:0}}@media (max-width:520px){.metrics{grid-template-columns:1fr 1fr}.metric:last-child:nth-child(odd){grid-column:1/-1}.hero-stats{grid-template-columns:1fr 1fr}.exercise-grid,.theme-grid{grid-template-columns:1fr}.theme-card{min-height:112px}.big-card{min-height:0}.big-card h3{font-size:23px}.lesson-row{grid-template-columns:40px minmax(0,1fr);padding:14px}.lesson-row small{display:none}.lesson-row p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.search-result{grid-template-columns:1fr 22px;gap:5px 10px}.search-kind{grid-column:1/-1}.search-arrow{grid-area:2/2}.filter-chips{margin-right:-16px;padding-right:16px}.code-block{border-radius:12px;margin-left:-2px;margin-right:-2px}.code-block-head b{display:none}.code-block pre{padding:15px;font-size:12px}.theme-fab,.back-top{right:14px}.mobile-nav{width:92vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{:root{--bg:#fff;--surface:#fff;--ink:#111;--muted:#444;--line:#ccc;--panel:#fff;--accent:#245fa6;--code:#f5f5f5}body{color:#111;background:#fff}.topbar,.mobile-course-nav,.sidebar,.theme-fab,.back-top,.reading-progress,.site-footer,.button,.quiz-options,.filter-chips{display:none!important}.lesson,.shell,.course-layout{width:100%;max-width:none;margin:0;padding:0;display:block}.section{break-inside:auto}.card,.lesson-contract,.check-card,.mastery-card,.code-block{box-shadow:none;break-inside:avoid}.code-block pre{white-space:pre-wrap;color:#111}.flow-row{flex-wrap:wrap;overflow:visible}.flow-arrow{display:none}a{text-decoration:underline}}.progress-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.progress-actions .button{min-height:38px;padding-block:6px}.danger-text{color:color-mix(in srgb,var(--danger) 85%,var(--ink))}.danger-text:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,transparent)}@media (max-width:520px){.progress-actions{align-items:stretch}.progress-actions .button,.progress-actions .text-button{width:100%}}details.card{margin:10px 0;padding:0;overflow:hidden}details.card>summary{cursor:pointer;padding:17px 19px;font-weight:800;list-style-position:inside}details.card[open]>summary{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 6%,transparent)}details.card>p{color:var(--muted);padding:0 19px}details.card>p:last-child{padding-bottom:17px}.card small{color:var(--accent);font-weight:760}