.vy-btn{--_bg:var(--brand);--_fg:var(--on-brand);--_bd:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:600;line-height:1;white-space:nowrap;border:var(--border-w-strong) solid var(--_bd);border-radius:var(--radius-pill);background:var(--_bg);color:var(--_fg);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out);-webkit-tap-highlight-color:transparent;text-decoration:none}.vy-btn:focus-visible{outline:none;box-shadow:var(--ring-focus)}.vy-btn:active{transform:translateY(1px) scale(.985)}.vy-btn[disabled]{cursor:not-allowed;opacity:.5}.vy-btn--sm{height:36px;padding:0 16px;font-size:var(--text-sm)}.vy-btn--md{height:44px;padding:0 22px;font-size:var(--text-base)}.vy-btn--lg{height:54px;padding:0 30px;font-size:var(--text-md)}.vy-btn--primary{--_bg:var(--brand);--_fg:var(--on-brand);box-shadow:var(--shadow-brand)}.vy-btn--primary:hover:not([disabled]){--_bg:var(--brand-hover);box-shadow:0 10px 28px rgba(0,168,120,.34)}.vy-btn--secondary{--_bg:var(--color-surface);--_fg:var(--text-strong);--_bd:var(--border-strong);box-shadow:var(--shadow-xs)}.vy-btn--secondary:hover:not([disabled]){--_bd:var(--brand);--_fg:var(--brand-active);background:var(--brand-weak)}.vy-btn--ghost{--_bg:transparent;--_fg:var(--text-strong)}.vy-btn--ghost:hover:not([disabled]){background:var(--color-surface-sunken)}.vy-btn--accent{--_bg:var(--accent);--_fg:var(--on-accent);box-shadow:var(--shadow-sun)}.vy-btn--accent:hover:not([disabled]){filter:brightness(1.04)}.vy-btn--danger{--_bg:var(--danger);--_fg:#fff}.vy-btn--danger:hover:not([disabled]){filter:brightness(1.05)}.vy-btn--block{width:100%}.vy-field{display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-body)}.vy-field__label{font-size:var(--text-sm);font-weight:600;color:var(--text-strong)}.vy-field__label .req{color:var(--danger);margin-left:2px}.vy-field__hint{font-size:var(--text-xs);color:var(--text-muted)}.vy-field__hint--err{color:var(--danger)}.vy-input{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:var(--border-w-strong) solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-4);height:48px;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.vy-input:focus-within{border-color:var(--brand);box-shadow:var(--ring-focus)}.vy-input--err{border-color:var(--danger)}.vy-input--err:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 30%,transparent)}.vy-input__icon{display:inline-flex;color:var(--text-muted);flex:none}.vy-input input{flex:1;border:none;outline:none;background:transparent;min-width:0;font-family:inherit;font-size:var(--text-base);color:var(--text-strong)}.vy-input input::placeholder{color:var(--text-faint)}.vy-input--disabled{background:var(--color-surface-sunken);opacity:.7}.vy-card{background:var(--color-surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-body);transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.vy-card--sm{border-radius:var(--radius-md)}.vy-card--flat{box-shadow:none}.vy-card--raised{box-shadow:var(--shadow-md);border-color:transparent}.vy-card--floating{box-shadow:var(--shadow-lg);border-color:transparent}.vy-card--interactive{cursor:pointer}.vy-card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:transparent}.vy-card--interactive:active{transform:translateY(-1px)}.vy-card__media,.vy-card__media img{display:block;width:100%}.vy-card__media img{height:100%;object-fit:cover}.vy-card__body{padding:var(--space-5)}.vy-card--pad-lg .vy-card__body{padding:var(--space-6)}.vy-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-weight:600;font-size:var(--text-xs);line-height:1;letter-spacing:.01em;padding:5px 10px;border-radius:var(--radius-pill);border:1px solid transparent;white-space:nowrap}.vy-badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.vy-badge--neutral{background:var(--gray-100);color:var(--gray-700)}.vy-badge--brand{background:var(--brand-weak);color:var(--green-700)}.vy-badge--accent{background:var(--sun-50);color:var(--sun-600)}.vy-badge--success{background:var(--success-weak);color:var(--green-700)}.vy-badge--warning{background:var(--warning-weak);color:var(--sun-600)}.vy-badge--danger{background:var(--danger-weak);color:var(--red-700)}.vy-badge--info{background:var(--info-weak);color:var(--sky-700)}.vy-badge--solid{background:var(--brand);color:#fff}.vy-badge--outline{background:transparent;border-color:var(--border-strong);color:var(--text-body)}.vy-seg{display:inline-flex;background:var(--color-surface-sunken);border-radius:var(--radius-pill);padding:4px;gap:2px;font-family:var(--font-body)}.vy-seg__opt{appearance:none;border:none;background:transparent;cursor:pointer;font-family:inherit;font-weight:600;font-size:var(--text-sm);color:var(--text-muted);padding:8px 16px;border-radius:var(--radius-pill);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.vy-seg__opt:hover{color:var(--text-strong)}.vy-seg__opt[aria-pressed=true]{background:var(--color-surface);color:var(--text-brand);box-shadow:var(--shadow-xs)}.vy-seg--brand .vy-seg__opt[aria-pressed=true]{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.vy-iconbtn{display:inline-flex;align-items:center;justify-content:center;border:var(--border-w-strong) solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-body);cursor:pointer;padding:0;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.vy-iconbtn:active{transform:scale(.92)}.vy-iconbtn:focus-visible{outline:none;box-shadow:var(--ring-focus)}.vy-iconbtn[disabled]{opacity:.45;cursor:not-allowed}.vy-iconbtn--sm{width:36px;height:36px}.vy-iconbtn--md{width:44px;height:44px}.vy-iconbtn--lg{width:52px;height:52px}.vy-iconbtn--ghost:hover:not([disabled]){background:var(--color-surface-sunken);color:var(--text-strong)}.vy-iconbtn--soft{background:var(--brand-weak);color:var(--brand-active)}.vy-iconbtn--soft:hover:not([disabled]){background:var(--brand-weak-2)}.vy-iconbtn--solid{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand)}.vy-iconbtn--solid:hover:not([disabled]){background:var(--brand-hover)}.vy-iconbtn--outline{border-color:var(--border-strong);color:var(--text-strong)}.vy-iconbtn--outline:hover:not([disabled]){border-color:var(--brand);color:var(--brand-active);background:var(--brand-weak)}.vy-select{display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-body)}.vy-select__label{font-size:var(--text-sm);font-weight:600;color:var(--text-strong)}.vy-select__wrap{position:relative}.vy-select select{appearance:none;-webkit-appearance:none;width:100%;height:48px;font-family:inherit;font-size:var(--text-base);color:var(--text-strong);background:var(--color-surface);border:var(--border-w-strong) solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-10) 0 var(--space-4);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.vy-select select:focus-visible{outline:none;border-color:var(--brand);box-shadow:var(--ring-focus)}.vy-select select:disabled{background:var(--color-surface-sunken);opacity:.7;cursor:not-allowed}.vy-select__chev{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);display:inline-flex}.vy-check{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-family:var(--font-body);user-select:none}.vy-check input{position:absolute;opacity:0;width:0;height:0}.vy-check__box{flex:none;width:22px;height:22px;border-radius:var(--radius-sm);margin-top:1px;border:var(--border-w-strong) solid var(--border-strong);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.vy-check__box svg{opacity:0;transform:scale(.5);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.vy-check input:checked+.vy-check__box{background:var(--brand);border-color:var(--brand)}.vy-check input:checked+.vy-check__box svg{opacity:1;transform:scale(1)}.vy-check input:focus-visible+.vy-check__box{box-shadow:var(--ring-focus)}.vy-check:active .vy-check__box{transform:scale(.9)}.vy-check__body{display:flex;flex-direction:column;gap:2px}.vy-check__label{font-size:var(--text-base);color:var(--text-strong);font-weight:500;line-height:1.4}.vy-check__desc{font-size:var(--text-sm);color:var(--text-muted)}.vy-check--disabled{opacity:.5;cursor:not-allowed}.vy-alert{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);font-family:var(--font-body);background:var(--color-surface)}.vy-alert__icon{flex:none;display:inline-flex;margin-top:1px}.vy-alert__body{display:flex;flex-direction:column;gap:3px;min-width:0}.vy-alert__title{font-weight:700;color:var(--text-strong);font-size:var(--text-base)}.vy-alert__msg{font-size:var(--text-sm);color:var(--text-body);line-height:1.5}.vy-alert--info{background:var(--info-weak);border-color:color-mix(in srgb,var(--info) 25%,transparent)}.vy-alert--info .vy-alert__icon{color:var(--sky-700)}.vy-alert--success{background:var(--success-weak);border-color:color-mix(in srgb,var(--success) 28%,transparent)}.vy-alert--success .vy-alert__icon{color:var(--green-700)}.vy-alert--warning{background:var(--warning-weak);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.vy-alert--warning .vy-alert__icon{color:var(--sun-600)}.vy-alert--danger{background:var(--danger-weak);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.vy-alert--danger .vy-alert__icon{color:var(--red-700)}