:root{--bg: #f6f7f9;--card: #fff;--text: #14181f;--muted: #5b6472;--border: #e3e6eb;--accent: #1f5eff;--good: #1a9e5c;--ok: #d99a00;--bad: #d64545;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}@media (prefers-color-scheme: dark){:root{--bg: #0f1216;--card: #171b21;--text: #e8ebef;--muted: #9aa3af;--border: #2a3039;color-scheme:dark}}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}.topbar{padding:16px 24px;border-bottom:1px solid var(--border);background:var(--card)}.brand{font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--text);text-decoration:none}.container{max-width:820px;margin:0 auto;padding:32px 16px 48px}.footer{max-width:820px;margin:0 auto;padding:24px 16px 40px;color:var(--muted);font-size:13px}.hero h1{font-size:clamp(28px,5vw,44px);letter-spacing:-.03em;line-height:1.1;margin:16px 0 12px}.lede{font-size:18px;color:var(--muted);max-width:640px}.dropzone{margin-top:28px;padding:48px 24px;border:2px dashed var(--border);border-radius:16px;background:var(--card);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragging{border-color:var(--accent)}.dropzone.busy{cursor:progress}.drop-title{font-size:20px;font-weight:600;margin:0 0 4px}.how{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:10px;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:14px}.center{text-align:center}.error{color:var(--bad);font-weight:500}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 24px;margin-bottom:16px}.card h2{font-size:18px;margin:0 0 12px}.score-card{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.grade{width:84px;height:84px;border-radius:18px;display:grid;place-items:center;font-size:44px;font-weight:800;color:#fff;flex:none}.grade-A{background:var(--good)}.grade-B{background:#5aa33a}.grade-C{background:var(--ok)}.grade-D{background:#e0702e}.grade-F{background:var(--bad)}.score-card>div:last-child{flex:1;min-width:220px}.headline{font-size:22px;line-height:1.3;margin:4px 0 8px;letter-spacing:-.01em}.bars{display:grid;gap:14px}.bar-label{display:flex;justify-content:space-between;font-weight:600}.bar-track{height:8px;border-radius:4px;background:var(--border);overflow:hidden;margin:6px 0 2px}.bar-fill{height:100%;border-radius:4px}.bar-fill.good{background:var(--good)}.bar-fill.ok{background:var(--ok)}.bar-fill.bad{background:var(--bad)}.bar-row p{margin:2px 0 0}.findings{list-style:none;padding:0;margin:0;display:grid;gap:12px}.findings li{border-left:4px solid var(--border);padding:2px 0 2px 12px}.findings li p{margin:4px 0 0}.findings .sev-high{border-color:var(--bad)}.findings .sev-medium{border-color:var(--ok)}.findings .sev-low{border-color:var(--muted)}.findings .positive{border-color:var(--good)}.pill{margin-left:8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:1px 8px;border-radius:999px;background:var(--border)}.facts{display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:8px 16px;margin:0}.facts dt{color:var(--muted)}.facts dd{margin:0}@media (max-width: 520px){.facts{grid-template-columns:1fr}.facts dd{margin-bottom:8px}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}