:root{color:#183136;font-synthesis:none;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,select{font:inherit}.app-shell{grid-template-columns:minmax(290px,360px) 1fr;gap:18px;height:100vh;min-height:680px;padding:18px;display:grid}.control-panel,.canvas-panel{background:#fff;border:1px solid #dfe6ef;border-radius:20px;box-shadow:0 12px 36px #1f345214}.control-panel{max-height:calc(100vh - 36px);padding:22px;overflow:auto}.eyebrow{color:#4084de;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-weight:800}h1{margin:0;font-size:30px}h2{margin:0 0 12px;font-size:15px}.intro,.hint{color:#68758a;line-height:1.5}.hint{margin:7px 0 0;font-size:12px}.purpose-box h2{color:#1a8080;margin-bottom:8px}.purpose-box p+p{margin-top:8px}section{margin-top:22px}label{justify-content:space-between;gap:16px;margin:10px 0 6px;font-size:13px;display:flex}label strong{color:#4084de}input[type=range],select{width:100%}select{background:#fff;border:1px solid #ccd6e2;border-radius:10px;padding:9px 11px}.checkbox{justify-content:flex-start;align-items:center;margin-top:12px}.checkbox input{width:auto}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}button{color:#fff;cursor:pointer;background:#4084de;border:0;border-radius:10px;padding:10px 12px;font-weight:700}button.secondary{color:#26364d;background:#e8eef6;grid-column:1/-1}.canvas-panel{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.network{flex:auto;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.legend{color:#657187;border-top:1px solid #e4e9f0;flex-wrap:wrap;gap:9px 16px;padding:12px 16px;font-size:12px;display:flex}.mini-distribution{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.mini-distribution span{background:#eef4fb;border-radius:7px;padding:4px 6px;font-size:11px}.metrics p{color:#5d6b7e;font-size:13px}.stage-bars>div{grid-template-columns:24px 1fr 34px;align-items:center;gap:7px;margin:5px 0;font-size:11px;display:grid}.stage-bars div div{background:#e7edf4;border-radius:999px;height:7px;overflow:hidden}.stage-bars i{background:#4084de;height:100%;display:block}@media (width<=900px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.control-panel{max-height:none}.canvas-panel{height:72vh;min-height:560px}.network{min-height:0}}.slider-scale{color:#7a8799;justify-content:space-between;gap:8px;margin-top:4px;font-size:10px;display:flex}.purpose-box{background:#f3fbfb;border:1px solid #b8e6e6;border-radius:14px;margin-top:16px;padding:14px}.purpose-box h2{margin-bottom:7px}.purpose-box p{color:#53647a;margin:6px 0;font-size:13px;line-height:1.48}.scale-labels{color:#778398;justify-content:space-between;gap:8px;margin-top:5px;font-size:10px;display:flex}.scale-labels b{color:#4084de}.header-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.language-switch{background:#f4f7fb;border:1px solid #d7e1ec;border-radius:10px;gap:3px;padding:3px;display:inline-flex}.language-switch button{color:#66758a;background:0 0;border-radius:7px;min-width:36px;padding:6px 8px;font-size:11px;font-weight:800}.language-switch button.active{color:#fff;background:#4084de}