*{box-sizing:border-box}html,body{margin:0;background:#070a0f;color:#eef3f8;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh}.app{max-width:980px;margin:auto;padding:16px 14px 30px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #202833;padding-bottom:14px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#8291a3}.topbar h1{font-size:22px;margin:3px 0;font-weight:800;letter-spacing:.05em}.topbar h1 span{color:#52677d}.modebar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.mode,.controls button,.primary{border:1px solid #27313e;background:#111821;color:#dce5ee;border-radius:10px;padding:13px;font-weight:800;letter-spacing:.04em}.mode.active{background:#dfe8f0;color:#071018}.primary{background:#dfe8f0;color:#071018;white-space:nowrap}.cluster{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.gauge-card{background:linear-gradient(145deg,#111821,#0b0f15);border:1px solid #202a35;border-radius:18px;padding:18px;min-height:150px}.label,.metrics span,.telemetry span,.diagnostics span{font-size:10px;letter-spacing:.16em;color:#8190a0}.big{font-size:48px;line-height:1.1;font-weight:800;margin:18px 0 8px;font-variant-numeric:tabular-nums}.big small{font-size:13px;color:#7f8b99}.bar{height:5px;background:#202a35;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:#e4edf5}.sub{font-size:10px;color:#657385}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.metrics>div,.telemetry>div,.diagnostics>div{background:#0d131a;border:1px solid #1e2732;border-radius:12px;padding:13px}.metrics strong,.telemetry strong{display:block;margin-top:8px;font-size:17px}.telemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.notice{margin-top:10px;padding:12px;border-left:3px solid #9eacbb;background:#0e141b;border-radius:8px;font-size:12px}.notice span{color:#8997a6;margin-left:8px}.controls{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}.controls .start{background:#dfe8f0;color:#071018}.settings,.diagnostics{margin-top:16px;background:#0c1219;border:1px solid #1e2732;border-radius:16px;padding:15px}.settings h2{font-size:12px;letter-spacing:.15em;margin:0 0 12px;color:#9ba8b7}.settings label{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:12px;font-size:12px;margin:12px 0}.settings input{width:100%}.diagnostics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:transparent;border:0;padding:0}.diagnostics>div{display:flex;justify-content:space-between;align-items:center}.diagnostics b{font-size:11px}.hidden{display:none!important}footer{text-align:center;color:#586575;font-size:10px;margin-top:18px}@media(max-width:680px){.topbar{align-items:flex-start;flex-direction:column}.primary{width:100%}.cluster{grid-template-columns:1fr}.metrics,.telemetry{grid-template-columns:1fr 1fr}.controls{grid-template-columns:1fr 1fr}.controls button:last-child{grid-column:span 2}.settings label{grid-template-columns:1fr}.big{font-size:42px}.diagnostics{grid-template-columns:1fr 1fr}}button{touch-action:manipulation}button:active{transform:translateY(1px);opacity:.85}