@layer components{.btn{height:var(--control-h);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--raised);color:var(--text);font:inherit;white-space:nowrap;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;font-weight:550;text-decoration:none;transition:background .12s,border-color .12s,color .12s,transform 60ms;display:inline-flex}.btn:hover{border-color:var(--text-faint);color:var(--text)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.btn svg{flex:none;width:14px;height:14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger{color:var(--err);border-color:var(--border);background:0 0}.btn.danger:hover{background:var(--err-soft);border-color:var(--err)}.btn.sm{height:27px;padding:0 9px;font-size:11.5px}.btn.icon{width:var(--control-h);justify-content:center;padding:0}.btn.icon.sm{width:27px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{border-color:var(--border-strong);color:var(--text);background:var(--raised)}.btn.primary:disabled:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger:disabled:hover{border-color:var(--border);color:var(--err);background:0 0}.btn.busy{opacity:1;color:var(--text-faint);cursor:progress}.btn.primary.busy{color:var(--accent-ink);opacity:.75}.btn .spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite spin}.btn.primary .spinner{border-color:#08131d4d;border-top-color:var(--accent-ink)}@media (prefers-reduced-motion:reduce){.btn:active:not(:disabled){transform:none}.btn .spinner{animation-duration:2s}}}