#mnPwaBanner{margin:12px 0;padding:14px 18px;border:1px solid #c7d5e6;border-radius:16px;background:#f3f7fc;color:#183858;display:flex;align-items:center;gap:14px;font-size:15px}
#mnPwaBanner[hidden],#mnPwaOffline[hidden]{display:none!important}
#mnPwaBanner img{width:48px;height:48px;flex:none}
#mnPwaBanner .mn-pwa-copy{flex:1;min-width:0}
#mnPwaBanner strong{display:block;font-size:17px;line-height:1.5}
#mnPwaBanner p{margin:4px 0 0;line-height:1.5}
.mn-pwa-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#mnPwaBanner button,#mnPwaDialog button,#mnPwaAbout button{font-size:16px;white-space:normal;min-height:44px}
#mnPwaAbout{margin-top:18px}
#mnPwaDialog{width:min(600px,calc(100% - 24px));max-height:85dvh;padding:22px;box-sizing:border-box;border:1px solid #c7d5e6;border-radius:20px;color:#183858;overflow:auto}
#mnPwaDialog::backdrop{background:#17365466}
#mnPwaDialog .mn-pwa-head{display:flex;gap:12px;align-items:center;justify-content:space-between}
#mnPwaDialog h2{margin:0;font-size:21px;overflow-wrap:anywhere}
#mnPwaDialog p,#mnPwaDialog li{font-size:16px;line-height:1.7}
#mnPwaDialog ol{padding-left:24px}
#mnPwaDialog canvas{display:block;width:min(280px,100%);height:auto;margin:12px auto;image-rendering:pixelated}
#mnPwaDialog a{overflow-wrap:anywhere}
#mnPwaDialog .mn-pwa-note{background:#f3f7fc;padding:12px;border-radius:10px;margin:12px 0}
#mnPwaOffline{padding:8px 14px;margin:8px 0;background:#fff5df;border-radius:10px;color:#664913;font-size:14px}
@media(max-width:600px){#mnPwaBanner{align-items:flex-start;flex-wrap:wrap;padding:12px;gap:10px}#mnPwaBanner .mn-pwa-copy{flex-basis:calc(100% - 60px)}#mnPwaBanner .mn-pwa-actions{width:100%}#mnPwaBanner .mn-pwa-actions button:first-child{flex:1}#mnPwaDialog{padding:16px}}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top)}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}