.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;animation:.6s linear infinite spinner-turn;display:inline-block}@keyframes spinner-turn{to{transform:rotate(360deg)}}.btn{--btn-h:44px;--btn-px:var(--space-5);--btn-bg:var(--brand);--btn-fg:var(--text-on-brand);--btn-bg-hover:var(--brand-hover);--btn-border:transparent;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--btn-h);padding:0 var(--btn-px);border:1px solid var(--btn-border);border-radius:var(--radius-full);background:var(--btn-bg);color:var(--btn-fg);font-weight:650;font-size:var(--text-md);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn svg{flex-shrink:0;width:1.15em;height:1.15em}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.is-loading{cursor:progress;opacity:.85}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background:var(--btn-bg-hover)}}.btn--sm{--btn-h:36px;--btn-px:var(--space-4);font-size:var(--text-sm)}.btn--lg{--btn-h:52px;--btn-px:var(--space-6);font-size:var(--text-lg)}.btn--block{width:100%}.btn--accent{--btn-bg:var(--accent);--btn-fg:var(--text-on-accent);--btn-bg-hover:var(--accent-hover)}.btn--secondary{--btn-bg:var(--surface);--btn-fg:var(--text);--btn-bg-hover:var(--surface-2);--btn-border:var(--border-strong)}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--text-2);--btn-bg-hover:var(--surface-2)}.btn--danger{--btn-bg:var(--danger);--btn-fg:#fff;--btn-bg-hover:color-mix(in oklab, var(--danger) 85%, black)}:root[data-theme=dark] .btn--danger{--btn-fg:var(--navy-950)}.icon-btn{--size:44px;width:var(--size);height:var(--size);border-radius:var(--radius-full);color:var(--text-2);transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);flex-shrink:0;place-items:center;display:inline-grid}.icon-btn svg{width:20px;height:20px}.icon-btn:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--surface-2);color:var(--text)}}.icon-btn--sm{--size:36px}.icon-btn--sm svg{width:18px;height:18px}.icon-btn--secondary{background:var(--surface);border:1px solid var(--border)}.icon-btn--danger{color:var(--danger)}@media (hover:hover) and (pointer:fine){.icon-btn--danger:hover{background:var(--danger-soft);color:var(--danger)}}