:root{color-scheme:dark;font-family:system-ui,Segoe UI,sans-serif;background:#111923;color:#e5edf7}*{box-sizing:border-box}body{margin:0}.topbar{display:flex;align-items:center;padding:12px max(20px,calc((100vw - 1280px)/2));gap:20px;background:#1b2532;border-bottom:1px solid #35485a}.brand{display:flex;gap:12px;align-items:center;margin-right:auto}.brandmark{font-size:28px;color:#70bdeb}.brand h1{font-size:18px;margin:0}.brand p{font-size:12px;color:#a5bfd5;margin:3px 0}.statusbar{display:flex;align-items:center;gap:15px}.pill{border:1px solid #53748c;border-radius:20px;padding:5px 9px;font-size:11px}a{color:#aad3fb}main{max-width:1280px;margin:auto;padding:18px}.intro{display:flex;justify-content:space-between;align-items:center}.intro h2{margin:0}.intro p,.hint{font-size:12px;color:#a7bacb}button,select,input{font:inherit;border:1px solid #53718a;border-radius:6px;padding:8px;background:#243c51;color:#e4f2ff;margin:5px}button{cursor:pointer;font-weight:650}button:hover{background:#306182}.panel{background:#1c2733;border:1px solid #354a60;border-radius:10px;padding:16px;margin:12px 0}.panel>summary{cursor:pointer}.panel[open]>summary{margin-bottom:14px}.live-card{display:inline-flex;vertical-align:top;flex-direction:column;gap:6px;padding:14px;margin:5px;min-width:240px;max-width:100%;background:#263745;border:1px solid #4c647b;border-radius:8px;font-size:12px;overflow-wrap:anywhere}.live-card strong{font-size:14px}.panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#142231;padding:12px;border-radius:6px;max-height:350px;overflow:auto}.panel details{padding:8px;border-top:1px solid #415366}footer{text-align:center;padding:18px;color:#99adbf;font-size:12px}