@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-3.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/geist-mono-6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/onest-7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/onest-8.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/onest-9.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/onest-10.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/onest-11.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/onest-12.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/onest-13.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-mono:"Geist Mono", Consolas, monospace;font-variant-ligatures:none;color:#edf1ef;font-synthesis:none;--muted:#a7b1ad;--line:#2a2d2e;--mint:#86d8b3;background:#090a0b;font-family:Onest,Segoe UI,sans-serif}nav a{text-decoration:none}nav a:hover{color:var(--mint)}.home-shell{background:#08090a;flex-direction:column;height:100dvh;display:flex}.desktop-notice{border-top:1px solid var(--line);max-width:42ch;padding-top:22px}.desktop-notice h2{color:var(--mint);margin:0 0 10px;font-size:18px;font-weight:500}.desktop-notice p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.desktop-only-shell{flex-direction:column;min-height:100dvh;display:flex}.desktop-only-main{width:min(100%,640px);margin:auto;padding:48px 7vw}.desktop-only-main .eyebrow{color:var(--mint);letter-spacing:.15em;margin:0 0 28px;font-size:11px}.desktop-only-main .desktop-notice{border:0;padding:0}.desktop-notice h1{letter-spacing:-.04em;margin:0 0 22px;font-size:clamp(32px,7vw,48px);font-weight:500;line-height:1.12}.desktop-back{min-height:44px;color:var(--mint);text-underline-offset:5px;align-items:center;gap:10px;margin-top:30px;display:inline-flex}@media (width<=1023px){.home-shell{height:auto;min-height:100dvh}.home-main{flex:1 0 auto;display:block}}.home-header-note{letter-spacing:.17em;color:var(--muted);font-size:10px}.home-header-link{margin-left:auto;font-size:13px;text-decoration:none}.home-main{flex:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw;width:min(1500px,100%);min-height:0;margin:auto;padding:clamp(22px,5vh,64px) 6vw;display:grid}.home-intro .eyebrow{color:var(--mint);letter-spacing:.18em;margin:0 0 25px;font-size:11px}.home-intro h1{letter-spacing:-.055em;margin:0 0 26px;font-size:clamp(48px,5.4vw,92px);font-weight:500;line-height:1.02}.home-intro h1 em{color:var(--mint);letter-spacing:-.06em;font-family:Georgia,serif;font-weight:400}.home-description{color:#b8c2bd;max-width:47ch;margin:0 0 28px;font-size:clamp(14px,1.1vw,18px);line-height:1.75}.home-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.home-cta{align-items:center;gap:30px;text-decoration:none;display:inline-flex;padding:16px 20px!important;font-size:14px!important}.home-cta:hover{color:#101413;background:#a5e8c8}.home-workshop-link{color:var(--mint);text-underline-offset:5px;font-size:14px}.home-progress{color:var(--muted);margin-top:18px;font-size:11px;line-height:1.5}.home-example{background:#101214;border:1px solid #303437;margin:0;padding:25px 30px}.home-example figcaption{letter-spacing:.13em;color:var(--muted);justify-content:space-between;gap:10px;font-size:9px;display:flex}.home-source{font:clamp(22px, 2.3vw, 38px)/1.5 var(--font-mono);white-space:nowrap;padding:30px 0 20px}.home-source span{color:var(--mint)}.home-source b{color:#e5c58c;font-weight:400}.home-flow{color:var(--muted);border-bottom:1px solid #34423a;justify-content:space-between;align-items:center;padding-bottom:16px;font-size:11px;display:flex}.home-flow>span:last-child{color:var(--mint);font-size:24px}.home-tokens{margin:8px 0 0}.home-tokens>div{border-bottom:1px solid #2a342e;grid-template-columns:1fr 1.7fr;padding:10px 0;font-size:13px;display:grid}.home-tokens dt{font-family:var(--font-mono);color:var(--mint)}.home-tokens dd{color:#d4dcd7;margin:0}.home-example>p{color:var(--muted);margin:18px 0 0;font-size:11px;line-height:1.6}.home-footer{border-top:1px solid #2a2d2e;flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 6vw;display:grid}.home-footer>div{gap:18px;display:flex}.home-footer>div>span{color:var(--mint);padding-top:3px;font-size:11px}.home-footer p{margin:0}.home-footer strong{margin-bottom:6px;font-size:13px;font-weight:500;display:block}.home-footer small,.home-local{color:var(--muted);font-size:11px;line-height:1.5}.home-local{text-align:right}.workshop-workspace{--guide-width:32%;--code-size:15px}.workshop-guide .guide-content{padding:30px}.workshop-guide h1{font-size:32px}.workshop-intro,.workshop-help{font-size:13px;line-height:1.7}.workshop-field{color:#d4dcd7;flex-direction:column;gap:8px;margin:20px 0;font-size:12px;display:flex}.workshop-field input,.workshop-field textarea,.workshop-field select,.workshop-toolbar select{color:#edf1ef;background:#161c19;border:1px solid #46564c;border-radius:3px;min-width:0;max-width:100%;padding:10px}.workshop-field textarea{resize:vertical}.workshop-field small{color:var(--muted);line-height:1.5}.workshop-toolbar{gap:16px}.workshop-toolbar select{max-width:260px;padding:6px}.workshop-files{margin-left:auto;position:relative}.workshop-files>div{z-index:8;background:#1b211e;border:1px solid #46564c;gap:12px;width:245px;padding:14px;display:grid;position:absolute;top:30px;right:0}.workshop-files button{text-align:left}.import-label{gap:10px;font-size:12px;display:grid}.import-label input{max-width:215px;font-size:11px}.workshop-case-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:22px;display:flex}.workshop-case-heading button{color:var(--mint);font-size:12px}.workshop-case-list{gap:6px;margin-top:15px;display:grid}.workshop-case-list button{text-align:left;border:1px solid var(--line);overflow-wrap:anywhere;border-radius:3px;gap:4px;padding:10px;display:grid}.workshop-case-list strong{font-size:12px;font-weight:500}.workshop-case-list small{color:var(--muted);font-size:11px}.workshop-case-list .selected-case{border-color:var(--mint);background:#192a22}.workshop-console{overflow:auto}.workshop-console .test-grid{min-height:150px}.workshop-console .console-bar strong{font-size:12px;font-weight:500}.workshop-result{border-top:1px solid var(--line);padding:12px 22px;font-size:12px}.workshop-result strong{color:var(--mint);font-weight:500}.workshop-result pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#e4c58a}.workshop-result button{color:var(--mint);text-decoration:underline}.workshop-practice .editor-panel{min-height:220px}@media (height<=750px) and (width>=761px){.home-main{padding-top:20px;padding-bottom:20px}.home-intro h1{margin-bottom:18px;font-size:clamp(44px,5vw,68px)}.home-intro .eyebrow{margin-bottom:16px}.home-example{padding:20px 25px}.home-source{padding:15px 0}.home-tokens>div{padding:7px 0}.home-description{margin-bottom:20px}.home-footer{padding-top:18px;padding-bottom:18px}}@media (width<=760px){.home-header-note{display:none}.home-main{align-content:center;padding:6vh 7vw 3vh;display:block}.home-intro h1{font-size:clamp(42px,9vw,66px)}.home-description{font-size:14px;line-height:1.6}.home-example{display:none}.home-footer{grid-template-columns:1fr 1fr 1fr;gap:12px;padding:18px 7vw}.home-footer>div{gap:8px}.home-footer small{display:none}.home-footer .home-local{text-align:left;grid-column:1/-1}.home-local br{display:none}.home-header-link{font-size:11px}.workshop-toolbar{flex-wrap:wrap;flex-basis:auto;height:auto;padding:12px 18px}.workshop-shell .reference-button{display:none}}@media (height<=570px){.home-shell{height:auto;min-height:100dvh}}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#45494d #111315}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#111315}::-webkit-scrollbar-thumb{background:#45494d;border:2px solid #111315;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#68716d}::-webkit-scrollbar-corner{background:#111315}body{margin:0}button,input,textarea{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;color:#858e89}button:hover:not(:disabled){color:var(--mint)}a{color:inherit}.app-shell{flex-direction:column;height:100dvh;min-height:560px;display:flex}.global-header{border-bottom:1px solid var(--line);flex:0 0 56px;align-items:center;gap:54px;height:56px;padding:0 28px;display:flex}.brand{letter-spacing:-1.2px;font-size:25px;font-weight:650;text-decoration:none}.brand span{color:var(--mint);margin-left:5px}nav{align-items:center;gap:30px;height:100%;font-size:14px;display:flex}.active-nav{border-bottom:2px solid var(--mint);align-items:center;height:100%;display:grid}nav button span{margin-left:6px}.reference-button{margin-left:auto;font-size:14px}.reference-button span{color:var(--mint);margin-left:10px}.context-bar{border-bottom:1px solid var(--line);flex:0 0 48px;align-items:center;gap:24px;height:48px;padding:0 28px;font-size:13px;display:flex}summary{cursor:pointer}.course-menu{position:relative}.course-menu>summary{align-items:center;gap:12px;list-style:none;display:flex}.step-dot{color:var(--mint);border:1px solid #476757;border-radius:3px;padding:3px 5px;font-size:11px}.step-counter{color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.step-counter b{color:#edf1ef;font-weight:500}.course-list{z-index:5;background:#1b1e20;border:1px solid #46504a;width:370px;max-height:70vh;padding:20px;position:absolute;top:34px;left:-4px;overflow:auto;box-shadow:0 16px 40px #0008}.course-list>p{margin-top:0}.course-list>button{color:var(--muted);text-align:left;align-items:baseline;gap:12px;width:100%;padding:9px 0;display:flex}.course-list>button.current{color:var(--mint)}.course-list .muted{margin-top:18px;font-size:12px}.reading-settings{color:var(--muted);margin-left:auto;position:relative}.reading-settings>div{z-index:6;background:#1b1e20;border:1px solid #46504a;width:240px;padding:20px;position:absolute;top:28px;right:0}.reading-settings label{justify-content:space-between;margin-bottom:10px;display:flex}.reading-settings input{width:100%;accent-color:var(--mint);margin-bottom:16px}.workspace{grid-template-columns:minmax(300px, var(--guide-width)) minmax(400px, 1fr);flex:1;min-height:0;display:grid}.guide{background:#101214;overflow:auto}.guide-content{max-width:800px;margin:auto;padding:36px clamp(26px,3.2vw,64px) 48px}.eyebrow{color:var(--mint);letter-spacing:1.3px;margin:0 0 18px;font-size:10px;font-weight:600}.eyebrow span{color:var(--muted)}h1{letter-spacing:-.8px;max-width:100%;margin:0 0 18px;font-size:clamp(27px,2.1vw,38px);font-weight:600;line-height:1.16}.lesson-objective{color:var(--muted);border-bottom:1px solid var(--line);margin:0 0 26px;padding-bottom:25px;font-size:15px;line-height:1.55}.lesson-body p{margin:0 0 17px;font-size:14px;line-height:1.75}.guide-content .inline-code{color:#a8e1c5;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#1b2923;border-radius:3px;padding:.08em .28em;font-size:.95em}.assignment{border-top:1px solid #3b5146;margin-top:28px;padding:21px 0 0}.section-heading{color:var(--mint);align-items:center;gap:10px;display:flex}h2,h3{margin:0;font-size:14px;font-weight:550}.section-heading h2{color:#edf1ef;font-size:17px}.assignment ol{margin:18px 0;padding-left:22px}.assignment li{margin:10px 0;padding-left:5px;font-size:14px;line-height:1.7}.assignment li::marker{color:var(--mint)}.expected{background:#171c19;border:1px solid #2e3b33;border-radius:4px;grid-template-columns:1fr 1fr;padding:15px 18px;display:grid}.expected>span{color:var(--muted);padding-top:4px;font-size:12px}pre,code,textarea{font-family:var(--font-mono)}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.expected pre{color:var(--mint)}.deeper{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;font-size:13px}.deeper summary{color:var(--muted)}.deeper p,.reference p,.reference dd{color:var(--muted);font-size:13px;line-height:1.7}.reference{border-top:1px solid #3b5146;margin-top:25px;padding-top:24px}.reference dt{color:var(--mint);font-family:var(--font-mono);margin-top:12px}.reference dd{margin:4px 0 0}.practice{border-left:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.editor-panel{background:#151719;flex-direction:column;flex:1;min-height:160px;display:flex}.editor-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:0 23px;display:flex}.editor-heading h2{font-family:var(--font-mono);white-space:nowrap;font-size:13px}.editor-heading h2 span{color:var(--mint);margin-right:8px}.save-status{color:var(--muted);text-align:right;font-size:11px}.code-editor{flex:1;min-height:0;overflow:hidden}.cm-editor.cm-focused{outline-offset:-1px;outline:1px solid #466354}.console{resize:vertical;background:#1b1e20;border-top:1px solid #3a4140;height:230px;min-height:150px;max-height:55%;overflow:auto}.console-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:0 22px;display:flex}[role=tablist]{gap:24px;display:flex}[role=tab]{color:var(--muted);border-bottom:2px solid #0000;padding:13px 0;font-size:12px}[role=tab][aria-selected=true]{color:#edf1ef;border-color:var(--mint)}.stale{color:#e4c58a;font-size:11px}.test-grid{grid-template-columns:1fr 1fr;height:calc(100% - 43px);min-height:100px;display:grid}.input-panel,.output-panel{flex-direction:column;min-width:0;padding:16px 22px;display:flex;overflow:auto}.input-panel{border-right:1px solid #333936}.input-panel label,.output-panel h3{color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:400}.output-panel small{color:#e4c58a;margin-left:5px}.input-panel textarea{resize:none;color:#edf1ef;background:0 0;border:0;flex:1;width:100%;min-height:60px;font-size:14px;line-height:1.7}.empty-output{color:var(--muted);margin:4px 0;font-size:13px;line-height:1.6}.execution-details{padding:14px 22px;font-size:13px;line-height:1.6}.execution-details p{margin-top:0}.execution-details pre{color:#e1bbb1;padding-top:10px;font-size:12px}.execution-details ul{padding:0;list-style:none}.execution-details li{flex-wrap:wrap;gap:8px 12px;margin:8px 0;display:flex}.execution-details li button{color:var(--mint);padding:0;text-decoration:underline}.execution-details code{overflow-wrap:anywhere;font-size:12px}.diagnostic-count{color:#efc0a9;margin-left:5px;display:inline-block}.practice-actions{border-top:1px solid var(--line);background:#101214;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:14px 22px;display:flex}.run-status{color:var(--muted);max-width:43ch;font-size:11px;line-height:1.5}.primary,.cancel{white-space:nowrap;border-radius:4px;padding:11px 18px;font-size:12px;font-weight:600}.primary{color:#10241a;background:var(--mint)}.primary span{margin-right:7px;font-size:10px}.primary:hover:not(:disabled){color:#10241a;background:#a2e5c6}.cancel{border:1px solid #65776b}.skip-link{z-index:10;background:var(--mint);color:#090a0b;padding:12px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:8px}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.muted{color:var(--muted)}.lesson-state{margin-left:auto;font-size:10px}.step-navigation{gap:10px;display:flex}.step-navigation button{border:1px solid #0000;border-radius:4px;padding:6px 9px;font-size:12px}.step-navigation button.next-ready{color:var(--mint);background:#1c3428;border-color:#426753}.lesson-example{background:#141c17;border:1px solid #33443a;border-radius:4px;margin:22px 0;padding:18px}.lesson-example h2{color:var(--mint);margin-bottom:14px}.lesson-example pre{color:#edf1ef;font-size:13px}.lesson-example p{color:#bdc9c1;margin-bottom:0;font-size:13px;line-height:1.7}.lesson-questions{margin-top:28px}.lesson-questions fieldset{border:0;margin:20px 0;padding:0}.lesson-questions legend{margin-bottom:10px;font-size:14px;line-height:1.6}.lesson-questions label{cursor:pointer;align-items:baseline;gap:10px;margin:8px 0;font-size:13px;line-height:1.6;display:flex}.lesson-questions input{accent-color:var(--mint);flex-shrink:0}.assessment-feedback{background:#132219;border-top:1px solid #3d5d49;flex-shrink:0;max-height:170px;padding:13px 22px;font-size:12px;line-height:1.5;overflow:auto}.assessment-feedback strong{color:var(--mint)}.assessment-feedback p{margin:5px 0 0}.continue-step{color:var(--mint);padding:8px 0 0;font-size:12px;text-decoration:underline}.assessment-feedback.failed,.assessment-feedback.blocked{background:#262119;border-color:#79613d}.assessment-feedback.failed strong,.assessment-feedback.blocked strong{color:#e4c58a}.assessment-feedback details{margin-top:8px}.case-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:10px;display:grid}.case-comparison h3{color:var(--muted);margin-bottom:6px;font-size:11px}.case-comparison pre{font-size:12px}.action-buttons{flex-shrink:0;align-items:center;gap:10px;display:flex}.secondary{white-space:nowrap;border:1px solid #56665d;border-radius:4px;padding:10px 12px;font-size:12px}.practice-actions{gap:12px}.run-status{max-width:32ch}.guide h1:focus{outline:none}@media (width<=850px){.app-shell{height:auto;min-height:100dvh}.workspace{flex-direction:column;display:flex}.guide{overflow:visible}.practice{border-top:1px solid var(--line);min-height:750px}.code-editor{min-height:360px;max-height:480px}.global-header{gap:20px;padding:0 18px}nav{gap:16px}.context-bar{gap:12px;padding:0 18px}.guide-content{max-width:640px}.reading-settings{display:none}.step-counter{padding-left:12px}}:root{--ease-out:cubic-bezier(.22, 1, .36, 1)}.workshop-toolbar{background:#101214;flex:none;gap:10px;height:auto;min-height:72px;padding-top:10px;padding-bottom:10px}.project-switcher{border-right:1px solid #303437;align-items:center;gap:14px;margin-right:6px;padding-right:20px;display:flex}.toolbar-label{color:#909b96;letter-spacing:.12em;font-size:9px;font-weight:600}.dropdown-trigger{text-align:left;background:#1a1d20;border:1px solid #3a4042;border-radius:6px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:40px;padding:10px 13px;font-size:12px;transition:border-color .16s,background .16s;display:flex}.dropdown-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-trigger svg{fill:none;stroke:currentColor;stroke-width:2px;transition:transform .18s var(--ease-out);flex-shrink:0}.dropdown-trigger[aria-expanded=true]{border-color:var(--mint);background:#202624}.dropdown-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.project-switcher .dropdown-trigger{width:clamp(170px,19vw,300px)}.dropdown-panel{z-index:100;animation:reveal-menu .17s var(--ease-out);background:#1a1d20;border:1px solid #42484b;border-radius:8px;padding:6px;position:fixed;box-shadow:0 16px 48px #0009}.dropdown-options{max-height:245px;overflow:auto}.dropdown-options button{text-align:left;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.dropdown-options button>span:first-child{min-width:0}.dropdown-options strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.dropdown-options small{color:#a0aaa5;margin-top:4px;font-size:11px;line-height:1.45;display:block}.dropdown-options button.keyboard-active{background:#282e30}.dropdown-options button[aria-selected=true]{color:var(--mint)}.dropdown-search{border-bottom:1px solid #303639;margin-bottom:4px;padding:6px 6px 10px}.dropdown-search input{color:#edf1ef;background:#101315;border:1px solid #3b4442;border-radius:4px;width:100%;padding:10px;font-size:12px}.dropdown-count{color:#99a49e;border-top:1px solid #303639;margin-top:4px;padding:10px 12px 5px;font-size:11px}.dropdown-empty{color:var(--muted);padding:12px;font-size:12px}.toolbar-action,.toolbar-menu>summary{white-space:nowrap;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 12px;font-size:12px;transition:background .16s,border-color .16s;display:flex}.toolbar-action:hover:not(:disabled),.toolbar-menu>summary:hover{background:#222729;border-color:#3d4542}.toolbar-new{color:var(--mint);background:#17241e;border-color:#385648}.toolbar-new>span{font-size:17px;line-height:12px}.toolbar-menu{position:relative}.toolbar-menu>summary{cursor:pointer;list-style:none}.toolbar-menu>summary::-webkit-details-marker{display:none}.toolbar-menu[open]>summary{background:#252c29;border-color:#53635a}.toolbar-menu summary>span{color:#9ba8a0}.toolbar-popover,.workshop-files>div{z-index:12;width:270px;animation:reveal-menu .17s var(--ease-out);background:#1a1d20;border:1px solid #42484b;border-radius:8px;gap:2px;padding:8px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 16px 48px #0009}.toolbar-popover button,.workshop-files>div>button{text-align:left;border-radius:4px;min-height:38px;padding:11px 12px;font-size:12px}.toolbar-popover button:hover:not(:disabled),.workshop-files>div>button:hover{background:#29312d}.menu-caption{color:#97a29c;letter-spacing:.12em;margin:0;padding:10px 12px 6px;font-size:9px}.menu-project-name{overflow-wrap:anywhere;border-bottom:1px solid #32393a;margin-bottom:4px;padding:2px 12px 12px;font-size:13px;font-weight:500}.toolbar-popover .danger-action{color:#e6a59b;border-top:1px solid #32393a;margin-top:4px}.import-label{border-top:1px solid #32393a;margin-top:4px;padding:12px}.import-label input{color:#a8b1ac;width:100%}input::file-selector-button{color:#c9e6d7;font:inherit;cursor:pointer;background:#2a3530;border:1px solid #506459;border-radius:4px;padding:7px 9px}.undo-project{color:var(--mint);text-align:left;text-underline-offset:3px;padding:5px 0 0;font-size:11px;text-decoration:underline;display:block}.course-list,.reading-settings>div{animation:reveal-menu .17s var(--ease-out);background:#1a1d20;border-color:#42484b;border-radius:8px;box-shadow:0 16px 48px #0009}.course-list button{border-radius:4px;transition:background .15s}.course-list button:hover:not(:disabled){background:#28312c}.deeper>summary,.assessment-feedback details>summary{color:#b3bfb8;padding:10px 0}.deeper[open]>summary,.assessment-feedback details[open]>summary{color:var(--mint)}.guide h1{width:100%;max-width:none}.guide-content{max-width:none}.lexer-demo{border-radius:4px;padding:24px 26px;position:relative}.lexer-demo figcaption{letter-spacing:.12em;align-items:center}.demo-toggle{letter-spacing:0;color:#a2aaa6;border:1px solid #343a3c;border-radius:4px;padding:5px 8px;font-size:10px}.lexer-demo .home-source{align-items:center;gap:.2em;min-height:97px;padding:30px 0 26px;font-size:clamp(18px,1.7vw,29px);display:flex}.lexer-demo .home-source>span{color:#9ca7a0;padding:5px 3px;transition:color .2s;display:inline-block;position:relative}.lexer-demo .home-source>span:after{content:"";border-bottom:2px solid var(--mint);opacity:0;transition:opacity .25s, transform .35s var(--ease-out);background:#86d8b30c;position:absolute;inset:0 -1px;transform:scaleX(.7)}.lexer-demo .home-source .lexeme-active{color:#baf3d6}.lexer-demo .home-source .lexeme-active:after{opacity:1;transform:scaleX(1)}.lexer-demo .home-source .lexeme-read{color:#e2e8e4}.demo-reading{color:#8e9b93;letter-spacing:.04em;border-bottom:1px solid #323638;grid-template-columns:1fr 1.7fr auto;gap:10px;padding-bottom:12px;font-size:10px;display:grid}.lexer-demo .home-tokens>div{border-color:#262c2a;padding:12px 0;transition:background .2s;position:relative}.lexer-demo .home-tokens>div:before{content:"";opacity:0;pointer-events:none;background:#86d8b30c;transition:opacity .3s;position:absolute;inset:0 -10px}.lexer-demo .home-tokens .token-active:before{opacity:1}.lexer-demo .home-tokens dt{color:#acb8b0;align-items:center;gap:10px;transition:color .25s;display:flex}.lexer-demo .home-tokens .token-active dt{color:var(--mint)}.token-pointer{opacity:0;transition:opacity .25s, transform .35s var(--ease-out);transform:translate(-5px)}.token-active .token-pointer{opacity:1;transform:translate(0)}.demo-progress{background:#252c28;height:2px;margin-top:22px;overflow:hidden}.demo-progress>span{background:var(--mint);transform-origin:0;height:100%;transition:transform .6s var(--ease-out);display:block}.home-footer{gap:34px;padding-left:max(6vw,50vw - 635px);padding-right:max(6vw,50vw - 635px)}.home-footer>div+div{border-left:1px solid #2a2d2e;padding-left:30px}@keyframes reveal-menu{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px){.toolbar-label{display:none}.project-switcher{padding-right:12px}.workshop-toolbar{gap:4px;padding-left:18px;padding-right:18px}.toolbar-action,.toolbar-menu>summary{padding:9px}}@media (width<=760px){.workshop-toolbar{gap:8px}.project-switcher{border:0;flex:100%;margin:0;padding:0}.project-switcher .dropdown-trigger{width:100%}.toolbar-label{display:inline}.toolbar-popover{width:min(270px,85vw);right:0}.home-footer{gap:12px}.home-footer>div+div{padding-left:12px}.home-footer strong{font-size:12px}}@media (height<=750px) and (width>=761px){.lexer-demo{padding-top:16px;padding-bottom:16px}.lexer-demo .home-source{min-height:72px;padding-top:16px;padding-bottom:16px}.lexer-demo .home-tokens>div{padding:8px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.demo-token-table{border-collapse:collapse;table-layout:auto;width:100%}.demo-token-table th{text-align:left;color:#8e9b93;letter-spacing:.04em;border-bottom:1px solid #323638;padding:0 0 12px;font-size:10px;font-weight:400}.demo-token-table td{border-bottom:1px solid #262c2a;padding:12px 0;font-size:13px;transition:background .2s,color .2s}.demo-token-table td:first-child{font-family:var(--font-mono);color:#acb8b0;white-space:nowrap;padding-right:12px}.demo-token-table td:first-child .token-pointer{margin-right:8px;display:inline-block}.demo-token-table th:last-child,.demo-token-table td:last-child{text-align:right;padding-left:16px}.demo-token-table td:last-child{font-family:var(--font-mono);color:#acb8b0}.demo-token-table .token-active td{background:#86d8b30c}.demo-token-table .token-active td:first-child,.demo-token-table .token-active td:last-child{color:var(--mint)}.practice-actions .action-buttons{margin-left:auto}.run-status:empty{display:none}@media (height<=750px) and (width>=761px){.demo-token-table td{padding-top:8px;padding-bottom:8px}}.ui-icon{vertical-align:middle;flex:0 0 20px;width:20px;height:20px;display:inline-block}.step-navigation button,.reference-button,nav a,nav button,.assessment-feedback .primary{justify-content:center;align-items:center;gap:8px;display:inline-flex}.step-navigation button{min-height:36px;font-size:13px}.course-menu>summary>.ui-icon,.toolbar-menu>summary>.ui-icon{transition:transform .18s var(--ease-out)}.course-menu[open]>summary>.ui-icon,.toolbar-menu[open]>summary>.ui-icon{transform:rotate(180deg)}code,pre,.cm-editor,.cm-scroller,textarea,.console-input{font-variant-ligatures:none;font-feature-settings:"liga" 0, "clig" 0, "dlig" 0, "calt" 0, "ss11" 0}code,pre{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){.ui-icon{transition:none!important}}