*{box-sizing:border-box}body{margin:0;background:#080d18;color:#e7edf8;font:14px system-ui,Segoe UI,Arial}header{position:sticky;top:0;z-index:2;padding:16px 3%;background:#101827dd;backdrop-filter:blur(8px);border-bottom:1px solid #263248;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}a{color:#9fc5ff;text-decoration:none}main{max-width:1400px;margin:24px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card,section{background:#101827;border:1px solid #253149;border-radius:12px}.card{padding:18px}.card small{display:block;color:#8290aa}.card strong{font-size:28px;display:block;margin-top:5px}section{padding:18px;margin-top:18px}h2{margin-top:0}.row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}input,textarea{background:#0a1120;color:#e7edf8;border:1px solid #34415a;padding:10px;border-radius:7px}textarea{width:100%;min-height:180px;margin-bottom:10px}button{background:#2563eb;color:#fff;border:0;border-radius:7px;padding:9px 13px;cursor:pointer}button:hover{filter:brightness(1.12)}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{padding:9px;border-bottom:1px solid #253149;text-align:left;vertical-align:top}.ok{color:#4ade80}.bad{color:#fb7185}pre{white-space:pre-wrap;color:#a7f3d0}.play{width:240px;max-width:100%;background:#000;border-radius:7px}code{font-size:11px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}