.btn{border-radius:var(--pill);border:1px solid var(--line);background:var(--surface);text-align:start;cursor:pointer;white-space:normal;max-width:100%;height:auto;min-height:42px;transition:background .2s var(--ease),border-color .2s,transform .2s var(--ease),box-shadow .3s var(--ease);flex-shrink:0;align-items:center;gap:8px;padding-block:9px;padding-inline:18px;font-size:13.5px;font-weight:500;line-height:1.25;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.btn.primary:hover{box-shadow:0 10px 24px -12px rgba(var(--black-rgb),.55)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--on-solid)}[data-theme=dark][data-accent=graphite] .btn.accent{color:var(--on-ink)}.btn.urgent{background:var(--crit);border-color:var(--crit);color:var(--on-solid)}.btn.caution{background:var(--caution);border-color:var(--caution);color:var(--on-solid)}[data-theme=dark] .btn.caution{color:var(--bg)}.btn.caution:hover{box-shadow:0 10px 24px -12px rgba(var(--caution-rgb),.6)}.btn.primary,.btn.urgent,.btn.accent,.btn.caution{font-weight:600}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--hover)}.btn.sm{height:34px;min-height:34px;padding-block:6px;padding-inline:13px;font-size:12.5px}.bar-sticky .btn{white-space:nowrap}.btn .arrow{transition:transform .3s var(--spring)}.btn:hover .arrow{transform:translate(3px)}[dir=rtl] .btn .arrow{transform:scaleX(-1)}[dir=rtl] .btn:hover .arrow,[dir=rtl] .btn:hover svg.arrow,[dir=rtl] .link:hover svg.arrow{transform:scaleX(-1)translate(3px)}.ripple{opacity:.18;animation:rip .6s var(--ease);pointer-events:none;background:currentColor;border-radius:50%;position:absolute;transform:scale(0)}@keyframes rip{to{opacity:0;transform:scale(4)}}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn:disabled:hover,.btn[aria-disabled=true]:hover{border-color:var(--line)}.btn.done{background:var(--good);border-color:var(--good);color:var(--on-solid);justify-content:center}.btn.primary.done{box-shadow:0 0 0 6px rgba(var(--good-rgb),.14)}.btn-c{display:contents}.btn.done>.btn-c{visibility:hidden}.btn-done{animation:btnDoneIn .3s var(--ease);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}@keyframes btnDoneIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.btn.done{animation:btnPulse .9s var(--ease)}@keyframes btnPulse{0%{box-shadow:0 0 0 0 rgba(var(--good-rgb),.35)}to{box-shadow:0 0 0 10px rgba(var(--good-rgb),0)}}.btn[aria-busy=true]{cursor:progress}.link{color:var(--accent-ink);white-space:nowrap;align-items:center;gap:4px;margin-block:-5px;padding-block:5px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}button.link{cursor:pointer;background:0 0;border:0;padding-block:5px;padding-inline:0}.link svg{transition:transform .3s var(--spring)}.link:hover svg{transform:translate(3px)}[dir=rtl] .link svg{transform:scaleX(-1)}[dir=rtl] .link:hover svg{transform:scaleX(-1)translate(3px)}html.static .btn-done,html.static .btn.done{animation:none}@media (prefers-reduced-motion:reduce){.btn-done,.btn.done{animation:none}.ripple{display:none}}@media (pointer:coarse){.btn,.btn.sm{min-height:var(--touch-target)}.btn.sm{height:auto}.link,button.link{padding-block:calc((var(--touch-target) - 1.3em) / 2);margin-block:calc((var(--touch-target) - 1.3em) / -2)}}