.back-to-top{position:fixed;z-index:18;right:24px;bottom:24px;width:64px;height:64px;background:linear-gradient(145deg,#3d4245,#17191a);border:2px solid #858b8e;border-radius:8px;color:#fff;box-shadow:0 12px 28px #0008,inset 0 0 0 3px #090a0b,inset 0 0 0 4px #6e7376;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px) scale(.92);transition:opacity .25s,transform .25s,visibility .25s,background .25s}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.back-to-top:hover{background:linear-gradient(145deg,#c52b2f,#761014);border-color:#ef8b8e;transform:translateY(-4px)}
.top-arrow{font:500 28px/1 "Barlow Condensed",sans-serif;transform:translateY(-5px)}
.top-label{position:absolute;left:0;right:0;bottom:9px;text-align:center;font:600 9px/1 "Inter",Arial,sans-serif;letter-spacing:.14em;color:#d5d8d9}
.mold-hole{position:absolute;width:7px;height:7px;border-radius:50%;background:#080909;border:1px solid #9da2a4;box-shadow:inset 0 1px 2px #000}
.hole-a{left:7px;top:7px}.hole-b{right:7px;top:7px}.hole-c{left:7px;bottom:7px}.hole-d{right:7px;bottom:7px}
.back-to-top:focus-visible{outline:3px solid #fff;outline-offset:5px;box-shadow:0 0 0 8px #99191d}
@media(max-width:600px){.back-to-top{right:14px;bottom:14px;width:58px;height:58px}.top-label{bottom:7px}}
@media(prefers-reduced-motion:reduce){.back-to-top,.back-to-top:hover{transition:none;transform:none}}