:root{color:#e8edf5;background:#071018;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}main{max-width:1400px;margin:auto;padding:32px 20px}header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}h1{margin:0;font-size:32px}p{color:#91a1b4;margin:7px 0 0}button{color:#071018;cursor:pointer;background:#e8edf5;border:0;border-radius:10px;padding:11px 16px;font-weight:700}.card{background:#0d1924;border:1px solid #20303f;border-radius:16px;overflow:hidden}.noteRow{border-bottom:1px solid #20303f;justify-content:space-between;align-items:center;gap:16px;display:flex}.note{color:#91a1b4;padding:14px 18px}.viewToggle{gap:8px;padding:10px 14px;display:flex}.viewToggle button{color:#91a1b4;background:#162635;border:1px solid #2b4052;padding:8px 12px}.viewToggle button.active{color:#071018;background:#e8edf5}.tableWrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:right;border-bottom:1px solid #172736;padding:13px 15px}th{color:#91a1b4;text-transform:uppercase;font-size:12px}th:nth-child(2),td:nth-child(2){text-align:left}.chartLink{color:#9cc7ff;font-weight:700;text-decoration:none}.chartLink:hover{text-decoration:underline}.whyHead,.whyCell{text-align:left}.whyCell{min-width:430px}.reason{color:#cbd7e5;background:#162635;border:1px solid #2b4052;border-radius:999px;margin:2px 6px 2px 0;padding:4px 7px;font-size:12px;display:inline-block}.grade{border:1px solid #2b4052;border-radius:8px;justify-content:center;align-items:center;min-width:28px;height:28px;font-weight:800;display:inline-flex}.grade-A{background:#173427}.grade-B{background:#29331a}.grade-C{background:#352819}.grade-—{color:#91a1b4;background:#16202a}.empty{color:#91a1b4;padding:28px;text-align:center!important}.error{color:#ffb8c0;background:#35151a;border-radius:10px;margin-bottom:16px;padding:12px}@media (width<=800px){.noteRow{flex-direction:column;align-items:stretch}.viewToggle{padding-top:0}.whyCell{min-width:320px}}@media (width<=650px){header{flex-direction:column;align-items:start}h1{font-size:26px}}
