:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;background:#05070c;color:#dfe6f2}.app{display:flex;flex-direction:column;height:100vh}.disclaimer{background:#123023;color:#b6f0cf;font-size:12.5px;line-height:1.5;padding:7px 14px;border-bottom:1px solid #1d5a3a}.disclaimer b{color:#86e6b0}.hdr{display:flex;align-items:baseline;gap:14px;padding:10px 16px;border-bottom:1px solid #1a2030}.hdr h1{font-size:20px;margin:0;color:#38d9a9;letter-spacing:.5px}.hdr .sub{font-size:13px;color:#9fb0c8}.hdr .sub b{color:#cfe4ff}.body{display:flex;flex:1;min-height:0}.panel{width:310px;flex-shrink:0;overflow-y:auto;padding:14px;background:#0a0e16;border-right:1px solid #1a2030}.grp-title{font-size:12px;color:#6f82a0;text-transform:uppercase;letter-spacing:1px;margin:14px 0 7px}.grp-title:first-child{margin-top:0}.presets{display:flex;flex-wrap:wrap;gap:6px}.presets button{flex:1 1 46%;padding:8px 6px;font-size:12px;cursor:pointer;background:#131a28;color:#cdd8ea;border:1px solid #263248;border-radius:6px}.presets button.on{background:#123528;border-color:#2f9e6f;color:#bff3e0}.presets button:hover{border-color:#2f9e6f}.scenes{display:flex;flex-wrap:wrap;gap:5px}.scenes button{flex:1 1 30%;padding:6px 4px;font-size:11.5px;cursor:pointer;background:#131a28;color:#cdd8ea;border:1px solid #263248;border-radius:6px}.scenes button.on{background:#351f24;border-color:#c05a5a;color:#ffc9c9}.seg{display:flex;gap:6px}.seg button{flex:1;padding:8px 6px;font-size:12px;cursor:pointer;background:#131a28;color:#cdd8ea;border:1px solid #263248;border-radius:6px}.seg button.on{background:#123528;border-color:#2f9e6f;color:#bff3e0}.sl-sel{display:block;font-size:12.5px;color:#aab8d0;margin:12px 0 4px}.sl-sel select{width:100%;margin-top:5px;background:#131a28;color:#cfe4ff;border:1px solid #263248;border-radius:6px;padding:6px 8px;font-size:12.5px}.dopchart-wrap{margin:10px 0 4px}.denied{margin-top:12px;padding:9px 11px;font-size:12px;line-height:1.6;color:#ffd0d0;background:#2a1418;border:1px solid #6a2f34;border-radius:7px}.denied b{color:#ff9a9a}.denied a{color:#7fd0ff}.sl{display:block;font-size:12.5px;color:#aab8d0;margin:12px 0 4px}.sl b{float:right;color:#cfe4ff;font-weight:600}.sl input{width:100%;margin-top:6px;accent-color:#2f9e6f}.metrics{margin-top:14px;border-top:1px solid #1a2030;padding-top:10px}.metrics div{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0}.metrics span{color:#8fa0bc}.metrics b{color:#cfe4ff}.metrics b.good{color:#38d9a9}.metrics b.bad{color:#ff8a8a}.metrics b.warn{color:#ffa94d}.note{margin-top:14px;font-size:12px;line-height:1.6;color:#9aabc4}.note b{color:#cfe4ff}.stage{position:relative;flex:1;min-width:0}.busy{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:5;background:#131a28cc;color:#cfe4ff;font-size:12px;padding:4px 12px;border-radius:12px;border:1px solid #263248}.plots{width:262px;flex-shrink:0;overflow-y:auto;padding:14px;background:#0a0e16;border-left:1px solid #1a2030}.plot-box{margin-bottom:18px}.plot-cap{font-size:12px;color:#7f92b4;margin-bottom:6px}.plot-canvas{display:block;background:#070c15;border:1px solid #1a2740;border-radius:8px}.plot-legend{font-size:11px;color:#8fa0bc;margin-top:5px;display:flex;gap:10px;align-items:center}.plot-legend .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:3px;vertical-align:middle}.dot.g{background:#38d9a9}.dot.m{background:#54607a}.dot.r{background:#ff6b6b}.dot.o{background:#ffa94d}.dot.t{background:#7fd0ff}.dot.e{background:#ffd166}.dot.el{background:transparent;border:1px solid #38d9a9}.sat-lab{font-size:9.5px;color:#bff3e0;background:#0a0e16cc;border:1px solid #244;border-radius:4px;padding:0 4px;white-space:nowrap;transform:translateY(-14px)}.sat-lab.nlos{color:#ffc9c9;border-color:#6a2f2f}.sat-lab span{color:#7f92b4;margin-left:4px}.ftr{font-size:11px;color:#7386a0;padding:7px 14px;border-top:1px solid #1a2030;line-height:1.5}.ftr b{color:#9fb4d0}