@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: oklch(.17 .035 285);--surface: oklch(.22 .04 285);--surface-2: oklch(.26 .045 285);--line: oklch(.32 .04 285);--ink: oklch(.95 .01 285);--ink-muted: oklch(.76 .02 285);--amber: oklch(.8 .14 80);--amber-deep: oklch(.68 .15 70);--stage: oklch(.2 .05 285);--display: "Bricolage Grotesque Variable", -apple-system, sans-serif}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,4vw,2rem);border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-weight:700;font-size:1.1rem;text-decoration:none;color:var(--ink)}nav .links{display:flex;gap:.4rem}nav .links a{font-family:var(--display);font-weight:600;text-decoration:none;color:var(--ink-muted);padding:.35rem .9rem;border-radius:999px;transition:color .15s ease-out,background .15s ease-out}nav .links a:hover{color:var(--ink);background:var(--surface-2)}nav .links a.active{color:var(--stage);background:var(--amber)}main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:1.25rem clamp(1rem,4vw,2rem) 3rem}nav .links a.back{border:1px solid var(--line)}nav .lang{display:flex;align-items:center;gap:.2rem;margin-left:.35rem;padding:.2rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}nav .lang a{display:flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:999px;font-family:var(--display);font-weight:700;font-size:.85rem;color:var(--ink-muted);text-decoration:none;transition:color .15s ease-out,background .15s ease-out}nav .lang a svg{width:21px;height:auto;border-radius:3px;display:block;box-shadow:0 0 0 1px #ffffff26}nav .lang a:hover{color:var(--ink);background:var(--surface-2)}nav .lang a.on{color:var(--stage);background:var(--amber)}@media(max-width:560px){nav .lang a span{display:none}nav .lang a{padding:.25rem .45rem}}footer{text-align:center;padding:1.25rem;color:var(--ink-muted);font-size:.85rem;border-top:1px solid var(--line)}h1,h2,h3{font-family:var(--display);line-height:1.2;text-wrap:balance;font-weight:700}h1{font-size:2rem;margin:.5rem 0 .75rem}h2{font-size:1.45rem;margin:2.25rem 0 .75rem}h3{font-size:1.1rem;margin:1.25rem 0 .4rem}p{max-width:70ch;text-wrap:pretty}a{color:var(--amber);text-underline-offset:2px}a:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:3px}ul,ol{padding-left:1.3rem;margin:.4rem 0}li{margin:.25rem 0}html.rockout{animation:rockhue 3.5s ease-out}@keyframes rockhue{0%,to{filter:none}20%{filter:hue-rotate(60deg) saturate(1.6)}50%{filter:hue-rotate(-50deg) saturate(1.8)}80%{filter:hue-rotate(30deg) saturate(1.4)}}.rockon{position:fixed;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:clamp(2.5rem,9vw,5.5rem);font-weight:800;color:var(--amber);text-shadow:0 0 40px oklch(.8 .14 80 / .8);pointer-events:none;z-index:10;animation:rockpop 3.5s cubic-bezier(.22,1,.36,1) forwards}@keyframes rockpop{0%{transform:scale(.2) rotate(-8deg);opacity:0}12%{transform:scale(1.1) rotate(2deg);opacity:1}18%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}