:root{color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(97% .006 55);--color-paper-2:oklch(94.5% .007 55);--color-paper-3:oklch(91.5% .009 55);--color-ink:oklch(21% .012 38);--color-ink-2:oklch(29% .013 40);--color-muted:oklch(47% .013 45);--color-rule:oklch(87% .009 55);--color-rule-2:oklch(81% .011 55);--color-accent:oklch(74% .125 30);--color-accent-ink:oklch(21% .012 38);--color-accent-2:oklch(54% .165 29);--color-focus:oklch(54% .17 30);--color-cotton:oklch(98.8% .0045 80);--color-desk:oklch(94.3% .008 64);--color-print:oklch(23% .012 38);--color-board:oklch(22% .011 40);--color-board-type:oklch(96.5% .006 70);--color-paid:oklch(55.5% .15 33);--tex-cotton:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='360'%20height='360'%20viewBox='0%200%20360%20360'%3e%3cfilter%20id='c'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.011'%20numOctaves='3'%20seed='3'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.42%200%200%200%200%200.33%200%200%200%200%200.26%200%200%200%200.063%200'/%3e%3c/filter%3e%3cfilter%20id='g'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.92'%20numOctaves='2'%20seed='9'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.38%200%200%200%200%200.3%200%200%200%200%200.24%200%200%200%200.070%200'/%3e%3c/filter%3e%3crect%20width='360'%20height='360'%20filter='url(%23c)'/%3e%3crect%20width='360'%20height='360'%20filter='url(%23g)'/%3e%3cg%20fill='none'%20stroke='%237a6152'%20stroke-opacity='0.112'%20stroke-width='0.6'%20stroke-linecap='round'%3e%3cpath%20d='M116.6%2054.3Q120.9%2054.7%20124.9%2056.2'/%3e%3cpath%20d='M20.9%20182.7Q19.6%20183.1%2021.8%20186.8'/%3e%3cpath%20d='M152.8%20297.7Q155.2%20301.0%20156.5%20300.8'/%3e%3cpath%20d='M207.8%20142.8Q214.5%20142.8%20218.5%20144.4'/%3e%3cpath%20d='M51.9%2042.4Q48.1%2044.4%2046.8%2045.8'/%3e%3cpath%20d='M230.0%20134.1Q232.1%20133.7%20237.7%20135.6'/%3e%3cpath%20d='M244.9%20153.9Q243.9%20156.1%20243.3%20159.9'/%3e%3cpath%20d='M286.0%20251.6Q285.4%20255.9%20284.7%20257.2'/%3e%3cpath%20d='M262.6%20103.7Q267.3%20106.7%20272.7%20107.6'/%3e%3cpath%20d='M54.7%20176.0Q54.7%20178.2%2052.6%20179.7'/%3e%3cpath%20d='M315.2%20112.9Q314.2%20117.0%20312.6%20121.4'/%3e%3cpath%20d='M302.4%20340.1Q298.8%20344.1%20298.8%20346.5'/%3e%3cpath%20d='M233.0%20357.5Q235.6%20362.0%20239.1%20365.1'/%3e%3cpath%20d='M8.1%20166.2Q8.8%20168.2%2013.0%20168.1'/%3e%3cpath%20d='M46.6%2089.1Q41.8%2090.3%2040.4%2091.8'/%3e%3cpath%20d='M197.8%20318.0Q192.5%20319.7%20188.9%20322.1'/%3e%3cpath%20d='M129.2%20318.3Q132.6%20319.7%20138.7%20323.2'/%3e%3cpath%20d='M84.0%20174.6Q84.8%20177.2%2089.5%20180.6'/%3e%3cpath%20d='M132.9%20203.9Q130.0%20208.8%20126.9%20212.7'/%3e%3cpath%20d='M243.4%2019.4Q241.0%2023.9%20235.5%2026.0'/%3e%3cpath%20d='M141.3%20143.6Q138.5%20144.1%20139.3%20147.9'/%3e%3cpath%20d='M75.2%2058.4Q76.3%2057.6%2081.4%2059.5'/%3e%3cpath%20d='M36.5%20130.9Q35.1%20130.3%2032.7%20132.5'/%3e%3cpath%20d='M90.8%20125.1Q95.2%20128.3%2096.9%20127.5'/%3e%3cpath%20d='M167.8%20174.2Q169.3%20174.0%20172.1%20175.6'/%3e%3cpath%20d='M298.4%2058.1Q296.4%2057.0%20294.3%2058.8'/%3e%3cpath%20d='M195.5%209.7Q193.2%2010.8%20187.9%2010.3'/%3e%3cpath%20d='M94.0%20132.0Q92.2%20134.8%2090.1%20135.4'/%3e%3cpath%20d='M118.7%2080.3Q115.3%2081.7%20109.0%2080.8'/%3e%3cpath%20d='M294.6%20266.4Q293.9%20267.3%20294.3%20271.9'/%3e%3cpath%20d='M10.1%20100.6Q10.2%20102.8%206.8%20105.4'/%3e%3cpath%20d='M337.3%20355.7Q338.4%20359.5%20341.7%20365.4'/%3e%3cpath%20d='M70.8%2073.6Q68.2%2074.8%2062.9%2076.2'/%3e%3cpath%20d='M235.1%20287.9Q235.6%20291.0%20232.9%20291.9'/%3e%3cpath%20d='M270.1%20172.1Q267.3%20174.9%20265.9%20175.3'/%3e%3cpath%20d='M349.8%20142.5Q347.3%20141.7%20343.1%20143.6'/%3e%3cpath%20d='M45.7%2054.4Q40.1%2058.7%2037.3%2060.3'/%3e%3cpath%20d='M352.9%20236.6Q350.9%20237.9%20351.9%20243.0'/%3e%3cpath%20d='M349.5%20233.9Q345.5%20236.2%20342.0%20235.5'/%3e%3cpath%20d='M297.4%2076.0Q298.1%2078.6%20300.9%2080.6'/%3e%3c/g%3e%3c/svg%3e");--tex-desk:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='360'%20height='360'%20viewBox='0%200%20360%20360'%3e%3cfilter%20id='c'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.018'%20numOctaves='3'%20seed='3'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.42%200%200%200%200%200.33%200%200%200%200%200.26%200%200%200%200.081%200'/%3e%3c/filter%3e%3cfilter%20id='g'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.92'%20numOctaves='2'%20seed='9'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20values='0%200%200%200%200.38%200%200%200%200%200.3%200%200%200%200%200.24%200%200%200%200.090%200'/%3e%3c/filter%3e%3crect%20width='360'%20height='360'%20filter='url(%23c)'/%3e%3crect%20width='360'%20height='360'%20filter='url(%23g)'/%3e%3cg%20fill='none'%20stroke='%237a6152'%20stroke-opacity='0.144'%20stroke-width='0.6'%20stroke-linecap='round'%3e%3cpath%20d='M162.9%20201.5Q163.5%20207.1%20164.0%20211.9'/%3e%3cpath%20d='M66.5%20184.3Q61.5%20186.0%2059.8%20189.4'/%3e%3cpath%20d='M32.6%20291.5Q39.0%20293.9%2041.4%20292.6'/%3e%3cpath%20d='M235.4%20221.6Q238.1%20220.0%20240.5%20221.8'/%3e%3cpath%20d='M68.5%2087.1Q68.5%2090.6%2069.0%2091.3'/%3e%3cpath%20d='M186.9%20230.5Q184.9%20232.9%20183.2%20237.0'/%3e%3cpath%20d='M359.2%20358.4Q355.4%20361.3%20353.2%20366.3'/%3e%3cpath%20d='M104.1%2025.3Q106.9%2029.3%20106.9%2034.2'/%3e%3cpath%20d='M344.9%20305.0Q348.1%20306.1%20348.1%20307.5'/%3e%3cpath%20d='M352.9%20143.1Q353.2%20144.2%20351.1%20147.2'/%3e%3cpath%20d='M31.4%20119.7Q25.9%20122.4%2023.6%20127.1'/%3e%3cpath%20d='M36.4%2021.6Q40.7%2023.9%2044.5%2026.6'/%3e%3cpath%20d='M68.6%20263.5Q66.0%20265.4%2066.5%20267.9'/%3e%3cpath%20d='M76.6%2097.1Q71.4%20101.8%2067.8%20103.4'/%3e%3cpath%20d='M75.9%20141.9Q72.1%20148.4%2071.6%20150.9'/%3e%3cpath%20d='M76.8%2093.0Q78.4%2095.3%2081.6%20101.1'/%3e%3cpath%20d='M32.4%20209.8Q31.0%20212.3%2030.7%20215.2'/%3e%3cpath%20d='M345.3%20174.1Q340.4%20174.4%20338.0%20177.4'/%3e%3cpath%20d='M327.0%20294.4Q330.4%20297.8%20331.8%20297.6'/%3e%3cpath%20d='M70.8%20342.0Q68.8%20345.3%2067.5%20351.7'/%3e%3cpath%20d='M13.9%20346.6Q11.3%20350.1%2010.5%20351.1'/%3e%3cpath%20d='M214.7%20105.6Q211.3%20106.6%20211.4%20109.7'/%3e%3cpath%20d='M201.4%20306.9Q205.7%20308.9%20206.7%20313.3'/%3e%3cpath%20d='M6.0%2096.9Q8.2%2097.1%2013.0%2098.3'/%3e%3cpath%20d='M206.0%2047.4Q204.8%2049.1%20199.8%2049.6'/%3e%3cpath%20d='M248.8%20210.4Q249.4%20212.3%20253.8%20210.9'/%3e%3cpath%20d='M252.3%20346.6Q251.4%20349.4%20250.6%20350.4'/%3e%3cpath%20d='M114.8%20359.8Q115.4%20363.6%20114.2%20364.2'/%3e%3cpath%20d='M265.4%20253.3Q260.2%20255.3%20256.1%20255.8'/%3e%3cpath%20d='M324.3%20313.6Q323.0%20316.0%20318.8%20317.8'/%3e%3cpath%20d='M225.0%20137.6Q222.0%20142.0%20222.3%20145.3'/%3e%3cpath%20d='M357.6%20316.7Q360.1%20321.3%20360.7%20325.3'/%3e%3cpath%20d='M158.6%20301.8Q155.1%20303.8%20155.3%20305.1'/%3e%3cpath%20d='M173.1%2082.9Q173.6%2089.0%20173.2%2091.8'/%3e%3cpath%20d='M92.1%204.1Q89.3%205.3%2088.9%209.2'/%3e%3cpath%20d='M326.1%20237.6Q322.0%20239.4%20319.4%20240.0'/%3e%3cpath%20d='M71.5%20155.1Q68.3%20155.9%2062.2%20157.7'/%3e%3cpath%20d='M209.9%20113.9Q211.3%20117.8%20210.0%20118.9'/%3e%3cpath%20d='M256.0%20342.0Q258.4%20342.6%20261.2%20345.0'/%3e%3cpath%20d='M77.1%20149.0Q76.4%20154.6%2077.2%20157.4'/%3e%3cpath%20d='M353.5%20162.9Q357.3%20161.3%20358.0%20163.3'/%3e%3cpath%20d='M255.1%20205.4Q250.7%20205.8%20250.2%20209.2'/%3e%3cpath%20d='M163.7%208.9Q165.9%2010.4%20170.9%2015.6'/%3e%3cpath%20d='M226.5%20160.7Q225.8%20166.3%20222.6%20168.2'/%3e%3cpath%20d='M246.4%2071.8Q247.6%2073.6%20252.6%2075.7'/%3e%3cpath%20d='M257.1%2064.5Q259.3%2067.2%20259.9%2069.7'/%3e%3cpath%20d='M221.2%20272.2Q220.1%20272.6%20215.8%20276.3'/%3e%3cpath%20d='M335.7%20260.1Q336.6%20264.1%20336.5%20264.9'/%3e%3cpath%20d='M135.6%20204.8Q133.3%20207.7%20127.5%20210.8'/%3e%3cpath%20d='M234.5%2073.8Q231.2%2077.1%20226.9%2078.7'/%3e%3cpath%20d='M76.8%20324.0Q71.5%20325.5%2066.0%20324.8'/%3e%3cpath%20d='M115.3%20327.6Q116.0%20331.8%20119.9%20336.5'/%3e%3cpath%20d='M198.1%20276.6Q203.0%20275.2%20205.5%20277.2'/%3e%3cpath%20d='M287.9%2062.2Q284.0%2062.8%20283.0%2066.2'/%3e%3cpath%20d='M185.9%20260.5Q185.0%20264.5%20180.4%20268.7'/%3e%3cpath%20d='M341.7%2031.0Q340.6%2034.6%20341.2%2036.5'/%3e%3cpath%20d='M230.0%20188.2Q228.3%20192.6%20228.1%20197.9'/%3e%3cpath%20d='M304.3%20324.2Q303.7%20325.5%20299.4%20326.7'/%3e%3cpath%20d='M206.3%2072.3Q206.7%2074.3%20206.2%2080.1'/%3e%3cpath%20d='M349.0%20185.8Q346.5%20187.7%20343.5%20189.7'/%3e%3cpath%20d='M248.8%2023.7Q251.6%2029.2%20250.8%2031.2'/%3e%3cpath%20d='M96.9%20170.3Q98.7%20174.3%2097.9%20175.1'/%3e%3cpath%20d='M171.6%20114.2Q172.3%20115.2%20169.6%20119.2'/%3e%3cpath%20d='M280.5%208.2Q283.3%209.2%20284.6%2011.7'/%3e%3cpath%20d='M127.9%20223.1Q124.8%20224.9%20124.8%20226.7'/%3e%3cpath%20d='M90.2%2071.2Q90.5%2074.6%2091.7%2078.7'/%3e%3cpath%20d='M190.6%2057.5Q190.0%2060.1%20188.4%2062.5'/%3e%3cpath%20d='M306.5%20220.2Q311.1%20224.8%20313.9%20226.9'/%3e%3cpath%20d='M325.0%20113.7Q320.8%20116.5%20318.9%20115.2'/%3e%3cpath%20d='M319.5%2048.2Q316.7%2048.8%20315.8%2052.5'/%3e%3c/g%3e%3c/svg%3e");--shade:32% .03 50;--lit:100% .005 80;--deep:7% .01 40;--font-display:"Onest", ui-sans-serif, system-ui, sans-serif;--font-body:var(--font-display);--radius-card:8px;--radius-input:6px;--radius-pill:999px;--radius-stock:8px;--rule-hair:1px;--shadow-card:0 1px 2px oklch(20% .01 35/.05);--edge-stock:inset 0 1px 0 oklch(var(--lit) / .9), inset 0 -1px 0 oklch(var(--shade) / .07), 0 0 0 .5px oklch(var(--shade) / .22), 0 1px 0 oklch(var(--shade) / .12);--cast-stock:6px 5px 10px -6px oklch(var(--shade) / .3);--cast-stock-lift:12px 10px 18px -8px oklch(var(--shade) / .3);--press-groove:inset 1px 1.5px 2px oklch(var(--shade) / .16), inset -1px -1px 0 oklch(var(--lit) / .9), 0 0 0 .5px oklch(var(--shade) / .2);--tracking-display:-.03em;--display-weight:600;--clay:oklch(60% .1 45);--clay-lit:oklch(71% .088 54);--clay-shade:oklch(47% .092 40);--clay-deep:oklch(35% .07 38);--clay-sheen:oklch(93% .03 70);--clay-cast:26% .04 40;--windway:oklch(20% .03 38);--breath:oklch(97% .012 75)}*,:before,:after{box-sizing:border-box}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]>img{filter:saturate(.65)contrast(.97)sepia(.08)}body{background:var(--color-paper);color:var(--color-ink)}h1{font-size:var(--text-3xl);max-width:22ch}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:500}.lead{color:var(--color-ink-2);font-size:var(--text-lg)}.topbar{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:64px;display:flex}.wordmark{align-items:center;gap:var(--space-xs);min-height:44px;color:var(--color-ink);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600;text-decoration:none;display:inline-flex}.wordmark svg{flex-shrink:0;width:26px;height:26px}.wordmark-body{fill:var(--clay)}.wordmark-hole{fill:var(--color-cotton)}.lang{position:relative}.lang summary{align-items:center;gap:var(--space-xs);min-height:40px;padding:0 var(--space-md);border-radius:var(--radius-stock);background:var(--color-cotton) var(--tex-cotton);box-shadow:var(--edge-stock), var(--cast-stock);color:var(--color-ink-2);font-size:var(--text-sm);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);font-weight:500;list-style:none;display:inline-flex}.lang summary::-webkit-details-marker{display:none}.lang summary:hover{box-shadow:var(--edge-stock), var(--cast-stock-lift);color:var(--color-ink);transform:translateY(-1px)}.lang summary:active{transform:translateY(1px)}.lang summary svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:16px;height:16px}.lang ul{top:calc(100% + var(--space-xs));z-index:var(--z-dropdown);min-width:200px;padding:var(--space-xs);border-radius:var(--radius-card);background:var(--color-cotton) var(--tex-cotton);box-shadow:var(--edge-stock), var(--cast-stock-lift);margin:0;list-style:none;position:absolute;right:0}.lang a{min-height:40px;padding:0 var(--space-sm);border-radius:var(--radius-input);color:var(--color-ink-2);font-size:var(--text-sm);align-items:center;text-decoration:none;display:flex}.lang a:hover{background:var(--color-paper-2);color:var(--color-ink)}.lang a[aria-current=page]{color:var(--color-ink);font-weight:600}.stage{gap:var(--space-lg);padding-block:var(--space-md) var(--space-2xl);display:grid}.stage-head{gap:var(--space-xs);display:grid}.panel{border-radius:var(--radius-card);padding:var(--space-lg) var(--space-lg) var(--space-xl);background-color:var(--color-desk);background-image:radial-gradient(90% 120% at 0% 30%, var(--color-cotton), transparent 62%), var(--tex-desk);box-shadow:inset 0 0 0 1px var(--color-rule)}.oc{gap:var(--space-lg);display:grid}.oc-controls{align-items:center;gap:var(--space-sm) var(--space-xl);flex-wrap:wrap;display:flex}.ctl-group{align-items:center;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;min-width:0;display:flex}.ctl{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.ctl-label{color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap;font-weight:500}.select{display:inline-flex;position:relative}.select select{appearance:none;min-width:13rem;min-height:40px;padding:0 var(--space-xl) 0 var(--space-md);border:1px solid var(--color-muted);border-radius:var(--radius-stock);background:var(--color-cotton) var(--tex-cotton);box-shadow:var(--edge-stock), var(--cast-stock);color:var(--color-print);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);font-weight:500}.select select:hover{box-shadow:var(--edge-stock), var(--cast-stock-lift);transform:translateY(-1px)}.select select:active{transform:translateY(1px)}.select select:disabled{opacity:.55;cursor:not-allowed}.select-caret{top:50%;right:var(--space-sm);fill:none;width:12px;height:12px;stroke:var(--color-muted);stroke-width:1.6px;pointer-events:none;position:absolute;transform:translateY(-50%)}.fader{appearance:none;cursor:pointer;background:0 0;width:96px;height:44px;margin:0}.fader::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--color-rule-2) var(--level), var(--color-paper-3) var(--level));height:8px;box-shadow:var(--press-groove);border-radius:6px}.fader::-moz-range-track{background:linear-gradient(90deg, var(--color-rule-2) var(--level), var(--color-paper-3) var(--level));height:8px;box-shadow:var(--press-groove);border-radius:6px}.fader::-webkit-slider-thumb{appearance:none;width:16px;height:24px;margin-top:calc(-1 * var(--space-xs));background:var(--color-cotton);box-shadow:var(--edge-stock), var(--cast-stock);border:0;border-radius:4px}.fader::-moz-range-thumb{background:var(--color-cotton);width:16px;height:24px;box-shadow:var(--edge-stock), var(--cast-stock);border:0;border-radius:4px}.fader:hover::-webkit-slider-thumb{box-shadow:var(--edge-stock), var(--cast-stock-lift)}.fader:active::-webkit-slider-thumb{box-shadow:var(--press-groove)}.fader:disabled{opacity:.55;cursor:not-allowed}.stepper{align-items:center;gap:var(--space-2xs);display:inline-flex}.stepper-btn{border-radius:var(--radius-input);background:var(--color-cotton) var(--tex-cotton);width:36px;height:36px;box-shadow:var(--edge-stock), var(--cast-stock);color:var(--color-print);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);border:0;place-items:center;padding:0;display:grid}.stepper-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.stepper-btn:hover{box-shadow:var(--edge-stock), var(--cast-stock-lift);transform:translateY(-1px)}.stepper-btn:active{box-shadow:var(--press-groove);transform:translateY(1px)}.stepper-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:var(--press-groove);transform:none}.stepper-value{min-width:3ch;color:var(--color-ink);font-size:var(--text-sm);text-align:center;font-weight:600}.seg{padding:var(--space-2xs);background:var(--color-paper-3);box-shadow:var(--press-groove);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.seg:before{content:"";top:var(--space-2xs);bottom:var(--space-2xs);left:var(--space-2xs);width:calc((100% - 2 * var(--space-2xs)) / 3);border-radius:var(--radius-stock);background:var(--color-cotton) var(--tex-cotton);box-shadow:var(--edge-stock), var(--cast-stock);transform:translateX(calc(var(--stop,0) * 100%));transition:transform var(--dur-short) var(--ease-out);position:absolute}.seg-btn{min-height:36px;padding:0 var(--space-sm);border-radius:var(--radius-stock);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:color var(--dur-micro) var(--ease-out);background:0 0;border:0;font-weight:500;position:relative}.seg-btn:hover{color:var(--color-ink)}.seg-btn:active{transform:translateY(1px)}.seg-btn[aria-checked=true]{color:var(--color-print)}.seg-btn:disabled{opacity:.55;cursor:not-allowed}.card-btn{min-height:40px;padding:0 var(--space-md);border-radius:var(--radius-stock);background:var(--color-cotton) var(--tex-cotton);box-shadow:var(--edge-stock), var(--cast-stock);color:var(--color-print);font-size:var(--text-sm);white-space:nowrap;text-shadow:.5px .75px 0 var(--color-cotton);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);border:0;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.card-btn:hover{box-shadow:var(--edge-stock), var(--cast-stock-lift);transform:translateY(-1px)}.card-btn:active{box-shadow:var(--press-groove);transform:translateY(1px)}.card-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.card-btn[aria-pressed=true]{background:var(--color-paper-3);box-shadow:var(--press-groove);color:var(--color-ink)}.link-btn{min-height:32px;color:var(--color-ink);font-size:inherit;text-decoration:underline;text-decoration-color:var(--color-accent-2);text-underline-offset:.16em;cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{color:var(--color-accent-2)}.link-btn:active{transform:translateY(1px)}.ocarina{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 250' preserveAspectRatio='none'%3E%3Cpath d='M0 128C0 52 70 6 230 4C430 2 700 12 860 28C950 40 1000 82 1000 126C1000 170 950 210 860 222C700 238 430 248 230 246C70 244 0 204 0 128Z'/%3E%3C/svg%3E");isolation:isolate;height:252px;margin-inline:var(--space-2xl) var(--space-sm);position:relative}.ocarina[data-tiers="2"]{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 50C0 13 10 1 46 1C86 1 100 5 100 40C100 84 88 99 50 99C14 99 0 86 0 50Z'/%3E%3C/svg%3E")}.ocarina-body,.ocarina-cast{-webkit-mask:var(--shape) 0 0 / 100% 100% no-repeat;mask:var(--shape) 0 0 / 100% 100% no-repeat}.ocarina-body{z-index:1;background-color:var(--clay);background-image:radial-gradient(34% 30% at 20% 16%, color-mix(in oklab, var(--clay-sheen) 60%, transparent), transparent 70%), linear-gradient(100deg, var(--clay-lit), transparent 42%), radial-gradient(70% 90% at 92% 100%, color-mix(in oklab, var(--clay-deep) 55%, transparent), transparent 70%), linear-gradient(180deg, transparent 50%, color-mix(in oklab, var(--clay-shade) 75%, transparent)), var(--tex-cotton);position:absolute;inset:0}.ocarina-cast{z-index:0;background:oklch(var(--clay-cast) / .2);filter:blur(14px);position:absolute;inset:0;transform:translate(12px,12px)scale(.985)}.ocarina-mouth{z-index:0;background:linear-gradient(180deg, var(--clay-lit), var(--clay) 55%, var(--clay-shade));width:90px;height:30%;box-shadow:10px 10px 18px -10px oklch(var(--clay-cast) / .4);border-radius:14px 8px 8px 14px;position:absolute;top:34%;left:-54px}.ocarina-mouth:before{content:"";background:var(--windway);border-radius:0 2px 2px 0;width:14px;height:4px;position:absolute;top:44%;left:0}.ocarina-window{background:var(--windway);width:24px;height:16px;box-shadow:inset 0 -3px 0 var(--clay-deep), 0 1px 0 color-mix(in oklab, var(--clay-sheen) 50%, transparent);border-radius:4px 4px 3px 3px;position:absolute;top:37%;left:3.2%}.ocarina-window:after{content:"";background:var(--breath);opacity:0;transition:opacity var(--dur-micro) var(--ease-out);border-radius:2px;position:absolute;inset:3px 4px 6px}.ocarina[data-playing] .ocarina-window:after{opacity:.55}.ocarina-notes{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:14% 14% 14% 9%}.note{left:calc(var(--x) / var(--cols) * 100% + 3px);width:calc(var(--w) / var(--cols) * 100% - 6px);padding-bottom:var(--space-xs);border-radius:var(--radius-stock);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out), opacity var(--dur-short) var(--ease-out);justify-content:center;align-items:flex-end;display:flex;position:absolute}.note--natural{z-index:1;background:var(--color-cotton) var(--tex-cotton);box-shadow:var(--edge-stock), 3px 4px 6px -3px oklch(var(--clay-cast) / .55);color:var(--color-print)}.note--sharp{z-index:2;background:var(--color-board);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-board-type) 18%, transparent), 3px 4px 6px -3px oklch(var(--clay-cast) / .6);color:var(--color-board-type)}.ocarina[data-tiers="1"] .note--sharp{height:40%;top:0}.ocarina[data-tiers="1"] .note--natural{height:55%;top:45%}.ocarina[data-tiers="2"] .note--sharp{top:calc((1 - var(--tier)) * 55%);height:19%}.ocarina[data-tiers="2"] .note--natural{top:calc((1 - var(--tier)) * 55% + 21%);height:24%}.note-label{font-size:var(--text-sm);pointer-events:none;font-weight:600;line-height:1}.note--natural .note-label{text-shadow:.5px .75px 0 var(--color-cotton)}.note:hover{transform:translateY(-1px)}.note.is-down{transform:translateY(1px)scale(.985)}.note--natural.is-down{background-color:var(--color-paper-2);box-shadow:var(--press-groove)}.note--sharp.is-down{background-color:var(--color-ink-2);box-shadow:inset 1px 2px 3px oklch(var(--deep) / .6)}.note-label.is-muted{color:var(--color-muted);font-weight:500}.note--sharp .note-label.is-muted{color:color-mix(in oklab, var(--color-board-type) 62%, transparent)}.note--natural.is-sounding{box-shadow:var(--press-groove), inset 0 -3px 0 var(--color-paid)}.note--sharp.is-sounding{box-shadow:inset 1px 2px 3px oklch(var(--deep) / .6), inset 0 -3px 0 var(--color-accent)}.note.is-sounding .note-label{color:var(--color-paid)}.note--sharp.is-sounding .note-label{color:var(--color-accent)}.note.is-out{opacity:.32;cursor:not-allowed}.ocarina-status{z-index:3;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-input);background:var(--color-cotton) var(--tex-cotton);box-shadow:var(--edge-stock), var(--cast-stock);color:var(--color-ink-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;position:absolute;bottom:0;right:18%;transform:translateY(50%)}.ocarina-status:empty{box-shadow:none;background:0 0;padding:0}.ocarina-hint{z-index:3;white-space:nowrap;max-width:calc(100% - 2 * var(--space-md));padding:var(--space-xs) var(--space-md);border-radius:var(--radius-stock);background:var(--color-cotton) var(--tex-cotton);box-shadow:var(--edge-stock), var(--cast-stock-lift);color:var(--color-print);font-size:var(--text-sm);text-align:center;pointer-events:none;margin:0;font-weight:500;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}@media (width<=60rem){.ocarina{margin-inline:var(--space-xl) 0}}@media (width<=40rem){.stage{gap:var(--space-md);padding-block:var(--space-xs) var(--space-xl)}h1{font-size:var(--text-2xl)}.lead{font-size:var(--text-md)}.panel{margin-inline:calc(-1 * var(--space-xs));padding:var(--space-md) var(--space-sm) var(--space-lg)}.oc{gap:var(--space-lg)}.oc-controls{gap:var(--space-xs) var(--space-md)}.ctl--sound{flex:100%}.ctl--sound .select,.ctl--sound select{flex:auto;width:100%;min-width:0}.fader{width:84px}.ocarina{height:324px;margin-inline:var(--space-lg) 0}.ocarina-hint{white-space:normal;width:max-content}.ocarina-mouth{width:54px;height:16%;top:42%;left:-30px}.ocarina-status{right:50%;transform:translate(50%,50%)}.ocarina-window{width:14px;height:22px;top:45%;left:4px}.ocarina-notes{inset:7% 5% 7% 8%}.note{left:calc(var(--x) / var(--cols) * 100% + 2px);width:calc(var(--w) / var(--cols) * 100% - 4px);padding-bottom:var(--space-2xs)}}.section{padding-block:var(--space-2xl);border-top:1px solid var(--color-rule)}.section-intro{max-width:60ch;margin-top:var(--space-sm);color:var(--color-ink-2)}.howto-grid{gap:var(--space-2xl) var(--gap-columns);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.steps{gap:var(--space-sm);margin:var(--space-lg) 0 0;counter-reset:step;padding:0;list-style:none;display:grid}.steps li{max-width:52ch;padding-left:var(--space-xl);counter-increment:step;position:relative}.steps li:before{content:counter(step);border-radius:var(--radius-input);background:var(--color-cotton) var(--tex-cotton);width:28px;height:28px;box-shadow:var(--edge-stock), var(--cast-stock);color:var(--color-print);font-size:var(--text-sm);place-items:center;font-weight:600;display:grid;position:absolute;top:0;left:0}.keymap{gap:var(--space-lg);justify-items:start;display:grid}.keymap figure{width:fit-content;max-width:100%;padding:var(--space-lg);border-radius:var(--radius-card);background-color:var(--color-desk);background-image:radial-gradient(90% 120% at 0% 30%, var(--color-cotton), transparent 62%), var(--tex-desk);box-shadow:inset 0 0 0 1px var(--color-rule);margin:0}.keymap figure:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.keymap figcaption{margin-bottom:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);font-weight:500}.keymap-row{--cap:58px;--cap-gap:6px;gap:var(--cap-gap);margin:0;padding:0;list-style:none;display:flex}.keymap-row--black{padding-left:calc(var(--cap) / 2 + var(--cap-gap) / 2);margin-bottom:var(--cap-gap)}.keycap{align-content:center;place-items:center;gap:var(--space-3xs);flex:0 0 var(--cap);border-radius:var(--radius-input);background:var(--color-cotton) var(--tex-cotton);height:56px;box-shadow:var(--edge-stock), var(--cast-stock);color:var(--color-print);display:grid}.keycap b{font-size:var(--text-md);font-weight:600;line-height:1}.keycap span{color:var(--color-muted);font-size:var(--text-xs);line-height:1}.keycap--black{background:var(--color-board);box-shadow:var(--cast-stock);color:var(--color-board-type)}.keycap--black span{color:color-mix(in oklab, var(--color-board-type) 72%, transparent)}.keymap-gap{visibility:hidden}.sound-list{margin:var(--space-xl) 0 0;border-top:1px solid var(--color-rule);padding:0;list-style:none;display:grid}.sound{gap:var(--space-xs) var(--gap-columns);padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule);grid-template-columns:minmax(0,3fr) minmax(0,6fr) auto;align-items:center;display:grid}.sound p{color:var(--color-ink-2)}.sound .card-btn{justify-self:end;min-width:9.5rem}.about-cols{gap:var(--space-lg) var(--gap-columns);margin-top:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.about-cols p{color:var(--color-ink-2)}.faq-list{margin:var(--space-xl) 0 0;border-top:1px solid var(--color-rule);padding:0;list-style:none}.faq-list li{border-bottom:1px solid var(--color-rule)}.faq-list summary{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:64px;padding-block:var(--space-sm);font-size:var(--text-lg);letter-spacing:-.01em;cursor:pointer;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--color-ink-2)}.faq-list summary svg{fill:none;width:16px;height:16px;stroke:var(--color-muted);stroke-width:1.6px;transition:transform var(--dur-short) var(--ease-out);flex-shrink:0}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{max-width:68ch;padding-bottom:var(--space-lg);color:var(--color-ink-2)}.ad{padding-block:var(--space-xl)}.ad-box{min-height:280px}.ad:has(ins[data-ad-status=unfilled]){display:none}.footer{padding-block:var(--space-2xl) var(--space-xl);border-top:1px solid var(--color-rule);background:var(--color-paper-2)}.footer-grid{gap:var(--space-lg);display:grid}.footer-langs{gap:var(--space-2xs) var(--space-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-langs a{min-height:40px;color:var(--color-ink-2);font-size:var(--text-sm);align-items:center;text-decoration:none;display:inline-flex}.footer-langs a:hover{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent-2)}.footer-langs a[aria-current=page]{color:var(--color-ink);font-weight:600}.footer-bottom{gap:var(--space-xs) var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;display:flex}.footer-bottom a{min-height:40px;color:var(--color-ink-2);align-items:center;display:inline-flex}.footer-bottom a:hover{text-decoration-color:var(--color-accent-2)}.prose{padding-block:var(--space-xl) var(--space-3xl)}.prose h1{margin-bottom:var(--space-lg)}.prose h2{margin:var(--space-xl) 0 var(--space-sm)}.prose p{max-width:68ch;margin-bottom:var(--space-sm);color:var(--color-ink-2);line-height:1.65}.prose a:not(.card-btn){text-decoration-color:var(--color-accent-2)}.back{margin-top:var(--space-xl)}@media (width<=60rem){.keymap-row{--cap:48px}.howto-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.about-cols{grid-template-columns:minmax(0,1fr)}}@media (width<=40rem){.section{padding-block:var(--space-xl)}.keymap figure{padding:var(--space-md) var(--space-sm);overflow-x:auto}.keymap-row{--cap:30px;--cap-gap:3px}.keycap{height:44px}.keycap b{font-size:var(--text-sm)}.sound{grid-template-columns:minmax(0,1fr)}.sound .card-btn{justify-self:start}}@media (prefers-reduced-motion:reduce){.note,.card-btn,.stepper-btn,.select select,.lang summary,.seg:before,.seg-btn,.ocarina-window:after,.faq-list summary svg{transition:none}}html,body{overflow-x:clip}