:root{color:#20201d;text-rendering:optimizelegibility;background:#f4f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{min-height:100vh}.topbar{background:#fbfcf8;border-bottom:1px solid #d9dbd1;justify-content:space-between;align-items:center;gap:24px;padding:24px clamp(18px,4vw,44px);display:flex}h1,h2,p{margin:0}h1{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.1}h2{font-size:1.05rem;line-height:1.25}.eyebrow{color:#687065;letter-spacing:0;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;font-weight:700}.primary{color:#fff;background:#2f7b70;border:1px solid #2b6f65;border-radius:8px;min-height:42px;padding:0 16px;font-weight:700}.primary:hover:not(:disabled){background:#286b61}.primary.large{min-width:180px}.notice{color:#5d4b12;background:#fff7d8;border:1px solid #d2c084;border-radius:8px;margin:18px clamp(18px,4vw,44px) 0;padding:12px 14px}.notice.error{color:#802b2b;background:#fff0ef;border-color:#d9a2a2}.empty{place-items:center;min-height:100vh;padding:24px;display:grid}.empty-panel{background:#fbfaf7;border:1px solid #d8d2c7;border-radius:8px;width:min(572px,100%);padding:34px 32px 32px;box-shadow:0 22px 52px #20201d1a}.empty h2{color:#122235;margin-bottom:10px;font-size:clamp(2rem,5vw,2.35rem);line-height:1.08}.empty p:not(.eyebrow){color:#46566b;max-width:430px;font-size:1.03rem;line-height:1.55}.splash-button{background:#225873;border-color:#1e526c;align-items:center;gap:9px;min-height:46px;margin-top:26px;padding:0 18px;font-size:.98rem;display:inline-flex}.splash-button:hover:not(:disabled){background:#1d4d66}.splash-button svg{flex:none;font-size:.95rem;line-height:1}.workspace{grid-template-columns:minmax(220px,280px) minmax(0,1fr);min-height:calc(100vh - 91px);display:grid}.sidebar{background:#eceee5;border-right:1px solid #d9dbd1;padding:20px;overflow:auto}.repo-meta{color:#555b52;grid-template-columns:1fr;gap:8px;margin-bottom:20px;font-size:.86rem;display:grid}.ref-group+.ref-group{margin-top:24px}.ref-group h2{color:#4e554c;text-transform:uppercase;margin-bottom:8px;font-size:.78rem}.ref-list{gap:6px;display:grid}.ref-list button,.commit-row{width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px}.ref-list button{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:8px 10px;display:grid}.ref-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ref-list button:hover,.ref-list button.active{background:#fbfcf8;border-color:#cdd2c5}code{color:#6b4b12;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82em}.history{min-width:0;padding:22px clamp(18px,3vw,34px);overflow:hidden}.history-toolbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}label{color:#565b53;gap:6px;min-width:min(320px,100%);font-size:.82rem;font-weight:700;display:grid}input{color:#20201d;background:#fff;border:1px solid #c8ccbf;border-radius:8px;width:100%;min-height:40px;padding:0 12px}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px;display:grid}.stats div{background:#fbfcf8;border:1px solid #d9dbd1;border-radius:8px;min-height:74px;padding:12px}.stats span{font-size:1.3rem;font-weight:800;display:block}.stats p{color:#62685f;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.content-grid{grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr);gap:18px;min-height:0;display:grid}.commit-list{align-content:start;gap:8px;max-height:calc(100vh - 250px);padding-right:4px;display:grid;overflow:auto}.commit-row{background:#fbfcf8;border-color:#d9dbd1;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:10px 12px;display:grid}.commit-row:hover,.commit-row.selected{background:#f4fbf7;border-color:#67a094}.graph-dot{border:2px solid #2f7b70;border-radius:50%;width:10px;height:10px}.commit-copy{min-width:0}.commit-copy strong,.commit-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.commit-copy strong{font-size:.95rem}.commit-copy small{color:#646b61;font-size:.82rem}.details{background:#fbfcf8;border:1px solid #d9dbd1;border-radius:8px;min-width:0;max-height:calc(100vh - 250px);padding:18px;overflow:auto}.detail-header{margin-bottom:18px}.details dl{gap:10px;margin:0 0 18px;display:grid}.details dl div{grid-template-columns:84px minmax(0,1fr);gap:10px;display:grid}.details dt{color:#62685f;font-size:.82rem;font-weight:700}.details dd{overflow-wrap:anywhere;min-width:0;margin:0}pre{color:#f6f7ef;white-space:pre-wrap;background:#24251f;border-radius:8px;margin:0;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;overflow:auto}.muted{color:#666d63}@media (max-width:980px){.workspace,.content-grid{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #d9dbd1;border-right:0}.history-toolbar{flex-direction:column;align-items:stretch}.commit-list,.details{max-height:none}}@media (max-width:640px){.topbar{flex-direction:column;align-items:stretch}.primary{width:100%}.empty{align-items:start;padding-top:52px}.empty-panel{padding:28px 22px 24px}.commit-row{grid-template-columns:16px minmax(0,1fr)}.commit-row code{grid-column:2}}
