@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-opsz-normal.oos9povj.woff2)format("woff2-variations");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 Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-opsz-normal.Bf69Tn_J.woff2)format("woff2-variations");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:JetBrains Mono;src:url(/_astro/JetBrainsMono-Regular.Dh36KTnx.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:light;--bg:#fff;--fg:#151515;--heading:#171717;--text:#3e3e3e;--grey:#6b6b6b;--nav:#505050;--edge:#e5e5e5;--edge-soft:#f0f0f0;--edge-strong:#b5b5b5;--hairline:#00000014;--surface:#fafafa;--surface-2:#f5f5f5;--raised:#fff;--panel:#fff;--field:#fff;--hover:#00000008;--current:#0000001a;--code:#eaeaea80;--shadow:#00000012;--scrim:#0003;--accent:#00856b;--accent-soft:#effaf7;--button:#00856b;--button-hover:#006f59;--button-fg:#fff;--ink:#151515;--teal:#00ddb3;--teal-deep:#00856b}:root[data-theme=dark]{color-scheme:dark;--bg:#0b0e11;--fg:#eef1f3;--heading:#f5f7f8;--text:#c3c9ce;--grey:#969fa7;--nav:#b3bac1;--edge:#ffffff1f;--edge-soft:#ffffff14;--edge-strong:#ffffff45;--hairline:#ffffff14;--surface:#12171c;--surface-2:#171d23;--raised:#262d35;--panel:#141a1f;--field:#ffffff08;--hover:#ffffff0a;--current:#ffffff1a;--code:#ffffff14;--shadow:#0006;--scrim:#00000080;--accent:#00ddb3;--accent-soft:#00ddb31a;--button:#00856b;--button-hover:#00987a;--button-fg:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0b0e11;--fg:#eef1f3;--heading:#f5f7f8;--text:#c3c9ce;--grey:#969fa7;--nav:#b3bac1;--edge:#ffffff1f;--edge-soft:#ffffff14;--edge-strong:#ffffff45;--hairline:#ffffff14;--surface:#12171c;--surface-2:#171d23;--raised:#262d35;--panel:#141a1f;--field:#ffffff08;--hover:#ffffff0a;--current:#ffffff1a;--code:#ffffff14;--shadow:#0006;--scrim:#00000080;--accent:#00ddb3;--accent-soft:#00ddb31a;--button:#00856b;--button-hover:#00987a;--button-fg:#fff}}:root{font-optical-sizing:auto;color:var(--fg);background:var(--bg);font-family:DM Sans Variable,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;font-size:17px;line-height:1.55}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere;text-wrap:pretty;letter-spacing:-.02em;font-weight:700;line-height:1.1}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}button,code{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a{-webkit-tap-highlight-color:transparent}a,button{transition:color .18s,background-color .18s,border-color .18s}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}[hidden]{display:none!important}.wrap{width:min(1320px,100% - 112px);margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--bg);color:var(--fg);padding:12px 20px;position:fixed;top:-100px;left:16px}.skip:focus{top:12px}.wordmark{letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:11px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.hero{text-align:center;padding:88px 0 0}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--grey);font-size:12px;font-weight:600;line-height:1.5}.hero>.wrap>.eyebrow{margin-bottom:28px}.hero h1{letter-spacing:-.03em;font-size:clamp(48px,5.75vw,86px);line-height:1.04}.hero h1 span,.not-found h1 span{color:var(--grey)}.intro{color:var(--grey);margin-top:28px;font-size:clamp(18px,1.65vw,23px);line-height:1.5}.hero-start{flex-direction:column;align-items:center;gap:16px;margin-top:36px;display:flex}.button{background:var(--button);color:var(--button-fg);letter-spacing:-.02em;border-radius:10px;justify-content:center;align-items:center;gap:14px;padding:14px 22px 14px 26px;font-size:19px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.button .icon{width:22px;height:22px;transition:transform .2s cubic-bezier(.2,0,0,1)}.button:hover{background:var(--button-hover)}.button:hover .icon,.install-link:hover .icon{transform:translate(3px)}.totals{color:var(--grey);font-size:14px}.totals span{padding-inline:8px}.install{border-top:1px solid var(--edge);margin-top:80px;padding-block:56px 8px;scroll-margin-top:80px}.install h2{letter-spacing:-.02em;font-size:26px}.install-label p{color:var(--grey);margin:8px 0 24px;font-size:15px}.install-box{text-align:left;width:fit-content;min-width:0;max-width:100%;color:var(--fg);border:0;margin:0 auto;padding:0}.install-switch{z-index:1;justify-content:center;margin-bottom:-1px;display:flex;position:relative}.install-switch label{cursor:pointer;min-width:0;position:relative}.install-switch input{opacity:0;width:1px;height:1px;position:absolute}.install-switch span{color:var(--grey);border:1px solid #0000;border-radius:8px 8px 0 0;padding:7px 14px;font-size:12px;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out;display:block}.install-switch span,.install-line code{font-variant-ligatures:none;font-family:JetBrains Mono,monospace}.install-switch label:hover span{color:var(--fg)}.install-switch input:checked+span{border-color:var(--edge-strong);border-bottom-color:var(--surface);background:var(--surface);color:var(--fg);font-weight:600}.install-switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.install-box:has(input[value=unix]:checked) [data-command=windows],.install-box:has(input[value=windows]:checked) [data-command=unix]{display:none}.install-command{min-width:0}.install-shell{color:var(--grey);text-align:center;margin-top:9px;font-size:12px}@media (hover:hover) and (pointer:fine){.install-shell{opacity:0;pointer-events:none;transition:opacity .15s}.install-command:hover .install-shell,.install-command:focus-within .install-shell{opacity:1;pointer-events:auto}}.install-line{border:1px solid var(--edge-strong);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:6px 8px 6px 14px;transition:background-color .18s,border-color .18s;display:flex}.install-line.copyable{cursor:copy}.install-line.copyable:hover{border-color:var(--grey)}.install-line code{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px;line-height:1.7;animation:.2s cubic-bezier(.16,1,.3,1) install-command-in}@keyframes install-command-in{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.install-line button{width:34px;height:34px;color:var(--grey);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;transition:opacity .15s;display:grid}@media (hover:hover) and (pointer:fine){.install-line{gap:0}.install-line button{opacity:0;pointer-events:none;width:0;min-width:0;margin-left:0;transition:width .38s cubic-bezier(.22,1.25,.36,1),margin-left .38s cubic-bezier(.22,1.25,.36,1),transform .38s cubic-bezier(.22,1.25,.36,1),opacity .15s;overflow:hidden;transform:translate(-4px)scale(.85)}.install-line:hover button,.install-line:focus-within button{opacity:1;pointer-events:auto;width:34px;margin-left:12px;transform:none}}.install-line button:hover{background:var(--hover);color:var(--fg)}.install-copy-icons{place-items:center;display:grid}.install-line button svg{grid-area:1/1;width:18px;height:18px;transition:transform .28s cubic-bezier(.2,.9,.3,1.35),opacity .18s}.install-line button .check-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0;stroke-dasharray:22;stroke-dashoffset:22px;transform:scale(.5)}.install-line button.copied .icon{opacity:0;transform:scale(.5)rotate(-15deg)}.install-line button.copied .check-icon{opacity:1;animation:.32s ease-out 60ms forwards draw-check;transform:scale(1)}.install-line:has(button.copied){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));animation:1.6s ease-out install-copied}.install-line button.copied{color:var(--accent)}.install-box:has([data-command=unix] button.copied) input[value=unix]:checked+span,.install-box:has([data-command=windows] button.copied) input[value=windows]:checked+span{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));color:var(--accent);border-bottom-color:#0000}@keyframes install-copied{0%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}to{box-shadow:0 0 #0000}}@keyframes draw-check{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.install-line button svg{transition:none}.install-line button.copied .check-icon{stroke-dashoffset:0;animation:none}}.path{padding-block:80px 100px}.whats-new{padding-top:64px}.release-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.release-card .thumb{display:block}.release-copy h2{margin-top:12px;font-size:clamp(26px,3vw,38px)}.release-copy h2 a{text-decoration:none}.release-copy h2 a:hover,.release-link{color:var(--accent)}.release-copy ul{margin-block:20px;padding-left:22px}.release-copy li+li{margin-top:6px}.changelog{max-width:1120px;padding-bottom:72px}.release-notes{border-top:1px solid var(--edge);grid-template-columns:200px minmax(0,1fr);gap:48px;padding-block:48px 56px;display:grid}.release-notes>header{align-self:start;gap:6px;display:grid;position:sticky;top:96px}.release-notes>header h2{letter-spacing:-.02em;font-size:32px;line-height:1.1}.release-notes>header h2 a{text-decoration:none}.release-notes time{color:var(--grey);font-size:15px}.release-body{min-width:0}.release-film{color:inherit;margin-bottom:40px;text-decoration:none;display:block}.release-film .thumb{border-radius:16px;display:block}.film-caption{color:var(--grey);margin-top:14px;font-size:15px;display:block}.film-caption strong{color:var(--fg);font-weight:600}.release-film:hover .film-caption strong{color:var(--accent)}.note-list+.note-list{margin-top:28px}.note-list h3,.note-list summary{letter-spacing:-.01em;font-size:18px;font-weight:600}.note-list summary{cursor:pointer;color:var(--accent)}.note-list ul{margin-top:14px;padding-left:20px}.note-list li{overflow-wrap:anywhere;line-height:1.55}.note-list li+li{margin-top:10px}.note-list li::marker{color:var(--grey)}.note-list code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.path-head{justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:40px;display:flex}.path-head h2{font-size:32px}.path-head p{color:var(--grey);font-size:15px}.chapter{border-top:1px solid var(--edge);padding-top:32px}.chapter+.chapter{margin-top:64px}.chapter>h2{align-items:baseline;gap:18px;margin-bottom:28px;font-size:28px;display:flex}.chapter-number{color:var(--grey);letter-spacing:-.02em;font-size:20px;font-weight:400}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 32px;display:grid}.lesson-card{min-width:0;text-decoration:none;display:block}.thumb{aspect-ratio:16/9;background:var(--ink);border-radius:14px;position:relative;overflow:hidden}.thumb>img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,0,0,1);transform:scale(1.005)}.thumb:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hairline);pointer-events:none;position:absolute;inset:0}.play{width:56px;height:56px;color:var(--ink);backdrop-filter:blur(8px);background:#ffffffdb;border-radius:50%;place-items:center;margin:auto;transition:transform .2s cubic-bezier(.2,0,0,1),background .2s;display:grid;position:absolute;inset:0;box-shadow:0 6px 20px #0000002e}.play svg{width:30px;height:30px}@keyframes play-press{30%{transform:translate(1px)scale(.8)}65%{transform:scale(1.08)}}.duration{color:#fff;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px);background:#000000ad;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:500;position:absolute;bottom:10px;right:10px}.lesson-card:hover .thumb>img,.release-card .thumb:hover>img,.release-film:hover .thumb>img{transform:scale(1.03)}.lesson-card:hover .play,.release-card .thumb:hover .play,.release-film:hover .play{background:#fff;transform:scale(1.08)}.lesson-card:hover .play svg,.release-card .thumb:hover .play svg,.release-film:hover .play svg,.lesson-card:focus-visible .play svg,.release-card .thumb:focus-visible .play svg,.release-film:focus-visible .play svg{animation:.5s cubic-bezier(.2,0,0,1) play-press}@media (prefers-reduced-motion:reduce){.play,.play svg,.thumb>img{transition:none;animation:none!important}}.card-copy{padding-top:18px}.card-copy h3{letter-spacing:-.01em;text-wrap:balance;margin-top:6px;font-size:22px;line-height:1.25}.card-copy .about{color:var(--grey);text-wrap:pretty;margin-top:6px;font-size:16px;line-height:1.5}.lesson-card:hover h3{color:var(--accent)}.watched{margin-left:8px}.site-foot{border-top:1px solid var(--edge);color:var(--grey);justify-content:space-between;align-items:center;gap:28px;padding-block:35px 42px;font-size:13px;display:flex}.site-foot>div{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.site-foot .wordmark{font-size:20px}.site-foot>a{text-decoration:none}.foot-links{flex-wrap:wrap;gap:8px 20px;display:flex}.foot-links a{text-decoration:none}.foot-links a:hover,.site-foot>a:hover{text-decoration:underline}.lesson{padding-top:32px;padding-bottom:72px}.back{color:var(--grey);align-items:center;gap:6px;padding-block:8px;font-size:14px;text-decoration:none;display:inline-flex}.back .icon{width:18px;height:18px;transition:transform .2s cubic-bezier(.2,0,0,1)}.back:hover{color:var(--fg)}.back:hover .icon,.previous:hover .icon{transform:translate(-3px)}.lesson-title{margin-top:36px;margin-bottom:48px}.lesson-title .eyebrow span{color:var(--edge-strong);padding-inline:10px}.lesson-title h1{letter-spacing:-.025em;margin-top:14px;font-size:clamp(40px,4.5vw,66px)}.lesson-title>p:last-child{color:var(--grey);max-width:760px;margin-top:18px;font-size:20px}.lesson-body{grid-template-columns:minmax(0,2.65fr) minmax(250px,1fr);align-items:start;gap:44px;display:grid}.film-column{min-width:0;scroll-margin-top:88px;position:sticky;top:24px}.film-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin-bottom:16px;display:flex}.film-length{letter-spacing:0;margin-left:10px}.film-actions{align-items:center;gap:8px;display:flex;position:relative}.cuts{border:1px solid var(--edge);background:var(--surface-2);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.cuts button{min-height:34px;color:var(--grey);background:0 0;border:0;border-radius:5px;padding:7px 14px;font-size:13px}.cuts button[aria-pressed=true]{background:var(--raised);color:var(--fg);box-shadow:0 1px 3px #0000001a}.film-card{border:1px solid var(--edge);background:var(--ink);isolation:isolate;border-radius:16px;overflow:hidden}.film-card video{aspect-ratio:16/9;object-fit:contain;background:var(--ink);width:100%;display:block;transform:scale(1.005)}.vertical .film-card{width:min(100%,360px,40.5vh);margin-inline:auto}.vertical .film-card video{aspect-ratio:9/16}.film-note{color:var(--grey);margin-top:14px;font-size:13px}.film-error{margin-top:10px;font-size:15px}.share-menu>summary{border:1px solid var(--edge);background:var(--surface-2);min-height:42px;color:var(--fg);cursor:pointer;user-select:none;border-radius:8px;align-items:center;gap:7px;padding:0 14px;font-size:13px;list-style:none;display:flex}.share-menu>summary::-webkit-details-marker{display:none}.share-menu>summary:hover,.share-menu[open]>summary{background:var(--raised)}.share-menu .icon{width:16px;height:16px}.share-panel{z-index:20;border:1px solid var(--edge);background:var(--panel);width:340px;max-width:calc(100vw - 40px);box-shadow:0 8px 30px var(--shadow);border-radius:12px;padding:14px;position:absolute;top:calc(100% + 8px);right:0}.share-link{border:1px solid var(--edge);background:var(--field);width:100%;color:var(--fg);font:inherit;text-overflow:ellipsis;border-radius:8px;padding:9px 11px;font-size:13px;display:block}.share-start{color:var(--text);cursor:pointer;align-items:center;gap:9px;margin-top:12px;font-size:14px;display:flex}.share-start input{width:16px;height:16px;accent-color:var(--accent);margin:0}.share-start span{font-variant-numeric:tabular-nums}.share-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.share-actions button{border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:0 14px;font-size:14px;display:inline-flex}.share-actions .share-copy{background:var(--button);width:36px;color:var(--button-fg);border:0;justify-content:center;padding:0}.share-copy:hover{background:var(--button-hover)}.share-copy[data-copied]{box-shadow:inset 0 0 0 2px}.share-send{border:1px solid var(--edge);color:var(--fg);background:0 0}.share-send:hover{background:var(--hover)}.steps{padding-top:12px}.steps h2{letter-spacing:-.02em;margin-bottom:28px;font-size:20px}.steps ol{margin:0;padding:0;list-style:none}.steps li{border-top:1px solid var(--edge);position:relative}.steps li:last-child{border-bottom:1px solid var(--edge)}.steps .step{text-align:left;width:100%;color:var(--fg);background:0 0;border:0;border-left:2px solid #0000;padding:18px 0 20px 16px}.steps .step:has(+.step-share:not([hidden])){padding-right:38px}.step-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.step-top strong{letter-spacing:-.025em;font-size:20px;line-height:1.3}.step-time{font-variant-numeric:tabular-nums;color:var(--grey);font-size:12px}.step-say{color:var(--grey);margin-top:8px;font-size:15px;line-height:1.5;display:block}.steps .step[aria-current=step]{border-left-color:var(--accent)}.steps .step[aria-current=step] strong,.steps .step:not(:disabled):hover strong{color:var(--accent)}.step-share{width:34px;height:34px;color:var(--grey);opacity:.75;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:15px;right:-4px}.step-share .icon{width:16px;height:16px}.step-share:hover,.step-share:focus-visible{color:var(--fg);background:var(--hover);opacity:1}.step-share:focus-visible{outline-offset:0}.step-share[data-copied]:before{content:"Link copied";background:var(--raised);color:var(--fg);white-space:nowrap;box-shadow:0 2px 10px var(--shadow);pointer-events:none;border-radius:6px;padding:4px 9px;font-size:12px;position:absolute;top:50%;right:calc(100% + 4px);translate:0 -50%}.steps-note{color:var(--grey);margin-top:20px;font-size:12px}.lesson-nav{border-top:1px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding-top:32px;display:flex}.next-card{grid-template-columns:200px minmax(0,340px);align-items:center;gap:24px;display:grid}.next-card .card-copy{padding:0}.next-card .play{width:40px;height:40px}.next-card .play svg{width:22px;height:22px}.next-card h3{font-size:26px}.next-card .about{font-size:14px}.previous{color:var(--grey);font-size:13px;text-decoration:none}.previous>span{align-items:center;gap:6px;display:inline-flex}.previous .icon{width:18px;height:18px;transition:transform .2s cubic-bezier(.2,0,0,1)}.previous strong{color:var(--fg);margin-top:6px;font-size:16px;font-weight:500;display:block}.previous:hover strong{text-decoration:underline}.path-end h2{margin-block:12px 18px;font-size:32px}.path-end a{color:var(--accent);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.path-end a .icon{width:18px;height:18px}.path-end a:hover{text-decoration:underline}.not-found{padding-block:110px 150px}.not-found h1{margin-block:28px;font-size:clamp(48px,6vw,86px)}.not-found>p:not(.eyebrow){color:var(--grey);margin-bottom:32px}@media (width>=1600px){.hero{padding-top:90px}}@media (width<=1050px){.wrap{width:calc(100% - 64px)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px}.lesson-body{grid-template-columns:1fr;gap:32px}.film-column{position:static}.steps{max-width:720px}.path-head{display:block}.path-head p{margin-top:12px}}@media (width<=600px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.release-card{grid-template-columns:1fr;gap:24px}.whats-new{padding-top:40px}.hero{padding-top:44px}.hero>.wrap>.eyebrow{margin-bottom:25px;font-size:10px}.hero h1{font-size:clamp(43px,10.9vw,64px);line-height:1.06}.intro{margin-top:25px;font-size:17px}.hero-start{gap:18px;margin-top:28px}.totals{width:100%;font-size:12px}.button{padding:14px 20px}.install{margin-top:48px;padding-block:36px 0}.install-label h2{font-size:22px}.install-label p{font-size:14px}.install-line code{font-size:12px}.path{padding-block:48px 64px}.path-head{padding-bottom:30px}.path-head h2{font-size:28px}.path-head p{font-size:14px}.chapter{padding-top:24px}.chapter>h2{gap:14px;margin-bottom:24px;font-size:25px}.chapter+.chapter{margin-top:44px}.cards{grid-template-columns:1fr;gap:48px}.card-copy{padding-top:16px}.card-copy h3{font-size:22px}.release-notes{grid-template-columns:1fr;gap:20px;padding-block:36px 44px}.release-notes>header{align-items:baseline;gap:14px;display:flex;position:static}.release-notes>header h2{font-size:28px}.release-film{margin-bottom:32px}.site-foot,.site-foot>div{flex-direction:column;align-items:flex-start;gap:12px}.site-foot{padding-block:28px 32px}.site-foot>a{margin-top:8px}.lesson{padding-top:14px;padding-bottom:44px}.lesson-title{margin-top:26px;margin-bottom:32px}.lesson-title h1{font-size:42px}.lesson-title>p:last-child{margin-top:16px;font-size:18px}.lesson-title .eyebrow{font-size:11px}.film-toolbar{margin-bottom:12px}.film-toolbar>.eyebrow{font-size:10px}.film-length{margin-left:5px}.cuts button{padding-inline:12px}.share-menu>summary{padding-inline:11px}.share-menu>summary span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.film-card{border-radius:12px}.vertical .film-card{width:min(100%,360px)}.film-note{font-size:12px}.steps h2{margin-bottom:20px;font-size:23px}.steps .step{padding-block:20px}.step-share{top:17px}.lesson-nav{gap:32px;margin-top:44px}.next-card{grid-template-columns:1fr;gap:18px;width:100%}.previous{width:100%}.not-found{padding-block:70px 90px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.icon{vertical-align:middle;flex:none;display:inline-block}.site-chrome{z-index:40;background:var(--bg);color:var(--heading);position:sticky;top:0}.site-head{border-bottom:1px solid var(--edge-soft);grid-template-columns:minmax(max-content,1fr) minmax(180px,437px) minmax(max-content,1fr);align-items:center;gap:24px;width:min(1376px,100% - 64px);height:64px;margin-inline:auto;display:grid}.site-head .wordmark{justify-self:start;font-size:20px}.site-head nav{color:var(--nav);grid-column:3;justify-content:flex-end;align-items:center;gap:24px;font-size:14px;line-height:20px;display:flex}.site-head nav a{white-space:nowrap;text-decoration:none}.site-head nav a:hover{color:var(--heading)}.site-head nav a[aria-current=page]{color:var(--heading);font-weight:600}.site-head nav .install-link{background:var(--button);color:var(--button-fg);border-radius:10px;align-items:center;gap:6px;padding:8px 10px 8px 14px;font-weight:600;display:inline-flex}.install-link .icon{width:16px;height:16px;transition:transform .2s cubic-bezier(.2,0,0,1)}.site-head nav .install-link:hover{background:var(--button-hover);color:var(--button-fg)}.site-menu-toggle,.site-menu-close{border:1px solid var(--edge);width:44px;height:44px;color:var(--heading);background:0 0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.site-menu-toggle{display:none}.site-menu-toggle:hover,.site-menu-close:hover{background:var(--hover)}.site-menu-toggle .icon,.site-menu-close .icon{width:24px;height:24px}.site-menu{border:0;border-left:1px solid var(--edge);background:var(--bg);width:min(360px,100% - 24px);max-width:none;height:100dvh;max-height:none;color:var(--heading);box-shadow:-16px 0 48px var(--shadow);margin:0;padding:0;position:fixed;inset:0 0 0 auto}.site-menu::backdrop{background:var(--scrim)}.site-menu[open]{animation:.18s ease-out site-menu-in}.site-menu-inner{min-height:100%;padding:max(16px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:28px;display:flex}.site-menu-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.site-menu-top .wordmark{font-size:18px}.site-menu-links{gap:4px;display:grid}.site-menu-links a{border-radius:8px;align-items:center;min-height:60px;padding:12px;font-size:22px;font-weight:500;text-decoration:none;display:flex}.site-menu-links a:hover,.site-menu-links a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.site-menu-actions{align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.site-menu-actions .theme-toggle{border:1px solid var(--edge);width:48px;height:48px}.site-menu-actions .button{flex:1;min-height:48px;padding:12px 20px;font-size:16px}html:has(.site-menu[open]){overflow:hidden}@keyframes site-menu-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.theme-toggle{width:36px;height:36px;color:var(--nav);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:inline-grid}.theme-toggle:hover{background:var(--hover);color:var(--heading)}.theme-toggle .icon{grid-area:1/1;width:20px;height:20px}.theme-toggle [data-icon=sun],:root[data-theme=dark] .theme-toggle [data-icon=moon]{display:none}:root[data-theme=dark] .theme-toggle [data-icon=sun]{display:inline-block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle [data-icon=moon]{display:none}:root:not([data-theme=light]) .theme-toggle [data-icon=sun]{display:inline-block}}.site-tabs{border-bottom:1px solid var(--edge-soft);scrollbar-width:none;gap:28px;height:48px;padding-inline:max(32px,50% - 688px);display:flex;overflow-x:auto}.site-tabs a{color:var(--nav);border-bottom:2px solid #0000;flex:none;align-items:center;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;display:flex}.site-tabs a[aria-current]{color:var(--heading);border-bottom-color:var(--heading)}.site-tabs a:hover{color:var(--heading)}.doc-search{min-width:0;color:var(--heading);grid-column:2;font-size:14px;line-height:20px;position:relative}.search-box{position:relative}.doc-search input{width:100%;height:36px;font:inherit;border:1px solid var(--edge);background:var(--field);color:var(--heading);border-radius:12px;padding:7px 48px 7px 38px}.doc-search input::placeholder{color:var(--grey)}.search-glyph{color:var(--grey);pointer-events:none;position:absolute;top:8px;left:13px}.search-glyph .icon{width:16px;height:16px}.search-box>kbd{font:inherit;color:var(--grey);pointer-events:none;font-size:12px;position:absolute;top:8px;right:12px}.search-toggle{width:40px;height:40px;color:var(--grey);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:none}.search-toggle .icon{width:20px;height:20px}.search-panel{z-index:20;background:var(--panel);width:min(460px,100vw - 40px);color:var(--fg);border:1px solid var(--edge);box-shadow:0 12px 40px var(--shadow);border-radius:12px;position:absolute;top:calc(100% + 10px);left:0}.search-panel>p{color:var(--grey);border-bottom:1px solid var(--edge);padding:12px 16px;font-size:12px}.search-panel ul{max-height:55dvh;margin:0;padding:6px;scroll-padding:8px;list-style:none;overflow:auto}.search-panel a{overflow-wrap:anywhere;border-radius:5px;padding:10px;text-decoration:none;display:block}.search-panel li[aria-selected=true] a,.search-panel a:hover{background:var(--accent-soft);color:var(--accent)}.search-panel strong,.search-panel span{display:block}.search-panel span{color:var(--grey);margin-top:3px;font-size:12px}.site-chrome :focus-visible{outline-offset:-2px}.search-panel :focus-visible{outline-offset:0}@media (width<=1024px){.site-head{grid-template-columns:auto minmax(0,437px) 44px;justify-content:space-between;gap:16px}.site-head>nav{display:none}.site-menu-toggle{grid-column:3;display:grid}.search-panel{left:auto;right:0}}@media (width<=760px){.site-head{grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;width:calc(100% - 40px)}.site-head .wordmark{gap:8px;font-size:18px}.site-head .wordmark img{width:24px;height:24px}.search-toggle{width:44px;height:44px;display:flex}.search-box{border:1px solid var(--edge);background:var(--panel);box-shadow:0 8px 30px var(--shadow);border-radius:14px;padding:8px;display:none;position:fixed;top:72px;left:20px;right:20px}.search-open .search-box{display:block}.search-box>kbd{display:none}.search-glyph{top:16px;left:21px}.search-panel{width:auto;left:-1px;right:-1px}.doc-search input{padding-right:12px}.site-tabs{gap:24px;padding-inline:20px}.docs-page .site-tabs{display:none}}@media (width<=360px){.site-head .wordmark{font-size:16px}}@media (width<=600px){.film-toolbar{flex-wrap:wrap}.lesson-title h1{font-size:clamp(34px,10vw,42px)}}.prose-page{max-width:760px;padding-block:64px 96px}.prose-page h1{letter-spacing:-.025em;margin-block:14px 28px;font-size:clamp(36px,4.4vw,56px)}.prose-page h2{margin-block:40px 12px;font-size:22px}.prose-page p{color:var(--text);font-size:18px;line-height:1.65}.prose-page p+p{margin-top:16px}.prose-page a{color:var(--accent);text-decoration:none}.prose-page a:hover{text-decoration:underline}.prose-page code{background:var(--code);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88em}.prose-links{flex-wrap:wrap;gap:10px 24px;margin-top:32px;display:flex}