.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--btn-font-weight);border-radius:var(--btn-radius);cursor:pointer;transition:background-color var(--btn-transition), border-color var(--btn-transition), color var(--btn-transition), box-shadow var(--btn-transition), transform var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:2px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn__icon{flex-shrink:0;width:16px;height:16px}.btn--primary{background-color:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn--accent{background-color:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.btn--accent:hover:not(:disabled){background-color:var(--color-accent-dark);border-color:var(--color-accent-dark);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn--outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn--outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn--outline-accent{color:var(--color-accent);border-color:var(--color-accent);background-color:#0000}.btn--outline-accent:hover:not(:disabled){background-color:var(--color-accent);color:var(--color-text-on-accent)}.btn--ghost{color:var(--color-text-secondary);background-color:#0000;border-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn--white{color:var(--color-primary);background-color:#fff;border-color:#fff}.btn--white:hover:not(:disabled){background-color:var(--color-primary-ghost);transform:translateY(-1px)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn--xl{padding:var(--space-5) var(--space-10);font-size:var(--text-md)}.btn--full{width:100%}.btn--loading{pointer-events:none;opacity:.75}.btn--loading .btn__icon{animation:.8s linear infinite spin}.scroll-top-fab{bottom:var(--space-6);right:var(--space-6);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-lg);z-index:var(--z-raised);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base), transform var(--transition-base), background-color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:fixed;transform:translateY(12px)}.scroll-top-fab.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-fab:hover{background-color:var(--color-accent);transform:translateY(-2px)}.scroll-top-fab__icon{width:20px;height:20px}