:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dfeaf0;background:#07151d;font-size:13px;--panel:rgba(7,24,34,.93);--border:rgba(107,174,190,.19);--teal:#57e0d1;--muted:#7595a2;--light:#e8f4f7}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}#world{display:block;width:100%;height:100%;background:radial-gradient(ellipse at 55% 15%,#25444d,#07151d 65%);outline:none}.masthead{position:absolute;left:0;right:0;top:0;height:77px;background:linear-gradient(180deg,rgba(3,16,25,.96),rgba(3,16,25,.81));border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px 0 25px;z-index:8;pointer-events:auto}.identity{display:flex;align-items:center;gap:11px}.identity img{filter:drop-shadow(0 0 10px #29c5c460)}.brand{font-size:20px;font-weight:850;letter-spacing:2.2px;line-height:1.25}.brand span{color:var(--teal);font-weight:550}.subtitle,.eyebrow{color:#7aaab4;font-size:9px;font-weight:800;letter-spacing:1.75px}.subtitle{margin-top:3px}.header-meta{display:flex;align-items:center;gap:23px}.signal,.revision,.capsule,.section-tag{letter-spacing:1.1px;font-size:9px;font-weight:850}.signal{color:#b4e9d8;display:flex;align-items:center;gap:8px}.signal i,.pulse-dot{background:#52e9c2;border-radius:50%;height:7px;width:7px;box-shadow:0 0 14px #36ffcb}.revision{color:#7c9ca9}.ghost{background:rgba(72,135,149,.10);border:1px solid #4e839266;border-radius:5px;color:#c2dae2;padding:6px 11px}.ghost:hover,.btn-small:hover{background:rgba(49,175,173,.15)}.panel{position:absolute;top:94px;bottom:204px;width:304px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 60px #041019a6;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#355866 transparent;z-index:4;backdrop-filter:blur(15px)}.controls{left:18px;padding:21px 20px 16px}.analytics{right:18px;padding:21px 18px}.paneltop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.paneltop h1,.paneltop h2{margin:6px 0 19px;font-size:20px;letter-spacing:-.5px;font-weight:680}.capsule{background:#173b3b;color:#8bf4d8;padding:8px 8px;border-radius:4px;font-size:8px}.location-select{margin:3px 0 9px}.location-select label{display:block;color:#93aeba;font-size:9px;letter-spacing:1.1px;font-weight:800;margin:0 0 7px}.location-select select{width:100%;padding:10px 8px;background:#102b38;border:1px solid #345462;color:#d5f6f1;border-radius:5px;font-weight:600;font-size:12px;outline:0}.scene-buttons{display:flex;gap:8px;margin-bottom:21px}.btn-small{padding:9px 8px;border:1px solid #2e5260;border-radius:5px;background:#102a36;color:#b8d7df;font-size:10px;flex:1;white-space:nowrap}.btn-small[aria-pressed=true]{background:#185f60;color:#baffea;border-color:#4adac1}.section-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:17px 0 13px;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#e6f2f4}.section-tag{font-size:8px;color:#4fbab6}.slider{margin:0 0 16px}.slider-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.slider-top label{color:#a8c0ca;font-size:11px;font-weight:610}.slider-value{font-size:11px;color:#a4fff0;font-weight:750;font-variant-numeric:tabular-nums}.slider input{width:100%;accent-color:#43d4c5;cursor:pointer;height:4px}.slider-range{display:flex;justify-content:space-between;font-size:9px;color:#587885;margin-top:4px}.toggleline{display:flex;justify-content:space-between;align-items:center;margin:2px 0 20px}.toggleline span{display:flex;flex-direction:column;gap:4px}.toggleline strong{font-size:11px;font-weight:600}.toggleline small{font-size:9px;color:#819eaa}.toggleline input{accent-color:#54ddcd;width:17px;height:17px}.sidebar-foot{font-size:8px;letter-spacing:.7px;line-height:1.7;color:#577987;padding:12px 0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{padding:13px 11px 12px;background:rgba(39,75,86,.35);border:1px solid #39617372;border-radius:6px;min-width:0}.metric.big{grid-column:span 2;background:linear-gradient(110deg,rgba(26,97,98,.42),rgba(24,65,74,.38));border-color:#4cafa091;padding:15px}.metric-label{font-size:9px;color:#87aeb8;letter-spacing:1.1px;font-weight:790;margin-bottom:8px}.metric strong{font-size:22px;line-height:1.3;letter-spacing:-1px;font-variant-numeric:tabular-nums}.metric.big strong{font-size:33px;color:#abffe7}.metric small{font-size:9px;color:#8aa8b2}.metric-foot{font-size:10px;color:#8dc8bd;margin-top:4px}.mini-stats{margin-top:19px;display:grid;gap:11px;padding:0 2px 15px;border-bottom:1px solid var(--border)}.mini-stats>div,.inspector-grid{display:flex;justify-content:space-between;gap:9px;font-size:11px}.mini-stats span,.inspector-grid span{color:#86a2af}.mini-stats b,.inspector-grid b{font-variant-numeric:tabular-nums;color:#d2efef;font-weight:700}.chart-title{display:flex;justify-content:space-between;font-weight:750;font-size:10px;letter-spacing:1px;margin-top:20px;gap:5px}.chart-title span{color:#618a99;font-size:8px}#chart{display:block;width:100%;height:90px;margin:13px 0 4px}.chart-legend{display:flex;gap:17px;font-size:9px;color:#90adb8}.linelegend{display:inline-block;width:16px;height:2px;vertical-align:middle;margin-right:5px}.linelegend.teal{background:#4bebd3}.linelegend.amber{background:#efb87e}.inspector{margin-top:23px;border-top:1px solid var(--border);padding-top:16px}.inspector h3{font-size:14px;margin:8px 0 5px}.inspector p{font-size:11px;line-height:1.55;color:#8baab7}.inspector-grid{display:grid;grid-template-columns:1fr auto;row-gap:8px;margin-top:13px}.process{position:absolute;bottom:0;left:0;right:0;background:rgba(5,19,28,.98);border-top:1px solid #3d859080;padding:12px 25px 10px;min-height:185px;z-index:5;box-shadow:0 -20px 45px #00172155}.process-head{display:flex;justify-content:space-between;align-items:center}.process-head b{display:block;font-size:14px;margin-top:4px}.footer-actions{display:flex;align-items:center;gap:17px;color:#77a7b0;font-size:10px;letter-spacing:.6px}.flow-grid{display:flex;align-items:center;gap:6px;margin-top:11px}.stage{border:1px solid #355662;background:linear-gradient(145deg,#12313d,#0c2531);color:#e0f2f2;flex:1;min-width:0;padding:11px 12px;text-align:left;border-radius:6px;transition:background .2s,border .2s}.stage:hover{background:#154550;border-color:#3bbab2}.stage .stage-num{color:#70b9bd;font-size:9px;letter-spacing:1px;display:block}.stage b{display:block;font-size:10px;letter-spacing:.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.stage strong{display:block;font-size:18px;font-variant-numeric:tabular-nums;color:#aff6e4}.stage small{display:block;font-size:9px;color:#7898a6}.arrow{color:#34afad;font-weight:700;font-size:22px}.bottom-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.8px;color:#5c8090;margin-top:11px}.pulse-dot{margin-top:7px}#toast{position:absolute;bottom:202px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:5px;background:#123f4a;color:#c8fff0;opacity:0;transition:opacity .25s;pointer-events:none;z-index:20;box-shadow:0 5px 20px #0007}#toast.show{opacity:1}dialog{max-width:490px;background:#09222d;border:1px solid #4a9a9b;color:#d7eeee;border-radius:12px;padding:31px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#010f17cc}dialog h2{font-size:25px}dialog p{color:#aac4ca;line-height:1.7}.dialog-close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#fff;font-size:22px}.primary{background:#40c9b8;border:0;color:#032a2b;padding:11px 17px;font-weight:800;border-radius:6px}@media(max-width:1100px){.panel{width:256px}.controls{left:8px;padding:14px}.analytics{right:8px;padding:14px}.stage{padding:9px 7px}.stage b{font-size:9px}.arrow{font-size:16px}.masthead{padding:0 12px}.brand{font-size:15px}.revision{display:none}}@media(max-width:780px){html,body,#app{min-height:900px;overflow:auto}.masthead{height:68px}.panel{top:79px;bottom:auto;height:280px;width:calc(50% - 13px)}.controls{left:7px}.analytics{right:7px}.process{position:absolute;top:620px;bottom:auto;overflow:auto;min-height:270px}.flow-grid{flex-wrap:wrap}.stage{min-width:140px}.arrow{display:none}.subtitle{font-size:7px}.header-meta .revision{display:none}#world{height:625px}.bottom-meta{flex-direction:column}}
