:root{--bg-primary: #0a0e17;--bg-secondary: #111927;--bg-panel: rgba(16, 24, 40, .88);--bg-panel-border: rgba(0, 240, 255, .2);--accent-cyan: #00f0ff;--accent-blue: #3b82f6;--accent-purple: #a855f7;--accent-green: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-docker: #2496ed;--accent-linux: #eab308;--cat-compose: #f472b6;--cat-containers: #38bdf8;--cat-images: #a78bfa;--cat-storage: #34d399;--cat-network: #fbbf24;--cat-system: #fb7185;--cat-files: #38bdf8;--cat-text: #34d399;--cat-processes: #f59e0b;--cat-networking: #818cf8;--cat-permissions: #f43f5e;--cat-archives: #ec4899;--cat-devops: #c084fc;--cat-warning: #f59e0b;--cat-priority: #ef4444;--cat-prohibitory: #dc2626;--cat-mandatory: #0284c7;--cat-informational: #2563eb;--cat-service: #0d9488;--cat-plates: #94a3b8;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #00f0ff;--border-subtle: rgba(255, 255, 255, .08);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-glow: 0 0 20px rgba(0, 240, 255, .3);--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;user-select:none}body:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,rgba(0,240,255,.04) 0%,transparent 80%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;pointer-events:none;z-index:0}#app-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column}#graph-container{position:absolute;inset:0;width:100%;height:100%;z-index:1}.graph-svg{width:100%;height:100%;cursor:grab}.graph-svg:active{cursor:grabbing}.graph-link{transition:stroke .35s ease,stroke-opacity .35s ease,stroke-width .35s ease}.graph-link.link-primary-backbone,.graph-link.link-primary-active{stroke:var(--accent-cyan)!important;stroke-width:4px!important;stroke-opacity:1!important;stroke-dasharray:none!important;filter:drop-shadow(0 0 12px rgba(0,240,255,.95))!important}.graph-link.link-primary-flag{stroke:#c084fc!important;stroke-width:2.2px!important;stroke-opacity:.92!important;stroke-dasharray:none!important;filter:drop-shadow(0 0 8px rgba(192,132,252,.8))!important}.graph-link.link-conflict-hover{stroke:#ef4444!important;stroke-width:2.5px!important;stroke-opacity:1!important;stroke-dasharray:4,4!important;filter:drop-shadow(0 0 10px rgba(239,68,68,.95))!important;animation:conflict-dash .6s linear infinite}@keyframes conflict-dash{to{stroke-dashoffset:-8}}.graph-link.link-starburst{stroke:var(--accent-cyan)!important;stroke-width:2.4px!important;stroke-opacity:.75!important;stroke-dasharray:none!important;filter:drop-shadow(0 0 6px rgba(0,240,255,.6))!important;animation:starburst-pulse 2.5s ease-in-out infinite alternate}@keyframes starburst-pulse{0%{stroke-opacity:.55;stroke-width:2px}to{stroke-opacity:.9;stroke-width:2.8px}}.graph-link.link-secondary-shared{stroke:#818cf8!important;stroke-width:1.3px!important;stroke-opacity:.32!important;stroke-dasharray:4,4!important;filter:none!important}.graph-link.link-dimmed{stroke-opacity:.03!important}.graph-node{cursor:pointer;outline:none;transition:opacity .35s ease,filter .35s ease,transform .25s ease}.node-pulse-ring{fill:none;stroke:var(--accent-cyan);stroke-width:1.5;stroke-opacity:.4;animation:pulse-ring 3s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.2);opacity:.1}to{transform:scale(.9);opacity:.8}}.node-body{stroke-width:2;transition:all .25s cubic-bezier(.4,0,.2,1)}.node-root{fill:#0c1c2e;stroke:var(--accent-cyan);stroke-width:2.5;filter:drop-shadow(0 0 10px rgba(0,240,255,.5))}.node-group{fill:#111e38;stroke:#38bdf8;stroke-width:2.2}.node-action{fill:#162444;stroke:#818cf8}.node-subcommand{fill:#131d33;stroke:var(--accent-blue)}.category-core .node-body{stroke:var(--accent-cyan)}.category-changes .node-body{stroke:var(--accent-green)}.category-branching .node-body{stroke:var(--accent-purple)}.category-remote .node-body{stroke:var(--accent-amber)}.category-history .node-body{stroke:var(--accent-rose)}.category-compose .node-body{stroke:var(--cat-compose)}.category-containers .node-body{stroke:var(--cat-containers)}.category-images .node-body{stroke:var(--cat-images)}.category-storage .node-body{stroke:var(--cat-storage)}.category-network .node-body{stroke:var(--cat-network)}.category-system .node-body{stroke:var(--cat-system)}.category-files .node-body{stroke:var(--cat-files)}.category-text .node-body{stroke:var(--cat-text)}.category-processes .node-body{stroke:var(--cat-processes)}.category-networking .node-body{stroke:var(--cat-networking)}.category-permissions .node-body{stroke:var(--cat-permissions)}.category-archives .node-body{stroke:var(--cat-archives)}.category-devops .node-body{stroke:var(--cat-devops)}.category-warning .node-body{stroke:var(--cat-warning)}.category-priority .node-body{stroke:var(--cat-priority)}.category-prohibitory .node-body{stroke:var(--cat-prohibitory)}.category-mandatory .node-body{stroke:var(--cat-mandatory)}.category-informational .node-body{stroke:var(--cat-informational)}.category-service .node-body{stroke:var(--cat-service)}.category-plates .node-body{stroke:var(--cat-plates)}.node-flag{fill:#1a2234;stroke:#475569}.node-icon{font-size:13px;user-select:none;pointer-events:none}.node-label{fill:var(--text-primary);font-family:var(--font-mono);font-size:10px;font-weight:500;user-select:none;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.8)}.root-label{font-size:11px;font-weight:700;fill:var(--accent-cyan)}.group-label{font-size:10.5px;font-weight:600;fill:#e0f2fe}.flag-label{font-size:9.5px;fill:#cbd5e1}.graph-node:hover .node-body,.graph-node.is-hovered .node-body{stroke-width:3.5;stroke:#fff!important;filter:url(#node-glow)}.graph-node.is-selected .node-body{stroke:var(--accent-cyan)!important;stroke-width:3.8;fill:#00374d!important;filter:url(#node-glow)}.graph-node.node-type-root.is-locked .node-body{stroke:var(--accent-cyan)!important;stroke-width:4px!important;fill:#063147!important;filter:url(#intense-glow) drop-shadow(0 0 16px var(--accent-cyan))!important}.graph-node.node-type-root.is-locked .node-pulse-ring{stroke:var(--accent-cyan)!important;animation:pulse-ring-locked 1.1s infinite cubic-bezier(.215,.61,.355,1)!important;opacity:1!important}@keyframes pulse-ring-locked{0%{r:30;opacity:.9;stroke-width:3.5}to{r:56;opacity:0;stroke-width:1}}.graph-node.is-starburst .node-body{stroke-width:3px!important;filter:drop-shadow(0 0 10px rgba(0,240,255,.6))!important}.graph-node.is-starburst.node-group .node-body{stroke:#38bdf8!important;fill:#0f2444!important}.graph-node.is-starburst.node-subcommand .node-body{stroke:var(--accent-cyan)!important;fill:#0c203b!important}.graph-node.is-starburst .node-label{font-weight:700!important;fill:#fff!important}.graph-node.is-candidate .node-body{stroke:var(--accent-purple)!important;stroke-width:2.8px!important;fill:#22123d!important;filter:drop-shadow(0 0 8px rgba(168,85,247,.75))!important}.graph-node.is-candidate .flag-label{fill:#f3e8ff!important;font-weight:700!important}.graph-node.is-incompatible{opacity:.9!important;filter:none!important;pointer-events:auto!important}.graph-node.is-incompatible .node-body{stroke:#f43f5e!important;stroke-width:2.8px!important;fill:#2a0b14!important;filter:drop-shadow(0 0 10px rgba(244,63,94,.85))!important;animation:incompatible-pulse 2.2s ease-in-out infinite alternate}@keyframes incompatible-pulse{0%{stroke:#f43f5e;box-shadow:0 0 8px #f43f5e99}to{stroke:#f59e0b;box-shadow:0 0 14px #f59e0bcc}}.graph-node.is-incompatible .flag-label{fill:#fecdd3!important;font-weight:700!important}.graph-node.is-secondary-shared{opacity:.45!important;filter:none!important;pointer-events:auto!important}.graph-node.is-secondary-shared .node-body{stroke:#818cf8!important;stroke-width:1.8px!important;fill:#10192e!important}.graph-node.is-secondary-shared .node-label{fill:#94a3b8!important}.graph-node.category-highlighted .node-body{stroke-width:3.8!important;filter:url(#intense-glow)!important}.category-compose.category-highlighted .node-body{stroke:var(--cat-compose)!important;fill:#380d24!important}.category-containers.category-highlighted .node-body{stroke:var(--cat-containers)!important;fill:#07263b!important}.category-images.category-highlighted .node-body{stroke:var(--cat-images)!important;fill:#20133b!important}.category-storage.category-highlighted .node-body{stroke:var(--cat-storage)!important;fill:#072e21!important}.category-network.category-highlighted .node-body{stroke:var(--cat-network)!important;fill:#332305!important}.category-system.category-highlighted .node-body{stroke:var(--cat-system)!important;fill:#3d0d17!important}.category-core.category-highlighted .node-body{stroke:var(--accent-cyan)!important;fill:#072b3b!important}.category-changes.category-highlighted .node-body{stroke:var(--accent-green)!important;fill:#072e21!important}.category-branching.category-highlighted .node-body{stroke:var(--accent-purple)!important;fill:#240d3b!important}.category-remote.category-highlighted .node-body{stroke:var(--accent-amber)!important;fill:#332305!important}.category-history.category-highlighted .node-body{stroke:var(--accent-rose)!important;fill:#3d0d17!important}.category-files.category-highlighted .node-body{stroke:var(--cat-files)!important;fill:#07263b!important}.category-text.category-highlighted .node-body{stroke:var(--cat-text)!important;fill:#072e21!important}.category-processes.category-highlighted .node-body{stroke:var(--cat-processes)!important;fill:#332305!important}.category-networking.category-highlighted .node-body{stroke:var(--cat-networking)!important;fill:#171b3d!important}.category-permissions.category-highlighted .node-body{stroke:var(--cat-permissions)!important;fill:#3d0d17!important}.category-archives.category-highlighted .node-body{stroke:var(--cat-archives)!important;fill:#380d24!important}.category-devops.category-highlighted .node-body{stroke:var(--cat-devops)!important;fill:#270d38!important}.category-warning.category-highlighted .node-body{stroke:var(--cat-warning)!important;fill:#332305!important}.category-priority.category-highlighted .node-body{stroke:var(--cat-priority)!important;fill:#3d0d17!important}.category-prohibitory.category-highlighted .node-body{stroke:var(--cat-prohibitory)!important;fill:#380d0d!important}.category-mandatory.category-highlighted .node-body{stroke:var(--cat-mandatory)!important;fill:#07263b!important}.category-informational.category-highlighted .node-body{stroke:var(--cat-informational)!important;fill:#071e3b!important}.category-service.category-highlighted .node-body{stroke:var(--cat-service)!important;fill:#072e26!important}.category-plates.category-highlighted .node-body{stroke:var(--cat-plates)!important;fill:#1e293b!important}.graph-node.is-highlighted .node-body{stroke-width:3}.graph-node.is-dimmed{opacity:.08;filter:grayscale(80%)}#toolbar-container{position:absolute;top:14px;left:18px;right:18px;z-index:10;pointer-events:none}.toolbar-inner{display:flex;flex-direction:column;gap:10px;padding:10px 16px;background:var(--bg-panel);border:1px solid var(--bg-panel-border);border-radius:var(--radius-lg);backdrop-filter:blur(16px);box-shadow:var(--shadow-card);pointer-events:auto}.toolbar-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.tool-switcher-wrapper{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-switcher{display:flex;align-items:center;background:#00000080;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px;gap:2px}.tool-tab{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);background:none;border:none;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tool-tab-icon{font-size:13px}.tool-tab:hover{color:var(--text-primary);background:#ffffff0f}.tool-tab.is-active{background:var(--accent-cyan);color:#04101e;box-shadow:0 0 12px #00f0ff80}.tool-tab[data-tool=docker].is-active{background:var(--accent-docker);color:#fff;box-shadow:0 0 12px #2496ed99}.tool-tab[data-tool=linux].is-active{background:var(--accent-linux);color:#090e17;font-weight:700;box-shadow:0 0 14px #eab30899}.linux-mode-switcher{display:none;align-items:center;background:#00000073;border:1px solid rgba(234,179,8,.35);border-radius:var(--radius-full);padding:2px;gap:2px;animation:fadeIn .2s ease-out}.linux-mode-switcher.is-visible{display:flex}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.linux-mode-btn{background:none;border:none;color:#94a3b8;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease;white-space:nowrap}.linux-mode-btn.is-active{background:var(--accent-linux);color:#000;font-weight:700;box-shadow:0 0 10px #eab30880}.linux-mode-btn[data-mode=devops].is-active{background:#c084fc;color:#000;box-shadow:0 0 12px #c084fc99}.brand-text{display:flex;flex-direction:column}.brand-title{font-weight:700;font-size:13.5px;letter-spacing:.5px;color:var(--text-primary)}.brand-subtitle{font-size:9px;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;font-weight:600}.toolbar-search-wrapper{position:relative;flex:1;max-width:280px}.search-input-box{display:flex;align-items:center;gap:8px;background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:5px 12px;transition:all .2s ease}.search-input-box:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff33}.search-icon{color:var(--text-muted);font-size:13px}.toolbar-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:12px;font-family:var(--font-sans)}.toolbar-search-input::placeholder{color:var(--text-muted)}.search-clear-btn{background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;padding:2px 4px;border-radius:50%}.search-clear-btn:hover{color:var(--text-primary)}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--bg-panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);max-height:320px;overflow-y:auto;display:none;z-index:20;backdrop-filter:blur(12px)}.search-results-dropdown.is-open{display:block}.search-result-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;background:none;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;text-align:left;transition:background .15s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.is-keyboard-selected{background:#00f0ff29!important;border-left:3px solid var(--accent-cyan)}.result-info{flex:1;display:flex;flex-direction:column}.result-name{font-family:var(--font-mono);font-weight:600;color:var(--accent-cyan);font-size:13px}.result-desc{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.result-type-badge{font-size:9px;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);background:#ffffff14;color:var(--text-muted)}.search-no-results{padding:12px;text-align:center;color:var(--text-muted);font-size:12px}.mobile-category-dropdown-wrapper{display:none;position:relative}.mobile-category-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);background:#00000073;border:1px solid var(--accent-cyan);color:var(--text-primary);font-size:11.5px;font-weight:700;cursor:pointer;box-shadow:0 0 10px #00f0ff40;transition:all .2s ease;white-space:nowrap}.mobile-category-btn:hover{background:#00f0ff26;box-shadow:0 0 14px #00f0ff66}.m-cat-arrow{color:var(--accent-cyan);font-size:10px}.mobile-category-menu{position:absolute;top:calc(100% + 8px);left:0;width:200px;background:#0d121c;border:1px solid var(--bg-panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:none;flex-direction:column;padding:6px;gap:3px;z-index:100;backdrop-filter:blur(16px);max-height:280px;overflow-y:auto}.mobile-category-menu.is-open{display:flex;animation:modal-in .18s ease-out}.mobile-cat-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-secondary);font-size:11.5px;font-weight:600;cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.mobile-cat-item:hover,.mobile-cat-item.is-active{background:#00f0ff26;color:var(--accent-cyan)}.m-item-check{margin-left:auto;color:var(--accent-cyan);font-weight:700}.category-filters{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-filters::-webkit-scrollbar{display:none}.category-pill{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);white-space:nowrap}.category-pill:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-1px)}.category-pill.is-active{color:#fff!important;font-weight:700!important;transform:translateY(-1px)}.category-pill[data-category=all].is-active{background:#00f0ff40!important;border-color:var(--accent-cyan)!important;color:var(--accent-cyan)!important;box-shadow:0 0 14px #00f0ff80!important}.category-pill[data-category=compose].is-active{background:#f472b64d!important;border-color:var(--cat-compose)!important;box-shadow:0 0 16px #f472b699!important}.category-pill[data-category=containers].is-active{background:#38bdf84d!important;border-color:var(--cat-containers)!important;box-shadow:0 0 16px #38bdf899!important}.category-pill[data-category=images].is-active{background:#a78bfa4d!important;border-color:var(--cat-images)!important;box-shadow:0 0 16px #a78bfa99!important}.category-pill[data-category=storage].is-active{background:#34d3994d!important;border-color:var(--cat-storage)!important;box-shadow:0 0 16px #34d39999!important}.category-pill[data-category=network].is-active{background:#fbbf244d!important;border-color:var(--cat-network)!important;box-shadow:0 0 16px #fbbf2499!important}.category-pill[data-category=system].is-active{background:#fb71854d!important;border-color:var(--cat-system)!important;box-shadow:0 0 16px #fb718599!important}.category-pill[data-category=files].is-active{background:#38bdf84d!important;border-color:var(--cat-files)!important;box-shadow:0 0 16px #38bdf899!important}.category-pill[data-category=text].is-active{background:#34d3994d!important;border-color:var(--cat-text)!important;box-shadow:0 0 16px #34d39999!important}.category-pill[data-category=processes].is-active{background:#f59e0b4d!important;border-color:var(--cat-processes)!important;box-shadow:0 0 16px #f59e0b99!important}.category-pill[data-category=networking].is-active{background:#818cf84d!important;border-color:var(--cat-networking)!important;box-shadow:0 0 16px #818cf899!important}.category-pill[data-category=permissions].is-active{background:#f43f5e4d!important;border-color:var(--cat-permissions)!important;box-shadow:0 0 16px #f43f5e99!important}.category-pill[data-category=archives].is-active{background:#ec48994d!important;border-color:var(--cat-archives)!important;box-shadow:0 0 16px #ec489999!important}.category-pill[data-category=devops].is-active{background:#c084fc59!important;border-color:var(--cat-devops)!important;box-shadow:0 0 18px #c084fcb3!important}.category-pill[data-category=warning].is-active{background:#f59e0b4d!important;border-color:var(--cat-warning)!important;box-shadow:0 0 16px #f59e0b99!important}.category-pill[data-category=priority].is-active{background:#ef44444d!important;border-color:var(--cat-priority)!important;box-shadow:0 0 16px #ef444499!important}.category-pill[data-category=prohibitory].is-active{background:#dc26264d!important;border-color:var(--cat-prohibitory)!important;box-shadow:0 0 16px #dc262699!important}.category-pill[data-category=mandatory].is-active{background:#0284c74d!important;border-color:var(--cat-mandatory)!important;box-shadow:0 0 16px #0284c799!important}.category-pill[data-category=informational].is-active{background:#2563eb4d!important;border-color:var(--cat-informational)!important;box-shadow:0 0 16px #2563eb99!important}.category-pill[data-category=service].is-active{background:#0d94884d!important;border-color:var(--cat-service)!important;box-shadow:0 0 16px #0d948899!important}.category-pill[data-category=plates].is-active{background:#94a3b84d!important;border-color:var(--cat-plates)!important;box-shadow:0 0 16px #94a3b899!important}.toolbar-right-controls{display:flex;align-items:center;gap:8px}.spacing-control-wrapper{display:flex;align-items:center;gap:6px;background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px 8px;cursor:pointer}.spacing-icon{font-size:12px}.spacing-slider{-webkit-appearance:none;appearance:none;width:55px;height:4px;border-radius:2px;background:#ffffff26;outline:none;cursor:pointer}.spacing-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px #00f0ffcc;cursor:pointer;transition:transform .1s ease}.spacing-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.spacing-value-label{font-family:var(--font-mono);font-size:10.5px;color:var(--accent-cyan);font-weight:600;min-width:24px}.zoom-controls-group{display:flex;align-items:center;background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.zoom-btn{background:none;border:none;color:var(--text-secondary);width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease}.zoom-btn:hover{background:#ffffff1a;color:var(--text-primary)}#detail-panel-container{position:absolute;top:96px;right:18px;width:360px;max-height:calc(100vh - 240px);z-index:20;pointer-events:none;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease;transform:translate(20px);opacity:0}#detail-panel-container.is-open{pointer-events:auto;transform:translate(0);opacity:1}.node-detail-card{background:var(--bg-panel);border:1px solid var(--bg-panel-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column}.mobile-sheet-drag-handle{display:none;width:42px;height:4px;background:#ffffff4d;border-radius:2px;margin:8px auto 2px}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0000004d;border-bottom:1px solid var(--border-subtle)}.header-left{display:flex;align-items:center;gap:10px}.detail-icon{font-size:22px}.detail-title{font-size:15px;font-family:var(--font-mono);font-weight:700;color:var(--accent-cyan)}.detail-badge{font-size:9px;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);background:#ffffff14;margin-right:4px;font-weight:600}.badge-group{background:#38bdf840;color:#7dd3fc}.badge-action{background:#818cf840;color:#a5b4fc}.badge-subcommand{background:#3b82f633;color:#60a5fa}.badge-flag{background:#a855f733;color:#c084fc}.badge-category{background:#10b98133;color:#34d399}.badge-level{background:#f59e0b33;color:#fbbf24}.detail-close-btn{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:4px}.detail-close-btn:hover{color:var(--text-primary)}.detail-body{padding:14px 16px;overflow-y:auto;max-height:calc(100vh - 340px);display:flex;flex-direction:column;gap:12px}.detail-sign-preview-box{display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:12px;min-height:90px}.detail-sign-preview-img{max-height:80px;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.node-img-icon{pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.detail-desc{font-size:12.5px;line-height:1.5;color:#cbd5e1}.detail-section{display:flex;flex-direction:column;gap:6px}.section-heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.detail-code-block{background:#00000080;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px;font-family:var(--font-mono);font-size:11.5px;color:var(--accent-cyan);word-break:break-all}.detail-tags-list{display:flex;flex-wrap:wrap;gap:6px}.detail-tag{background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px 8px;font-size:11px;font-family:var(--font-mono);color:var(--text-secondary)}.clickable-tag{cursor:pointer;transition:all .15s ease}.clickable-tag:hover{background:#00f0ff26;border-color:var(--accent-cyan);color:var(--accent-cyan)}.examples-list{display:flex;flex-direction:column;gap:6px}.example-item{display:flex;align-items:center;justify-content:space-between;background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 10px;font-family:var(--font-mono);font-size:11px}.example-item code{color:#e2e8f0}.copy-ex-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 4px}.copy-ex-btn:hover{color:var(--accent-cyan)}#cli-builder-container{position:absolute;bottom:14px;left:18px;right:18px;z-index:10;pointer-events:none}.cli-builder-inner{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:var(--bg-panel);border:1px solid var(--bg-panel-border);border-radius:var(--radius-lg);backdrop-filter:blur(16px);box-shadow:var(--shadow-card);pointer-events:auto}.cli-main-row{display:flex;align-items:center;gap:12px;width:100%}.cli-terminal-box{flex:1;display:flex;align-items:center;gap:10px;background:#0009;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-md);padding:8px 12px;min-height:44px;box-shadow:inset 0 2px 4px #00000080;overflow-x:auto;scrollbar-width:none}.cli-terminal-box::-webkit-scrollbar{display:none}.terminal-prompt{color:var(--accent-green);font-family:var(--font-mono);font-weight:700;font-size:15px;user-select:none}.cli-tokens-wrapper{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.cli-token-placeholder{color:var(--text-muted);font-size:11.5px;font-style:italic;white-space:nowrap}.cli-token{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;font-weight:600;user-select:none;white-space:nowrap;animation:token-in .2s ease-out}@keyframes token-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.root-token{background:#00f0ff26;color:var(--accent-cyan);border:1px solid rgba(0,240,255,.4)}.token-group{background:#38bdf833;color:#7dd3fc;border:1px solid rgba(56,189,248,.4)}.token-action{background:#818cf840;color:#c7d2fe;border:1px solid rgba(129,140,248,.4)}.token-subcommand{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.4)}.flag-token{background:#a855f726;color:#d8b4fe;border:1px solid rgba(168,85,247,.35)}.flag-value-input{background:#0006;border:1px solid rgba(168,85,247,.5);border-radius:var(--radius-sm);padding:2px 6px;color:#fff;font-family:var(--font-mono);font-size:11.5px;outline:none;min-width:80px}.flag-value-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 6px #00f0ff4d}.token-remove-btn{background:none;border:none;color:#fff9;font-size:13px;cursor:pointer;padding:0 2px;line-height:1}.token-remove-btn:hover{color:#ff4757}.cli-actions-group{display:flex;align-items:center;gap:8px}.cli-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.primary-btn{background:var(--accent-cyan);border:1px solid var(--accent-cyan);color:#04101e;box-shadow:0 0 12px #00f0ff59}.primary-btn:hover{background:#22f4ff;box-shadow:0 0 18px #00f0ff99;transform:translateY(-1px)}.outline-btn{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary)}.outline-btn:hover{background:#ffffff1a;color:var(--text-primary)}.preset-btn{background:#a855f726;border:1px solid rgba(168,85,247,.35);color:#d8b4fe}.preset-btn:hover{background:#a855f740;color:#fff}.presets-dropdown-wrapper{position:relative}.presets-dropdown-menu{position:absolute;bottom:calc(100% + 10px);right:0;width:320px;background:var(--bg-secondary);border:1px solid var(--bg-panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:none;z-index:30;backdrop-filter:blur(16px);padding:6px 0}.presets-dropdown-menu.visible{display:block}.presets-header{padding:8px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.preset-item{width:100%;display:flex;flex-direction:column;gap:3px;padding:8px 14px;background:none;border:none;text-align:left;cursor:pointer;transition:background .15s ease}.preset-item:hover{background:#00f0ff1a}.preset-title{font-size:12px;font-weight:600;color:var(--text-primary)}.preset-code{font-family:var(--font-mono);font-size:10.5px;color:var(--accent-cyan)}.cli-helper-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11.5px;padding-top:4px;border-top:1px solid var(--border-subtle);overflow-x:auto}.empty-tip{color:var(--text-muted);justify-content:flex-start;gap:8px}.helper-info{display:flex;align-items:center;gap:6px;white-space:nowrap}.helper-label{color:var(--text-muted);font-weight:600}.helper-text{color:#cbd5e1}.available-flags-bar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.available-flags-label{color:var(--text-muted);font-size:11px;white-space:nowrap}.flag-chips-list{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}.flag-chip{padding:2px 7px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:10.5px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.flag-chip:hover{background:#00f0ff1f;color:var(--text-primary);border-color:#00f0ff4d}.flag-chip.is-selected{background:#a855f740;border-color:var(--accent-purple);color:#e9d5ff}#toast-notification{position:fixed;top:86px;left:50%;transform:translate(-50%) translateY(-20px);background:#101828f2;border:1px solid var(--accent-cyan);border-radius:var(--radius-full);padding:8px 18px;box-shadow:var(--shadow-glow);z-index:100;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}#toast-notification.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-content{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary)}.toast-icon{color:var(--accent-cyan);font-weight:700}.run-btn{background:#10b98133;border:1px solid rgba(16,185,129,.5);color:#6ee7b7}.run-btn:hover{background:#10b98159;color:#fff;box-shadow:0 0 12px #10b98180;transform:translateY(-1px)}.quests-btn{display:flex;align-items:center;gap:5px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-full);color:#fde68a;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quests-btn:hover{background:#f59e0b4d;color:#fff;box-shadow:0 0 12px #f59e0b80;transform:translateY(-1px)}.terminal-modal-overlay{position:fixed;inset:0;background:#040810bf;backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}.terminal-modal-overlay.is-open{opacity:1;pointer-events:auto}.terminal-modal-card{width:100%;max-width:760px;background:#0d111a;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-lg);box-shadow:0 20px 50px #000c,0 0 30px #00f0ff40;overflow:hidden;display:flex;flex-direction:column;animation:modal-in .25s cubic-bezier(.16,1,.3,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#161c28;border-bottom:1px solid var(--border-subtle)}.terminal-traffic-lights{display:flex;align-items:center;gap:6px}.term-dot{width:11px;height:11px;border-radius:50%;border:none;cursor:pointer}.dot-close{background:#ff5f56}.dot-min{background:#ffbd2e}.dot-max{background:#27c93f}.terminal-title{font-family:var(--font-mono);font-size:11.5px;color:var(--text-secondary)}.terminal-close-btn{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer}.terminal-close-btn:hover{color:var(--text-primary)}.terminal-screen{padding:16px;background:#080c14;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;max-height:380px;overflow-y:auto;color:#e2e8f0}.term-welcome-msg{color:var(--text-muted);margin-bottom:10px;font-size:11.5px}.term-cmd-line{margin-bottom:8px}.term-user{color:#38bdf8;font-weight:700}.term-cmd-text{color:#f8fafc;font-weight:600}.term-output-block{margin:8px 0;font-family:inherit;font-size:inherit;white-space:pre-wrap;word-break:break-all}.term-green{color:#4ade80;font-weight:600}.term-cyan{color:#38bdf8}.term-yellow{color:#fde047}.term-blue{color:#60a5fa}.term-red{color:#f87171}.term-magenta{color:#c084fc}.term-dim{color:#64748b}.term-bold{font-weight:700;color:#fff}.term-active-prompt{display:flex;align-items:center;gap:4px}.term-cursor{display:inline-block;width:8px;height:14px;background:var(--accent-cyan);animation:term-blink 1s steps(2,start) infinite}@keyframes term-blink{to{visibility:hidden}}.terminal-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#111722;border-top:1px solid var(--border-subtle)}.term-footer-tip{font-size:11px;color:var(--text-muted)}.quests-modal-overlay{position:fixed;inset:0;background:#040810bf;backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}.quests-modal-overlay.is-open{opacity:1;pointer-events:auto}.quests-modal-card{width:100%;max-width:840px;background:#0d121c;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-lg);box-shadow:0 20px 50px #000c,0 0 30px #f59e0b40;overflow:hidden;display:flex;flex-direction:column;max-height:85vh;animation:modal-in .25s cubic-bezier(.16,1,.3,1)}.quests-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#161c28;border-bottom:1px solid var(--border-subtle)}.quests-header-left{display:flex;align-items:center;gap:12px}.quests-icon{font-size:26px}.quests-title{font-size:16px;font-weight:700;color:#fde68a}.quests-progress-summary{display:flex;align-items:center;gap:8px;margin-top:2px}.points-badge{font-size:11px;font-weight:700;color:#fbbf24;background:#f59e0b33;padding:2px 7px;border-radius:var(--radius-full)}.count-badge{font-size:11px;color:var(--text-secondary)}.quests-close-btn{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer}.quests-close-btn:hover{color:var(--text-primary)}.quests-progress-bar-track{width:100%;height:4px;background:#ffffff14}.quests-progress-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#10b981);transition:width .4s ease}.quests-tabs-bar{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#101622;border-bottom:1px solid var(--border-subtle)}.quest-tab{background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:11.5px;font-weight:600;padding:4px 12px;cursor:pointer;transition:all .15s ease}.quest-tab:hover{background:#ffffff0f;color:var(--text-primary)}.quest-tab.is-active{background:#f59e0b;color:#04101e;border-color:#fbbf24;font-weight:700}.quests-list-body{padding:16px 18px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.quest-card{background:#131926;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.quest-card:hover{border-color:#f59e0b66;transform:translateY(-2px)}.quest-card.is-completed{border-color:#10b98166;background:#0d1a1f}.quest-card-top{display:flex;align-items:center;justify-content:space-between}.quest-meta{display:flex;align-items:center;gap:6px}.quest-tool-badge{font-size:9.5px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm)}.tool-git{background:#00f0ff33;color:#38bdf8}.tool-docker{background:#2496ed33;color:#60a5fa}.tool-linux{background:#eab30833;color:#fde047}.quest-diff-badge{font-size:9.5px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600}.badge-easy{background:#10b98133;color:#6ee7b7}.badge-med{background:#f59e0b33;color:#fde047}.badge-hard{background:#f43f5e33;color:#fca5a5}.quest-points{font-size:10px;font-weight:700;color:#fbbf24}.quest-card-title{font-size:13.5px;font-weight:700;color:var(--text-primary)}.quest-card-desc{font-size:11.5px;color:var(--text-secondary);line-height:1.4}.quest-hint{font-size:11px;color:#94a3b8;background:#0000004d;padding:6px 8px;border-radius:var(--radius-sm);border-left:2px solid #f59e0b}.quest-actions-row{display:flex;align-items:center;gap:8px;margin-top:4px}.quest-action-btn{flex:1;padding:6px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--border-subtle);background:#ffffff0d;color:var(--text-primary);transition:all .15s ease}.quest-action-btn:hover{background:#ffffff1a}.ready-to-claim{background:#10b981!important;color:#04101e!important;font-weight:700!important;border-color:#34d399!important;box-shadow:0 0 12px #10b98180!important}@media (max-width: 868px){#toolbar-container{top:8px;left:8px;right:8px}.toolbar-inner{padding:8px 10px;gap:8px}.toolbar-top-row{flex-wrap:wrap;gap:8px}.brand-text{display:none}.category-filters{display:none!important}.mobile-category-dropdown-wrapper{display:block!important}.toolbar-search-wrapper{max-width:none;flex:1;min-width:130px}#cli-builder-container{bottom:8px;left:8px;right:8px}.cli-main-row{flex-direction:column;align-items:stretch;gap:8px}.cli-terminal-box{width:100%}.cli-actions-group{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px}.cli-btn .btn-text{display:none!important}.cli-btn{flex:1;min-width:44px;height:42px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.cli-btn .btn-icon{font-size:17px;margin:0}.presets-dropdown-wrapper{flex:1;display:flex}.presets-dropdown-wrapper .preset-btn{width:100%}.presets-dropdown-menu{right:0;left:auto;width:280px}#detail-panel-container{position:fixed;inset:auto 0 0;width:100%;max-height:70vh;transform:translateY(100%);opacity:1;z-index:100}#detail-panel-container.is-open{transform:translateY(0)}.mobile-sheet-drag-handle{display:block}.node-detail-card{border-radius:20px 20px 0 0;border-bottom:none;border-left:none;border-right:none}.detail-body{max-height:calc(70vh - 60px)}}@media (max-width: 480px){.tool-tab-name{display:none}.tool-tab{padding:5px 8px}.spacing-control-wrapper{display:none}}