@font-face{font-family:Fraunces Soft;src:url(/fraunces-soft.woff2) format("woff2");font-weight:620;font-display:swap}:root{--sapin: #1c3426;--creme: #faf9f6;--mousse: #a3a9a2;--lichen: #8c948c;--sous-bois: #4a5a4e;--ligne: #e2e0da;--ligne-soft: #ecebe4;--tint: #f1efe8;--ink-wash: rgba(28, 52, 38, .06);--display: "Fraunces Soft", Georgia, "Times New Roman", serif;--body: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "SF Mono", "Cascadia Code", ui-monospace, Consolas, monospace;--rebond: cubic-bezier(.34, 1.56, .64, 1);--topbar-h: 56px;--side-w: 268px;--toc-w: 220px;--maxw: 1480px;--radius: 12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--creme);color:var(--sapin);font-family:var(--body);line-height:1.65;font-size:15.5px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}code,pre{font-family:var(--mono)}::selection{background:var(--sapin);color:var(--creme)}.handle{display:inline-flex;align-items:center;flex-shrink:0}.handle__node{width:8px;height:8px;border-radius:50%;background:var(--sapin)}.handle:after{content:"";width:22px;height:1.5px;background:var(--lichen)}.topbar{position:sticky;top:0;z-index:80;background:#faf9f6db;-webkit-backdrop-filter:saturate(150%) blur(8px);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid var(--ligne)}.topbar__inner{height:var(--topbar-h);max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px;padding:0 22px}.topbar__tools{display:contents}.topbar__badge{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--sous-bois);border:1px solid var(--ligne);padding:2px 8px;border-radius:20px;white-space:nowrap}.topbar__menu{display:none;align-items:center;justify-content:center;width:36px;height:36px;margin-left:-8px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--sapin);cursor:pointer;transition:background .16s ease-out,border-color .16s ease-out}.topbar__menu:hover{background:var(--tint);border-color:var(--ligne)}.topbar__menu svg{display:block}.topbar__spacer{flex:1}.topbar__links{display:flex;gap:18px;font-size:14px;color:var(--sous-bois)}.topbar__link{display:inline-flex;align-items:center;transition:color .16s ease-out}.topbar__link:hover{color:var(--sapin)}.topbar__link-icon{display:none;line-height:0}.scrim,.drawer-foot{display:none}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand__word{display:block;width:168px;height:auto}.brand__sub{color:var(--lichen);font-weight:500;font-size:13px;margin-left:1px}.search{margin-left:6px;flex:0 1 260px;display:flex;align-items:center;gap:8px;background:var(--creme);border:1px solid var(--ligne);border-radius:9px;padding:6px 11px}.search__input{border:0;background:transparent;outline:none;color:var(--sapin);font-size:13.5px;width:100%;font-family:var(--body)}.search__input::placeholder{color:var(--lichen)}.search__key{font-family:var(--mono);font-size:11px;color:var(--lichen);border:1px solid var(--ligne);border-radius:5px;padding:0 5px}.layout{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr) var(--toc-w);max-width:var(--maxw);margin:0 auto}.sidebar{position:sticky;top:var(--topbar-h);align-self:start;height:calc(100vh - var(--topbar-h));overflow-y:auto;padding:22px 14px 60px;border-right:1px solid var(--ligne)}.sidebar:focus{outline:none}.sidebar__group{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--lichen);margin:22px 12px 8px}.sidebar__group:first-child{margin-top:4px}.sidebar__link{display:block;padding:6px 12px;border-radius:8px;font-size:14px;color:var(--sous-bois);border-left:2px solid transparent;margin:1px 0;transition:background .16s ease-out,color .16s ease-out}.sidebar__link:hover{background:var(--tint);color:var(--sapin)}.sidebar__link--active{color:var(--sapin);background:var(--ink-wash);font-weight:600;border-left-color:var(--sapin)}.sidebar__link--hidden{display:none}.content{min-width:0;padding:38px 52px 120px;max-width:880px}.content__title{font-family:var(--display);font-weight:620;font-size:38px;letter-spacing:-.01em;line-height:1.1;margin:0 0 14px}.content__lead{font-size:18px;color:var(--sous-bois);margin:0;max-width:680px;line-height:1.6}.content__lead code{font-family:var(--mono);font-size:.86em;background:var(--tint);padding:1px 5px;border-radius:5px}.content__lead strong{color:var(--sapin)}.breadcrumb{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--lichen);margin-bottom:12px;text-transform:uppercase}.breadcrumb__sep{margin:0 7px;color:var(--ligne)}.breadcrumb__link{color:var(--lichen);transition:color .16s ease-out}.breadcrumb__link:hover{color:var(--sapin);text-decoration:underline}.breadcrumb__current{color:var(--sous-bois)}.doc{padding:40px 0;border-top:1px solid var(--ligne-soft);scroll-margin-top:calc(var(--topbar-h) + 16px)}.doc__head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.doc__title{font-family:var(--display);font-weight:620;font-size:24px;letter-spacing:-.01em;margin:0}.doc__tagline{color:var(--sous-bois);margin:0 0 0 34px;font-size:15px}.doc__prose{color:var(--sous-bois);max-width:680px;margin-top:16px}.doc__prose code{font-family:var(--mono);background:var(--tint);border:1px solid var(--ligne-soft);padding:1px 5px;border-radius:5px;font-size:12.5px;color:var(--sapin)}.doc__prose strong{color:var(--sapin);font-weight:600}.doc__prose em{color:var(--sapin);font-style:normal;font-weight:500}.demo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}@media(max-width:1180px){.demo{grid-template-columns:1fr}}.demo__live{background:#fff;border:1px solid var(--ligne);border-radius:var(--radius);display:flex;flex-direction:column;min-height:200px;overflow:hidden}.demo__stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:24px;gap:14px;min-height:156px;overflow:hidden;background:var(--tint)}.demo__note{position:absolute;top:10px;left:14px;font-family:var(--mono);font-size:11px;color:var(--lichen)}.demo__controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:12px 14px;border-top:1px solid var(--ligne);background:#fff}.demo__code{display:flex;flex-direction:column;border:1px solid var(--sapin);border-radius:var(--radius);overflow:hidden;background:var(--sapin)}.demo__codebar{padding:8px 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mousse);background:#16271d;border-bottom:1px solid #16271d}.code{margin:0;padding:16px;overflow-x:auto;background:var(--sapin);flex:1;font-size:12.5px;line-height:1.7}.code__body{color:#e6e3d8}.tok--kw{color:#faf9f6;font-weight:600}.tok--str{color:#c2cbb9}.tok--num{color:#cfc9b6}.tok--fn{color:#f0ecdd}.tok--com{color:var(--mousse);font-style:italic}.api{margin-top:18px;border:1px solid var(--ligne);border-radius:10px;overflow:hidden}.api__summary{cursor:pointer;padding:10px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--sous-bois);background:var(--tint)}.api[open] .api__summary{border-bottom:1px solid var(--ligne)}.toc{position:sticky;top:var(--topbar-h);align-self:start;height:calc(100vh - var(--topbar-h));overflow-y:auto;padding:38px 18px}.toc__title{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--lichen);margin-bottom:12px}.toc__link{display:block;font-size:13px;color:var(--sous-bois);padding:5px 10px;border-left:2px solid var(--ligne);cursor:pointer;transition:color .16s ease-out}.toc__link:hover{color:var(--sapin)}.toc__link--active{color:var(--sapin);border-left-color:var(--sapin);font-weight:600}.btn{background:#fff;color:var(--sapin);border:1px solid var(--ligne);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;font-family:var(--body);transition:border-color .16s ease-out,background .16s ease-out}.btn:hover{border-color:var(--sapin);background:var(--tint)}.btn:active{transform:scale(.97);transition:transform .12s var(--rebond)}.btn--replay{margin-left:auto;color:var(--sous-bois)}.field{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--sous-bois)}.field__value{min-width:3ch;text-align:right;color:var(--sapin);font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:12px}.field__select{background:#fff;color:var(--sapin);border:1px solid var(--ligne);border-radius:7px;padding:4px 8px;font-size:13px;font-family:var(--body)}.field__input[type=range],.field__check[type=checkbox]{accent-color:var(--sapin)}.obj{flex-shrink:0}.obj--chip{width:52px;height:52px;border-radius:12px;background:var(--sapin);will-change:transform}.obj--swatch{width:96px;height:96px;border-radius:16px;background:var(--sapin);will-change:background-color}.obj--bar{height:60px;border-radius:10px;background:var(--sapin);will-change:width}.obj--dot{width:14px;height:14px;border-radius:50%;background:var(--sapin);will-change:transform}.obj--card{width:130px;height:86px;border-radius:14px;background:#fff;border:1px solid var(--ligne);will-change:box-shadow}@media(max-width:1180px){.toc{display:none}.layout{grid-template-columns:var(--side-w) minmax(0,1fr)}}@media(min-width:821px){.sidebar{transform:none!important}}@media(max-width:820px){.layout{grid-template-columns:1fr}.content{padding:28px 20px 96px}.content__title{font-size:30px}.content__lead{font-size:16px}.doc{padding:32px 0}.topbar{background:var(--creme);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar__menu{display:inline-flex}.topbar__inner{gap:10px;padding:0 14px}.topbar__link-text{display:none}.topbar__link-icon{display:block}.sidebar{--drawer-pad: 72px;position:fixed;top:var(--topbar-h);left:calc(-1 * var(--drawer-pad));bottom:auto;height:calc(100vh - var(--topbar-h));height:calc(100svh - var(--topbar-h));width:calc(min(320px,84vw) + var(--drawer-pad));z-index:70;padding:4px 14px 40px calc(14px + var(--drawer-pad));background:var(--creme);border-right:1px solid var(--ligne);box-shadow:18px 0 40px -28px #1c342673;transform:translate(-100%);visibility:hidden;overscroll-behavior:contain}.sidebar>.topbar__tools{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:12px;padding:12px 2px 14px;margin-bottom:4px;border-bottom:1px solid var(--ligne-soft)}.sidebar>.topbar__tools .search{flex:0 0 auto;width:100%;margin-left:0}.sidebar>.topbar__tools .search__key{display:none}.scrim{position:fixed;top:var(--topbar-h);left:0;right:0;bottom:auto;height:calc(100vh - var(--topbar-h));height:calc(100svh - var(--topbar-h));z-index:60;background:#1c342657;opacity:0;pointer-events:none}.drawer-foot{position:fixed;left:0;right:0;bottom:-8px;min-height:12px;background:var(--creme);z-index:65;pointer-events:none}body.nav-open{overflow:hidden}body.nav-open .sidebar{visibility:visible}body.nav-open .scrim{display:block;pointer-events:auto}body.nav-open .drawer-foot{display:block}}.scroller{position:relative;width:100%;max-width:264px;height:190px;overflow-y:auto;border:1px solid var(--ligne);border-radius:10px;background:#fff;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mousse) transparent}.scroller__hint{position:sticky;top:0;z-index:2;display:block;padding:6px 0 8px;text-align:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mousse);background:linear-gradient(#fff 55%,transparent);pointer-events:none}.scroller__rail{position:relative;min-height:460px;padding:0 16px 16px}.scroller__rail--tall{min-height:720px}.scroller__rail--list{display:flex;flex-direction:column;gap:16px;min-height:0;padding:4px 16px 130px}.scroller__rail--flush{min-height:0;padding:0}.scroller__layers{position:sticky;top:60px;display:flex;align-items:center;justify-content:center;height:84px;gap:26px}.scroller__layer--far{opacity:.4}.scroller__layer--mid{opacity:.68}.scroller__item{display:flex;align-items:center;justify-content:center;width:100%;height:62px;will-change:transform,opacity}.scroller__num{font-family:var(--display);font-weight:620;font-size:20px;color:var(--sapin)}.scroller__filler{height:100%}.scrubcmp{position:sticky;top:38px;display:flex;flex-direction:column;gap:16px;padding:0 8px}.scrubcmp__lane{display:flex;flex-direction:column;gap:6px}.scrubcmp__tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mousse)}.scrubcmp__rail{position:relative;height:32px}.scrubcmp__chip{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:9px;background:var(--sapin);will-change:transform}.scrubcmp__chip--trail{opacity:.7}.snapitem{display:flex;align-items:center;justify-content:center;height:92px;background:var(--sapin);color:var(--creme)}.snapitem:nth-child(2n){background:var(--sous-bois)}.snapitem__n{font-family:var(--display);font-weight:620;font-size:34px}.snapstatus{font-family:var(--mono);font-size:12px;color:var(--sous-bois);font-variant-numeric:tabular-nums}.scrollcol{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.meter{display:flex;flex-direction:column;align-items:center;gap:8px;width:200px}.meter__track{width:100%;height:8px;border-radius:999px;background:var(--ink-wash);overflow:hidden}.meter__fill{height:100%;background:var(--sapin);transform-origin:left center;transform:scaleX(0);will-change:transform}.meter__label{font-family:var(--mono);font-size:12px;color:var(--sous-bois);font-variant-numeric:tabular-nums}@media(max-width:440px){.content{padding:24px 16px 80px}.content__title{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:active{transform:none}}