@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-primary: #0a1f33;--bg-secondary: #0d2840;--bg-tertiary: #10284a;--bg-hover: #163356;--bg-active: #1a3a5a;--bg-card: rgba(13, 40, 64, .9);--bg-card-hover: rgba(26, 58, 90, .95);--text-primary: #e8f0f8;--text-secondary: #8ab4d6;--text-tertiary: #5a8fb8;--text-dim: #3a6fa0;--accent: #ffa942;--accent-hover: #ffb966;--accent-glow: rgba(255, 169, 66, .4);--accent-bg: rgba(255, 169, 66, .15);--grid-major: rgba(138, 180, 214, .08);--grid-minor: rgba(138, 180, 214, .03);--border-primary: rgba(138, 180, 214, .2);--border-secondary: rgba(138, 180, 214, .1);--border-accent: rgba(255, 169, 66, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4), 0 0 40px rgba(255, 169, 66, .1);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5), 0 0 60px rgba(255, 169, 66, .15);--glow-accent: 0 0 20px var(--accent-glow), 0 0 40px rgba(255, 169, 66, .2);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-display: "Space Grotesk", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-medium: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-display);font-size:14px;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px),linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px);background-size:12px 12px,12px 12px,60px 60px,60px 60px;opacity:.6}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 0%,rgba(10,31,51,.4) 100%)}#app{position:relative;z-index:2;display:flex;height:100vh;width:100vw;overflow:hidden}.icon-btn{width:28px;height:28px;border:1px solid var(--border-secondary);background:#8ab4d60d;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--border-accent);box-shadow:0 0 12px #ffa94233}.activity-bar{position:fixed;left:0;top:0;width:44px;height:100vh;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-right:1px solid var(--border-primary);z-index:70;display:flex;flex-direction:column;padding-top:8px;box-shadow:var(--shadow-sm)}.activity-icon{width:44px;height:44px;border:none;background:transparent;cursor:pointer;font-size:20px;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);position:relative;margin-bottom:4px}.activity-icon:hover{color:var(--text-secondary);background:var(--bg-hover)}.activity-icon.active{color:var(--accent);text-shadow:0 0 16px var(--accent-glow)}.activity-icon.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:linear-gradient(180deg,var(--accent) 0%,#ff8c42 100%);border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--accent-glow)}.activity-bar:after{content:"BP";position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--text-dim);letter-spacing:.1em}.sidebar{position:fixed;left:44px;top:0;width:260px;height:100vh;z-index:60;transition:transform var(--transition-medium),opacity var(--transition-fast)}.sidebar.sidebar-hidden{transform:translate(-100%);opacity:0;pointer-events:none}.sidebar-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:100%;border-right:1px solid var(--border-primary);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.sidebar-titlebar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-secondary);background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.sidebar-title{flex:1;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent);letter-spacing:.15em;text-transform:uppercase}.sidebar-body{flex:1;overflow-y:auto;padding:8px}.sidebar-body::-webkit-scrollbar{width:6px}.sidebar-body::-webkit-scrollbar-track{background:transparent}.sidebar-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.sidebar-body::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}.blueprint-item{padding:12px 14px;cursor:pointer;border-radius:var(--radius-md);margin-bottom:6px;border:1px solid transparent;transition:all var(--transition-fast);position:relative;overflow:hidden}.blueprint-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,169,66,.05) 100%);opacity:0;transition:opacity var(--transition-fast)}.blueprint-item:hover:before{opacity:1}.blueprint-item:hover{background:var(--bg-hover);border-color:var(--border-primary);transform:translate(2px)}.blueprint-item.selected{background:var(--accent-bg);border-color:var(--border-accent);box-shadow:0 0 16px #ffa94226,inset 0 0 0 1px #ffa94233}.blueprint-item.selected:before{opacity:1;background:linear-gradient(135deg,transparent 0%,rgba(255,169,66,.1) 100%)}.bp-name{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px;position:relative}.blueprint-item.selected .bp-name{color:var(--accent)}.bp-repo{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);letter-spacing:.05em}.main{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:44px}.toolbar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.toolbar-btn{width:34px;height:34px;border:1px solid var(--border-secondary);background:#8ab4d60d;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-family:var(--font-mono);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.toolbar-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--border-accent);box-shadow:0 0 12px #ffa94233;transform:scale(1.05)}.graph-container{flex:1;overflow:hidden;position:relative;background:transparent}.graph-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,rgba(138,180,214,.03) 1px,transparent 1px),linear-gradient(rgba(138,180,214,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.detail-panel{width:380px;min-width:0;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--border-primary);overflow-y:auto;flex-shrink:0;z-index:10;display:flex;flex-direction:column;transition:width var(--transition-medium);box-shadow:var(--shadow-lg)}.detail-panel.detail-hidden{width:0;min-width:0;overflow:hidden;border-left:none}.detail-titlebar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border-secondary);background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.detail-label{flex:1;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.15em}.detail-node-title{padding:18px 20px;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--accent);border-bottom:1px solid var(--border-secondary);text-shadow:0 0 20px var(--accent-glow)}.detail-node-content{padding:20px;font-size:14px;line-height:1.8;color:var(--text-primary)}.detail-node-content p{margin-bottom:12px}.detail-node-content strong{color:var(--accent);font-weight:600}.detail-node-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.detail-node-content a:hover{border-color:var(--accent)}.detail-node-content ul,.detail-node-content ol{padding-left:24px;margin-bottom:12px}.detail-node-content code{background:var(--bg-tertiary);padding:3px 8px;border-radius:3px;font-size:12px;font-family:var(--font-mono);color:var(--accent);border:1px solid var(--border-secondary)}.node rect{transition:filter var(--transition-fast);stroke:var(--border-primary)!important}.node:hover rect{filter:brightness(1.15);stroke:var(--accent)!important;stroke-width:2!important}.node-content{padding:10px 16px;font-size:12px;line-height:1.6;color:var(--text-primary);overflow:hidden;word-wrap:break-word;font-family:var(--font-display)}.node-content h2{font-family:var(--font-display);color:var(--accent);font-size:15px;font-weight:700;margin:0 0 6px;line-height:1.3;text-shadow:0 0 12px var(--accent-glow)}.node-content p{margin:0 0 4px;overflow:hidden}.node-content p:last-child{margin-bottom:0}.node-content strong{color:var(--accent);font-weight:600}.node-content a{color:var(--accent);text-decoration:none}.node-content a:hover{text-decoration:underline}.node-content ul,.node-content ol{padding-left:20px;margin-bottom:6px}.node-content li{margin-bottom:3px}.empty-state{color:var(--text-tertiary);font-family:var(--font-mono);font-size:12px;padding:60px 20px;text-align:center;letter-spacing:.05em}.muted-text{color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px;padding:20px;text-align:center;letter-spacing:.05em}.loading{color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;padding:60px 20px;text-align:center;letter-spacing:.05em;animation:pulse 1.5s ease-in-out infinite}.error{color:#ff6b6b;font-family:var(--font-mono);font-size:12px;padding:60px 20px;text-align:center;letter-spacing:.05em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.blueprint-item,.toolbar-btn{animation:fadeIn .3s ease-out backwards}.blueprint-item:nth-child(1){animation-delay:.05s}.blueprint-item:nth-child(2){animation-delay:.08s}.blueprint-item:nth-child(3){animation-delay:.11s}.blueprint-item:nth-child(4){animation-delay:.14s}.blueprint-item:nth-child(5){animation-delay:.17s}@media(max-width:768px){.activity-bar{width:40px}.activity-icon{width:40px;height:40px;font-size:18px}.sidebar{left:40px;width:240px}.main{margin-left:40px;width:auto}.detail-panel{position:fixed;bottom:0;left:40px;right:0;width:calc(100% - 40px);min-width:calc(100% - 40px);max-height:50vh;border-left:none;border-top:1px solid var(--border-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 24px #00000080;z-index:50;overflow-y:auto;transform:translateY(100%);transition:transform var(--transition-medium)}.detail-panel.mobile-open{transform:translateY(0)}.detail-panel.detail-hidden{width:0;overflow:hidden}.node-content{font-size:11px;padding:8px 12px}}@media(max-width:480px){.sidebar{width:220px}.activity-bar:after{content:""}}