@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.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(../media/bricolage-grotesque-latin-ext-wght-normal.0i4j_a8lim1a-.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(../media/bricolage-grotesque-latin-wght-normal.300rpl789hft0.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/figtree-latin-ext-wght-normal.3ui8gg3w7xij5.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/figtree-latin-wght-normal.30wi0xp2m6ck_.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}
:root{--display:"Bricolage Grotesque Variable", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--body:"Figtree Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg)}body{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.45}h1,h2,p,ul{margin:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--pop);outline-offset:2px}.site-header{justify-content:space-between;align-items:center;gap:16px;max-width:560px;margin:0 auto;padding:16px 20px 8px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.03em;background:var(--sun);border-radius:var(--r-s);padding:2px 12px 4px;font-size:26px;font-weight:800;transform:rotate(-2deg)}.site-header nav{gap:4px;display:flex}.nav-link{color:var(--ink-2);border-radius:999px;padding:8px 12px;font-weight:600}.nav-link:hover{background:var(--pop-soft);color:var(--ink)}.page{max-width:560px;margin:0 auto;padding:12px 20px 48px}.page-title{font-family:var(--display);letter-spacing:-.03em;margin:8px 0 16px;font-size:32px;font-weight:800}.stack{flex-direction:column;gap:14px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--ink-2)}.tiny{font-size:13px}.center{text-align:center}.num{font-variant-numeric:tabular-nums}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);padding:20px}.panel h2{font-family:var(--display);letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1.1}.note{border-radius:var(--r-m);padding:14px 16px}.note.mint{background:var(--mint-soft)}.note.warn{background:var(--warn-soft);color:var(--warn);font-weight:600}.btn{background:var(--ink);color:#fff;width:100%;min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:17px;font-weight:700;transition:transform 80ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn.pop{background:var(--pop)}.btn.soft{background:var(--pop-soft);color:var(--ink)}.badge-demo{background:var(--pink);color:#fff;letter-spacing:.08em;vertical-align:middle;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.pills{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pill{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.pill.ok{background:var(--mint-soft);color:#0b6b4a}.pill.demo{background:var(--pink-soft);color:#a31745}.pill.admin{background:var(--pop-soft);color:var(--pop)}.hero{border-radius:var(--r-l);background:var(--sun);flex-direction:column;gap:20px;margin-top:8px;padding:36px 24px 28px;display:flex}.hero h1{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(40px,11vw,60px);font-weight:800;line-height:.98}.points{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.points li{background:var(--card);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.points li:nth-child(odd){transform:rotate(-1.5deg)}.points li:nth-child(2n){transform:rotate(1.5deg)}.profile{align-items:center;gap:14px;display:flex}.avatar{background:var(--ink);width:60px;height:60px;color:var(--sun);font-family:var(--display);border-radius:50%;place-items:center;font-size:28px;font-weight:800;display:grid}.greeting{font-family:var(--display);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.1}.kv{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.kv b{font-size:20px}form{margin:0}.demo-page{margin-top:16px}.demo-page .panel{border:2px dashed var(--pink)}.demo-page h1{font-family:var(--display);letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1.1}.demo-note{background:var(--pink-soft);color:#a31745;font-weight:600}.chip{border:2px solid var(--line);border-radius:var(--r-m);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.chip:hover{border-color:var(--pop);background:var(--pop-soft)}@media (prefers-reduced-motion:reduce){.btn{transition:none}}