@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-dark:#06070a;--bg-card:#0e101ad9;--bg-card-hover:#161a2af2;--border-glass:#ffffff14;--border-accent:#00f0ff4d;--cyan:#00f0ff;--purple:#8b5cf6;--pink:#ec4899;--emerald:#10b981;--amber:#f59e0b;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body,#root{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f0ff66}.physics-viewport{background-color:var(--bg-dark);background-image:radial-gradient(circle,#8b5cf60d 0%,#0000 60%),radial-gradient(#ffffff12 1px,#0000 1px);background-size:100% 100%,32px 32px;width:100vw;height:100vh;position:relative;overflow:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:14px;box-shadow:0 8px 32px #0000005e}.glass-panel-glow{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid #00f0ff4d;box-shadow:0 0 25px #00f0ff26,0 8px 32px #00000080}.app-header{z-index:50;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:8px 16px;display:flex;position:absolute;top:14px;left:16px;right:16px}.header-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-badge{color:var(--cyan);font-family:var(--font-mono);letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#00f0ff26,#8b5cf626);border:1px solid #00f0ff4d;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:600}.brand-title{letter-spacing:-.2px;background:linear-gradient(#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:15px;font-weight:600}.header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-toggle{cursor:pointer;border:1px solid var(--border-glass);color:var(--text-secondary);white-space:nowrap;background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-toggle:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26}.btn-toggle.active{color:var(--cyan);background:#00f0ff1f;border-color:#00f0ff66;box-shadow:0 0 12px #00f0ff26}.btn-help{color:#fff;background:linear-gradient(135deg,#8b5cf633,#00f0ff33);border:1px solid #8b5cf666}.btn-help:hover{background:linear-gradient(135deg,#8b5cf659,#00f0ff59);box-shadow:0 0 15px #8b5cf64d}.visualizer-canvas{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.physics-node{cursor:grab;touch-action:none;z-index:20;will-change:transform;flex-direction:column;justify-content:space-between;width:165px;height:105px;padding:12px;transition:box-shadow .15s,border-color .15s;display:flex;position:absolute}.physics-node:active{cursor:grabbing}.node-header{justify-content:space-between;align-items:center;display:flex}.node-icon-box{background:#ffffff0f;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.node-category-dot{border-radius:50%;width:7px;height:7px}.node-title{color:#fff;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.node-subtitle{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.node-telemetry{font-family:var(--font-mono);color:var(--text-secondary);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:4px;font-size:10px;display:flex}.velocity-badge{color:var(--cyan);font-weight:600}.magnetic-attractor{z-index:15;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.attractor-ring{pointer-events:none;border:1.5px dashed #00f0ff40;border-radius:50%;animation:4s linear infinite pulseRing;position:absolute}@keyframes pulseRing{0%{opacity:.4;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.4;transform:scale(.95)}}.attractor-core{border:1.5px solid var(--cyan);width:32px;height:32px;box-shadow:0 0 15px var(--cyan);color:#fff;background:radial-gradient(circle,#00f0ff66 0%,#8b5cf61a 70%);border-radius:50%;justify-content:center;align-items:center;display:flex}.attractor-label{font-size:9px;font-family:var(--font-mono);color:var(--cyan);white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;position:absolute;bottom:-20px}.control-dock{z-index:50;white-space:nowrap;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:10px 16px;display:flex;position:absolute;bottom:14px;left:50%;overflow:auto hidden;transform:translate(-50%)}.control-group{flex-shrink:0;align-items:center;gap:10px;display:flex}.control-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500;font-family:var(--font-mono);align-items:center;gap:4px;display:flex}.control-slider-box{align-items:center;gap:6px;display:flex}.control-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:75px;height:4px}.control-slider::-webkit-slider-thumb{appearance:none;background:var(--cyan);width:12px;height:12px;box-shadow:0 0 8px var(--cyan);cursor:pointer;border-radius:50%;transition:transform .1s}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.control-value{font-family:var(--font-mono);color:var(--cyan);min-width:28px;font-size:11px}.telemetry-hud{z-index:40;width:260px;max-height:calc(100vh - 160px);padding:12px 14px;position:absolute;top:76px;right:16px;overflow-y:auto}.hud-title{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hud-stat-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.hud-stat-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;padding:6px 8px}.hud-stat-label{color:var(--text-muted);font-size:9px;font-family:var(--font-mono)}.hud-stat-val{font-size:13px;font-weight:600;font-family:var(--font-mono);color:#fff;margin-top:1px}.oscilloscope-canvas{background:#0006;border:1px solid #00f0ff26;border-radius:6px;width:100%;height:65px}.flip-grid-container{z-index:25;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;width:90%;max-width:960px;max-height:calc(100vh - 170px);padding:8px 12px 24px;display:grid;position:absolute;top:80px;left:50%;overflow-y:auto;transform:translate(-50%)}.help-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.help-modal-content{border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:720px;max-height:85vh;padding:24px;display:flex;overflow-y:auto}.help-modal-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.help-modal-title{color:#fff;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.help-section{flex-direction:column;gap:8px;display:flex}.help-section-title{font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--cyan);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;display:flex}.help-card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.help-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:12px}.help-card-heading{color:#fff;margin-bottom:4px;font-size:12px;font-weight:600}.help-card-text{color:var(--text-secondary);font-size:11px;line-height:1.5}