.btn{border-radius:var(--btn-radius);font-family:var(--font-family);cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative}.btn:focus-visible{outline:var(--focus-ring-width)solid var(--accent-primary-text);outline-offset:var(--focus-ring-offset)}.btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--space-inline)var(--space-stack);font-size:var(--font-size-small)}.btn-md{padding:var(--btn-padding-y)var(--btn-padding-x);font-size:var(--btn-font-size)}.btn-lg{padding:calc(var(--btn-padding-y) + 4px)calc(var(--btn-padding-x) + 8px);font-size:var(--font-size-body)}.btn-primary{color:var(--btn-text-on-primary);background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-primary-deep)100%);transition:transform var(--transition-hover)}.btn-primary:before{content:"";border-radius:calc(var(--btn-radius) + 4px);background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-deep));filter:blur(20px);opacity:.3;transition:opacity var(--transition-hover),filter var(--transition-hover),inset var(--transition-hover);z-index:-1;pointer-events:none;position:absolute;inset:-4px -6px -8px}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:hover:before{opacity:.6;filter:blur(28px);inset:-6px -10px -14px}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-default);transition:all var(--transition-hover);background:0 0}.btn-secondary:hover{background:var(--bg-surface-2);box-shadow:var(--shadow-md);border-color:#ffffff24;transform:translateY(-2px)}.btn-ghost{color:var(--accent-primary-text);transition:color var(--duration-fast)var(--ease-out-quart),background var(--duration-fast)var(--ease-out-quart),transform var(--duration-fast)var(--ease-out-quart);background:0 0}.btn-ghost:hover{color:var(--accent-primary-hover);background:var(--accent-primary-muted)}.btn:active,.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary:active{box-shadow:none;transform:translateY(0)scale(.98)}.btn-ghost:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.btn,.btn:before{transition-duration:.01ms!important}.btn-primary:hover,.btn-secondary:hover{transform:none}}