.graph-grid{gap:var(--sp-6);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.graph-col{min-width:0}.graph{position:relative}.graph-svg{display:block}.legend{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-5);font-size:var(--text-mono);animation:fade-in .4s var(--ease-out) 80ms backwards;flex-direction:column;gap:2px;display:inline-flex}.legend-cmd{color:var(--text-dim);margin-bottom:var(--sp-1)}.legend-main{color:var(--primary);padding:2px 8px}.legend-row{align-items:center;gap:var(--sp-2);color:var(--text-muted);border-radius:var(--radius-s);transition:background var(--dur-quick) var(--ease-out), color var(--dur-quick) var(--ease-out);padding:2px 8px;display:flex}.legend-row:hover{color:var(--text);background:var(--surface-2)}.legend-row[aria-pressed=true]{color:var(--text);background:color-mix(in srgb, var(--branch-color) 16%, transparent)}.legend-swatch{background:var(--branch-color);border-radius:50%;width:10px;height:10px}.legend-count{color:var(--text-dim)}.year-lines line{stroke:var(--border);stroke-dasharray:2 7;opacity:.55}.now-line{stroke:var(--accent);stroke-dasharray:3 6;opacity:.4}.graph-gutter .now-label{color:var(--accent)}.main-line{fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round;animation:draw-path .8s var(--ease-out) 60ms backwards}.main-tip{fill:var(--primary);animation:node-pop .3s var(--ease-spring) .78s backwards}.branch-line{fill:none;stroke:var(--branch-color);stroke-width:2.5px;stroke-linecap:round;transition:opacity .22s var(--ease-out), stroke-width .22s var(--ease-out), filter .22s var(--ease-out);animation:draw-path .62s var(--ease-out) var(--d) backwards}.branch.is-dim .branch-line{opacity:.28}.branch.is-hi .branch-line{stroke-width:3.5px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--branch-color) 60%, transparent))}.branch .tip{fill:var(--bg);stroke:var(--branch-color);stroke-width:2.5px;cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:opacity .22s var(--ease-out), transform .18s var(--ease-spring);animation:node-pop .32s var(--ease-spring) calc(var(--d) + .46s) backwards}.branch.is-hi .tip,.branch .tip:hover{transform:scale(1.25)}.branch.is-dim .tip{opacity:.35}.branch.is-selected .tip{stroke-width:3.25px}.tip-halo{fill:none;stroke:var(--accent);stroke-width:1.5px;opacity:.85;transform-box:fill-box;transform-origin:50%;animation:halo-in .26s var(--ease-spring) backwards}.head-pulse{fill:none;stroke:var(--accent);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:head-pulse 2.8s var(--ease-out) calc(var(--d) + .9s) infinite}.main-dot{transform-box:fill-box;transform-origin:50%;animation:node-pop .26s var(--ease-spring) calc(var(--d) + .26s) backwards}.main-dot.merge{fill:var(--branch-color)}.main-dot.fork{fill:var(--bg);stroke:var(--branch-color);stroke-width:1.5px}.graph-gutter span{font-size:var(--text-mono-small);color:var(--text-muted);animation:fade-in .5s var(--ease-out) .2s backwards;position:absolute;left:0;transform:translateY(-50%)}.log-rows{margin:0;padding:0;list-style:none;position:absolute;inset:0}.log-rows>li{left:var(--label-x);position:absolute;right:0;transform:translateY(-50%)}.log-row{align-items:center;gap:var(--sp-3);text-align:left;width:100%;font-family:var(--font-mono);font-size:var(--text-mono);border-radius:var(--radius-s);transition:background var(--dur-quick) var(--ease-out), opacity .22s var(--ease-out);animation:row-in .28s var(--ease-out) calc(var(--d) + .52s) backwards;padding:7px 10px;display:flex}.log-row:hover,.log-row.is-selected{background:color-mix(in srgb, var(--primary) 8%, transparent)}.log-row.is-dim{opacity:.35}.log-hash{color:var(--text-muted);flex-shrink:0}.log-row.is-selected .log-hash{color:var(--primary)}.log-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ref-pill{font-family:var(--font-mono);font-size:var(--text-mono-small);color:var(--branch-color);background:color-mix(in srgb, var(--branch-color) 9%, transparent);border:1px solid color-mix(in srgb, var(--branch-color) 45%, transparent);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 9px;line-height:1}.ref-pill[data-head]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.commit-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:var(--sp-5);box-shadow:var(--shadow-panel)}.commit-panel{top:calc(var(--nav-height) + var(--sp-5));max-height:calc(100vh - var(--nav-height) - var(--sp-7));animation:fade-in .4s var(--ease-out) .35s backwards;position:sticky;overflow-y:auto}.commit-card{animation:card-in .24s var(--ease-out) backwards}.c-head{align-items:center;gap:var(--sp-2);font-size:var(--text-mono);flex-wrap:wrap;display:flex}.c-label{color:var(--text-muted)}.c-hash{color:var(--primary)}.c-title{margin-top:var(--sp-3);font-size:1.35rem}.c-meta{margin-top:var(--sp-4);font-size:var(--text-mono-small);gap:3px;display:grid}.c-meta>div{gap:var(--sp-2);display:flex}.c-meta dt{color:var(--text-muted);min-width:4.5rem}.c-meta dd{margin:0}.c-branch{color:var(--branch-color,var(--text))}.commit-card[data-category=work]{--branch-color:var(--c-work)}.commit-card[data-category=education]{--branch-color:var(--c-education)}.commit-card[data-category=research]{--branch-color:var(--c-research)}.commit-card[data-category=leadership]{--branch-color:var(--c-leadership)}.c-bullets{margin-top:var(--sp-4);font-size:var(--text-small);padding:0;list-style:none}.c-bullets li{margin-block:var(--sp-2);padding-left:20px;position:relative}.c-bullets li:before{content:"+";color:var(--accent);font-family:var(--font-mono);position:absolute;left:2px}.c-diff{margin-top:var(--sp-4);border-top:1px dashed var(--border-strong);padding-top:var(--sp-3);font-size:var(--text-mono-small)}.c-diff-head{color:var(--text-muted)}.c-diff-lines{margin-top:var(--sp-2);padding:0;list-style:none}.diff-line{gap:var(--sp-2);flex-wrap:wrap;align-items:baseline;padding-block:2px;display:flex}.diff-file{color:var(--text)}.diff-bar{color:var(--accent);letter-spacing:1px}.diff-note{color:var(--text-muted);margin-left:auto}.c-status{margin-top:var(--sp-4);font-size:var(--text-mono-small);color:var(--text-muted);align-items:center;gap:var(--sp-2);display:flex}.c-merged span{color:var(--branch-color,var(--primary))}.open-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite breathe}.panel-empty{color:var(--text-muted);font-size:var(--text-mono);line-height:2}.panel-empty .cursor{color:var(--accent);animation:1.2s steps(2,jump-none) infinite breathe}.mob-log{padding:0 0 0 var(--sp-2);margin:0;list-style:none;position:relative}.mob-log:before{content:"";left:calc(var(--sp-2) + 5px);background:var(--primary);opacity:.75;border-radius:2px;width:2.5px;position:absolute;top:10px;bottom:10px}.mob-log>li{padding-left:var(--sp-6);animation:row-in .28s var(--ease-out) var(--d) backwards;position:relative}.mob-dot{background:var(--bg);border:2.5px solid var(--branch-color);border-radius:50%;width:13px;height:13px;position:absolute;top:16px;left:0}.mob-row{align-items:center;gap:var(--sp-3);text-align:left;width:100%;padding:var(--sp-3) var(--sp-2);border-radius:var(--radius-s);display:flex}.mob-row:hover{background:color-mix(in srgb, var(--primary) 7%, transparent)}.mob-row-main{flex:1;gap:2px;min-width:0;display:grid}.mob-title{color:var(--text);font-size:var(--text-mono)}.mob-dates{color:var(--text-muted);font-size:var(--text-mono-small)}.mob-panel{margin:var(--sp-1) 0 var(--sp-4)}