:root{--line:#ccc;--muted:#444;--deprecated:#b00020;--style:#0b6e4f;--danger:#8a5300;font-family:system-ui,sans-serif;line-height:1.4}body{margin:0;padding:1rem}header{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}h1,h2{margin:0;font-size:1rem}h2{color:var(--muted)}.status{color:var(--muted);margin:0}.toggle{align-items:center;gap:.35rem;display:inline-flex}button{font:inherit;padding:.3rem .9rem}.badge-score:not(:empty){color:#fff;white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.8rem}.badge-score.score-perfect{background:var(--style)}.badge-score.score-partial{background:var(--danger)}.badge-score.score-none{background:var(--deprecated)}main{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}main section{flex-direction:column;gap:.35rem;min-width:0;display:flex}.diff{border:1px solid var(--line);border-radius:4px;height:24rem;overflow:hidden}pre{border:1px solid var(--line);white-space:pre;background:#f7f7f7;border-radius:4px;min-height:4rem;margin:0;padding:.5rem;font-family:ui-monospace,Consolas,monospace;font-size:.85rem;overflow:auto}.cards{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.5rem;display:grid}.card{border:1px solid var(--line);border-left-width:4px;border-radius:4px;padding:.5rem .75rem}.severity-deprecated{border-left-color:var(--deprecated)}.severity-style{border-left-color:var(--style)}.severity-danger{border-left-color:var(--danger)}.card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.badge{color:#fff;white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.badge-deprecated{background:var(--deprecated)}.badge-style{background:var(--style)}.badge-danger{background:var(--danger)}.change{overflow-wrap:anywhere;text-align:right;font-size:.85rem}.explanation{margin:.4rem 0 0;font-size:.85rem}.where{color:var(--muted);margin:.2rem 0 0;font-size:.75rem}.accept{align-items:center;gap:.35rem;margin-top:.4rem;font-size:.85rem;display:inline-flex}.empty{color:var(--muted);margin:0}