:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#edf5f3;background:#0a151b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#14303d,#0a151b 55%);min-height:100vh}.wrap{width:min(620px,calc(100% - 32px));margin:40px auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;gap:14px}.brand{font-size:21px;font-weight:600;letter-spacing:-1px}.brand b{color:#75dfc3}.sub,.muted,small,p,footer{color:#a7b8b9}h1{font-size:28px;letter-spacing:-1px;margin:14px 0}h2{font-size:19px}.panel{background:#13252d;border:1px solid #29424b;border-radius:21px;padding:27px;margin-bottom:18px;box-shadow:0 20px 50px #00101850}.hidden{display:none}label{display:block;font-size:14px;color:#c1cecc;margin-bottom:18px}input:not([type=checkbox]){width:100%;display:block;padding:14px;border:1px solid #34505b;border-radius:12px;background:#0c1b22;color:white;font:inherit;margin-top:8px}button{background:#7ae2c4;color:#09251c;border:0;border-radius:12px;padding:13px 17px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#29404a;color:#d4eae4}button.link{background:none;color:#87d9c6;padding-left:0}.top,.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle{padding:12px;border:1px solid #34505b;border-radius:12px}.toggle input{width:19px;height:19px;accent-color:#77dfbf}.toggle span{flex:1}.badge{white-space:nowrap;background:#32504b;color:#8ff0c7;padding:8px;border-radius:100px;font-size:12px}.badge.off{background:#523a3b;color:#ffa6a6}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.metrics article{padding:15px;border:1px solid #30505a;background:#0f2027;border-radius:14px;overflow:hidden}.metrics strong{display:block;margin-top:9px;font-size:14px;overflow-wrap:anywhere}.buttons{display:flex;flex-wrap:wrap;gap:8px}#error{color:#ffc1bc;margin-top:10px;min-height:18px}footer{font-size:12px;text-align:center;margin:30px}@media(max-width:450px){header{display:block}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:19px}}