.vc-demo{--d-bg:#f6f7f9;--d-surface:#fff;--d-surface-2:#f1f3f6;--d-ink:#1a1a1a;--d-ink-2:#4a4a4a;--d-muted:#656b75;--d-line:#e6e8ec;--d-accent:#06f;--d-accent-ink:#0052cc;--d-btn-bg:#06f;--d-btn-bg-hover:#0052cc;--d-pos:#12805c;--d-neg:#d1435b;--d-warn:#b26b00;--d-radius:1.25rem;--d-radius-sm:.75rem;--d-shadow:0 2px 12px #1018280f;--d-shadow-lg:0 12px 40px #1018281f;--d-ring:0 0 0 3px color-mix(in srgb, var(--d-accent) 26%, transparent);--d-ease:cubic-bezier(.2, .7, .3, 1);--c1:#06f;--c2:#12805c;--c3:#b26b00;--c4:#7c5cff;--c5:#d1435b;--c6:#00a3a3;color:var(--d-ink);background:var(--d-bg);font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.vc-demo.dark{--d-bg:#0d0f12;--d-surface:#16191e;--d-surface-2:#1c2026;--d-ink:#f3f5f7;--d-ink-2:#c2c7cf;--d-muted:#8a909a;--d-line:#262b33;--d-accent:#3d8bff;--d-accent-ink:#66a4ff;--d-btn-bg:#06f;--d-btn-bg-hover:#0052cc;--d-pos:#34d399;--d-neg:#fb7185;--d-warn:#fbbf24;--d-shadow:0 2px 12px #0006;--d-shadow-lg:0 16px 50px #0000008c;--c1:#3d8bff;--c2:#34d399;--c3:#fbbf24;--c4:#a78bfa;--c5:#fb7185;--c6:#2dd4bf}.vc-demo ::selection{background:color-mix(in srgb, var(--d-accent) 28%, transparent)}.vc-demo ::placeholder{color:var(--d-muted);opacity:1}.vc-demo .d-mono{font-family:var(--font-mono), ui-monospace, monospace;font-feature-settings:"tnum" 1}.vc-demo .d-card{background:var(--d-surface);border:1px solid var(--d-line);border-radius:var(--d-radius);box-shadow:var(--d-shadow)}.vc-demo .d-card-flat{background:var(--d-surface);border:1px solid var(--d-line);border-radius:var(--d-radius-sm)}.vc-demo .d-hoverable{transition:transform .22s var(--d-ease), box-shadow .22s ease, border-color .22s ease;will-change:transform}@media (hover:hover){.vc-demo .d-hoverable:hover{box-shadow:var(--d-shadow-lg);border-color:color-mix(in srgb, var(--d-accent) 42%, var(--d-line));transform:translateY(-3px)}}.vc-demo a.d-hoverable:active,.vc-demo button.d-hoverable:active{transform:translateY(-1px)scale(.995)}.vc-demo a.d-hoverable:focus-visible,.vc-demo button.d-hoverable:focus-visible{box-shadow:var(--d-shadow-lg), var(--d-ring);border-color:color-mix(in srgb, var(--d-accent) 45%, var(--d-line));outline:none}.vc-demo .d-chip{letter-spacing:.02em;border:1px solid var(--d-line);color:var(--d-ink-2);background:var(--d-surface-2);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.vc-demo .d-btn{font:inherit;background:var(--d-btn-bg);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background .18s ease, box-shadow .22s ease, transform .12s var(--d-ease), border-color .18s ease, color .18s ease, opacity .18s ease;border:1px solid #0000;border-radius:.7rem;justify-content:center;align-items:center;gap:.5rem;padding:.62rem 1.05rem;font-size:.9rem;font-weight:650;line-height:1;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 1px 2px #10182824,0 1px 3px #10182814}.vc-demo .d-btn svg{flex-shrink:0;width:1.05em;height:1.05em}.vc-demo .d-btn:hover{background:var(--d-btn-bg-hover);box-shadow:0 6px 18px color-mix(in srgb, var(--d-accent) 34%, transparent);transform:translateY(-1px)}.vc-demo .d-btn:active{transform:translateY(0)scale(.975);box-shadow:0 1px 2px #10182829}.vc-demo .d-btn:focus-visible{box-shadow:var(--d-ring), 0 1px 2px #10182824;outline:none}.vc-demo .d-btn:disabled,.vc-demo .d-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;filter:saturate(.75);transform:none}.vc-demo .d-btn-secondary{background:var(--d-surface-2);color:var(--d-ink);border-color:var(--d-line);box-shadow:0 1px 2px #1018280f}.vc-demo .d-btn-secondary:hover{background:color-mix(in srgb, var(--d-accent) 9%, var(--d-surface-2));border-color:color-mix(in srgb, var(--d-accent) 32%, var(--d-line));color:var(--d-ink)}.vc-demo .d-btn-secondary:active{background:var(--d-surface-2)}.vc-demo .d-btn-ghost{color:var(--d-ink);border-color:var(--d-line);box-shadow:none;background:0 0}.vc-demo .d-btn-ghost:hover{background:var(--d-surface-2);color:var(--d-ink);box-shadow:var(--d-shadow);transform:translateY(-1px)}.vc-demo .d-btn-ghost:active{background:var(--d-surface-2);box-shadow:none}.vc-demo .d-btn-danger{background:var(--d-neg);color:#fff}.vc-demo .d-btn-danger:hover{background:color-mix(in srgb, var(--d-neg) 82%, #000);box-shadow:0 6px 18px color-mix(in srgb, var(--d-neg) 32%, transparent)}.vc-demo .d-btn{min-width:40px;min-height:40px}.vc-demo .d-btn-sm{border-radius:.6rem;gap:.35rem;min-height:40px;padding:.4rem .72rem;font-size:.8rem}.vc-demo .d-btn-lg{border-radius:.8rem;padding:.82rem 1.4rem;font-size:1rem}.vc-demo .d-btn-block{width:100%}.vc-demo input:not([type=checkbox]):not([type=radio]):not([type=range]),.vc-demo select,.vc-demo textarea{font:inherit;color:var(--d-ink);accent-color:var(--d-accent);transition:border-color .18s,box-shadow .2s,background .18s}.vc-demo input:not([type=checkbox]):not([type=radio]):not([type=range]):hover,.vc-demo select:hover,.vc-demo textarea:hover{border-color:color-mix(in srgb, var(--d-ink) 18%, var(--d-line))}.vc-demo input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,.vc-demo select:focus,.vc-demo textarea:focus,.vc-demo input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,.vc-demo select:focus-visible,.vc-demo textarea:focus-visible{box-shadow:var(--d-ring);outline:none;border-color:color-mix(in srgb, var(--d-accent) 55%, var(--d-line))!important}.vc-demo .d-input{width:100%;font:inherit;color:var(--d-ink);background:var(--d-bg);border:1px solid var(--d-line);border-radius:.65rem;outline:none;padding:.6rem .75rem;transition:border-color .18s,box-shadow .2s,background .18s}.vc-demo .d-seg{background:var(--d-surface-2);border:1px solid var(--d-line);border-radius:.7rem;gap:2px;padding:3px;display:inline-flex}.vc-demo .d-seg>button{font:inherit;color:var(--d-muted);cursor:pointer;transition:color .15s ease, background .2s var(--d-ease), box-shadow .2s ease;background:0 0;border:none;border-radius:.55rem;padding:.38rem .8rem;font-size:.8rem;font-weight:600}.vc-demo .d-seg>button:hover{color:var(--d-ink)}.vc-demo .d-seg>button[data-active=true]{background:var(--d-surface);color:var(--d-ink);box-shadow:var(--d-shadow)}.vc-demo .d-seg>button:focus-visible{box-shadow:var(--d-ring);outline:none}.vc-demo a:focus-visible,.vc-demo button:not(.d-btn):not(.d-seg>button):focus-visible{box-shadow:var(--d-ring);border-radius:8px;outline:none}.vc-demo .d-tap{min-height:44px}.vc-demo .d-skel{background:var(--d-surface-2);border-radius:.6rem;position:relative;overflow:hidden}.vc-demo .d-skel:after{content:"";animation:d-shimmer 1.5s var(--d-ease) infinite;background:linear-gradient(90deg,#0000,#94a3b824,#0000);position:absolute;inset:0;transform:translate(-100%)}@keyframes d-shimmer{to{transform:translate(100%)}}@keyframes d-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.vc-demo .d-enter{animation:d-fade-up .5s var(--d-ease) both}.vc-demo .d-scroll::-webkit-scrollbar{width:9px;height:9px}.vc-demo .d-scroll::-webkit-scrollbar-thumb{background:var(--d-line);border:2px solid var(--d-surface);border-radius:999px}.vc-demo .d-scroll::-webkit-scrollbar-thumb:hover{background:var(--d-muted)}.vc-demo .d-scroll{scrollbar-width:thin;scrollbar-color:var(--d-line) transparent}.vc-demo .d-list-row{transition:background .18s var(--d-ease);border-radius:.6rem}.vc-demo .d-list-row:hover{background:var(--d-surface-2)}.vc-demo .d-list-row:focus-visible{box-shadow:var(--d-ring);background:var(--d-surface-2);outline:none}@media (max-width:760px){.vc-demo .d-list-row{min-height:52px}}@media (max-width:820px){.vc-demo [data-two-col]{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){.vc-demo *,.vc-demo :after,.vc-demo :before{transition-duration:.001ms!important;animation-duration:.001ms!important}.vc-demo .d-hoverable:hover,.vc-demo .d-btn:hover,.vc-demo .d-btn:active{transform:none}}