@charset "UTF-8";
:root{color-scheme:dark;--bg:#050a13;--surface:#0c1623;--line:#263343;--ink:#f4f0e6;--muted:#a0aebd;--faint:#7d8b9d;--mint:#b3d2c3;--gold:#dfc59c;--blue:#8bcdf0;--coral:#dc9f83;--serif:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;--sans:"Aptos","Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{transition:color .16s,background .16s,border-color .16s}a{color:var(--mint)}[hidden]{display:none!important}svg{display:block}img{max-width:100%}.app-shell{height:100dvh;min-height:700px;display:grid;grid-template-rows:86px minmax(0,1fr) 116px;overflow:hidden;background:radial-gradient(ellipse at 53% 40%,#13233870,transparent 64%)}
.site-header{display:flex;align-items:center;gap:24px;padding:0 34px;border-bottom:1px solid var(--line);z-index:4}.brand{display:flex;gap:12px;align-items:center;text-align:left;padding:0}.brand svg{width:42px;height:42px;color:var(--mint)}.brand strong{display:block;font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:3px;line-height:1.3}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.2px;margin-top:3px}.main-nav{display:flex;align-items:stretch;align-self:stretch;gap:30px;margin:auto}.main-nav button{position:relative;color:var(--muted);font-size:14px;padding:0 2px}.main-nav button:hover{color:var(--ink)}.main-nav button.active{color:var(--mint)}.main-nav button.active:after{content:"";height:2px;background:var(--mint);position:absolute;bottom:-1px;left:0;right:0}.header-actions{display:flex;align-items:center;gap:18px}.quiet-btn{color:var(--muted);font-size:12px}.quiet-btn:hover{color:var(--ink)}.tour-btn{border:1px solid #6f8276;padding:8px 15px;color:var(--mint);display:flex;gap:9px;align-items:center;border-radius:3px;font-size:12px}.tour-btn:hover{background:#b3d2c314}.tour-btn.is-running{color:var(--gold);border-color:var(--gold)}.play-symbol{font-size:18px;line-height:1}.icon-btn{font-size:24px;line-height:1;width:34px;height:34px;display:grid;place-items:center;color:var(--muted)}.icon-btn:hover{color:var(--ink)}
.workspace{display:grid;grid-template-columns:238px minmax(0,1fr) 300px;gap:28px;padding:30px 34px 22px;min-height:0}.narrative{display:flex;flex-direction:column;min-height:0}.place-line{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted);padding-bottom:30px;letter-spacing:.5px}.live-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;background:var(--mint);border-radius:50%;box-shadow:0 0 9px #b3d2c34d}.chapter{font-size:11px;color:var(--gold);letter-spacing:1px;margin:0 0 15px}h1{font:400 clamp(32px,2.7vw,48px)/1.45 var(--serif);margin:0 0 22px;letter-spacing:1px}.lead{font-size:13px;line-height:1.9;color:var(--muted);max-width:220px;margin:0}.narrative-bottom{margin-top:auto;padding-top:20px}.small-rule{height:1px;background:var(--line);width:35px;margin-bottom:18px}.narrative-bottom p{font-size:11px;color:var(--faint);line-height:1.9;margin:0 0 15px}.text-link{display:flex;align-items:center;gap:8px;padding:0;font-size:12px;color:var(--mint);text-align:left}.circle-play{width:24px;height:24px;border:1px solid #637767;border-radius:50%;display:grid;place-items:center;font-size:14px}.link-meta{font-size:10px;color:var(--faint);margin-left:3px}
.stage{position:relative;border:1px solid #263547;border-radius:4px;min-height:0;overflow:hidden;background:radial-gradient(ellipse at center,#17283a40,#07101b30);display:grid;grid-template-rows:42px minmax(0,1fr) 32px}.stage-header,.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;padding:0 18px;color:var(--muted);z-index:2}.stage-header{border-bottom:1px solid #26334380;letter-spacing:.5px}.stage-meta{font-variant-numeric:tabular-nums;color:var(--faint)}.stage-footer{border-top:1px solid #26334360;color:var(--faint);font-size:10px}.view{position:relative;min-height:0;display:none;overflow:hidden}.view.active{display:block}.plan-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}.plan-viewport:active{cursor:grabbing}.plan-world{position:absolute;will-change:transform;transform-origin:0 0}.plan-world>img{width:100%;height:100%;display:block;max-width:none;filter:brightness(.82) saturate(.74);border-radius:2px;box-shadow:0 25px 80px #0008;pointer-events:none}.plan-world:after{position:absolute;content:"";inset:0;box-shadow:inset 0 0 38px #050a131f;pointer-events:none}.hotspot{position:absolute;z-index:2;transform:translate(-50%,-50%);padding:12px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hotspot .pin{display:grid;place-items:center;width:30px;height:30px;background:#0a1824e6;border:1px solid #c0d2c5c7;border-radius:50%;color:#f4f0e6;font-size:11px;box-shadow:0 3px 14px #0008;font-variant-numeric:tabular-nums}.hotspot.active .pin{background:var(--gold);color:#17212a;border-color:#fff0ce;box-shadow:0 0 0 7px #dfc59c25,0 0 25px #e5c59360}.hotspot:hover .pin{background:var(--mint);color:var(--bg)}.hotspot .pin-label{position:absolute;left:46px;white-space:nowrap;font-size:10px;color:var(--ink);background:#08121de8;padding:3px 8px;border-radius:2px;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 3px 12px #0004}.hotspot.active .pin-label,.hotspot:hover .pin-label{opacity:1}.tour-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .2s}.tour-path.visible{opacity:1}.tour-path path{stroke:var(--gold);stroke-width:2;stroke-dasharray:5 8;fill:none;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #000)}.map-caption{position:absolute;bottom:18px;left:20px;display:flex;gap:8px;align-items:center;color:#c5cfd5;font-size:10px;pointer-events:none;text-shadow:0 1px 4px #000}.map-cross{font-size:18px;color:var(--gold)}.map-tools{position:absolute;right:15px;bottom:18px;display:flex;flex-direction:column;background:#0b1522ef;border:1px solid #475565;border-radius:3px;overflow:hidden;z-index:3}.map-tools button{width:32px;height:32px;line-height:1;font-size:18px;border-bottom:1px solid #354354}.map-tools button:last-child{border:0}.map-tools button:hover{background:#243448}.north{position:absolute;top:15px;right:16px;display:flex;align-items:center;gap:2px;font-size:10px;color:var(--gold);pointer-events:none}.north svg{width:18px;height:25px;transform:rotate(32deg)}
.inspector{min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#354354 transparent;padding-right:3px}.detail-kicker{font-size:10px;color:var(--gold);letter-spacing:1px;margin:0 0 8px}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.detail-count{font-size:11px;color:var(--faint);padding-top:5px;font-variant-numeric:tabular-nums}h2{font-family:var(--serif);font-size:26px;line-height:1.4;font-weight:400;letter-spacing:.4px;margin:0 0 14px}.detail-subtitle{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 18px}.scene-media{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:3px;background:#152131}.scene-media img,.scene-media video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.scene-media img{transition:opacity .3s}.scene-media video{opacity:0;transition:opacity .3s}.scene-media.playing video{opacity:1}.scene-media.playing img{opacity:0}.media-expand{position:absolute;right:9px;top:9px;background:#07101bc9;border:1px solid #d7e6e540;color:#fff;width:28px;height:28px;display:grid;place-items:center;font-size:16px;border-radius:2px;z-index:2}.media-overlay-label{position:absolute;bottom:0;left:0;right:0;padding:22px 12px 9px;background:linear-gradient(transparent,#050a13b5);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#fff;pointer-events:none}.media-controls{display:flex;gap:12px;padding:9px 0;font-size:10px;color:var(--muted);align-items:center}.media-controls button{color:var(--mint);padding:0}.media-controls .separator{color:#415060}.detail-section{border-top:1px solid var(--line);margin-top:14px;padding-top:16px}.detail-section h3{font-size:10px;color:var(--faint);font-weight:400;margin:0 0 9px;letter-spacing:1px}.detail-section p{font-size:12px;color:#c4ccd2;line-height:1.9;margin:0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 0}.tags span{font-size:10px;border:1px solid #37473f;color:var(--mint);padding:2px 7px;border-radius:2px}.evidence-link{width:100%;display:flex;text-align:left;justify-content:space-between;align-items:center;font-size:11px;color:var(--mint);padding:12px 0 0}.evidence-link span{font-size:16px}.detail-footnote{font-size:10px;line-height:1.8;color:var(--faint);margin:14px 0 0}.quote{border-left:1px solid var(--gold);padding-left:14px;color:#d1d6db;font-family:Georgia,var(--sans);font-size:14px;line-height:1.75;margin:20px 0}.quote small{display:block;font:10px var(--sans);color:var(--faint);margin-top:10px}
.bottom-bar{border-top:1px solid var(--line);padding:18px 34px;display:flex;gap:27px;align-items:center;background:#070e18}.rail-title{width:210px;flex-shrink:0}.rail-title>span{font-size:12px;letter-spacing:1px;color:#d7dfda}.rail-title small{display:block;font-size:10px;color:var(--faint);margin-top:7px}.node-rail{display:flex;gap:14px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.node-card{flex:1;min-width:90px;text-align:left;position:relative;padding:0 0 8px;border-bottom:1px solid #334252;opacity:.62}.node-card:hover,.node-card.active{opacity:1}.node-card.active{border-color:var(--gold)}.node-card img{width:100%;height:35px;object-fit:cover;display:block;margin-bottom:6px;border-radius:2px;filter:saturate(.7)}.node-card span{font-size:10px;white-space:nowrap}.node-card b{font-weight:400;color:var(--gold);font-size:9px;margin-right:6px;font-variant-numeric:tabular-nums}.rail-end{width:80px;flex-shrink:0;display:flex;align-items:center;gap:6px;font-size:9px;color:var(--faint)}
#modeControls{margin-top:22px;min-height:0}.control-label{display:block;color:var(--faint);font-size:10px;margin:0 0 10px}.topic-list{max-height:250px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#334252 transparent}.topic-option{display:flex;align-items:center;gap:9px;text-align:left;width:100%;padding:7px 0;font-size:11px;color:var(--muted)}.topic-option .swatch{width:4px;height:16px;background:var(--topic-color);flex-shrink:0}.topic-option.active,.topic-option:hover{color:var(--ink)}.topic-option em{font-style:normal;margin-left:auto;font-size:10px;color:var(--faint);padding-right:8px}.canvas-tooltip{position:absolute;background:#08121eef;border:1px solid #596775;padding:8px 10px;font-size:11px;max-width:240px;pointer-events:none;color:#e2e8ed;z-index:3}.view canvas{width:100%;height:100%;display:block}.view-caption{position:absolute;bottom:18px;left:20px;right:20px;text-align:center;color:var(--faint);font-size:10px;pointer-events:none}.control-row{display:flex;gap:7px;align-items:center}.segmented{display:flex;border:1px solid #354354;border-radius:3px;overflow:hidden}.segmented button{flex:1;padding:8px 4px;color:var(--muted);font-size:11px;border-right:1px solid #354354;font-variant-numeric:tabular-nums}.segmented button:last-child{border:0}.segmented button.active{background:#b3d2c319;color:var(--mint)}.ctrl-space{margin-top:20px}.outline-btn{border:1px solid #4f6263;border-radius:3px;padding:8px 13px;color:var(--mint);font-size:11px;display:flex;align-items:center;gap:8px}.outline-btn:hover{background:#b3d2c312}.thermal-legend{position:absolute;left:20px;top:18px;width:190px;background:#07101bde;border:1px solid #334252;padding:9px 12px;border-radius:3px;font-size:10px;color:var(--muted);pointer-events:none}.thermal-gradient{height:6px;background:linear-gradient(90deg,#5bafaa 0%,#b8d8b6 22%,#ead69a 43%,#eaa779 65%,#cc776b 82%,#935068 100%);margin:7px 0 4px}.legend-ticks{display:flex;justify-content:space-between;font-size:9px}.thermal-caption{bottom:10px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.metric{border-bottom:1px solid var(--line);padding-bottom:12px}.metric span{font-size:10px;display:block;color:var(--faint);margin-top:4px}.metric strong{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.2;font-variant-numeric:tabular-nums}.metric strong small{font:12px var(--sans);color:var(--muted);margin-left:3px}.scale-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:9px;gap:15px}.reading{border-left:2px solid var(--gold);padding:8px 13px;background:#dfc59c08;margin:14px 0}.reading strong{display:block;font:30px var(--serif);color:var(--gold)}.reading span{font-size:10px;color:var(--muted)}.group-option{display:flex;align-items:center;width:100%;gap:8px;margin:10px 0;color:var(--muted);font-size:12px;cursor:pointer}.group-option input{accent-color:var(--mint);width:14px;height:14px;margin:0 2px 0 0}.group-option i{width:6px;height:6px;border-radius:50%;background:var(--group-color)}.group-option em{font-size:10px;font-style:normal;margin-left:auto;font-variant-numeric:tabular-nums}.agent-overlay{position:absolute;left:20px;top:18px;display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px}.agent-progress{height:2px;background:#25394b;margin:18px 0 8px;overflow:hidden}.agent-progress div{height:100%;width:0;background:var(--mint)}.playback-time{font-variant-numeric:tabular-nums;font-size:10px;color:var(--faint)}input[type=range]{accent-color:var(--mint);width:100%}.source-tag{font-size:10px;color:var(--gold);border:1px solid #635947;border-radius:2px;padding:2px 6px;display:inline-block;margin-bottom:10px}.inline-number{font-variant-numeric:tabular-nums}
.modal-backdrop{position:fixed;inset:0;z-index:20;background:#03070edb;backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;padding:28px}.media-modal{width:min(1100px,95vw);max-height:94dvh;overflow:auto;background:#0c1724;border:1px solid #405262;border-radius:5px}.media-modal header,.source-modal header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 25px 15px;gap:15px}.media-modal header small,.source-modal header small{font-size:10px;color:var(--gold);letter-spacing:1px}.media-modal h2,.source-modal h2{font-size:25px;margin:5px 0 0}.media-body{background:#03070e;display:flex;align-items:center;justify-content:center;min-height:150px}.media-body video{width:100%;max-height:68dvh;display:block}.media-body img{max-height:68dvh;object-fit:contain;display:block}.media-modal>p{font-size:11px;color:var(--muted);padding:0 25px 12px}.source-modal{width:min(730px,95vw);max-height:90dvh;overflow:auto;background:#0c1724;border:1px solid #405262;border-radius:5px}.source-content{padding:0 25px 26px;font-size:12px;line-height:1.9;color:#c4ced5}.source-content dl{margin:25px 0}.source-content dt{font-size:12px;color:var(--mint);margin:20px 0 6px}.source-content dd{margin:0;color:var(--muted);font-size:11px}.source-summary{border-top:1px solid var(--line);padding-top:20px;color:var(--gold);font-size:12px}.tour-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:130px;z-index:10;background:#132335ed;border:1px solid #6e7563;border-radius:4px;padding:10px 16px;box-shadow:0 8px 35px #0006;display:flex;gap:24px;align-items:center;font-size:11px;color:var(--gold);white-space:nowrap}.tour-toast button{color:var(--muted);font-size:10px;padding:0;border-bottom:1px solid #667383}.load-error{position:fixed;bottom:5px;left:50%;transform:translateX(-50%);background:#592d2d;color:#fff;padding:8px 16px;font-size:12px;z-index:30}.empty-note{color:var(--faint);font-size:12px;padding:20px;text-align:center}
@media(min-width:1600px){.workspace{grid-template-columns:270px minmax(0,1fr) 350px;padding:40px 46px 30px;gap:38px}.site-header{padding:0 46px}.bottom-bar{padding:18px 46px}.rail-title{width:270px}.scene-media{aspect-ratio:16/10}h2{font-size:30px}.detail-subtitle,.detail-section p{font-size:13px}.lead{font-size:14px}}
@media(max-width:1190px){.workspace{grid-template-columns:195px minmax(0,1fr) 260px;gap:18px;padding:23px 22px 18px}.site-header{padding:0 22px;gap:14px}.main-nav{gap:19px}.main-nav button{font-size:12px}.header-actions{gap:11px}.bottom-bar{padding:16px 22px;gap:18px}.rail-title{width:195px}.rail-end{display:none}h1{font-size:34px}.place-line{padding-bottom:22px}.scene-media{aspect-ratio:16/10}.topic-list{max-height:200px}}
@media(max-height:780px) and (min-width:901px){.app-shell{min-height:630px;grid-template-rows:72px minmax(0,1fr) 100px}.workspace{padding-top:22px;padding-bottom:18px}.place-line{padding-bottom:17px}h1{font-size:35px;margin-bottom:15px}.lead{font-size:12px}.narrative-bottom p{font-size:10px}.narrative-bottom{padding-top:12px}.detail-section{padding-top:11px;margin-top:10px}.scene-media{aspect-ratio:16/9}.node-card img{height:28px}.bottom-bar{padding-top:12px;padding-bottom:12px}.topic-list{max-height:185px}#modeControls{margin-top:15px}.tour-toast{bottom:110px}}
@media(max-width:900px){.app-shell{height:auto;min-height:100dvh;display:block;overflow:visible}.site-header{height:auto;min-height:78px;flex-wrap:wrap;gap:0;padding:16px 20px 0}.brand{margin-right:auto}.brand strong{font-size:19px}.brand svg{width:34px;height:34px}.header-actions{gap:12px}.quiet-btn{font-size:10px}#fullscreen{display:none}.tour-btn{font-size:10px;padding:6px 9px}.main-nav{width:100%;height:48px;order:3;justify-content:space-between;gap:5px;margin-top:9px}.main-nav button{font-size:12px;padding:0 5px}.workspace{display:grid;grid-template-columns:1fr;gap:19px;padding:23px 20px}.narrative{display:grid;grid-template-columns:1fr;gap:0}.place-line{padding-bottom:12px;font-size:10px}.chapter{margin-bottom:8px;font-size:10px}h1{font-size:31px;margin-bottom:10px;line-height:1.35}h1 br{display:none}.lead{max-width:560px;font-size:12px}.narrative-bottom{display:none}#modeControls{margin-top:17px}.topic-list{max-height:none;display:flex;overflow:auto;gap:12px;padding-bottom:4px}.topic-option{white-space:nowrap;width:auto;flex-shrink:0;font-size:10px;padding:5px 8px;border:1px solid #344152;border-radius:3px}.topic-option em{display:none}.topic-option .swatch{height:11px}.stage{height:530px;min-width:0}.stage-header{font-size:9px;padding:0 12px}.stage-meta{font-size:9px}.stage-footer{font-size:9px;padding:0 12px}.inspector{overflow:visible;padding:3px 0 0;display:block}.detail-kicker{font-size:10px}h2{font-size:27px;margin-bottom:10px}.detail-subtitle{font-size:12px}.scene-media{aspect-ratio:16/9;max-height:330px}.detail-section{padding-top:13px;margin-top:15px}.detail-section p{font-size:12px}.bottom-bar{position:sticky;bottom:0;z-index:5;padding:11px 15px;gap:0;display:block;background:#07101bf5;backdrop-filter:blur(10px)}.rail-title{display:none}.node-rail{gap:12px}.node-card{min-width:91px;padding-bottom:5px}.node-card img{height:31px}.node-card span{font-size:9px}.tour-toast{bottom:92px;font-size:10px;max-width:95vw;gap:14px;padding:9px 12px}.thermal-legend{width:155px;left:12px;top:12px}.ctrl-space{margin-top:12px}.group-option{margin:6px 0}.metrics{margin:15px 0}.modal-backdrop{padding:12px}.media-modal header,.source-modal header{padding:16px}.source-content{padding:0 16px 20px}.source-modal h2{font-size:22px}.media-modal h2{font-size:22px}.media-modal>p{padding-left:16px;padding-right:16px}.agent-overlay{left:12px;font-size:9px}}
@media(max-width:480px){.stage{height:420px}.workspace{padding:19px 15px;gap:17px}.stage-meta{max-width:120px;text-align:right;white-space:nowrap}.map-caption{left:12px;bottom:12px;font-size:9px}.map-caption span:last-child{max-width:230px}.north{right:10px;top:10px}.map-tools{right:10px;bottom:13px}.hotspot .pin-label{display:none}.brand small{font-size:9px}.quiet-btn{font-size:10px}.header-actions{gap:8px}.site-header{padding-left:15px;padding-right:15px}.view-caption{font-size:9px;left:12px;right:12px}.agent-overlay{max-width:70%;align-items:flex-start}.metric strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.hotspot{transform:translate(-50%,-50%) scale(var(--pin-scale,1))}.north svg{transform:none}

h1{font-size:clamp(32px,2.45vw,44px);letter-spacing:.4px}#narrative[data-mode=topics] .narrative-bottom{display:none}.topic-list{max-height:clamp(130px,24vh,230px)}.thermal-gradient{background:linear-gradient(90deg,#5bafaa 0%,#b8d8b6 21.43%,#ead69a 42.86%,#eaa779 64.29%,#cc776b 82.14%,#935068 100%)}.legend-ticks{position:relative;height:14px}.legend-ticks span{position:absolute;transform:translateX(-50%)}.legend-ticks span:nth-child(1){left:0;transform:none}.legend-ticks span:nth-child(2){left:21.43%}.legend-ticks span:nth-child(3){left:42.86%}.legend-ticks span:nth-child(4){left:71.43%}.legend-ticks span:nth-child(5){right:0;transform:none}@media(max-width:900px){h1{font-size:31px}.topic-list{max-height:none}}