:root{--bg: #f1f5f9;--panel: #ffffff;--ink: #0f172a;--muted: #64748b;--line: #cbd5e1;--accent: #2563eb;--high: #dc2626;--medium: #d97706;--low: #64748b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}#app{max-width:1150px;margin:0 auto;padding:1.5rem 1rem 3rem}header h1{font-size:1.6rem;margin:.5rem 0 .25rem}header .tagline{color:var(--muted);margin:0 0 1rem}.privacy{font-size:.85rem;color:var(--muted);border-left:3px solid var(--accent);padding-left:.6rem;margin:.75rem 0 1.25rem}.dropzone{border:2px dashed var(--line);border-radius:12px;background:var(--panel);padding:2.5rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone.dragover{border-color:var(--accent);background:#eff6ff}.dropzone p{margin:.35rem 0}.dropzone .hint{color:var(--muted);font-size:.85rem}button{font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:.45rem .9rem;cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:hover{filter:brightness(.96)}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0;align-items:center}.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:.75rem 1rem;margin:1rem 0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1.25rem;margin:1rem 0}.narrative{font-size:1.02rem;line-height:1.55}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin:1rem 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.stat .value{font-size:1.25rem;font-weight:650}.stat .label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.finding{border:1px solid var(--line);border-radius:10px;margin:.6rem 0;background:var(--panel)}.finding summary{display:flex;gap:.6rem;align-items:baseline;padding:.65rem .9rem;cursor:pointer;list-style:none}.finding summary::-webkit-details-marker{display:none}.finding .body{padding:0 .9rem .9rem;border-top:1px solid #e2e8f0}.badge{font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:6px;color:#fff;text-transform:uppercase;flex-shrink:0}.badge.high{background:var(--high)}.badge.medium{background:var(--medium)}.badge.low{background:var(--low)}.finding .impact{color:var(--muted);font-size:.8rem;margin-left:auto;flex-shrink:0}.finding .fix{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.5rem .75rem;margin:.6rem 0;font-size:.92rem}.finding ul.requests{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;color:var(--muted);margin:.4rem 0 0;padding-left:1.1rem}.filters{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin:.5rem 0 .75rem;font-size:.88rem}.filters label{display:inline-flex;gap:.3rem;align-items:center;cursor:pointer}.filters .swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.waterfall-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin:.5rem 0}.legend .swatch{width:12px;height:8px;display:inline-block;border-radius:2px;margin-right:.25rem}.note{color:var(--muted);font-size:.82rem}h2{font-size:1.15rem;margin:1.5rem 0 .5rem}footer{margin-top:2.5rem;color:var(--muted);font-size:.82rem}footer a{color:var(--accent)}