.pull-indicator.svelte-10r8003,.connection-banner.svelte-10r8003{position:fixed;z-index:10020;left:50%;display:flex;align-items:center;gap:.6rem;color:#f8fbff;border:1px solid color-mix(in srgb,var(--pym-cyan, #38e8ff) 38%,transparent);background:linear-gradient(135deg,#1b1435e6,#041523eb);box-shadow:0 18px 46px #0000005c,inset 0 1px #ffffff1a;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.pull-indicator.svelte-10r8003{top:max(.55rem,env(safe-area-inset-top));min-height:44px;padding:0 1rem;border-radius:999px;transform:translate(-50%,calc(min(var(--pull),72px) - 82px)) scale(.96);opacity:clamp(0,calc(var(--pull) / 46px),1);transition:border-color .16s ease,box-shadow .16s ease;pointer-events:none}.pull-indicator.ready.svelte-10r8003{border-color:color-mix(in srgb,#f5b21a 72%,transparent);box-shadow:0 16px 42px #f5b21a33}.pull-indicator.svelte-10r8003 span:where(.svelte-10r8003){display:grid;place-items:center;width:26px;height:26px;color:#38e8ff;font-size:1.3rem;line-height:1;transform:rotate(calc(var(--pull) * 3deg))}.pull-indicator.svelte-10r8003 span.spin:where(.svelte-10r8003){animation:svelte-10r8003-refresh-spin .72s linear infinite}.pull-indicator.svelte-10r8003 strong:where(.svelte-10r8003){font-size:.78rem;white-space:nowrap}.connection-banner.svelte-10r8003{top:max(.75rem,env(safe-area-inset-top));max-width:min(92vw,680px);min-height:48px;padding:.45rem .55rem .45rem .9rem;border-radius:18px;transform:translate(-50%);animation:svelte-10r8003-banner-in .24s cubic-bezier(.2,.85,.2,1);font-size:.82rem;font-weight:650}.connection-banner.offline.svelte-10r8003{border-color:#f5b21a6b}.connection-banner.error.svelte-10r8003{border-color:#ff597a85}.signal.svelte-10r8003,.status-mark.svelte-10r8003{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#06151d;background:linear-gradient(135deg,#38e8ff,#8a5cff);box-shadow:0 0 18px #38e8ff4d}.signal.svelte-10r8003:before{content:"";width:8px;height:8px;border-radius:50%;background:#f5b21a;box-shadow:0 0 0 5px #f5b21a29}button.svelte-10r8003{min-width:44px;min-height:44px;margin-inline-start:auto;padding:0 .85rem;border:1px solid rgba(255,255,255,.16);border-radius:14px;color:#fff;background:#ffffff14;font:inherit;cursor:pointer}button.svelte-10r8003:focus-visible{outline:2px solid #38e8ff;outline-offset:2px}@keyframes svelte-10r8003-refresh-spin{to{transform:rotate(360deg)}}@keyframes svelte-10r8003-banner-in{0%{opacity:0;transform:translate(-50%,-18px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.pull-indicator.svelte-10r8003,.connection-banner.svelte-10r8003,.pull-indicator.svelte-10r8003 span:where(.svelte-10r8003){transition:none;animation:none}}