:root{--bg-primary:#f4f6fb;--bg-secondary:#eaeff7;--bg-card:#fff;--bg-hover:#eef2f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#8a97ab;--accent-primary:#0f766e;--accent-secondary:#0369a1;--accent-gradient:linear-gradient(135deg, #0f766e, #0369a1);--accent-soft:#0f766e14;--accent-ring:#0f766e29;--success:#15803d;--warning:#b45309;--danger:#b91c1c;--info:#0369a1;--border-subtle:#e3e8f0;--border-strong:#cbd5e1;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--radius-sm:6px;--radius-md:9px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 1px 3px #0f172a0f, 0 4px 12px #0f172a0d;--shadow-lg:0 1px 3px #0f172a0f, 0 12px 32px #0f172a14;--transition-fast:.14s ease;--transition-base:.24s ease;--transition-slow:.34s ease}[data-theme=dark]{--bg-primary:#0b1120;--bg-secondary:#111a2e;--bg-card:#161f35;--bg-hover:#1e2a47;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#2dd4bf;--accent-secondary:#38bdf8;--accent-gradient:linear-gradient(135deg, #2dd4bf, #38bdf8);--accent-soft:#2dd4bf1f;--accent-ring:#2dd4bf38;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--border-subtle:#ffffff17;--border-strong:#ffffff29;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 14px #0006;--shadow-lg:0 12px 34px #00000073}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;transition:background var(--transition-base), color var(--transition-base);line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.vd-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.vd-field{display:block}.vd-label{letter-spacing:.01em;color:var(--text-secondary);margin:0 0 6px;font-size:.82rem;font-weight:600;display:block}.vd-input,.vd-select{width:100%;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;padding:11px 14px;font-family:inherit;font-size:.92rem}.vd-input::placeholder{color:var(--text-muted)}.vd-select{cursor:pointer;padding-right:34px}.vd-select-empty{color:var(--text-muted)}.vd-input:hover:not(:focus),.vd-select:hover:not(:focus){border-color:var(--text-muted)}.vd-input:focus,.vd-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.vd-input[aria-invalid=true],.vd-select[aria-invalid=true]{border-color:var(--danger)}.vd-hint{color:var(--text-muted);margin:5px 2px 0;font-size:.75rem;line-height:1.4}.vd-code-input{text-align:center;letter-spacing:.14em;text-transform:uppercase;padding:11px 12px;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;font-size:.95rem}.vd-btn{color:#fff;background:var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:filter var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.93rem;font-weight:600;display:inline-flex}.vd-btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-md)}.vd-btn:active:not(:disabled){filter:brightness(.96)}.vd-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.vd-btn-ghost{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-strong);box-shadow:none}.vd-btn-ghost:hover:not(:disabled){filter:none;background:var(--bg-hover);color:var(--text-primary);box-shadow:none}.vd-accent-text{color:var(--accent-primary)}.vd-alert{text-align:left;border-radius:var(--radius-md);border:1px solid;gap:10px;padding:10px 12px;font-size:.82rem;line-height:1.5;display:flex}.vd-alert-error{color:var(--danger);background:#b91c1c0f;border-color:#b91c1c38}[data-theme=dark] .vd-alert-error{background:#f871711a;border-color:#f8717147}.vd-alert-info{color:var(--text-secondary);background:var(--accent-soft);border-color:var(--border-subtle)}.vd-divider{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;font-size:.75rem;font-weight:600;display:flex}.vd-divider:before,.vd-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.vd-muted-link{color:var(--accent-primary);font-weight:600}.vd-muted-link:hover{text-decoration:underline}@keyframes vd-spin{to{transform:rotate(360deg)}}.vd-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.6s linear infinite vd-spin;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}