body{font-family:system-ui,sans-serif;margin:0;color:#17212b;background:#f4f6f8}main{max-width:760px;margin:40px auto;padding:0 20px}ul{list-style:none;padding:0}li{background:#fff;border:1px solid #dae0e5;border-radius:8px;margin:12px 0;padding:18px}h2{margin:0 0 8px}.online{color:#146c39;font-weight:700}.offline{color:#a02b2b;font-weight:700}