.spinner{width:var(--spinner-size,20px);height:var(--spinner-size,20px);opacity:.8;border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;animation:.7s linear infinite spinner-rotate;display:inline-block}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.4s!important;animation-iteration-count:infinite!important}}.btn{--btn-bg:var(--color-ink);--btn-fg:var(--color-on-ink);--btn-border:var(--color-ink);--btn-bg-hover:var(--color-ink-hover);--btn-border-hover:var(--color-ink-hover);--btn-fg-hover:var(--btn-fg);min-height:48px;padding:0 var(--space-6);border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease;justify-content:center;align-items:center;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn__content{align-items:center;gap:var(--space-2);display:inline-flex}.btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover);color:var(--btn-fg-hover)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn.is-loading{cursor:progress;opacity:1}.btn.is-loading .btn__content{visibility:hidden}.btn__spinner{position:absolute}.btn--secondary{--btn-bg:transparent;--btn-fg:var(--color-ink);--btn-border:var(--color-ink);--btn-bg-hover:var(--color-ink);--btn-border-hover:var(--color-ink);--btn-fg-hover:var(--color-on-ink)}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--color-ink);--btn-border:transparent;--btn-bg-hover:var(--color-sand);--btn-border-hover:transparent}.btn--light{--btn-bg:var(--color-surface);--btn-fg:var(--color-ink);--btn-border:var(--color-surface);--btn-bg-hover:var(--color-bg);--btn-border-hover:var(--color-bg)}.btn--danger{--btn-bg:transparent;--btn-fg:var(--color-error);--btn-border:var(--color-error);--btn-bg-hover:var(--color-error-soft);--btn-border-hover:var(--color-error)}.btn--link{--btn-bg:transparent;--btn-fg:var(--color-ink);--btn-border:transparent;--btn-bg-hover:transparent;--btn-border-hover:transparent;min-height:var(--tap-min);text-decoration:underline;-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);text-underline-offset:4px;padding:0}.btn--link:hover:not(:disabled){text-decoration-color:currentColor}.btn--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-xs)}.btn--lg{min-height:56px;padding:0 var(--space-8)}.btn--full{width:100%}.icon-btn{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-pill);color:var(--color-ink);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn--ghost:hover:not(:disabled){background:var(--color-sand)}.icon-btn--surface{box-shadow:var(--shadow-xs);background:#ffffffeb}.icon-btn--surface:hover:not(:disabled){background:var(--color-surface)}.icon-btn--outline{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm)}.icon-btn--outline:hover:not(:disabled){border-color:var(--color-ink)}.icon-btn--sm{width:36px;height:36px}.icon-btn--sm:before{content:"";position:absolute;inset:-4px}.icon-btn--lg{width:52px;height:52px}.icon-btn__badge{border-radius:var(--radius-pill);background:var(--color-ink);min-width:18px;height:18px;color:var(--color-on-ink);text-align:center;box-shadow:0 0 0 2px var(--color-surface);padding:0 5px;font-size:.625rem;font-weight:600;line-height:18px;position:absolute;top:4px;right:2px}