:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--navy-950: #071837;--navy-900: #0e285d;--navy-800: #17376f;--navy-700: #23477e;--blue: #1688e8;--cyan: #5e989a;--lime: #97d32c;--white: #f2f3f6;--text-soft: #c5d0e2;--text-muted: #91a0ba;--text-faint: #6f809f;--border: #29497a;--border-active: #476b9c;--signal-red: #df443d;--signal-yellow: #d9df2d;--signal-green: #91cb38;color:var(--white);background:var(--navy-950)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--navy-950);color:var(--white)}button,input,select{font:inherit}.app-shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:28px 0 70px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding:25px 4px 30px}.hero h1{max-width:980px;margin:12px 0 16px;font-size:clamp(34px,5vw,66px);line-height:.98;letter-spacing:-.045em}.hero p{max-width:760px;margin:0;color:var(--text-soft);font-size:17px;line-height:1.6}.pill{display:inline-flex;padding:7px 11px;border:1px solid #527b28;border-radius:999px;background:#173d37;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.08em}.notice{margin:0 0 18px;padding:13px 16px;border:1px solid #3f6b89;border-radius:10px;background:#123557;color:#dcecf5}.notice.error{border-color:#7d4545;background:#49272b;color:#ffd3d3}.step-card,.panel{background:var(--navy-900);border:1px solid var(--border);border-radius:12px;box-shadow:none}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.step-card{position:relative;overflow:hidden;padding:20px}.step-card.ready{border-color:#64883d}.step-card.running{border-color:var(--cyan);box-shadow:none}.step-title{display:flex;align-items:center;gap:12px}.step-title>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #38669b;border-radius:50%;background:var(--navy-800);color:#6ebcff;font-weight:900}.step-card.ready .step-title>span{border-color:#658b3d;background:#213f36;color:var(--lime)}.step-title small,.section-heading small{color:#7db9c4;font-size:10px;font-weight:900;letter-spacing:.12em}.step-title h2,.section-heading h2{margin:2px 0 0;font-size:20px}.step-card>p{min-height:58px;color:var(--text-muted);font-size:13px;line-height:1.5}.file-picker{display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:13px;border:1px dashed var(--border-active);border-radius:9px;background:var(--navy-950);cursor:pointer}.file-picker input{display:none}.file-picker strong{font-size:13px}.file-picker span{color:var(--text-muted);font-size:11px}.link-button{padding:0 0 8px;border:0;background:transparent;color:#76b9da;cursor:pointer;font-size:12px}.preset-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.preset-buttons button{padding:9px 5px;border:1px solid var(--border);border-radius:8px;background:var(--navy-950);color:var(--white);cursor:pointer;font-weight:700}.preset-buttons button:hover{border-color:#6284ae;background:#102b5d}.preset-buttons small{color:var(--text-faint);font-weight:500}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-row label{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:11px}.field-row input,.field-row select{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;outline:none;background:var(--navy-950);color:var(--white)}.field-row input:focus,.field-row select:focus{border-color:var(--cyan)}.mini-summary{margin:10px 0;color:var(--text-faint);font-size:11px}.action-button,.live-button,.stop-button{width:100%;padding:12px 14px;border:0;border-radius:8px;cursor:pointer;font-weight:900;transition:background .15s ease,opacity .15s ease}.action-button{background:var(--lime);color:#163453}.action-button:hover:not(:disabled){background:#a5dc43}.live-button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff}.live-button:hover:not(:disabled){background:#2995e7}.live-button i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:none}.stop-button{background:#b84040;color:#fff}.stop-button:hover:not(:disabled){background:#ca4b4b}button:disabled{opacity:.4;cursor:not-allowed}.run-chip{display:flex;align-items:center;gap:8px;margin-top:10px;overflow:hidden;color:var(--text-muted);font-size:10px}.run-chip code{overflow:hidden;color:var(--lime);white-space:nowrap;text-overflow:ellipsis}.stream-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;color:var(--text-muted);font-size:10px}.stream-line b{color:var(--text-soft);font-weight:700}.stream-dot{width:8px;height:8px;border-radius:50%;background:#66748b}.stream-dot.live{background:var(--lime);box-shadow:none}.stream-dot.connecting,.stream-dot.reconnecting{background:var(--signal-yellow)}.panel{margin:16px 0;padding:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:15px}.section-heading p{max-width:620px;margin:0;color:var(--text-muted);font-size:12px;line-height:1.5;text-align:right}.simulator-panel{padding-bottom:14px}.traffic-canvas-shell{position:relative;height:min(68vh,720px);min-height:500px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--navy-950)}.traffic-canvas-shell canvas{display:block;width:100%;height:100%}.canvas-legend{position:absolute;top:14px;right:14px;display:flex;gap:12px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--navy-900);color:var(--text-soft);font-size:10px}.canvas-legend span{display:flex;align-items:center;gap:5px}.canvas-legend i{display:block;width:14px;height:7px;border-radius:2px}.canvas-legend i.car{background:#579fe0}.canvas-legend i.bus.b1{width:20px;background:var(--lime)}.canvas-legend i.bus.b2{width:20px;background:#5e989a}.canvas-legend i.stop{width:5px;height:13px;background:#76b9da}.decision-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.decision-card{padding:16px;border:1px solid var(--border);border-radius:9px;background:var(--navy-950)}.decision-card.yellow{border-color:#858736}.decision-card header{display:flex;align-items:center;justify-content:space-between}.decision-card header small{color:var(--text-muted)}.decision-card h3{margin:2px 0}.decision-card header>strong{color:#73b7de;font-size:30px}.phase-explanation{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.phase-explanation span{padding:9px;border:1px solid #203d69;border-radius:7px;background:#0a214e;color:var(--text-muted);font-size:11px}.phase-explanation b{display:block;margin-top:3px;color:var(--white);font-size:13px}.signal-mini-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.signal-mini-row div{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;border-radius:6px;background:#081d45}.signal-mini-row i{width:11px;height:11px;border-radius:50%;background:#34435c;box-shadow:none}.signal-mini-row i.red{background:var(--signal-red)}.signal-mini-row i.yellow{background:var(--signal-yellow)}.signal-mini-row i.green{background:var(--signal-green)}.decision-card footer{display:flex;justify-content:space-between;margin-top:12px;color:var(--text-faint);font-size:10px}.decision-history{display:flex;align-items:center;gap:7px;margin-top:13px;padding-bottom:3px;overflow:auto;color:var(--text-muted);font-size:10px}.decision-history strong{color:var(--text-soft)}.decision-history code{padding:6px 8px;border:1px solid #203d69;border-radius:6px;background:var(--navy-950);color:var(--text-soft);white-space:nowrap}.training-panel .section-heading{align-items:center}.chart-tabs{display:flex;flex-wrap:wrap;gap:5px}.chart-tabs button{padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--navy-950);color:var(--text-muted);cursor:pointer;font-size:10px}.chart-tabs button:hover{color:var(--white);border-color:var(--border-active)}.chart-tabs button.active{border-color:#628b3b;background:#203d39;color:var(--lime)}.learning-chart{display:block;width:100%;height:auto;max-height:280px}.learning-chart line{stroke:#29497a;stroke-width:1}.learning-chart text{fill:var(--text-faint);font-size:10px}.learning-chart path{fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.learning-chart circle{fill:var(--lime);stroke:var(--navy-950);stroke-width:2}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric-grid article{padding:13px;border:1px solid var(--border);border-radius:8px;background:var(--navy-950)}.metric-grid span{display:block;color:var(--text-muted);font-size:10px}.metric-grid strong{display:block;margin:4px 0;color:var(--white);font-size:22px}.metric-grid small{color:var(--text-faint);font-size:9px}@media(max-width:1050px){.control-grid{grid-template-columns:1fr}.step-card>p{min-height:0}.hero{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app-shell{width:min(100% - 18px,1480px);padding-top:12px}.hero h1{font-size:38px}.section-heading{flex-direction:column;align-items:flex-start}.section-heading p{text-align:left}.decision-cards,.field-row{grid-template-columns:1fr}.traffic-canvas-shell{min-height:430px}.canvas-legend{inset:auto auto 10px 10px;flex-wrap:wrap}.metric-grid{grid-template-columns:1fr 1fr}.phase-explanation{grid-template-columns:1fr}}