[hidden]{display:none!important}*{box-sizing:border-box}body{font:17px/1.6 system-ui,sans-serif;color:#182a4d;background:#f5f7fb;margin:0}main{max-width:960px;margin:auto;padding:24px}h1{font-size:2rem}h2{font-size:1.4rem}section{background:white;border:1px solid #dce3ef;border-radius:16px;padding:24px;margin:24px 0}fieldset{border:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}legend{font-weight:600;margin-bottom:10px}label{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;background:#eef2fa;border-radius:8px}input{width:20px;height:20px}button,.button{font:inherit;border:0;border-radius:9px;background:#233b70;color:#fff;padding:10px 18px;cursor:pointer;margin:12px 8px 0 0;display:inline-block}button:disabled{opacity:.5;cursor:wait}a{color:#174daf}output{display:block;white-space:pre-wrap;margin-top:12px}.muted{color:#52617b;font-size:.92rem}ul{padding-left:22px}summary{cursor:pointer;font-weight:600}:focus-visible{outline:3px solid #e19715;outline-offset:3px}
.pwa-diagnostics{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.pwa-diagnostics button{margin:0}#push-diagnostics{overflow-wrap:anywhere;margin-top:10px}
@media(max-width:640px){main{padding:10px}section{padding:10px;margin:10px 0}button,.button,label{max-width:100%;white-space:normal}label input{flex-shrink:0}output{overflow-wrap:anywhere}}