/* Frosted orb, 1.2× diameter. Its soft tapered wake only animates transform/opacity. */
.sulook-idle-scroll{--orb-size:48px;--orb-travel:164px;--orb-cycle:4.8s;position:fixed;z-index:90;right:max(16px,env(safe-area-inset-right));top:50%;width:80px;height:248px;transform:translateY(-50%);pointer-events:none;user-select:none}
.sulook-idle-scroll[hidden]{display:none}
.sulook-idle-scroll::before{content:'';position:absolute;left:50%;bottom:calc(14px + var(--orb-size) / 2);width:calc(var(--orb-size) * .78);height:var(--orb-travel);border-radius:50% 50% 40% 40% / 12% 12% 88% 88%;background:linear-gradient(to bottom,#6b8fa34d,#aac4d13d 30%,#e2edf51a 68%,transparent 96%),radial-gradient(ellipse at 50% 0%,#ffffff80,transparent 74%);-webkit-mask-image:linear-gradient(to right,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(to right,transparent,#000 28%,#000 72%,transparent);filter:blur(1.5px);transform-origin:50% 100%;will-change:transform,opacity;animation:sulook-glass-trail var(--orb-cycle) cubic-bezier(.4,0,.25,1) infinite}
@keyframes sulook-glass-trail{0%,14%{opacity:0;transform:translateX(-50%) scaleY(0)}28%{opacity:.75}78%{opacity:.68;transform:translateX(-50%) scaleY(1)}94%,100%{opacity:0;transform:translateX(-50%) scaleY(1.1)}}
.sulook-glass-orb{position:absolute;left:50%;bottom:14px;width:var(--orb-size);height:var(--orb-size);box-sizing:border-box;border:1px solid #ffffff70;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#ffffff4d,transparent 72%),linear-gradient(145deg,#ffffff42,#edf3f526);backdrop-filter:blur(10px) saturate(.8) brightness(1.03);-webkit-backdrop-filter:blur(10px) saturate(.8) brightness(1.03);box-shadow:inset 1px 1px 7px #ffffff42,inset -2px -3px 9px #183b501a,0 3px 12px #18374d17,0 0 0 .5px #173e501a;will-change:transform,opacity;animation:sulook-glass-rise var(--orb-cycle) cubic-bezier(.4,0,.25,1) infinite}
.sulook-glass-orb::before{content:'';position:absolute;inset:13% 22% 46% 16%;border-radius:50%;background:radial-gradient(ellipse,#ffffff38,transparent 72%)}
.sulook-glass-orb::after{content:'';position:absolute;inset:9%;border-radius:50%;box-shadow:inset -1px -2px 7px #18374d0a}
.sulook-glass-wave{position:absolute;left:50%;bottom:14px;width:var(--orb-size);height:var(--orb-size);box-sizing:border-box;border:1px solid #ffffff85;border-radius:50%;box-shadow:0 0 0 .5px #153b501f,0 0 4px #ffffff1f;will-change:transform,opacity;animation:sulook-glass-ripple var(--orb-cycle) cubic-bezier(.22,.5,.35,1) infinite}
.sulook-glass-wave-late{animation-name:sulook-glass-ripple-late}
.sulook-idle-guidance .scroll-invitation,.sulook-idle-guidance .scroll-cue{visibility:hidden;pointer-events:none}
@keyframes sulook-glass-rise{0%{opacity:0;transform:translate(-50%,12px) scale(.64)}14%{opacity:.96;transform:translate(-50%,0) scale(1)}78%{opacity:.9;transform:translate(-50%,calc(-1 * var(--orb-travel))) scale(1)}94%,100%{opacity:0;transform:translate(-50%,calc(-1 * var(--orb-travel) - 16px)) scale(.96)}}
@keyframes sulook-glass-ripple{0%,8%{opacity:0;transform:translateX(-50%) scale(.8)}16%{opacity:.48;transform:translateX(-50%) scale(1)}43%,100%{opacity:0;transform:translateX(-50%) scale(2)}}
@keyframes sulook-glass-ripple-late{0%,16%{opacity:0;transform:translateX(-50%) scale(.85)}24%{opacity:.34;transform:translateX(-50%) scale(1.02)}53%,100%{opacity:0;transform:translateX(-50%) scale(1.9)}}
@media(max-width:600px){.sulook-idle-scroll{--orb-size:43.2px;--orb-travel:132px;right:max(10px,env(safe-area-inset-right));width:72px;height:210px}}
@media(max-height:500px) and (orientation:landscape){.sulook-idle-scroll{--orb-size:38.4px;--orb-travel:86px;top:calc(50% + 12px);width:64px;height:156px;right:max(12px,env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){.sulook-idle-scroll::before{display:none;animation:none;will-change:auto}.sulook-glass-orb{animation:none;opacity:.85;transform:translate(-50%,calc(-.5 * var(--orb-travel)));will-change:auto}.sulook-glass-wave{display:none;animation:none;will-change:auto}}