@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(../media/big-shoulders-display-vietnamese-800-normal.0k789uff9ljen.woff2)format("woff2"),url(../media/big-shoulders-display-vietnamese-800-normal.0taz_p8uibqz9.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:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(../media/big-shoulders-display-latin-ext-800-normal.3lodzqlh9q-m5.woff2)format("woff2"),url(../media/big-shoulders-display-latin-ext-800-normal.27ppailk-espg.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:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(../media/big-shoulders-display-latin-800-normal.1vo6o8_w09nhx.woff2)format("woff2"),url(../media/big-shoulders-display-latin-800-normal.1m71mbrztjm7n.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:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(../media/big-shoulders-display-vietnamese-900-normal.1f9ic1e_gk5px.woff2)format("woff2"),url(../media/big-shoulders-display-vietnamese-900-normal.2pd19p3e1badk.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:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(../media/big-shoulders-display-latin-ext-900-normal.3ezt71t7msnjq.woff2)format("woff2"),url(../media/big-shoulders-display-latin-ext-900-normal.2q19tv-q6lvuk.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:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(../media/big-shoulders-display-latin-900-normal.01p7x-2yx0eag.woff2)format("woff2"),url(../media/big-shoulders-display-latin-900-normal.0aqtvbz4n1sq9.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-vietnamese-wght-normal.3cb37nm8mowb2.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-latin-ext-wght-normal.3m-fabn93du09.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-latin-wght-normal.1_q0qa17ptz5n.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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-mono-latin-ext-400-normal.0_-sohr84qyir.woff2)format("woff2"),url(../media/dm-mono-latin-ext-400-normal.17hicw0t-pj96.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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-mono-latin-400-normal.3--he8xuwzehy.woff2)format("woff2"),url(../media/dm-mono-latin-400-normal.20yxb24gp-vsx.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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dm-mono-latin-ext-500-normal.3a8zr77el0ebr.woff2)format("woff2"),url(../media/dm-mono-latin-ext-500-normal.18ptt7gd5u8o6.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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dm-mono-latin-500-normal.03h2ib040oua6.woff2)format("woff2"),url(../media/dm-mono-latin-500-normal.3kj_vp6qk8arx.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{--of-violet:#a020f0;--of-lilas:#e0cdee;--of-nuit:#160824;--of-citron:#dcff4a;--of-violet-700:#8a12d6;--of-violet-300:#c98af5;--of-lilas-100:#f4eef9;--of-lilas-200:#ebdff4;--of-nuit-800:#21102f;--of-nuit-700:#2b1a3b;--of-nuit-500:#4a3a5c;--of-white:#fff;--of-danger:#d3245c;--text-on-night:#f4eef9;--text-on-night-muted:#c7b8d6;--text-muted:#5e4e70;--border-night:#e0cdee24;--border-light:#e3d7ec;--font-display:"Big Shoulders Display", "Arial Narrow", sans-serif;--font-body:"Archivo Variable", "Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}body{background:var(--of-lilas-100);color:var(--of-nuit);font:400 15px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--of-violet);text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--of-violet-700)}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--of-violet);outline-offset:2px}.label{font:500 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.mono{font:500 12px/1.2 var(--font-mono)}.display{font-family:var(--font-display);text-transform:uppercase;font-weight:900;line-height:.9}.num{font:900 22px/1 var(--font-display)}.muted{color:var(--text-muted)}.sub{font:400 12px/1.4 var(--font-body);text-transform:none;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.card{border:1px solid var(--border-light);background:#fff;border-radius:8px}.card-pad{flex-direction:column;gap:10px;padding:18px;display:flex}.card-title{font:900 26px/.9 var(--font-display);text-transform:uppercase}.link-btn{cursor:pointer;color:var(--of-violet);font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;padding:6px 0}.link-btn:hover{color:var(--of-violet-700)}.table{overflow-x:auto}.thead,.trow{border-bottom:1px solid var(--border-light);align-items:center;gap:14px;padding:12px 18px;display:grid}.thead{font:500 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.trow{text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border-width:0 0 1px}.trow>*,.thead>*{min-width:0}button.trow,.trow.clickable{cursor:pointer}button.trow:hover,.trow.clickable:hover{background:var(--of-lilas-100)}.empty{font:400 14px/1.4 var(--font-body);color:var(--text-muted);padding:28px 18px}.btn{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;text-decoration:none;transition:filter .12s,transform .12s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(.92)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary,.btn-accent{font:800 18px/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;border-radius:6px}.btn-primary{background:var(--of-violet);color:var(--of-white);border:1px solid var(--of-violet)}.btn-accent{background:var(--of-citron);color:var(--of-nuit);border:1px solid var(--of-citron)}.btn-dark,.btn-outline,.btn-danger{font:600 14px/1 var(--font-body);border-radius:4px}.btn-dark{background:var(--of-nuit);color:var(--of-white);border:1px solid var(--of-nuit)}.btn-outline{color:currentColor;background:0 0;border:1px solid}.btn-danger{color:var(--of-danger);border:1px solid var(--of-danger);background:0 0}a.btn:hover{color:inherit}a.btn-primary:hover,a.btn-dark:hover{color:var(--of-white)}.btn-sm{height:32px;padding:0 12px;font-size:12px}.btn-lg{height:48px;padding:0 20px}.btn-lg.btn-primary,.btn-lg.btn-accent{font-size:22px}.btn-full{width:100%}.input{background:var(--of-white);width:100%;min-width:0;height:40px;color:var(--of-nuit);border:1px solid var(--border-light);font:400 14px/1 var(--font-body);border-radius:4px;outline:none;padding:0 12px}.input:focus{border-color:var(--of-violet);box-shadow:0 0 0 2px #a020f026}.input:disabled{opacity:.5}.input-mono{font:400 13px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.input-mono::placeholder{text-transform:uppercase}.input-lg{height:44px}textarea.input{resize:vertical;height:auto;min-height:88px;padding:10px 12px;line-height:1.5}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{font:600 13px/1 var(--font-body)}.field>small{font:400 12px/1.3 var(--font-body);color:var(--text-muted)}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pill{border:1px solid var(--border-light);height:34px;color:var(--of-nuit);font:600 13px/1 var(--font-body);cursor:pointer;background:#fff;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.pill[aria-pressed=true]{border-color:var(--of-nuit);background:var(--of-nuit);color:var(--of-white)}.pill .mono{font-size:11px;line-height:1}.badge{height:24px;font:900 14px/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;padding:0 10px;display:inline-flex}.badge-accent{background:var(--of-citron);color:var(--of-nuit)}.badge-violet{background:var(--of-violet);color:var(--of-white)}.badge-lilas{background:var(--of-lilas);color:var(--of-nuit)}.badge-night{background:var(--of-nuit);color:var(--of-citron)}.badge-danger{background:var(--of-danger);color:var(--of-white)}.code-tag{font:500 12px/1 var(--font-mono);background:var(--of-citron);white-space:nowrap;border-radius:4px;justify-self:start;padding:5px 8px}.toggle{background:var(--of-lilas-200);cursor:pointer;border:none;border-radius:999px;flex:none;width:40px;height:24px;padding:0;position:relative}.toggle[aria-checked=true]{background:var(--of-violet)}.toggle span{width:18px;height:18px;transition:left .15s var(--ease-out);background:#fff;border-radius:999px;position:absolute;top:3px;left:3px}.toggle[aria-checked=true] span{left:19px}.bar{background:var(--of-lilas-200);border-radius:999px;height:8px;overflow:hidden}.bar>div{background:var(--of-violet);height:100%}.shell{min-height:100vh;display:flex}.sidebar{background:var(--of-nuit);width:232px;color:var(--of-lilas);flex-direction:column;flex:none;gap:28px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.nav-item{height:40px;color:var(--of-lilas);font:600 14px/1 var(--font-body);border-radius:6px;justify-content:space-between;align-items:center;padding:0 12px;text-decoration:none;display:flex}.nav-item:hover{color:var(--of-white);background:var(--of-nuit-800)}.nav-item[aria-current=page]{background:var(--of-violet);color:var(--of-white)}.nav-item .count{font:500 11px/1 var(--font-mono);color:var(--of-violet-300)}.nav-item[aria-current=page] .count{color:var(--of-lilas)}.side-link{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.side-link:hover{color:var(--of-white);text-underline-offset:2px;text-decoration:underline}.topbar{background:var(--of-nuit);flex-direction:column;gap:10px;padding:12px 16px;display:none}.topbar nav{gap:4px;display:flex;overflow-x:auto}.topbar .nav-item{border-radius:999px;flex:none;gap:6px;height:34px;font-size:13px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:clamp(20px,3vw,32px) clamp(16px,3vw,36px) 0;display:flex}.page-head h1{font:900 clamp(48px, 6vw, 72px) / .86 var(--font-display);text-transform:uppercase;margin:8px 0 0}.page-head .eyebrow{font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--of-violet)}.pills{flex-wrap:wrap;gap:6px;display:flex}.page-pills{padding:18px clamp(16px,3vw,36px) 0}.page-main{flex-direction:column;flex:1;gap:14px;padding:18px clamp(16px,3vw,36px) 48px;display:flex}@media (max-width:899px){.sidebar{display:none}.topbar{display:flex}}.overlay{z-index:40;background:#1608248c;position:fixed;inset:0}.drawer{background:var(--of-lilas-100);z-index:41;width:min(100%,420px);animation:ofDrawer .2s var(--ease-out);flex-direction:column;gap:14px;padding:24px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.drawer h2{font:900 40px/.88 var(--font-display);text-transform:uppercase;margin:0}.drawer-close{border:1px solid var(--border-light);cursor:pointer;width:36px;height:36px;font:400 18px/1 var(--font-body);background:#fff;border-radius:4px;flex:none}.drawer-actions{flex-direction:column;gap:8px;margin-top:auto;padding-top:10px;display:flex}.rows>div{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.rows>div>:last-child{font:600 15px/1.2 var(--font-body);text-align:right;align-items:center;gap:8px;min-width:0;display:flex}.dot{border-radius:999px;flex:none;width:8px;height:8px}.toast{z-index:60;background:var(--of-nuit);color:var(--of-lilas);font:600 14px/1.2 var(--font-body);animation:ofToast .2s var(--ease-out);border-radius:6px;max-width:calc(100vw - 32px);padding:12px 18px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast-error{background:var(--of-danger);color:var(--of-white)}@keyframes ofToast{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes ofDrawer{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.toast,.drawer{animation:none}}