:root{--ts-color-ink:#12161c;--ts-color-ink-2:#4b5361;--ts-color-ink-3:#5e6573;--ts-color-ground:#f3f4f1;--ts-color-surface:#fff;--ts-color-line:#e3e5e8;--ts-color-line-strong:#cdd1d7;--ts-color-accent:#2747d6;--ts-color-accent-ink:#1b33a3;--ts-color-accent-soft:#e7ecfd;--ts-color-accent-on-dark:#8ea2f5;--ts-color-online:#13784f;--ts-color-online-soft:#e1f2e9;--ts-color-warn:#8a5300;--ts-color-warn-soft:#fcefd9;--ts-color-danger:#b42318;--ts-color-danger-soft:#fce9e7;--ts-color-neutral-chip:#e6e8eb;--ts-color-dark-raised:#262c36;--ts-color-scrim:#12161c73;--ts-color-scrim-dialog:#12161c80;--ts-font-ui:"Be Vietnam Pro";--ts-font-mono:"JetBrains Mono";--ts-type-display-family:var(--ts-font-ui);--ts-type-display-size:32px;--ts-type-display-weight:700;--ts-type-display-letter-spacing:-.03em;--ts-type-display-line-height:1.15;--ts-type-title-family:var(--ts-font-ui);--ts-type-title-size:24px;--ts-type-title-weight:700;--ts-type-title-letter-spacing:-.02em;--ts-type-title-line-height:1.25;--ts-type-section-family:var(--ts-font-ui);--ts-type-section-size:16px;--ts-type-section-weight:700;--ts-type-section-letter-spacing:0em;--ts-type-section-line-height:1.3;--ts-type-body-family:var(--ts-font-ui);--ts-type-body-size:15px;--ts-type-body-weight:400;--ts-type-body-letter-spacing:0em;--ts-type-body-line-height:1.5;--ts-type-body-strong-family:var(--ts-font-ui);--ts-type-body-strong-size:15px;--ts-type-body-strong-weight:500;--ts-type-body-strong-letter-spacing:0em;--ts-type-body-strong-line-height:1.5;--ts-type-secondary-family:var(--ts-font-ui);--ts-type-secondary-size:14px;--ts-type-secondary-weight:400;--ts-type-secondary-letter-spacing:0em;--ts-type-secondary-line-height:1.45;--ts-type-caption-family:var(--ts-font-ui);--ts-type-caption-size:12px;--ts-type-caption-weight:400;--ts-type-caption-letter-spacing:0em;--ts-type-caption-line-height:1.4;--ts-type-code-mobile-family:var(--ts-font-mono);--ts-type-code-mobile-size:44px;--ts-type-code-mobile-weight:700;--ts-type-code-mobile-letter-spacing:.1em;--ts-type-code-mobile-line-height:1.1;--ts-type-code-desktop-family:var(--ts-font-mono);--ts-type-code-desktop-size:32px;--ts-type-code-desktop-weight:700;--ts-type-code-desktop-letter-spacing:.12em;--ts-type-code-desktop-line-height:1.1;--ts-space-4:4px;--ts-space-6:6px;--ts-space-8:8px;--ts-space-10:10px;--ts-space-12:12px;--ts-space-14:14px;--ts-space-16:16px;--ts-space-18:18px;--ts-space-20:20px;--ts-space-24:24px;--ts-space-28:28px;--ts-radius-button:10px;--ts-radius-input:12px;--ts-radius-chip:12px;--ts-radius-tile:14px;--ts-radius-card:16px;--ts-radius-hero:22px;--ts-radius-sheet:24px;--ts-radius-pill:999px;--ts-size-touch-mobile:44px;--ts-size-touch-desktop:32px;--ts-size-screen-padding-mobile:20px;--ts-size-screen-padding-desktop:24px;--ts-size-screen-padding-desktop-wide:28px;--ts-size-border-width:1px;--ts-icon-size:24px;--ts-icon-stroke:1.8px;--ts-meter-segments:10;--ts-meter-gap:4px;--ts-meter-height:10px;--ts-meter-height-desktop:6px;--ts-breakpoint-sm:640px;--ts-breakpoint-lg:1024px;--ts-breakpoint-content-max:1180px}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-700-normal-D3wTyLJW.woff)format("woff")}*,:before,:after{box-sizing:border-box}body{background:var(--ts-color-ground);min-height:100vh;color:var(--ts-color-ink);font-family:var(--ts-font-ui), system-ui, sans-serif;font-size:var(--ts-type-body-size);line-height:var(--ts-type-body-line-height);flex-direction:column;margin:0;display:flex}#app{flex-direction:column;flex:1;display:flex}main{width:100%;max-width:var(--ts-breakpoint-content-max);padding:var(--ts-space-24) var(--ts-size-screen-padding-mobile);flex:1;justify-content:center;align-items:flex-start;margin:0 auto;display:flex}footer{padding:var(--ts-space-16) var(--ts-size-screen-padding-mobile) var(--ts-space-24);text-align:center;font-size:var(--ts-type-secondary-size)}a{color:var(--ts-color-accent-ink)}a:focus-visible,button:focus-visible{outline:3px solid var(--ts-color-accent);outline-offset:2px}h1{font-size:var(--ts-type-title-size);font-weight:var(--ts-type-title-weight);letter-spacing:var(--ts-type-title-letter-spacing);line-height:var(--ts-type-title-line-height);margin:0}p{margin:0}.muted{color:var(--ts-color-ink-2)}.card{background:var(--ts-color-surface);border:var(--ts-size-border-width) solid var(--ts-color-line);border-radius:var(--ts-radius-card);width:100%;max-width:480px;padding:var(--ts-space-24);gap:var(--ts-space-12);flex-direction:column;display:flex}.card.center{text-align:center;align-items:center}.badge{border-radius:var(--ts-radius-pill);background:var(--ts-color-neutral-chip);width:56px;height:56px;color:var(--ts-color-ink);justify-content:center;align-items:center;display:inline-flex}.badge-warn{background:var(--ts-color-warn-soft);color:var(--ts-color-warn)}.badge-danger{background:var(--ts-color-danger-soft);color:var(--ts-color-danger)}.size-label{font-size:var(--ts-type-secondary-size);margin-top:var(--ts-space-8)}.size{font-size:var(--ts-type-display-size);font-weight:var(--ts-type-display-weight);letter-spacing:var(--ts-type-display-letter-spacing);line-height:var(--ts-type-display-line-height)}.count{font-weight:var(--ts-type-body-strong-weight)}.chips{gap:var(--ts-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{align-items:center;gap:var(--ts-space-6);padding:var(--ts-space-6) var(--ts-space-12);border-radius:var(--ts-radius-pill);background:var(--ts-color-neutral-chip);color:var(--ts-color-ink);font-size:var(--ts-type-secondary-size);font-weight:var(--ts-type-body-strong-weight);display:inline-flex}.chip .icon{width:16px;height:16px}.chip-online{background:var(--ts-color-online-soft);color:var(--ts-color-online)}.chip-warn{background:var(--ts-color-warn-soft);color:var(--ts-color-warn)}.note{font-size:var(--ts-type-secondary-size);color:var(--ts-color-ink-2)}.btn{min-height:var(--ts-size-touch-mobile);padding:0 var(--ts-space-20);border-radius:var(--ts-radius-button);font:inherit;cursor:pointer;margin-top:var(--ts-space-8);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--ts-color-accent);color:#fff;border:0}.btn-secondary{background:var(--ts-color-surface);color:var(--ts-color-accent-ink);border:var(--ts-size-border-width) solid var(--ts-color-line-strong)}.spinner{border:3px solid var(--ts-color-line);border-top-color:var(--ts-color-accent);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@media (min-width:640px){main{padding:var(--ts-space-28) var(--ts-size-screen-padding-desktop)}.btn{min-height:var(--ts-size-touch-desktop)}}@media (min-width:1024px){main{padding-inline:var(--ts-size-screen-padding-desktop-wide)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinner-sm{border-width:2px;width:18px;height:18px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{filter:none}.code-opening,.granted{align-items:center;gap:var(--ts-space-8);margin-top:var(--ts-space-8);font-weight:var(--ts-type-body-strong-weight);display:flex}.granted:focus-visible{outline:3px solid var(--ts-color-accent);outline-offset:4px;border-radius:var(--ts-radius-input)}.code-entry{gap:var(--ts-space-8);margin-top:var(--ts-space-8);flex-direction:column;display:flex}.code-label{font-size:var(--ts-type-secondary-size);font-weight:var(--ts-type-body-strong-weight)}.code-field{position:relative}.code-slots{gap:var(--ts-space-8);display:flex}.code-slot{background:var(--ts-color-surface);border:var(--ts-size-border-width) solid var(--ts-color-line-strong);border-radius:var(--ts-radius-input);min-width:0;max-width:64px;height:56px;font-family:var(--ts-font-mono), ui-monospace, monospace;font-size:var(--ts-type-code-mobile-size);font-weight:var(--ts-type-code-mobile-weight);flex:1 1 0;justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.code-slot.is-active{border-color:var(--ts-color-accent);box-shadow:0 0 0 3px var(--ts-color-accent-soft)}.is-invalid .code-slot{border-color:var(--ts-color-danger);background:var(--ts-color-danger-soft)}.is-locked .code-slot{border-color:var(--ts-color-warn);background:var(--ts-color-warn-soft);color:var(--ts-color-warn)}.code-caret{background:var(--ts-color-accent);width:2px;height:28px;animation:1s step-end infinite caret;position:absolute}@keyframes caret{50%{opacity:0}}.code-input{color:#0000;caret-color:#0000;letter-spacing:1em;opacity:.01;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.code-input::selection{background:0 0}.code-field:has(.code-input:focus-visible) .code-slots{outline:3px solid var(--ts-color-accent);outline-offset:4px;border-radius:var(--ts-radius-input)}.code-alert:empty{display:none}.code-message{color:var(--ts-color-danger);font-weight:var(--ts-type-body-strong-weight);font-size:var(--ts-type-secondary-size)}.is-locked .code-message{color:var(--ts-color-warn)}.code-locked{background:var(--ts-color-warn-soft);color:var(--ts-color-warn);border-radius:var(--ts-radius-input);padding:var(--ts-space-10) var(--ts-space-14);font-weight:var(--ts-type-body-strong-weight);display:flex}.code-hint{margin-top:var(--ts-space-4);display:block}@media (min-width:640px){.code-slot{font-size:var(--ts-type-code-desktop-size);font-weight:var(--ts-type-code-desktop-weight)}}@media (prefers-reduced-motion:reduce){.code-caret{animation:none}}.link-button.svelte-w3far6{min-height:var(--ts-size-touch-mobile);min-width:var(--ts-size-touch-mobile);font:inherit;color:var(--ts-color-accent-ink);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}