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