:root{--bg:#070c12;--panel:#0d151f;--line:#25313b;--text:#dce5eb;--muted:#7d909c;--blue:#95d1d1;--mint:#9dcebd;--amber:#d3b88a;--font:"Segoe UI","Microsoft YaHei",sans-serif}body{background:radial-gradient(ellipse at 50% -25%,#23323d55,transparent 60%),#070c12;letter-spacing:.3px}.rail{background:#0b121a;border-color:#202d36;width:68px}.rail .brand svg{stroke:#d3c09b}.rail .brand svg circle:last-child{fill:#a9dad4;stroke:#a9dad4}.rail-word{color:#c1ae90;font-size:8px;letter-spacing:3px}.rail-index{margin-top:auto;font:8px monospace;color:#53636c;letter-spacing:2px}.rail-bottom{margin-top:21px;color:#a8b4ba}.rail nav{gap:22px}.nav-icon.active{background:linear-gradient(135deg,#2d363c,#17242c);color:#d0c09e;box-shadow:inset 0 0 0 1px #51534b}.nav-icon:hover{background:#1b2932}.shell{margin-left:68px}.topbar{height:65px;border-color:#243039;padding:0 30px;background:#0b121abf}.crumb{font-size:10px;letter-spacing:2px;color:#a89c84}.topbar #view-name{font-size:11px;color:#a5b8c2}.top-actions{gap:13px}.demo-label{font-size:9px;letter-spacing:1px;color:#b6a482}.demo-dot{background:#bea57b}.avatar{background:#28373e;color:#bdc7c8;border:1px solid #45535a}.text-button{font-size:10px;color:#80949f}.icon-button{color:#9eb3be}main{padding:24px 30px 107px;max-width:2300px}.page-heading{margin-bottom:22px}.eyebrow{font:8px/1.6 "Segoe UI",sans-serif;letter-spacing:2.8px;color:#7b8f99}.eyebrow span{color:#6e6860}h1{font-size:26px;font-weight:500;letter-spacing:2px;margin:9px 0 8px}.title-dot{color:#776b57;font-size:22px;margin:0 4px}.heading-en{font-size:15px;letter-spacing:.3px;font-family:Georgia,serif;font-weight:400;font-style:italic;color:#acb8bb}.page-heading p{font-size:10px;letter-spacing:2px;color:#657c88}.heading-badge .pulse-dot{background:#b4c8b6;width:5px;height:5px;box-shadow:0 0 12px #95bba659}.heading-badge strong{font-size:11px;color:#b8c6c1;letter-spacing:1px}.heading-badge small{font:8px/1.6 monospace;letter-spacing:1px;color:#536c78}.metrics{border-color:#2c3940;background:linear-gradient(120deg,#1c2830c7,#0f1923);border-radius:7px;margin-bottom:18px;padding:15px 0;box-shadow:inset 0 1px #8daab20a}.metric{border-color:#354047;padding:0 24px}.metric>span{color:#8c9da6;letter-spacing:1.5px;font-size:9px}.metric>div{margin-top:4px}.metric strong{font-size:29px;letter-spacing:1px;font-family:"Segoe UI Light",sans-serif;font-weight:300}.metric em{font-size:9px;color:#627782}.metric svg{stroke:#adbaa2;opacity:.65;width:62px}.metric-mark{color:#829a9c;font-size:20px}.metric-mark.amber{color:#c0a67c}.metric-mark.mint{color:#a1c5b0}.workspace{grid-template-columns:208px minmax(0,1fr) 285px;gap:14px}.panel{border-radius:7px;border-color:#29353e;background:linear-gradient(130deg,#121d27,#0d1620);box-shadow:0 12px 35px #0002,inset 0 1px #b3c4ce06}.panel-head{padding:0 17px;height:49px;border-color:#27333d}.section-label{color:#bac7ce;font-size:10px;letter-spacing:.8px}.section-sub{font:7px monospace;letter-spacing:1px;color:#617680;margin-left:8px}.queue .panel-head .section-sub,.detail .panel-head .section-sub{display:none}.count{font:9px monospace;letter-spacing:1px;color:#a39478}.task-card{border:1px solid #293942;background:linear-gradient(120deg,#19242e,#14202a);margin:12px 11px 0;width:calc(100% - 22px);padding:15px 12px 17px;border-radius:5px}.task-card:hover{background:#22353e;border-color:#6b7e80}.task-card.selected{border-color:#786c54;background:linear-gradient(110deg,#313a3b,#1b2b34);box-shadow:inset 0 1px #cab88e0a}.task-card.selected:before{background:#d5bd91;top:18px;height:20px}.task-type{color:#95a8ae;font-size:7px;letter-spacing:1.8px}.task-type b{font:9px monospace;color:#baa782}.task-card h3{font-size:12px;font-weight:500;color:#d5dde0;margin:11px 0 10px;letter-spacing:.5px}.task-card p{font-size:9px;color:#809da6}.task-card.selected p{color:#c4bea4}.task-mini{margin-top:18px}.task-mini .mini-node{border-color:#627d83}.task-card.selected .mini-node{background:#b5c5ad;border-color:#b5c5ad}.task-mini i{background:#465d62}.task-mini span{font:8px monospace;color:#7e929a}.queue-note{padding:28px 12px}.queue-note p{font-size:9px;color:#80979e}.queue-note small{font-size:8px;color:#4e6975}.queue-note>span{color:#647a7e}.tour-button{background:linear-gradient(110deg,#24353b,#1b2931);border-color:#4a554f;border-radius:5px;padding:13px 10px}.tour-button>span{background:#3c4848;border:1px solid #7b8169;color:#d3caad;width:27px;height:27px}.tour-button div{font-size:9px;color:#c3d0d1}.tour-button small{font-size:8px;color:#6a858e}.tour-button b{color:#b5ae91}.board{min-height:610px;background:radial-gradient(ellipse at 50% 60%,#26404a3d,transparent 64%),linear-gradient(150deg,#0d1822,#08111a);position:relative;border-color:#35464e;box-shadow:inset 0 1px #96c2c515,0 10px 50px #0003;overflow:hidden}.board-heading{padding:17px 19px 0;position:relative;z-index:3;pointer-events:none}.board-heading>div,.scene-toolbar{pointer-events:auto}.board-heading .section-sub{color:#607f8a;font-size:6px}.board-badge{display:none}.board-title{padding:15px 19px 0;position:relative;z-index:3;pointer-events:none}.board-title h2{font-size:18px;font-weight:500;letter-spacing:1px;margin:0 0 6px}.board-title p{font-size:9px;color:#688591;max-width:75%;line-height:1.8}.stage-pills{position:relative;z-index:3;margin:13px 19px 0;gap:7px;pointer-events:none}.stage-pill{font-size:8px;padding:3px 6px;border-radius:2px;color:#4b6674;border-color:#29414c;background:#101f29aa;backdrop-filter:blur(6px)}.stage-pill.current{background:#34403d;border-color:#8b8466;color:#e1d1ab;box-shadow:0 0 18px #d0ba7c09}.stage-pill.done{border-color:#41665f;color:#90bdb0}.stage-arrow{color:#435e67;font-size:8px}.scene-toolbar{display:flex;gap:7px}.scene-tool{width:25px;height:25px;font-size:15px;line-height:1;background:#182932b3;border:1px solid #354d58;border-radius:3px;color:#95aeb6;display:grid;place-items:center}.scene-tool:hover,.scene-tool[aria-pressed=true]{border-color:#b5a47e;color:#e3d0a6}.map-wrap{background:none;margin-top:-103px;padding-top:100px;min-height:480px;position:relative;flex:1;isolation:isolate;overflow:hidden}#scene-host{position:absolute;inset:0;z-index:0;cursor:grab}#scene-host:active{cursor:grabbing}#scene-host canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.scene-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#b5b79f;font:9px monospace;letter-spacing:3px;gap:15px}.scene-loading span{font:10px var(--font);color:#6f8e9a;letter-spacing:1px}#scene-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.spatial-label{position:absolute;left:0;top:0;transform:translate(-50%,-100%);text-align:left;pointer-events:auto;padding:6px 9px 6px 8px;border:1px solid #4d6a7066;border-left:2px solid #66868a;background:linear-gradient(110deg,#0c1922e8,#10212bc9);backdrop-filter:blur(10px);border-radius:2px;min-width:91px;transition:background .25s,border-color .25s,opacity .25s;white-space:nowrap;box-shadow:0 6px 18px #0005}.spatial-label:hover{border-color:#b1d7d6;background:#1c3842}.spatial-label small{display:block;font:6px monospace;letter-spacing:1.3px;color:#71939b;margin-bottom:2px}.spatial-label strong{font-size:9px;font-weight:400;letter-spacing:.5px;display:flex;align-items:center;gap:6px;color:#b9cdd2}.spatial-label .node-led{width:3px;height:3px;border-radius:50%;background:#607c83;box-shadow:none;display:inline-block}.spatial-label.active{border-color:#90c7c17a;border-left-color:#a9e6d7;background:linear-gradient(110deg,#183536ef,#122630dc)}.spatial-label.active strong{color:#dcf5ec}.spatial-label.active .node-led{background:#aeedce;box-shadow:0 0 7px #b1f8db}.spatial-label.done{border-left-color:#a0b78d}.spatial-label.done .node-led{background:#a7c594}.spatial-label.revising{border-color:#b49b6677;border-left-color:#e7c28b;background:linear-gradient(110deg,#3b3025ed,#221f1bea)}.spatial-label.revising strong{color:#eed5b0}.spatial-label.revising .node-led{background:#eed5b0;box-shadow:0 0 7px #efd394}.spatial-label.selected{border-color:#cdbd96;box-shadow:0 0 18px #ceb67d18}.spatial-label .agent-state{font-size:7px;color:#6f969d;font-weight:400;padding-left:4px}.scene-axis{position:absolute;bottom:30px;left:17px;width:45px;height:45px;z-index:3;opacity:.65;pointer-events:none}.scene-axis svg{width:100%;height:100%;fill:none;stroke:#8fa79e;stroke-width:.7}.scene-axis>span{position:absolute;left:20px;top:-9px;font:7px monospace;color:#b5ae91}.scene-axis small{position:absolute;right:-2px;bottom:1px;font:7px monospace;color:#8db5b7}.scene-axis b{position:absolute;left:-3px;bottom:1px;font:7px monospace;color:#8db5b7;font-weight:400}.scene-annotation{position:absolute;bottom:19px;right:18px;text-align:right;pointer-events:none;z-index:3}.scene-annotation span{font:7px monospace;color:#879d9f;letter-spacing:2px}.scene-annotation b{display:block;font-size:7px;color:#4e6d79;letter-spacing:1px;margin-top:5px;font-weight:400}.scene-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:3;font-size:7px;letter-spacing:.5px;color:#4d6c79;white-space:nowrap;pointer-events:none}#orbit-map{display:none}.board-foot{min-height:39px;padding:10px 17px;background:#0b151dc9;border-color:#273c46;position:relative;z-index:3;font-size:7px}.legend{gap:12px}.board-foot #map-note{color:#678c95}.flow-view #orbit-map{display:block;position:relative;z-index:4;min-height:390px;background:#0b1821e8}.flow-view #scene-host,.flow-view #scene-labels,.flow-view .scene-axis,.flow-view .scene-annotation,.flow-view .scene-hint{visibility:hidden}.flow-view .map-wrap{margin-top:0;padding-top:0}.detail{background:linear-gradient(145deg,#15212a,#0c151e)}.detail #detail-content{padding:20px 18px;min-height:480px}.live-badge{font:7px monospace;border-color:#3b4947;color:#a39b82;border-radius:2px}.detail-kicker{color:#758e95;font:7px monospace;letter-spacing:1.8px;margin-bottom:20px}.role-pair{font-size:9px;color:#b0bfbf;gap:9px;margin-bottom:16px}.role-token{border-color:#586964;background:linear-gradient(140deg,#3a4542,#1b2e34);border-radius:5px;color:#d3c29b;width:33px;height:33px}.role-token.amber-token{background:#3b3328;border-color:#947849}.detail h3{font-size:18px;color:#d9e1df;line-height:1.65;font-weight:500;letter-spacing:.6px;margin-bottom:15px}.detail .body-copy{font-size:10px;color:#7e99a5;line-height:2}.detail .hint-box{padding:14px 12px;background:linear-gradient(100deg,#1c3239,#182933);border-left:1px solid #829f8c;color:#abc8c9;font-size:9px;line-height:2;margin-top:22px}.detail .hint-box.amber-hint{border-color:#c7a471;background:linear-gradient(100deg,#3a3026,#29271f);color:#cdb99a}.detail .label-line{font:8px monospace;color:#5f7d88;letter-spacing:1.5px;margin-top:22px}.detail .next-copy{font-size:10px;line-height:1.9;color:#8fa7b0;margin-top:4px}.primary-button{border-radius:3px;border:1px solid #6e7663;background:linear-gradient(115deg,#3c4640,#283d40);color:#d7d5ba;font-size:10px;letter-spacing:.8px;padding:12px}.primary-button:hover{border-color:#cbbe92;background:#455b51}.detail-source{font:7px monospace;color:#496976;margin-top:13px;letter-spacing:.3px}.bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;margin-top:14px}.event-log{height:153px;padding:4px 17px 10px}.log-row{padding:10px 0;grid-template-columns:40px 11px minmax(0,1fr) auto;gap:9px;border-color:#223540;font-size:9px}.log-time{font:8px monospace;color:#648590}.log-text{color:#91aab3;font-size:9px}.log-type{font:7px monospace;color:#527582}.log-dot{width:3px;height:3px;background:#90c3c1}.log-row:first-child .log-text{color:#bfdbd9}.event-log,.output-panel #outputs{scrollbar-color:#3a565e transparent}.output-panel #outputs{height:153px;padding:10px 16px}.output-card{padding:8px 0;border-color:#273941;gap:11px}.output-card strong{font-size:10px;color:#bcced0}.output-card small{font:7px monospace;color:#5f808d}.output-card .output-icon{border-color:#4d6867;background:linear-gradient(130deg,#2b3a3b,#1b2b34);color:#c8c5a2;width:28px;height:31px;font-size:12px}.output-card.final .output-icon{border-color:#8aa88a;background:#293e34;color:#cadcbc}.output-card>b{color:#91afa8;font-size:12px}.output-empty strong{font-size:10px;color:#819ba3}.output-empty small{font-size:8px}.empty-icon{border-color:#435f64;color:#7f9f9f}.page-footer{font:7px monospace;letter-spacing:.7px;color:#3d5d6c;margin-top:17px}.playback{left:68px;height:69px;background:linear-gradient(90deg,#16232beb,#111e28f2);border-color:#3d4a4b;padding:0 30px;gap:17px}.play-button{width:31px;height:31px;background:linear-gradient(130deg,#d1c19d,#a39d80);box-shadow:0 0 18px #cab77c10;color:#1e2e32;font-size:11px}.play-button:hover{background:#e6d9b5}.restart-button{font-size:22px;color:#8faaa9}.playback-meta strong{font-size:10px;color:#c5d3d1}.playback-meta small{font:7px monospace;color:#5b808d}.playback-meta{min-width:135px}.time{font:9px monospace;color:#b0beb9}#seek{accent-color:#c8bc92;height:2px;appearance:none;border:0;border-radius:0}#seek::-webkit-slider-thumb{appearance:none;height:10px;width:10px;border:2px solid #d4c8a1;background:#8e9d92;box-shadow:0 0 12px #d5cda92e;transform:rotate(45deg);border-radius:0}#speed{font:9px monospace;background:#1f3239;border-color:#465b5c;color:#bcc6b1;border-radius:3px}.next-button{color:#9fada2;font-size:9px;border-color:#405554;padding-left:17px}.page-footer .text-button{font-size:7px}dialog{background:linear-gradient(125deg,#1c3039,#0e1923);border-color:#6b7766;border-radius:7px;box-shadow:0 25px 120px #000b}#modal-content h2{color:#d6e0dc;font-weight:400}#modal-content p{color:#9bb5bd}#modal-content h3{color:#c1cab8}.document{background:#152831;border-color:#425c60;border-radius:4px}.modal-tag{color:#c4b288;border-color:#6e6046;border-radius:2px}.file-chip{background:#233c41;border-color:#57766f;color:#c8d4c2}.badge-icon{background:linear-gradient(130deg,#4b5141,#234047);border-color:#6a7a65;color:#c7d2b5;border-radius:8px}.insight-card{background:#213b40;border-radius:4px}.insight-card strong{color:#c9d0b5}.replay-card{border-color:#3a5259}.replay-card>span{color:#c8b78d}.doc-meta{color:#6b959c}#toast{background:#304946;border-color:#728e7a;color:#d4dfca;bottom:89px;border-radius:4px}.scene-fallback .scene-loading{display:none}.scene-fallback #orbit-map{display:block}.scene-fallback #scene-labels{display:none}.scene-fallback .map-wrap{margin-top:0}.reduced .spatial-label{transition:none}@media(min-width:1650px){main{padding-left:38px;padding-right:38px}.workspace{grid-template-columns:230px minmax(0,1fr) 310px}.board{min-height:660px}.map-wrap{min-height:530px}.task-card{padding:18px 14px 20px}.task-card h3{font-size:13px}.task-card p{font-size:10px}.detail #detail-content{padding:24px 22px}.detail h3{font-size:20px}.detail .body-copy{font-size:11px}.detail .hint-box,.detail .next-copy{font-size:10px}.spatial-label strong{font-size:10px}.spatial-label{min-width:104px;padding:8px 10px}.spatial-label small{font-size:7px}}@media(max-width:1250px){.workspace{grid-template-columns:180px minmax(0,1fr) 246px;gap:10px}.board{min-height:570px}.map-wrap{min-height:450px}.detail{grid-column:auto}.detail #detail-content{display:flex;min-height:450px;padding:18px 14px}.detail .hint-box,.detail .detail-cta{grid-column:auto;grid-row:auto}.detail h3{font-size:16px}.detail .body-copy{font-size:9px}.detail .label-line{margin-top:17px}.detail .next-copy{font-size:9px}.detail .detail-cta{padding-top:18px}.task-card h3{font-size:11px}.task-card p{font-size:8px}.task-mini{gap:4px}.task-mini span{font-size:7px}.queue-note{padding:17px 5px}.tour-button div{font-size:8px}.tour-button small{font-size:7px}.board-title p{max-width:93%;font-size:8px}.board-heading .section-sub{display:none}.stage-pills{gap:5px}.stage-pill{font-size:7px;padding:3px 5px}.heading-en{font-size:12px}main{padding-left:22px;padding-right:22px}.spatial-label{min-width:76px;padding:5px 7px}.spatial-label strong{font-size:8px;gap:4px}.spatial-label small{font-size:5px}.spatial-label .agent-state{font-size:6px}}@media(max-width:1050px){.workspace{grid-template-columns:175px minmax(0,1fr)}.detail{grid-column:1/-1}.detail #detail-content{display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:5px 25px;padding:20px}.detail .hint-box{grid-column:2;grid-row:2/5}.detail .detail-cta{grid-column:2;grid-row:5/8}.board{min-height:580px}.map-wrap{min-height:450px}.heading-en{display:none}.queue-note{padding:24px 10px}.tour-button{margin-top:auto}.task-card{padding:16px 10px}}@media(max-width:800px){.shell{margin-left:54px}.rail{width:54px}.rail nav{gap:18px}.topbar{height:56px;padding:0 15px}.topbar .crumb{font-size:7px;letter-spacing:1px}.topbar #view-name{font-size:9px}.demo-label{font-size:8px}.top-actions{gap:7px}.text-button{font-size:8px}main{padding:20px 13px 124px}.page-heading h1{font-size:22px;margin:7px 0}.page-heading p{font-size:8px;letter-spacing:1px}.page-heading .eyebrow{font-size:6px;letter-spacing:1.5px}.metrics{padding:0}.metric{padding:13px 16px}.metric strong{font-size:25px}.metric>span{font-size:8px}.metric em{font-size:8px}.workspace{grid-template-columns:1fr;gap:12px}.queue #task-list{gap:8px;padding:9px}.task-card{min-width:166px;width:166px;margin:0;padding:12px}.task-card h3{font-size:11px;margin:8px 0}.task-card p{font-size:8px}.queue .panel-head{display:none}.board{min-height:570px}.map-wrap{min-height:440px}.board-title h2{font-size:16px}.board-title p{font-size:8px}.stage-pills{margin-top:12px}.board-heading{padding:15px 16px 0}.board-title{padding:15px 16px 0}.scene-tool{width:24px;height:24px}.spatial-label{min-width:73px;padding:4px 5px}.spatial-label small{font-size:5px;letter-spacing:.5px}.spatial-label strong{font-size:7px;gap:3px}.spatial-label .agent-state{display:none}.scene-hint{font-size:6px;bottom:9px}.scene-annotation{bottom:30px;right:13px}.scene-annotation span{font-size:6px}.scene-annotation b{display:none}.scene-axis{left:10px;bottom:25px;width:32px;height:32px}.scene-axis>span{left:14px;font-size:6px}.detail{grid-column:auto}.detail #detail-content{display:flex;min-height:0;padding:20px}.detail .hint-box,.detail .detail-cta{grid-column:auto;grid-row:auto}.detail h3{font-size:18px}.detail .body-copy,.detail .hint-box,.detail .next-copy{font-size:10px}.detail .detail-cta{margin-top:8px}.bottom-grid{grid-template-columns:1fr}.playback{left:54px;height:104px;padding:12px 14px;gap:10px}.playback-meta{min-width:0}.playback-meta strong{font-size:10px}.playback #elapsed,.playback #duration{font-size:8px}.next-button{font-size:8px;padding-left:9px}.page-footer{font-size:6px}.page-footer>span:nth-child(2){display:none}#toast{bottom:120px;left:calc(50% + 27px)}.board-foot{font-size:6px}.legend{gap:7px}}
