.ds-btn{font:500 var(--text-sm)/1 var(--font-button);border:1px solid transparent;border-radius:var(--radius-pill);padding:12px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.ds-btn:active{transform:scale(.97)}.ds-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.ds-btn--sm{padding:8px 16px;font-size:var(--text-xs)}.ds-btn--lg{padding:16px 30px;font-size:var(--text-md)}
.ds-btn--primary{background:var(--accent);color:#fff}.ds-btn--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-lg)}
.ds-btn--secondary{background:var(--surface);color:var(--fg-1);border-color:var(--border-strong)}.ds-btn--secondary:hover{border-color:var(--accent);color:var(--accent)}
.ds-btn--ghost{background:transparent;color:var(--accent)}.ds-btn--ghost:hover{background:var(--accent-soft)}
.ds-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}
.ds-badge{display:inline-flex;align-items:center;font:600 var(--text-xs)/1 var(--font-ui);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:6px 10px;border-radius:var(--radius-pill)}
.ds-badge--violet{background:var(--violet-100);color:var(--violet-800)}.ds-badge--cyan{background:var(--cyan-100);color:var(--cyan-700)}.ds-badge--neutral{background:var(--neutral-100);color:var(--fg-2)}
.ds-field{display:flex;flex-direction:column;gap:6px;font:500 var(--text-sm) var(--font-ui);color:var(--fg-2)}
.ds-input{font:400 var(--text-md) var(--font-ui);color:var(--fg-1);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 16px;transition:border-color var(--dur),box-shadow var(--dur)}
.ds-input::placeholder{color:var(--neutral-500)}.ds-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--cyan-100)}
.ds-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.ds-card--link{cursor:pointer}.ds-card--link:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.ds-tabs{display:flex;gap:var(--space-5);border-bottom:1px solid var(--border)}
.ds-tab{font:500 var(--text-sm) var(--font-ui);color:var(--fg-3);background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;margin-bottom:-1px;cursor:pointer}
.ds-tab:hover{color:var(--fg-1)}.ds-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent-2)}