*{box-sizing:border-box}
body{margin:0;background:#101418;color:#f2f5f8;font-family:system-ui,Segoe UI,Arial,sans-serif;line-height:1.6}
header{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #26303a;flex-wrap:wrap}
header b{font-size:18px}
nav{margin-left:auto;display:flex;gap:8px}
nav a{color:#9fb2c4;text-decoration:none;padding:8px 14px;border-radius:10px}
nav a.on,nav a:hover{background:#17324a;color:#fff}
main{max-width:720px;margin:0 auto;padding:48px 24px}
h1{font-size:34px;margin:0 0 12px}
.checks{list-style:none;padding:0;margin:28px 0}
.checks li{padding:14px 16px;border:1px solid #26303a;border-radius:12px;margin-bottom:10px;display:flex;justify-content:space-between;gap:12px}
.checks span{color:#ffb454;font-weight:600}
.checks li.ok span{color:#4ade80}
.checks li.bad span{color:#f87171}
#c-css span{font-size:0}
#c-css span::after{content:"loaded";font-size:16px;color:#4ade80}
.small{color:#8194a6;font-size:14px}
.btn{display:inline-block;background:#0095ff;color:#fff;text-decoration:none;padding:10px 18px;border-radius:10px;font-weight:600}