/* Floating Ko-fi button on every public page except Support, which has its own button.
   Ko-fi's orange and cup symbol; colours are fixed so it reads the same on product pages with their own palettes.
   The label's box is trimmed to its cap height, so it centres on the cup whatever font the page uses. */
.kofi-float{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:100;display:inline-flex;align-items:center;gap:10px;height:42px;box-sizing:border-box;padding:0 20px 0 16px;border-radius:999px;background:#ff5a16;color:#202020;font:700 16px/1 var(--sans,system-ui,sans-serif);letter-spacing:0;text-decoration:none;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s}
.kofi-float img{display:block;width:24px;height:19px}
.kofi-float span{display:block;text-box:trim-both cap alphabetic}
.kofi-float:hover{color:#202020;transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.kofi-float:focus-visible{outline:2px solid #ff5a16;outline-offset:3px}
body::after{content:"";display:block;height:calc(72px + env(safe-area-inset-bottom))}
@media(prefers-reduced-motion:reduce){.kofi-float{transition:none}.kofi-float:hover{transform:none}}
@media print{.kofi-float{display:none}}