/* H2O-04 Glass overlay. Site palette: navy-deep, arctic, arctic-40. */
.h2o-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;box-sizing:border-box;background:radial-gradient(ellipse at 50% 40%,rgb(117 207 237/.12),transparent 62%),#11283f;color:#e8f4fa;font-family:system-ui,-apple-system,sans-serif;opacity:1;transition:opacity .24s ease}
.h2o-overlay[hidden]{display:none!important}.h2o-overlay.is-done{opacity:0;pointer-events:none}
.h2o-identity{text-align:center;margin-bottom:3rem}.h2o-identity p{margin:24px 0 8px;font-size:clamp(18px,4vw,24px);font-weight:600;letter-spacing:.04em}.h2o-identity small{color:#c8ecf8;font:600 13px/1.5 system-ui,sans-serif}
.h2o-mark{display:block;margin:auto;width:clamp(88px,26vw,112px);height:auto;filter:drop-shadow(0 12px 28px rgb(117 207 237/.14));animation:h2o-breathe 2.4s ease-in-out infinite}
.h2o-load-panel{position:absolute;bottom:max(28px,calc(env(safe-area-inset-bottom) + 22px));left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 40px));padding:20px;box-sizing:border-box;border:1px solid rgb(117 207 237/.2);border-radius:16px;background:rgb(24 55 84/.65);box-shadow:0 16px 48px rgb(0 0 0/.12);backdrop-filter:blur(12px)}
.h2o-load-line{display:flex;justify-content:space-between;gap:12px;color:#c8ecf8;font:600 12px/1.5 system-ui,sans-serif;font-variant-numeric:tabular-nums}.h2o-load-line strong{color:#e8f4fa}
.h2o-track{height:6px;overflow:hidden;border-radius:99px;background:rgb(200 236 248/.14);margin-top:12px}.h2o-track span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:#75cfed;border-radius:inherit;transition:transform .16s ease}
#h2o-boot-note{margin:12px 0 0;color:#c8ecf8;font-size:12px;line-height:1.5}
.h2o-overlay button{margin:14px 0 0;padding:12px 18px;border:1px solid #75cfed;border-radius:99px;background:#183754;color:#e8f4fa;cursor:pointer;font:600 14px system-ui,sans-serif}.h2o-overlay button:focus-visible{outline:3px solid #75cfed;outline-offset:4px}.h2o-overlay button[hidden]{display:none}
.h2o-update-card{padding:24px;text-align:center;max-width:30rem}.h2o-update-card img{display:block;margin:0 auto 24px}.h2o-update-card h2{font:600 21px/1.4 system-ui,sans-serif;margin:18px 0 8px}.h2o-update-card p{color:#c8ecf8;font:400 14px/1.6 system-ui,sans-serif}.h2o-spinner{width:26px;height:26px;border:2px solid rgb(200 236 248/.2);border-top-color:#75cfed;border-radius:50%;margin:auto;animation:h2o-spin .9s linear infinite}
#h2o-release{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:1000;max-width:calc(100% - 24px);padding:3px 10px calc(3px + env(safe-area-inset-bottom));border:1px solid rgb(117 207 237/.22);border-bottom:0;border-radius:8px 8px 0 0;background:#11283f;color:#c8ecf8;font:500 10px/1.4 system-ui,sans-serif;text-align:center;white-space:normal;pointer-events:none}
html.h2o-ready #root{visibility:visible}html.h2o-ready body{padding-bottom:24px}
@keyframes h2o-breathe{50%{transform:translateY(-3px)}}@keyframes h2o-spin{to{transform:rotate(360deg)}}
@media(max-height:450px){.h2o-identity{margin-bottom:100px}.h2o-mark{width:52px}.h2o-identity p{margin:8px 0 0;font-size:16px}.h2o-load-panel{padding:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.h2o-overlay,.h2o-track span{transition:none}.h2o-mark,.h2o-spinner{animation:none}}