.waterly-is-offline body>:not(.waterly-offline-screen){visibility:hidden!important}.waterly-offline-screen{--offline-bg:#06131d;--offline-text:#edf7fc;--offline-muted:#a3bac9;--offline-accent:#66d6ec;--offline-card:#ffffff05;--offline-border:#9edbeb20;--offline-glow:#23add018;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;padding:max(32px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 28%, var(--offline-glow), transparent 60%), var(--offline-bg);color:var(--offline-text);overscroll-behavior:contain;border:0;margin:0;font-family:inherit;position:fixed;inset:0;overflow-y:auto}.waterly-offline-screen[open]{place-items:center;display:grid}.waterly-offline-screen::backdrop{background:var(--offline-bg)}.waterly-offline-content{text-align:center;width:100%;min-width:0;max-width:440px;margin:auto}.waterly-offline-art{width:188px;height:188px;color:var(--offline-accent);margin:0 auto 24px;position:relative}.waterly-offline-orbit{border:1px dashed var(--offline-border);border-radius:50%;position:absolute;inset:2px;transform:rotate(-15deg)}.waterly-offline-art:before{content:"";background:var(--offline-glow);filter:blur(18px);border-radius:50%;position:absolute;inset:20px}.waterly-offline-mascot{width:100%;height:100%;animation:4.8s ease-in-out infinite waterly-offline-float;position:relative;overflow:visible}.waterly-offline-wave{animation:3.6s ease-in-out infinite waterly-offline-signal}.wave-middle{animation-delay:.25s}.wave-inner{animation-delay:.5s}.waterly-offline-face{fill:var(--offline-bg);stroke:var(--offline-border)}.waterly-offline-eyes{transform-box:fill-box;transform-origin:50%;animation:6s infinite waterly-offline-blink}.waterly-offline-tear{fill:var(--offline-accent);animation:4.8s ease-in infinite waterly-offline-tear}.waterly-offline-spark{opacity:.35;animation:4s ease-in-out infinite waterly-offline-signal}.spark-two{animation-delay:2s}.waterly-offline-shadow{background:var(--offline-accent);opacity:.1;filter:blur(3px);border-radius:50%;width:26%;height:5px;animation:4.8s ease-in-out infinite waterly-offline-shadow;position:absolute;bottom:-3px;left:37%}.waterly-offline-label{color:var(--offline-accent);letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:600;line-height:1.5}.waterly-offline-content h1{letter-spacing:-.035em;text-wrap:balance;outline:none;margin:0 0 14px;font-size:clamp(27px,5vw,36px);font-weight:700;line-height:1.16}#waterly-offline-description{color:var(--offline-muted);text-wrap:pretty;white-space:pre-line;max-width:370px;margin:0 auto;font-size:15px;line-height:1.65}.waterly-offline-advice{border:1px solid var(--offline-border);background:var(--offline-card);text-align:left;border-radius:20px;margin:28px 0 25px;padding:20px 22px}.waterly-offline-advice h2{letter-spacing:.1em;text-transform:uppercase;color:var(--offline-muted);margin:0 0 16px;font-size:11px;font-weight:600}.waterly-offline-advice ol{counter-reset:offline-tip;gap:14px;margin:0;padding:0;list-style:none;display:grid}.waterly-offline-advice li{counter-increment:offline-tip;grid-template-columns:24px 1fr;align-items:start;gap:12px;font-size:13px;line-height:1.5;display:grid}.waterly-offline-advice li:before{content:counter(offline-tip);background:var(--offline-glow);width:24px;height:24px;color:var(--offline-accent);border-radius:8px;place-items:center;font-size:11px;font-weight:600;display:grid}.waterly-offline-waiting{color:var(--offline-accent);justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.waterly-offline-dots{gap:3px;display:flex}.waterly-offline-dots i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.5s ease-in-out infinite waterly-offline-dot}.waterly-offline-dots i:nth-child(2){animation-delay:.2s}.waterly-offline-dots i:nth-child(3){animation-delay:.4s}.waterly-offline-return{color:var(--offline-muted);max-width:320px;margin:10px auto 0;font-size:11px;line-height:1.6}:root[data-theme=light] .waterly-offline-screen{--offline-bg:#f4f9fc;--offline-text:#183c50;--offline-muted:#567283;--offline-accent:#1484a0;--offline-card:#ffffffa8;--offline-border:#167e9d22;--offline-glow:#26b5d512}@keyframes waterly-offline-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-9px)rotate(3deg)}}@keyframes waterly-offline-signal{0%,to{opacity:.35}50%{opacity:.85}}@keyframes waterly-offline-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes waterly-offline-tear{0%,15%{opacity:0;transform:translateY(-3px)}30%,55%{opacity:.75}75%,to{opacity:0;transform:translateY(16px)}}@keyframes waterly-offline-shadow{0%,to{opacity:.1;transform:scaleX(1)}50%{opacity:.05;transform:scaleX(.7)}}@keyframes waterly-offline-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (max-width:480px),(max-height:720px){.waterly-offline-screen{padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom))}.waterly-offline-art{width:144px;height:144px;margin-bottom:20px}.waterly-offline-advice{margin-top:22px;padding:18px}}@media (prefers-reduced-motion:reduce){.waterly-offline-screen *,.waterly-offline-screen :before{animation:none!important}.waterly-offline-tear{opacity:.6}}