.install-banner{position:fixed;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:10001;max-width:480px;margin-inline:auto;padding:18px 16px 16px;border-radius:18px;background:#101c31;color:#f1f5fb;border:1px solid #2a3b58;box-shadow:0 18px 50px #050c1a73;font-size:14px;line-height:1.6;animation:install-banner-in .35s ease-out}@keyframes install-banner-in{0%{transform:translateY(120%);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.install-banner{animation:none}}.install-banner-close{position:absolute;top:10px;inset-inline-end:10px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff14!important;color:#c8d3e5!important;box-shadow:none!important;font-size:20px;line-height:1;cursor:pointer}.install-banner-head{display:flex;align-items:center;gap:12px;padding-inline-end:30px}.install-banner-head img{width:52px;height:52px;object-fit:contain;flex-shrink:0;background:transparent}.install-banner-head strong{display:block;font-size:15px;font-weight:700;color:#fff}.install-banner-head p{margin:2px 0 0;font-size:12.5px;color:#a9b8cf}.install-banner-steps{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#ffffff0f;font-size:13px;color:#e2e9f4}ol.install-banner-steps{padding-inline-start:32px}.install-banner-steps li+li{margin-top:6px}.install-banner-icon{display:inline-grid;place-items:center;width:24px;height:24px;margin-inline:2px;border-radius:6px;background:#2563eb;color:#fff;font-size:12px;vertical-align:middle}.install-banner-actions{display:flex;gap:10px;margin-top:14px}.install-banner-actions button{flex:1;min-height:44px;border-radius:12px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.install-banner .install-banner-primary{border:0!important;background:#2563eb!important;color:#fff!important;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}.install-banner .install-banner-secondary{border:1px solid #344761!important;background:transparent!important;color:#dce6f5!important;box-shadow:none!important}.install-banner :is(button):focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.app-status{position:fixed;inset-inline:0;bottom:0;z-index:5000;display:flex;justify-content:center;padding:0 12px calc(12px + env(safe-area-inset-bottom));pointer-events:none}.app-status-bar{display:flex;align-items:center;gap:10px;max-width:560px;padding:10px 14px;border-radius:12px;box-shadow:0 10px 30px #0006;font-family:El Messiri,sans-serif;font-size:14px;line-height:1.5;pointer-events:auto}.app-status-bar.offline{background:#3a1d22;color:#ffd9dc;border:1px solid #a8434d}.app-status-bar.update{background:#17243b;color:#eaf0fb;border:1px solid #efc75e}.app-status-bar i{flex:0 0 auto}.app-status-bar.offline i{color:#ff8a94}.app-status-bar.update i{color:#efc75e}.app-status-bar button{flex:0 0 auto;margin-inline-start:4px;padding:6px 14px;border:0;border-radius:8px;background:#efc75e;color:#4d3810;font:inherit;font-weight:700;cursor:pointer}.app-status-bar button:focus-visible{outline:2px solid #fff;outline-offset:2px}