@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", system-ui, sans-serif;--corps:"Instrument Sans", 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)}.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{margin:.75rem 0 .5rem;font-size:1.25rem}.arg-ill{width:auto;height:96px;display:block}.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}}.podcasts .badge{font:600 .8rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--pin-fonce);background:var(--soleil);border-radius:999px;margin:0 0 .75rem;padding:.45em .9em;display:inline-block}.pod-list{padding-inline-start:1.2rem}.pod-list li{margin-block:.6rem}.pod-list li::marker{color:var(--pin)}:root{--ok:#1e7d43;--alerte:#9a4a00}.config{max-width:66rem!important}.config>header{max-width:46rem;margin-bottom:1.5rem}.config .grid{grid-template-columns:minmax(19rem,1fr) 1.3fr;align-items:start;gap:1.5rem;display:grid}@media (width<=52rem){.config .grid{grid-template-columns:1fr}}.config .controls{border:1px solid var(--brume);background:#fff;border-radius:1rem;gap:1.25rem;padding:1.25rem;display:grid}.config .ctl-titre{margin:0 0 .5rem;font-size:1.02rem}.config .presets{flex-wrap:wrap;gap:.5rem;display:flex}.config fieldset{border:none;border-top:1px solid var(--brume);gap:.7rem;margin:0;padding:1rem 0 0;display:grid}.config legend{padding:0 0 .35rem;font-size:1.02rem;font-weight:650}.config .row{grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;display:grid}.config .row label{font-size:.95rem}.config input[type=color]{border:1px solid var(--brume);cursor:pointer;background:#fff;border-radius:.4rem;block-size:2.2rem;inline-size:2.6rem;padding:2px}.config input.hex{font:.85rem var(--mono);border:1px solid var(--brume);border-radius:.4rem;inline-size:5.6rem;padding:.35rem .4rem}.config .row-line{grid-template-columns:1fr 2fr auto;align-items:center;gap:.6rem;display:grid}.config .row-line.deux{grid-template-columns:1fr 2fr}.config .row-line output{font:.85rem var(--mono);text-align:end;min-inline-size:3.6rem}.config input[type=range]{inline-size:100%;accent-color:var(--pin)}.config select{font:inherit;border:1px solid var(--brume);background:#fff;border-radius:.4rem;max-inline-size:100%;padding:.4rem}.config .out{gap:1.25rem;display:grid}.config .preview{border:1px solid var(--brume);background:#fff;border-radius:1rem;padding:1.5rem}.config .preview.sombre{background:#101318;border-color:#2a2f38}.config .preview-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.config .preview-bar span{color:#33544c;font-size:.85rem}.config .preview.sombre .preview-bar span{color:#a9b6b1}.config .switch{font:500 .85rem var(--corps);border:1.5px solid var(--brume);cursor:pointer;background:#fff;border-radius:999px;min-height:2.2rem;padding:.35rem .85rem}.config .contrastes{border:1px solid var(--brume);background:#fff;border-radius:1rem;padding:1.25rem}.config .contrastes h3{margin:0 0 .75rem;font-size:1.05rem}.config .pair{border-top:1px dashed var(--brume);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem 0;display:flex}.config .pair:first-of-type{border-top:none}.config .sw{border:1px solid #0002;border-radius:.3rem;flex:none;block-size:1.15rem;inline-size:1.15rem}.config .pair .lbl{flex:9rem;font-size:.92rem}.config .ratio{font:600 .9rem var(--mono)}.config .pair.ok .ratio{color:var(--ok)}.config .pair.ko .ratio{color:var(--alerte)}.config .fix{font:500 .85rem var(--corps);color:var(--encre);cursor:pointer;background:#fff8e8;border:1.5px solid #eeca6a;border-radius:999px;min-height:2.2rem;padding:.3rem .8rem}.config .fix:hover{border-color:var(--alerte)}.config .fix b{font:600 .85rem var(--mono)}.config .export{background:var(--nuit);border-radius:1rem;margin:0;padding:1.25rem}.config .export h3{color:#fff;margin:0 0 .75rem;font-size:1.05rem}.config .export-code{color:#dff5ee;font:.82rem/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border-radius:0;max-block-size:16rem;margin:0 0 1rem;padding:0;overflow:auto}.config .copier{font:600 .95rem var(--corps);color:var(--nuit);background:var(--menthe);cursor:pointer;border:none;border-radius:999px;min-height:2.6rem;padding:.6rem 1.4rem}.config .copier:hover{background:#7ce4cf}.config .copie-msg{color:#b8f0e2;margin-inline-start:.75rem;font-size:.9rem;display:inline-block}.playlist-demo dew-player{--dew-radius:.9rem;--dew-font:var(--corps)}.episodes{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.episode{text-align:start;inline-size:100%;font:inherit;color:var(--encre);border:1.5px solid var(--brume);cursor:pointer;background:#fff;border-radius:.75rem;align-items:center;gap:.85rem;min-height:3.5rem;padding:.6rem .85rem;display:flex}.episode:hover{border-color:var(--pin)}.episode[aria-current=true]{border-color:var(--pin);box-shadow:inset 4px 0 0 var(--pin);background:#e9f7f1}.episode .cover{color:#fff;block-size:2.75rem;inline-size:2.75rem;font:700 1.1rem var(--display);border-radius:.6rem;flex:none;place-items:center;display:grid}.cover.c1{background:linear-gradient(135deg,#00594e,#56d3ba)}.cover.c2{background:linear-gradient(135deg,#e05d0d,#ffcf5c)}.cover.c3{background:linear-gradient(135deg,#7c2d8e,#00594e)}.ep-meta{display:grid}.ep-dur{font:.85rem var(--mono);color:#33544c}dew-player[theme=classic],.dew-theme-classic{--dew-bg:#ececec;--dew-fg:#1c2733;--dew-accent:#1d5a99;--dew-accent-fg:#fff;--dew-track:#bfc7cf;--dew-radius:999px;--dew-font:"Trebuchet MS", system-ui, sans-serif}dew-player[theme=dark],.dew-theme-dark{--dew-bg:#16181d;--dew-fg:#e8eaed;--dew-accent:#4cc2ad;--dew-accent-fg:#0b0d10;--dew-track:#3a3f47;--dew-focus-ring:2px solid #4cc2ad}@media (prefers-color-scheme:dark){dew-player[theme=auto]{--dew-bg:#16181d;--dew-fg:#e8eaed;--dew-accent:#4cc2ad;--dew-accent-fg:#0b0d10;--dew-track:#3a3f47;--dew-focus-ring:2px solid #4cc2ad}}