:root {
  --bg: #FFFFFF;
  --panel: #F5F4F0;
  --panel-2: #ECEAE4;
  --ink: #1A1A1A;
  --ink-2: #5F5E5A;
  --ink-3: #747270;
  --hairline: #E6E4DF;
  --accent: #C8400D;
  --accent-hover: #A63509;
  --accent-press: #8F2E07;
  --accent-soft: #FDEBE2;
  --accent-ink: #9A3407;
  --on-accent: #FFFFFF;
  --success: #1E8E5A; --success-soft: #E3F5EC; --success-ink: #146B43; --warning-soft: #FBF1DC; --warning-ink: #865914;
  --danger: #D93025;  --danger-soft: #FCE8E6;  --danger-ink: #A3231B;    --info-soft: #E6EEFC;    --info-ink: #1F4FAF;
  --surface-inverse: var(--ink);
  --text-body: var(--ink);
  --text-muted: var(--ink-2);
  --text-faint: var(--ink-3);
  --text-inverse: var(--bg);
  --text-link: var(--accent);
  --focus: var(--accent);
  color-scheme: light;
  --font-display: var(--font-inter-tight), 'Inter Tight', ui-sans-serif, system-ui, sans-serif;
  --font-sans: var(--font-inter), 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono: var(--font-plex-mono), 'IBM Plex Mono', ui-monospace, monospace;
  --text-body: 15px;     --lh-body: 23px;
  --radius-xs: 4px; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-xl: 20px; --radius-pill: 999px;
  --shadow-popover: 0 8px 24px rgb(0 0 0 / .10);
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--focus);
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --dur-1: 120ms; --dur-2: 180ms;
}
@media (max-width: 640px) {
}
[data-theme="dark"] {
  --bg: #111111;
  --panel: #1C1C1C;
  --panel-2: #262626;
  --ink: #F3F3F1;
  --ink-2: #A6A49E;
  --ink-3: #8C8A84;
  --hairline: #2C2C2C;
  --accent: #FF6A2B;
  --accent-hover: #FF8148;
  --accent-press: #F05A1A;
  --accent-soft: #3A1E12;
  --accent-ink: #FFB08A;
  --on-accent: #1A1A1A;
  --success: #3DBE82; --success-soft: #13291F; --success-ink: #7FDDB0; --warning-soft: #2E2412; --warning-ink: #F0C67E;
  --danger: #FF6B5E;  --danger-soft: #331715;  --danger-ink: #FFA39A;    --info-soft: #152238;    --info-ink: #A9C4FF;
  --shadow-popover: 0 8px 24px rgb(0 0 0 / .5);
  color-scheme: dark;
}
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-sans); font-size: var(--text-body); line-height: var(--lh-body); -webkit-font-smoothing: antialiased; }
a { color: var(--text-link); text-decoration: none; }
a:hover { color: var(--accent-hover); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-xs); }
::selection { background: var(--accent-soft); color: var(--ink); }
.vt-icon{display:inline-block;flex:none;vertical-align:middle}
.vt-btn{--h:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 16px;border-radius:var(--radius-md);border:1px solid transparent;font:500 14px/1 var(--font-sans);cursor:pointer;white-space:nowrap;transition:background var(--dur-1) var(--ease-out),color var(--dur-1),border-color var(--dur-1),box-shadow var(--dur-1);user-select:none;text-decoration:none;box-sizing:border-box}
.vt-btn[data-size="sm"]{--h:32px;padding:0 12px;font-size:13px;gap:6px}
.vt-btn[aria-busy="true"]{white-space:normal;height:auto;min-height:var(--h);max-width:100%;padding-block:7px;text-align:left;line-height:1.3}
.vt-btn[data-size="lg"]{--h:48px;padding:0 20px;font-size:15px}
.vt-btn[data-block="true"]{width:100%}
.vt-btn:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-md)}
.vt-btn:hover{text-decoration:none}
.vt-btn[data-variant="primary"]{background:var(--ink);color:var(--bg)}
.vt-btn[data-variant="primary"]:hover:not(:disabled){background:color-mix(in oklab,var(--ink) 88%,var(--bg))}
.vt-btn[data-variant="primary"]:active:not(:disabled){background:color-mix(in oklab,var(--ink) 80%,var(--bg))}
.vt-btn[data-variant="accent"]{background:var(--accent);color:var(--on-accent)}
.vt-btn[data-variant="accent"]:hover:not(:disabled){background:var(--accent-hover)}
.vt-btn[data-variant="accent"]:active:not(:disabled){background:var(--accent-press)}
.vt-btn[data-variant="success"]{background:var(--success);color:#fff}
.vt-btn[data-variant="success"]:hover:not(:disabled){background:color-mix(in oklab,var(--success) 88%,#000)}
.vt-btn[data-variant="secondary"]{background:var(--bg);color:var(--ink);border-color:var(--hairline)}
.vt-btn[data-variant="secondary"]:hover:not(:disabled){border-color:var(--ink-3)}
.vt-btn[data-variant="secondary"]:active:not(:disabled){background:var(--panel)}
.vt-btn[data-variant="quiet"]{background:transparent;color:var(--ink)}
.vt-btn[data-variant="quiet"]:hover:not(:disabled){background:var(--panel)}
.vt-btn[data-variant="quiet"]:active:not(:disabled){background:var(--panel-2)}
.vt-btn[data-variant="danger"]{background:var(--bg);color:var(--danger-ink);border-color:color-mix(in oklab,var(--danger) 35%,transparent)}
.vt-btn[data-variant="danger"]:hover:not(:disabled){background:var(--danger-soft)}
.vt-btn[data-variant="danger-solid"]{background:var(--danger);color:var(--on-accent)}
.vt-btn[data-variant="danger-solid"]:hover:not(:disabled){background:color-mix(in oklab,var(--danger) 88%,#000)}
.vt-btn:disabled{cursor:not-allowed;opacity:.45}
.vt-btn[aria-busy="true"]{cursor:progress;opacity:1}
.vt-input,.vt-textarea,.vt-select{width:100%;font:400 14px/20px var(--font-sans);color:var(--ink);background:var(--bg);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:9px 12px;transition:border-color var(--dur-1),box-shadow var(--dur-1);outline:none;box-sizing:border-box}
.vt-input{height:40px}
.vt-input[data-has-prefix="true"]{padding-left:36px}
.vt-input[data-has-suffix="true"]{padding-right:36px}
.vt-textarea{resize:vertical;min-height:96px;line-height:21px;padding:10px 12px}
.vt-input::placeholder,.vt-textarea::placeholder{color:var(--ink-3)}
.vt-input:hover,.vt-textarea:hover,.vt-select:hover{border-color:var(--ink-3)}
.vt-input:focus,.vt-textarea:focus,.vt-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.vt-input[aria-invalid="true"],.vt-textarea[aria-invalid="true"],.vt-select[aria-invalid="true"]{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}
.vt-input:disabled,.vt-textarea:disabled,.vt-select:disabled{background-color:var(--panel);color:var(--ink-3);cursor:not-allowed}
.vt-select{appearance:none;height:40px;padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235F5E5A' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center}
[data-theme="dark"] .vt-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A6A49E' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>")}
.vt-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--radius-pill);font:500 12px/1 var(--font-sans);white-space:nowrap;border:1px solid transparent;box-sizing:border-box}
.vt-badge[data-size="sm"]{height:18px;font-size:11px;padding:0 6px;gap:4px}
.vt-badge[data-fill="outline"]{border-color:var(--hairline)}
.vt-badge[data-tone="neutral"]{background:var(--panel);color:var(--ink-2)}
.vt-badge[data-tone="success"]{background:var(--success-soft);color:var(--success-ink)}
.vt-badge[data-tone="warning"]{background:var(--warning-soft);color:var(--warning-ink)}
.vt-badge[data-tone="danger"]{background:var(--danger-soft);color:var(--danger-ink)}
.vt-badge[data-tone="info"]{background:var(--info-soft);color:var(--info-ink)}
.vt-badge[data-tone="accent"]{background:var(--accent-soft);color:var(--accent-ink)}
.vt-card .vt-badge[data-tone="neutral"]{background:var(--panel-2)}
.vt-card{background:var(--panel);border-radius:var(--radius-lg);overflow:hidden;min-width:0;box-sizing:border-box}
.vt-card[data-variant="flat"]{background:var(--panel)}
.vt-card[data-variant="sunk"]{background:var(--panel-2)}
.vt-card[data-variant="white"]{background:var(--bg);box-shadow:0 0 0 1px var(--hairline)}
.vt-card[data-interactive="true"]{cursor:pointer;transition:box-shadow var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}
.vt-card[data-interactive="true"]:hover{background:var(--bg);box-shadow:var(--shadow-popover)}
.vt-card[data-selected="true"],.vt-card[data-selected="true"]:hover{box-shadow:0 0 0 2px var(--accent)}
@media (pointer:coarse){
  .vt-btn[data-size="sm"]{--h:40px}
  .vt-btn[data-size="md"]{--h:44px}
}