@layer components{.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-4);font-size:var(--text-base);border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--weight-bold);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out)}.ui-button:active:not(:disabled){transform:scale(.97)}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button--sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.ui-button--md{min-height:var(--touch-target);padding:0 var(--space-4);font-size:var(--text-base)}.ui-button--lg{min-height:52px;padding:0 var(--space-6);font-size:var(--text-lg)}.ui-button--primary{background-color:var(--color-accent);color:var(--color-text-inverse)}.ui-button--primary:hover:not(:disabled){background-color:var(--color-accent-bright);box-shadow:var(--shadow-accent);color:var(--color-text-inverse)}.ui-button--primary:active:not(:disabled){background-color:var(--color-accent-pressed)}.ui-button--secondary{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text)}.ui-button--secondary:hover:not(:disabled){background-color:var(--color-surface-2);border-color:var(--color-border-strong);color:var(--color-text)}.ui-button--ghost{background-color:transparent;color:var(--color-text-2)}.ui-button--ghost:hover:not(:disabled){background-color:var(--color-surface-2);color:var(--color-text)}.ui-button--danger{background-color:transparent;border-color:var(--color-error);color:var(--color-error)}.ui-button--danger:hover:not(:disabled){background-color:var(--color-error);color:var(--color-text-inverse)}.ui-button__icon{font-size:.9em}.ui-icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out)}.ui-icon-button:active:not(:disabled){transform:scale(.92)}.ui-icon-button--sm{width:36px;height:36px;font-size:var(--text-sm);position:relative}.ui-icon-button--sm:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.ui-icon-button--md{width:var(--touch-target);height:var(--touch-target);font-size:var(--text-base)}.ui-icon-button--lg{width:52px;height:52px;font-size:var(--text-lg)}}