*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-primary:#0b0e18;--bg-secondary:#111528;--bg-tertiary:#1a1e35;--bg-hover:#242a47;--border:#2a305a;--border-light:#1e2340;--text-primary:#e2e8f8;--text-secondary:#8490b5;--text-muted:#4d5680;--accent-blue:#6ea8fe;--accent-green:#4ade80;--accent-orange:#fb923c;--accent-red:#f87171;--accent-purple:#c084fc;--accent-cyan:#22d3ee;--canvas-bg:#080b14;--canvas-dot:#6366f11f;--shadow:0 1px 3px #00000080;--shadow-lg:0 8px 32px #00000080;--toolbar-glow:0 1px 20px #6366f10f;--active-bg:#6ea8fe1a;--active-border:#6ea8fe40;--export-bg:#4ade8014;--export-border:#4ade802e;--export-bg-hover:#4ade8026;--badge-merge-bg:#6ea8fe1f;--badge-conflict-bg:#f871711f;--badge-cherry-bg:#c084fc1f;--mode-bg:#6ea8fe1a;--mode-border:#6ea8fe40;--mode-cancel-bg:#ffffff0f;--mode-cancel-border:#ffffff14;--mode-cancel-hover:#ffffff1f;--scrollbar-thumb:#242a47;--scrollbar-hover:#4d5680;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-tertiary:#eef0f6;--bg-hover:#e2e5ef;--border:#d4d8e8;--border-light:#eaecf4;--text-primary:#1a1d2e;--text-secondary:#5c6280;--text-muted:#9498b0;--accent-blue:#3b6fde;--accent-green:#16a34a;--accent-orange:#e77c1a;--accent-red:#dc2626;--accent-purple:#8b5cf6;--accent-cyan:#0891b2;--canvas-bg:#f0f2f8;--canvas-dot:#646a8c1f;--shadow:0 1px 3px #0000000f;--shadow-lg:0 8px 32px #00000014;--toolbar-glow:0 1px 12px #0000000a;--active-bg:#3b6fde14;--active-border:#3b6fde40;--export-bg:#16a34a0f;--export-border:#16a34a2e;--export-bg-hover:#16a34a1f;--badge-merge-bg:#3b6fde1a;--badge-conflict-bg:#dc26261a;--badge-cherry-bg:#8b5cf61a;--mode-bg:#3b6fde14;--mode-border:#3b6fde33;--mode-cancel-bg:#0000000a;--mode-cancel-border:#00000014;--mode-cancel-hover:#00000014;--scrollbar-thumb:#d4d8e8;--scrollbar-hover:#9498b0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--radius:6px;--radius-lg:10px}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;transition:background .25s,color .25s}.app{flex-direction:column;height:100%;display:flex}.main-content{flex:1;display:flex;overflow:hidden}.toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);height:48px;box-shadow:var(--toolbar-glow);flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;padding:0 12px;transition:background .25s,border-color .25s;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:4px;display:flex}.toolbar-brand{color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 8px;font-size:14px;font-weight:700;display:flex}.toolbar-divider{background:var(--border);width:1px;height:24px;margin:0 6px}.toolbar-btn{color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.toolbar-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.toolbar-btn.active{background:var(--active-bg);color:var(--accent-blue);border-color:var(--active-border)}.toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.toolbar-btn svg{flex-shrink:0}.theme-toggle{justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;border-radius:50%!important;padding:0!important}.theme-toggle:hover:not(:disabled){border-radius:50%!important}.export-wrapper{position:relative}.export-btn{background:var(--export-bg);color:var(--accent-green)!important;border-color:var(--export-border)!important}.export-btn:hover:not(:disabled){background:var(--export-bg-hover)!important}.export-menu{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;min-width:150px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden}.export-menu button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;display:block}.export-menu button:hover{background:var(--bg-tertiary)}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;width:240px;min-width:240px;transition:background .25s,border-color .25s;display:flex;overflow-y:auto}.sidebar-section{border-bottom:1px solid var(--border-light);padding:14px}.sidebar-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.sidebar-header svg{fill:var(--text-secondary)}.branch-list{flex-direction:column;gap:2px;display:flex}.branch-item{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .15s;display:flex}.branch-item:hover{background:var(--bg-tertiary)}.branch-item.active{background:var(--active-bg);color:var(--accent-blue)}.branch-color{border-radius:50%;flex-shrink:0;width:10px;height:10px}.branch-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.branch-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:10px;padding:1px 6px;font-size:11px}.branch-delete{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;padding:2px 5px;font-size:12px;line-height:1;transition:opacity .15s}.branch-item:hover .branch-delete{opacity:1}.branch-delete:hover{color:var(--accent-red);background:var(--badge-conflict-bg)}.commit-details{flex-direction:column;gap:8px;display:flex}.detail-row{flex-direction:column;gap:2px;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.detail-value{color:var(--text-primary);word-break:break-all;align-items:center;gap:6px;font-size:13px;display:flex}.detail-value.mono{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px}.detail-badge{border-radius:10px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.detail-badge.merge{background:var(--badge-merge-bg);color:var(--accent-blue)}.detail-badge.conflict{background:var(--badge-conflict-bg);color:var(--accent-red)}.detail-badge.cherry{background:var(--badge-cherry-bg);color:var(--accent-purple)}.deselect-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;width:100%;margin-top:8px;padding:5px 10px;font-size:12px}.deselect-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.stash-list{flex-direction:column;gap:4px;display:flex}.stash-item{border-radius:var(--radius);background:var(--bg-primary);align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:flex}.stash-index{color:var(--accent-orange);font-family:SF Mono,monospace;font-size:11px}.stash-message{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-help{border-bottom:none;margin-top:auto}.help-content p{color:var(--text-muted);font-size:12px;line-height:1.6}.canvas-container{background:var(--canvas-bg);background-image:radial-gradient(circle at 1px 1px, var(--canvas-dot) .5px, transparent 0);background-size:24px 24px;flex:1;transition:background-color .25s;position:relative;overflow:hidden}.canvas-container svg{cursor:grab}.canvas-container svg:active{cursor:grabbing}.commit-node{cursor:pointer}.commit-node.clickable:hover .node-circle{filter:brightness(1.3)}.commit-node.disabled{opacity:.3;cursor:not-allowed}.commit-label,.head-label{pointer-events:none;-webkit-user-select:none;user-select:none}.mode-indicator{background:var(--mode-bg);border:1px solid var(--mode-border);color:var(--accent-blue);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);border-radius:20px;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:500;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.mode-dot{background:var(--accent-blue);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.mode-cancel{background:var(--mode-cancel-bg);border:1px solid var(--mode-cancel-border);color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:3px 10px;font-size:11px}.mode-cancel:hover{background:var(--mode-cancel-hover);color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}