@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&family=Outfit:wght@700;800&display=swap";:root{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-dark: #090d16;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-terminal: #38bdf8;--accent: #dc2626;--accent-hover: #b91c1c;--accent-light: #fef2f2;--success: #16a34a;--amber: #d97706;--border-thick: 2px solid #0f172a;--border-thin: 1px solid #cbd5e1;--border-dashed: 1px dashed #94a3b8;--border-tech: 1px solid #94a3b8;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--font-mono: "Fira Code", "Courier New", Courier, monospace;--font-math: "Times New Roman", Times, Georgia, serif;--transition-tech: all .15s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;background-image:radial-gradient(rgba(15,23,42,.05) 1px,transparent 0),radial-gradient(rgba(15,23,42,.05) 1px,transparent 0);background-size:24px 24px;background-position:0 0,12px 12px}.lab-dashboard{width:100%;max-width:1100px;background-color:var(--bg-secondary);border:var(--border-thick);position:relative;padding:2.25rem;box-shadow:8px 8px #0f172a1a}.grid-line{position:absolute;background-color:var(--text-primary);opacity:.15}.grid-line.horizontal.top{top:4.5rem;left:0;width:100%;height:1px}.grid-line.vertical.left{top:0;left:4.5rem;width:1px;height:100%}.lab-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:var(--border-thick);position:relative;z-index:2}.header-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.05em}.system-status{display:flex;align-items:center;gap:.375rem;color:var(--text-primary);font-weight:700}.status-led{width:6px;height:6px;border-radius:50%;background-color:var(--success)}.status-led.pulsed{animation:led-blink 1.2s infinite ease-in-out;box-shadow:0 0 6px var(--success)}.status-badge.unsynced .status-led{background-color:var(--amber);box-shadow:0 0 6px var(--amber);animation:led-blink .8s infinite ease-in-out}@keyframes led-blink{0%,to{opacity:.4}50%{opacity:1}}.lab-title{font-family:var(--font-display);font-size:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.25rem;text-transform:uppercase}.lab-subtitle{font-size:.9rem;color:var(--text-muted);font-weight:500}.lab-viewport{margin-bottom:2rem;position:relative;z-index:2}#app{width:100%}.dashboard{display:grid;grid-template-columns:1.15fr 1fr;gap:1.75rem;align-items:start}@media (max-width: 900px){.dashboard{grid-template-columns:1fr}}.node-grid{display:flex;flex-direction:column;gap:1.5rem}.node-card{background-color:#f8fafc;border:var(--border-tech);border-radius:6px;padding:1.5rem;position:relative;transition:var(--transition-tech)}.node-card:hover{background-color:#f1f5f9;border-color:var(--text-primary)}.node-card.active-mutation{border-color:var(--amber);background-color:#fffbeb}.node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:var(--border-dashed)}.node-title{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;color:var(--text-primary)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:.15rem .5rem;border:1px solid;border-radius:3px;text-transform:uppercase}.status-badge.synced{background-color:#f0fdf4;color:var(--success);border-color:#bbf7d0}.status-badge.unsynced{background-color:#fffbeb;color:var(--amber);border-color:#fde68a}.input-group{margin-bottom:1.25rem}.input-label{display:block;font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--text-muted);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.05em}.text-input{width:100%;padding:.625rem .85rem;border:var(--border-tech);border-radius:4px;font-family:var(--font-mono);font-size:.88rem;color:var(--text-primary);background-color:var(--bg-secondary);transition:var(--transition-tech)}.text-input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 2px var(--border-color)}.metadata-panel{background-color:var(--bg-secondary);border:var(--border-tech);padding:.85rem;border-radius:4px;font-family:var(--font-mono);font-size:.74rem}.metadata-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px dashed #e2e8f0}.metadata-row:last-child{border-bottom:none;padding-bottom:0}.metadata-row:first-child{padding-top:0}.metadata-label{color:var(--text-muted);font-weight:500}.metadata-value{color:var(--text-primary);font-weight:600}.clock-badge{background-color:#e2e8f0;color:#334155;padding:.1rem .35rem;border-radius:3px;font-size:.7rem;font-weight:700;border:1px solid #cbd5e1}.control-dock{display:flex;flex-direction:column;gap:1.5rem}.telemetry-panel{background-color:var(--bg-secondary);border:var(--border-thick);padding:1.25rem;position:relative}.panel-header{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;margin-bottom:1rem;letter-spacing:.08em;border-bottom:1px solid var(--text-primary);padding-bottom:.375rem}.telemetry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.telemetry-item{display:flex;flex-direction:column;border-right:var(--border-dashed);padding-right:.5rem}.telemetry-item:last-child{border-right:none;padding-right:0}.telemetry-label{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem}.telemetry-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.math-panel{background-color:#fafaf7;border:var(--border-tech);padding:1.25rem}.formula-block{margin-bottom:.85rem}.formula-block:last-child{margin-bottom:0}.formula-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:.15rem}.formula-math{display:block;font-family:var(--font-math);font-size:1.05rem;color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;padding:.5rem .75rem;border-radius:3px;font-style:italic;letter-spacing:.02em}.research-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;background-color:var(--accent);color:#fff;padding:.85rem 2rem;border:var(--border-thick);border-radius:4px;font-family:var(--font-mono);font-weight:700;font-size:.95rem;text-decoration:none;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--text-primary);transition:var(--transition-tech)}.research-btn:hover{background-color:var(--accent-hover);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--text-primary)}.research-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--text-primary)}.research-btn:disabled{background-color:#cbd5e1;border-color:#94a3b8;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.sync-progress-bar{width:100%;height:6px;background-color:#e2e8f0;border:1px solid #cbd5e1;border-radius:2px;overflow:hidden;display:none}.sync-progress-fill{width:0%;height:100%;background-color:var(--success);transition:width .6s cubic-bezier(.4,0,.2,1)}.terminal-logs{width:100%;height:190px;background-color:var(--bg-dark);border:var(--border-thick);padding:.85rem;color:var(--text-terminal);font-family:var(--font-mono);font-size:.74rem;overflow-y:auto;box-shadow:inset 2px 2px 8px #0009}.log-line{margin-bottom:.35rem;line-height:1.45;display:flex;align-items:flex-start;gap:.5rem;word-break:break-all}.log-time{color:#475569;flex-shrink:0}.log-tag{font-weight:700;flex-shrink:0;text-transform:uppercase;padding:0 .25rem;border-radius:2px;font-size:.68rem}.log-tag.system{background-color:#ef444426;color:#ef4444}.log-tag.crdt{background-color:#10b98126;color:#10b981}.log-tag.sync{background-color:#f59e0b26;color:#f59e0b}.log-text{color:#94a3b8}.lab-footer{margin-top:2rem;padding-top:1.5rem;border-top:var(--border-thick);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}@media (max-width: 768px){.lab-footer{flex-direction:column;gap:1.25rem;align-items:stretch}}.footer-details{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.25rem}.lab-footer .research-btn{box-shadow:4px 4px 0 var(--text-primary);font-size:.8rem;padding:.65rem 1.5rem}.lab-footer .research-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--text-primary)}.lab-footer .research-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--text-primary)}