@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.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:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_de7b2fa9-module__1ltb7q__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_de7b2fa9-module__1ltb7q__variable{--font-manrope:"Manrope", "Manrope Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b12e986493c137cf-s.2njitm-prmz2_.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:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/36363bfb06833f56-s.p.38hmww4cj4vme.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:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2fa3ef4ca165ab4-s.12_ml6bnugnre.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:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a73419dd2ba2d841-s.p.2yee423r7ahpo.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:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.dm_mono_ed3df95c-module__D4oVwa__className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.dm_mono_ed3df95c-module__D4oVwa__variable{--font-dm-mono:"DM Mono", "DM Mono Fallback"}
:root{--ink:#02090a;--ink-2:#061314;--paper:#e5f4f2;--muted:#89a09d;--line:#99efe933;--acid:#72f0ed;--spectral:#a79cff;--body:#a1bbb8;--prose:#c8ddd9;--label:#b1cfcb;--placeholder:#69817e;--nav:#c8cbc4;--danger:#ff9a9a;--font-sans:var(--font-manrope), Manrope, Arial, sans-serif;--font-mono:var(--font-dm-mono), "DM Mono", ui-monospace, monospace;--header-h:78px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);min-width:320px;color:var(--paper);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--acid);color:var(--ink)}:focus{outline:none}:focus-visible{outline:2px solid var(--acid);outline-offset:3px;border-radius:2px}.site-ambient{pointer-events:none;z-index:-1;background:radial-gradient(60% 40% at 12% 8%,#72f0ed12,#0000 55%),radial-gradient(45% 35% at 88% 12%,#a79cff0f,#0000 50%);position:fixed;inset:0}.shell{width:min(100% - 64px,1440px);margin-inline:auto}.eyebrow{font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.index{font:12px var(--font-mono);color:var(--acid);margin:0 0 28px}.mono{font:12px var(--font-mono);color:var(--muted)}.page-title,.section-title,.post-title{font-optical-sizing:auto;text-wrap:balance;margin:0;font-weight:700}.page-title{letter-spacing:-.06em;max-width:16ch;margin-bottom:20px;font-size:clamp(36px,5vw,68px);line-height:.98}.section-title{letter-spacing:-.07em;font-size:clamp(36px,4.4vw,64px);line-height:.96}.post-title{letter-spacing:-.055em;max-width:20ch;margin-bottom:18px;font-size:clamp(34px,4.6vw,56px);line-height:1.02}.page-lede,.post-dek{color:var(--body);text-wrap:pretty;max-width:46ch;margin:0;line-height:1.6}.page-lede{font-size:16px}.post-dek{font-size:17px}.text-action{color:var(--acid);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:18px;padding:0 0 9px;font-size:14px;font-weight:600;transition:gap .28s cubic-bezier(.2,.8,.2,1),color .2s,transform .1s ease-out;display:inline-flex}.text-action:hover{gap:25px}.text-action.quiet{color:var(--paper)}.text-action.quiet:hover{color:var(--acid)}.arrow{color:currentColor;vertical-align:-.1em;flex-shrink:0;width:14px;height:14px;display:inline-block}.text-action .arrow{color:var(--acid)}.button{background:var(--acid);color:var(--ink);white-space:nowrap;border:0;border-radius:2px;height:48px;padding:0 22px;font-size:13px;font-weight:700;transition:filter .2s,transform .1s ease-out}.button:hover{filter:brightness(1.05)}.button:active{transform:scale(.97)}.back-link{font:500 13px var(--font-mono);color:var(--muted);background:0 0;border:0;padding:0;transition:color .2s;display:inline-block}.back-link:hover{color:var(--acid)}.back-link:disabled{opacity:.35;cursor:default}.back-link:disabled:hover{color:var(--muted)}@media (hover:hover) and (pointer:fine){.text-action:active,.back-link:active{transform:scale(.97)}}.actions-row{flex-wrap:wrap;align-items:center;gap:22px 36px;margin-top:34px;display:flex}.inline-link{color:var(--muted);border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}.inline-link:hover{color:var(--acid);border-color:var(--acid)}.flash{font:12px var(--font-mono);color:var(--danger);margin:24px 0 0}.flash.done{color:var(--acid)}.site-header{z-index:20;height:var(--header-h);-webkit-backdrop-filter:blur(20px)saturate(1.35);background:color-mix(in srgb, var(--ink) 72%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--line) 70%, transparent), 0 12px 28px -18px #0000008c;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.wordmark{letter-spacing:-1.2px;white-space:nowrap;font-size:22px;font-weight:800}.wordmark span{color:var(--acid)}.nav-links{color:var(--nav);gap:44px;font-size:13px;display:flex}.nav-links a{padding:6px 0;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--acid)}.header-user{color:var(--nav);align-items:center;gap:12px;font-size:13px;transition:color .2s;display:inline-flex}.header-user:hover{color:var(--acid)}.avatar{object-fit:cover;background:var(--ink-2);border:1px solid var(--line);width:28px;height:28px;font:500 11px var(--font-mono);color:var(--acid);border-radius:50%;place-items:center;display:inline-grid}.site-footer{border-top:1px solid var(--line);font:12px var(--font-mono);color:var(--muted);justify-content:space-between;gap:30px;margin-top:40px;padding-block:28px 40px;display:flex}.site-footer p{margin:0}.site-footer div{gap:25px;display:flex}.site-footer a{transition:color .25s}.site-footer a:hover{color:var(--acid)}.page-hero{border-bottom:1px solid var(--line);padding-block:72px 48px}.continue{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:8px 22px;padding:28px 0;transition:padding .28s;display:grid}.continue:hover{padding-inline:14px}.continue-title{letter-spacing:-.03em;font-size:clamp(18px,2vw,22px);font-weight:650;line-height:1.2}.continue:hover .continue-title{color:var(--acid)}.lessons{padding-block:96px 24px}.lessons:last-of-type{padding-bottom:120px}.series-lede{margin-top:22px}.lessons-heading{grid-template-columns:36% 1fr;gap:20px;margin-bottom:56px;display:grid}.lesson-list{border-top:1px solid var(--line)}.lesson-row{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr) auto;align-items:start;gap:10px 22px;padding:28px 0;transition:padding .28s,color .28s;display:grid}.lesson-row:hover{padding-inline:14px}.lesson-meta{font:12px/1.4 var(--font-mono);color:var(--muted);flex-direction:column;gap:6px;padding-top:4px;display:flex}.lesson-meta .done,.lesson-meta .active{color:var(--acid)}.lesson-body{flex-direction:column;gap:8px;min-width:0;display:flex}.lesson-title{letter-spacing:-.03em;color:var(--paper);font-size:clamp(18px,2vw,22px);font-weight:650;line-height:1.2;transition:color .28s}.lesson-blurb{color:#89a9a5;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:60ch;font-size:14.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.lesson-go{color:var(--acid);align-self:center;display:inline-flex}.lesson-row:hover .lesson-title{color:var(--acid)}.lesson-row:hover .lesson-blurb{color:var(--body)}.empty{color:var(--muted);font:13px var(--font-mono);padding:28px 0}.lesson-head{border-bottom:1px solid var(--line);margin-bottom:48px;padding-block:48px 40px}.lesson-head .back-link{margin-bottom:28px}.locked-layout{grid-template-columns:minmax(0,760px) minmax(260px,340px);justify-content:space-between;gap:64px;padding-bottom:120px;display:grid}.unlock{top:calc(var(--header-h) + 32px);border-top:1px solid var(--line);align-self:start;padding-top:22px;position:sticky}.unlock h2{letter-spacing:-.045em;margin:0 0 12px;font-size:26px;line-height:1.05}.unlock>p{color:var(--body);margin:0 0 22px;font-size:15px;line-height:1.55}.unlock ol{border-top:1px solid var(--line);margin:0 0 30px;padding:0;list-style:none}.unlock li{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:34px 1fr;padding:12px 0;font-size:14px;display:grid}.unlock li span:first-child{font:12px var(--font-mono);padding-top:2px}.unlock .mono{margin-top:22px;display:block}.unlock .mono a{color:var(--paper);border-bottom:1px solid var(--line)}.unlock .mono a:hover{color:var(--acid);border-color:var(--acid)}.player{grid-template-columns:220px minmax(0,760px) minmax(240px,300px);justify-content:space-between;align-items:start;gap:56px;padding-bottom:120px;display:grid}.step-nav{top:calc(var(--header-h) + 32px);position:sticky}.step-nav ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.step-nav button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--muted);background:0 0;grid-template-columns:30px 1fr;padding:11px 0;font-size:13.5px;line-height:1.35;transition:color .2s,padding .28s;display:grid}.step-nav button:hover{color:var(--paper);padding-left:6px}.step-nav .n{font:12px var(--font-mono);padding-top:1px}.step-nav .seen .n{color:var(--acid)}.step-nav button[aria-current=step]{color:var(--paper);font-weight:600}.step-nav button[aria-current=step] .n{color:var(--acid)}.progress{margin-top:18px}.progress .mono{margin-bottom:8px;display:block}.meter{background:var(--line);height:1px}.meter>i{background:var(--acid);height:1px;transition:width .4s cubic-bezier(.16,1,.3,1);display:block}.step-nav-mobile{display:none}.step-body{min-width:0}.step-body .index{margin-bottom:14px}.step-body h2{letter-spacing:-.055em;text-wrap:balance;margin:0 0 32px;font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.02}.step-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:56px;padding-top:28px;display:flex}.notes{top:calc(var(--header-h) + 32px);border-top:1px solid var(--line);padding-top:18px;position:sticky}.lesson-files{margin-bottom:32px}.lesson-files>.text-action{margin-top:4px}.lesson-files>.mono{margin-top:12px;line-height:1.5;display:block}.lesson-files ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.lesson-files li{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:12px 0;display:flex}.lesson-files a{color:var(--acid);font-size:14px;font-weight:600;line-height:1.35;transition:color .2s}.lesson-files a:hover{color:var(--paper)}.unlock .includes{color:var(--body);flex-direction:column;gap:6px;margin:-8px 0 30px;font-size:14px;display:flex}.notes-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.notes label{font:12px var(--font-mono);color:var(--label)}.notes-status{font:12px var(--font-mono);color:var(--muted)}.notes-status.saved{color:var(--acid)}.notes-status.error{color:var(--danger)}.notes textarea{appearance:none;resize:vertical;border:1px solid var(--line);width:100%;min-height:220px;color:var(--paper);background:0 0;border-radius:0;padding:14px;font-size:15px;line-height:1.55;transition:border-color .25s}.notes textarea:focus{border-color:var(--acid)}.notes textarea::placeholder{color:var(--placeholder)}.notes .mono{margin-top:10px;display:block}.finish{border-top:1px solid var(--line);padding-top:40px}.finish .section-title{margin-bottom:18px}.finish p{color:var(--body);margin:0}.prose{color:var(--prose);text-wrap:pretty;font-size:16.5px;line-height:1.7}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3{color:var(--paper);letter-spacing:-.03em;margin:2.2em 0 .7em;font-weight:700;line-height:1.15}.prose h1{font-size:1.65em}.prose h2{font-size:1.35em}.prose h3{font-size:1.15em}.prose p{margin:0 0 1.15em}.prose a{color:var(--acid);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.prose a:hover{color:var(--paper)}.prose strong{color:var(--paper);font-weight:650}.prose em{color:#d4ebe6}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.25em}.prose li{margin:.35em 0}.prose li::marker{color:var(--acid)}.prose blockquote{border-left:2px solid var(--acid);color:#b7d0cb;margin:1.5em 0;padding:4px 0 4px 18px;font-style:italic}.prose hr{border:0;border-top:1px solid var(--line);margin:2.2em 0}.prose img,.prose video.gif{border:1px solid var(--line);background:var(--ink-2);border-radius:10px;max-width:100%;height:auto;margin:1.2em 0;display:block}.prose code{font-family:var(--font-mono);color:var(--acid);background:#72f0ed14;border-radius:4px;padding:.12em .35em;font-size:.9em}.prose pre{border:1px solid var(--line);background:var(--ink-2);border-radius:10px;margin:1.4em 0;padding:16px 18px;overflow-x:auto}.prose pre code{color:var(--prose);background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:10px 14px 10px 0}.prose th{font:12px var(--font-mono);color:var(--muted);font-weight:400}.prose .embed{aspect-ratio:16/9;border:1px solid var(--line);background:var(--ink-2);border-radius:10px;margin:1.4em 0;position:relative;overflow:hidden}.prose .embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.prose .callout-title{font:12px var(--font-mono);color:var(--acid);margin:0 0 8px}.prose .callout{border-left:2px solid var(--acid);margin:1.8em 0;padding:2px 0 2px 18px}.prose .callout>:last-child{margin-bottom:0}.prose .lab-notes{border-top:1px solid var(--line);margin:2.2em 0 0;padding-top:18px}.prose .lab-notes .callout-title{color:var(--muted);margin-bottom:6px}.prose .lab-notes ul{margin:0;padding:0;list-style:none}.prose .lab-notes li{border-bottom:1px solid var(--line);margin:0;padding:12px 0 12px 176px;font-size:15px;line-height:1.55;position:relative}.prose .lab-notes li p{margin:0}.prose .lab-notes li strong:first-child{width:160px;font:12px/1.9 var(--font-mono);color:var(--muted);font-weight:400;position:absolute;top:12px;left:0}.prose .prompt{border:1px solid var(--line);margin:1.8em 0}.prose .prompt-head{border-bottom:1px solid var(--line);font:12px var(--font-mono);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.prose .copy-btn{font:12px var(--font-mono);color:var(--acid);background:0 0;border:0;border-bottom:1px solid;padding:0 0 3px}.prose .copy-btn:hover{color:var(--paper)}.prose .prompt-body{font:14px/1.7 var(--font-mono);color:var(--prose);padding:18px 18px 4px}.prose .prompt-body p{margin:0 0 1em}.page-section{padding-block:56px 120px}.note-group{margin-bottom:64px}.note-group h2{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(22px,2.4vw,28px);line-height:1.15}.note-group h2 a{transition:color .2s}.note-group h2 a:hover{color:var(--acid)}.note-list{border-top:1px solid var(--line)}.note-row{border-bottom:1px solid var(--line);grid-template-columns:240px minmax(0,1fr);gap:10px 22px;padding:22px 0;display:grid}.note-row .mono a{color:var(--muted);transition:color .2s}.note-row .mono a:hover{color:var(--acid)}.note-row p{white-space:pre-wrap;color:var(--prose);max-width:70ch;margin:0;line-height:1.6}.detail-list{border-top:1px solid var(--line);max-width:760px}.detail-row{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr);gap:10px 22px;padding:22px 0;display:grid}.detail-row p{color:var(--prose);margin:0;line-height:1.6}.account-subhead{letter-spacing:-.04em;margin:72px 0 18px;font-size:22px}.danger-zone{border-top:1px solid var(--line);max-width:760px}.danger-zone .detail-row p{margin:0 0 14px}.danger-zone button.inline-link{border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;padding:0}.confirm-row{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.button.danger{background:var(--danger)}.delete-status{color:var(--acid);padding-top:18px;display:block}.notes-gate{flex-direction:column;gap:10px;display:flex}.notes-gate p{color:var(--body);margin:0;font-size:14px;line-height:1.55}.notes-gate .notes-gate-title{color:var(--paper);letter-spacing:-.02em;font-size:16px;font-weight:650}.notes-gate label{margin-top:8px}.notes-gate input{appearance:none;border:0;border-bottom:1px solid var(--paper);width:100%;min-height:44px;color:var(--paper);background:0 0;border-radius:0;padding:10px 0;font-size:16px;transition:border-color .25s}.notes-gate input:focus{border-color:var(--acid);outline:none}.notes-gate-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:12px;display:flex}.notes-gate-error{color:var(--danger)!important;font:12px var(--font-mono)!important}.notes-page-gate{max-width:460px}.choice-list{border-top:1px solid var(--line);max-width:760px}.choice-list form{margin:0}.choice-list button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--paper);background:0 0;grid-template-columns:180px 1fr auto;align-items:center;gap:22px;padding:26px 0;transition:padding .28s;display:grid}.choice-list button:hover{padding-inline:14px}.choice-list button:hover .choice-title{color:var(--acid)}.choice-title{letter-spacing:-.03em;font-size:20px;font-weight:650}@media (max-width:1180px){.player{grid-template-columns:200px minmax(0,1fr);gap:48px}.player .notes{grid-column:2;position:static}}@media (max-width:900px){.locked-layout{grid-template-columns:minmax(0,1fr);gap:48px}.unlock{position:static}.player{grid-template-columns:minmax(0,1fr);gap:32px}.player .notes{grid-column:auto}.step-nav{display:none}.step-nav-mobile{top:var(--header-h);z-index:10;background:color-mix(in srgb, var(--ink) 92%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);margin-inline:-18px;padding:14px 18px 0;display:block;position:sticky}.step-nav-mobile summary{cursor:pointer;list-style:none;display:block}.step-nav-mobile summary .row{justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;display:flex}.step-nav-mobile summary .meter{display:block}.step-nav-mobile[open] summary .meter{margin-bottom:4px}.step-nav-mobile summary::-webkit-details-marker{display:none}.step-nav-mobile .toggle:after{content:"All steps"}.step-nav-mobile[open] .toggle:after{content:"Close"}.step-nav-mobile .meter{margin-inline:-18px}.step-nav-mobile ol{max-height:55vh;margin:0;padding:4px 0 8px;list-style:none;overflow:auto}.step-nav-mobile button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--muted);background:0 0;grid-template-columns:30px 1fr;padding:13px 0;font-size:15px;display:grid}.step-nav-mobile li:last-child button{border-bottom:0}.step-nav-mobile button .n{font:12px var(--font-mono);padding-top:2px}.step-nav-mobile button[aria-current=step]{color:var(--paper);font-weight:600}.step-nav-mobile button[aria-current=step] .n{color:var(--acid)}}@media (max-width:760px){:root{--header-h:64px}.shell{width:min(100% - 36px,1440px)}.nav-links{gap:20px}.header-user .name,.login-long{display:none}.page-hero{padding-block:48px 36px}.lessons{padding-block:64px 80px}.lessons-heading{margin-bottom:36px;display:block}.lessons-heading .index{margin-bottom:21px}.continue,.lesson-row{grid-template-columns:1fr auto;gap:8px 12px;padding:22px 0}.continue>.mono:first-child,.lesson-meta{flex-direction:row;grid-column:1/-1;gap:14px;padding-top:0}.lesson-go{grid-area:2/2}.lesson-head{margin-bottom:32px;padding-block:36px 32px}.note-row,.detail-row{grid-template-columns:1fr}.choice-list button{grid-template-columns:1fr auto}.choice-list button>.mono{grid-column:1/-1}.prose .lab-notes li{padding-left:0}.prose .lab-notes li strong:first-child{width:auto;display:block;position:static}.step-controls .button{flex:1}.site-footer{padding-block:25px;display:block}.site-footer div{flex-wrap:wrap;gap:15px;margin-top:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.text-action,.lesson-row,.continue,.choice-list button,.step-nav button{transition:color .2s!important;transform:none!important}.text-action:hover{gap:18px}}@media (prefers-reduced-transparency:reduce){.site-header,.step-nav-mobile{-webkit-backdrop-filter:none;background:var(--ink)}}