.ui-btn{--_btn-h:36px;--_btn-px:var(--space-4);--_btn-font:var(--text-md);--_btn-icon:16px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--_btn-h);padding-inline:var(--_btn-px);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--_btn-font);font-weight:var(--weight-semibold);line-height:1;letter-spacing:var(--tracking-tight);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;position:relative;isolation:isolate;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-linear-magic),color var(--duration-fast) var(--ease-standard)}.ui-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-btn[aria-disabled=true]:not(.is-loading),.ui-btn[disabled]:not(.is-loading){cursor:not-allowed;opacity:.5;pointer-events:none}.ui-btn.is-loading{cursor:progress;pointer-events:none}.ui-btn__label{display:inline-block}.ui-btn__icon{width:var(--_btn-icon);height:var(--_btn-icon);flex:none}.ui-btn__spinner{animation:ui-btn-spin .7s linear infinite}@keyframes ui-btn-spin{to{transform:rotate(1turn)}}.ui-btn--sm{--_btn-h:28px;--_btn-px:var(--space-3);--_btn-font:var(--text-base);--_btn-icon:14px}.ui-btn--md{--_btn-h:36px}.ui-btn--lg{--_btn-h:44px;--_btn-px:var(--space-5);--_btn-font:var(--text-lg);--_btn-icon:18px}.ui-btn--block{display:flex;width:100%}.ui-btn--icon{padding-inline:0;width:var(--_btn-h)}.ui-btn--primary{background:linear-gradient(180deg,var(--brand-8) 0,var(--brand-9) 100%);color:var(--fg-onbrand);border-color:var(--brand-10);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(15,23,42,.18)}.ui-btn--primary:hover{background:linear-gradient(180deg,var(--brand-9) 0,var(--brand-10) 100%);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 10px rgba(124,58,237,.28)}.ui-btn--secondary{background:var(--surface-raised);color:var(--fg-primary);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.ui-btn--secondary:hover{background:var(--surface-sunken);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ui-btn--subtle{background:var(--brand-3);color:var(--brand-11);border-color:transparent}.ui-btn--subtle:hover{background:var(--brand-4)}.ui-btn--ghost{background:transparent;color:var(--fg-secondary);border-color:transparent}.ui-btn--ghost:hover{background:var(--surface-sunken);color:var(--fg-primary)}.ui-btn--danger{background:linear-gradient(180deg,var(--danger-9) 0,var(--danger-11) 140%);color:#fff;border-color:var(--danger-11);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(15,23,42,.18)}.ui-btn--danger:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4px 10px rgba(220,38,38,.28)}@media (max-width:800px){.ui-btn--md,.ui-btn--sm{min-height:44px}}@media (prefers-reduced-motion:reduce){.ui-btn:hover{transform:none}}