:root{color-scheme:light;--bg: #f4eadf;--bg-2: #edf7f1;--surface: rgba(255, 250, 243, .9);--surface-strong: #fffaf3;--ink: #1c2325;--muted: #6e7878;--line: rgba(28, 35, 37, .12);--teal: #327e80;--coral: #e95d4f;--green: #4f9f6f;--amber: #d99a32;--violet: #6f51a4;--shadow: 0 18px 50px rgba(52, 43, 34, .13);--radius: 8px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}body{overflow:hidden;background:linear-gradient(135deg,#fffaf3f5,#edf7f1e0),var(--bg);color:var(--ink);font-family:var(--font);letter-spacing:0}button,input,select{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid rgba(111,81,164,.72);outline-offset:2px}.app-shell{display:grid;grid-template-rows:74px minmax(0,1fr);width:100%;height:100%}.topbar{display:grid;grid-template-columns:320px minmax(300px,1fr) auto;align-items:center;gap:24px;padding:12px 18px;border-bottom:1px solid var(--line);background:#fffaf3d1;backdrop-filter:blur(18px);z-index:5}.brand{display:flex;align-items:center;min-width:0;gap:12px}.brand-mark{position:relative;width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(28,35,37,.12);border-radius:8px;background:#fffaf3;box-shadow:inset 0 0 0 1px #ffffffb8,0 12px 28px #342b221f}.brand-mark span{position:absolute;display:block;width:9px;height:9px;border-radius:999px}.brand-mark span:nth-child(1){left:8px;top:10px;background:var(--teal)}.brand-mark span:nth-child(2){left:24px;top:16px;background:var(--coral)}.brand-mark span:nth-child(3){left:16px;top:27px;background:var(--green)}.brand h1{margin:0;color:var(--ink);font-size:17px;font-weight:760;line-height:1.05}.brand p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:680;text-transform:uppercase}.top-metrics{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:10px}.top-metrics div{min-width:0;padding:7px 10px;border:1px solid rgba(28,35,37,.09);border-radius:8px;background:#fffaf39e}.top-metrics span{display:block;color:var(--ink);font-size:18px;font-weight:780;line-height:1;white-space:nowrap}.top-metrics small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:720;text-transform:uppercase}.top-actions{display:flex;align-items:center;justify-content:end;gap:8px}.workspace{display:grid;grid-template-columns:288px minmax(420px,1fr) 320px;grid-template-rows:minmax(0,1fr) 166px;gap:10px;min-height:0;padding:10px}.panel,.graph-stage,.curve-dock{border:1px solid rgba(28,35,37,.12);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;padding:12px}.controls-panel{grid-column:1;grid-row:1 / 3}.graph-stage{grid-column:2;grid-row:1}.insight-panel{grid-column:3;grid-row:1 / 3}.curve-dock{grid-column:2;grid-row:2}.panel-section{padding:12px;border:1px solid rgba(28,35,37,.1);border-radius:8px;background:#fffaf394}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-title span{color:var(--ink);font-size:13px;font-weight:780}.section-title strong{color:var(--muted);font-size:10px;font-weight:820;text-transform:uppercase}.button-grid,.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-button,.mode-button,.wide-command,.primary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:38px;gap:7px;border:1px solid rgba(28,35,37,.12);border-radius:8px;background:#fffaf3;color:var(--ink);font-size:12px;font-weight:760;line-height:1;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.action-button:hover,.mode-button:hover,.wide-command:hover,.primary-button:hover,.icon-button:hover{transform:translateY(-1px);border-color:#1c232538}.action-button svg,.mode-button svg,.wide-command svg,.primary-button svg,.icon-button svg{width:15px;height:15px;stroke-width:2.25;flex:0 0 auto}.action-button.coral{border-color:#e95d4f61;background:#e95d4f1a;color:#a7352a}.action-button.amber{border-color:#d99a3266;background:#d99a321f;color:#8e5d12}.primary-button{min-width:96px;padding:0 15px;border-color:#1c232529;background:var(--ink);color:#fffaf3}.primary-button.running{background:var(--coral);color:#fffaf3}.icon-button{width:38px;height:38px;padding:0}.icon-button.glass{width:34px;height:34px;background:#fffaf3c7;backdrop-filter:blur(12px)}.mode-button{justify-content:flex-start;padding:0 10px}.mode-button.active{border-color:#6f51a46b;background:#6f51a41a;color:var(--violet)}.wide-command{justify-content:flex-start;width:100%;padding:0 12px}.wide-command+.wide-command{margin-top:8px}.slider-row{display:flex;justify-content:space-between;gap:10px;margin-top:2px;color:var(--ink);font-size:12px;font-weight:760}.control-label{display:block;margin-bottom:7px;color:var(--ink);font-size:12px;font-weight:760}.select-control{width:100%;height:38px;margin-bottom:14px;padding:0 10px;border:1px solid rgba(28,35,37,.14);border-radius:8px;background:#fffaf3;color:var(--ink);font-size:12px;font-weight:760}.slider-row output{color:var(--teal);font-size:12px;font-weight:820;white-space:nowrap}input[type=range]{width:100%;height:28px;margin:4px 0 13px;accent-color:var(--teal)}input[type=range]:last-child{margin-bottom:0}.graph-stage{position:relative;min-width:0;min-height:360px;overflow:hidden;background:#fffaf3}#networkCanvas,#curveCanvas{display:block;width:100%;height:100%;max-height:100%}#networkCanvas{cursor:crosshair}.canvas-hud,.legend,.zoom-tools{position:absolute;z-index:2}.canvas-hud{top:14px;left:14px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(28,35,37,.12);border-radius:8px;background:#fffaf3c2;color:var(--muted);font-size:11px;font-weight:820;text-transform:uppercase;backdrop-filter:blur(14px)}.canvas-hud div{display:flex;align-items:center;gap:7px}.canvas-hud strong{color:var(--ink);font-size:11px}.hud-dot{width:8px;height:8px;border-radius:999px;background:var(--coral);box-shadow:0 0 0 4px #e95d4f21}.legend{right:14px;bottom:14px;display:flex;gap:8px;padding:8px 10px;border:1px solid rgba(28,35,37,.12);border-radius:8px;background:#fffaf3c2;backdrop-filter:blur(14px)}.legend span{display:inline-flex;align-items:center;gap:5px;color:var(--ink);font-size:11px;font-weight:820}.legend-dot,.legend-ring{width:9px;height:9px;border-radius:999px;display:inline-block}.legend-dot.susceptible{background:#1f2d2f73}.legend-dot.infected{background:var(--coral)}.legend-dot.recovered{background:var(--green)}.legend-ring{border:2px solid var(--amber);background:transparent}.zoom-tools{top:14px;right:14px;display:flex;gap:8px}.node-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.node-readout div{min-width:0;padding:9px 8px;border:1px solid rgba(28,35,37,.1);border-radius:8px;background:#ffffff80}.node-readout span{display:block;overflow:hidden;color:var(--ink);font-size:16px;font-weight:820;line-height:1;text-overflow:ellipsis;white-space:nowrap}.node-readout small{display:block;margin-top:5px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.selected-node .wide-command{margin-top:10px}.hub-list{display:grid;gap:7px}.hub-row{display:grid;grid-template-columns:24px minmax(0,1fr) 42px;align-items:center;width:100%;min-height:34px;gap:8px;padding:0 9px;border:1px solid rgba(28,35,37,.1);border-radius:8px;background:#fffaf3b3;color:var(--ink);text-align:left}.hub-row span{display:grid;width:22px;height:22px;place-items:center;border-radius:999px;background:#327e801f;color:var(--teal);font-size:10px;font-weight:840}.hub-row strong{overflow:hidden;font-size:12px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.hub-row em{color:var(--muted);font-size:11px;font-style:normal;font-weight:820;text-align:right}.hub-row.quarantined{border-color:#d99a3261;background:#d99a321f}.log-section{min-height:0}.intervention-log{display:grid;gap:7px}.log-item{display:grid;gap:4px;padding:8px 9px;border-left:3px solid var(--ink);border-radius:6px;background:#ffffff7a}.log-item span{color:var(--muted);font-size:9px;font-weight:820;text-transform:uppercase}.log-item strong{color:var(--ink);font-size:11px;font-weight:720;line-height:1.25}.log-item.coral{border-left-color:var(--coral)}.log-item.amber{border-left-color:var(--amber)}.log-item.green{border-left-color:var(--green)}.curve-dock{display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0;overflow:hidden}.curve-dock>*{min-width:0;min-height:0}.curve-copy{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:18px;border-right:1px solid rgba(28,35,37,.1);background:#fffaf3ad}.curve-copy span{color:var(--ink);font-size:13px;font-weight:820}.curve-copy strong{color:var(--muted);font-size:12px;font-weight:760;line-height:1.35}@media (max-width: 1180px){body{overflow:auto}.app-shell{min-height:100vh;height:auto}.topbar{grid-template-columns:1fr auto}.top-metrics{grid-column:1 / -1;grid-row:2}.workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(520px,62vh) auto auto}.controls-panel,.insight-panel,.graph-stage,.curve-dock{grid-column:auto;grid-row:auto}.graph-stage{order:1}.curve-dock{order:2}.controls-panel{order:3}.insight-panel{order:4}.graph-stage{min-height:520px}.curve-dock{min-height:170px}}@media (max-width: 720px){.app-shell{grid-template-rows:auto minmax(0,1fr)}.topbar{grid-template-columns:1fr;gap:12px}.top-actions{justify-content:stretch}.top-actions .primary-button{flex:1}.top-metrics{grid-template-columns:repeat(2,1fr)}.workspace{padding:8px;grid-template-rows:auto minmax(430px,58vh) auto auto}.button-grid,.mode-grid{grid-template-columns:1fr}.curve-dock{grid-template-columns:1fr;grid-template-rows:62px minmax(120px,1fr)}.curve-copy{border-right:0;border-bottom:1px solid rgba(28,35,37,.1);padding:12px 14px}.legend{right:10px;bottom:10px}.canvas-hud{left:10px;top:10px}}