:root{--g-branching:#94600a;--g-history:#8b3d8f;--g-practice:#0b7285}:root[data-theme=dark]{--g-branching:#e3a94b;--g-history:#d391d6;--g-practice:#4fc3d3}@media (width<=1100px){.grid-2.wide-left{grid-template-columns:minmax(0,1fr)}}[data-group=branching]{--accent:var(--g-branching)}[data-group=history]{--accent:var(--g-history)}[data-group=practice]{--accent:var(--g-practice)}.grid-2.wide-left{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}.slider{flex-direction:column;gap:4px;display:flex}.slider .label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;display:flex}.slider .label strong{font:600 13px var(--mono);color:var(--ink);letter-spacing:0}.btn-row{flex-wrap:wrap;gap:8px;display:flex}:root{--lane0:#2f4fb5;--lane1:#c2410c;--lane2:#8b3d8f;--lane3:#0b7285;--lane4:#94600a;--term-bg:#1b1a17;--term-ink:#ece6d8;--term-dim:#8a8478;--term-ok:#9fd8b0;--term-err:#ff9e85;--term-prompt:#ffcf70}:root[data-theme=dark]{--lane0:#8ea2ff;--lane1:#ff9a66;--lane2:#d391d6;--lane3:#4fc3d3;--lane4:#e3a94b;--term-bg:#0d0c0b}.lab{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:24px;display:grid}.lab>.wide{grid-column:1/-1}@media (width<=1100px){.lab{grid-template-columns:minmax(0,1fr)}}.terminal-wrap{flex-direction:column;gap:10px;display:flex}.terminal{background:var(--term-bg);height:260px;color:var(--term-ink);border:1px solid var(--rule-strong);padding:12px 14px;overflow-y:auto}.terminal pre,.term-hint{font:12.5px/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.term-hint{color:var(--term-dim);font-style:italic}.tl.in{color:var(--term-ink);margin-top:6px;font-weight:600}.tl.out{color:var(--term-ok)}.tl.err{color:var(--term-err)}.terminal .prompt{color:var(--term-prompt)}.term-input{background:var(--term-bg);border:1px solid var(--rule-strong);align-items:center;gap:8px;padding:6px 8px;display:flex}.term-input .prompt{font:600 12px var(--mono);color:var(--term-prompt);white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:40%;overflow:hidden}.term-input input{min-width:0;color:var(--term-ink);font:14px var(--mono);background:0 0;border:0;flex:1;padding:6px 4px}.term-input input::placeholder{color:var(--term-dim)}.cmd-chips{flex-wrap:wrap;gap:6px;display:flex}.cmd-chip{font:12px var(--mono);color:var(--ink);background:var(--paper);border:1px solid var(--rule);cursor:pointer;text-align:left;overflow-wrap:anywhere;padding:6px 9px}.cmd-chip:hover{border-color:var(--accent);background:var(--accent-tint)}.cmd-chip>span{color:var(--accent)}.graph .hit{fill:#0000}.graph-scroll{padding-bottom:4px;overflow:auto hidden}.graph{width:100%;height:auto;margin:0 auto;display:block}.graph .edge{fill:none;stroke:var(--ink-3);stroke-width:2.5px}.graph .edge.second{stroke-dasharray:5 3}.graph .edge.lost{stroke-dasharray:3 4;opacity:.45}.graph .commit.lane0{--lane-c:var(--lane0)}.graph .commit.lane1{--lane-c:var(--lane1)}.graph .commit.lane2{--lane-c:var(--lane2)}.graph .commit.lane3{--lane-c:var(--lane3)}.graph .commit.lane4{--lane-c:var(--lane4)}.graph .commit circle:not(.hit){fill:var(--sheet);stroke:var(--lane-c,var(--accent));stroke-width:3px;transition:r .2s}.graph .commit .merge-dot{fill:var(--lane-c,var(--accent));stroke:none}.graph .commit.is-head>circle:first-of-type{fill:var(--lane-c)}.graph .commit.lost{opacity:.4}.graph .commit.lost circle{stroke-dasharray:4 3}.graph .commit.picked>circle:first-of-type{stroke:var(--ink);stroke-width:4px}.graph .commit.pickable{cursor:pointer}.graph .commit.pickable:hover>circle:first-of-type{stroke-width:5px}.graph .commit:focus{outline:none}.graph .commit:focus-visible>circle:first-of-type{stroke:var(--ink);stroke-width:5px}.graph text{font:10.5px var(--mono);text-anchor:middle;fill:var(--ink-2)}.graph text.msg{font:italic 10.5px var(--serif);fill:var(--ink-3)}.graph .badge rect{fill:var(--accent-tint);stroke:var(--accent)}.graph .badge text{fill:var(--accent);font-weight:600}.graph .badge.head rect{fill:var(--accent)}.graph .badge.head text{fill:var(--on-accent)}.graph .badge.remote rect{fill:var(--paper);stroke:var(--ink-3);stroke-dasharray:3 2}.graph .badge.remote text{fill:var(--ink-2)}.graph .badge.tag rect{fill:var(--mark);stroke:var(--ink-3)}.graph .badge.tag text{fill:var(--ink)}@media (prefers-reduced-motion:no-preference){.graph .commit{transform-box:fill-box;transform-origin:50%;animation:.35s ease-out pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.graph .commit.lost{animation:none}}.table.areas td,.table.areas th{padding:8px 10px 8px 0}.table.areas td:first-child,.table.areas td:last-child{width:auto}.area-cell code{font:12px var(--mono);border:1px solid var(--rule);background:var(--paper);padding:2px 6px}.area-cell.differs code{background:var(--mark);border-color:var(--ink-3)}.table.areas tr.conflicted td:first-child{color:var(--bad)}@media (prefers-reduced-motion:no-preference){.flash{animation:.9s ease-out flash}@keyframes flash{0%{background:var(--accent);color:var(--on-accent)}}}.editor{flex-direction:column;gap:8px;display:flex}.file-tabs{flex-wrap:wrap;gap:4px;display:flex}.file-tab{font:12px var(--mono);color:var(--ink-2);background:var(--paper);border:1px solid var(--rule);cursor:pointer;align-items:baseline;gap:6px;padding:6px 10px;display:inline-flex}.file-tab[aria-selected=true]{color:var(--ink);border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.file-tab small{color:var(--accent);font-weight:600}.file-tab.m-C small{color:var(--bad)}.file-tab.m-S small{color:var(--ok)}textarea.code{font:13px/1.5 var(--mono);white-space:pre;overflow-x:auto}textarea.code.has-markers{border-color:var(--bad);background:repeating-linear-gradient(-45deg, var(--bad-tint) 0 2px, var(--sheet) 2px 9px)}.new-file{gap:8px;display:flex}.new-file input{flex:1;min-width:0}.file-pile{font:13px/2 var(--mono);color:var(--ink-2);margin:0;padding:8px 0;list-style:none}.file-pile li{overflow-wrap:anywhere}.mini-log{font:13px/1.9 var(--mono);background:var(--term-bg);color:var(--term-ink);white-space:pre-wrap;margin:0;padding:12px 14px}.mini-log b{color:var(--term-prompt);font-weight:500}.flow.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.flow.four{grid-template-columns:minmax(0,1fr)}.flow.four li{display:flex}}.timeline{border-left:2px solid var(--rule);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.timeline button{width:100%;font:14px var(--sans);color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;display:flex}.timeline .dot{background:var(--sheet);border:2px solid var(--accent);border-radius:50%;flex:none;width:12px;height:12px;margin-left:-17px}.timeline li.on button{color:var(--ink);background:var(--accent-tint);font-weight:500}.timeline li.on .dot{background:var(--accent)}.diff{font:13px/1.5 var(--mono);background:var(--paper);border:1px solid var(--rule);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:10px 12px}.diff .add{color:var(--ok);background:color-mix(in srgb, var(--ok) 10%, transparent);display:block}.diff .del{color:var(--bad);background:var(--bad-tint);text-decoration:line-through;display:block}.diff .same{color:var(--ink-3);display:block}.hash.bytes b{color:var(--accent);font-weight:600}.hash.bytes i{color:var(--on-accent);background:var(--ink-3);margin:0 2px;padding:0 3px;font-style:normal}.verdict{margin:0}.callout{border:1px solid var(--rule-strong);border-left:4px solid var(--accent);background:var(--sheet);margin-top:24px;padding:18px 22px}.callout p{max-width:75ch;margin:0 0 10px}.callout p:last-child{margin:10px 0 0}.callout a{color:var(--accent)}.cli{font:12.5px/1.55 var(--mono);background:var(--term-bg);color:var(--term-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:10px 12px}.objgraph{width:100%;height:auto;display:block}.objgraph .col-title{font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;text-anchor:middle;fill:var(--ink-3)}.objgraph .oedge{fill:none;stroke:var(--ink-3);stroke-width:1.5px}.objgraph .oedge.parent{stroke-dasharray:4 3}.objgraph .oedge.hot{stroke:var(--accent);stroke-width:2.5px}.onode{cursor:pointer}.onode rect{fill:var(--sheet);stroke:var(--ink-3);stroke-width:1.5px}.onode.commit rect{fill:var(--accent-tint);stroke:var(--accent)}.onode.tree rect{stroke:var(--lane3)}.onode.blob rect{stroke:var(--lane4)}.onode.picked rect{stroke:var(--ink);stroke-width:3px}.onode:focus{outline:none}.onode:focus-visible rect{stroke:var(--ink);stroke-width:3px}.onode .otype{font:600 10.5px var(--mono);fill:var(--ink-2)}.onode .oname{font:12px var(--sans);fill:var(--ink)}.inspect{flex-direction:column;gap:8px;display:flex}.kv .contents{display:contents}.kv dt{overflow-wrap:anywhere}.kv dd .hash{word-break:break-all}.ref-files,.head-state,.stash-box{border-top:1px solid var(--rule);flex-direction:column;gap:10px;padding-top:14px;display:flex}.reflog{flex-direction:column;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.reflog li{border-bottom:1px dashed var(--rule);flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 0;display:flex}.reflog code{font:600 12px var(--mono);color:var(--accent)}.reflog .btn{margin-left:auto}code.changed{background:var(--mark);padding:1px 4px}.ids-card{margin-top:24px}.remotes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.remotes .origin-card{border-width:2px;border-color:var(--accent)}@media (width<=1100px){.remotes{grid-template-columns:minmax(0,1fr)}}.dir-browser{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:start;gap:16px;display:grid}.dir-tree{flex-direction:column;gap:8px;max-height:460px;display:flex;overflow-y:auto}.dir-name{font:600 11px var(--mono);color:var(--ink-3);display:block}.dir-file{width:100%;font:12px var(--mono);text-align:left;color:var(--ink-2);border:0;border-left:2px solid var(--rule);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;padding:3px 8px;display:block;overflow:hidden}.dir-file[aria-pressed=true]{color:var(--ink);border-left-color:var(--accent);background:var(--accent-tint)}.dir-view{flex-direction:column;gap:8px;min-width:0;display:flex}.dir-view .card-title{overflow-wrap:anywhere}@media (width<=720px){.dir-browser{grid-template-columns:minmax(0,1fr)}.dir-tree{max-height:260px}}.pack-bars{flex-direction:column;gap:12px;display:flex}.pack-bars>div{grid-template-columns:minmax(0,14rem) minmax(0,1fr) 6rem;align-items:center;gap:12px;display:grid}.pack-bars .label{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.pack-bars strong{font:500 15px var(--mono);text-align:right}.bar.wide{width:100%;height:14px;margin:0}.bar.wide span{transition:width .6s}@media (width<=720px){.pack-bars>div{grid-template-columns:minmax(0,1fr) 5rem}.pack-bars .label{grid-column:1/-1}}.last-cmd{min-height:2.2em}.checks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.checks li{align-items:baseline;gap:10px;display:flex}.checks li.bad{color:var(--ink-2)}.checks .status:before{content:none}.cli.example{background:var(--paper);color:var(--ink-2);border:1px dashed var(--rule)}@media (pointer:coarse){.cmd-chip,.file-tab,.dir-file,.timeline button{min-height:44px}.link-btn{align-items:center;min-height:44px;padding:0 4px;display:inline-flex}}.grid-2+.note{margin-top:24px}.hash.big{overflow:hidden}.hash.big .group:last-child{margin-right:0}.options .option{overflow-wrap:anywhere;max-width:100%}.quiz fieldset{min-width:0}.quiz legend{overflow-wrap:anywhere;max-width:100%}.stat.mono,.card-title,.inspect .card-title{overflow-wrap:anywhere}