:root{--bg: #ffffff;--bg-alt: #f6f5f2;--text: #1a1a18;--text-muted: #6b6a64;--border: #e3e1da;--accent: #b3372a;--good: #1d9e75;--mid: #378add;--bad: #d85a30}@media(prefers-color-scheme:dark){:root{--bg: #191917;--bg-alt: #22221f;--text: #ebeae6;--text-muted: #96958d;--border: #37362f;--accent: #e0685a}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.app{max-width:1100px;margin:0 auto;padding:20px 16px 40px}h1{font-size:22px;font-weight:600;margin:0}h2{font-size:18px;font-weight:600;margin:0}h3{font-size:14px;font-weight:600;margin:20px 0 8px}.muted{color:var(--text-muted);font-size:13px;margin:2px 0 0}header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}select,input[type=search]{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px}input[type=search]{width:170px}.age-filter{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.age-filter span{min-width:74px;text-align:right}.range-wrap{position:relative;width:130px;height:22px}.range-wrap:before{content:"";position:absolute;top:10px;left:0;right:0;height:3px;background:var(--border);border-radius:2px}.range-wrap input[type=range]{position:absolute;left:0;top:0;width:100%;height:22px;margin:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}.range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;margin-top:4px}.range-wrap input[type=range]::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.range-wrap input[type=range]::-moz-range-track{background:none}.main-table{width:100%;border-collapse:collapse}.main-table th{text-align:left;font-weight:500;color:var(--text-muted);font-size:12px;padding:8px;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.main-table th.sorted{color:var(--text)}.main-table td{padding:8px;border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.main-table tbody tr{cursor:pointer}.main-table tbody tr:hover{background:var(--bg-alt)}.form-bars{display:inline-flex;align-items:flex-end;gap:3px;height:24px}.bar{display:inline-block;width:8px;border-radius:2px}.b-good{background:var(--good)}.b-mid{background:var(--mid)}.b-bad{background:var(--bad)}.b-none{background:var(--border)}.pct{display:inline-block;min-width:30px;text-align:center;padding:1px 6px;border-radius:9px;font-size:12px;font-weight:600;color:#fff}.pct-elite{background:var(--good)}.pct-good{background:var(--mid)}.pct-mid{background:#b98b1d}.pct-low{background:var(--bad)}.empty{text-align:center;padding:40px 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow-y:auto;z-index:10}.card{background:var(--bg);border-radius:14px;border:1px solid var(--border);max-width:640px;width:100%;padding:20px 24px;margin-bottom:5vh}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.roots-note{font-size:13px;line-height:1.5;margin:8px 0 0;background:var(--bg-alt);border-left:3px solid var(--accent);padding:8px 12px;border-radius:0 8px 8px 0;white-space:pre-wrap}.card-head button{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);padding:4px 10px;cursor:pointer;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:16px}.stat-grid>div{background:var(--bg-alt);border-radius:10px;padding:10px 12px}.stat-grid span{display:block;font-size:11px;color:var(--text-muted)}.stat-grid b{font-size:15px;font-weight:600}.spark{width:100%;height:auto;color:var(--accent)}.match-table{width:100%;border-collapse:collapse;font-size:13px}.match-table th{text-align:left;color:var(--text-muted);font-weight:500;font-size:11px;padding:5px 6px;border-bottom:1px solid var(--border)}.match-table td{padding:5px 6px;border-bottom:1px solid var(--border)}.match-table tr.dnp{color:var(--text-muted)}footer{margin-top:28px;text-align:center}.report-head{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.report-head>div{background:var(--bg-alt);border-radius:10px;padding:10px 18px;min-width:120px}.report-head span{display:block;font-size:12px;color:var(--text-muted)}.report-head b{font-size:20px;font-weight:600}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.report-sec{border:1px solid var(--border);border-radius:12px;padding:14px 16px}.report-sec h3{margin:0 0 8px}.report-sec ol{margin:0;padding-left:22px}.report-sec li{padding:3px 0;cursor:pointer;font-size:13px;display:flex;gap:6px;align-items:baseline}.report-sec li:hover .rep-name{text-decoration:underline}.report-sec li b{margin-left:auto;white-space:nowrap}.rep-name{font-weight:500}.report-sec .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.main-table th:nth-child(n+6):not(:last-child),.main-table td:nth-child(n+6):not(:last-child){display:none}.main-table th:nth-child(11),.main-table td:nth-child(11){display:table-cell}}