@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--encre:#0d2b25;--fond:#f3faf6;--pin:#00594e;--pin-fonce:#003b33;--menthe:#56d3ba;--nuit:#07211d;--soleil:#ffcf5c;--brume:#dcefe7;--display:"Bricolage Grotesque Variable", system-ui, sans-serif;--corps:"Instrument Sans Variable", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--corps);color:var(--encre);background:var(--fond);margin:0;font-size:1.0625rem;line-height:1.65}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;line-height:1.08}h2{margin:0 0 .75rem;font-size:clamp(1.9rem,4.5vw,2.75rem);font-weight:700}p{margin:.5rem 0 1rem}a{color:var(--pin);text-underline-offset:3px}a:hover{color:var(--pin-fonce)}:focus-visible{outline:3px solid var(--pin);outline-offset:3px;border-radius:2px}.skip{background:var(--pin);color:#fff;z-index:10;border-radius:0 0 .5rem .5rem;padding:.6rem 1rem;transition:translate .15s;position:absolute;inset-inline-start:1rem;translate:0 -150%}.skip:focus-visible{translate:0}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:72rem;margin-inline:auto;padding:1rem clamp(1rem,4vw,3rem);display:flex}.logo{font-family:var(--display);color:var(--encre);align-items:center;gap:.5rem;font-size:1.35rem;text-decoration:none;display:inline-flex}.logo b{color:var(--pin);font-weight:800}.site-header nav{flex-wrap:wrap;align-items:center;gap:clamp(.75rem,2.5vw,1.75rem);display:flex}.site-header nav a{font-weight:500;text-decoration:none}.site-header nav a:hover{text-decoration:underline}.nav-cta{background:var(--encre);border-radius:999px;padding:.45rem 1rem;color:var(--fond)!important}.nav-cta:hover{background:var(--pin-fonce);text-decoration:none!important}.hero{text-align:center;padding:clamp(3rem,8vw,6rem) 1rem clamp(3.5rem,8vw,6rem);position:relative;overflow:clip}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--pin);margin-bottom:1rem;font-size:.85rem}.hero h1{max-width:18ch;margin:0 auto 1rem;font-size:clamp(2.6rem,8vw,5.25rem);font-weight:800}.hero h1 em{color:var(--pin);background:linear-gradient(transparent 68%, var(--soleil) 68%, var(--soleil) 94%, transparent 94%);font-style:normal}.lede{max-width:44ch;margin:0 auto 2.5rem;font-size:clamp(1.05rem,2.2vw,1.25rem)}.drops{pointer-events:none;position:absolute;inset:0}.drops i{background:radial-gradient(circle at 32% 28%,#fffc 12%,#a8e6d64d 45%,#56d3ba26 100%);border:1px solid #56d3ba33;border-radius:50%/60% 60% 40% 40%;animation:9s ease-in-out infinite flotter;position:absolute}.drops i:first-child{width:90px;height:100px;animation-delay:0s;top:12%;left:7%}.drops i:nth-child(2){width:46px;height:52px;animation-delay:-2s;top:58%;left:13%}.drops i:nth-child(3){width:64px;height:70px;animation-delay:-4s;top:22%;right:9%}.drops i:nth-child(4){width:34px;height:38px;animation-delay:-6s;top:68%;right:16%}.drops i:nth-child(5){width:24px;height:27px;animation-delay:-3s;top:40%;left:24%}.drops i:nth-child(6){width:28px;height:31px;animation-delay:-7s;top:34%;right:26%}.drops i:nth-child(7){width:18px;height:20px;animation-delay:-5s;top:78%;left:44%}@keyframes flotter{0%,to{translate:0}50%{translate:0 -14px}}.stage{max-width:38rem;margin-inline:auto;position:relative}.stage dew-player{--dew-radius:.9rem;--dew-font:var(--corps);text-align:initial;border-radius:.9rem;box-shadow:0 1.5px 4px #07211d14,0 12px 32px -8px #00594e33}.chips{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem;display:flex}.chip{font:500 .95rem var(--corps);color:var(--encre);border:1.5px solid var(--brume);cursor:pointer;background:#fff;border-radius:999px;min-height:2.5rem;padding:.45rem 1.1rem}.chip:hover{border-color:var(--pin)}.chip.is-active{background:var(--pin);border-color:var(--pin);color:#fff}.stage-hint{color:#33544c;margin-top:1rem;font-size:.9rem}kbd{font-family:var(--mono);border:1px solid var(--brume);background:#fff;border-bottom-width:3px;border-radius:.35rem;padding:.1em .5em;font-size:.85em}main>section:not(.hero):not(.a11y){max-width:46rem;margin-inline:auto;padding:clamp(2.5rem,6vw,4.5rem) 1.25rem}.install{text-align:center}pre{text-align:left;background:var(--nuit);color:#dff5ee;font-family:var(--mono);border-radius:.9rem;margin:1.5rem 0;padding:1.25rem 1.5rem;font-size:.92rem;line-height:1.7;overflow-x:auto}pre .c{color:#7fae9f}pre .t{color:#8be3cd}pre .a{color:#ffd98a}pre .v{color:#dff5ee}code.inline{font-family:var(--mono);background:var(--brume);border-radius:.3rem;padding:.1em .4em;font-size:.9em}.args{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;display:grid;max-width:66rem!important}.args article{border:1px solid var(--brume);background:#fff;border-radius:1rem;padding:1.5rem 1.5rem 1rem}.args h3{align-items:center;gap:.6rem;margin:0 0 .5rem;font-size:1.25rem;display:flex}.args p{font-size:.98rem}.drop{background:var(--pin);border-radius:50%/62% 62% 38% 38%;flex:none;width:.85rem;height:1rem}.a11y{background:var(--nuit);color:#eafff9;padding:clamp(3rem,7vw,5.5rem) 1.25rem}.a11y-inner{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(1.5rem,5vw,4rem);max-width:66rem;margin-inline:auto;display:grid}@media (width<=46rem){.a11y-inner{grid-template-columns:1fr}}.a11y h2{color:#fff}.a11y a{color:var(--menthe)}.a11y ul{padding-inline-start:1.2rem}.a11y li{margin-block:.5rem}.a11y li::marker{color:var(--menthe)}.a11y code.inline{color:#b8f0e2;background:#133c34}.keys{background:#0c2e28;border:1px solid #1d4a41;border-radius:1rem;justify-self:center;gap:.9rem;width:min(100%,22rem);padding:1.5rem;display:grid}.keyrow{align-items:center;gap:.5rem;display:flex}.keyrow span{color:#a9d8cc;margin-inline-start:auto;font-size:.95rem}.keys kbd{color:#eafff9;text-align:center;background:#143f37;border-color:#2a5c51;min-width:2.2rem}.keys kbd.wide{padding-inline:.9em}.theming .soon{color:#33544c;font-size:.95rem}.theming .soon:before{content:"→ ";color:var(--pin)}.timeline{border-inline-start:2px solid var(--brume);margin:2rem 0 0;padding:0;list-style:none}.timeline li{padding:0 0 1.75rem 1.75rem;position:relative}.timeline li:before{content:"";background:var(--pin);border:2px solid var(--fond);border-radius:50%/62% 62% 38% 38%;width:.8rem;height:.95rem;position:absolute;top:.4rem;left:-.5rem}.timeline .year{font-family:var(--display);color:var(--pin);font-size:1.4rem;font-weight:800}.timeline p{margin-top:.25rem}.site-footer{border-top:1px solid var(--brume);flex-wrap:wrap;justify-content:space-between;gap:1rem;max-width:72rem;margin-inline:auto;padding:1.75rem clamp(1rem,4vw,3rem);font-size:.95rem;display:flex}.site-footer nav{gap:1.25rem;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drops i{animation:none}*{transition:none!important}}