:root{font-family:system-ui,-apple-system,"HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:#17382e;background:#f4f7f3;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;padding:40px 20px;padding-top:max(40px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));min-height:100vh;display:flex;align-items:center;justify-content:center}
main{width:100%;max-width:420px;background:#fff;border:1px solid #dce7df;border-radius:28px;padding:32px 24px;box-shadow:0 12px 48px #193a2a08}
.mark{display:block;margin-bottom:24px}
.eyebrow{margin:0 0 10px;color:#547264;font-size:14px;letter-spacing:.08em}
h1{margin:0;font-size:clamp(24px,6.5vw,30px);line-height:1.4;overflow-wrap:anywhere}
.summary{margin:14px 0 28px;font-size:16px;line-height:1.8;color:#53665b;min-height:3.6em}
.button{width:100%;min-height:54px;border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;font-weight:600;font-size:17px;line-height:1.4;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.primary{background:#157451;color:#fff;border:1px solid #157451}
.secondary{background:#fff;color:#315f49;border:1px solid #d4e2d8;font-size:15px}
.button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #84bca2;outline-offset:4px}
.button:disabled{opacity:.55;cursor:wait}
.hint{font-size:13px;color:#6b7d71;text-align:center;line-height:1.7;margin:12px 0 22px}
.connection{font-size:13px;color:#617568;text-align:center;margin:0 0 24px}
details{border-top:1px solid #e3eae5;margin-top:24px;padding-top:20px;font-size:14px;line-height:1.8;color:#53665b}
summary{cursor:pointer;min-height:32px;display:list-item}
details p{margin:12px 0 0}
details a{color:#157451;text-underline-offset:3px}
body[data-status="offline"] .mark{opacity:.5}
@media(max-width:350px){body{padding-left:12px;padding-right:12px}main{padding:26px 20px}}