:root{--bg-color: #0a0a0a;--panel-bg: #111111;--text-color: #e0e0e0;--text-dim: #888888;--border-color: #2a2a2a;--accent-color: #00d4ff;--accent-dim: #007acc;--grid-line: #1a1a1a;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, "Courier New", monospace}body{margin:0;padding:0;font-family:var(--font-ui);background-color:var(--bg-color);color:var(--text-color);min-height:100vh;overflow:hidden;font-size:14px;-webkit-font-smoothing:antialiased}@media(max-width:768px){body{overflow:auto}}#root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background:#444;border:2px solid var(--bg-color);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#666}.dashboard-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar-wrapper{width:280px;background-color:var(--panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:transform .3s ease}.sidebar{width:100%;display:flex;flex-direction:column;height:100%;min-height:100%}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-color);overflow:hidden;min-width:0}.content-grid{display:grid;grid-template-columns:1.4fr .8fr;grid-template-rows:1fr;height:100%;gap:0}.graph-section{display:flex;flex-direction:column;border-right:1px solid var(--border-color);overflow:hidden;min-height:0;height:100%}.info-section{display:flex;flex-direction:column;background-color:var(--panel-bg);overflow-y:auto;overflow-x:hidden;min-height:0;height:100%}.panel-header{padding:8px 16px;background:linear-gradient(180deg,#1a1a1a,#141414);border-bottom:1px solid var(--border-color);font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;color:var(--text-dim);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-body{padding:16px;flex:1;overflow-y:auto;min-height:0}h1,h2,h3{margin:0 0 1rem;font-weight:500;color:var(--text-color)}h3{font-size:15px;border-bottom:1px solid var(--border-color);padding-bottom:8px;margin-bottom:12px}p,li{line-height:1.5;color:#ccc}code{font-family:var(--font-mono);background:#222;padding:2px 4px;border-radius:2px;font-size:.9em}button{background:transparent;border:1px solid transparent;color:var(--text-color);padding:6px 12px;cursor:pointer;font-family:var(--font-ui);font-size:12px;text-align:left;transition:all .1s;border-radius:2px}button:hover{background:#2a2a2a}button.active{background:linear-gradient(90deg,#00d4ff26,#007acc0d);border-left:2px solid var(--accent-color);color:var(--accent-color);box-shadow:inset 0 0 8px #00d4ff1a}input[type=text]{width:100%;background:#000;border:1px solid var(--border-color);color:var(--text-color);padding:8px;font-family:var(--font-mono);font-size:13px;outline:none}input[type=text]:focus{border-color:var(--accent-color);box-shadow:0 0 8px #00d4ff4d;outline:none}.function-plot{font-family:var(--font-mono)!important}.function-plot text{fill:#888!important;font-size:10px!important}.function-plot .domain{stroke:#555!important;stroke-width:1.5px!important}.function-plot .tick line{stroke:#2a2a2a!important;stroke-width:.5px!important}.function-plot .origin{stroke:#00d4ff!important;stroke-width:1.5px!important;opacity:.5}#graph-container svg .grid line{stroke:#2a2a2a!important;stroke-width:.5px!important}#graph-container svg .axis path{stroke:#555!important}#graph-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important}#graph-container>div{display:flex!important;justify-content:center!important;align-items:center!important}#graph-container svg{margin:0 auto!important}canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}canvas[width]{width:auto!important;max-width:100%}@media(max-width:768px){canvas{min-width:280px!important;max-width:95%!important}}@media(max-width:480px){canvas{min-width:260px!important}}@media(max-width:1200px){.content-grid{grid-template-columns:1fr;grid-template-rows:60vh auto;overflow-y:auto}.graph-section{border-right:none;border-bottom:1px solid var(--border-color)}.info-section{max-height:40vh}body{font-size:13px}.sidebar{width:240px}.panel-body{padding:14px}}.mobile-header{display:none!important}body.menu-open{overflow:hidden;position:fixed;width:100%}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1;pointer-events:auto}@media(max-width:768px){.mobile-header{display:flex!important}.sidebar-wrapper{position:fixed;top:0;left:0;width:280px;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;z-index:999;transform:translate(-100%);box-shadow:2px 0 10px #00000080;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-wrapper.open{transform:translate(0)}.sidebar{min-height:100vh;min-height:100dvh}.dashboard-container{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.main-content{flex:1;width:100%;padding-top:0}.content-grid{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:auto}.graph-section{border-right:none;border-bottom:1px solid var(--border-color);min-height:400px;height:auto}.info-section{max-height:none;height:auto}body{font-size:13px}.panel-header{padding:6px 12px}.panel-body{padding:12px}}@media(max-width:480px){body{font-size:12px}.sidebar-wrapper{width:260px}.panel-header{padding:5px 10px;font-size:9px}.panel-body{padding:10px}.graph-section{min-height:350px}canvas{max-height:90px}}