.app-btn{appearance:none;justify-content:center;align-items:center;gap:var(--space-2);padding:calc(.65rem - 1px) var(--space-4) calc(.65rem + 1px);border-radius:var(--border-radius-control);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);letter-spacing:var(--font-tracking-button);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--delay-short) ease, border-color var(--delay-short) ease, box-shadow var(--delay-short) ease, color var(--delay-short) ease, filter var(--delay-short) ease, opacity var(--delay-short) ease, transform var(--delay-short) ease;color:var(--font-color-primary);background:0 0;border:none;min-width:6.3rem;line-height:1;display:inline-flex}.app-btn>svg{flex:none;width:.9rem;height:.9rem}.app-btn:active{transform:translateY(1px)}.app-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.app-btn--primary{background:var(--primary-color);color:var(--button-font-color);border:none}.app-btn--danger{background:color-mix(in srgb, var(--red) 8%, transparent);border:1px solid color-mix(in srgb, var(--red) 20%, transparent);color:color-mix(in srgb, var(--red) 74%, white)}.app-btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--red) 13%, transparent);border-color:color-mix(in srgb, var(--red) 30%, transparent)}.app-btn--micro{background:var(--bg-input);border:var(--border-subtle);border-radius:var(--border-radius-control);color:var(--font-color-secondary);font-size:var(--font-size-caption);min-height:1.6rem;padding:var(--space-1) var(--space-4);line-height:1}.app-btn--micro:hover:not(:disabled){background:var(--bg2);border:var(--border-hover);color:var(--font-color-primary);filter:brightness(1.03)}.app-btn--micro:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--custom-color-blue) 16%, transparent);outline:none}.app-btn-pill{--feature-accent:var(--custom-color-blue);border-radius:var(--border-radius-control);filter:none;border:1px solid #0000}.app-btn-pill:focus-visible{outline:none}.app-btn-pill--solid{--solid-accent:color-mix(in srgb, var(--feature-accent) 83%, black);background:var(--solid-accent);color:var(--button-font-color);border:none}.app-btn-pill--solid:hover:not(:disabled){background:color-mix(in srgb, var(--solid-accent) 95%, white);border-color:color-mix(in srgb, var(--solid-accent) 95%, white);box-shadow:0 0 0 2px color-mix(in srgb, var(--solid-accent) 24%, transparent);color:var(--button-font-color)}.app-btn-pill--solid:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--feature-accent) 22%, transparent)}.app-btn-pill--soft{background:color-mix(in srgb, var(--feature-accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--feature-accent) 32%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--feature-accent) 10%, transparent);color:color-mix(in srgb, var(--feature-accent) 52%, white)}.app-btn-pill--soft:hover:not(:disabled){background:color-mix(in srgb, var(--feature-accent) 20%, transparent);border-color:color-mix(in srgb, var(--feature-accent) 42%, transparent);color:color-mix(in srgb, var(--feature-accent) 42%, white)}.app-btn-pill--soft:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--feature-accent) 18%, transparent)}.app-btn-pill--ghost{border:1px solid color-mix(in srgb, var(--feature-accent) 34%, transparent);box-shadow:none;color:color-mix(in srgb, var(--feature-accent) 55%, white);background:0 0}.app-btn-pill--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--feature-accent) 10%, transparent);border-color:color-mix(in srgb, var(--feature-accent) 48%, transparent);color:color-mix(in srgb, var(--feature-accent) 42%, white)}.app-btn-pill--ghost:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--feature-accent) 16%, transparent)}.app-btn-xsmall{border:var(--border);color:var(--font-color-primary);background:0 0;min-width:5.5rem}.app-btn-xsmall:hover:not(:disabled){background:var(--bg2)}.app-btn--secondary{border:var(--border);color:var(--font-color-primary);background:0 0;min-width:7.5rem}.app-btn--secondary:hover:not(:disabled){background:var(--bg2)}.app-btn--auth{background:linear-gradient(135deg, color-mix(in srgb, var(--blue) 86%, var(--surface3)), color-mix(in srgb, var(--blue) 72%, var(--surface3)));border:1px solid color-mix(in srgb, var(--blue) 32%, transparent);color:var(--button-font-color)}.app-btn--auth:hover:not(:disabled){border-color:color-mix(in srgb, var(--blue) 44%, transparent);box-shadow:0 .45rem 1rem color-mix(in srgb, var(--blue) 12%, transparent);color:var(--button-font-color);filter:brightness(1.025)}.app-btn--google{background:var(--surface2);border:var(--border);color:var(--secondary);font-weight:var(--font-weight-bold);grid-template-columns:1.5rem 1fr 1.5rem;display:grid}.app-btn--google svg{width:1.15rem;height:1.15rem}.app-btn--google span{grid-column:2}.app-btn--google:hover:not(:disabled){background:var(--surface3)}.app-btn--hero{background:var(--blue);border-radius:var(--border-radius-control);min-width:11rem;color:var(--button-font-color);border:0;box-shadow:inset 0 1px #ffffff2e}.app-btn--hero:hover:not(:disabled){color:var(--button-font-color);filter:brightness(1.06)}.app-btn--hero:focus-visible{box-shadow:0 0 0 3px var(--blue-soft);outline:none}.app-btn--portfolio{--feature-accent:var(--custom-color-blue)}.app-btn--portfolio svg{fill:#0000}.app-btn--portfolio[aria-pressed=true] svg{fill:currentColor}.app-btn--portfolio[aria-busy=true]{opacity:.72}.app-btn__spinner{border:2px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:var(--border-radius-round);box-sizing:border-box;border-top-color:currentColor;width:1rem;height:1rem;animation:.75s linear infinite app-btn-spin;display:inline-block}@keyframes app-btn-spin{to{transform:rotate(360deg)}}.app-btn-pill--account{font-size:var(--font-size-nav);font-weight:var(--font-weight-medium);white-space:nowrap;gap:.5rem;min-width:0;line-height:1;text-decoration:none}.app-btn-pill--account:hover{text-decoration:none}.app-btn-pill__avatar{background:var(--bg2);border:1px solid var(--border-color-strong);border-radius:var(--border-radius-round);color:var(--font-color-primary);font-size:.625rem;font-weight:var(--font-weight-extrabold);object-fit:cover;vertical-align:middle;flex:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;line-height:1;display:inline-flex;overflow:hidden}.app-btn-pill__label{font-size:inherit;font-weight:inherit}.app-btn--warning{background:color-mix(in srgb, var(--yellow) 13%, transparent);border:1px solid color-mix(in srgb, var(--yellow) 30%, transparent);color:var(--yellow)}.app-btn--small{font-size:var(--font-size-overline);min-height:0;padding:.42rem .75rem}.app-btn--xsmall{font-size:var(--font-size-overline);min-width:5rem;min-height:0;padding:.35rem .65rem}.app-btn--large{padding:.75rem 1.15rem}.app-btn--hero.app-btn--large{height:auto;min-height:3rem;padding:.7rem 1.65rem}.app-btn--full-width{width:100%}.app-btn--fit-content{width:fit-content}.app-btn--grow{flex:auto}