.back-to-top{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:80;width:48px;height:48px;display:grid;place-items:center;padding:12px;border:1px solid #ad9366;border-radius:50%;background:#faf7f0;color:#765335;box-shadow:0 5px 18px #4f392522;cursor:pointer;transition:transform .2s,background .2s}
.back-to-top[hidden]{display:none}
.back-to-top svg{width:24px;height:24px}
.back-to-top:hover{transform:translateY(-3px);background:#efe6d4}
.back-to-top:focus-visible{outline:3px solid #765335;outline-offset:4px}
@media(max-width:600px){.back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}