.back-to-top{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:30;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #f3dca0;border-radius:50%;background:linear-gradient(160deg,#f9e4ac,#dfb963);color:#211a0c;box-shadow:0 4px 20px #0006;cursor:pointer;transition:background .15s,transform .15s}
.back-to-top[hidden]{display:none}
.back-to-top svg{display:block;width:24px;height:24px}
.back-to-top:hover{background:#f3d890;transform:translateY(-2px)}
.back-to-top:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:560px){.back-to-top{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}