.offline-overlay{position:fixed;inset:0;z-index:99999;max-width:none;max-height:none;width:100%;height:100dvh;border:0;margin:0;padding:24px;background:radial-gradient(ellipse at 10% 10%,#ece2ff88,transparent 65%),#fcf7fc;color:#332543;font-family:system-ui,sans-serif;overflow-y:auto;box-sizing:border-box}.offline-overlay::backdrop{background:#fcf7fc}.offline-overlay[open]{display:flex;align-items:center;justify-content:center}.offline-overlay .offline-card{width:100%;max-width:540px;text-align:center;margin:auto}.offline-overlay img{display:block;width:min(100%,350px);max-height:270px;object-fit:contain;margin:0 auto 28px}.offline-overlay .offline-mark{font-size:85px;color:#ba71af;font-weight:800;line-height:1;margin:0 0 24px}.offline-overlay h2{font-size:clamp(24px,4vw,34px);line-height:1.35;margin:0 0 14px;overflow-wrap:anywhere}.offline-overlay p{font-size:15px;line-height:1.8;max-width:480px;margin:0 auto 24px;color:#8b7695;white-space:pre-line;overflow-wrap:anywhere}.offline-overlay button{min-height:46px;padding:12px 24px;border:1px solid #c268a2;border-radius:12px;background:linear-gradient(120deg,#d265a2,#b45fa3);color:white;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.offline-overlay small{display:block;font-size:12px;color:#a18aab;margin-top:22px}