.back-to-top{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:40;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #8edac3;border-radius:50%;background:#b2f6e3;color:#171918;box-shadow:0 4px 18px #17241e30;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.back-to-top[hidden]{display:none}
html{scrollbar-color:#648c7c #edf4f0;scrollbar-width:thin}
html::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track{background:#edf4f0}
html::-webkit-scrollbar-thumb{background:#648c7c;border:2px solid #edf4f0;border-radius:20px}
html::-webkit-scrollbar-thumb:hover{background:#24715a}
.page-scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:90;pointer-events:none;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#24715a,#77d7bb,#b2f6e3)}
.back-to-top{width:48px;height:48px;border:0;animation:scroll-button-in .24s ease-out}
@keyframes scroll-button-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.back-to-top:focus-visible{outline:3px solid #24715a;outline-offset:4px}
@media(hover:hover){.back-to-top:hover{transform:translateY(-3px);box-shadow:0 7px 22px #17241e40}}
@media(max-width:700px){.back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none;animation:none}.back-to-top:hover{transform:none}}