:root{color:#e9f0f8;background:#0c1420;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{max-width:1600px;margin:auto;padding:26px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}h1{margin:0 0 7px;font-size:27px}h2{margin:0 0 18px;font-size:18px}h3{margin:24px 0 9px;font-size:15px}p{color:#9cacc0;margin:6px 0;font-size:13px;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:16px;min-width:0;display:flex}.brand-qr{flex-shrink:0}.brand-qr img{background:#fff;display:block}.brand-copy{min-width:0}.brand-copy a{overflow-wrap:anywhere}input[type=file]{color:#cbd5e1;max-width:250px}button{color:#fff;cursor:pointer;background:#2e7899;border:1px solid #4791b2;border-radius:8px;padding:10px 14px}button:hover{background:#358bad}main{grid-template-columns:minmax(0,1fr) 280px;gap:18px;display:grid}.plot,aside{background:#111e2c;border:1px solid #2a3c50;border-radius:14px;padding:18px}.meta{color:#b8c8da;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.plot canvas{border-radius:7px;display:block}.peak{color:#e9f4e8;margin:15px 4px 5px;font-weight:600}.muted{margin:9px 4px}.field{color:#cbd5e1;justify-content:space-between;align-items:center;gap:10px;margin:11px 0;font-size:12px;display:flex}.field input,.field select{color:#fff;background:#0b1724;border:1px solid #36506a;border-radius:6px;width:90px;padding:7px}.field select{width:140px;min-width:0}.field input:invalid,.field input[aria-invalid=true]{border-color:#bb786d}.settings-hint{color:#f2cf82}.display-mode{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.display-mode select{color:#e9f0f8;background:#0b1724;border:1px solid #36506a;border-radius:6px;max-width:100%;padding:8px}.check{gap:8px;margin-bottom:17px;font-size:13px;display:flex}aside p{overflow-wrap:anywhere}.error{color:#ffb4a8}.fuel-summary{color:#d5e4f3;margin-bottom:12px}.synthetic{color:#f2cf82}.sample-actions{gap:8px;display:grid}button:disabled{opacity:.5;cursor:default}a{color:#8fd5f5}.help-dialog{color:#e9f0f8;background:#111e2c;border:1px solid #49627d;border-radius:14px;width:min(1000px,100vw - 24px);max-height:calc(100dvh - 24px);padding:0 24px 24px}.help-dialog::backdrop{background:#000000bf}.help-toolbar{background:#111e2c;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex;position:sticky;top:0}.help-toolbar h2{margin:0}.help-links{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.methodology{overflow-wrap:anywhere;line-height:1.7}.methodology h1{font-size:24px}.methodology h2{margin:28px 0 12px}.methodology h3{scroll-margin-top:100px}.methodology p{color:#c3d0df;font-size:14px}.methodology li{margin:6px 0;font-size:14px}.methodology pre{background:#091421;border-radius:8px;max-width:100%;padding:12px;font-size:12px;overflow-x:auto}.methodology code{color:#b6e3d7}footer{color:#91a5b9;padding:18px 2px;font-size:12px}@media (width<=950px){main{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start}.shell{padding:12px}.brand{gap:10px}.brand-qr img{width:72px;height:72px}.brand h1{font-size:23px}}