:root{color-scheme:dark;--bg:light-dark(oklch(98.5% .004 290),oklch(14.5% .028 285));--bg-2:light-dark(oklch(100% 0 0),oklch(17.8% .032 285));--surface:light-dark(oklch(95.5% .008 290),oklch(21.5% .036 285));--surface-2:light-dark(oklch(92.5% .012 290),oklch(26% .04 285));--rule:light-dark(oklch(90% .012 290),oklch(28.5% .036 285));--rule-2:light-dark(oklch(84% .02 290),oklch(36% .045 285));--ink:light-dark(oklch(20% .03 285),oklch(97% .008 285));--ink-2:light-dark(oklch(42% .03 285),oklch(80% .02 285));--ink-3:light-dark(oklch(50% .025 285),oklch(70% .025 285));--zera:light-dark(oklch(56% .22 356),oklch(72% .19 356));--zera-ink:light-dark(oklch(50% .21 356),oklch(82% .13 356));--zera-soft:light-dark(oklch(95% .035 356),oklch(29% .08 356));--zera-solid:oklch(56% .22 356);--on-zera:oklch(99% .01 356);--violet:light-dark(oklch(50% .2 292),oklch(68% .18 292));--violet-soft:light-dark(oklch(94% .035 292),oklch(27% .07 292));--cyan:light-dark(oklch(50% .11 215),oklch(83% .12 210));--cyan-soft:light-dark(oklch(94% .03 215),oklch(26% .05 230));--amber:light-dark(oklch(50% .12 70),oklch(84% .13 80));--amber-soft:light-dark(oklch(95% .04 85),oklch(27% .05 70));--glow-a:light-dark(oklch(80% .12 356/.35),oklch(50% .22 356/.32));--glow-b:light-dark(oklch(80% .1 292/.35),oklch(45% .2 292/.36));--font-display:"Bricolage Grotesque", "Be Vietnam Pro", system-ui, sans-serif;--font-body:"Be Vietnam Pro", system-ui, -apple-system, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--wrap:min(100% - clamp(2rem, 5vw, 4rem), 1200px);--header-h:68px;--z-sticky:10;--z-backdrop:20;--z-drawer:30}:root[data-theme=light]{color-scheme:light}@media (prefers-color-scheme:light){:root[data-theme=system]{color-scheme:light}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--bg);color:var(--ink);font:400 1rem/1.6 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:1.15}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--zera);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{width:var(--wrap);margin-inline:auto;padding-block:clamp(2rem,5vw,3.5rem) 4.5rem}.page-head{gap:8px;margin-bottom:clamp(1.75rem,3vw,2.5rem);display:grid}.page-head h1{letter-spacing:-.025em;font-size:clamp(2.1rem,1.5rem + 2.4vw,3.1rem);font-weight:750}.page-head p{color:var(--ink-2);max-width:62ch;font-size:1.0625rem}.section{margin-top:clamp(3rem,6vw,4.5rem)}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:18px;display:flex}.section-head h2{letter-spacing:-.015em;font-size:clamp(1.35rem,1.1rem + .8vw,1.65rem);font-weight:700}.section-head a{color:var(--zera-ink);white-space:nowrap;align-items:center;gap:6px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.section-head a:hover{text-underline-offset:3px;text-decoration:underline}.section-head a svg{width:16px;height:16px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px;display:grid}.btn{background:var(--zera-solid);min-height:40px;color:var(--on-zera);cursor:pointer;transition:transform .3s var(--ease-out), filter .2s, background-color .2s;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.9375rem;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.97)}.btn svg{width:17px;height:17px;transition:transform .3s var(--ease-out)}.btn:hover svg{transform:translate(2px)}.btn.soft{background:var(--zera-soft);color:var(--zera-ink)}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule-2);background:0 0}.btn.ghost:hover{background:var(--surface);filter:none}kbd{font:600 .6875rem/1 var(--font-body);background:var(--surface);color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--rule);border-radius:6px;padding:4px 6px}:root:not([data-os=mac]) .k-mac,[data-os=mac] .k-pc{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip{z-index:var(--z-drawer);background:var(--ink);color:var(--bg);border-radius:8px;padding:.6rem 1rem;position:fixed;top:-4rem;left:1rem}.skip:focus{top:1rem}a,button{-webkit-tap-highlight-color:transparent}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.app-icon svg{stroke:none}main{outline:none;min-height:70vh}.wordmark{color:var(--ink);font:800 1.375rem/1 var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark img{border-radius:50%}.wm-the{color:var(--zera);font-weight:600}.site-head{z-index:var(--z-sticky);border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s;position:sticky;top:0}.site-head.scrolled,.nav-open .site-head{background:color-mix(in oklch, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);border-bottom-color:var(--rule)}.bar{width:var(--wrap);height:var(--header-h);align-items:center;gap:28px;margin-inline:auto;display:flex}.links{gap:4px;margin-inline:auto;display:flex}.links a{color:var(--ink-2);border-radius:8px;padding:8px 14px;font-size:.9375rem;font-weight:550;text-decoration:none;transition:color .2s;position:relative}.links a:hover{color:var(--ink)}.links a[aria-current=page]{color:var(--ink);font-weight:650}.links a[aria-current=page]:after{content:"";background:var(--zera);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:14px;right:14px}.actions{align-items:center;gap:8px;display:flex}.search-pill{border:1px solid var(--rule);background:var(--bg-2);min-width:190px;height:38px;color:var(--ink-3);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:0 8px 0 12px;font-size:.875rem;transition:border-color .2s,color .2s;display:flex}.search-pill:hover{border-color:var(--rule-2);color:var(--ink-2)}.search-pill svg{flex:none;width:17px;height:17px}.search-pill span{text-align:left;flex:1}.icon-btn{border:1px solid var(--rule);background:var(--bg-2);width:38px;height:38px;color:var(--ink-2);cursor:pointer;border-radius:10px;place-items:center;font-size:.75rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s;display:grid}.icon-btn:hover{border-color:var(--rule-2);color:var(--ink)}.icon-btn svg{width:18px;height:18px}.th{display:none}[data-theme=dark] .th-dark,[data-theme=light] .th-light,[data-theme=system] .th-system{display:block}.acct{height:38px;color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--zera) 70%, transparent);border-radius:10px;align-items:center;gap:8px;padding:0 14px 0 4px;font-size:.875rem;font-weight:650;text-decoration:none;transition:background-color .2s;display:flex}.acct:hover{background:var(--zera-soft)}.acct-av{width:30px;height:30px;color:var(--zera-ink);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden}.acct-av svg{width:19px;height:19px}.acct-av img{object-fit:cover;width:100%;height:100%}.acct.in{width:38px;box-shadow:inset 0 0 0 1px var(--rule);justify-content:center;padding:0}.acct.in .acct-name{display:none}.acct.in .acct-av{border-radius:50%;width:32px;height:32px}.menu-btn,.m-close,.nav-open .m-open{display:none}.nav-open .m-close{display:block}.drawer{display:none}@media (width<=1080px){.search-pill{justify-content:center;width:38px;min-width:0;padding:0}.search-pill span,.search-pill kbd{display:none}}@media (width<=899px){.bar{gap:12px}.links,.lang,.acct{display:none}.actions{margin-left:auto}.menu-btn{display:grid}.drawer{height:calc(100dvh - var(--header-h));background:var(--bg);border-top:1px solid var(--rule);opacity:0;visibility:hidden;transition:opacity .25s var(--ease-out), transform .35s var(--ease-out), visibility 0s linear .35s;align-content:start;gap:18px;padding:8px max(1rem,50% - 600px) 24px;display:grid;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px)}.nav-open .drawer{opacity:1;visibility:visible;transition:opacity .25s var(--ease-out), transform .35s var(--ease-out);transform:none}.drawer nav{display:grid}.drawer nav a{border-bottom:1px solid var(--rule);color:var(--ink);font:650 1.25rem/1.2 var(--font-display);padding:13px 4px;text-decoration:none}.drawer nav a[aria-current=page]{color:var(--zera-ink)}.drawer-lang{color:var(--ink-2);font-size:.9375rem;font-weight:600}.nav-open body{overflow:hidden}}.site-foot{border-top:1px solid var(--rule);background:var(--bg-2);margin-top:clamp(3rem,6vw,5rem)}.foot-in{width:var(--wrap);grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:28px 40px;margin-inline:auto;padding:40px 0 28px;display:grid}.foot-brand{align-content:start;gap:12px;display:grid}.foot-brand .wordmark{font-size:1.2rem}.foot-brand p{color:var(--ink-3);max-width:40ch;font-size:.875rem}.foot-links{align-content:start;gap:10px;display:grid}.foot-links a{color:var(--ink-2);width:fit-content;font-size:.9rem;text-decoration:none}.foot-links a:hover{color:var(--ink)}.foot-copy{width:var(--wrap);border-top:1px solid var(--rule);color:var(--ink-3);margin-inline:auto;padding:18px 0 26px;font-size:.8125rem}@media (width<=720px){.foot-in{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}.palette{border:1px solid var(--rule-2);background:var(--bg-2);width:min(620px,100vw - 24px);max-height:min(520px,76vh);color:var(--ink);border-radius:14px;margin:12vh auto auto;padding:0;overflow:hidden;box-shadow:0 6px 8px oklch(0% 0 0/.2)}.palette[open]{animation:pop .22s var(--ease-out);flex-direction:column;display:flex}.palette::backdrop{backdrop-filter:blur(3px);background:oklch(10% .03 285/.6)}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.985)}}.palette-bar{border-bottom:1px solid var(--rule);align-items:center;gap:10px;padding:0 14px;display:flex}.palette-bar svg{width:20px;height:20px;color:var(--ink-3);flex:none}.palette-bar input{background:0 0;border:0;outline:none;flex:1;height:56px;font-size:1.0625rem}.palette-bar input::-webkit-search-cancel-button{display:none}#paletteList{padding:6px;overflow-y:auto}#paletteList:empty{display:none}#paletteList a{border-radius:10px;grid-template-columns:1fr auto;gap:0 12px;padding:10px 12px;text-decoration:none;display:grid}#paletteList span{color:var(--ink-2);grid-column:1;font-size:.875rem}#paletteList small{color:var(--ink-3);grid-area:1/2/span 2;align-self:center;font-size:.75rem}#paletteList [aria-selected=true] a,#paletteList a:hover{background:var(--surface)}.palette-empty{color:var(--ink-2);padding:18px 18px 22px;font-size:.9375rem}