.explorable{cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s;outline-offset:6px}.explorable:focus-visible{outline:2px solid #f4ce8f}.explorable:hover{transform:translateY(-4px);filter:brightness(1.18)}.explorable.is-exploring{box-shadow:0 0 32px #d8ac6530,inset 0 0 22px #dab87512;outline:1px solid #d7b17b;outline-offset:4px}.collab-goal.explorable,.collab-review.explorable{border-radius:8px}.is-exploring .collab-lines path{stroke:#ebc789;stroke-dasharray:6 8;animation:flow-line 2s linear infinite}.explore-entry{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.explore-entry>span{font-size:10px;color:#aaa0ac}.explore-entry button,.os-explorer button{font:inherit;font-size:12px;border:1px solid #cbb18e55;background:#242027;color:#dac8b0;padding:10px 15px;border-radius:8px;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.explore-entry button:hover,.os-explorer button:hover{background:#4b3c2d;border-color:#dfb97f;transform:translateY(-2px)}.os-explorer button:focus-visible,.explore-entry button:focus-visible{outline:2px solid #f5ce91;outline-offset:4px}.os-explorer[hidden]{display:none}.os-explorer{margin-top:22px;padding:24px;border:1px solid #b89a7455;border-radius:16px;background:linear-gradient(140deg,#2f2828f5,#15141cf5);box-shadow:0 25px 60px #0004;animation:explorer-in .4s ease-out}.explorer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff16;padding-bottom:15px;margin-bottom:20px}.explorer-bar>span{font-size:11px;color:#d6b88d;letter-spacing:.04em}.explorer-bar button{border:0;padding:5px 8px;font-size:11px;background:transparent;color:#b3a6b5}#explorer-content h3{font-weight:450;color:#f0e0ca;font-size:clamp(18px,1.9vw,25px);line-height:1.5;margin:0 0 10px}.explorer-intro{font-size:12px;color:#bfb3c1;line-height:1.8;margin:0 0 20px}.explorer-choices{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.os-explorer button.chosen{background:#dfbe8b;color:#29201a;border-color:#dfbe8b}.explorer-result{font-size:13px;line-height:1.9;color:#e0d1bc;min-height:48px;padding:18px;border-left:2px solid #d1aa74;background:#ffffff04;border-radius:0 10px 10px 0}.explorer-foot{font-size:10px;line-height:1.8;color:#a296a6;margin:15px 0 0}.skill-machine{display:grid;grid-template-columns:1fr 40px 1fr;gap:12px;align-items:center;margin-top:20px}.skill-machine>div{padding:22px 18px;border:1px solid #b69c7740;border-radius:12px;background:#17151b}.skill-machine small{display:block;font-size:9px;letter-spacing:.16em;color:#b79e7a;margin-bottom:12px}.skill-machine strong{font-size:14px;font-weight:450;line-height:1.8;color:#e9d7be}.machine-arrow{text-align:center;font-size:28px;color:#dcb276}.skill-machine.send>div:last-child{animation:output-in .65s ease-out}.skill-machine.send .machine-arrow{animation:packet .65s ease-out}.memory-track{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:20px 0}.memory-track button{padding:14px 8px;font-size:11px;line-height:1.8}.memory-track small{display:block;font-size:9px;opacity:.65;margin-bottom:5px}.journey-progress{display:flex;gap:6px;margin-bottom:22px}.journey-progress i{height:3px;flex:1;background:#ffffff13;border-radius:2px}.journey-progress .done{background:#e0bd86;box-shadow:0 0 10px #e0bd8633}.journey-index{display:block;font-size:11px;color:#c3a37b;margin-bottom:12px}.journey-controls{display:flex;justify-content:space-between;gap:8px;margin-top:25px}.os-explorer button:disabled{opacity:.3;cursor:default;transform:none}.os-explorer:has(.journey-progress) #explorer-content{animation:explorer-in .3s ease-out}@keyframes explorer-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-line{to{stroke-dashoffset:-28}}@keyframes packet{0%{opacity:.2;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@keyframes output-in{from{box-shadow:0 0 35px #e5b56966;transform:translateY(7px)}to{box-shadow:none;transform:translateY(0)}}@media(max-width:760px){.explore-entry{align-items:flex-start;flex-direction:column}.os-explorer{padding:18px}.memory-track{grid-template-columns:repeat(2,1fr)}.skill-machine{gap:8px;grid-template-columns:1fr 22px 1fr}.skill-machine>div{padding:15px 10px}.journey-controls button{padding:9px 10px;font-size:11px}.explorer-bar{gap:10px}.explorer-choices button{font-size:11px}}@media(prefers-reduced-motion:reduce){.explorable,.os-explorer button,.explore-entry button{transition:none}.os-explorer,.is-exploring .collab-lines path,.skill-machine.send>div:last-child,.skill-machine.send .machine-arrow,.os-explorer:has(.journey-progress) #explorer-content{animation:none}.explorable:hover{transform:none}}
/* Modal details never change the architecture's layout. */
dialog.os-explorer:not([open]){display:none}dialog.os-explorer[open]{position:fixed;inset:0;margin:auto;width:min(760px,calc(100vw - 40px));max-width:none;max-height:min(82dvh,760px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:28px;border-color:#b99c7180;color:#e9dfd0;box-shadow:0 40px 120px #000b,0 0 65px #c2995115;scrollbar-width:thin;scrollbar-color:#9b8162 #211d24}dialog.os-explorer::backdrop{background:#080710b8;backdrop-filter:blur(9px)}.collab-memory.explorable{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px 24px;padding:19px 22px;border:1px solid #c1a07466;border-radius:12px;background:linear-gradient(115deg,#b58a4826,#1b1822b8);box-shadow:inset 3px 0 #cbb083}.collab-memory>b{font-size:14px;white-space:nowrap;color:#ead0a8}.collab-memory .memory-assets{display:flex;flex-wrap:wrap;gap:8px 18px;color:#d5c4ac;justify-content:flex-end;font-size:12px}.collab-memory>small{grid-column:1/-1;font-size:10px;color:#b9aa97;line-height:1.8}.collab-memory>small>span{float:right;color:#e5bf84}.memory-asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.memory-asset-grid>div{padding:16px;background:#ffffff04;border:1px solid #c1a07435;border-radius:9px}.memory-asset-grid small{display:block;font-size:10px;color:#c5a779;margin-bottom:9px}.memory-asset-grid strong{font-size:13px;font-weight:450;line-height:1.8;color:#e2d1bb}@media(max-width:760px){dialog.os-explorer[open]{width:calc(100vw - 24px);max-height:88dvh;padding:20px}.collab-memory.explorable{grid-template-columns:1fr;gap:10px;padding:17px}.collab-memory .memory-assets{justify-content:flex-start;font-size:11px;gap:8px 16px}.memory-asset-grid{grid-template-columns:1fr;gap:7px}.memory-asset-grid>div{padding:10px 14px}.memory-asset-grid small{margin-bottom:4px}}
dialog.os-explorer[open]{height:fit-content;min-height:0}dialog.os-explorer button.chosen,dialog.os-explorer button.chosen:hover{background:#dfbe8b;color:#29201a;border-color:#dfbe8b}
/* Explore a subsystem in the same canvas, then return to its overview. */
#aios .collab-map[hidden],#aios .explore-entry[hidden],#aios .os-explorer[hidden]{display:none}#aios .collab-map{grid-template-rows:70px 138px 74px auto;row-gap:10px}.collab-map>.collab-memory{grid-column:1/-1;grid-row:4;margin:10px 0 0;position:relative}.collab-map>.collab-memory:before{content:'';position:absolute;left:50%;height:20px;width:1px;top:-21px;background:#c8ab7c}.collab-map>.collab-memory:after{content:'↺';position:absolute;right:14px;top:-31px;font-size:22px;color:#c8ab7c}#aios .os-explorer{position:relative;inset:auto;width:100%;max-width:none;height:auto;min-height:435px;max-height:none;overflow:visible;margin:30px 0 0;padding:20px 0 12px;border:0;border-top:1px solid #c8ab7c66;border-bottom:1px solid #c8ab7c33;border-radius:0;background:linear-gradient(90deg,#18161d6b,#24202acc);box-shadow:none;animation:explorer-in .35s ease-out}#aios .explorer-bar{padding:0 18px 15px;flex-direction:row-reverse}#aios #explorer-content{padding:8px 22px 18px}#aios .explorer-bar button{color:#edcf9f;border:1px solid #c8ab7c55;border-radius:20px;padding:8px 13px}#aios .explorer-choices{gap:12px}#aios .explorer-choices button{padding:15px 18px;border-radius:10px}#aios .explorer-result{margin-top:24px}#aios .memory-track{position:relative;gap:16px}#aios .memory-track button{position:relative}#aios .memory-track button:not(:last-child):after{content:'→';position:absolute;right:-14px;top:40%;color:#cdb18a}#aios .memory-asset-grid{margin-bottom:28px}@media(max-width:760px){#aios .collab-map{grid-template-rows:auto auto auto auto auto}.collab-map>.collab-memory{grid-row:5}#aios .os-explorer{min-height:470px}#aios #explorer-content{padding:8px 12px 16px}#aios .explorer-bar{padding-inline:10px;gap:12px}#aios .explorer-bar>span{font-size:10px}#aios .memory-track{grid-template-columns:1fr}#aios .memory-track button:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-18px}#aios .memory-track button{padding:10px;text-align:left}#aios .memory-track small{display:inline;margin-right:12px}}
/* Connected system map and subsystem diagrams */
#aios .collab-map{display:block;position:relative;height:450px;margin-top:20px}#aios .collab-map>.explorable{position:absolute;width:26%;margin:0;padding:14px 12px;box-sizing:border-box;min-height:83px;background:#211d25ed;border:1px solid #cbb18b55;border-radius:12px;text-align:center;transform:translateX(-50%)}#aios .collab-map>.explorable:hover{transform:translateX(-50%) translateY(-3px);border-color:#dfc28e}#aios .collab-map>.collab-goal{left:50%;top:0;width:34%;min-height:70px}#aios .collab-map>.collab-agent{left:13%;top:158px}#aios .collab-map>.collab-me{left:50%;top:142px;width:27%;border-radius:50%;padding:22px 8px;border-color:#d4ae70;min-height:116px;background:radial-gradient(ellipse,#a57e4033,#221d24)}#aios .collab-map>.collab-skill{left:87%;top:158px}#aios .collab-map>.collab-review{left:82%;top:348px;width:30%}#aios .collab-map>.collab-memory{display:block;left:18%;top:334px;width:34%;min-height:109px;border-color:#cbb08388;box-shadow:inset 0 2px #cbb083}#aios .collab-map>.collab-memory:before,#aios .collab-map>.collab-memory:after{display:none}#aios .collab-memory>b{font-size:13px;display:block}#aios .collab-memory .memory-assets{display:block;font-size:10px;line-height:1.9;margin:8px 0 0}#aios .collab-memory .memory-assets span+span:before{content:' · '}#aios .collab-memory>small{display:none}#aios .collab-map h3{font-size:15px;margin:10px 0 5px}#aios .collab-me strong{font-size:27px;margin:7px 0}#aios .collab-map .system-connectors{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.system-connectors>path,.subsystem-graph>svg>path{fill:none;stroke:#d3b17c;stroke-width:1.2}.system-connectors text,.subsystem-graph text{fill:#d9c4a3;font-size:10px;paint-order:stroke;stroke:#1b1820;stroke-width:5px;stroke-linejoin:round}#aios .os-explorer{min-height:490px}.subsystem-note{font-size:12px;color:#c8bdc8;line-height:1.8;margin:0 0 20px}.subsystem-graph{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:100px 100px;gap:100px 55px;padding:12px 0 15px;isolation:isolate}.subsystem-node{padding:18px 13px;display:flex;flex-direction:column;justify-content:center;gap:9px;border:1px solid #b69d7c66;border-radius:10px;background:#26212b;min-width:0}.subsystem-node strong{font-size:14px;font-weight:450;color:#ecddc7;overflow-wrap:anywhere}.subsystem-node span{font-size:11px;line-height:1.8;color:#b7acbd}.subsystem-node.human{border-color:#e0bb80;background:#443524}.subsystem-node.memory{border-color:#a5b9b080;background:#25302e}.subsystem-node.core{border-color:#d4b680;background:#342b23}.subsystem-graph>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}.subsystem-footer{padding:14px 16px;border:1px solid #d6b58455;border-radius:9px;font-size:12px;line-height:1.8;color:#e3c9a5;margin-top:15px}.subsystem-mobile-flow{display:none}@media(max-width:1050px) and (min-width:761px){#aios .collab-map{height:475px}#aios .collab-map>.collab-review{top:370px}#aios .collab-map>.collab-memory{top:350px}.subsystem-graph{gap:95px 30px}.subsystem-node{padding:12px 8px}.subsystem-node strong{font-size:12px}}@media(max-width:760px){#aios .collab-map{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px 12px}#aios .collab-map>.explorable{position:relative;left:auto;top:auto;transform:none;width:100%;grid-column:auto;grid-row:auto;min-height:95px}#aios .collab-map>.explorable:hover{transform:translateY(-3px)}#aios .collab-map>.collab-goal{grid-column:1/-1;min-height:65px}#aios .collab-map>.collab-me{grid-row:2;grid-column:1/-1;width:70%;justify-self:center}#aios .collab-map>.collab-agent,#aios .collab-map>.collab-skill{grid-row:3}#aios .collab-map>.collab-memory{grid-column:1/-1;grid-row:5}#aios .collab-map>.collab-review{grid-column:1/-1;grid-row:4}#aios .collab-map .system-connectors{display:none}#aios .collab-map>.collab-memory>small{display:block;font-size:10px;margin-top:7px}#aios .collab-map>.collab-memory:after{content:'↑ 知识与方法回到 EchoOS';display:block;position:static;font-size:11px;margin-top:7px;color:#d7bf96}.subsystem-graph{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:12px;padding:0}.subsystem-node{min-height:100px;padding:12px}.subsystem-graph>svg{display:none}.subsystem-mobile-flow{display:block;padding:16px 0 0;list-style:none;border-top:1px solid #d1b28533;margin-top:22px}.subsystem-mobile-flow li{font-size:11px;line-height:1.9;color:#c4bac7;margin-bottom:9px}.subsystem-mobile-flow b{font-size:10px;font-weight:400;color:#d7b685}.subsystem-node strong{font-size:12px}.subsystem-node span{font-size:10px}}
/* Overview: a single clockwise delivery path and a separate knowledge return. */
@media(min-width:761px){#aios .collab-map{height:410px;margin-top:32px}#aios .collab-map>.explorable{width:28%;min-height:104px;padding:20px 12px}#aios .collab-map>.collab-goal{left:14%;top:20px;width:28%;min-height:104px}#aios .collab-map>.collab-me{left:50%;top:4px;width:28%;min-height:136px;padding:24px 10px}#aios .collab-map>.collab-agent{left:86%;top:20px}#aios .collab-map>.collab-skill{left:86%;top:275px}#aios .collab-map>.collab-review{left:50%;top:275px;width:28%}#aios .collab-map>.collab-memory{left:14%;top:275px;width:28%;min-height:104px}#aios .collab-map>.collab-goal strong,#aios .collab-map>.collab-review strong{margin-top:15px;font-size:12px}.system-connectors text{font-size:10px}.system-connectors .knowledge-reuse-edge{stroke:#9fbaae;opacity:.95}}
/* Overview: orchestration above, work left-to-right, knowledge below. */
@media(min-width:761px){#aios .collab-map{height:450px;margin-top:24px}#aios .collab-map>.explorable{box-shadow:none;min-height:110px;width:21%;top:182px;padding:16px 11px;text-align:left;border-radius:10px;background:linear-gradient(145deg,#29242bcc,#1a1820ed)}#aios .collab-map>.collab-goal{left:14%;width:21%;top:182px;min-height:110px}#aios .collab-map>.collab-agent{left:38%}#aios .collab-map>.collab-skill{left:62%}#aios .collab-map>.collab-review{left:86%;width:21%;top:182px;min-height:110px}#aios .collab-map>.collab-me{left:50%;top:0;width:40%;min-height:103px;border-radius:16px;text-align:center;padding:16px 12px;border-color:#d8b27688;background:linear-gradient(120deg,#81663e26,#241e26)}#aios .collab-map>.collab-memory{left:50%;top:362px;width:77%;min-height:82px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:15px 22px;border-radius:10px;border-color:#aebdb44d;background:linear-gradient(110deg,#54645a20,#1a1c20ed)}#aios .collab-memory .memory-assets{margin:0;font-size:11px;color:#b8bab1}#aios .collab-memory>b{color:#ddd2bd;font-size:13px}#aios .collab-map .collab-goal strong,#aios .collab-map .collab-review strong{font-size:13px;margin-top:13px;line-height:1.65}#aios .collab-map h3{font-size:14px;line-height:1.65;margin-top:12px}#aios .collab-map .collab-me strong{font-size:29px;margin:5px 0}#aios .collab-map .collab-me span{font-size:10px}#aios .collab-map .system-connectors text{font-size:10px}.system-connectors>path{stroke:#c8ab7c;stroke-width:1.1}}@media(min-width:761px) and (max-width:1050px){#aios .collab-map>.explorable{padding:13px 8px}#aios .collab-map h3,#aios .collab-map .collab-goal strong,#aios .collab-map .collab-review strong{font-size:12px}#aios .collab-map .explorable>span{font-size:9px}}