*{box-sizing:border-box}body{margin:0;background:#090b10;color:#f4f7fb;font-family:Inter,system-ui,Arial}.wrap{max-width:1000px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}header b{font-size:28px}header span{display:block;color:#8993a4;font-size:13px}.dot{width:12px;height:12px;border-radius:50%;background:#777}.dot.on{background:#39e58c;box-shadow:0 0 16px #39e58c}.dot.off{background:#ff566d}.card{background:#11151d;border:1px solid #202735;border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:0 10px 30px #0004}h1,h2{margin-top:0}input{display:block;width:100%;padding:13px;margin:10px 0;background:#0b0f15;border:1px solid #2a3342;border-radius:10px;color:white}button{border:0;border-radius:10px;padding:11px 15px;margin:5px;background:#f2f5f8;color:#0a0c10;font-weight:700;cursor:pointer}button:hover{opacity:.85}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats .card{margin:0}.stats small{color:#7e899b}.stats strong{display:block;margin-top:8px;font-size:22px}.row{display:flex;justify-content:space-between;align-items:center}pre{min-height:180px;max-height:420px;overflow:auto;background:#07090d;border-radius:12px;padding:15px;color:#b9c3d1}.hint,p{color:#8993a4;font-size:13px}@media(max-width:650px){.wrap{padding:14px}.stats{grid-template-columns:1fr}header b{font-size:22px}}