*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page: #0a0a12;--bg-panel: #13131c;--bg-card: #0c0c14;--bg-tooltip: #1a1a2e;--bg-active: #1a1a30;--border-subtle: #1e1e2e;--border: #2a2a3a;--border-mid: #3a3a5a;--text-primary: #c0c0e0;--text-secondary:#a0a0c0;--text-muted: #5a5a7a;--text-faint: #4a4a6a;--text-dim: #3a3a5a;--accent: #6060d0;--accent-hover: #8080ff;--accent-text: #c0c0ff;--text-hover: #8080b0;--slider-track: #2a2a3a;--scene-bg: #0a0a12}[data-theme=light]{--bg-page: #f2f2fa;--bg-panel: #ffffff;--bg-card: #ececf6;--bg-tooltip: #ffffff;--bg-active: #e4e4f8;--border-subtle: #e0e0ec;--border: #d0d0e0;--border-mid: #b8b8d0;--text-primary: #1a1a30;--text-secondary:#3a3a60;--text-muted: #6060a0;--text-faint: #8080b0;--text-dim: #9090c0;--accent: #5050c8;--accent-hover: #4040b0;--accent-text: #3030a0;--text-hover: #4040a0;--slider-track: #d8d8e8;--scene-bg: #f2f2fa}body{background:var(--bg-page);color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.info-icon{font-size:9px;color:var(--text-dim);cursor:help;margin-left:4px;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:color .1s}.info-icon:hover{color:var(--accent)}.info-tooltip-popup{position:fixed;background:var(--bg-tooltip);border:1px solid var(--border-mid);border-radius:7px;padding:9px 12px;font-size:11px;color:var(--text-primary);line-height:1.55;max-width:240px;pointer-events:none;z-index:9999;box-shadow:0 6px 24px #0006;white-space:normal}.param-panel{width:260px;min-width:260px;background:var(--bg-panel);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.param-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.04em}.param-subtitle{font-size:11px;color:var(--text-muted);margin-bottom:12px;letter-spacing:.02em}.param-section-label{font-size:10px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;margin-top:8px;margin-bottom:6px}.slider-row{margin-bottom:12px}.slider-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.slider-label{font-size:12px;color:var(--text-secondary)}.slider-value{font-size:12px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--slider-track);border-radius:2px;cursor:pointer;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;transition:background .15s}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-hover)}.param-derived{background:var(--bg-card);border-radius:6px;padding:8px 12px;margin-bottom:4px;display:flex;flex-direction:column;gap:3px}.derived-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.derived-label{color:var(--text-muted);display:flex;align-items:center}.derived-value{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.param-note{font-size:10px;color:var(--text-dim);line-height:1.5;margin-top:auto;padding-top:16px}.unit-toggle{display:flex;gap:2px}.unit-btn{padding:2px 5px;font-size:9px;font-weight:600;letter-spacing:.04em;background:var(--bg-card);border:1px solid var(--border);border-radius:3px;color:var(--text-faint);cursor:pointer;transition:background .1s,color .1s,border-color .1s}.unit-btn:hover{color:var(--text-hover)}.unit-btn--active{background:var(--bg-active);border-color:var(--accent);color:var(--accent-text)}.dt-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px}.dt-btn{padding:6px 4px;font-size:10px;font-weight:600;letter-spacing:.04em;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;color:var(--text-faint);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.dt-btn:hover{background:var(--bg-active);color:var(--text-hover)}.dt-btn--active{background:var(--bg-active);border-color:var(--accent);color:var(--accent-text)}@media(max-width:1200px){.param-panel{width:220px;min-width:220px;padding:14px 12px}}@media(max-width:900px){.param-panel{width:100%;min-width:unset;max-height:340px;border-right:none;border-bottom:1px solid var(--border)}}.param-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:8px}.param-tab{padding:5px 4px;font-size:10px;font-weight:600;letter-spacing:.04em;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;color:var(--text-faint);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.param-tab:hover{background:var(--bg-active);color:var(--text-hover)}.param-tab--active{background:var(--bg-active);border-color:var(--accent);color:var(--accent-text)}.model-warning{font-size:10px;color:#facc15;background:#1a1500;border:1px solid #3a3000;border-radius:6px;padding:8px 10px;line-height:1.4}.results-panel{width:280px;min-width:280px;background:var(--bg-panel);border-left:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}@media(max-width:1200px){.results-panel{width:220px;min-width:220px;padding:14px 12px}}@media(max-width:900px){.results-panel{width:100%;min-width:unset;max-height:300px;border-left:none;border-top:1px solid var(--border)}}.balance-badge{border:2px solid;border-radius:8px;padding:12px 14px;font-size:16px;font-weight:700;letter-spacing:.08em;display:flex;flex-direction:column;gap:4px;transition:border-color .2s,color .2s}.balance-diff{font-size:11px;font-weight:400;letter-spacing:.02em;opacity:.8;font-variant-numeric:tabular-nums}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{background:var(--bg-card);border-radius:6px;padding:8px 10px;border:1px solid var(--border-subtle)}.metric--highlight{border-color:var(--border-mid)}.metric-value{font-size:16px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.2}.metric-sub{font-size:10px;color:var(--text-muted);margin-bottom:2px}.metric-label{font-size:10px;color:var(--text-faint);margin-top:2px;line-height:1.3}.forces-row{display:flex;gap:8px}.force-item{flex:1;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.force-label{font-size:10px;color:var(--text-faint)}.force-value{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.charts-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-page);border-top:1px solid var(--border-subtle);overflow:hidden}.charts-controls{flex-shrink:0;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column}.ctrl-tabs{display:flex;border-bottom:1px solid var(--border-subtle);padding:0 12px}.ctrl-tab{padding:7px 14px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--text-faint);transition:color .15s,border-color .15s;margin-bottom:-1px}.ctrl-tab:hover{color:var(--text-hover)}.ctrl-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.presets-tab{padding:8px 14px 10px;display:flex;flex-direction:column;gap:8px}.preset-select-row{display:flex;align-items:center;gap:10px}.preset-select{flex:1;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:11px;padding:5px 24px 5px 8px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235a5a7a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.preset-select:focus{border-color:var(--accent)}.preset-category-badge{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px;white-space:nowrap}.preset-desc{display:flex;flex-direction:column;gap:2px}.preset-desc-main{font-size:10px;color:var(--text-secondary);line-height:1.4}.preset-desc-use{font-size:9px;color:var(--text-faint);line-height:1.4}.preset-coeff-summary{display:flex;gap:6px;flex-wrap:wrap}.coeff-pill{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-card);border:1px solid;border-radius:6px;padding:4px 10px;min-width:50px}.pill-label{font-size:9px;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;gap:2px}.pill-value{font-size:11px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.advanced-tab{padding:8px 14px;display:flex;flex-direction:column;gap:6px}.adv-sliders{display:grid;grid-template-columns:repeat(5,1fr);gap:8px 16px}.adv-row{display:flex;flex-direction:column;gap:3px}.adv-header{display:flex;justify-content:space-between;align-items:baseline;gap:4px}.adv-label{font-size:10px;font-weight:500;display:flex;align-items:center;gap:2px;white-space:nowrap}.adv-value{font-size:11px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.adv-row input[type=range]{width:100%;height:3px}.adv-derived{display:flex;gap:20px;font-size:10px;color:var(--text-muted);flex-wrap:wrap}.adv-derived b{color:var(--text-primary)}.charts-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0;overflow:hidden}.chart-block{display:flex;flex-direction:column;padding:8px 12px 4px;border-right:1px solid var(--border-subtle);overflow:hidden}.chart-block:last-child{border-right:none}.chart-title{font-size:11px;font-weight:600;color:var(--text-primary);line-height:1.3}.chart-sub{font-size:9px;color:var(--text-faint);margin-bottom:4px;line-height:1.3}.utilisation-row{display:flex;gap:16px;padding:4px 0 2px}.util-bar-wrap{flex:1}.util-bar-header{display:flex;justify-content:space-between;margin-bottom:3px}.util-bar-label{font-size:9px;color:var(--text-faint)}.util-bar-pct{font-size:9px;font-weight:600;font-variant-numeric:tabular-nums}.util-bar-track{height:3px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.util-bar-fill{height:100%;border-radius:2px;transition:width .1s ease}.handling-annotation{display:flex;align-items:baseline;gap:6px;padding:3px 0;flex-wrap:wrap}.ha-label{font-size:9px;color:var(--text-faint)}.ha-value{font-size:10px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.td-panel{display:flex;flex-direction:column;padding:12px 14px;gap:10px;overflow-y:auto;flex:1}.td-scenario-picker{display:flex;gap:6px;flex-wrap:wrap}.td-scenario-btn{padding:5px 12px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-card);color:var(--text-faint);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.td-scenario-btn:hover{color:var(--text-hover);border-color:var(--border-hover, var(--border-subtle))}.td-scenario-btn.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.td-run-btn{align-self:flex-start;padding:6px 16px;font-size:11px;font-weight:600;letter-spacing:.04em;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;cursor:pointer;transition:opacity .15s}.td-run-btn:hover{opacity:.85}.td-run-btn:disabled{opacity:.45;cursor:not-allowed}.td-progress{font-size:11px;color:var(--text-faint);animation:td-pulse 1s ease-in-out infinite}@keyframes td-pulse{0%,to{opacity:1}50%{opacity:.35}}.td-charts-grid{display:flex;flex-direction:column;gap:8px}.td-chart-row{display:flex;flex-direction:column;gap:2px}.td-chart-label{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding-left:4px}.td-empty{font-size:12px;color:var(--text-faint);text-align:center;padding:20px 0}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg-page);color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,sans-serif}.app-main{display:flex;flex:0 0 57%;min-height:0;overflow:hidden}.canvas-area{flex:1;min-width:0;height:100%;position:relative}.app-charts{flex:1;min-height:0;overflow:hidden}@media(max-width:1200px){.app-main{flex:0 0 55%}}@media(max-width:900px){.app{height:auto;min-height:100vh;overflow:auto}.app-main{flex:none;flex-wrap:wrap;height:auto;overflow:visible}.canvas-area{order:-1;width:100%;height:300px;flex:none}.app-charts{flex:none;height:420px;min-height:420px}}.theme-toggle{position:absolute;top:8px;left:8px;z-index:10;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;line-height:1}.theme-toggle:hover{background:var(--bg-active);color:var(--text-primary);border-color:var(--accent)}