.btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;margin:2px;padding:.6rem .75rem;font-size:.875rem;font-weight:650;line-height:1.25rem;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--surface-card), 0 0 0 4px var(--brand-focus-ring), 0 0 0 5px var(--brand-primary)}.btn:disabled{background-color:var(--surface-disabled);border-color:var(--border-subtle);color:var(--text-disabled);cursor:not-allowed;pointer-events:none;opacity:1}.btn-primary{background-color:var(--brand-primary);color:var(--text-inverse);box-shadow:var(--shadow-subtle)}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover);box-shadow:var(--shadow-raised);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-subtle);transform:translateY(0)}.btn-secondary{background-color:var(--surface-card);border-color:var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-subtle)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-danger{background-color:var(--surface-card);border-color:color-mix(in srgb, var(--status-danger) 52%, var(--border-default));color:var(--status-danger)}.btn-danger:hover:not(:disabled){background-color:var(--status-danger);border-color:var(--status-danger);color:var(--text-inverse);box-shadow:0 8px 18px rgba(var(--status-danger-rgb), .16)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-primary)}@media (max-width:480px){.btn{min-height:44px;padding:.75rem 1rem}}.btn>*{pointer-events:none}