:root{--bg: #ffffff;--fg: #1d1d1f;--muted: #6b6b70;--line: #e3e3e6;--card: #fafafa;--accent: #1565c0;--rem: #c62828;--remb: #fdecea;--add: #2e7d32;--addb: #e8f5e9;--mod: #1565c0;--ren: #8e24aa;--warn: #fff4e5;--warnb: #f0a43c;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #141416;--fg: #ececef;--muted: #9a9aa2;--line: #2c2c31;--card: #1c1c20;--accent: #7ab4ff;--rem: #ef7070;--remb: #3a1d1d;--add: #7bd88f;--addb: #18301d;--mod: #7ab4ff;--ren: #d59cf0;--warn: #3a2c14;--warnb: #c8862a}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 -apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}code,pre,.path,.rtype{font:12px ui-monospace,Consolas,monospace}h1{font-size:20px;margin:0 0 6px}h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin:22px 0 8px}h2.removed{color:var(--rem)}h2.added{color:var(--add)}h2.modified{color:var(--mod)}h2.renamed{color:var(--ren)}.pad{padding:16px}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--rem)}.topbar{position:sticky;top:0;z-index:2;display:flex;gap:16px;align-items:center;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line)}.brand{font-weight:600;color:var(--fg)}.user{margin-left:auto;color:var(--muted);font-size:12px}.crumbs{display:flex;gap:6px;color:var(--muted);overflow-wrap:anywhere}main{max-width:1200px;margin:0 auto;padding:16px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.card{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg)}.card:hover{border-color:var(--accent)}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0}.filters input,.filters select{font:inherit;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg)}.check{display:flex;gap:6px;align-items:center}table{width:100%;border-collapse:collapse}.timeline th,.timeline td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}.timeline tbody tr{cursor:pointer}.timeline tbody tr:hover{background:var(--card)}.pill{display:inline-block;margin:0 6px 4px 0;padding:1px 10px;border-radius:999px;border:1px solid var(--line);font-size:12px}.pill.removed{color:var(--rem)}.pill.added{color:var(--add)}.pill.modified{color:var(--mod)}.pill.renamed{color:var(--ren)}.pill.event{background:var(--warn);border-color:var(--warnb)}.event-box{background:var(--warn);border-left:4px solid var(--warnb);padding:8px 12px;margin:10px 0;border-radius:4px}details.chg{border:1px solid var(--line);border-left-width:4px;border-radius:6px;margin:6px 0;padding:6px 10px;background:var(--bg)}details.chg.removed{border-left-color:var(--rem)}details.chg.added{border-left-color:var(--add)}details.chg.modified{border-left-color:var(--mod)}details.chg.renamed{border-left-color:var(--ren)}details.grp{margin:6px 0}summary{cursor:pointer;overflow-wrap:anywhere}.rtype{color:var(--muted)}.badge{font-size:11px;margin-left:8px;padding:1px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.meta{font-size:12px;color:var(--muted);margin:4px 0 8px;overflow-wrap:anywhere}table.fields{table-layout:fixed;margin:6px 0}table.fields th,table.fields td{border:1px solid var(--line);padding:4px 6px;vertical-align:top;text-align:left;overflow-wrap:anywhere}table.fields td.path{width:28%}tr.ts{opacity:.55}pre.json{margin:0;white-space:pre-wrap;max-height:480px;overflow:auto}del{background:var(--remb);color:var(--rem)}ins{background:var(--addb);color:var(--add);text-decoration:none}pre.diff{border:1px solid var(--line);padding:8px;overflow:auto;max-height:600px;margin:4px 0}pre.diff span{display:block;min-height:1.2em;white-space:pre}pre.diff .add{background:var(--addb);color:var(--add)}pre.diff .rem{background:var(--remb);color:var(--rem)}pre.diff .hunk{color:var(--mod)}.file{font-weight:600;margin:8px 0 4px;overflow-wrap:anywhere}.inv{background:var(--warn);outline:1px dashed var(--warnb);border-radius:2px;padding:0 1px}.idn{color:var(--muted);font-size:12px}@media (max-width: 640px){.topbar{flex-wrap:wrap}.user{margin-left:0}table.fields td.path{width:34%}}
