.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:inherit;font-weight:var(--fw-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:var(--fs-sm)}.btn-md{padding:9px 16px;font-size:var(--fs-base)}.btn-primary{background:var(--app-accent);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-1);color:var(--text-primary)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-loading{position:relative}.btn-spinner{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .5s linear infinite}.btn-ghost .btn-spinner,.btn-secondary .btn-spinner{border-color:rgba(0,0,0,.15);border-top-color:var(--text-primary)}@keyframes btn-spin{to{transform:rotate(1turn)}}