:root{color-scheme:dark;font:16px system-ui;background:#0d1422;color:#e7edf8}body{margin:0}header,main{max-width:1100px;margin:auto;padding:20px}header{border-bottom:1px solid #33425c}h1{letter-spacing:.03em}small{font-size:.55em;color:#8ab9ff}h2{font-size:1.3rem}section{background:#151f31;border:1px solid #2c3d59;border-radius:14px;padding:20px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px}.metric{padding:12px;background:#0d1729;border-radius:8px}.metric strong{display:block;font-size:1.5rem}.metric span{color:#9aacc8}input,select,button{font:inherit;background:#243753;color:inherit;padding:12px;border:1px solid #5e789e;border-radius:7px;margin:6px}input{max-width:80%}button{cursor:pointer}.danger{background:#653040}canvas{width:100%;height:auto;background:#0d1729;margin-top:12px;border-radius:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;max-height:400px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}td,th{text-align:left;padding:8px;border-bottom:1px solid #33425c}.scroll{overflow:auto}#error{color:#ffb5ab}label{display:inline-block}@media(max-width:600px){header,main{padding:12px}section{padding:12px}td,th{padding:6px}h1{font-size:1.8rem}}