:root{font:16px/1.7 system-ui,-apple-system,sans-serif;color:#e7edf3;background:#08121d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:1rem;padding:16px 4%;border-bottom:1px solid #294256}a{color:#73ded3}main{max-width:1120px;margin:auto;padding:24px}h1{font-size:clamp(2rem,5vw,3.2rem);margin:.2em 0}.lead,.note{color:#a9bfce}.note{font-size:.9rem}nav,.controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}button,select,input,textarea{font:inherit}button,select{border:1px solid #4b687d;background:#152b3d;color:inherit;padding:8px 13px;border-radius:5px}button{cursor:pointer}button[aria-pressed=true],button:hover{border-color:#73ded3;background:#165057}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffcb7b;outline-offset:2px}.panel{background:#102436;border-top:3px solid #6cd5cb;padding:24px;min-height:480px}.controls label{background:#0b1a28;padding:10px;display:grid;gap:5px;min-width:155px}input[type=range]{accent-color:#6cd5cb;max-width:190px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#07101a;border-left:2px solid #42637a;padding:15px}.bar{display:grid;grid-template-columns:100px 1fr 70px;gap:10px;align-items:center;margin:7px 0}.bar i{display:block;height:18px;background:#52bfb8}.bar.muted i{background:#354b5e}.meter{height:32px;display:flex;background:#06101a;margin:20px 0;overflow:hidden}.meter span:nth-child(1){background:#5c9ee5}.meter span:nth-child(2){background:#5fc4aa}.meter span:nth-child(3){background:#e4aa63}.request{display:grid;grid-template-columns:90px 1fr 80px;gap:10px;align-items:center;margin:9px 0}.request i{height:20px;background:#376a82;display:block}.request i span{height:100%;background:#70d4ca;display:block}.big{font-size:clamp(1.5rem,5vw,3rem);color:#ffcb7b;margin:25px 0}textarea{width:100%;min-height:70px;background:#07101a;color:inherit;border:1px solid #4b687d;padding:10px}footer{border-top:1px solid #294256;margin-top:25px;padding-top:18px}@media(max-width:620px){main{padding:16px}.panel{padding:16px}.bar{grid-template-columns:76px 1fr 62px;font-size:.85rem}header span{font-size:.75rem}}