.ph-back-to-top{position:fixed;right:24px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:30;display:grid;place-items:center;width:50px;height:50px;padding:0;border:1px solid rgb(43 48 40 / .16);border-radius:3px;background:rgb(250 249 246 / .8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#2b3028;box-shadow:0 4px 16px rgb(16 24 17 / .1);cursor:pointer;animation:ph-top-appear .35s cubic-bezier(.2,.7,.2,1) both;transition:width .25s cubic-bezier(.2,.7,.2,1),transform .22s,box-shadow .22s,background .22s}
.ph-back-to-top[hidden]{display:none}
.ph-back-to-top svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.ph-back-to-top span{position:absolute;left:14px;right:48px;top:50%;overflow:hidden;white-space:nowrap;opacity:0;transform:translate(8px,-50%);pointer-events:none;transition:opacity .18s,transform .25s}
@media(min-width:761px){.ph-back-to-top:focus-visible{width:150px}.ph-back-to-top:focus-visible span{opacity:1;transform:translate(0,-50%)}}
@media(min-width:761px) and (hover:hover){.ph-back-to-top:hover{width:150px}.ph-back-to-top:hover span{opacity:1;transform:translate(0,-50%)}}
.ph-back-to-top:hover{background:rgb(250 249 246 / .96);transform:translateY(-3px);box-shadow:0 7px 22px rgb(16 24 17 / .15)}
.ph-back-to-top:hover svg{transform:translateY(calc(-50% - 3px))}
.ph-back-to-top:active{transform:translateY(0) scale(.95)}
.ph-back-to-top:focus-visible{outline:2px solid #4b5845;outline-offset:4px}
body:has(.quiz-container[style*="display: flex"]) .ph-back-to-top{visibility:hidden;pointer-events:none}
@keyframes ph-top-appear{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.ph-back-to-top{right:18px;bottom:calc(104px + env(safe-area-inset-bottom,0px));width:46px;height:46px}.ph-back-to-top svg{right:11px}.ph-back-to-top span{display:none}}
@media(prefers-reduced-motion:reduce){.ph-back-to-top,.ph-back-to-top svg,.ph-back-to-top span{animation:none;transition:none}.ph-back-to-top:hover{transform:none}.ph-back-to-top:hover svg{transform:translateY(-50%)}}
