*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#061017;color:#d9f2f0;font:13px system-ui}body{display:grid;grid-template-rows:64px 1fr 30px}header{display:flex;align-items:center;gap:25px;padding:0 24px;background:#091821;border-bottom:1px solid #1e5260}header b{font-size:20px;letter-spacing:3px}header i,header em,strong{color:#5cebd9}header nav{margin:auto;display:flex;gap:8px}button{padding:9px 16px;border:1px solid #285865;background:#0b202a;color:#9cc9c9}button.on{background:#14505b;color:white;border-color:#51dccc}header em{font-style:normal}main{min-height:0;display:grid;grid-template-columns:250px 1fr 250px}aside{padding:18px;background:#091821;border-right:1px solid #173a44}.right{border:0;border-left:1px solid #173a44}h3{font-size:12px;letter-spacing:2px;color:#7fa8ab;border-bottom:1px solid #1b3942;padding-bottom:10px;margin:0 0 14px}.metric{padding:15px;background:#0c2029;margin:9px 0;border-left:2px solid #35cfbe}.metric b{display:block;font-size:27px;color:#fff}.metric i{font-style:normal;color:#719498}aside p{padding:10px 0;border-bottom:1px solid #112d35;color:#88aeb0}aside strong{float:right}.chart{height:120px;display:grid;place-items:center;color:#4ce2d0;font-size:28px;background:linear-gradient(180deg,#12313a,#091820)}#stage{position:relative;min-width:0;background:radial-gradient(circle at 50% 40%,#143843,#07131a 65%)}canvas{width:100%;height:100%;display:block}.hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#66878a;font-size:11px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#071219;color:#71dacd}#loading.hide{display:none}footer{padding:7px 20px;background:#07131a;color:#496b70;font-size:10px;letter-spacing:2px}@media(max-width:760px){body{grid-template-rows:58px 1fr 26px}header{padding:0 12px;gap:8px}header span,header em{display:none}header b{font-size:14px}header nav{margin-left:auto}button{padding:7px 8px;font-size:10px}main{display:block;position:relative}aside{display:none}#stage{height:100%}.hint{bottom:12px;white-space:nowrap}}