.cli-pwa-install[hidden]{display:none!important}
.cli-pwa-install{white-space:normal;min-height:44px}
.cli-pwa-dialog{box-sizing:border-box;width:min(540px,calc(100% - 24px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid var(--gemma-border,#d7e2dc);border-radius:16px;background:var(--gemma-surface,#fff);color:var(--gemma-text,#263238);font:16px/1.6 "Segoe UI",Arial,sans-serif;box-shadow:0 20px 60px #0004}
.cli-pwa-dialog::backdrop{background:#001b1199}
.cli-pwa-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cli-pwa-heading h2{margin:0;color:inherit;font-size:22px}
.cli-pwa-heading button{min-width:44px;min-height:44px;font-size:24px}
.cli-pwa-dialog li{margin-block:12px}
.cli-pwa-dialog ul{padding-inline-start:22px}
.cli-pwa-note{padding:12px;border-radius:8px;background:var(--gemma-surface-soft,#eef6f1);font-size:14px}
.cli-offline{margin:0;padding:24px;min-height:100vh;display:grid;place-items:center;background:#f4f9f6;color:#263238;font:17px/1.6 system-ui,sans-serif}
.cli-offline main{max-width:480px;padding:28px;background:#fff;border:1px solid #d7e2dc;border-radius:18px}
.cli-offline img{width:80px;height:80px;border-radius:16px}
.cli-offline a{display:inline-block;padding:12px 18px;background:#007a44;color:#fff;border-radius:8px;text-decoration:none}
@media(prefers-color-scheme:dark){.cli-offline{background:#0d1512;color:#e7f0eb}.cli-offline main{background:#15211c;border-color:#344a3f}}
@media print{.cli-pwa-install,.cli-pwa-dialog{display:none!important}}