html,body{overscroll-behavior-y:contain}#pull-refresh{position:fixed;z-index:2500;top:calc(env(safe-area-inset-top,0px) + 64px);left:50%;display:flex;align-items:center;gap:9px;max-width:calc(100vw - 32px);padding:9px 16px 9px 10px;border:1px solid var(--ui-l-caff0033,#caff0033);border-radius:40px;background:linear-gradient(125deg,var(--ui-b-caff0025,#caff0025),var(--ui-b-202121,#202121));color:var(--text);box-shadow:0 8px 26px #0004;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:none;transform:translate(-50%,var(--pull-distance,0px));transition:background .2s,box-shadow .2s;font-size:11px;font-weight:650;white-space:nowrap}#pull-refresh[hidden]{display:none!important}.pull-refresh-symbol{display:block;width:30px;height:30px;color:var(--accent);flex-shrink:0}.pull-refresh-symbol svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pull-refresh-track{opacity:.15}.pull-refresh-progress{stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--pull-progress,0)*100);transform:rotate(-90deg);transform-origin:center}.pull-refresh-arrow{transform-origin:center;transition:transform .18s}.ready .pull-refresh-arrow{transform:rotate(180deg)}.pull-refresh-check{display:none}.complete .pull-refresh-check{display:block}.complete .pull-refresh-arrow{display:none}.complete{border-color:var(--accent)!important}.failed .pull-refresh-symbol{color:var(--muted)}.loading .pull-refresh-arrow{display:none}.loading .pull-refresh-progress{stroke-dasharray:70 30;stroke-dashoffset:0;animation:pull-refresh-spin .8s linear infinite}.app-refresh-settings p{font-size:12px;line-height:1.8;color:var(--muted)}.app-refresh-settings button{font-size:12px;padding:11px 16px}@keyframes pull-refresh-spin{to{transform:rotate(270deg)}}@media(prefers-reduced-motion:reduce){#pull-refresh,.pull-refresh-arrow{transition:none}.loading .pull-refresh-progress{animation:none;stroke-dasharray:85 15}}@media(min-width:761px){#pull-refresh{font-size:12px}}
/* Move the page content; keep the header and bottom navigation anchored. */
.pull-content-shift body>:is(#main,#account-bar,.email-protection,.storage-note){transform:translate3d(0,var(--pull-content-offset,0px),0);transition:transform .32s cubic-bezier(.2,.7,.25,1);will-change:transform}
.pull-content-dragging body>:is(#main,#account-bar,.email-protection,.storage-note){transition:none}
@media(prefers-reduced-motion:reduce){.pull-content-shift body>:is(#main,#account-bar,.email-protection,.storage-note){transition:none}}