:root{font-family:system-ui,'Yu Gothic',sans-serif;color-scheme:dark;background:#0d1420;color:#e8f4fb}body{margin:0}header{padding:18px 6%;background:#14283b;display:flex;gap:14px;align-items:center}header b{color:#7be4fa;font-size:21px}header span{margin-left:auto}main{max-width:1050px;margin:22px auto;padding:0 15px}section{background:#162535;border:1px solid #35546a;border-radius:13px;padding:22px;margin-bottom:18px}h2{margin-top:0;font-size:18px}p{line-height:1.6;color:#b8cedd}label{display:block;margin:12px 0;font-size:13px}input,textarea,select{display:block;width:100%;box-sizing:border-box;padding:11px;background:#0b1722;border:1px solid #476477;color:#fff;border-radius:8px;font:inherit;margin-top:5px}textarea{min-height:65px}button{border:0;border-radius:8px;background:#21b3d3;color:#031d27;padding:10px 14px;font-weight:700;cursor:pointer;margin:6px 4px 6px 0}button:disabled{opacity:.45}#results,#dbStatus{background:#0b1722;padding:12px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.scroll{max-height:450px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #3b5668;padding:10px}footer{text-align:center;color:#8ca7b7;padding:24px}