:root{--text:#222;--text-dim:#888;--bg:#fff;--bg-controls:#fff;--border:#ddd;--bg-hover:#f5f5f5;--color-add:#1a7f37;--color-del:#cf222e;--color-hunk:#8250df;--bg-add:#e6ffec;--bg-del:#ffebe9;--font-sm:12px}@media (prefers-color-scheme:dark){:root{--text:#ddd;--text-dim:#888;--bg:#1a1a1a;--bg-controls:#2a2a2a;--border:#333;--bg-hover:#2a2a2a;--color-add:#3fb950;--color-del:#f85149;--color-hunk:#bc8cff;--bg-add:#1b2e1f;--bg-del:#2d1619}.logo{filter:invert()}}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{max-width:720px;color:var(--text);background:var(--bg);margin:0 auto;padding:24px;font-family:monospace;font-size:14px;line-height:1.4}.app{flex-direction:column;min-height:calc(100vh - 48px);display:flex}h1{align-items:center;gap:8px;margin-bottom:8px;display:flex}h1>a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.logo{width:24px;height:24px}.ext-link{color:var(--text-dim);text-decoration:none}.ext-link:hover{text-decoration:underline}h1>.ext-link{font-size:var(--font-sm);margin-left:auto;font-weight:400}.description{color:var(--text-dim);font-size:var(--font-sm);margin-bottom:20px}h2{margin-bottom:8px}input,button,select{border:1px solid var(--border);background:var(--bg-controls);color:var(--text);padding:4px 8px;font-family:monospace;font-size:14px}button{cursor:pointer}.section{margin-bottom:24px}.helper{font-size:var(--font-sm);color:var(--text-dim);margin-top:4px}.error{color:var(--color-del)}.dim{color:var(--text-dim)}.timeline{border-collapse:collapse;width:100%;margin-top:4px}.timeline th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);padding:2px 12px 2px 0;font-weight:400}.timeline td{padding:2px 12px 2px 0}.timeline .commit{font-weight:700}.timeline .label{text-align:right}.timeline .clickable{cursor:pointer}.timeline .clickable:hover td,.timeline .selected td{background:var(--bg-hover)}.diff-heading{justify-content:space-between;align-items:center;display:flex}.base-selector{font-size:14px;font-weight:400}.file-picker{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.file-entry{cursor:pointer;border:1px solid var(--border);font-size:var(--font-sm);color:var(--text-dim);padding:2px 8px}.file-entry:hover{background:var(--bg-hover);border-color:var(--text-dim)}.file-entry.file-selected{background:var(--bg-hover);border-color:var(--text-dim);color:var(--text)}.file-stat{font-size:var(--font-sm)}.file-stat-add{color:var(--color-add)}.file-stat-del{color:var(--color-del);margin-left:2px}.diff{border:1px solid var(--border);width:min(100vw,1200px);margin-left:calc(50% - min(50vw,600px));margin-right:calc(50% - min(50vw,600px));padding:8px 0;overflow-x:auto}.diff-inner{min-width:100%;display:inline-block}.diff-inner>div{white-space:pre;padding:0 24px}.diff-add{background:var(--bg-add);color:var(--color-add)}.diff-del{background:var(--bg-del);color:var(--color-del)}.diff-hunk{color:var(--color-hunk)}.diff-file{color:var(--text-dim);font-weight:700}.footer{font-size:var(--font-sm);color:var(--text-dim);margin-top:auto;padding-top:48px}