.button[data-v-e0a284e5]{--button-radius:var(--s-radius-xl);border-radius:var(--button-radius);cursor:pointer;transition:background-color .2s var(--ease-material),color .2s var(--ease-material),border-color .2s var(--ease-material),box-shadow .2s var(--ease-material),transform .1s var(--ease-material);text-transform:uppercase;font-family:inherit;font-size:inherit;gap:var(--grid-gap-xs);touch-action:manipulation;background:0 0;border:none;font-weight:600;text-decoration:none;position:relative;overflow:hidden;text-decoration:none!important}.button[data-v-e0a284e5],.button span[data-v-e0a284e5],.button.nav[data-v-e0a284e5],.icon-wrapper[data-v-e0a284e5]{justify-content:center;align-items:center;display:flex}.icon-left[data-v-e0a284e5]{order:-1;margin-right:auto}.icon-right[data-v-e0a284e5]{order:1;margin-left:auto}[data-v-e0a284e5] a>button{text-decoration:none!important}.button.sm[data-v-e0a284e5]{min-width:42px;min-height:42px;padding:var(--s-1) var(--s-1);font-size:var(--t-xs)}.button.md[data-v-e0a284e5]{min-width:52px;min-height:52px;padding:var(--s-1) var(--s-3)}.button.lg[data-v-e0a284e5],.button.md[data-v-e0a284e5]{font-size:var(--t-base)}.button.lg[data-v-e0a284e5]{min-width:64px;min-height:64px;padding:var(--s-3) var(--s-5)}.button.button[data-v-e0a284e5]:disabled{cursor:not-allowed;pointer-events:none;opacity:1;background:var(--bg-dim-alt);color:var(--fg-text-muted);box-shadow:none;border-color:#0000}.button[data-v-e0a284e5]:active:not(:disabled){transform:translateY(1px)}.button[data-v-e0a284e5]:is(.primary,.secondary):not(.shape-pill):hover:not(:disabled){box-shadow:0 4px 0 var(--shadow-strong);transform:translateY(-2px)}.button[data-v-e0a284e5]:is(.primary,.secondary):not(.shape-pill):active:not(:disabled){box-shadow:0 0 0 var(--shadow-strong);transform:translateY(0)}.button[data-v-e0a284e5]:focus-visible{outline:3px solid var(--focus-outline-color);outline-offset:2px;animation:1s ease-in-out focusAnimation}.button span[data-v-e0a284e5]{line-height:1}.button.primary[data-v-e0a284e5]{background-color:var(--bg-accent);color:var(--on-accent);border:2px solid var(--fg-border-dim);border-radius:var(--button-radius)}.button.primary[data-v-e0a284e5]:hover:not(:disabled){background-color:color-mix(in srgb,var(--bg-accent) 88%,var(--fg-text))}.button.secondary[data-v-e0a284e5]{background:var(--bg-default);color:var(--fg-text);border:2px solid var(--fg-border-dim);border-radius:var(--button-radius)}.button.secondary[data-v-e0a284e5]:hover:not(:disabled){background:var(--bg-dim-alt);border-color:var(--fg-border)}.button.secondary span[data-v-e0a284e5]{filter:contrast()}.button.tertiary[data-v-e0a284e5]{color:var(--fg-text);border:2px solid var(--fg-border);border-radius:var(--button-radius);background:0 0}.button.tertiary[data-v-e0a284e5]:active:not(:disabled),.button.tertiary[data-v-e0a284e5]:focus-visible,.button.tertiary[data-v-e0a284e5]:hover:not(:disabled){box-shadow:none;filter:none;background:0 0}.button.tertiary[data-v-e0a284e5]:hover:not(:disabled){border-color:var(--fg-text)}.button.ghost[data-v-e0a284e5]{color:var(--fg-text);border-radius:var(--button-radius);background:0 0;border:none}.button.ghost[data-v-e0a284e5]:hover:not(:disabled){background:var(--bg-dim-alt);color:var(--fg-text);box-shadow:none;filter:none}.button.ghost[data-v-e0a284e5]:active:not(:disabled){box-shadow:none}.button.primary-mono[data-v-e0a284e5]{background-color:var(--bg-button-primary-mono);color:var(--fg-button-primary-mono);box-shadow:0 0 0 4px var(--bg-dim-alt);border-radius:var(--button-radius)}.button.primary-mono[data-v-e0a284e5]:hover:not(:disabled){background-color:color-mix(in srgb,var(--bg-button-primary-mono) 88%,var(--bg-default))}.button.nav[data-v-e0a284e5]{border:1px solid var(--fg-border-dim);width:44px;height:44px;color:var(--fg-text);cursor:pointer;font-size:var(--t-md);transition:background-color .2s var(--ease-material),border-color .2s var(--ease-material);text-transform:none;background:0 0;border-radius:50%;min-width:44px;min-height:44px;margin:0;padding:0}.button.nav[data-v-e0a284e5]:hover:not(:disabled){background:var(--bg-dim-alt);color:var(--fg-text);border-color:var(--fg-border);filter:none;box-shadow:none}.btn-round[data-v-e0a284e5]{border-radius:var(--s-radius-full)!important;width:calc(clamp(64px,15vw,80px))!important;height:calc(clamp(64px,15vw,80px))!important}.button.nav[data-v-e0a284e5]:active:not(:disabled){box-shadow:none;border-color:var(--fg-border)}.button.nav[data-v-e0a284e5]:focus-visible{outline:3px solid var(--focus-outline-color);outline-offset:2px;animation:none;transform:none}.button.shape-pill[data-v-e0a284e5]{--button-radius:var(--s-radius-full)}.button.icon-only[data-v-e0a284e5]{aspect-ratio:1;padding:0}.button.shape-pill.sm[data-v-e0a284e5]{font-size:var(--t-sm);letter-spacing:.04em;gap:10px;padding:0 1.1rem}.button.shape-pill.md[data-v-e0a284e5]{letter-spacing:.04em;padding:0 1.4rem}.button.shape-pill.lg[data-v-e0a284e5]{letter-spacing:.04em;padding:0 1.8rem}.live-dot[data-v-e0a284e5]{background:#22c55e;border-radius:50%;flex:none;width:8px;height:8px;animation:2.4s ease-in-out infinite liveDotPulse-e0a284e5;box-shadow:0 0 0 3px #22c55e40}@keyframes liveDotPulse-e0a284e5{50%{box-shadow:0 0 0 5px #22c55e1a}}.sr-only[data-v-e0a284e5]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-contrast:high){.button[data-v-e0a284e5]{border-width:3px}.button[data-v-e0a284e5]:focus-visible{outline-width:6px}}@media (prefers-reduced-motion:reduce){.button[data-v-e0a284e5]{transition:none}.button[data-v-e0a284e5]:active:not(:disabled),.button[data-v-e0a284e5]:is(.primary,.secondary):not(.shape-pill):active:not(:disabled),.button[data-v-e0a284e5]:is(.primary,.secondary):not(.shape-pill):hover:not(:disabled){transform:none}.button[data-v-e0a284e5]:focus-visible,.live-dot[data-v-e0a284e5]{animation:none}}
