:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0d1117;--surface: #161b22;--border: #30363d;--text: #c9d1d9;--text-dim: #8b949e;--accent: #58a6ff;--green: #3fb950;--orange: #d29922;--red: #f85149;--purple: #bc8cff;--pink: #f778ba;--cyan: #39d2c0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.header-icon{font-size:1.5rem}.header h1{font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.header h1 span{color:var(--text-dim);font-weight:400}.main{display:grid;grid-template-columns:1fr 360px;grid-template-rows:1fr auto;overflow:hidden}.graph-area{padding:1.5rem;overflow:auto;position:relative}.graph-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.graph-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.graph-controls{display:flex;gap:.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;font-family:inherit;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text);cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover{border-color:var(--accent);background:#58a6ff14}.btn-primary{background:#238636;border-color:#3fb95066;color:#fff}.btn-primary:hover{background:#2ea043;border-color:var(--green)}.btn-danger{color:var(--red)}.btn-danger:hover{border-color:var(--red);background:#f8514914}.branch-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.branch-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid var(--border);border-radius:999px;background:var(--surface);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.branch-chip.active{border-color:var(--accent);background:#58a6ff1f;color:var(--accent)}.branch-chip .dot{width:8px;height:8px;border-radius:50%}.branch-add{font-size:.85rem;color:var(--text-dim);cursor:pointer;padding:.2rem}.branch-add:hover{color:var(--accent)}.commit-graph{position:relative;min-height:100%}.commit-row{display:grid;grid-template-columns:80px 28px 1fr;align-items:center;gap:.5rem;padding:.25rem 0;transition:background .1s}.commit-row:hover{background:#ffffff05}.commit-hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:var(--accent);opacity:.7;text-align:right;padding-right:.25rem}.commit-node{width:14px;height:14px;border-radius:50%;border:2px solid;background:var(--bg);z-index:1;cursor:pointer;transition:transform .15s}.commit-node:hover{transform:scale(1.3)}.commit-node.current{box-shadow:0 0 0 3px #58a6ff40}.commit-msg{font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commit-msg .branch-tag{display:inline-block;font-size:.65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:.1rem .4rem;border-radius:.25rem;margin-right:.4rem;vertical-align:middle}.commit-meta{font-size:.7rem;color:var(--text-dim);margin-left:.5rem}.graph-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.sidebar{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-section{padding:1rem;border-bottom:1px solid var(--border)}.sidebar-section-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.75rem}.commit-detail-empty{padding:2rem 1rem;text-align:center;color:var(--text-dim);font-size:.85rem}.commit-detail h3{font-size:.95rem;font-weight:600;margin-bottom:.5rem;line-height:1.4}.detail-meta{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.detail-row{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.detail-label{color:var(--text-dim);min-width:50px}.detail-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);font-size:.75rem}.detail-files{margin-top:.5rem}.file-change{display:flex;align-items:center;gap:.4rem;padding:.25rem 0;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.file-status{font-size:.65rem;padding:.1rem .35rem;border-radius:.2rem;font-weight:600}.file-status.A{background:#3fb95026;color:var(--green)}.file-status.M{background:#d2992226;color:var(--orange)}.file-status.D{background:#f8514926;color:var(--red)}.branch-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem 0}.branch-item-left{display:flex;align-items:center;gap:.4rem}.branch-item .dot{width:8px;height:8px;border-radius:50%}.branch-item-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.branch-item-actions{display:flex;gap:.25rem}.branch-btn-sm{font-size:.7rem;padding:.15rem .4rem;border:1px solid var(--border);border-radius:.3rem;background:transparent;color:var(--text-dim);cursor:pointer;font-family:inherit}.branch-btn-sm:hover{border-color:var(--accent);color:var(--accent)}.branch-btn-sm.active-branch{border-color:var(--green);color:var(--green);cursor:default}.terminal{grid-column:1 / -1;background:#0a0e13;border-top:1px solid var(--border);display:flex;flex-direction:column;max-height:220px}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;background:#ffffff08;border-bottom:1px solid var(--border)}.terminal-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);display:flex;align-items:center;gap:.4rem}.terminal-output{flex:1;overflow-y:auto;padding:.5rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.6}.terminal-line{white-space:pre-wrap;word-break:break-all}.terminal-line .prompt{color:var(--green)}.terminal-line .cmd{color:var(--text)}.terminal-line .output{color:var(--text-dim)}.terminal-line .error{color:var(--red)}.terminal-line .success{color:var(--green)}.terminal-input-row{display:flex;align-items:center;padding:.4rem 1rem;border-top:1px solid var(--border);background:#ffffff05}.terminal-prompt-label{color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;margin-right:.5rem;white-space:nowrap}.terminal-input{flex:1;background:transparent;border:none;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;outline:none}.stash-list{display:flex;flex-direction:column;gap:.35rem}.stash-item{display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem;background:#ffffff08;border:1px solid var(--border);border-radius:.35rem;font-size:.78rem}.stash-item-left{display:flex;align-items:center;gap:.4rem}.stash-idx{color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.empty-text{color:var(--text-dim);font-size:.8rem;font-style:italic}@media(max-width:900px){.main{grid-template-columns:1fr;grid-template-rows:1fr 300px auto}.sidebar{border-left:none;border-top:1px solid var(--border)}}