@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;600&family=DM+Sans:ital,opsz,wght@0,9..40,400..800;1,9..40,400..700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,sans-serif;color:#f1f5f9;background:#060e0b;font-synthesis:none;text-rendering:optimizeLegibility;font-size:15px;line-height:1.6;--bg: #060e0b;--panel: #0d1914;--panel-elevated: #12221b;--panel-card: #0f1d17;--line: #22382c;--line-active: #3b5e4b;--text-main: #f8fafc;--text-sub: #cbd5e1;--text-muted: #94a3b8;--accent: #4ade80;--accent-glow: rgba(74, 222, 128, .25);--accent-dark: #153322;--mono: "DM Mono", monospace;--display: "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-width:360px;min-height:100vh;background:radial-gradient(ellipse at 80% -5%,#132b1d 0%,transparent 45%),var(--bg);color:var(--text-main);overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:270px;flex:none;position:fixed;inset:0 auto 0 0;background:#091310;border-right:1px solid #1a2c23;padding:24px 16px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 6px 22px}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--accent);color:#05140b;display:grid;place-items:center;box-shadow:0 0 24px var(--accent-glow)}.brand b{font-family:var(--display);font-size:22px;letter-spacing:-.6px;display:block;font-weight:800}.brand b span{color:var(--accent)}.brand small{display:block;font:11px var(--mono);letter-spacing:1.6px;color:var(--text-muted);font-weight:500;margin-top:2px}.workspace{background:#112019;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:10px 12px;gap:10px;margin-bottom:24px}.workspace-icon{height:34px;width:34px;display:grid;place-items:center;background:#1e3a2c;color:#4ade80;border-radius:8px;font:700 15px var(--display)}.workspace b{font-size:14px;font-weight:700;display:block}.workspace small{font-size:12px;color:var(--text-muted);display:block;margin-top:2px}.nav-label{font:600 11px var(--mono);letter-spacing:1.2px;color:#7b9487;padding:0 8px 10px;text-transform:uppercase}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;color:var(--text-sub);font-size:15px;font-weight:500;padding:10px 12px;border-radius:9px;transition:all .2s ease;text-align:left}.nav-item:hover{background:#14281f;color:var(--text-main)}.nav-item.selected{background:#183327;color:#f8fafc;font-weight:600;box-shadow:inset 3px 0 var(--accent)}.nav-item.selected svg{color:var(--accent)}.nav-item span{flex:1}.nav-item i{font:11px var(--mono);font-style:normal;color:var(--accent);background:#234835;padding:2px 7px;border-radius:6px;font-weight:600}.agents-label{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.agents-label button{color:var(--text-muted)}.agent-menu{display:grid;gap:3px}.agent-menu button{border-radius:8px;text-align:left;padding:9px 11px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-sub);transition:all .2s}.agent-menu button:hover{background:#12241b;color:var(--text-main)}.agent-menu button.active{background:#193527;color:#fff;font-weight:600}.agent-dot{width:9px;height:9px;border-radius:50%;flex:none}.tiny-arrow{margin-left:auto;color:var(--accent);font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:20px}.memory-card{background:linear-gradient(145deg,#12241b,#0c1813);border:1px solid #243e30;border-radius:12px;padding:14px}.memory-top{display:flex;justify-content:space-between;align-items:center;font:600 11px var(--mono);letter-spacing:.8px;color:var(--text-sub)}.memory-top span:first-child{display:flex;align-items:center;gap:6px}.live-dot,.connection span,.date-dot,.footer-dot{height:8px;width:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.memory-card>b{display:block;font:800 28px var(--display);margin-top:8px;color:#fff}.memory-card>b small{font:500 13px DM Sans;color:var(--text-muted)}.memory-meter{height:4px;background:#20382b;border-radius:3px;margin:12px 0 10px;overflow:hidden}.memory-meter i{display:block;height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.memory-card button{color:var(--text-sub);font-size:13px;display:flex;align-items:center;gap:6px;transition:color .2s}.memory-card button:hover{color:var(--accent)}.main-area{margin-left:270px;width:calc(100% - 270px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:64px;border-bottom:1px solid #1a2c23;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#09130fd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.breadcrumbs{font-size:14px;color:var(--text-sub);font-weight:500}.breadcrumbs span{color:#4b6658;padding:0 8px}.top-actions{display:flex;align-items:center;gap:16px}.connection{font:500 13px var(--mono);color:var(--text-sub);display:flex;align-items:center;gap:8px;background:#11221a;border:1px solid #233b2e;padding:6px 12px;border-radius:20px}.connection span{background:#f59e0b;box-shadow:none}.connection.ok span{background:var(--accent);box-shadow:0 0 10px var(--accent)}.content{max-width:1540px;width:100%;margin:0 auto;padding:32px 36px;flex:1}.welcome-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:20px}.eyebrow{font:600 12px var(--mono);letter-spacing:1.2px;color:var(--accent);display:flex;align-items:center;gap:8px;text-transform:uppercase}.eyebrow-line{height:2px;width:24px;background:var(--accent)}.welcome-row h1{font:800 clamp(28px,3.2vw,42px) var(--display);letter-spacing:-1px;margin:6px 0;color:#fff;line-height:1.2}.heading-period{color:var(--accent)}.welcome-row p{color:var(--text-sub);font-size:16px;max-width:900px;line-height:1.6}.header-badge-chip{font:600 12px var(--mono);letter-spacing:.8px;color:#a7f3d0;border:1px solid #22543d;background:#0f2d1e;border-radius:20px;padding:8px 14px;display:flex;align-items:center;gap:8px;flex:none}.error-banner{background:#3b1816;border:1px solid #7f231c;border-radius:10px;padding:12px 16px;color:#fca5a5;font-size:14px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.error-banner button{color:#fff;text-decoration:underline;font-size:13px}.test-templates-bar{background:#0e1b15;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:24px}.bar-title{display:flex;align-items:center;gap:8px;font:700 13px var(--mono);letter-spacing:.8px;color:var(--text-sub);margin-bottom:12px}.scenario-pill-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scenario-quick-pill{background:#13241c;border:1px solid #233b2d;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;transition:all .2s ease;position:relative}.scenario-quick-pill:hover{background:#183025;border-color:#3b634d}.scenario-quick-pill.active{background:#183a2a;border-color:var(--accent);box-shadow:0 0 16px #4ade8033}.pill-number{font:800 16px var(--mono);color:var(--accent);background:#091a11;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;flex:none}.pill-text{flex:1;min-width:0}.pill-text b{font-size:15px;font-weight:700;display:block;color:#fff}.pill-text small{font-size:13px;color:var(--text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.pill-tag{font:600 11px var(--mono);color:#a7f3d0;background:#103322;padding:4px 8px;border-radius:6px;flex:none}.enter-custom-pill{background:#162a22;border-style:dashed;border-color:#3d6852}.enter-custom-pill:hover{background:#1e3a2e;border-color:var(--accent)}.simulation-control-card{background:linear-gradient(145deg,#10211a,#0b1712);border:1px solid var(--line);border-radius:14px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.sim-control-left{flex:1;display:flex;flex-direction:column;gap:16px}.sim-selector-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sim-selector-group label>span{display:block;font:600 12px var(--mono);letter-spacing:.6px;color:var(--text-sub);margin-bottom:6px}.select-wrap{display:flex;align-items:center;background:#08130e;border:1px solid #233a2d;border-radius:8px;padding:0 12px;height:44px;gap:10px}.select-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.select-wrap select{width:100%;background:transparent;border:none;color:#fff;font-size:15px;font-weight:600;cursor:pointer;outline:none}.select-wrap select option{background:#0d1a14;color:#fff}.select-dot{width:10px;height:10px;border-radius:50%;flex:none}.conditions-mini-strip{display:flex;align-items:center;gap:16px;background:#08120d;border:1px solid #1a2f23;border-radius:8px;padding:8px 14px}.mini-condition{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-sub)}.mini-condition b{color:#fff}.sim-control-actions{display:flex;flex-direction:column;gap:10px;flex:none;min-width:220px}.primary-action-btn{height:46px;background:var(--accent);color:#06150b;font-weight:700;font-size:15px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;box-shadow:0 4px 20px var(--accent-glow)}.primary-action-btn:hover{background:#86efac;transform:translateY(-2px)}.primary-action-btn:disabled{opacity:.6;cursor:wait;transform:none}.primary-action-btn.compact{height:36px;font-size:13px;padding:0 14px;margin-top:10px}.secondary-action-btn{height:40px;background:#162b20;border:1px solid #284736;color:#f1f5f9;font-weight:600;font-size:14px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.secondary-action-btn:hover{background:#1f3b2d;color:#fff}.tertiary-action-btn{height:36px;background:transparent;color:var(--text-sub);font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:color .2s}.tertiary-action-btn:hover{color:var(--accent)}.visualizer-showcase-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:20px;margin-bottom:24px}.visualizer-stage-card{background:#091410;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.stage-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#0d1a15;border-bottom:1px solid var(--line)}.stage-title-wrap{display:flex;align-items:center;gap:10px}.stage-title-wrap h3{font:700 17px var(--display);color:#fff}.stage-mode-switcher{display:flex;background:#08110d;border:1px solid #1c3026;border-radius:8px;padding:3px;gap:4px}.mode-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;color:var(--text-sub);transition:all .2s}.mode-btn:hover{color:#fff}.mode-btn.active{background:#1a3829;color:var(--accent)}.stage-viewport{position:relative;min-height:440px;flex:1;background:#060e0b}.city-3d-wrapper{position:relative;width:100%;height:480px;overflow:hidden;border-radius:12px}.cine-director-tag{position:absolute;top:14px;right:18px;display:flex;align-items:center;gap:8px;background:#000000d1;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px 10px;font:700 11px var(--mono);letter-spacing:.5px;color:#fff;z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rec-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:pulse-rec 1.2s ease-in-out infinite alternate}@keyframes pulse-rec{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1.15);box-shadow:0 0 8px #ef4444}}.rec-text{color:#94a3b8}.cine-divider{color:#475569}.cine-agent{font-weight:800;letter-spacing:.8px}.telemetry-hud{font:700 12px var(--mono);color:#38bdf8;background:#0ea5e91f;border-color:#38bdf866}.telemetry-icon{color:#38bdf8;animation:spin-gauge 3s linear infinite}.city-3d-canvas{width:100%;height:100%}.city-3d-hud{position:absolute;top:48px;left:16px;right:16px;display:flex;align-items:center;gap:10px;pointer-events:none;flex-wrap:wrap}.hud-badge{background:#0a1410e0;border:1px solid #233b2e;border-radius:8px;padding:7px 12px;font-size:13px;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:auto}.agent-hud{font-weight:700}.hud-dot{width:8px;height:8px;border-radius:50%}.hud-mode{font:600 12px var(--mono);color:var(--accent);background:#142a1f;padding:2px 7px;border-radius:4px}.weather-hud{color:var(--text-sub)}.weather-icon.sun{color:#facc15}.weather-icon.rain{color:#60a5fa}.timer-hud{font-size:13px}.timer-hud b{color:#fff}.hud-divider{color:#475569}.hud-status{font:700 11px var(--mono);padding:2px 6px;border-radius:4px}.hud-status.good{background:#14532d;color:#86efac}.hud-status.bad{background:#7f1d1d;color:#fca5a5}.camera-switch-row{margin-left:auto;display:flex;background:#0a1410e6;border:1px solid #243c2f;border-radius:8px;padding:3px;gap:4px;pointer-events:auto}.cam-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-sub);transition:all .2s}.cam-btn:hover{color:#fff}.cam-btn.active{background:#193829;color:var(--accent)}.city-3d-footer{position:absolute;bottom:12px;left:16px;right:16px;background:#0a1410e6;border:1px solid #243c2f;border-radius:10px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dispatch-progress-group{flex:1;display:flex;align-items:center;gap:12px}.hub-marker{font:600 12px var(--mono);white-space:nowrap}.hub-marker.depot{color:#4ade80}.hub-marker.customer{color:#38bdf8}.dispatch-track{flex:1;height:8px;background:#182b22;border-radius:6px;position:relative}.dispatch-fill{height:100%;border-radius:6px;transition:width .3s ease}.dispatch-runner{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;background:#0f1d17;border:2px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:#fff;transition:left .3s ease;box-shadow:0 0 10px #4ade8066}.playback-actions,.speed-action-controls{display:flex;align-items:center;gap:12px}.hud-play-btn{display:flex;align-items:center;gap:6px;background:var(--accent);color:#08190e;font-weight:700;font-size:13px;padding:6px 14px;border-radius:6px;transition:all .2s}.hud-play-btn:hover{background:#86efac}.hud-play-btn.replay{background:#142a1f;border:1px solid #284736;color:#a7f3d0}.hud-play-btn.replay:hover{background:#1d3d2e;color:#fff}.sim-speed-selector{display:flex;background:#08130e;border:1px solid #1c3227;border-radius:6px;padding:2px;gap:2px}.speed-btn{display:flex;align-items:center;gap:4px;font:600 11px var(--mono);color:var(--text-muted);padding:4px 8px;border-radius:4px;transition:all .2s}.speed-btn:hover{color:#fff}.speed-btn.active{background:#183325;color:var(--accent)}.hud-drag-tip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.architecture-overview-card{background:#0c1813;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:24px}.diagram-top-badges{display:flex;align-items:center;gap:12px}.diagram-step-pill{font:700 12px var(--mono);padding:4px 10px;border-radius:6px;letter-spacing:.5px}.architecture-diagram-container{background:#07120d;border:1px solid #1a2f23;border-radius:10px;padding:16px;margin:16px 0}.trace-step-actions{display:flex;align-items:center;gap:10px}.agent-brain-3d-wrapper{position:relative;width:100%;height:480px}.brain-3d-canvas{width:100%;height:100%}.brain-hud-top{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brain-badge{background:#0a1410e6;border:1px solid #233b2e;border-radius:8px;padding:7px 14px;font-size:14px;display:flex;align-items:center;gap:8px;color:#fff}.brain-hud-hint{font-size:13px;color:var(--text-muted)}.brain-step-callout{position:absolute;bottom:14px;left:16px;right:16px;background:#0b1712eb;border:1px solid var(--accent);border-radius:10px;padding:12px 18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.callout-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.callout-dot{width:8px;height:8px;border-radius:50%}.callout-header b{font-size:15px;color:#fff}.callout-phase{font:600 11px var(--mono);color:var(--accent);background:#142a1f;padding:2px 7px;border-radius:4px;text-transform:uppercase;margin-left:auto}.callout-detail{font-size:14px;color:var(--text-sub);margin:0}.diagram-embed-wrap{padding:20px}.live-outcome-card{background:linear-gradient(155deg,#10211a,#0b1712);border:1px solid var(--line);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column}.outcome-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.outcome-kicker{font:700 12px var(--mono);letter-spacing:.8px;color:var(--text-sub);display:flex;align-items:center;gap:8px}.status-badge{font:700 12px var(--mono);letter-spacing:.6px;padding:5px 10px;border-radius:6px}.status-badge.on-time{background:#166534;color:#bbf7d0}.status-badge.late{background:#991b1b;color:#fecaca}.outcome-body{display:flex;flex-direction:column;gap:16px}.selected-route-highlight{display:flex;align-items:center;gap:14px;background:#08130e;border:1px solid;border-radius:10px;padding:14px 16px}.route-icon-box{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;flex:none}.route-title-text small{font:600 11px var(--mono);color:var(--text-muted);letter-spacing:.6px;display:block}.route-title-text h4{font:800 24px var(--display);color:#fff;margin:2px 0 0}.route-arrow{margin-left:auto;color:var(--accent)}.stats-metric-strip{display:grid;grid-template-columns:1fr 1fr 1fr;background:#091410;border:1px solid #1a2f24;border-radius:10px;padding:12px;gap:8px}.stat-box{text-align:center}.stat-box+.stat-box{border-left:1px solid #1a2f24}.stat-box small{font:600 11px var(--mono);color:var(--text-muted);display:block;letter-spacing:.5px}.stat-box b{font:800 20px var(--display);color:#fff;display:block;margin-top:4px}.stat-box .unit{font-size:13px;font-weight:500;color:var(--text-muted)}.plain-english-summary{background:#0a1711;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:12px 14px}.plain-english-summary b{font:700 12px var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}.plain-english-summary p{font-size:14px;color:#f1f5f9;line-height:1.55;margin:0}.persona-note-snippet{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-sub);background:#07120d;border:1px solid #1c3226;border-radius:8px;padding:10px 12px}.outcome-placeholder{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:20px}.placeholder-pulse{width:58px;height:58px;border-radius:50%;background:#142a1f;border:1px solid #284736;display:grid;place-items:center;color:var(--accent);animation:breathe 3s infinite}.outcome-placeholder b{font:700 18px var(--display);color:#fff}.outcome-placeholder span{font-size:14px;color:var(--text-muted);max-width:280px}.explainable-journey-card{background:#0c1813;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:24px;display:flex;flex-direction:column;gap:22px}.persona-banner{display:flex;align-items:center;gap:16px;background:#10211a;border-left:4px solid;border-radius:0 12px 12px 0;padding:16px 20px}.persona-avatar{width:48px;height:48px;border:2px solid;border-radius:12px;display:grid;place-items:center;font-size:24px;flex:none}.persona-info{flex:1}.persona-title-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.persona-name{font:800 22px var(--display);color:#fff}.persona-badge{font:700 12px var(--mono);padding:3px 10px;border-radius:6px;text-transform:uppercase}.persona-tagline{font-size:15px;color:var(--text-sub);margin:0}.agent-mindset-box{background:#08140f;border:1px solid #1e3629;border-radius:10px;padding:16px 18px}.mindset-header{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff;margin-bottom:8px}.mindset-text{font-size:15px;font-style:italic;color:#e2e8f0;line-height:1.6;margin-bottom:12px}.mindset-rule{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--accent);background:#0f2419;padding:8px 12px;border-radius:6px}.journey-timeline-section{display:flex;flex-direction:column;gap:14px}.timeline-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.timeline-title-wrap{display:flex;align-items:center;gap:8px}.timeline-title-wrap h4{font:700 18px var(--display);color:#fff}.timeline-player-controls{display:flex;align-items:center;gap:8px}.player-btn{height:36px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;background:#14281f;border:1px solid #284737;border-radius:7px;color:#fff;font-size:13px;font-weight:600;transition:all .2s}.player-btn:hover:not(:disabled){background:#1f3d2f}.player-btn:disabled{opacity:.4;cursor:not-allowed}.player-btn.primary{background:var(--accent);color:#06150b}.player-btn.primary:hover{background:#86efac}.speed-pills{display:flex;background:#08140f;border:1px solid #1e3629;border-radius:6px;padding:2px;gap:2px;margin-left:6px}.speed-pill{padding:4px 8px;font:600 11px var(--mono);color:var(--text-muted);border-radius:4px}.speed-pill.active{background:#1a3627;color:var(--accent)}.trace-stepper-ribbon{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.ribbon-step{display:flex;align-items:center;gap:8px;background:#091410;border:1px solid;border-radius:8px;padding:8px 12px;white-space:nowrap;transition:all .2s;flex:none}.ribbon-step.current{background:#14281f;box-shadow:0 0 12px #4ade8040}.step-number{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--mono)}.step-label{font-size:14px;font-weight:600;color:#fff}.active-step-card{background:#08130e;border-left:4px solid;border-radius:0 10px 10px 0;padding:16px 20px}.active-step-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.step-phase-pill{font:700 11px var(--mono);padding:3px 8px;border-radius:4px;letter-spacing:.5px}.step-index-counter{font:600 12px var(--mono);color:var(--text-muted)}.active-step-title{font:700 18px var(--display);color:#fff;margin-bottom:6px}.active-step-detail{font-size:15px;color:var(--text-sub);line-height:1.6;margin:0}.route-comparison-section{display:flex;flex-direction:column;gap:12px}.section-title-row{display:flex;align-items:center;gap:8px}.section-title-row h4{font:700 18px var(--display);color:#fff}.section-subtitle{font-size:14px;color:var(--text-sub);margin:0}.route-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:6px}.route-card-item{border:1px solid;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s}.route-card-top{display:flex;justify-content:space-between;align-items:center}.route-title-badge{display:flex;align-items:center;gap:10px}.route-id{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font:800 14px var(--mono)}.route-title-badge b{font-size:16px;color:#fff}.chosen-pill{font:700 11px var(--mono);padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:4px}.rejected-pill{font:600 11px var(--mono);padding:4px 8px;border-radius:6px;background:#1e293b;color:#94a3b8}.route-card-specs{display:flex;align-items:center;justify-content:space-between;background:#09130f;border:1px solid #1c3227;border-radius:8px;padding:10px 12px;font-size:13px;color:var(--text-sub)}.spec-item{display:flex;align-items:center;gap:6px}.spec-item b{color:#fff}.traffic-dot{width:8px;height:8px;border-radius:50%}.traffic-dot.light{background:#22c55e}.traffic-dot.moderate{background:#f59e0b}.traffic-dot.heavy{background:#ef4444}.capitalize{text-transform:capitalize}.route-why-box{font-size:13px;line-height:1.5}.why-chosen{display:flex;align-items:flex-start;gap:8px;color:#a7f3d0;background:#22c55e1a;border-radius:6px;padding:8px 10px}.why-rejected{display:flex;align-items:flex-start;gap:8px;color:#fca5a5;background:#ef44441a;border-radius:6px;padding:8px 10px}.final-outcome-banner{display:flex;align-items:center;gap:16px;background:#0b1a13;border:1px solid;border-radius:12px;padding:18px 20px}.outcome-icon-wrap{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;flex:none}.outcome-text-wrap{flex:1}.outcome-headline{display:flex;align-items:center;gap:12px;margin-bottom:4px}.outcome-headline b{font:700 16px var(--display);color:#fff}.outcome-route-badge{font:600 12px var(--mono);background:#162f22;color:var(--accent);padding:2px 8px;border-radius:4px}.outcome-description{font-size:14px;color:var(--text-sub);margin:0 0 8px}.outcome-pills{display:flex;gap:16px;font-size:13px;color:var(--text-muted)}.outcome-pills b{color:#fff}.behavior-matrix-card{background:#0c1813;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:24px}.behavior-matrix-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.behavior-matrix-header h3{font:800 22px var(--display);color:#fff;margin:4px 0 6px}.behavior-intro{font-size:15px;color:var(--text-sub);max-width:800px;margin:0}.behavior-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.behavior-card{background:#0f2019;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:all .2s ease}.behavior-card:hover{background:#142a20}.behavior-card.active-agent{background:#152d22}.behavior-card-top{display:flex;align-items:center;gap:12px}.agent-avatar{width:44px;height:44px;border-radius:10px;border:2px solid;display:grid;place-items:center;font-size:20px;flex:none}.agent-text-meta{flex:1}.agent-title-row{display:flex;align-items:center;gap:8px}.agent-title-row b{font-size:16px;color:#fff}.current-indicator{font:700 10px var(--mono);color:#08160f;padding:2px 6px;border-radius:4px}.agent-archetype{font-size:13px;font-weight:600;display:block}.behavior-philosophy{font-size:14px;color:#cbd5e1;font-style:italic;line-height:1.5;margin:0;background:#08130e;padding:10px 12px;border-radius:8px}.behavior-result-box{background:#091610;border:1px solid #1c3628;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}.result-route-row{display:flex;justify-content:space-between;align-items:center}.route-chosen-badge{font:700 13px var(--mono);padding:4px 10px;border-radius:6px;display:flex;align-items:center;gap:6px}.on-time-tag{font:700 11px var(--mono);padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:4px}.on-time-tag.good{background:#14532d;color:#86efac}.on-time-tag.late{background:#7f1d1d;color:#fca5a5}.result-metrics{display:flex;justify-content:space-between;font-size:13px;color:var(--text-sub);padding-bottom:6px;border-bottom:1px solid #1a3225}.result-metrics b{color:#fff}.result-explanation b{font:600 12px var(--mono);color:var(--accent);display:block;margin-bottom:2px}.result-explanation p{font-size:13px;color:#e2e8f0;line-height:1.45;margin:0}.behavior-awaiting-box{font-size:13px;color:var(--text-muted);text-align:center;padding:14px;background:#08130e;border-radius:8px}.inspect-agent-btn{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;padding:8px 4px 0;border-top:1px solid #1e3629;transition:all .2s}.inspect-agent-btn:hover{filter:brightness(1.2)}.custom-data-editor-card{background:#0d1914;border:1px solid var(--line);border-radius:14px;padding:24px}.editor-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.editor-kicker{font:700 12px var(--mono);letter-spacing:.8px;color:var(--accent);display:flex;align-items:center;gap:6px;margin-bottom:4px}.editor-header-title h3{font:800 24px var(--display);color:#fff;margin:0 0 6px}.editor-intro{font-size:15px;color:var(--text-sub);margin:0}.subtle-btn-reset{display:flex;align-items:center;gap:6px;color:var(--text-sub);font-size:14px;background:#14281f;border:1px solid #284737;padding:6px 12px;border-radius:6px;transition:all .2s}.subtle-btn-reset:hover{color:#fff;border-color:var(--accent)}.editor-conditions-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#08140f;border:1px solid #1d3628;border-radius:12px;padding:20px;margin-bottom:24px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full-width{grid-column:1 / -1}.form-field label{font:600 13px var(--mono);letter-spacing:.5px;color:var(--text-sub)}.field-label-row{display:flex;justify-content:space-between;align-items:center}.field-value-badge{font:700 13px var(--mono);color:var(--accent)}.slider-row{display:flex;align-items:center;gap:14px}.range-slider{flex:1;accent-color:var(--accent);cursor:pointer}.input-text,.number-input{background:#0d1e16;border:1px solid #284838;border-radius:8px;padding:10px 14px;color:#fff;font-size:15px;outline:none}.input-text:focus,.number-input:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.number-input.compact{width:75px;text-align:center}.field-hint{font-size:12px;color:var(--text-muted)}.toggle-pill-group{display:flex;gap:10px}.toggle-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#0d1e16;border:1px solid #254031;border-radius:8px;padding:10px;font-size:14px;font-weight:600;color:var(--text-sub);transition:all .2s}.toggle-pill:hover{background:#142a1f;color:#fff}.toggle-pill.active.clear{background:#1a382a;border-color:var(--accent);color:#fff}.toggle-pill.active.rain{background:#172b38;border-color:#38bdf8;color:#fff}.toggle-pill.active.normal{background:#19382b;border-color:var(--accent);color:#fff}.toggle-pill.active.urgent{background:#3b2813;border-color:#f59e0b;color:#fef3c7}.editor-routes-section{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.routes-section-header{display:flex;justify-content:space-between;align-items:center}.routes-section-header h4{font:700 18px var(--display);color:#fff;margin:0 0 2px}.routes-section-header p{font-size:14px;color:var(--text-sub);margin:0}.add-route-btn{display:flex;align-items:center;gap:6px;background:#153324;border:1px solid #2b5c41;color:#4ade80;font-size:14px;font-weight:700;padding:8px 14px;border-radius:8px;transition:all .2s}.add-route-btn:hover:not(:disabled){background:#1e4732}.add-route-btn:disabled{opacity:.4;cursor:not-allowed}.route-editor-list{display:flex;flex-direction:column;gap:12px}.route-editor-card{background:#08140f;border:1px solid #1f382a;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:14px}.route-header-bar{display:flex;align-items:center;gap:12px}.route-badge-id{font:800 13px var(--mono);background:#153322;color:var(--accent);padding:6px 10px;border-radius:6px;flex:none}.route-name-input{flex:1;background:#0d1e16;border:1px solid #233e30;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;font-weight:600}.route-open-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-sub);cursor:pointer;white-space:nowrap}.route-open-toggle input{accent-color:var(--accent);width:16px;height:16px}.route-delete-btn{width:32px;height:32px;display:grid;place-items:center;background:#261614;border:1px solid #542520;color:#f87171;border-radius:6px;transition:all .2s}.route-delete-btn:hover:not(:disabled){background:#3d1c18}.route-delete-btn:disabled{opacity:.3;cursor:not-allowed}.route-inputs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini-input-group label{font:600 12px var(--mono);color:var(--text-muted);display:block;margin-bottom:4px}.unit-input-wrap{display:flex;align-items:center;background:#0d1e16;border:1px solid #233e30;border-radius:6px;padding:0 10px}.unit-input-wrap input{width:100%;background:transparent;border:none;padding:7px 0;color:#fff;font-size:14px;font-weight:600;outline:none}.unit-input-wrap span{font:600 12px var(--mono);color:var(--text-muted)}.traffic-buttons{display:flex;background:#0d1e16;border:1px solid #233e30;border-radius:6px;padding:2px;gap:2px}.traffic-btn{flex:1;padding:6px 0;font:600 11px var(--mono);color:var(--text-muted);border-radius:4px;text-transform:capitalize}.traffic-btn.light.active{background:#15803d;color:#fff}.traffic-btn.moderate.active{background:#b45309;color:#fff}.traffic-btn.heavy.active{background:#b91c1c;color:#fff}.editor-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap;gap:16px}.agent-target-notice{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-sub)}.agent-target-notice b{color:#fff}.editor-cta-row{display:flex;align-items:center;gap:12px}.editor-action-btn{height:44px;padding:0 18px;border-radius:8px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .2s}.editor-action-btn.secondary{background:#14281f;border:1px solid #274736;color:#fff}.editor-action-btn.secondary:hover{background:#1e3b2e}.editor-action-btn.primary{box-shadow:0 4px 16px #4ade804d}.editor-action-btn.primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.editor-action-btn.compare{background:#172c38;border:1px solid #2d556e;color:#7dd3fc}.editor-action-btn.compare:hover{background:#234254;color:#fff}.back-btn{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-sub);margin-bottom:16px;transition:color .2s}.back-btn:hover{color:var(--accent)}.full-architecture-page{padding:24px}.card-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-kicker{font:700 12px var(--mono);letter-spacing:.8px;color:var(--accent);display:flex;align-items:center;gap:6px;margin-bottom:4px}.full-architecture-page h2{font:800 26px var(--display);color:#fff;margin:0}.agent-select{background:#091410;border:1px solid #233b2e;border-radius:8px;padding:8px 14px;color:#fff;font-size:15px;font-weight:600;outline:none}.architecture-summary{font-size:15px;color:var(--text-sub);margin:0 0 20px;max-width:900px}.architecture-3d-dual{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.dual-column{background:#07120d;border:1px solid var(--line);border-radius:12px;overflow:hidden}.dual-header{padding:12px 16px;background:#0d1e16;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:14px;color:#fff}.architecture-bottom-analysis{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:20px}.architecture-bottom-analysis h4{font:700 14px var(--mono);letter-spacing:.5px;color:var(--text-sub);margin-bottom:10px}.pill-wrap{display:flex;flex-wrap:wrap;gap:8px}.quality-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:#14291f;border:1px solid #234735;border-radius:6px;font-size:13px;font-weight:500;color:#a7f3d0}.quality-pill.weakness{background:#2b2318;border-color:#574127;color:#fde68a}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{background:#0d1914;border:1px solid var(--line);border-radius:12px;padding:18px 20px}.metric-top{display:flex;align-items:center;gap:8px;color:var(--accent)}.metric-top small{font:700 11px var(--mono);letter-spacing:.8px;color:var(--text-muted)}.metric>b{font:800 34px var(--display);color:#fff;display:block;margin:10px 0 2px}.metric>span{font-size:13px;color:var(--text-muted)}.chart-card{background:#0d1914;border:1px solid var(--line);border-radius:14px;padding:24px}.comparison-actions{display:flex;align-items:center;gap:12px}.text-btn{font-size:14px;font-weight:600;color:var(--text-sub);transition:color .2s}.text-btn:hover{color:var(--accent)}.primary-btn{height:40px;background:var(--accent);color:#06150b;font-weight:700;font-size:14px;border-radius:8px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.primary-btn:hover{background:#86efac}.chart-wrap{height:280px;margin:24px 0 20px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th{font:700 12px var(--mono);letter-spacing:.6px;color:var(--text-muted);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}td{font-size:14px;color:#cbd5e1;padding:14px;border-bottom:1px solid #16261f;vertical-align:top}td b{color:#fff}.table-status{font:700 11px var(--mono);padding:3px 8px;border-radius:4px;display:inline-block}.table-status.good{background:#14532d;color:#86efac}.table-status.bad{background:#7f1d1d;color:#fca5a5}.empty-comparison{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center}.pulse-orbit{width:60px;height:60px;border-radius:50%;background:#142a1f;border:1px solid #284736;display:grid;place-items:center;color:var(--accent);animation:breathe 3s infinite}.empty-comparison b{font:800 20px var(--display);color:#fff}.empty-comparison span{font-size:15px;color:var(--text-muted);max-width:400px}.diagnostics-card{background:#0d1914;border:1px solid var(--line);border-radius:14px;padding:24px}.diagnostic-summary{display:flex;justify-content:space-between;align-items:center;background:#12241b;border:1px solid #274b35;border-radius:10px;padding:16px 20px;margin:20px 0}.diagnostic-summary>b{font:800 28px var(--display);color:var(--accent)}.diagnostic-summary small{font-size:15px;color:var(--text-sub)}.diagnostic-summary>span{font:600 13px var(--mono);color:var(--text-sub)}.diagnostic-list{display:flex;flex-direction:column}.diagnostic-row{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid #16261f}.diagnostic-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none}.diagnostic-mark.pass{background:#14532d;color:#86efac}.diagnostic-mark.fail{background:#7f1d1d;color:#fca5a5}.diagnostic-row>div{flex:1}.diagnostic-row>div b{font-size:15px;color:#fff;display:block}.diagnostic-row>div small{font-size:13px;color:var(--text-muted);display:block;margin-top:2px}.diag-group{font:600 12px var(--mono);color:var(--text-sub);background:#14281e;padding:3px 8px;border-radius:4px}.diagnostic-row time{font:600 12px var(--mono);color:var(--text-muted)}.diagram-scroll{overflow-x:auto;border-radius:10px;background:#07120d}.architecture-svg{display:block;width:100%;height:auto;min-height:200px}.diagram-scroll.large .architecture-svg{min-height:380px}.node-title{fill:#fff;font:700 14px DM Sans,sans-serif}.node-detail{fill:#94a3b8;font:500 12px DM Mono,monospace}.edge-label{fill:#94a3b8;font:600 11px DM Mono,monospace}footer{border-top:1px solid #1a2c23;margin-top:36px;padding:16px 4px 8px;display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font:500 12px var(--mono);letter-spacing:.6px}footer i{font-style:normal;color:#3b5547;padding:0 6px}@keyframes breathe{50%{box-shadow:0 0 0 14px #4ade8026,0 0 35px #4ade8040;transform:scale(1.04)}}@media(max-width:1200px){.visualizer-showcase-grid{grid-template-columns:1fr}.scenario-pill-list,.metric-grid{grid-template-columns:1fr 1fr}.architecture-3d-dual{grid-template-columns:1fr}}@media(max-width:860px){.sidebar{width:72px;padding:16px 8px;align-items:center}.brand>div:nth-child(2),.workspace,.nav-label,.nav-item span,.nav-item i,.agent-menu button span:not(.agent-dot),.tiny-arrow,.agents-label,.memory-card{display:none}.main-area{margin-left:72px;width:calc(100% - 72px)}.content{padding:20px 18px}.simulation-control-card{flex-direction:column;align-items:stretch}.sim-selector-group{grid-template-columns:1fr}.route-inputs-grid{grid-template-columns:1fr 1fr}.editor-conditions-grid{grid-template-columns:1fr}}@media(max-width:580px){.scenario-pill-list,.metric-grid{grid-template-columns:1fr}.toggle-pill-group{flex-direction:column}.route-inputs-grid,.stats-metric-strip{grid-template-columns:1fr}.stat-box+.stat-box{border-left:none;border-top:1px solid #1a2f24;padding-top:8px}}