.btn{--btn-bg:var(--cat-gold);--btn-fg:var(--cat-on-gold);--btn-hover-bg:var(--cat-ink);--btn-hover-fg:var(--cat-bg);--btn-ring:var(--cat-gold-ink);background:var(--btn-bg);min-height:52px;color:var(--btn-fg);font:inherit;text-align:center;white-space:nowrap;cursor:pointer;touch-action:manipulation;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:1.0625rem;line-height:1.2;text-decoration:none;transition:background-color .18s,color .18s,transform .14s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.btn svg{flex:none;width:20px;height:20px}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--btn-hover-bg);color:var(--btn-hover-fg)}}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--btn-ring);outline-offset:3px}.btn-sm{min-height:44px;padding:0 20px;font-size:1rem}.btn-block{width:100%;display:flex}.btn-outline{--btn-bg:var(--cat-line);--btn-fg:var(--cat-ink);--btn-hover-bg:var(--cat-gold);--btn-hover-fg:var(--cat-on-gold)}.btn-inverse{--btn-bg:#fff;--btn-fg:var(--cat-ink);--btn-hover-bg:var(--cat-gold);--btn-hover-fg:var(--cat-on-gold);--btn-ring:#fff}.btn-link{--btn-bg:transparent;--btn-fg:var(--cat-ink);--btn-hover-bg:transparent;--btn-hover-fg:var(--cat-gold-ink);text-underline-offset:.22em;min-height:44px;text-decoration:underline;text-decoration-thickness:.07em;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);padding:0}.btn-link:active{transform:none}.btn-on-dark.btn-primary,.on-dark .btn-primary{--btn-hover-bg:#fff;--btn-hover-fg:var(--cat-ink)}.on-dark .btn-primary:focus-visible,[data-field=night] .btn:focus-visible{outline-color:var(--cat-gold)}[data-field=night] .btn-primary{--btn-hover-bg:#fff;--btn-hover-fg:var(--cat-ink)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn[aria-busy=true]{cursor:progress;pointer-events:none}.btn[aria-busy=true]:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.icon-btn{background:var(--cat-line);width:48px;height:48px;color:var(--cat-ink);cursor:pointer;touch-action:manipulation;border:0;border-radius:0;place-items:center;padding:0;transition:color .18s,background-color .18s,transform .14s cubic-bezier(.22,1,.36,1);display:grid}.icon-btn svg{width:22px;height:22px}.icon-btn:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--cat-gold);color:var(--cat-on-gold)}}.icon-btn:focus-visible{outline:2px solid var(--cat-gold-ink);outline-offset:3px}.icon-btn[aria-pressed=true]{background:var(--cat-ink);color:var(--cat-gold)}@media (prefers-reduced-motion:reduce){.btn,.btn-link,.icon-btn{transition:none}.btn:active,.icon-btn:active{transform:none}.btn[aria-busy=true]:before{opacity:.6;border-right-color:currentColor;animation:none}}