@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.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{--font-family-display:Fraunces, "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-family-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--font-family-mono:ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--type-mobile-display:600 36px/44px var(--font-family-display);--type-mobile-display-tracking:-.03125em;--type-mobile-h1:600 28px/36px var(--font-family-display);--type-mobile-h1-tracking:-.015625em;--type-mobile-h2:600 22px/28px var(--font-family-ui);--type-mobile-h2-tracking:0em;--type-mobile-h3:600 18px/24px var(--font-family-ui);--type-mobile-h3-tracking:0em;--type-mobile-body:400 16px/24px var(--font-family-ui);--type-mobile-body-tracking:0em;--type-mobile-body-strong:600 16px/24px var(--font-family-ui);--type-mobile-body-strong-tracking:0em;--type-mobile-label:500 14px/20px var(--font-family-ui);--type-mobile-label-tracking:.00625em;--type-mobile-meta:400 13px/18px var(--font-family-ui);--type-mobile-meta-tracking:.00625em;--type-mobile-caption:500 12px/16px var(--font-family-ui);--type-mobile-caption-tracking:.0125em;--type-web-display:600 44px/52px var(--font-family-display);--type-web-display-tracking:-.046875em;--type-web-h1:600 32px/40px var(--font-family-display);--type-web-h1-tracking:-.015625em;--type-web-h2:600 26px/34px var(--font-family-ui);--type-web-h2-tracking:0em;--type-web-h3:600 21px/28px var(--font-family-ui);--type-web-h3-tracking:0em;--type-web-body:400 16px/24px var(--font-family-ui);--type-web-body-tracking:0em;--type-web-body-strong:600 16px/24px var(--font-family-ui);--type-web-body-strong-tracking:0em;--type-web-label:500 14px/20px var(--font-family-ui);--type-web-label-tracking:.00625em;--type-web-meta:400 13px/18px var(--font-family-ui);--type-web-meta-tracking:.00625em;--type-web-caption:500 12px/16px var(--font-family-ui);--type-web-caption-tracking:.0125em;--type-tv-display:600 64px/72px var(--font-family-display);--type-tv-display-tracking:-.0625em;--type-tv-h1:600 48px/56px var(--font-family-display);--type-tv-h1-tracking:-.03125em;--type-tv-h2:600 36px/44px var(--font-family-ui);--type-tv-h2-tracking:0em;--type-tv-h3:600 30px/38px var(--font-family-ui);--type-tv-h3-tracking:0em;--type-tv-body:400 24px/34px var(--font-family-ui);--type-tv-body-tracking:0em;--type-tv-body-strong:600 24px/34px var(--font-family-ui);--type-tv-body-strong-tracking:0em;--type-tv-label:500 22px/30px var(--font-family-ui);--type-tv-label-tracking:.00625em;--type-tv-meta:400 22px/30px var(--font-family-ui);--type-tv-meta-tracking:.00625em;--type-tv-caption:500 20px/28px var(--font-family-ui);--type-tv-caption-tracking:.0125em;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:56px;--space-9:72px;--space-10:96px;--radius-none:0px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-tv-card:12px;--radius-full:9999px;--size-touch-min:48px;--size-pointer-min:32px;--size-icon-sm:16px;--size-icon-md:20px;--size-icon-lg:24px;--size-icon-tv:32px;--size-icon-stroke:1.75;--size-focus-ring-web:2px;--size-focus-ring-tv:3px;--size-focus-offset:2px;--size-mini-player-height:64px;--layout-breakpoint-compact:0px;--layout-breakpoint-medium:600px;--layout-breakpoint-expanded:840px;--layout-breakpoint-large:1200px;--layout-breakpoint-xlarge:1600px;--layout-grid-phone-columns:4px;--layout-grid-phone-margin:16px;--layout-grid-phone-gutter:12px;--layout-grid-tablet-columns:8px;--layout-grid-tablet-margin:24px;--layout-grid-tablet-gutter:16px;--layout-grid-desktop-columns:12px;--layout-grid-desktop-margin:32px;--layout-grid-desktop-gutter:24px;--layout-grid-tv-columns:12px;--layout-grid-tv-margin-percent:5px;--layout-grid-tv-gutter:24px;--layout-aspect-poster:2/3;--layout-aspect-backdrop:16/9;--layout-aspect-still:16/9;--layout-aspect-logo:contain;--layout-aspect-avatar:1/1;--layout-content-max-width:1440px;--layout-readable-max-width:680px;--motion-duration-instant:0s;--motion-duration-micro:.14s;--motion-duration-panel:.21s;--motion-duration-page:.28s;--motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--motion-easing-enter:cubic-bezier(.05, .7, .1, 1);--motion-easing-exit:cubic-bezier(.3, 0, .8, .15);--motion-tv-focus-scale:1.04;--elevation-0:none;--elevation-1:0 1px 2px #00000052;--elevation-2:0 6px 16px #0000005c;--elevation-3:0 16px 40px #00000070;--z-base:0;--z-sticky:10;--z-mini-player:20;--z-overlay:30;--z-sheet:40;--z-modal:50;--z-toast:60;--z-player-chrome:70;--duration-toast:6s;--duration-toast-with-action:10s;--duration-undo-window:12s;--duration-tv-overlay-auto-hide:4.5s}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#101311;--bg-sunken:#0a0c0b;--bg-surface:#1b201d;--bg-elevated:#282d29;--bg-inverse:#f4f1e9;--bg-scrim:#0a0c0bb8;--bg-scrim-strong:#0a0c0be0;--fg-primary:#f4f1e9;--fg-secondary:#b9bdb5;--fg-tertiary:#8a9288;--fg-disabled:#5c635a;--fg-inverse:#101311;--fg-on-accent:#101311;--border-subtle:#394039;--border-control:#737b71;--border-strong:#b9bdb5;--border-focus:#ffe3a4;--accent-default:#f38b68;--accent-hover:#f6a586;--accent-pressed:#e2714d;--accent-subtle:#f38b6824;--accent-fg:#f38b68;--status-live-fg:#e65d4b;--status-live-solid:#b83a2a;--status-live-on-solid:#f4f1e9;--status-live-subtle:#e65d4b29;--status-success-fg:#8dc2a1;--status-success-solid:#8dc2a1;--status-success-on-solid:#101311;--status-success-subtle:#8dc2a124;--status-warning-fg:#e6b66a;--status-warning-solid:#e6b66a;--status-warning-on-solid:#101311;--status-warning-subtle:#e6b66a24;--status-danger-fg:#f07d77;--status-danger-solid:#f07d77;--status-danger-on-solid:#101311;--status-danger-subtle:#f07d7724;--status-info-fg:#d4d6cf;--status-info-solid:#d4d6cf;--status-info-on-solid:#101311;--status-info-subtle:#d4d6cf1a;--player-chrome:#0a0c0ba3;--player-track:#f4f1e93d;--player-buffer:#f4f1e97a;--player-progress:#f38b68;--player-live-edge:#e65d4b}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-canvas:#f7f5ef;--bg-sunken:#0a0c0b;--bg-surface:#fff;--bg-elevated:#fff;--bg-inverse:#101311;--bg-scrim:#1013118f;--bg-scrim-strong:#101311cc;--fg-primary:#101311;--fg-secondary:#4d554d;--fg-tertiary:#5c635a;--fg-disabled:#9ba299;--fg-inverse:#f4f1e9;--fg-on-accent:#fff;--border-subtle:#dcdcd3;--border-control:#737b71;--border-strong:#4d554d;--border-focus:#6b4e12;--accent-default:#a94a2c;--accent-hover:#c25835;--accent-pressed:#7c3620;--accent-subtle:#a94a2c1a;--accent-fg:#a94a2c;--status-live-fg:#b83a2a;--status-live-solid:#b83a2a;--status-live-on-solid:#fff;--status-live-subtle:#b83a2a1a;--status-success-fg:#3f7a57;--status-success-solid:#3f7a57;--status-success-on-solid:#fff;--status-success-subtle:#3f7a571a;--status-warning-fg:#8a6420;--status-warning-solid:#e6b66a;--status-warning-on-solid:#101311;--status-warning-subtle:#8a64201a;--status-danger-fg:#b03a35;--status-danger-solid:#b03a35;--status-danger-on-solid:#fff;--status-danger-subtle:#b03a351a;--status-info-fg:#4d554d;--status-info-solid:#4d554d;--status-info-on-solid:#fff;--status-info-subtle:#4d554d14;--player-chrome:#0a0c0ba3;--player-track:#f4f1e93d;--player-buffer:#f4f1e97a;--player-progress:#f38b68;--player-live-edge:#e65d4b}[data-theme=contrast]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#101311;--bg-sunken:#0a0c0b;--bg-surface:#1b201d;--bg-elevated:#282d29;--bg-inverse:#f4f1e9;--bg-scrim:#0a0c0be6;--bg-scrim-strong:#0a0c0be0;--fg-primary:#f4f1e9;--fg-secondary:#e8e8e1;--fg-tertiary:#b9bdb5;--fg-disabled:#8a9288;--fg-inverse:#101311;--fg-on-accent:#101311;--border-subtle:#737b71;--border-control:#b9bdb5;--border-strong:#f4f1e9;--border-focus:#ffe3a4;--accent-default:#f38b68;--accent-hover:#f6a586;--accent-pressed:#e2714d;--accent-subtle:#f38b6824;--accent-fg:#f38b68;--status-live-fg:#e65d4b;--status-live-solid:#b83a2a;--status-live-on-solid:#f4f1e9;--status-live-subtle:#e65d4b29;--status-success-fg:#8dc2a1;--status-success-solid:#8dc2a1;--status-success-on-solid:#101311;--status-success-subtle:#8dc2a124;--status-warning-fg:#e6b66a;--status-warning-solid:#e6b66a;--status-warning-on-solid:#101311;--status-warning-subtle:#e6b66a24;--status-danger-fg:#f07d77;--status-danger-solid:#f07d77;--status-danger-on-solid:#101311;--status-danger-subtle:#f07d7724;--status-info-fg:#d4d6cf;--status-info-solid:#d4d6cf;--status-info-on-solid:#101311;--status-info-subtle:#d4d6cf1a;--player-chrome:#0a0c0ba3;--player-track:#f4f1e93d;--player-buffer:#f4f1e97a;--player-progress:#f38b68;--player-live-edge:#e65d4b}@media (prefers-reduced-motion:reduce){:root{--motion-duration-micro:0s;--motion-duration-panel:0s;--motion-duration-page:0s;--motion-tv-focus-scale:1}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg-canvas);color:var(--fg-primary);font:var(--type-web-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,svg,video{max-width:100%;display:block}a{color:var(--accent-fg);text-underline-offset:3px}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-subtle);color:var(--fg-primary)}:focus{outline:none}:focus-visible{outline:var(--size-focus-ring-web) solid var(--border-focus);outline-offset:var(--size-focus-offset);border-radius:var(--radius-xs)}.t-display{font:var(--type-web-display);letter-spacing:var(--type-web-display-tracking);margin:0}.t-h1{font:var(--type-web-h1);letter-spacing:var(--type-web-h1-tracking);margin:0}.t-h2{font:var(--type-web-h2);margin:0}.t-h3{font:var(--type-web-h3);margin:0}.t-body{font:var(--type-web-body)}.t-label{font:var(--type-web-label);letter-spacing:var(--type-web-label-tracking)}.t-meta{font:var(--type-web-meta);color:var(--fg-secondary)}.t-caption{font:var(--type-web-caption);letter-spacing:var(--type-web-caption-tracking);text-transform:uppercase}.t-mono{font-family:var(--font-family-mono)}.muted{color:var(--fg-secondary)}.subtle{color:var(--fg-tertiary)}.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}.skip-link{left:var(--space-4);z-index:var(--z-toast);background:var(--accent-default);color:var(--fg-on-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.stack-lg{gap:var(--space-6);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.row-end{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.spacer{flex:1}.readable{max-width:var(--layout-readable-max-width)}.btn{--btn-h:44px;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--btn-h);padding:0 var(--space-5);border-radius:var(--radius-sm);font:var(--type-web-label);letter-spacing:var(--type-web-label-tracking);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-duration-micro) var(--motion-easing-standard), border-color var(--motion-duration-micro) var(--motion-easing-standard), color var(--motion-duration-micro) var(--motion-easing-standard);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn svg{width:var(--size-icon-md);height:var(--size-icon-md);stroke-width:var(--size-icon-stroke);flex:none}.btn-sm{--btn-h:36px;padding:0 var(--space-4)}.btn-lg{--btn-h:52px;padding:0 var(--space-6)}.btn-block{width:100%}.btn-primary{background:var(--accent-default);color:var(--fg-on-accent)}.btn-primary:hover{background:var(--accent-hover);color:var(--fg-on-accent)}.btn-primary:active{background:var(--accent-pressed)}.btn-secondary{color:var(--fg-primary);border-color:var(--border-control);background:0 0}.btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-elevated);color:var(--fg-primary)}.btn-ghost{color:var(--fg-primary);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--fg-primary)}.btn-danger{color:var(--status-danger-fg);border-color:var(--status-danger-fg);background:0 0}.btn-danger:hover{background:var(--status-danger-subtle);color:var(--status-danger-fg)}.btn-danger-solid{background:var(--status-danger-solid);color:var(--status-danger-on-solid)}.btn[disabled],.btn[aria-disabled=true]{background:var(--bg-elevated);color:var(--fg-disabled);cursor:not-allowed;border-color:#0000}.btn[aria-busy=true]{cursor:progress}.btn-icon{--btn-h:40px;width:var(--btn-h);padding:0}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font:var(--type-web-label);color:var(--fg-primary);gap:var(--space-2);align-items:baseline;display:flex}.field-label .opt{font:var(--type-web-meta);color:var(--fg-tertiary)}.field-hint{font:var(--type-web-meta);color:var(--fg-secondary);margin:0}.field-error{font:var(--type-web-meta);color:var(--status-danger-fg);gap:var(--space-2);align-items:flex-start;margin:0;display:flex}.field-error svg{flex:none;width:16px;height:16px;margin-top:1px}.input,.select,.textarea{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);background:var(--bg-surface);color:var(--fg-primary);border:1px solid var(--border-control);border-radius:var(--radius-sm);font:var(--type-web-body);transition:border-color var(--motion-duration-micro) var(--motion-easing-standard)}.textarea{resize:vertical;min-height:96px}.input::placeholder,.textarea::placeholder{color:var(--fg-tertiary)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:var(--size-focus-ring-web) solid var(--border-focus);outline-offset:0;border-color:var(--border-focus)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--status-danger-fg)}.input-group{display:flex;position:relative}.input-group .input{padding-right:52px}.input-group .btn-icon{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.check{gap:var(--space-3);cursor:pointer;grid-template-columns:24px 1fr;align-items:start;display:grid}.check input{width:20px;height:20px;accent-color:var(--accent-default);margin:2px 0 0}.check-desc{font:var(--type-web-meta);color:var(--fg-secondary);margin-top:var(--space-1)}.rules{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.rules li{gap:var(--space-2);font:var(--type-web-meta);color:var(--fg-secondary);align-items:center;display:flex}.rules li svg{width:16px;height:16px}.rules li[data-ok=true]{color:var(--status-success-fg)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5)}.card-elevated{background:var(--bg-elevated)}.card-interactive{cursor:pointer;transition:border-color var(--motion-duration-micro) var(--motion-easing-standard)}.card-interactive:hover{border-color:var(--border-control)}.badge{padding:2px var(--space-2);border-radius:var(--radius-xs);font:var(--type-web-caption);letter-spacing:var(--type-web-caption-tracking);text-transform:uppercase;background:var(--bg-elevated);color:var(--fg-secondary);align-items:center;gap:6px;display:inline-flex}.badge-live{background:var(--status-live-solid);color:var(--status-live-on-solid)}.badge-live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-success{background:var(--status-success-subtle);color:var(--status-success-fg)}.badge-warning{background:var(--status-warning-subtle);color:var(--status-warning-fg)}.badge-danger{background:var(--status-danger-subtle);color:var(--status-danger-fg)}.badge-accent{background:var(--accent-subtle);color:var(--accent-fg)}.chip{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-control);color:var(--fg-primary);font:var(--type-web-label);cursor:pointer;background:0 0;display:inline-flex}.chip[aria-pressed=true]{background:var(--fg-primary);color:var(--fg-inverse);border-color:var(--fg-primary)}.banner{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);grid-template-columns:auto 1fr auto;align-items:start;display:grid}.banner>svg{width:var(--size-icon-lg);height:var(--size-icon-lg);margin-top:1px}.banner-title{font:var(--type-web-body-strong);margin:0}.banner-body{font:var(--type-web-body);color:var(--fg-secondary);margin:var(--space-1) 0 0}.banner-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.banner-info>svg{color:var(--status-info-fg)}.banner-success{border-color:var(--status-success-subtle)}.banner-success>svg{color:var(--status-success-fg)}.banner-warning{border-color:var(--status-warning-subtle);background:color-mix(in srgb, var(--status-warning-subtle) 60%, var(--bg-surface))}.banner-warning>svg{color:var(--status-warning-fg)}.banner-danger{border-color:var(--status-danger-subtle);background:color-mix(in srgb, var(--status-danger-subtle) 60%, var(--bg-surface))}.banner-danger>svg{color:var(--status-danger-fg)}.support-ref{gap:var(--space-2);font:var(--type-web-meta);color:var(--fg-tertiary);align-items:center;display:inline-flex}.support-ref button{color:var(--fg-secondary);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.toasts{z-index:var(--z-toast);bottom:var(--space-5);gap:var(--space-2);width:min(560px, calc(100vw - 2 * var(--space-4)));pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-inverse);color:var(--fg-inverse);box-shadow:var(--elevation-2);animation:toast-in var(--motion-duration-panel) var(--motion-easing-enter);display:flex}.toast svg{flex:none;width:20px;height:20px}.toast-msg{font:var(--type-web-body);flex:1}.toast button{color:inherit;font:var(--type-web-label);cursor:pointer;padding:var(--space-2);background:0 0;border:0;text-decoration:underline}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.dialog-backdrop{z-index:var(--z-modal);background:var(--bg-scrim);padding:var(--space-4);animation:fade var(--motion-duration-panel) var(--motion-easing-standard);place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(520px,100%);max-height:calc(100vh - 2 * var(--space-6));background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--elevation-3);overflow:auto}.dialog h2{font:var(--type-web-h3);margin:0 0 var(--space-2)}.dialog p{color:var(--fg-secondary);margin:0}.dialog .row-end{margin-top:var(--space-6)}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.dialog-backdrop{animation:none}}.state{text-align:center;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);max-width:520px;margin:0 auto;display:grid}.state-icon{border-radius:var(--radius-md);background:var(--bg-elevated);width:56px;height:56px;color:var(--fg-secondary);place-items:center;display:grid}.state-icon svg{width:28px;height:28px}.state h2{font:var(--type-web-h3);margin:var(--space-2) 0 0}.state p{color:var(--fg-secondary);margin:0}.state .row{margin-top:var(--space-3);justify-content:center}.skeleton{background:var(--bg-elevated);border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin:6px 0}.skeleton-title{width:40%;height:28px}.table{border-collapse:collapse;width:100%;font:var(--type-web-body)}.table th{text-align:left;font:var(--type-web-caption);letter-spacing:var(--type-web-caption-tracking);text-transform:uppercase;color:var(--fg-tertiary);padding:var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--bg-canvas);position:sticky;top:0}.table td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);vertical-align:top}.table tr:hover td{background:color-mix(in srgb, var(--bg-surface) 50%, transparent)}.stats{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.stat{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.stat-value{font:var(--type-web-h2);font-variant-numeric:tabular-nums}.stat-label{font:var(--type-web-meta);color:var(--fg-secondary)}.segmented{gap:var(--space-2);grid-auto-flow:column;display:grid}.segment{text-align:left;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-control);background:var(--bg-surface);color:var(--fg-primary);cursor:pointer;font:var(--type-web-body);display:grid}.segment small{color:var(--fg-secondary);font:var(--type-web-meta)}.segment[aria-checked=true]{border-color:var(--accent-default);box-shadow:inset 0 0 0 1px var(--accent-default)}@media (max-width:720px){.segmented{grid-auto-flow:row}}.code-input{font-family:var(--font-family-mono);letter-spacing:.2em;text-transform:uppercase;text-align:center;font-size:28px}:root{--sidebar-w:248px}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{gap:var(--space-1);height:100vh;padding:var(--space-5) var(--space-3);border-right:1px solid var(--border-subtle);background:var(--bg-canvas);flex-direction:column;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);padding:0 var(--space-3) var(--space-5);font:var(--type-web-h3);font-family:var(--font-family-display);color:var(--fg-primary);text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--fg-primary);width:28px;height:28px;position:relative}.brand-mark:after{content:"";background:var(--accent-default);width:10px;height:10px;box-shadow:0 0 0 3px var(--bg-canvas);border-radius:50%;position:absolute;bottom:-3px;right:-3px}.nav-link{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--fg-secondary);font:var(--type-web-label);text-decoration:none;display:flex}.nav-link svg{stroke-width:1.75px;width:20px;height:20px}.nav-link:hover{color:var(--fg-primary);background:var(--bg-surface)}.nav-link[aria-current=page]{color:var(--fg-primary);background:var(--bg-surface);box-shadow:inset 3px 0 0 var(--accent-default)}.nav-link[aria-disabled=true]{color:var(--fg-disabled);cursor:not-allowed}.nav-section{margin:var(--space-5) var(--space-3) var(--space-2);color:var(--fg-tertiary);font:var(--type-web-caption);letter-spacing:var(--type-web-caption-tracking);text-transform:uppercase}.sidebar-foot{padding:var(--space-3);gap:var(--space-2);margin-top:auto;display:grid}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:var(--z-sticky);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:color-mix(in srgb, var(--bg-canvas) 92%, transparent);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:saturate(1.2)blur(8px);backdrop-filter:saturate(1.2)blur(8px);display:flex;position:sticky;top:0}.content{padding:var(--space-6);width:100%;max-width:var(--layout-content-max-width);flex:1;margin:0 auto}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-head p{margin:var(--space-2) 0 0;color:var(--fg-secondary);max-width:64ch}.footer{padding:var(--space-6);border-top:1px solid var(--border-subtle);color:var(--fg-tertiary);font:var(--type-web-meta);gap:var(--space-5);flex-wrap:wrap;display:flex}.footer a{color:var(--fg-secondary)}.mobile-nav{display:none}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:var(--space-4);padding-bottom:96px}.topbar{padding:var(--space-3) var(--space-4)}.mobile-nav{z-index:var(--z-sticky);background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{padding:var(--space-2) 0;color:var(--fg-secondary);font:var(--type-web-caption);justify-items:center;gap:2px;text-decoration:none;display:grid}.mobile-nav a[aria-current=page]{color:var(--accent-fg)}.mobile-nav svg{width:22px;height:22px}}.hero{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.hero-top{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;display:flex}.hero-body{align-content:center;gap:var(--space-6);padding:var(--space-6);width:100%;max-width:1100px;margin:0 auto;display:grid}.hero-body h1{font:var(--type-web-display);letter-spacing:-.02em;max-width:14ch;font-size:clamp(40px,6vw,72px);line-height:1.05}.hero-body .lead{font:var(--type-web-h3);color:var(--fg-secondary);max-width:52ch;margin:0;font-weight:400}.points{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.point{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);color:var(--fg-secondary)}.point svg{color:var(--accent-fg);margin-bottom:var(--space-3)}.focus-page{min-height:100vh;padding:var(--space-5);place-items:center;display:grid}.focus-card{gap:var(--space-5);width:min(460px,100%);display:grid}.focus-card h1{font:var(--type-web-h1);font-family:var(--font-family-display)}.checklist{gap:var(--space-2);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}.checklist li{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;display:flex}.checklist li[data-done=true]{color:var(--fg-secondary)}.checklist li svg{flex:none;width:20px;height:20px}.checklist li[data-done=true] svg{color:var(--status-success-fg)}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.profile-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.avatar{aspect-ratio:1;border-radius:var(--radius-md);font:var(--type-web-h1);font-family:var(--font-family-display);color:var(--fg-primary);place-items:center;display:grid}.profile-tile{gap:var(--space-3);text-align:center;color:var(--fg-secondary);cursor:pointer;font:var(--type-web-label);background:0 0;border:0;padding:0;display:grid}.profile-tile:hover .avatar,.profile-tile:focus-visible .avatar{outline:3px solid var(--border-focus);outline-offset:3px}.sample-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.sample-list li{gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);grid-template-columns:40px 1fr auto;align-items:center;display:grid}.sample-list li:nth-child(odd){background:var(--bg-surface)}.logo-box{border-radius:var(--radius-xs);background:var(--bg-elevated);place-items:center;width:40px;height:28px;display:grid;overflow:hidden}.logo-box img{object-fit:contain;width:100%;height:100%}.dropzone{border:1.5px dashed var(--border-control);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;cursor:pointer;color:var(--fg-secondary)}.dropzone[data-over=true]{border-color:var(--accent-default);background:var(--accent-subtle);color:var(--fg-primary)}