.hp-back-to-top{position:fixed;z-index:111;right:max(18px,env(safe-area-inset-right));bottom:max(84px,calc(env(safe-area-inset-bottom) + 84px));width:46px;height:46px;padding:0;border:1px solid #a78744;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#272116,#090806);color:#edc96f;box-shadow:0 8px 24px #0007;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px) scale(.92);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;color-scheme:dark}
.hp-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.hp-back-to-top span{font:700 28px/1 Arial,sans-serif;transform:translateY(-1px)}
.hp-back-to-top:hover{border-color:#e4bd5a;background:linear-gradient(145deg,#3a2d17,#100d08);color:#ffe19a}
.hp-back-to-top:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:640px){.hp-back-to-top{right:max(12px,env(safe-area-inset-right));bottom:max(72px,calc(env(safe-area-inset-bottom) + 72px));width:42px;height:42px}.hp-back-to-top span{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hp-back-to-top{transition:none}}