:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}#app{width:100vw;height:100vh;margin:0;padding:0;text-align:center}:root{--bg-color: #000000;--bg-panel: #1e1e1e;--bg-panel-secondary: #333333;--bg-input: #1a1a1a;--border-color: #333333;--border-active: #00ff9d;--border-primary: #00ff9d;--border-secondary: #999999;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #666666;--checkin-calendar-month-color: #ffffff;--checkin-calendar-nav-color: #ffffff;--accent-color: #00ff9d;--danger-soft-bg: rgba(239, 68, 68, .16);--danger-soft-bg-hover: rgba(239, 68, 68, .24);--danger-soft-border: rgba(248, 113, 113, .42);--danger-soft-border-hover: rgba(252, 165, 165, .68);--danger-soft-text: #fecaca;--hover-bg: rgba(255, 255, 255, .1);--active-bg: #333333;--modal-overlay: rgba(0, 0, 0, .6);--modal-bg: #141414;--tool-bg: #1f1f1f;--demo-branch-bg: rgba(17, 21, 28, .9);--demo-branch-border: rgba(255, 255, 255, .14);--demo-branch-hover-border: rgba(0, 255, 157, .42);--demo-branch-text: #ffffff;--demo-branch-shadow: 0 10px 24px rgba(0, 0, 0, .22);--demo-branch-collapsed-bg: rgba(0, 255, 157, .14);--demo-branch-collapsed-border: rgba(0, 255, 157, .48);--sidebar-bg: rgba(30, 30, 30, .92);--sidebar-border: rgba(255, 255, 255, .08);--sidebar-shadow: 0 12px 32px rgba(0, 0, 0, .28);--sidebar-icon-color: #a3a3a3;--sidebar-hover-bg: rgba(255, 255, 255, .1);--sidebar-vip-color: #ffd700;--sidebar-vip-bg: linear-gradient(135deg, rgba(255, 215, 0, .12), rgba(255, 165, 0, .1));--sidebar-vip-hover-color: #ffa500;--sidebar-vip-hover-bg: linear-gradient(135deg, rgba(255, 215, 0, .2), rgba(255, 165, 0, .18));--sidebar-friend-color: #b680d2;--sidebar-friend-bg: linear-gradient(135deg, rgba(155, 89, 182, .12), rgba(99, 102, 241, .1));--sidebar-friend-hover-color: #d8b4fe;--sidebar-friend-hover-bg: linear-gradient(135deg, rgba(155, 89, 182, .2), rgba(99, 102, 241, .14));--canvas-dot: #222222;--minimap-mask: rgba(20, 20, 20, .8);--minimap-node: #555555;--edge-width: 5px;--edge-color: #555555;--edge-hover-color: #888888;--group-node-bg: #1e1e1e;--group-node-border: #333333;--group-node-label: rgba(255, 255, 255, .5);--group-node-handle-border: rgba(255, 255, 255, .6);--group-node-line: rgba(255, 255, 255, .2);--group-color-border: rgba(255, 255, 255, .1);--group-color-border-hover: rgba(255, 255, 255, .8);--group-color-border-active: #ffffff}html.light{--bg-color: #f5f5f5;--bg-panel: #ffffff;--bg-panel-secondary: #f9f9f9;--bg-input: #f0f0f0;--border-color: #e0e0e0;--border-active: #00aa66;--border-primary: #00aa66;--border-secondary: #999999;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--checkin-calendar-month-color: #333333;--checkin-calendar-nav-color: #333333;--accent-color: #00aa66;--danger-soft-bg: rgba(239, 68, 68, .1);--danger-soft-bg-hover: rgba(239, 68, 68, .16);--danger-soft-border: rgba(220, 38, 38, .26);--danger-soft-border-hover: rgba(220, 38, 38, .38);--danger-soft-text: #b91c1c;--hover-bg: rgba(0, 0, 0, .05);--active-bg: #e0e0e0;--modal-overlay: rgba(0, 0, 0, .2);--modal-bg: #ffffff;--tool-bg: #ffffff;--demo-branch-bg: rgba(255, 255, 255, .92);--demo-branch-border: rgba(15, 23, 42, .12);--demo-branch-hover-border: rgba(0, 170, 102, .42);--demo-branch-text: #1f2937;--demo-branch-shadow: 0 10px 24px rgba(15, 23, 42, .12);--demo-branch-collapsed-bg: rgba(0, 170, 102, .12);--demo-branch-collapsed-border: rgba(0, 170, 102, .42);--sidebar-bg: rgba(255, 255, 255, .96);--sidebar-border: rgba(15, 23, 42, .1);--sidebar-shadow: 0 12px 32px rgba(15, 23, 42, .12);--sidebar-icon-color: #475569;--sidebar-hover-bg: rgba(15, 23, 42, .06);--sidebar-vip-color: #a16207;--sidebar-vip-bg: linear-gradient(135deg, rgba(245, 158, 11, .18), rgba(251, 191, 36, .14));--sidebar-vip-hover-color: #92400e;--sidebar-vip-hover-bg: linear-gradient(135deg, rgba(245, 158, 11, .24), rgba(251, 191, 36, .2));--sidebar-friend-color: #7c3aed;--sidebar-friend-bg: linear-gradient(135deg, rgba(167, 139, 250, .2), rgba(96, 165, 250, .12));--sidebar-friend-hover-color: #6d28d9;--sidebar-friend-hover-bg: linear-gradient(135deg, rgba(167, 139, 250, .28), rgba(96, 165, 250, .18));--canvas-dot: #dddddd;--minimap-mask: rgba(255, 255, 255, .8);--minimap-node: #cccccc;--selection-bg: rgba(0, 170, 102, .15);--edge-color: #aaaaaa;--edge-hover-color: #999999;--group-node-bg: #ffffff;--group-node-border: #e0e0e0;--group-node-label: rgba(0, 0, 0, .5);--group-node-handle-border: rgba(0, 0, 0, .4);--group-node-line: rgba(0, 0, 0, .15);--group-color-border: rgba(0, 0, 0, .1);--group-color-border-hover: rgba(0, 0, 0, .5);--group-color-border-active: #000000}body,.bottom-layer,.top-bar,.sidebar,.center-panel,.add-node-menu,.generate-menu,.modal-container{transition:background-color .3s,color .3s,border-color .3s}