:root{color-scheme:dark;--bg:#090d12;--panel:#111821;--line:#2b3745;--text:#eef1f4;--muted:#9aa6b4;--gold:#e6ad42}*{box-sizing:border-box}body{margin:0;background:#090d12;color:var(--text);font:15px/1.5 Inter,system-ui,sans-serif}header{display:flex;justify-content:space-between;padding:18px 4vw;border-bottom:1px solid var(--line)}a{color:var(--text);text-decoration:none}main{width:min(1700px,96vw);margin:auto;padding:34px 0}.intro p{color:var(--gold);font-weight:800;letter-spacing:.18em}.intro h1{font:700 clamp(2.4rem,5vw,4rem) Georgia,serif;margin:.2rem 0}.intro span{color:var(--muted)}.controls{margin:24px 0;display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:18px;background:var(--panel);border:1px solid var(--line)}label{display:grid;gap:6px;color:var(--muted)}select,input,button{background:#090e14;border:1px solid var(--line);color:var(--text);padding:10px 12px;font:inherit}button{cursor:pointer}.filters button.active,#compare{background:var(--gold);color:#151007;font-weight:800}.search{position:relative;min-width:260px}.search div{position:absolute;z-index:5;top:68px;width:100%;max-height:240px;overflow:auto;background:#111821;border:1px solid var(--line)}.search div button{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line)}#counts{margin-left:auto;color:var(--muted)}.viewer{height:72vh;min-height:620px;position:relative;border:1px solid var(--line);overflow:hidden;background:radial-gradient(circle,#131b25,#070a0e)}canvas{width:100%;height:100%;display:block;touch-action:none}.zoom{position:absolute;right:14px;top:14px;display:flex;gap:6px}.zoom button{background:#111821}.legend{position:absolute;left:14px;bottom:14px;display:flex;gap:14px;padding:9px;background:#0b1017cc}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:10px;height:10px;border-radius:50%}.added{background:#42d89d}.removed{background:#f06464}.changed{background:#e8bd4c}.unchanged{background:#65717e}aside{position:absolute;right:16px;bottom:16px;width:min(430px,calc(100% - 32px));max-height:55%;overflow:auto;padding:20px;background:#111821f2;border:1px solid #536273;box-shadow:0 15px 60px #000}aside h2{font:700 1.5rem Georgia,serif;margin:0 0 8px}aside small{color:var(--gold);text-transform:uppercase}aside .side{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}aside p{margin:6px 0;color:#d5d9df}@media(max-width:700px){.viewer{min-height:520px}.controls{align-items:stretch}.controls>*{width:100%}#counts{margin:0}}