@font-face{font-family:Zen Maru Gothic;font-weight:700;font-display:swap;src:url(/assets/zen-maru-gothic-latin-700-normal-CSiy1nnP.woff2)format("woff2")}@font-face{font-family:Zen Maru Gothic;font-weight:900;font-display:swap;src:url(/assets/zen-maru-gothic-latin-900-normal-ClrOxROE.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-weight:400;font-display:swap;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-weight:400;font-style:italic;font-display:swap;src:url(/assets/atkinson-hyperlegible-latin-400-italic-D-qjh7ci.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-weight:700;font-display:swap;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400;font-display:swap;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:600;font-display:swap;src:url(/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2)format("woff2")}:root{--night-950:#0b1322;--night-900:#101b2f;--night-800:#15233c;--night-700:#1d304f;--night-600:#2a4268;--night-line:#3d5884;--star:#f4ead6;--star-muted:#b9c4d8;--paper:#fbf6ea;--paper-2:#f4ead6;--paper-3:#eadfc6;--paper-line:#d6c6a4;--ink:#1c2338;--ink-2:#474f66;--ink-3:#5f6578;--teal-800:#0f4c53;--teal-700:#155e66;--teal-500:#2b8f99;--teal-300:#7fd3d6;--brass-700:#7d5a12;--brass-500:#c8952f;--brass-400:#d6a43f;--brass-200:#efd79a;--coral-700:#a43f2a;--coral-500:#e9785e;--help-green:#1f714b;--help-green-bg:#e1f2e7;--help-green-night:#86dcae;--help-yellow:#7e5b00;--help-yellow-bg:#fcefc4;--help-yellow-dot:#e2ac16;--help-yellow-night:#f4d06b;--help-red:#a8352d;--help-red-bg:#fbe1dc;--help-red-night:#ff9f92;--ok:#155e66;--ok-bg:#dff1ef;--warn:#7a5600;--warn-bg:#fbefd2;--fail:#9b3424;--fail-bg:#fbe4dd;--unknown:#474f66;--unknown-bg:#ebe6db;--font-display:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--step--1:.875rem;--step-0:1.0625rem;--step-1:1.25rem;--step-2:1.5rem;--step-3:clamp(1.7rem, 1.35rem + 1.1vw, 2.2rem);--step-4:clamp(2.05rem, 1.5rem + 2vw, 3.05rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--radius-s:6px;--radius-m:10px;--radius-l:14px;--radius-pill:999px;--shadow-paper:0 1px 0 #0b132259, 0 14px 30px -18px #0b1322e6;--shadow-lift:0 2px 0 #0b132259, 0 18px 34px -16px #0b1322f2;--ease:cubic-bezier(.2, .7, .2, 1);--dur-1:.12s;--dur-2:.22s;--dur-3:.42s;--page:1240px;--page-wide:1460px;--dock-w:clamp(21rem, 27vw, 26rem);--fg:var(--star);--fg-muted:var(--star-muted);--link:var(--teal-300);--line:var(--night-line);--eyebrow:var(--brass-200);--focus:#f2c14e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);font-size:var(--step-0);color:var(--fg);background:var(--night-900);-webkit-text-size-adjust:100%;line-height:1.6}.paper-surface{--fg:var(--ink);--fg-muted:var(--ink-2);--link:var(--teal-700);--line:var(--paper-line);--eyebrow:var(--brass-700);--focus:#b8560f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--fg);background:var(--paper)}*,:before,:after{box-sizing:border-box}body{background:var(--night-900);min-height:100vh;color:var(--fg);flex-direction:column;margin:0;display:flex}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.005em;margin:0 0 var(--space-3);text-wrap:balance;font-weight:700;line-height:1.2}h1{font-size:var(--step-4);font-weight:900}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{margin:0 0 var(--space-4);text-wrap:pretty}small{font-size:var(--step--1)}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}strong{font-weight:700}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.92em}pre{white-space:pre-wrap;overflow-wrap:anywhere}blockquote{margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--brass-400);background:color-mix(in srgb, var(--paper-3) 60%, transparent);border-radius:0 var(--radius-s) var(--radius-s) 0;color:var(--fg)}hr{border:0;border-top:1px solid var(--line);margin:var(--space-5) 0}ul,ol{padding-left:1.3em}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}::selection{background:var(--brass-200);color:var(--ink)}label{gap:var(--space-2);margin:0 0 var(--space-4);color:var(--fg);font-weight:700;display:grid}label:has(>input[type=checkbox]){align-items:flex-start;gap:var(--space-3);font-weight:400;display:flex}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select{width:100%;font:400 var(--step-0)/1.5 var(--font-body);color:var(--ink);border-radius:var(--radius-s);transition:border-color var(--dur-1), box-shadow var(--dur-1);background:#fffdf7;border:1.5px solid #8f7f5a;padding:.65rem .8rem}input:not([type=checkbox]):hover,textarea:hover,select:hover{border-color:#5e5238}input:not([type=checkbox]):focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--teal-700);outline:none;box-shadow:0 0 0 3px #155e6647}textarea{resize:vertical;min-height:8rem}select{width:auto;min-width:10rem}input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--teal-700);flex:none;margin:.2rem 0 0}fieldset{border:1px solid var(--line);border-radius:var(--radius-m);padding:var(--space-4) var(--space-5);margin:0 0 var(--space-5)}legend{font-family:var(--font-display);padding:0 var(--space-2);font-weight:700}details>summary{cursor:pointer;font-weight:700}button,.button{--btn-bg:var(--teal-700);--btn-fg:#fdf8ec;--btn-edge:var(--teal-800);min-height:2.75rem;font:700 var(--step-0)/1.2 var(--font-body);letter-spacing:.005em;text-align:center;color:var(--btn-fg);background:var(--btn-bg);border-radius:var(--radius-pill);box-shadow:inset 0 -3px 0 var(--btn-edge), 0 1px 0 #ffffff1f inset;cursor:pointer;transition:transform var(--dur-1) var(--ease), filter var(--dur-1), box-shadow var(--dur-1);border:0;justify-content:center;align-items:center;gap:.55em;margin:0;padding:.55rem 1.2rem;text-decoration:none;display:inline-flex}button:hover,.button:hover{filter:brightness(1.08);text-decoration:none}button:active,.button:active{box-shadow:inset 0 -1px 0 var(--btn-edge);transform:translateY(1px)}button:disabled{cursor:not-allowed;filter:saturate(.4);opacity:.7}button.secondary,.button.secondary{--btn-bg:transparent;--btn-fg:var(--fg);--btn-edge:transparent;box-shadow:inset 0 0 0 1.5px}button.quiet,.button.quiet{--btn-bg:transparent;--btn-fg:var(--link);--btn-edge:transparent;box-shadow:none;text-underline-offset:.18em;padding-inline:.5rem;text-decoration:underline}:where(form)+:where(form){margin-top:var(--space-3)}.eyebrow{margin:0 0 var(--space-3);font:700 var(--step--1)/1 var(--font-display);letter-spacing:.04em;color:var(--eyebrow);align-items:center;gap:.5em;display:inline-flex}.eyebrow:before{content:"";width:.55em;height:.55em;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 22%, transparent);border:2px solid;border-radius:50%}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{left:var(--space-4);z-index:50;padding:var(--space-3) var(--space-4);background:var(--paper);color:var(--ink);border-radius:var(--radius-s);position:absolute;top:-100px}.skip:focus{top:var(--space-3)}.site-header{z-index:20;background:var(--night-950);border-bottom:1px solid #d6a43f47;position:relative}.site-header .bar{max-width:var(--page);align-items:center;gap:var(--space-4) var(--space-5);flex-wrap:wrap;margin:0 auto;padding:.7rem clamp(1rem,3vw,2rem);display:flex}.wordmark{color:var(--star);font:900 1.35rem/1 var(--font-display);letter-spacing:.01em;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.wordmark:hover{text-decoration:none}.wordmark svg{flex:none;width:34px;height:34px}.site-menu{display:contents}.menu-toggle{display:none}.site-nav{flex-wrap:wrap;align-items:center;gap:.15rem;margin-left:auto;display:flex}.site-nav a,.site-nav button{--btn-bg:transparent;--btn-fg:var(--star-muted);box-shadow:none;border-radius:var(--radius-pill);min-height:2.5rem;color:var(--star-muted);font:700 .95rem/1 var(--font-body);align-items:center;gap:.45rem;padding:.35rem .75rem;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav button:hover{color:var(--star);filter:none;background:#ffffff0f}.site-nav a[aria-current=page]{color:var(--night-950);background:var(--brass-200)}.site-nav svg{width:18px;height:18px}.site-nav form{display:contents}.site-nav .label-short{display:none}main{width:100%;max-width:var(--page);padding:clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem) var(--space-8);flex:1;margin:0 auto}main:has(>.full-bleed){max-width:none;padding:0}main:has(>.lesson-frame){max-width:var(--page-wide);padding:var(--space-4) clamp(.5rem, 2.2vw, 1.5rem) var(--space-8)}body:has(.lesson-frame) :is(.site-header,.site-footer) .bar{max-width:var(--page-wide)}.site-footer{background:var(--night-950);color:var(--star-muted);font-size:var(--step--1);border-top:1px solid #22355a}.site-footer .bar{max-width:var(--page);padding:var(--space-4) clamp(1rem, 3vw, 2rem);gap:var(--space-2) var(--space-5);flex-wrap:wrap;align-items:center;margin:0 auto;display:flex}.site-footer a{color:var(--star)}@media (width<=1100px){.site-nav svg,.site-nav .label-long{display:none}.site-nav .label-short{display:inline}.site-nav a,.site-nav button{padding-inline:.6rem}}@media (width<=767px){.site-header .bar{flex-wrap:nowrap;padding-block:.55rem}.wordmark{font-size:1.2rem}.wordmark svg{width:30px;height:30px}.menu-toggle{--btn-bg:transparent;--btn-fg:var(--star);--btn-edge:transparent;min-height:2.75rem;margin-left:auto;padding:.4rem 1rem .4rem .8rem;font-size:.95rem;display:inline-flex;box-shadow:inset 0 0 0 1.5px #f4ead666}.menu-toggle[aria-expanded=true]{--btn-bg:var(--brass-200);--btn-fg:var(--night-950);box-shadow:none}.site-nav{padding:var(--space-2) var(--space-4) var(--space-4);background:var(--night-950);border-bottom:1px solid #d6a43f47;flex-flow:column;align-items:stretch;gap:.2rem;margin:0;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 24px 40px -18px #000000e6}.site-menu[data-open=true] .site-nav{display:flex}.site-nav a,.site-nav button{border-radius:var(--radius-m);justify-content:flex-start;gap:.75rem;width:100%;min-height:3rem;padding:.5rem .9rem;font-size:1.05rem}.site-nav svg{width:20px;height:20px;display:inline}.site-nav .label-long{display:inline}.site-nav .label-short{display:none}.site-footer .bar{padding-block:var(--space-4) calc(var(--space-4) + 4.5rem)}}@media (pointer:coarse){button,.button,.site-nav a,.site-nav button{min-height:2.75rem}summary{padding-block:.55rem}input[type=checkbox],input[type=radio]{width:1.35rem;height:1.35rem}}@media (width>=1200px){body:has([data-una-panel][data-open=true]){padding-right:var(--dock-w)}}@media (width>=1200px) and (width<=1439px){body:has([data-una-panel][data-open=true]) .site-nav :is(svg,.label-long){display:none}body:has([data-una-panel][data-open=true]) .site-nav .label-short{display:inline}}@media (width<=767px){body:has([data-una-panel][data-open=true]){overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}[hidden]{display:none!important}.error-page{max-width:980px;margin:var(--space-7) auto;gap:var(--space-5);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.error-page h1{font-size:var(--step-3)}@media (width<=700px){.error-page{grid-template-columns:minmax(0,1fr);justify-items:start}}:root{--icon-together:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='8' r='3'/%3E%3Ccircle cx='15.5' cy='8' r='3'/%3E%3Cpath d='M3 19c.6-3.3 2.8-5 5.5-5 1.4 0 2.6.4 3.5 1.3.9-.9 2.1-1.3 3.5-1.3 2.7 0 4.9 1.7 5.5 5'/%3E%3C/svg%3E");--icon-hint:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233d2c00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17.5h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1 2V16h5.2v-.2c0-.8.4-1.5 1-2A6 6 0 0 0 12 3Z'/%3E%3C/svg%3E");--icon-solo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='7.5' r='3.5'/%3E%3Cpath d='M5 20.5c.8-4 3.6-6 7-6s6.2 2 7 6'/%3E%3C/svg%3E");--icon-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a5600' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.2 2'/%3E%3C/svg%3E");--icon-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efd79a' stroke-width='1.6' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m10 8.5 5.5 3.5-5.5 3.5Z'/%3E%3C/svg%3E")}.error{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);border-left:4px solid var(--fail);background:var(--fail-bg);color:var(--fail);font-weight:700}