:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#fcfcfb;--page:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--border:#0b0b0b1a;--gridline:#e1e0d9;--node-group:#2a78d6;--node-skill:#1baf7a;--node-root:#0b0b0b;--link:#c3c2b7}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--border:#ffffff1a;--gridline:#2c2c2a;--node-group:#3987e5;--node-skill:#199e70;--node-root:#fff;--link:#383835}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--border:#ffffff1a;--gridline:#2c2c2a;--node-group:#3987e5;--node-skill:#199e70;--node-root:#fff;--link:#383835}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:var(--text-primary);background:var(--page);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.app{flex-direction:column;height:100vh;display:flex}.app-header{border-bottom:1px solid var(--gridline);background:var(--surface-1);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.app-header h1{margin:0;font-size:18px;font-weight:600}.app-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.app-header-actions{align-items:center;gap:20px;display:flex}.theme-toggle{font:inherit;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.theme-toggle:hover{border-color:var(--text-secondary)}.legend{color:var(--text-secondary);gap:14px;font-size:13px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot--root{background:var(--node-root)}.legend-dot--group{background:var(--node-group)}.legend-dot--skill{background:var(--node-skill)}.app-main{flex:1;min-height:0;display:flex}.graph-canvas{flex:1;min-width:0}.details-panel{border-left:1px solid var(--gridline);background:var(--surface-1);flex-shrink:0;width:300px;padding:20px;overflow-y:auto}.details-panel--empty{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;font-size:13px;display:flex}.details-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.details-header h2{word-break:break-word;margin:0;font-size:17px;font-weight:600}.details-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.details-close:hover{color:var(--text-primary)}.details-body{flex-direction:column;gap:10px;display:flex}.details-row{flex-direction:column;gap:2px;font-size:13px;display:flex}.details-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.details-value{color:var(--text-primary)}@media (width<=720px){.app-header{flex-wrap:wrap}.details-panel{width:240px}}