:root{--bg:#f4f1ea;--surface:#fff9f0;--ink:#1f1b16;--muted:#5f5649;--line:#d9cdbb;--accent:#1f6f5f;--accent-soft:#d5ece6}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at 15% 10%,#fff,var(--bg));color:var(--ink);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page{max-width:1100px;margin:0 auto;padding:48px 20px 80px}.hero{padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.kicker{margin:0 0 12px;color:var(--accent);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.12}.lead{margin:16px 0 0;color:var(--muted);max-width:70ch}.grid{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.live{margin-top:18px;padding:18px;border:1px solid var(--line);background:#fff;border-radius:10px}.live h2{margin:0;font-size:1.05rem}.live-sub{margin:8px 0 14px;color:var(--muted);font-size:.94rem}.status-row{display:flex;gap:12px;align-items:center;margin-top:8px;flex-wrap:wrap}.label{font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:700}.value{color:var(--ink);font-size:.93rem}.badge{font-size:.78rem;border-radius:999px;padding:3px 10px;border:1px solid transparent;font-weight:700}.badge.ok{color:#0c5138;background:#ddf6eb;border-color:#bde6d4}.badge.loading{color:#634200;background:#fff0ce;border-color:#f0d48c}.badge.error{color:#7a1f27;background:#fde2e4;border-color:#f3b7bd}.error-text{margin:10px 0 0;color:#7a1f27;font-size:.92rem}.meta-box{margin-top:12px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fffcf8}.meta-message{margin:0;font-weight:600}.meta-box ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:.92rem}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.card h2{margin:0 0 8px;font-size:1.1rem}.card p{margin:0;color:var(--muted);font-size:.95rem}