:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#101010;color:#f3f3f3}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #333}h1{margin:0;font:38px Georgia,serif}h2{font-size:24px}small{letter-spacing:.2em;color:#aaa}header span,footer,.muted{font-size:14px;color:#aaa}section,.card{background:#1b1b1b;border:1px solid #363636;border-radius:18px;padding:22px;margin:16px 0}form{display:grid;gap:15px}label{display:grid;gap:7px;font-size:14px}input,select,button{font:inherit;min-height:46px;border-radius:9px;border:1px solid #555;padding:11px;background:#252525;color:#fff;width:100%}button{cursor:pointer;background:#eee;color:#111;font-weight:650}button.secondary{background:#333;color:#eee}button:disabled{opacity:.5;cursor:wait}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.toolbar{display:flex;gap:12px;flex-wrap:wrap}.toolbar button{width:auto}.metric{font-size:32px;display:block;margin-top:8px}#notice:not(:empty){border:1px solid #888;padding:15px;border-radius:12px;white-space:pre-wrap}.badge{font-size:13px;background:#383838;padding:5px 9px;border-radius:20px}ul{padding:0;list-style:none}li{border-bottom:1px solid #383838;padding:15px 0}li p{margin:8px 0}details{padding:12px 0}a{color:#fff}input:focus,button:focus,select:focus{outline:2px solid white;outline-offset:2px}@media(max-width:600px){header,main,footer{padding:18px}header span{font-size:12px}h1{font-size:30px}section{padding:16px}}