:root{--bg:#f5f6f8;--card:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb;--grey:#6b7280;--amber:#d97706;--green:#16a34a;--red:#dc2626}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5}.container{max-width:1100px;margin:0 auto;padding:32px 20px 64px}.topbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.badge{color:#fff;background:var(--grey);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:8px 20px;font-size:1.1rem;font-weight:800}.badge-staging{background:var(--amber)}.badge-production{background:var(--green)}.version{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:1.1rem}.title{letter-spacing:-.02em;margin:40px 0 8px;font-size:clamp(2.5rem,7vw,5rem);font-weight:800;line-height:1.1}.subtitle{color:var(--muted);margin:0 0 40px;font-size:1.25rem}.grid{grid-template-columns:1fr 2fr;align-items:start;gap:24px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 1px 3px #0000000d}.card h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 16px;font-size:1.1rem}.visits{text-align:center}.big-number{color:var(--accent);font-variant-numeric:tabular-nums;margin:0;font-size:5rem;font-weight:800;line-height:1}.muted{color:var(--muted);margin:8px 0 0}.form{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.form input{border:1px solid var(--border);border-radius:10px;flex:180px;padding:12px 14px;font-size:1rem}.form input[name=message]{flex-grow:3}.form button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-size:1rem;font-weight:700}.form button:disabled{opacity:.6}.note{flex-basis:100%;margin:0;font-weight:600}.note.ok{color:var(--green)}.note.error{color:var(--red)}.entries{margin:0;padding:0;list-style:none}.entries li{border-top:1px solid var(--border);padding:14px 0}.entries p{overflow-wrap:anywhere;margin:4px 0 0}.entry-head{justify-content:space-between;gap:12px;display:flex}.entry-head .muted{margin:0;font-size:.9rem}.unreachable{border-color:var(--red);border-width:2px}.unreachable h2{color:var(--red)}@media (max-width:760px){.grid{grid-template-columns:1fr}.container{padding-top:20px}.title{margin-top:24px}}
