.base-btn{font-family:var(--font-body);cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;justify-content:center;align-items:center;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.base-btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.5rem .75rem;font-size:.75rem}.btn-md{padding:.625rem 1rem;font-size:.875rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dim));color:var(--primary-fg)}.btn-primary:hover:not(:disabled){box-shadow:0 0 15px var(--border-neon);transform:translateY(-1px)}.btn-secondary{color:var(--on-surface);border:1px solid var(--outline-variant);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#292f4c66}.btn-secondary:hover:not(:disabled){border-color:var(--outline);background:#292f4c99}.btn-outline{color:var(--primary);border:1px solid var(--outline-variant);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--primary);background:#6366f10d}.btn-ghost{color:var(--on-surface-variant);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--on-surface);background:var(--surface-container-high)}.btn-loading{pointer-events:none}.btn-spinner{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin-slow;position:absolute}.opacity-0{opacity:0}.btn-tertiary{color:var(--primary);background:0 0}.btn-tertiary:hover:not(:disabled){background:var(--surface-container-low)}.btn-full-width{width:100%}.btn-inner{justify-content:center;align-items:center;gap:.4em;display:inline-flex}.btn-icon-left,.btn-icon-right{flex-shrink:0;align-items:center;display:inline-flex}