@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b1119;--panel:#0f1722;--panel-2:#131d29;--border:#24303e;--muted:#8c9baa;--text:#e7edf3;--mint:#78b2e4;--rail:216px;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}svg.icon{width:18px;height:18px;display:block;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button svg.icon{pointer-events:none}button span[data-icon],.private-badge span[data-icon]{display:inline-flex}h1,h2,h3,p{margin:0}button{transition:background .16s,color .16s,border-color .16s}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;background:var(--mint);color:#101d28;padding:12px;z-index:100}.skip-link:focus{top:12px}
.topbar{height:72px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:22px;background:#0c121b}.brand{display:flex;align-items:center;gap:10px;min-width:166px;font-size:23px;letter-spacing:-.8px;font-weight:730}.brand-dot{color:var(--mint)}.brand img{border-radius:9px}.topbar-divider{width:1px;height:22px;background:var(--border)}.topbar-title{font-size:12px;color:#a3b0be}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:24px}.private-badge{display:flex;gap:7px;align-items:center;border:1px solid #1f3447;background:#121f22;padding:6px 10px;border-radius:6px;font-size:11px;color:#abc5db}.private-badge svg.icon{width:13px;height:13px}.avatar{width:30px;height:30px;background:#252b3e;color:#c9c9e4;border:1px solid #393e55;border-radius:50%;display:grid;place-items:center;font-size:12px}
.app-shell{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:var(--rail);flex-shrink:0;border-right:1px solid var(--border);padding:28px 15px 18px;display:flex;flex-direction:column;background:#0c131d}.workspace-label{font:9px var(--mono);letter-spacing:1.2px;color:#7a8a9d;display:flex;align-items:center;justify-content:space-between;padding:0 11px;margin-bottom:21px}.workspace-label>span{background:#1c2734;padding:3px 5px;border-radius:3px;color:#a8b9ca}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;background:none;padding:12px 10px;border-radius:6px;color:#97a7ba;font-size:12px;text-align:left;white-space:nowrap}.nav-item.active{color:var(--mint);background:#13202c;box-shadow:inset 2px 0 var(--mint)}.nav-item:hover{background:#1b2732}.nav-count{font:10px var(--mono);margin-left:auto;color:#8a9ca9}.nav-item.active .nav-count{color:var(--mint)}.nav-item>.small-icon{margin-left:auto}.small-icon .icon{width:12px;height:12px}.sidebar-section-label{margin:38px 11px 14px;font:9px var(--mono);letter-spacing:1px;color:#738397}.layer-filters{display:flex;flex-direction:column;gap:3px}.layer-filter{display:flex;align-items:center;background:transparent;padding:10px 11px;color:#9cabb9;font-size:11px;border-radius:5px;gap:10px;text-align:left}.layer-filter[aria-pressed=true]{background:#1a2431;color:#e7edf3}.layer-filter:hover{background:#151f2c}.layer-dot{width:6px;height:6px;border-radius:2px;flex-shrink:0}.layer-filter .layer-count{font:10px var(--mono);color:#758599;margin-left:auto}.sidebar-note{margin:40px 11px;color:#8394a5;border-top:1px solid var(--border);padding-top:21px}.sidebar-note>.icon{color:#3e6a90;width:17px;height:17px;margin-bottom:12px}.sidebar-note p{font-size:11px;line-height:1.8;color:#bec9d2}.sidebar-note p span{color:#76899b}.sidebar-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding:20px 7px 0;border-top:1px solid var(--border);font-size:9px;color:#acb9c7}.small-logo{font-size:20px;color:#5186b4}.sidebar-bottom small{display:block;font:8px var(--mono);color:#738295;margin-top:5px}
main{padding:33px 30px 18px;min-width:0;width:100%;max-width:2200px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font:9px var(--mono);letter-spacing:1.7px;color:#91a7aa;display:flex;align-items:center;gap:8px;margin-bottom:12px}.mint-dot{height:5px;width:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #78b2e440}h1{font-size:34px;letter-spacing:-1.3px;line-height:1.2;font-weight:540}h1>span{color:var(--mint)}.page-heading p{color:#8d9eaf;font-size:12px;margin-top:11px;line-height:1.6}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 15px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.primary-button{background:var(--mint);color:#0a1e30;border:1px solid #87bcea;box-shadow:0 3px 15px #78b2e412}.primary-button>.icon:last-child{margin-left:7px;width:14px}.secondary-button{background:#1b2b35;border:1px solid #354953;color:#cfdeeb}.explorer-grid{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:18px;align-items:stretch}.map-panel{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#0e1721;min-width:0}.map-toolbar{display:flex;align-items:center;justify-content:space-between;height:55px;padding:0 17px;border-bottom:1px solid var(--border);gap:10px;background:#101925}.map-view-label{display:flex;align-items:center;gap:9px;white-space:nowrap}.map-view-label>.icon{color:#a7b7c8;width:16px;height:16px}.map-view-label strong{font-size:11px;font-weight:550}.map-mode{font:9px var(--mono);padding:4px 6px;color:#8d9daa;background:#1c2835;border:1px solid #2a3847;border-radius:4px}.search-wrap{position:relative;display:flex;align-items:center;gap:7px;color:#74899e;max-width:215px}.search-wrap>.icon{width:14px;height:14px}.search-wrap input{background:transparent;border:0;color:var(--text);width:148px;min-width:0;font-size:10px;height:28px}.search-wrap input::placeholder{color:#8392a4}.search-wrap kbd{font:10px var(--mono);border:1px solid #344150;border-radius:3px;padding:1px 4px}.search-results{position:absolute;right:0;top:34px;z-index:12;background:#172431;border:1px solid #3c4e5c;box-shadow:0 8px 28px #0007;border-radius:7px;width:278px;max-height:330px;overflow:auto;padding:6px}.search-result{width:100%;text-align:left;background:none;padding:10px;border-radius:5px;color:#dbe7ef;display:flex;gap:10px;align-items:center;font-size:12px}.search-result:hover{background:#1e3447}.search-result small{display:block;color:#a2b0c0;font-size:10px;margin-top:4px}.no-results{padding:15px 12px;color:#a4b3c5;font-size:12px}.map-stage{height:calc(100vh - 306px);min-height:555px;max-height:850px;position:relative;overflow:hidden;background-color:#0d151f;background-image:radial-gradient(#53687b28 .65px,transparent .65px);background-size:18px 18px;touch-action:pan-y}.map-stage svg#architecture-map{width:100%;height:100%;display:block;user-select:none;touch-action:pan-y}.map-stage.pannable{cursor:grab}.map-stage.panning{cursor:grabbing}.map-floating-label{position:absolute;top:17px;left:18px;display:flex;align-items:center;gap:6px;color:#7f93a5;font:9px var(--mono);pointer-events:none}.status-dot{height:4px;width:4px;background:#4d83b2;border-radius:50%}.map-controls{position:absolute;right:15px;bottom:15px;display:flex;align-items:center;gap:3px;padding:4px;background:#111e2b;border:1px solid #344252;border-radius:6px;box-shadow:0 5px 15px #0003}.map-controls button{background:transparent;border-radius:3px;height:27px;width:28px;display:grid;place-items:center;color:#becbd7}.map-controls button:hover{background:#263843}.map-controls .icon{width:14px;height:14px}.map-controls #zoom-level{font:9px var(--mono);width:38px;text-align:center;color:#92a8b9}.control-separator{height:15px;width:1px;background:#324251;margin:0 4px}.map-footer{border-top:1px solid var(--border);min-height:43px;padding:8px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#101925}.legend{display:flex;gap:14px}.legend button{display:flex;align-items:center;gap:6px;background:transparent;padding:4px 0;color:#a2b2c2;font-size:9px}.legend button[aria-pressed=false]{opacity:.4}.line{width:17px;height:0;border-top:1.5px solid;display:block}.line.control{color:#78b2e4}.line.data{color:#90b9f7}.line.event{color:#c2a1f3;border-top-style:dashed}#map-hint{font:9px var(--mono);color:#788b9e;white-space:nowrap}
.map-layer-bg{fill:#101c2760;stroke:#2b3b4b;stroke-width:1;stroke-dasharray:4 5}.map-layer-title{font:9px var(--mono);fill:#91a4b5;letter-spacing:1.5px}.map-layer-num{font:9px var(--mono);fill:#61788e}.node{cursor:pointer;transition:opacity .18s}.node-card{fill:#14212f;stroke:#354b5f;stroke-width:1;transition:fill .16s,stroke .16s}.node:hover .node-card{fill:#1d3240;stroke:#8fb1cf}.node.selected .node-card{fill:#172a3b;stroke:var(--mint);stroke-width:1.6;filter:drop-shadow(0 0 9px #78b2e419)}.node:focus-visible{outline:none}.node:focus-visible .node-card{stroke:#fff;stroke-width:2.5}.node-title{font-size:13px;font-weight:550;fill:#e2ebf2;letter-spacing:-.1px}.node-subtitle{font-size:9px;fill:#9dabbc}.node-kicker{font:7.2px var(--mono);letter-spacing:1.1px;fill:#8aaecd}.node-icon-bg{fill:#243849}.node.selected .node-icon-bg{fill:#264158}.node-port{fill:#152533;stroke:#728f9e;stroke-width:1.2}.node.selected .node-port{fill:var(--mint);stroke:var(--mint)}.node.dimmed{opacity:.48}.node.step-active .node-card{stroke:#f0d99b;stroke-width:2;fill:#3a3526}.edge{fill:none;stroke-width:1.2;opacity:.2;transition:opacity .2s;pointer-events:none}.edge.related{opacity:.85;stroke-width:1.65}.edge.event{stroke-dasharray:4 5}.edge.trace-edge{opacity:1;stroke-width:2.6;stroke-dasharray:7 5;animation:flow-motion 1s linear infinite}.trace-number{font:9px var(--mono);fill:#14232b}.trace-bubble{fill:#f0d99b}.layer-focus .map-layer-bg{stroke:#5287b5;fill:#16253322}.map-layer.dimmed{opacity:.28}.map-overlay-note{font:8px var(--mono);fill:#7891a4;letter-spacing:.5px}@keyframes flow-motion{to{stroke-dashoffset:-24}}
.inspector{background:#101925;border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 208px);min-height:655px}.inspector-top{padding:18px 19px 0;flex-shrink:0}.inspector-kicker{display:flex;align-items:center;justify-content:space-between;color:#7f94a8;font:8px var(--mono);letter-spacing:1.3px;margin-bottom:21px}.component-number{font:9px var(--mono);color:#7b929f;letter-spacing:0}.inspector-title-row{display:flex;gap:11px;align-items:center}.component-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #315473;border-radius:9px;background:#1b2e3e;color:var(--mint);flex-shrink:0}.component-icon .icon{width:21px;height:21px}.inspector h2{font-size:20px;letter-spacing:-.6px;font-weight:550;line-height:1.25}.component-layer{display:flex;align-items:center;gap:6px;color:#82a8c9;font-size:10px;margin-top:6px}.inspector-summary{font-size:11px;line-height:1.8;color:#aab9c9;margin-top:16px;margin-bottom:18px}.inspector-tabs{display:flex;border-bottom:1px solid var(--border);gap:22px}.inspector-tabs button{background:transparent;padding:11px 0;color:#8c9fb1;font-size:11px;border-bottom:2px solid transparent}.inspector-tabs button[aria-selected=true]{color:var(--mint);border-bottom-color:var(--mint)}.inspector-tabs button small{font:9px var(--mono);margin-left:4px;color:#6c99c0}.inspector-body{padding:20px 19px;overflow:auto;scrollbar-width:thin;scrollbar-color:#344757 transparent}.inspector-section{margin-bottom:22px}.inspector-section:last-child{margin-bottom:0}.section-caption{font:8px var(--mono);letter-spacing:1.3px;color:#859aad;margin-bottom:11px;display:flex;align-items:center;justify-content:space-between}.responsibility-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:10px}.responsibility-list li{display:flex;gap:9px;font-size:11px;line-height:1.65;color:#beccd7}.responsibility-list li::before{content:'↗';color:#5689b6;font-size:12px;flex-shrink:0}.dependency-list{display:flex;flex-wrap:wrap;gap:6px}.dependency-chip{padding:6px 8px;background:#1a2936;border:1px solid #334353;border-radius:4px;color:#b4c7d1;font-size:10px;display:inline-flex;align-items:center;gap:5px}.dependency-chip .icon{width:10px;height:10px;color:#729dc3}.io-box{border:1px solid #293b4c;background:#111f2c;border-radius:6px;padding:11px 12px;margin-top:8px}.io-label{font:8px var(--mono);letter-spacing:1px;color:#88b6ca;display:flex;align-items:center;gap:6px;margin-bottom:5px}.io-label.out{color:#82a8ca}.io-label .icon{width:12px;height:12px}.io-box p{font-size:10px;line-height:1.8;color:#afc0cf}.tech-tags{display:flex;flex-wrap:wrap;gap:5px}.tech-tag{font-size:9px;padding:5px 7px;background:#1a2432;color:#abbaca;border-radius:4px;border:1px solid #273747}.implementation-note{border-left:2px solid #365c7d;padding:2px 0 2px 11px;color:#859aac;font-size:10px;line-height:1.8}.implementation-note strong{display:block;color:#92b4d1;font-size:9px;margin-bottom:4px;font-weight:500}.inspector-bottom{margin-top:auto;padding:12px 19px;background:#111e2a;border-top:1px solid var(--border);font-size:9px;color:#849bac;display:flex;gap:7px;align-items:center;flex-shrink:0}.inspector-bottom .icon{width:12px;height:12px}.connection-card{display:block;width:100%;border:1px solid #2b3d4e;border-radius:6px;padding:12px;background:#13212e;text-align:left;margin-bottom:9px}.connection-card:hover{background:#1b303c}.connection-card small{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:.6px;margin-bottom:8px}.connection-card strong{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:500;color:#d4e2ea;gap:8px}.connection-card strong .icon{width:13px;height:13px;color:#739ec3}.connection-card p{font-size:10px;color:#98adbf;line-height:1.7;margin-top:7px}.connection-card .connection-label{font-size:10px;color:#b1c6d2;margin-top:6px}.workspace-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;color:#71869a;font-size:9px;line-height:1.6}.workspace-footer>span{display:flex;gap:7px;align-items:center}.workspace-footer .icon{width:12px;height:12px;flex-shrink:0}.workspace-footer button{background:none;display:flex;align-items:center;gap:5px;color:#8aaecd;font-size:9px;white-space:nowrap}
dialog{background:#111c28;color:var(--text);border:1px solid #344859;border-radius:14px;padding:0;width:min(690px,calc(100% - 32px));max-height:calc(100dvh - 48px);box-shadow:0 25px 120px #000b}dialog::backdrop{background:#02080bd4;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:28px 28px 23px}.dialog-header h2{font-size:26px;font-weight:520;letter-spacing:-.8px;line-height:1.3}.dialog-header p{font-size:12px;color:#99aabc;margin-top:10px;line-height:1.7}.icon-button{display:grid;place-items:center;background:#1a2b37;color:#9fb5c5;width:30px;height:30px;border-radius:5px;flex-shrink:0}.icon-button:hover{background:#2b424b}.icon-button .icon{width:16px;height:16px}.flow-options{padding:0 28px 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow-option{position:relative;background:#162532;border:1px solid #344a5a;border-radius:8px;padding:20px;text-align:left}.flow-option:hover{background:#1a333a;border-color:#4f85b4}.flow-option>.icon{width:22px;height:22px;margin-bottom:21px}.flow-option small{font:8px var(--mono);letter-spacing:.8px;color:#8ca6b9}.flow-option h3{font-size:16px;font-weight:530;line-height:1.4;margin:9px 0}.flow-option p{font-size:11px;line-height:1.8;color:#9eb2c2}.flow-option-footer{margin-top:20px;display:flex;align-items:center;justify-content:space-between;color:#9ab9d4;font:9px var(--mono)}.flow-option-footer .icon{width:15px;height:15px}.dialog-footnote{display:flex;gap:8px;align-items:center;padding:16px 28px;background:#13212e;border-top:1px solid var(--border);color:#8fa5b7;font-size:10px;line-height:1.7}.dialog-footnote .icon{width:14px;height:14px;flex-shrink:0}.notes-content{padding:0 28px 28px;font-size:12px;color:#a4b8c9;line-height:1.85}.notes-content h3{font-size:13px;color:#d8e5ed;margin:22px 0 6px;font-weight:550}.notes-callout{display:flex;gap:12px;border:1px solid #294761;background:#14222f;padding:15px;border-radius:7px;margin:24px 0 20px}.notes-callout>.icon{flex-shrink:0;margin-top:2px;color:#99b8d3}.notes-callout strong{color:#bcd1e3;font-weight:500}.notes-callout p{margin-top:4px;font-size:11px;color:#7ea5c7}.notes-content .secondary-button{font-size:11px}.notes-content .secondary-button .icon{width:14px;height:14px}
.flow-banner{border:1px solid #2f506d;border-radius:8px;background:#121f2b;margin:-3px 0 17px;padding:13px 16px;display:flex;gap:18px;align-items:center}.flow-banner-icon{color:var(--mint)}.flow-banner-title{flex:1;min-width:0}.flow-banner-title small{font:8px var(--mono);color:#749fc4;letter-spacing:.8px}.flow-banner-title strong{display:block;font-size:13px;font-weight:500;margin-top:5px}.flow-banner-controls{display:flex;gap:6px;align-items:center}.flow-step-count{font:10px var(--mono);color:#9dbbd5;margin-right:10px;white-space:nowrap}.flow-banner-controls button{display:grid;place-items:center;width:30px;height:30px;border-radius:4px;background:#1f3549;color:#b9d0e4}.flow-banner-controls button:hover{background:#2b4963}.flow-banner-controls .icon{width:15px;height:15px}.flow-banner-controls button.play-button{background:var(--mint);color:#172938}.flow-active .map-stage{height:calc(100vh - 399px)}.flow-active .inspector{max-height:calc(100vh - 301px)}.flow-note{font-size:10px;line-height:1.75;color:#7ea5c7;margin-top:13px}.flow-step-list{display:flex;flex-direction:column;gap:6px}.flow-step{background:transparent;display:flex;align-items:flex-start;gap:10px;text-align:left;padding:10px 8px;border:1px solid transparent;border-radius:6px;color:#8299ad;width:100%}.flow-step.active{background:#1c3042;border-color:#385f82;color:#e6dfb9}.flow-step.done{color:#bfd1d9}.step-num{font:9px var(--mono);border:1px solid #3e5260;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.flow-step.active .step-num{color:#162532;background:#e6d7a4;border-color:#e6d7a4}.flow-step strong{display:block;font-size:11px;font-weight:500;line-height:1.6}.flow-step small{display:block;font-size:9px;margin-top:3px;color:#8ba2b0}.flow-step p{font-size:10px;line-height:1.75;color:#a2bed7;margin-top:8px}.flow-step-inspect{margin-top:10px;background:transparent;color:#b1c9de;padding:0;font-size:10px;display:flex;gap:5px;align-items:center}.flow-step-inspect .icon{width:11px;height:11px}.flow-outcome{border:1px solid #30526f;background:#14222f;border-radius:6px;padding:12px;margin-top:15px}.flow-outcome strong{font:8px var(--mono);letter-spacing:1px;color:#98b7d3}.flow-outcome p{font-size:10px;line-height:1.8;color:#a3bfd7;margin-top:8px}.back-to-flow{background:#182a39;color:#a0bdd6;font-size:10px;padding:9px 11px;display:flex;align-items:center;gap:6px;border-radius:4px;margin-bottom:15px}.back-to-flow .icon{width:12px;height:12px}.noscript{padding:30px;background:#1b2f40;position:fixed;bottom:0;width:100%;text-align:center}
@media(min-width:1700px){:root{--rail:238px}main{padding:39px 40px 22px}.explorer-grid{grid-template-columns:minmax(0,1fr) 345px;gap:24px}.inspector{max-height:calc(100vh - 214px)}.inspector-summary,.responsibility-list li{font-size:12px}.inspector h2{font-size:23px}.map-stage{min-height:620px}.flow-active .inspector{max-height:calc(100vh - 307px)}}
@media(max-width:1250px){:root{--rail:185px}.topbar{padding:0 22px}.brand{min-width:142px}.sidebar{padding-left:9px;padding-right:9px}.workspace-label{font-size:8px;letter-spacing:.8px}.nav-item{font-size:11px;gap:8px}.sidebar-section-label{font-size:8px}.layer-filter{font-size:10px}main{padding:28px 22px 18px}.explorer-grid{grid-template-columns:minmax(0,1fr) 280px;gap:13px}h1{font-size:30px}.map-mode{display:none}.search-wrap input{width:128px}.map-toolbar{padding:0 12px}.inspector-top{padding:17px 16px 0}.inspector-body{padding:18px 16px}.inspector h2{font-size:19px}.map-footer{padding:9px 12px}#map-hint{display:none}.map-stage{min-height:545px}.inspector{min-height:645px}}
@media(max-width:1050px){:root{--rail:64px}.sidebar{padding:26px 8px 15px}.workspace-label,.sidebar-section-label,.layer-filters,.sidebar-note,.sidebar-bottom{display:none}.nav-item{font-size:0;gap:0;padding:13px;justify-content:center}.nav-item>.icon{width:20px;height:20px}.nav-count,.nav-item>.small-icon{display:none}.brand{min-width:auto}.topbar-divider{margin-left:7px}.sidebar .nav-item{position:relative}.sidebar .nav-item:hover:after{content:attr(aria-label);position:absolute;left:54px;padding:8px;background:#1b2f40;white-space:nowrap;font-size:11px;z-index:20;border:1px solid #375d7f;border-radius:4px}main{padding:26px 20px 18px}.page-heading{margin-bottom:25px}.explorer-grid{grid-template-columns:minmax(0,1fr) 275px;gap:12px}.search-wrap input{width:118px}.map-view-label{gap:6px}.map-view-label strong{font-size:10px}}
@media(max-width:850px){.explorer-grid{grid-template-columns:minmax(0,1fr)}.inspector{max-height:none;min-height:0}.inspector-body{max-height:480px}.inspector-top{padding:20px 22px 0}.inspector-body{padding:20px 22px}.inspector-kicker{margin-bottom:16px}.inspector-summary{max-width:650px}.inspector-bottom{padding:12px 22px}.map-stage,.flow-active .map-stage{height:600px;min-height:500px}.flow-active .inspector{max-height:none}.page-heading{gap:14px}.primary-button{padding:11px 12px;font-size:11px}.primary-button>.icon:last-child{display:none}.workspace-footer{align-items:flex-start}.flow-banner{gap:11px;padding:12px}.search-wrap input{width:160px}.map-mode{display:inline-block}}
@media(max-width:600px){.topbar{height:61px;padding:0 17px;gap:13px}.brand{font-size:21px;gap:8px}.brand img{width:27px;height:27px}.topbar-divider{display:none}.topbar-title{display:none}.topbar-right{gap:12px}.private-badge{font-size:10px;padding:5px 7px}.avatar{height:27px;width:27px}.app-shell{display:block;min-height:calc(100vh - 61px)}.sidebar{width:100%;height:auto;padding:8px 15px;border-right:0;border-bottom:1px solid var(--border)}.main-nav{flex-direction:row;gap:6px}.nav-item{width:auto;flex:1;font-size:10px;padding:9px 8px;gap:7px;justify-content:center;min-width:0}.nav-item>.icon{width:14px!important;height:14px!important}.nav-item.active{box-shadow:none}.sidebar .nav-item:hover:after{display:none}main{padding:24px 15px 18px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px;gap:16px}h1{font-size:29px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:9px}.page-heading p{font-size:11px;margin-top:9px}.primary-button{padding:10px 13px;font-size:11px}.primary-button>.icon:last-child{display:block}.primary-button>.icon{width:15px;height:15px}.map-toolbar{height:51px;padding:0 11px;gap:7px}.map-mode{display:none}.search-wrap{max-width:167px;gap:4px}.search-wrap input{font-size:10px;width:130px}.search-wrap kbd{display:none}.map-view-label strong{font-size:10px}.map-stage,.flow-active .map-stage{height:455px;min-height:0}.map-floating-label{top:11px;left:12px;font-size:7px}.map-controls{right:10px;bottom:10px;transform:scale(.92);transform-origin:bottom right}.map-footer{min-height:43px}.legend{gap:21px}.legend button{font-size:9px;padding:7px 0}.workspace-footer{flex-direction:column;gap:8px;font-size:8px}.workspace-footer>span{align-items:flex-start}.workspace-footer button{margin-left:18px;font-size:9px}.inspector-top{padding:20px 19px 0}.inspector-body{padding:20px 19px;max-height:570px}.inspector h2{font-size:22px}.inspector-summary,.responsibility-list li{font-size:12px}.flow-banner{flex-wrap:wrap;gap:10px}.flow-banner-title strong{font-size:12px}.flow-banner-controls{width:100%;padding-left:28px}.flow-banner-controls .flow-step-count{margin-right:auto}.flow-banner-controls button{width:34px;height:32px}.flow-option h3{font-size:15px}.flow-options{grid-template-columns:1fr;padding:0 20px 20px}.flow-option{padding:18px}.flow-option>.icon{margin-bottom:13px}.dialog-header{padding:23px 20px 20px}.dialog-header h2{font-size:23px}.dialog-header p{font-size:11px}.dialog-footnote{padding:15px 20px;font-size:9px}.notes-content{padding:0 20px 23px}.search-results{width:260px}.inspector-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.map-stage,.flow-active .map-stage{height:550px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#294660 transparent}.map-stage svg#architecture-map{height:auto;aspect-ratio:490 / 1160;min-height:800px}.map-floating-label{display:none}.map-controls{position:sticky;bottom:10px;width:max-content;margin-left:auto;margin-right:10px;margin-top:-44px}.node-title{font-size:14px}.node-subtitle{font-size:10px}.node-kicker{font-size:8px}.map-layer-title{font-size:10px}}

/* Repository evidence and larger, scrollable source map. */
.map-stage{overflow:auto}.map-stage svg#architecture-map{height:auto;min-height:700px;aspect-ratio:920 / 1170}.map-floating-label{display:none}.map-controls{position:sticky;bottom:12px;width:max-content;margin-left:auto;margin-right:12px;margin-top:-44px}.edge.proposed{stroke-dasharray:7 5}.evidence-badge{display:inline-block;border:1px solid #355a7b;background:#182938;color:#b4d1eb;border-radius:4px;padding:3px 7px;font-size:12px;margin-bottom:8px}.source-links{margin-top:18px}.source-links a,.repository-list a{display:block;padding:10px 0;border-bottom:1px solid #2b3c49;color:#a8c2d9;text-decoration:none;font-size:14px;overflow-wrap:anywhere}.source-links a:hover,.repository-list a:hover{text-decoration:underline}.source-links small,.repository-list small{display:block;font-size:12px;color:#98aebe;margin-top:5px;line-height:1.5}.repository-list{margin-bottom:22px}.inspector-summary,.responsibility-list li,.io-box p,.implementation-note,.flow-step p,.flow-outcome p{font-size:14px;line-height:1.7}.section-caption,.component-layer,.inspector-tabs button,.dependency-chip,.tech-tag,.connection-card p,.connection-card .connection-label,.flow-step strong{font-size:12px}.notes-content p{font-size:16px}.inspector{min-height:680px}.inspector-bottom{font-size:12px}.workspace-footer{font-size:12px}.page-heading p{font-size:16px}.layer-filter{font-size:13px}.inspector-section .source-links{margin-bottom:0}.node-kicker{font-size:8px;letter-spacing:.6px}.node-title{font-size:14px}.node-subtitle{font-size:10px}.map-panel{min-width:0}@media(max-width:600px){.map-stage svg#architecture-map{height:auto;min-height:1000px}.page-heading p{font-size:16px}.workspace-footer{font-size:12px}.main-nav .nav-item{font-size:12px}.inspector-summary,.responsibility-list li{font-size:14px}}

/* XynAGI official wordmark, swirl and blue identity. */
:root{--bg:#0b1220;--panel:#101b2b;--panel-2:#152235;--mint:#5fa5f7}
.topbar{background:#0f172a}.brand{min-width:166px}.brand img{width:170px;height:auto;max-height:60px;border-radius:0;object-fit:contain}.small-logo{width:25px;height:24px;object-fit:contain;flex-shrink:0}.nav-item.active{background:#122c46}.primary-button{background:#147acd;color:#fff;border-color:#288bd6;box-shadow:0 3px 15px #147acd22}.private-badge{background:#122337;border-color:#2d4964;color:#bdd8ef}.evidence-badge{background:#152f47;border-color:#355f81;color:#b9dcf6}.skip-link{color:#0f172a}.mint-dot{background:#147acd;box-shadow:0 0 8px #147acd40}
@media(max-width:600px){.brand img{width:135px;height:auto;max-height:48px}.brand{min-width:0}}

/* Plain-language companion: fewer parts, larger labels, less visual noise. */
.map-stage svg#architecture-map{min-height:530px}.node-title{font-size:16px}.node-subtitle{font-size:12px}.node-kicker{font-size:9px}.map-layer-title{font-size:12px}.inspector h2{font-size:24px}.source-links summary,.notes-content summary{cursor:pointer;color:#90b9f7;font-size:13px;padding:10px 0}.source-links h3{display:none}.technical-link{color:#90b9f7;text-decoration:underline}.legend button[data-type=event]{display:none}.notes-content details{margin:20px 0}.inspector-kicker{font-size:10px}.map-stage{min-height:530px}.inspector{min-height:620px}.workspace-footer{font-size:11px}.notes-content h3{margin-top:24px}.connection-card .connection-label{font-size:14px}.node-subtitle{letter-spacing:0}
@media(max-width:600px){.map-stage svg#architecture-map{min-height:850px}.node-title{font-size:16px}.node-subtitle{font-size:12px}.topbar-title{display:none}.main-nav .nav-item{font-size:10px}}