:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--water:#0b3d59;--water-deep:#072a3d;--surface:#10394f;--surface-raised:#16465f;--border:#255a76;--text:#eaf6ff;--text-muted:#9dc2d6;--koi:#f08c1e;--ok:#6ee7a8;--warn:#f4c15d;--bad:#ff8f8f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--water) 0%, var(--water-deep) 100%);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}#app{max-width:44rem;padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem 3rem;flex-direction:column;gap:1.25rem;margin:0 auto;display:flex}.app-header{flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;padding-bottom:.5rem;display:flex}.app-header h1{letter-spacing:-.01em;margin:0;font-size:1.75rem}.tagline{color:var(--text-muted);margin:0;font-size:.95rem}.badge{border:1px solid var(--border);color:var(--warn);text-transform:uppercase;letter-spacing:.04em;background:#f4c15d1f;border-radius:999px;align-self:center;padding:.2rem .6rem;font-size:.78rem;font-weight:600}main{flex-direction:column;gap:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:.9rem;flex-direction:column;gap:.7rem;padding:1.1rem 1.15rem 1.25rem;display:flex}.card h2{margin:0;font-size:1.1rem}.card-subtitle{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.45}.status-list{flex-direction:column;gap:.35rem;margin:0;display:flex}.connectivity{border-left:.3rem solid var(--border);gap:.4rem;padding:.8rem .95rem}.status-row{border-bottom:1px dashed #255a7699;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.35rem;display:flex}.status-row:last-child{border-bottom:0}.status-row dt{color:var(--text-muted);font-size:.88rem}.status-row dd{text-align:right;overflow-wrap:anywhere;margin:0;font-size:.9rem;font-weight:600}.tone-ok{color:var(--ok)}.tone-warn{color:var(--warn)}.tone-bad{color:var(--bad)}.tone-muted{color:var(--text)}.hint{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.5}.hint-warn{color:var(--warn)}.hint-bad{color:var(--bad)}.row{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.field{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.text-input{border:1px solid var(--border);background:var(--surface-raised);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:.5rem;padding:.55rem .7rem;font-size:.9rem}form.row .text-input{flex:12rem}button{font:inherit;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer;border-radius:.5rem;padding:.55rem .95rem;font-weight:600}button.primary{background:var(--koi);border-color:var(--koi);color:#241300;letter-spacing:.03em}button.danger{border-color:var(--bad);color:var(--bad);letter-spacing:.06em;background:#ff8f8f24}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,.text-input:focus-visible{outline:2px solid var(--koi);outline-offset:2px}.cutoff{color:var(--ok);background:#6ee7a81a;border:1px solid #6ee7a866;border-radius:.5rem;margin:0;padding:.5rem .7rem;font-size:.88rem;font-weight:600}.progress{border:1px solid var(--border);background:var(--surface-raised);border-radius:.6rem;flex-direction:column;gap:.3rem;padding:.8rem;display:flex}.progress-headline{margin:0;font-size:.95rem;font-weight:600}.remaining{font-variant-numeric:tabular-nums;margin:0;font-size:1.05rem}.countdown-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.78rem;font-weight:600}.diagnostics{border:1px dashed #255a76b3;border-radius:.6rem;padding:.6rem .75rem}.diagnostics>summary{cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:600}.diagnostics>*+*{margin-top:.6rem}.safety{background:#f08c1e14;border:1px solid #f08c1e73;border-radius:.9rem;padding:1rem 1.15rem 1.15rem}.safety h3{color:var(--koi);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .4rem;font-size:.95rem}.safety p{color:var(--text);margin:0;font-size:.88rem;line-height:1.55}.safety p+p{margin-top:.55rem}html:lang(km){font-family:Khmer OS Battambang,Noto Sans Khmer,Khmer OS,system-ui,sans-serif}html:lang(km) body{line-height:1.8}html:lang(km) .card h2,html:lang(km) .safety h3,html:lang(km) .app-header h1{line-height:1.7}html:lang(zh-CN){font-family:system-ui,Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}html:lang(zh-CN) body{line-height:1.65}.card-subtitle,.hint,.safety p,.cutoff,.status-row dt,.status-row dd,.diagnostics,button,.field{overflow-wrap:anywhere}button{white-space:normal;flex:0 auto;min-width:0}.status-row{flex-wrap:wrap;min-width:0}.status-list,.diagnostics{min-width:0}.row>.text-input,.field>.text-input{flex:11rem;max-width:100%}@media (width<=30rem){.status-row{flex-direction:column;align-items:flex-start;gap:.15rem}.status-row dd{text-align:left}}
