:root{--bg-dark:#0f1115;--panel-bg:#17191ef2;--panel-border:#ffffff0d;--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--accent-red:#ef4444;--accent-red-hover:#dc2626;--accent-green:#10b981;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--font-family:"Inter", sans-serif;--energy-ek:#3b82f6;--energy-ep:#f59e0b;--energy-total:#10b981;--btn-secondary-bg:#ffffff1a;--btn-secondary-hover:#ffffff26;--btn-danger-bg:#ef444426;--btn-danger-hover:#ef444440;--input-bg:#ffffff26;--input-border:#ffffff4d;--canvas-bg:#0f1115;--canvas-ground:#1f2937;--canvas-grid:#374151;--canvas-grid-text:#9ca3af}[data-theme=light]{--bg-dark:#f3f4f6;--panel-bg:#fffffff2;--panel-border:#0000001a;--accent-blue:#2563eb;--accent-blue-hover:#1d4ed8;--accent-red:#dc2626;--accent-red-hover:#b91c1c;--accent-green:#059669;--text-primary:#111827;--text-secondary:#4b5563;--btn-secondary-bg:#0000000d;--btn-secondary-hover:#0000001a;--btn-danger-bg:#ef44441a;--btn-danger-hover:#ef444433;--input-bg:#0000000d;--input-border:#0003;--canvas-bg:#f3f4f6;--canvas-ground:#e5e7eb;--canvas-grid:#d1d5db;--canvas-grid-text:#6b7280}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-container{width:100vw;height:100vh;display:flex}.sidebar{background-color:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--panel-border);z-index:10;flex-direction:column;gap:1.5rem;width:300px;padding:1.5rem;display:flex;overflow-y:auto;box-shadow:4px 0 24px #0003}.logo{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.input-section{flex-direction:column;display:flex}.input-group{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.input-group label{color:var(--text-secondary);font-size:.9rem}.input-group input[type=text],.input-group input[type=range]{background:var(--input-bg);border:1px solid var(--input-border);width:80px;color:var(--text-primary);text-align:right;border-radius:6px;outline:none;padding:.35rem .5rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,background .2s}.input-group input[type=checkbox]{appearance:none;background:var(--input-bg);border:1px solid var(--input-border);cursor:pointer;border-radius:4px;width:18px;height:18px;transition:all .2s;position:relative}.input-group input[type=checkbox]:checked{background:var(--accent-blue);border-color:var(--accent-blue)}.input-group input[type=checkbox]:checked:after{content:"";filter:invert();background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%2016.4L6%2012.4L7.4%2011L10%2013.6L16.6%207L18%208.4L10%2016.4Z'%20fill='%231D1B20'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.input-group input[type=range]{appearance:none;background:#0006;border:none;border-radius:3px;outline:none;width:100%;height:6px;padding:0}.input-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-blue);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s}.input-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.input-group input[type=range]:focus::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 0 3px #3b82f64d}.input-group input[type=text]:focus{border-color:var(--accent-blue);background:#fff3}.controls{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}#btn-reset{grid-column:span 2}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.6rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s}.btn.primary{background-color:var(--accent-blue);color:#fff}.btn.primary:hover{background-color:var(--accent-blue-hover)}.btn.secondary{background-color:var(--btn-secondary-bg);color:var(--text-primary);border-color:var(--panel-border)}.btn.secondary:hover{background-color:var(--btn-secondary-hover)}.btn.danger{background-color:var(--btn-danger-bg);color:var(--accent-red);border-color:var(--btn-danger-hover)}.btn.danger:hover{background-color:var(--btn-danger-hover)}.stat-grid{border:1px solid var(--panel-border);background:#0003;border-radius:8px;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;display:grid}.stat-item{flex-direction:column;display:flex}.stat-item .label{color:var(--text-secondary);font-size:.75rem}.stat-item .value{font-feature-settings:"tnum";font-size:.95rem;font-weight:500}.val-vx{color:#3b82f6}.val-vy{color:#ef4444}.val-v{color:#10b981}.energy-chart-section{flex-direction:column;flex-grow:1;min-height:150px;display:flex}.energy-bars-wrapper{border:1px solid var(--panel-border);background:#0003;border-radius:8px;justify-content:space-around;align-items:flex-end;height:180px;margin-top:5px;padding:10px 5px;display:flex}.energy-bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar-bg{background:#ffffff0d;border-radius:4px;flex-grow:1;align-items:flex-end;width:24px;margin-bottom:6px;display:flex;overflow:hidden}.bar-fill{width:100%}.bar-val{font-feature-settings:"tnum";white-space:nowrap;margin-bottom:2px;font-size:.75rem;font-weight:600}.bar-label{color:var(--text-secondary);text-align:center;font-size:.65rem;line-height:1.1}.viewport{background-color:#0b0d10;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;flex-grow:1;position:relative}#simCanvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#simCanvas:active{cursor:grabbing}.overlay-info{color:#e5e7eb;pointer-events:none;background:#0009;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;position:absolute;bottom:1rem;right:1rem}.language-switcher{gap:.5rem;margin-bottom:1rem;display:flex}.lang-btn{border:1px solid var(--panel-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.lang-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.lang-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.menu-toggle{z-index:100;background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;padding:.5rem .75rem;font-size:1.25rem;line-height:1;display:none;position:fixed;top:.75rem;left:.75rem}.menu-toggle img{filter:invert()}[data-theme=light] .menu-toggle img{filter:invert(0)}@media (width<=768px){.menu-toggle{justify-content:center;align-items:center;display:flex}.sidebar{z-index:50;width:280px;height:100%;padding-top:3.5rem;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 40px #0009}.sidebar-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.sidebar-backdrop.open{display:block}#simCanvas{cursor:default}}