:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#071827;color:#e7f3fb;font:16px system-ui,sans-serif;min-height:100vh}.shell{max-width:980px;margin:auto;padding:42px 24px}.narrow{max-width:560px;display:grid;place-items:center;min-height:100vh}.card{padding:32px;border:1px solid #28506b;border-radius:18px;background:#0d2435;box-shadow:0 20px 60px #0006}h1{margin:10px 0 8px;color:#6ed6ff;font-size:clamp(2rem,5vw,3rem)}h2{margin-top:0}.muted{color:#a9c0ce}.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#164f3b;color:#86efac;font-size:12px;font-weight:700;letter-spacing:.08em}.top{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.link{color:#8bdcff;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.metric{background:#103149;border:1px solid #28506b;border-radius:14px;padding:20px}.metric small{display:block;color:#a9c0ce;margin-bottom:8px}.metric strong{font-size:1.35rem}.ok{color:#86efac}.alert{padding:12px;border-radius:10px;background:#542b36;color:#ffbdc8;margin:16px 0}label{display:block;margin:16px 0;color:#c5dbe6}input{display:block;width:100%;margin-top:8px;padding:12px;border-radius:9px;border:1px solid #38617a;background:#071827;color:#fff;font:inherit}button{width:100%;margin-top:12px;padding:13px;border:0;border-radius:10px;background:#42c5ed;color:#042033;font-weight:800;font-size:1rem}code{color:#9ee7ff}
textarea{display:block;width:100%;margin-top:8px;padding:12px;border-radius:9px;border:1px solid #38617a;background:#071827;color:#fff;font:inherit;resize:vertical}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}