*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1117;color:#e1e4e8;line-height:1.5}.container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.subtitle{color:#8b949e;margin-bottom:2rem;font-size:.95rem}.scorecard{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:2.5rem}.score-tile{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:1.25rem;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.score-tile:hover{border-color:#58a6ff}.score-tile.active{border-color:#58a6ff;background:#1c2333}.score-tile .priority-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#8b949e;margin-bottom:.5rem}.score-tile .f1-value{font-size:2rem;font-weight:700}.score-tile .field-counts{font-size:.8rem;color:#8b949e;margin-top:.35rem}.score-tile .pass-bar{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 10px 10px}.summary-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:2.5rem}.summary-card{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:1.25rem}.summary-card .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#8b949e;margin-bottom:.35rem}.summary-card .value{font-size:1.5rem;font-weight:700}.summary-card .detail{font-size:.8rem;color:#8b949e;margin-top:.25rem}.field-section{margin-bottom:1.5rem}.field-section h2{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.field-section h2 .badge{font-size:.7rem;background:#30363d;padding:.15rem .5rem;border-radius:99px;font-weight:500}table{width:100%;border-collapse:collapse;font-size:.85rem}thead th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #30363d;color:#8b949e;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}tbody td{padding:.55rem .75rem;border-bottom:1px solid #21262d}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover,tbody tr.expanded{background:#1c2333}.field-name{font-weight:500}.section-tag{font-size:.7rem;color:#8b949e;background:#21262d;padding:.1rem .4rem;border-radius:4px;margin-left:.4rem}.pill{display:inline-block;padding:.15rem .6rem;border-radius:99px;font-size:.75rem;font-weight:600}.pill-green{background:#0d3b1e;color:#3fb950}.pill-yellow{background:#3d2e00;color:#d29922}.pill-red{background:#3d1214;color:#f85149}.pill-gray{background:#21262d;color:#8b949e}.metric-bar{display:flex;align-items:center;gap:.5rem}.bar-track{flex:1;height:6px;background:#21262d;border-radius:3px;overflow:hidden;max-width:100px}.bar-fill{height:100%;border-radius:3px}.bar-value{font-size:.8rem;font-weight:500;min-width:3rem}.detail-row{display:none}.detail-row.visible{display:table-row}.detail-row td{padding:1rem .75rem;background:#161b22;border-bottom:1px solid #30363d}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.detail-stat .dl{font-size:.7rem;text-transform:uppercase;color:#8b949e;letter-spacing:.03em}.detail-stat .dv{font-size:1.25rem;font-weight:700;margin-top:.15rem}.detail-stat .dd{font-size:.75rem;color:#8b949e}.confusion-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin-top:.75rem;max-width:280px}.confusion-cell{padding:.5rem;border-radius:6px;text-align:center;font-size:.8rem}.confusion-cell .cc-val{font-weight:700;font-size:1rem}.confusion-cell .cc-label{font-size:.65rem;color:#8b949e;text-transform:uppercase}.cc-tp{background:#0d3b1e}.cc-fp{background:#3d2e00}.cc-fn{background:#3d1214}.cc-tn{background:#1c1c1c}.no-signal{opacity:.4}.filter-bar{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.filter-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#8b949e;margin-right:.25rem}.filter-btn{background:#21262d;border:1px solid #30363d;color:#c9d1d9;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:#58a6ff}.filter-btn.active{background:#1c2333;border-color:#58a6ff;color:#58a6ff}.guide-toggle{background:none;border:1px solid #30363d;color:#8b949e;padding:.4rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s;margin-bottom:1.5rem}.guide-toggle:hover{border-color:#58a6ff;color:#c9d1d9}.guide-panel{display:none;background:#161b22;border:1px solid #30363d;border-radius:10px;padding:1.5rem 2rem;margin-bottom:2rem;font-size:.85rem;line-height:1.7}.guide-panel.visible{display:block}.guide-panel h3{font-size:.95rem;font-weight:600;margin:1.25rem 0 .5rem;color:#e1e4e8}.guide-panel h3:first-child{margin-top:0}.guide-panel p{color:#8b949e;margin-bottom:.5rem}.guide-panel dl{display:grid;grid-template-columns:140px 1fr;gap:.35rem 1rem;margin:.5rem 0}.guide-panel dt{color:#c9d1d9;font-weight:600}.guide-panel dd{color:#8b949e}.guide-panel .pill{vertical-align:middle}@media(max-width:768px){.scorecard{grid-template-columns:repeat(3,1fr)}.summary-row{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}}