.btn{justify-content:center;align-items:center;gap:var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-control);font-family:var(--font-sans);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--md{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.btn--lg{height:48px;padding:0 var(--space-5);font-size:var(--text-md)}.btn--block{width:100%}.btn--primary{background:var(--accent);color:var(--accent-on);box-shadow:0 1px 2px #26458614,0 2px 6px #3e73c71f}.btn--primary:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-on);box-shadow:0 2px 4px #2645861a,0 4px 12px #3e73c729}.btn--primary:active:not(:disabled){background:var(--accent-active);color:var(--accent-on);box-shadow:0 1px 2px #2645861a}.btn--secondary{background:var(--surface-raised);border-color:var(--border-default);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--accent-subtle);color:var(--accent)}.btn--danger{background:var(--danger);color:var(--danger-on);box-shadow:0 1px 2px #2645860f}.btn--danger:hover:not(:disabled){color:var(--danger-on);filter:brightness(1.06)}a.btn{text-decoration:none}a.btn.btn--primary,a.btn.btn--primary:hover,a.btn.btn--primary:active,a.btn.btn--primary:focus,a.btn.btn--primary:visited{color:var(--accent-on)}a.btn.btn--secondary,a.btn.btn--secondary:visited{color:var(--text-primary)}a.btn.btn--secondary:hover,a.btn.btn--secondary:active,a.btn.btn--secondary:focus{color:var(--accent)}a.btn.btn--ghost,a.btn.btn--ghost:visited{color:var(--text-secondary)}a.btn.btn--ghost:hover,a.btn.btn--ghost:active,a.btn.btn--ghost:focus{color:var(--accent)}a.btn.btn--danger,a.btn.btn--danger:hover,a.btn.btn--danger:active,a.btn.btn--danger:focus,a.btn.btn--danger:visited{color:var(--danger-on)}a.btn.btn--glass,a.btn.btn--glass:visited,a.btn.btn--glass:hover,a.btn.btn--glass:active,a.btn.btn--glass:focus{color:var(--text-primary)}a.btn.btn--glass-primary,a.btn.btn--glass-primary:hover,a.btn.btn--glass-primary:active,a.btn.btn--glass-primary:focus,a.btn.btn--glass-primary:visited{color:#fff}a.btn.btn--glass-danger,a.btn.btn--glass-danger:hover,a.btn.btn--glass-danger:active,a.btn.btn--glass-danger:focus,a.btn.btn--glass-danger:visited{color:#ff3b30}.btn--glass,.btn--glass-primary,.btn--glass-danger{isolation:isolate;height:48px;min-height:48px;font-size:17px;font-weight:var(--weight-medium,510);letter-spacing:0;-webkit-backdrop-filter:blur(48px)saturate(1.85)brightness(1.04);backdrop-filter:blur(48px)saturate(1.85)brightness(1.04);border:none;border-radius:1000px;padding:6px 20px;line-height:20px;position:relative;overflow:hidden}.btn--glass:before,.btn--glass-primary:before,.btn--glass-danger:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(165deg,#ffffff80 0%,#ffffff1f 38%,#fff0 62%);position:absolute;inset:0;box-shadow:inset 0 .5px #ffffffd9,inset 0 1px #fff6,inset 0 -.5px #0000000d}.btn--glass>*,.btn--glass-primary>*,.btn--glass-danger>*{z-index:1;position:relative}.btn--glass.btn--sm,.btn--glass-primary.btn--sm,.btn--glass-danger.btn--sm{height:36px;min-height:36px;padding:4px 16px;font-size:15px;line-height:18px}.btn--glass{color:#1a1a1a;background:linear-gradient(#ffffff8c 0%,#ffffff52 100%),#ffffff47;box-shadow:0 8px 40px #0000001f,0 2px 6px #0000000a}.btn--glass:hover:not(:disabled){color:#1a1a1a;background:linear-gradient(#ffffffb3 0%,#ffffff7a 100%),#fff6}.btn--glass-primary{color:#fff;-webkit-backdrop-filter:blur(28px)saturate(1.5);backdrop-filter:blur(28px)saturate(1.5);background:linear-gradient(#ffffff47 0%,#0087ffeb 45%,#0087ff 100%),#0087ff;box-shadow:0 8px 40px #00000024,0 2px 8px #0087ff40,inset 0 .5px #ffffff73}.btn--glass-primary:hover:not(:disabled){color:#fff;background:linear-gradient(#ffffff52 0%,#0077e6f2 50%,#0077e6 100%),#0077e6}.btn--glass-primary:before{background:linear-gradient(165deg,#fff6 0%,#ffffff14 42%,#fff0 65%)}.btn--glass-danger{color:#ff3b30;background:linear-gradient(#ffffff80 0%,#ffffff47 100%),#ffffff40;box-shadow:0 8px 40px #0000001f}.btn--glass-danger:hover:not(:disabled){color:#ff3b30;background:#ffffff8c}.btn--glass.btn--icon,.btn--glass-primary.btn--icon{width:48px;min-width:48px;height:48px;font-size:19px;font-weight:var(--weight-semibold,590);padding:0}.btn__icon{align-items:center;display:inline-flex}.btn__label{align-items:center;display:inline-flex;position:relative}.btn__ghost{visibility:hidden;pointer-events:none;height:0;display:inline-block;overflow:hidden}.btn__spinner{border-radius:var(--radius-full);opacity:.85;border:2px solid;border-right-color:#0000;width:1em;height:1em;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}
