@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.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;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.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{--accent-h:25;--bg:oklch(97.5% .004 250);--surface:oklch(100% 0 0);--surface-2:oklch(95.5% .006 250);--sunken:oklch(94% .007 250);--line:oklch(88.5% .009 250);--line-strong:oklch(78% .012 250);--fg:oklch(21% .016 250);--muted:oklch(47% .016 250);--header:oklch(20% .016 250);--on-header:oklch(96% .005 250);--accent:oklch(.55 .21 var(--accent-h));--accent-hover:oklch(.49 .2 var(--accent-h));--accent-text:oklch(.5 .2 var(--accent-h));--accent-wash:oklch(.55 .21 var(--accent-h) / .11);--on-accent:oklch(100% 0 0);--ok:oklch(50% .13 155);--ok-wash:oklch(50% .13 155/.12);--warn:oklch(52% .12 75);--warn-wash:oklch(70% .15 80/.18);--bad:oklch(52% .19 28);--bad-wash:oklch(52% .19 28/.11);--t-best:oklch(50% .21 305);--t-pb:oklch(50% .14 150);--t-slow:oklch(55% .12 85);--focus:oklch(55% .17 250);--chart-1:var(--accent);--chart-2:oklch(55% .13 240);--chart-grid:var(--line);--shadow-1:0 1px 2px oklch(20% .02 250/.06), 0 2px 8px oklch(20% .02 250/.04);--shadow-2:0 2px 6px oklch(20% .02 250/.08), 0 16px 40px oklch(20% .02 250/.12);--scrim:oklch(15% .02 250/.5);--font:"Archivo Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--wide:118%;--wider:125%;--t-xs:.8125rem;--t-sm:.875rem;--t-md:.9375rem;--t-lg:1.0625rem;--t-xl:1.375rem;--t-2xl:1.875rem;--t-3xl:2.75rem;--t-figure:3.5rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:999px;--target:44px;--content:1120px;--nav-w:248px;--rail-w:96px;--tabbar-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (pointer:fine) and (width>=1100px){:root{--target:36px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:oklch(16.5% .012 250);--surface:oklch(20.5% .014 250);--surface-2:oklch(24.5% .015 250);--sunken:oklch(14% .011 250);--line:oklch(30% .015 250);--line-strong:oklch(40% .017 250);--fg:oklch(95% .006 250);--muted:oklch(73% .014 250);--header:oklch(13% .011 250);--on-header:oklch(95% .006 250);--accent:oklch(.66 .21 var(--accent-h));--accent-hover:oklch(.72 .19 var(--accent-h));--accent-text:oklch(.76 .16 var(--accent-h));--accent-wash:oklch(.66 .21 var(--accent-h) / .17);--on-accent:oklch(.15 .03 var(--accent-h));--ok:oklch(78% .15 155);--ok-wash:oklch(78% .15 155/.14);--warn:oklch(83% .14 85);--warn-wash:oklch(83% .14 85/.14);--bad:oklch(74% .16 25);--bad-wash:oklch(74% .16 25/.15);--t-best:oklch(74% .17 305);--t-pb:oklch(79% .17 150);--t-slow:oklch(86% .15 95);--focus:oklch(79% .12 240);--chart-2:oklch(76% .11 235);--shadow-1:none;--shadow-2:0 16px 48px oklch(0% 0 0/.5);--scrim:oklch(5% .01 250/.65);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark],.instrument{--bg:oklch(16.5% .012 250);--surface:oklch(20.5% .014 250);--surface-2:oklch(24.5% .015 250);--sunken:oklch(14% .011 250);--line:oklch(30% .015 250);--line-strong:oklch(40% .017 250);--fg:oklch(95% .006 250);--muted:oklch(73% .014 250);--header:oklch(13% .011 250);--on-header:oklch(95% .006 250);--accent:oklch(.66 .21 var(--accent-h));--accent-hover:oklch(.72 .19 var(--accent-h));--accent-text:oklch(.76 .16 var(--accent-h));--accent-wash:oklch(.66 .21 var(--accent-h) / .17);--on-accent:oklch(.15 .03 var(--accent-h));--ok:oklch(78% .15 155);--ok-wash:oklch(78% .15 155/.14);--warn:oklch(83% .14 85);--warn-wash:oklch(83% .14 85/.14);--bad:oklch(74% .16 25);--bad-wash:oklch(74% .16 25/.15);--t-best:oklch(74% .17 305);--t-pb:oklch(79% .17 150);--t-slow:oklch(86% .15 95);--focus:oklch(79% .12 240);--chart-2:oklch(76% .11 235);--shadow-1:none;--shadow-2:0 16px 48px oklch(0% 0 0/.5);--scrim:oklch(5% .01 250/.65);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--t-md);background:var(--bg);color:var(--fg);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}#root{min-height:100vh}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-text);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,h3,h4{text-wrap:balance;margin:0;line-height:1.15}h1{font-size:var(--t-xl);font-weight:750;font-stretch:var(--wide);letter-spacing:-.005em}p{max-width:65ch;margin:0}.display{font-stretch:var(--wider);letter-spacing:-.015em;font-weight:760}.label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.75rem;font-weight:620}.muted{color:var(--muted)}.small{font-size:var(--t-xs)}.mono{font-family:var(--font-mono);font-size:.92em}.stack{gap:var(--s-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--target);padding:0 var(--s-4);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--fg);font-weight:620;font-size:var(--t-md);white-space:nowrap;cursor:pointer;line-height:1;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--muted)}.btn svg{flex:none;width:20px;height:20px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);border-color:#0000}.btn-danger{color:var(--bad)}.btn-danger:hover{background:var(--bad-wash);border-color:var(--bad)}.btn-compact{min-height:32px;padding:0 var(--s-3);font-size:var(--t-sm)}.btn-icon{width:var(--target);padding:0}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-block{width:100%}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{font-weight:620;font-size:var(--t-sm)}.field-hint{font-size:var(--t-xs);color:var(--muted)}.field-error{font-size:var(--t-xs);color:var(--bad);font-weight:560}.input{width:100%;min-height:var(--target);padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--fg)}textarea.input{padding:10px var(--s-3);resize:vertical;min-height:96px;line-height:1.45}.input::placeholder{color:var(--muted);opacity:.8}.input:hover{border-color:var(--muted)}.input:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:#0000}.input[aria-invalid=true]{border-color:var(--bad)}.input-unit{align-items:stretch;display:flex}.input-unit .input{border-top-right-radius:0;border-bottom-right-radius:0}.input-unit span{padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--surface-2);color:var(--muted);font-size:var(--t-sm);border-left:0;align-items:center;display:flex}.check{align-items:center;gap:var(--s-3);min-height:var(--target);cursor:pointer;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--accent);margin:0}.seg{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-md);gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.seg button{min-height:calc(var(--target) - 8px);padding:0 var(--s-3);border-radius:calc(var(--r-md) - 3px);color:var(--muted);font-weight:600;font-size:var(--t-sm);cursor:pointer;white-space:nowrap;background:0 0;border:0}.seg button:hover{color:var(--fg)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 0 0 1px var(--line-strong)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);min-width:0}.card-head{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--line);min-height:52px;display:flex}.card-head h2{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.75rem;font-weight:640}.card-body{padding:var(--s-5)}.card-link{color:inherit;text-decoration:none;transition:border-color .12s,transform .12s;display:block}.card-link:hover{border-color:var(--line-strong)}.badge{border-radius:var(--r-pill);white-space:nowrap;background:var(--surface-2);height:22px;color:var(--muted);border:1px solid var(--line);align-items:center;gap:4px;padding:0 8px;font-size:.75rem;font-weight:640;display:inline-flex}.badge svg{width:13px;height:13px}.badge-accent{background:var(--accent-wash);color:var(--accent-text);border-color:#0000}.badge-ok{background:var(--ok-wash);color:var(--ok);border-color:#0000}.badge-warn{background:var(--warn-wash);color:var(--warn);border-color:#0000}.badge-bad{background:var(--bad-wash);color:var(--bad);border-color:#0000}.chip{border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--surface);min-height:36px;font-weight:600;font-size:var(--t-sm);cursor:pointer;color:var(--fg);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.avatar{background:oklch(var(--av-l,.88) .07 var(--av-h,250));color:oklch(var(--av-ink,.3) .08 var(--av-h,250));font-weight:700;font-stretch:var(--wide);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;display:inline-grid}:root[data-theme=dark] .avatar,.instrument .avatar{--av-l:.38;--av-ink:.93}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .avatar{--av-l:.38;--av-ink:.93}}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--surface);margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.stat{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-value{font-size:var(--t-xl);font-weight:720;font-stretch:var(--wide);line-height:1.1}.stat-unit{font-size:var(--t-sm);color:var(--muted);margin-left:3px;font-weight:560;font-stretch:100%}.answer{gap:var(--s-2);flex-direction:column;display:flex}.answer-figure{font-size:clamp(2.4rem, 9vw, var(--t-figure));font-weight:760;font-stretch:var(--wider);letter-spacing:-.02em;line-height:1}.delta-faster{color:var(--t-pb)}.delta-slower{color:var(--bad)}.t-best{color:var(--t-best)}.t-pb{color:var(--t-pb)}.t-slow{color:var(--t-slow)}.timing-dot{vertical-align:1px;border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.sectors{grid-template-columns:repeat(var(--n,3), 1fr);gap:4px;display:grid}.sector{flex-direction:column;gap:6px;min-width:0;display:flex}.sector-bar{background:currentColor;border-radius:3px;height:6px}.sector-time{font-weight:680;font-stretch:var(--wide);font-size:var(--t-lg);color:var(--fg)}.table-wrap{min-width:0;position:relative;overflow-x:auto}.table-wrap:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:10px var(--s-3);white-space:nowrap;border-bottom:1px solid var(--line-strong);font-size:.75rem;font-weight:620}.table td{padding:10px var(--s-3);border-bottom:1px solid var(--line);white-space:nowrap}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-2)}.table .num,.table th.num{text-align:right}.table .pos{width:1%;color:var(--muted);font-weight:600}.sort{all:unset;cursor:pointer;align-items:center;gap:4px;display:inline-flex}.sort:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}.sort svg{width:14px;height:14px}.table td.first,.table th.first{padding-left:var(--s-5)}.table td.last,.table th.last{padding-right:var(--s-5)}.dialog{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--fg);box-shadow:var(--shadow-2);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0}.dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog[open]{animation:.16s ease-out dialog-in}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.dialog-body{padding:var(--s-5);gap:var(--s-3);flex-direction:column;display:flex}.dialog-body h2{font-size:var(--t-lg);font-weight:720;font-stretch:var(--wide)}.dialog-actions{justify-content:flex-end;gap:var(--s-2);padding:var(--s-4) var(--s-5);border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg);flex-wrap:wrap;display:flex}.auth{width:min(400px,100vw - 32px)}.auth .dialog-body{gap:var(--s-4)}.auth-close{position:absolute;top:10px;right:10px}@media (width<=700px){.auth{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100vw;max-width:100vw;padding-bottom:env(safe-area-inset-bottom,0px);margin:auto 0 0}.auth[open]{animation:.2s ease-out sheet-in}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}.toast{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--fg);color:var(--bg);box-shadow:var(--shadow-2);max-width:420px;font-weight:560;display:flex}.toast svg{flex:none;width:20px;height:20px}.toast-region{z-index:50;left:50%;bottom:calc(var(--s-5) + env(safe-area-inset-bottom,0px));position:fixed;transform:translate(-50%)}@media (width<=700px){.toast-region{bottom:calc(var(--tabbar-h) + var(--s-4) + env(safe-area-inset-bottom,0px))}}.empty{align-items:flex-start;gap:var(--s-3);padding:var(--s-6) var(--s-5);flex-direction:column;display:flex}.empty-icon{border-radius:var(--r-md);background:var(--sunken);width:44px;height:44px;color:var(--muted);place-items:center;display:grid}.empty h3{font-size:var(--t-lg);font-weight:700}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--surface-2) 0%, var(--sunken) 50%, var(--surface-2) 100%);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.notice{gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--t-sm);border:1px solid;align-items:flex-start;display:flex}.notice svg{flex:none;width:20px;height:20px;margin-top:1px}.notice-bad{background:var(--bad-wash);border-color:var(--bad)}.notice-bad svg{color:var(--bad)}.notice-info{background:var(--surface-2);border-color:var(--line-strong)}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--s-3) var(--s-5);flex-wrap:wrap;display:flex}.page-head-text{flex-direction:column;gap:6px;min-width:0;display:flex}.kerb{gap:2px;display:inline-flex;transform:skew(-18deg)}.kerb i{background:var(--accent);border-radius:1.5px;width:7px;height:18px;display:block}.kerb i:nth-child(2){background:currentColor}.wordmark{font-weight:780;font-stretch:var(--wider);letter-spacing:-.01em;color:inherit;align-items:center;gap:10px;font-size:1.125rem;text-decoration:none;display:inline-flex}.instrument{background:var(--sunken);color:var(--fg);border-radius:var(--r-lg);position:relative;overflow:hidden}.hud{justify-content:space-between;align-items:flex-end;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:linear-gradient(#0000,oklch(10% .01 250/.85));flex-wrap:wrap;display:flex;position:absolute;inset:auto 0 0}.hud-speed{font-size:clamp(2.2rem,8vw,3.5rem);font-weight:780;font-stretch:var(--wider);line-height:1}.shell{grid-template-columns:var(--nav-w) minmax(0, 1fr);min-height:100vh;display:grid}.nav{gap:var(--s-2);height:100vh;padding:var(--s-4) var(--s-3);background:var(--header);color:var(--on-header);padding-left:max(var(--s-3), env(safe-area-inset-left,0px));flex-direction:column;display:flex;position:sticky;top:0}.nav .wordmark{padding:var(--s-2) var(--s-3) var(--s-5);color:var(--on-header)}.nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-item{align-items:center;gap:var(--s-3);min-height:48px;padding:0 var(--s-3);border-radius:var(--r-md);color:oklch(from var(--on-header) l c h / .72);font-weight:600;font-size:var(--t-md);text-decoration:none;display:flex}.nav-item svg{flex:none;width:24px;height:24px}.nav-item:hover{color:var(--on-header);background:oklch(from var(--on-header) l c h / .07)}.nav-item[aria-current=page]{color:var(--on-header);background:oklch(from var(--on-header) l c h / .1)}.nav-item[aria-current=page] svg{color:oklch(.7 .19 var(--accent-h))}.nav-foot{border-top:1px solid oklch(from var(--on-header) l c h / .12);padding-top:var(--s-3);flex-direction:column;gap:2px;margin-top:auto;display:flex}.nav-group{padding:var(--s-4) var(--s-3) var(--s-1);letter-spacing:.1em;text-transform:uppercase;color:oklch(from var(--on-header) l c h / .5);font-size:.6875rem;font-weight:640}.topbar{display:none}.main{min-width:0;padding:var(--s-6) max(var(--s-5), env(safe-area-inset-right,0px)) var(--s-8) var(--s-5)}.content{max-width:var(--content);gap:var(--s-5);flex-direction:column;margin:0 auto;display:flex}@media (width<=1100px){.shell{grid-template-columns:var(--rail-w) minmax(0, 1fr)}.nav{padding-inline:var(--s-2);padding-left:max(var(--s-2), env(safe-area-inset-left,0px));align-items:stretch}.nav .wordmark{padding:var(--s-2) 0 var(--s-4);justify-content:center}.nav .wordmark span,.nav-group{display:none}.nav-item{min-height:64px;padding:var(--s-2) 4px;text-align:center;flex-direction:column;justify-content:center;gap:4px;font-size:.75rem}}@media (width<=700px){.shell{display:block}.topbar{justify-content:space-between;align-items:center;gap:var(--s-3);top:env(safe-area-inset-top,0px);z-index:20;height:56px;padding:0 max(var(--s-4), env(safe-area-inset-right,0px)) 0 max(var(--s-4), env(safe-area-inset-left,0px));background:var(--header);color:var(--on-header);display:flex;position:sticky}.topbar .wordmark,.topbar .btn-ghost{color:var(--on-header)}.topbar .btn-ghost:hover{background:oklch(from var(--on-header) l c h / .1)}.nav{z-index:20;height:auto;padding:0 max(4px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(4px, env(safe-area-inset-left,0px));border-top:1px solid oklch(from var(--on-header) l c h / .12);flex-direction:row;position:fixed;inset:auto 0 0}.nav .wordmark,.nav-foot{display:none}.nav-list{flex-direction:row;width:100%}.nav-list li{flex:1;min-width:0}.nav-item{min-height:var(--tabbar-h);border-radius:0;padding:6px 2px;font-size:.6875rem}.nav-item[aria-current=page]{background:0 0}.main{padding:var(--s-5) max(var(--s-4), env(safe-area-inset-right,0px)) calc(var(--tabbar-h) + var(--s-7) + env(safe-area-inset-bottom,0px)) max(var(--s-4), env(safe-area-inset-left,0px))}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:var(--header);position:fixed;inset:0 0 auto}}