.btn{--btn-h:40px;--btn-px:16px;height:var(--btn-h);padding:0 var(--btn-px);border-radius:var(--radius-sm);font-size:var(--text-base);white-space:nowrap;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:500;line-height:1;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.is-loading{cursor:progress;opacity:.8}.btn.is-loading .btn__label:after{content:"…"}.btn--sm{--btn-h:34px;--btn-px:12px;font-size:var(--text-sm);gap:6px}.btn--lg{--btn-h:48px;--btn-px:22px;font-size:var(--text-md);border-radius:14px}.btn--block{width:100%}.btn--icon-only{width:var(--btn-h);padding:0}.btn--primary{background:var(--color-brand-deep);color:var(--color-on-brand)}.btn--primary:hover:not(:disabled){background:var(--color-brand-deep-hover)}.btn--accent{background:var(--color-primary);color:var(--color-on-primary);font-weight:600}.btn--accent:hover:not(:disabled){background:var(--color-primary-hover)}.btn--light{background:var(--color-bg-surface);border-color:var(--color-border);color:var(--color-text-primary)}.btn--light:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-bg-sunken)}.btn--ghost{color:var(--color-text-primary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-sunken)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(.94)}.btn--hero{background:var(--hero-surface);border-color:var(--hero-border);color:var(--hero-text)}.btn--hero:hover:not(:disabled){background:var(--hero-surface-hover)}.btn--hero-light{color:#12261a;background:#fff}.btn--hero-light:hover:not(:disabled){background:#eff5ef}.btn__icon{flex-shrink:0}.btn__label{text-overflow:ellipsis;overflow:hidden}