:root{--bg-panel: rgba(6, 8, 18, .78);--bg-panel-hover: rgba(10, 14, 28, .85);--border-subtle: rgba(80, 130, 200, .07);--border-active: rgba(0, 180, 255, .2);--text-primary: #dce4ec;--text-secondary: rgba(180, 200, 220, .45);--text-label: rgba(140, 170, 200, .5);--accent-cyan: #00d4ff;--accent-blue: #2288ff;--accent-magenta: #ff2288;--accent-green: #00ff88;--accent-amber: #ffaa22;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, sans-serif;--radius: 10px;--blur: 32px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}html.app-mode,html.app-mode body,html.app-mode #root{overflow:hidden}html.homepage-mode,html.homepage-mode body,html.homepage-mode #root{overflow:auto}body{font-family:var(--font-sans);background:#020206;color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-root{display:grid;grid-template-rows:36px 1fr auto;width:100vw;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));z-index:10}.app-content{display:grid;grid-template-columns:1fr;overflow:hidden;position:relative}.viewport{position:relative;overflow:hidden}.sidebar{position:absolute;top:0;left:0;width:220px;height:100%;background:#060812e0;border-right:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;z-index:15;transform:translate(0);transition:transform .3s ease,opacity .3s ease;scroll-behavior:smooth}.sidebar.collapsed{transform:translate(-100%);opacity:0;pointer-events:none;visibility:hidden}.sidebar-right{left:auto;right:0;width:280px;border-right:none;border-left:1px solid var(--border-subtle)}.sidebar-right.collapsed{transform:translate(100%);visibility:hidden}.sidebar-resize-handle{position:absolute;top:0;width:5px;height:100%;cursor:col-resize;z-index:20;background:transparent;transition:background .15s ease}.sidebar-resize-handle:hover,.sidebar-resize-handle.active{background:#00b4ff40}.sidebar-resize-handle-left{right:-3px}.sidebar-resize-handle-right{left:-3px}.bottom-bar{background:var(--bg-panel);border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));height:36px;padding:2px 16px;z-index:10}.sidebar-toggle{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:48px;background:#060812b3;border:1px solid var(--border-subtle);color:var(--text-label);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:16;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .2s,color .2s}.sidebar-toggle:hover{background:#00b4ff1a;color:var(--accent-cyan)}.sidebar-toggle-left{left:0;border-radius:0 6px 6px 0;border-left:none}.sidebar-toggle-right{right:0;border-radius:6px 0 0 6px;border-right:none}.glass{background:#080c16a6;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:8px 10px;transition:border-color .2s,transform .2s ease,opacity .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.glass:hover{border-color:var(--border-active);box-shadow:0 0 20px #00b4ff0a}.glass-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-label);margin-bottom:8px}.btn{padding:7px 14px;border-radius:7px;border:1px solid transparent;cursor:pointer;font-weight:600;font-size:12px;font-family:var(--font-sans);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;position:relative;overflow:hidden}.btn:active{transform:scale(.96);transition:transform .08s}.btn-primary{background:linear-gradient(135deg,#06a,#08c);color:#fff;border-color:#0096ff33;box-shadow:0 2px 12px #0078ff26}.btn-primary:hover{background:linear-gradient(135deg,#07b,#09d);box-shadow:0 4px 20px #0078ff40;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#a24,#c25);color:#fff;border-color:#ff286433}.btn-danger:hover{background:linear-gradient(135deg,#b25,#d36);box-shadow:0 4px 16px #ff286433}.btn-ghost{background:#ffffff0a;color:var(--text-secondary);border-color:var(--border-subtle)}.btn-ghost:hover{background:#ffffff14;color:var(--text-primary)}.btn-amber{background:linear-gradient(135deg,#a60,#c80);color:#fff}.input{padding:6px 10px;border-radius:6px;border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-primary);font-size:12px;font-family:var(--font-mono);outline:none;width:100%;transition:border-color .2s}.input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00d4ff1a}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.stat-label{font-size:11px;color:var(--text-label)}.stat-value{font-size:15px;font-weight:700;font-family:var(--font-mono)}.stat-cyan{color:var(--accent-cyan)}.stat-magenta{color:var(--accent-magenta)}.stat-green{color:var(--accent-green)}.stat-amber{color:var(--accent-amber)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.08);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.organism-selector{display:flex;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:7px;overflow:hidden;margin-left:16px}.organism-pill{padding:4px 12px;font-size:11px;font-family:var(--font-mono);background:transparent;border:none;color:var(--text-label);cursor:pointer;transition:all .2s ease;white-space:nowrap}.organism-pill:hover{color:var(--text-secondary);background:#ffffff0a}.organism-pill.active{background:#0096ff26;color:var(--accent-cyan)}.interaction-hint{position:fixed;bottom:56px;left:50%;transform:translate(-50%);z-index:15;font-size:13px;color:#c8dcffb3;background:#06081299;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,150,255,.1);border-radius:20px;padding:8px 20px;pointer-events:none;animation:hintFadeOut 3s ease-out forwards}@keyframes hintFadeOut{0%{opacity:0;transform:translate(-50%) translateY(8px)}15%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-4px)}}.interaction-hint-persistent{position:fixed;bottom:56px;left:50%;transform:translate(-50%);z-index:15;font-size:12px;color:#c8dcff80;background:#06081280;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,150,255,.08);border-radius:20px;padding:7px 18px;cursor:pointer;white-space:nowrap;animation:hintFadeIn 1.5s ease-out forwards;transition:opacity .3s ease}.interaction-hint-persistent:hover{opacity:.3}@keyframes hintFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000080;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .15s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.shortcuts-panel{background:#0a0e1cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,150,255,.15);border-radius:12px;padding:24px 32px;min-width:280px}.shortcuts-title{font-size:14px;font-weight:600;color:#c8dcffe6;margin-bottom:16px;letter-spacing:-.2px}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:12px;color:#c8dcff99}.shortcuts-row kbd{display:inline-block;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px 8px;font-family:var(--font-mono);font-size:11px;color:#c8dcffcc;margin-right:6px}.mode-switch{display:flex;background:#0000004d;border-radius:7px;padding:2px;gap:2px}.mode-switch-btn{padding:4px 16px;border-radius:5px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s;background:none;color:var(--text-label);font-family:var(--font-sans);letter-spacing:.01em}.mode-switch-btn:hover:not(.active){color:var(--text-secondary);background:#ffffff08}.mode-switch-btn.active{background:#00d4ff1f;color:var(--accent-cyan);box-shadow:0 0 12px #00d4ff14}.evo-generation-counter{font-size:42px;font-weight:800;font-family:var(--font-mono);text-align:center;line-height:1;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px}.god-panel{border-color:#8c50dc26;background:#0c0818b3}.god-panel:hover{border-color:#a064ff4d}.god-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.god-eye{color:#a078dc66;display:flex;align-items:center;transition:color .3s}.god-eye--active{color:#b366ff;animation:godPulse 2s ease-in-out infinite}@keyframes godPulse{0%,to{opacity:1;filter:drop-shadow(0 0 2px rgba(180,100,255,.3))}50%{opacity:.6;filter:drop-shadow(0 0 8px rgba(180,100,255,.6))}}.god-section-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#b48cff80;margin-bottom:4px;display:flex;align-items:center;gap:6px}.god-hypothesis{margin-bottom:8px;padding:6px 8px;border-radius:6px;background:#8c50dc0f;border-left:2px solid rgba(160,100,255,.25)}.god-hypothesis-text{font-size:11px;color:#c8aaffbf;line-height:1.45;font-style:italic}.god-analysis{margin-bottom:8px}.god-analysis-text{font-size:11px;color:var(--text-secondary);line-height:1.45}.god-trend{font-size:9px;padding:1px 6px;border-radius:4px;font-weight:700;letter-spacing:0;text-transform:lowercase}.god-trend--plateauing{background:#ffaa281f;color:var(--accent-amber)}.god-trend--improving{background:#00ff881a;color:var(--accent-green)}.god-trend--declining{background:#ff22881a;color:var(--accent-magenta)}.god-history{margin-bottom:8px}.god-history-list{display:flex;flex-direction:column;gap:2px;max-height:140px;overflow-y:auto}.god-history-item{border-radius:4px}.god-history-toggle{width:100%;display:flex;align-items:center;gap:6px;padding:4px 6px;background:transparent;border:none;cursor:pointer;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);text-align:left;transition:background .15s;border-radius:4px}.god-history-toggle:hover{background:#a064ff0f}.god-history-dot{width:5px;height:5px;border-radius:50%;background:#a064ff80;flex-shrink:0}.god-history-summary{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.god-history-chevron{font-size:8px;color:var(--text-label);flex-shrink:0}.god-history-detail{padding:4px 6px 6px 17px;font-size:10px;color:var(--text-label);line-height:1.4}.god-intervention-entry{margin-bottom:4px}.god-intervention-action{font-weight:600;color:#b48cffb3}.god-intervention-reasoning{color:var(--text-secondary);font-size:10px}.god-intervention-params{display:flex;gap:8px;font-family:var(--font-mono);font-size:9px;color:var(--text-label);margin-top:2px}.god-intervention-report{margin-top:4px;font-size:9px;color:var(--text-label);font-style:italic}.god-ask-btn{width:100%;margin-top:4px;background:linear-gradient(135deg,#6432b480,#8c3cdc66);color:#d4b3ff;border-color:#a064ff33;box-shadow:0 2px 12px #8c3cdc1a;display:flex;align-items:center;justify-content:center;gap:8px}.god-ask-btn:hover{background:linear-gradient(135deg,#783cc899,#a050f080);box-shadow:0 4px 20px #8c3cdc33;transform:translateY(-1px)}.god-ask-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.drug-card{padding:8px 10px;border-radius:6px;background:#ffffff05;border:1px solid var(--border-subtle);border-left:3px solid;transition:border-color .2s,background .2s}.drug-card:hover{background:#ffffff0a}.drug-apply-btn{padding:3px 10px;border-radius:5px;border:none;color:#fff;font-size:10px;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap}.drug-apply-btn:hover:not(:disabled){opacity:.85;transform:scale(1.05)}.drug-apply-btn:disabled{opacity:.3;cursor:not-allowed}.connectome-tooltip{position:absolute;pointer-events:none;background:#060812eb;border:1px solid rgba(80,130,200,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:6px;padding:6px 10px;z-index:10;white-space:nowrap}.neuron-detail{background:#0a0e1a99;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:10px 12px;transition:border-color .2s}.neuron-detail:hover{border-color:var(--border-active)}@keyframes notifySlide{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.notify{position:fixed;top:52px;left:50%;transform:translate(-50%);background:#00b4ff1f;border:1px solid rgba(0,180,255,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;padding:8px 20px;font-size:12px;color:var(--accent-cyan);z-index:100;animation:notifySlide .3s ease-out;pointer-events:none}.neuron-tooltip{position:fixed;background:#060812eb;border:1px solid rgba(0,180,255,.2);border-radius:8px;padding:8px 12px;font-size:11px;color:#e0e0e0;pointer-events:none;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:200px;line-height:1.45;box-shadow:0 4px 20px #00000080}.neuron-detail-panel{position:fixed;top:44px;right:0;bottom:0;width:320px;background:#060a16d9;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-left:1px solid rgba(0,150,255,.12);z-index:50;overflow-y:auto;overflow-x:hidden;padding:16px 14px;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 30px #0006}.neuron-detail-panel--open{transform:translate(0)}.neuron-detail-panel__empty{display:flex;align-items:center;justify-content:center;min-height:200px}.neuron-detail-panel__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.neuron-detail-panel__id{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.neuron-detail-panel__type-badge{display:inline-block;padding:1px 7px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.04em;border:1px solid}.neuron-detail-panel__nt{font-size:10px;color:var(--text-label);font-family:var(--font-mono)}.neuron-detail-panel__close{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-label);transition:all .15s;flex-shrink:0}.neuron-detail-panel__close:hover{background:#ffffff14;color:var(--text-primary);border-color:var(--border-active)}.neuron-detail-panel__section{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(80,130,200,.05)}.neuron-detail-panel__section-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-label);margin-bottom:6px}.neuron-detail-panel__activity-bar{width:100%;height:6px;background:#ffffff0a;border-radius:3px;overflow:hidden;margin-top:4px}.neuron-detail-panel__activity-fill{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease}.neuron-detail-panel__pattern-tag{font-size:10px;font-weight:700;padding:1px 7px;border-radius:4px;font-family:var(--font-mono);text-transform:lowercase}.neuron-detail-panel__pattern-tag[data-pattern=tonic]{background:#00d4ff1a;color:var(--accent-cyan)}.neuron-detail-panel__pattern-tag[data-pattern=bursting]{background:#ff22881a;color:var(--accent-magenta)}.neuron-detail-panel__pattern-tag[data-pattern=silent]{background:#ffffff0a;color:var(--text-label)}.neuron-detail-panel__no-connections{font-size:11px;color:var(--text-label);font-style:italic;padding:4px 0}.neuron-detail-panel__connection-list{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto}.neuron-detail-panel__connection-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 8px;background:#ffffff05;border:1px solid transparent;border-radius:5px;cursor:pointer;transition:all .15s;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);text-align:left}.neuron-detail-panel__connection-row:hover{background:#0096ff0f;border-color:#0096ff1f;color:var(--text-primary)}.neuron-detail-panel__connection-id{font-weight:600;color:inherit}.neuron-detail-panel__connection-weight{font-size:10px;color:var(--text-label)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.sidebar-tabs{display:flex;gap:2px;margin-bottom:8px;background:#0003;border-radius:6px;padding:2px}.sidebar-tab{flex:1;padding:5px 0;text-align:center;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-label);cursor:pointer;border-radius:4px;transition:all .2s;border:none;background:none}.sidebar-tab.active{background:#00d4ff1a;color:var(--accent-cyan)}.sidebar-tab:hover:not(.active){color:var(--text-secondary)}.welcome-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:20;background:#020206d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.welcome-card{max-width:480px;padding:40px;text-align:center;background:#0a0e1acc;border:1px solid var(--border-subtle);border-radius:16px}.welcome-title{font-size:28px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.welcome-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}.welcome-actions{display:flex;gap:12px;justify-content:center}.welcome-dismiss{font-size:11px;color:var(--text-label);margin-top:20px;cursor:pointer}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.connection-dot-reconnecting{animation:connectionPulse 1.2s ease-in-out infinite}@keyframes connectionPulse{0%,to{opacity:1}50%{opacity:.3}}.experiment-spinner,.comparison-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--accent-cyan);border-radius:50%;animation:panelSpin .6s linear infinite}@keyframes panelSpin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:400px 100%;animation:shimmer 1.5s infinite}.btn:focus-visible,.glass:focus-visible{outline:1px solid rgba(0,212,255,.4);outline-offset:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff26}[title]{position:relative}@media(max-width:1100px){.sidebar{width:200px;padding:8px;gap:8px}.sidebar-right{width:240px}}@media(max-width:900px){.sidebar,.sidebar-right,.sidebar-toggle{display:none}.app-header{padding:0 8px;gap:6px;font-size:11px}.app-root{grid-template-rows:38px 1fr 36px}}@media(max-width:600px){.app-header .mode-switch{display:none}.app-header .organism-tabs{font-size:10px}}