.qsf-root{--qsf-teal:var(--teal,#1e605a);--qsf-amber:var(--amber,#b3721f);--qsf-card:var(--card,#ffffff);--qsf-line:var(--line,#dcdfd6);--qsf-size:48px;--qsf-stroke:3;--qsf-z:9999;position:fixed;top:var(--qsf-top,auto);right:var(--qsf-right,24px);bottom:var(--qsf-bottom,calc(24px + env(safe-area-inset-bottom, 0px)));left:var(--qsf-left,auto);z-index:var(--qsf-z);display:grid;place-items:center;width:var(--qsf-size);height:var(--qsf-size);margin:0;padding:0;border:1px solid var(--qsf-line);border-radius:50%;background:var(--qsf-card);color:var(--qsf-teal);box-shadow:0 10px 28px -16px rgba(20,31,30,.45);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease}.qsf-root[hidden]{display:none}@media (hover:hover){.qsf-root:hover{transform:translateY(-2px);box-shadow:0 16px 32px -16px rgba(20,31,30,.55)}}.qsf-root:active{transform:scale(.96)}.qsf-root:focus-visible{outline:2px solid var(--qsf-teal);outline-offset:2px}.qsf-root[data-mode=to-top]{color:var(--qsf-amber);border-color:var(--qsf-amber)}.qsf-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.qsf-track{fill:none;stroke:var(--qsf-line);stroke-width:var(--qsf-stroke);opacity:.5}.qsf-bar{fill:none;stroke:currentColor;stroke-width:var(--qsf-stroke);stroke-linecap:round}.qsf-bar[hidden],.qsf-track[hidden]{display:none}.qsf-icon{display:grid;place-items:center;width:46%;height:46%}.qsf-icon svg{display:block;width:100%;height:100%;transition:transform .2s ease}.qsf-root[data-mode=to-top] .qsf-icon svg{transform:rotate(180deg)}.qsf-root.is-complete{animation:qsf-pop .28s ease}.qsf-root.is-complete .qsf-bar{filter:drop-shadow(0 0 6px currentColor)}@keyframes qsf-pop{40%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.qsf-icon svg,.qsf-root{transition:none}.qsf-root.is-complete{animation:none}}