:root{color-scheme:dark;--bg:#0b1118;--surface:#121c27;--surface2:#172431;--border:#2b3b48;--text:#f3f6f9;--muted:#99aebb;--mint:#86f7c0;--blue:#7ac5e7;--warn:#eac381;--danger:#ed9a94;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 1%,#142a32 0%,transparent 45%),var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input{font:inherit}button{cursor:pointer;transition:filter .16s,transform .16s}button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.site-header{height:82px;border-bottom:1px solid #24323d;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1140px)/2),24px);gap:12px}.brand{font-weight:800;letter-spacing:.1em;font-size:15px;display:flex;align-items:center;gap:12px}.brand b{color:var(--mint)}.brand-mark{background:var(--mint);border-radius:10px;color:#0b1712;font-size:24px;line-height:1;padding:9px}.header-actions{display:flex;gap:25px;color:var(--muted);font-size:12px}.container{max-width:1140px;margin:0 auto;padding:0 24px}.hero{padding:76px 0 52px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;color:var(--mint);text-transform:uppercase}.pulse{display:inline-block;width:8px;height:8px;background:var(--mint);border-radius:100%;box-shadow:0 0 0 4px #86f7c022;margin-right:6px}.hero h1{font-size:clamp(41px,5.2vw,70px);line-height:1.09;letter-spacing:-.052em;margin:23px 0}.hero h1 span{color:var(--mint)}.hero p{max-width:700px;font-size:16px;color:#b1c3d0;line-height:1.8;margin:0 0 29px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:12px 18px;font-weight:700;border:1px solid transparent}.primary{background:var(--mint);color:#0b1713}.secondary{background:#1b2a35;color:#e6f0f4;border-color:#3a5361}.reading-status{display:flex;align-items:center;gap:12px;margin-top:24px;color:#a6bbc9;font-size:12px;flex-wrap:wrap}.pill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:750;letter-spacing:.05em}.pill.muted{background:#243240;color:#c0d1d9}.pill.loading{background:#264453;color:#a6e9f3}.pill.ready{background:#194436;color:var(--mint)}.pill.failed{background:#53312e;color:#ffb8ad}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:23px}.metric{background:linear-gradient(155deg,#192733,#111c27);border:1px solid var(--border);padding:24px 21px;border-radius:13px;min-width:0}.metric-label{display:block;color:#b5c6d1;font-size:12px;margin-bottom:13px}.metric strong{font-size:clamp(23px,2.8vw,35px);letter-spacing:-.035em;display:block;overflow-wrap:anywhere}.metric small{display:block;color:var(--muted);font-size:11px;margin-top:10px}
.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:29px 27px;background:#111c27;border:1px solid var(--border);border-radius:14px;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.section-head .eyebrow{color:#7ea7bd;font-size:10px}.section-head h2{font-size:21px;letter-spacing:-.02em;margin:7px 0 0}.kicker{font-size:10px;letter-spacing:.1em;color:var(--mint);border:1px solid #42745f;border-radius:5px;padding:3px 6px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #253541;padding:13px 0;font-size:12px;color:#adc0cc}.control-row:last-of-type{border-bottom:0}.control-row>:last-child{text-align:right;color:#f2f9fb;font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}.control-row .address-field{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.address-field a{color:var(--blue);text-decoration:underline;text-decoration-color:#345166;text-underline-offset:3px}.control-row .bad{color:var(--warn)}.control-row .good{color:var(--mint)}.annotation{font-size:11px;line-height:1.65;color:#88a1ae;margin:16px 0 0}.form-inline{margin:6px 0 10px}.form-inline label{display:block;font-size:12px;color:#b2c4cf;margin-bottom:9px}.input-line{display:flex;gap:10px}.input-line input{width:100%;background:#0d1720;border:1px solid #324958;color:#f2f7fa;border-radius:8px;min-width:0;padding:10px 12px}.input-line button{flex-shrink:0}.quote{border:1px solid #324858;background:#142632;border-radius:10px;padding:17px 19px;margin:18px 0}.quote span{display:block;font-size:12px;color:#b0c7d4}.quote strong{font-size:25px;display:block;color:var(--mint);margin:7px 0;letter-spacing:-.02em;overflow-wrap:anywhere}.quote small{font-size:11px;color:#8ea9b9;line-height:1.55}.diagnostics{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.diagnostic{border-left:3px solid #4c7180;background:#1a2934;border-radius:3px 8px 8px 3px;padding:12px 14px;color:#b7c9d2;font-size:12px;line-height:1.62}.diagnostic.warning{border-color:#e0b975}.diagnostic.caution{border-color:#74c5e3}.diagnostic.info{border-color:#679a84}.diagnostic.unknown{border-color:#dc9995}
.evidence{margin:25px 0 44px;display:flex;justify-content:space-between;align-items:center;gap:38px;border:1px solid #315043;border-radius:14px;padding:26px 30px;background:linear-gradient(120deg,#123126,#15212a)}.evidence h2{margin:0 0 9px;font-size:19px}.evidence p{margin:0;max-width:760px;color:#a9c7bc;font-size:12px;line-height:1.7}.evidence-link{color:var(--mint);font-weight:700;white-space:nowrap;font-size:12px}footer{border-top:1px solid #273641;color:#8399a6;padding:24px max(calc((100vw - 1140px)/2),24px);display:flex;justify-content:space-between;gap:18px;font-size:11px}
@media(max-width:900px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid,.lower-grid{grid-template-columns:1fr}.hero{padding:58px 0 40px}.header-actions{gap:12px}.evidence{flex-direction:column;align-items:flex-start;gap:18px}footer{flex-direction:column}}
@media(max-width:520px){.header-actions a:first-child{display:none}.site-header{height:70px}.summary-grid{gap:10px}.metric{padding:19px 15px}.panel{padding:24px 19px}.input-line{flex-direction:column}.input-line button{width:100%}.hero-actions button{width:100%}.hero h1{font-size:42px}.evidence{padding:23px 20px}}

.history-panel{margin-top:20px}
.history-panel .history-intro{margin:0 0 19px;max-width:900px;font-size:12px}
.history-panel .history-inputs{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.history-panel .history-inputs label{font-size:12px;color:#b5c9d3;font-weight:650}
.history-panel input[type=file]{border:1px solid #345265;border-radius:9px;padding:10px;background:#0c1923;color:#dbeaf1;min-width:0;max-width:100%}
.history-panel .annotation a{color:var(--mint)}
.history-panel .comparison-status{font-size:13px;color:#d4e5ec;margin:17px 0 12px;line-height:1.7}
.history-panel .history-results{gap:9px}
.history-panel .history-results .diagnostic{overflow-wrap:anywhere}
@media(max-width:650px){.history-panel .history-inputs{align-items:stretch;flex-direction:column}.history-panel .history-inputs button{width:100%}}