:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f8ff;font-synthesis:none;--bg:#05070c;--surface:#0a0f1ce0;--surface-strong:#0c1222f5;--surface-soft:#141c3194;--line:#94aacf29;--line-bright:#94aacf57;--text:#f4f8ff;--muted:#8e9bb2;--operations:#2ee6c6;--product:#8d7cff;--people:#ff5ea8;--warning:#ffc857;--danger:#ff6b7a;--mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", monospace;background:#05070c;font-family:Avenir Next Condensed,DIN Alternate,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;height:100%}body{background:radial-gradient(circle at 18% -8%, #2ee6c621, transparent 30%), radial-gradient(circle at 84% 10%, #8d7cff24, transparent 34%), linear-gradient(180deg, #080b12 0%, var(--bg) 38%, #03050a 100%);min-width:320px;height:100%;margin:0;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.42;background-image:linear-gradient(#7e9ac90b 1px,#0000 1px),linear-gradient(90deg,#7e9ac90b 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #b2a8ff}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{isolation:isolate;flex-direction:column;width:min(1600px,100% - 40px);height:100dvh;margin:0 auto;padding:18px 0;display:flex;position:relative;overflow:hidden}.ambient{z-index:-1;filter:blur(110px);pointer-events:none;opacity:.18;border-radius:50%;width:380px;height:380px;position:fixed}.ambient-one{background:var(--operations);top:42%;left:-120px}.ambient-two{background:var(--people);bottom:10%;right:-160px}.topbar,.command-deck,.section-heading,.brand-lockup,.verification-note,.search-field,.lane-filters,.atlas-heading,.legend,.detail-hero,.detail-actions,.integration-title,.status-banner{align-items:center;display:flex}.topbar{justify-content:space-between;gap:24px;padding:0 2px 12px}.brand-lockup{gap:16px}.brand-mark{color:#07100f;background:linear-gradient(145deg, #d9fff7, var(--operations));clip-path:polygon(15% 0,85% 0,100% 28%,100% 72%,85% 100%,15% 100%,0 72%,0 28%);place-items:center;width:52px;height:52px;display:grid;box-shadow:0 0 34px #2ee6c642}.brand-mark svg{width:27px;height:27px}.eyebrow{color:#7e8da6;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:0;font-size:clamp(24px,3vw,38px);font-weight:650}h1 span{color:#8290a8;letter-spacing:.05em;margin-left:8px;font-size:.48em;font-weight:500}.verification-note{color:#a8b4c8;font-family:var(--mono);flex:none;gap:9px;font-size:11px}.live-pulse{background:var(--operations);width:7px;height:7px;box-shadow:0 0 14px var(--operations);border-radius:50%;position:relative}.live-pulse:after{content:"";border:1px solid #2ee6c666;border-radius:50%;animation:2.2s ease-out infinite ping;position:absolute;inset:-5px}.command-deck{border:1px solid var(--line);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(100deg,#0e1525f0,#080c16e0);justify-content:space-between;gap:20px;padding:14px;box-shadow:0 24px 90px #00000042}.search-field{background:#02050ba8;border:1px solid #899ec12e;flex:430px;gap:10px;max-width:660px;min-height:44px;padding:0 12px}.search-field>svg{width:17px;color:var(--operations)}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.search-field input::placeholder{color:#637089}.search-hint{color:#657289;font-family:var(--mono);font-size:10px}.clear-search{color:#9aa7bc;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.clear-search svg{width:15px}.lane-filters{flex-wrap:wrap;justify-content:flex-end;gap:7px}.filter-chip{color:#8491a6;cursor:pointer;background:0 0;border:1px solid #0000;min-height:34px;padding:0 13px;transition:color .16s,border-color .16s,background .16s}.filter-chip:hover{color:#dbe5f5}.filter-chip.is-active{color:#ecf2fb;background:#8d7cff1a;border-color:#8d7cff5c}.atlas-section{flex-direction:column;flex:auto;min-height:0;margin-top:16px;display:flex}.section-heading{justify-content:space-between;gap:20px;margin-bottom:14px}.section-heading h2{letter-spacing:-.02em;margin-bottom:0;font-size:20px;font-weight:560}.section-heading>span{color:#77859d;font-family:var(--mono);font-size:11px}.detail-icon,.node-icon{place-items:center;display:grid}.lane-operations{--lane-color:var(--operations)}.lane-product{--lane-color:var(--product)}.lane-people{--lane-color:var(--people)}.lane-external{--lane-color:#91a0ba}.empty-result{min-height:104px;color:var(--muted);border:1px dashed var(--line-bright);background:#070b148a;place-items:center;display:grid}.atlas-heading{align-items:flex-end}.legend{color:#7f8ca1;flex-wrap:wrap;justify-content:flex-end;gap:15px;font-size:10px}.legend span{align-items:center;gap:7px;display:inline-flex}.legend-line{background:var(--operations);width:24px;height:1px;display:inline-block}.legend-line.double{box-shadow:0 3px 0 var(--product)}.legend-line.dashed{background:repeating-linear-gradient(90deg, var(--warning) 0 4px, transparent 4px 7px)}.atlas-layout{flex:auto;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.network-stage,.detail-panel{border:1px solid var(--line);background:var(--surface);box-shadow:0 28px 100px #0000003d}.network-stage{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.peripheral-rail{border-bottom:1px solid var(--line);background:#04070da8;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:flex}.rail-label{color:#68768d;font-family:var(--mono);letter-spacing:.14em;margin-right:auto;font-size:9px}.peripheral-chip{color:#76849b;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:6px 9px;font-size:10px;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.peripheral-chip svg{width:13px;height:13px}.peripheral-chip:hover,.peripheral-chip.is-relevant{color:#d6e0ef;background:#98a8c212;border-color:#98a8c23d}.network-canvas{background:radial-gradient(circle at 40% 36%,#2ee6c611,#0000 24%),radial-gradient(circle at 78% 35%,#8d7cff12,#0000 28%),radial-gradient(circle at 48% 78%,#ff5ea80d,#0000 22%),linear-gradient(#54688909 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#54688909 1px,#0000 1px) 0 0/32px 32px,#070b14;flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}.network-canvas:before,.network-canvas:after{content:"";pointer-events:none;position:absolute}.network-canvas:before{clip-path:polygon(0 0,32px 0,32px 1px,1px 1px,1px 32px,0 32px,0 100%,100% 100%,100% 0);border:1px solid #738bb017;inset:18px}.network-canvas:after{background:linear-gradient(90deg,#0000,#69deff06,#0000);animation:9s ease-in-out infinite sweep;inset:0;transform:translate(-100%)}.scan-line{z-index:0;opacity:.3;background:linear-gradient(90deg, transparent 8%, var(--operations), transparent 92%);height:1px;animation:8s linear infinite scan;position:absolute;left:0;right:0;box-shadow:0 0 12px #2ee6c659}.lane-watermark{z-index:1;color:#899cbb21;font-family:var(--mono);letter-spacing:.16em;writing-mode:vertical-rl;font-size:9px;position:absolute}.lane-watermark.operations{top:42%;left:2.5%}.lane-watermark.product{top:32%;right:2.5%}.lane-watermark.people{writing-mode:horizontal-tb;bottom:2%;left:48%}.edge-layer{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.edge-layer marker path{fill:context-stroke}.edge-path{fill:none;stroke:var(--operations);stroke-width:1.35px;vector-effect:non-scaling-stroke;opacity:.58;transition:opacity .18s,stroke-width .18s}.edge-path.direction-bidirectional{stroke:var(--product)}.edge-path.status-planned-integration,.edge-path.status-manual{stroke:var(--warning);stroke-dasharray:7 6}.edge-path.is-selected{opacity:1;stroke-width:2.4px;filter:drop-shadow(0 0 7px)}.edge-path.is-dimmed,.edge-label.is-dimmed,.system-node.is-dimmed{opacity:.13}.edge-label{z-index:4;color:#93a1b7;max-width:140px;font-family:var(--mono);cursor:pointer;background:#060a12db;border:1px solid #8b9ebe24;padding:4px 7px;font-size:8px;line-height:1.35;transition:opacity .18s,color .18s,border-color .18s,transform .18s;position:absolute;transform:translate(-50%,-50%)}.edge-label:hover,.edge-label.is-selected{color:#f2f6ff;border-color:#8d7cff80;transform:translate(-50%,-50%)scale(1.04)}.edge-label.status-planned-integration{color:var(--warning);border-style:dashed;border-color:#ffc8576b}.system-node{z-index:5;width:184px;min-height:78px;color:var(--text);border:1px solid color-mix(in srgb, var(--lane-color) 25%, var(--line));background:linear-gradient(115deg, color-mix(in srgb, var(--lane-color) 8%, transparent), transparent 55%), #0a0f1bf0;text-align:left;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);cursor:pointer;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:10px;transition:opacity .18s,border-color .18s,transform .18s,box-shadow .18s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 16px 38px #00000047}.system-node:hover{border-color:color-mix(in srgb, var(--lane-color) 60%, transparent);transform:translate(-50%,-50%)translateY(-2px)}.system-node.is-selected{border-color:var(--lane-color);box-shadow:0 0 0 1px color-mix(in srgb, var(--lane-color) 15%, transparent), 0 0 34px color-mix(in srgb, var(--lane-color) 16%, transparent)}.node-orbit{z-index:-1;opacity:0;border:1px solid color-mix(in srgb, var(--lane-color) 42%, transparent);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:opacity .18s;position:absolute;inset:-5px}.system-node.is-selected .node-orbit{opacity:1;animation:2.8s ease-in-out infinite orbit-breathe}.node-icon{width:30px;height:30px;color:var(--lane-color);border:1px solid color-mix(in srgb, var(--lane-color) 26%, transparent);background:color-mix(in srgb, var(--lane-color) 7%, transparent)}.node-icon svg{width:17px}.node-copy{min-width:0}.node-copy strong,.node-copy small{display:block}.node-copy strong{margin-bottom:4px;font-size:14px;font-weight:630}.node-copy small{color:#728096;font-size:9px;line-height:1.35}.detail-panel{z-index:30;scrollbar-color:#8d7cff47 transparent;background:#080d18fb;border-top:0;border-bottom:0;border-right:0;width:min(430px,100vw - 20px);animation:.22s ease-out both drawer-enter;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-28px 0 100px #0000008c}.detail-scrim{z-index:29;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#0103086b;border:0;padding:0;animation:.18s ease-out both scrim-enter;position:fixed;inset:0}.drawer-close{z-index:2;color:#91a0b6;border:1px solid var(--line);cursor:pointer;background:#050911db;place-items:center;width:34px;height:34px;margin:14px 14px -48px auto;padding:0;display:grid;position:sticky;top:14px}.drawer-close:hover{color:#f4f8ff;border-color:var(--line-bright)}.drawer-close svg{width:16px}.detail-content{padding:22px}.detail-hero{gap:13px;margin-bottom:18px}.detail-icon{width:48px;height:48px;color:var(--lane-color);border:1px solid color-mix(in srgb, var(--lane-color) 38%, transparent);background:color-mix(in srgb, var(--lane-color) 8%, transparent);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);flex:none}.detail-icon svg{width:23px}.detail-hero h2,.detail-content>h2{letter-spacing:-.03em;margin:0 0 3px;font-size:24px;font-weight:620}.detail-hero p:last-child{color:#77859c;margin:0;font-size:11px}.detail-summary{color:#a2aec2;margin-bottom:18px;font-size:13px;line-height:1.72}.detail-actions{flex-wrap:wrap;gap:8px;margin-bottom:22px}.detail-actions a{color:#9dabbe;border:1px solid var(--line);padding:7px 10px;font-size:11px;text-decoration:none}.detail-actions a:hover{color:#f4f8ff;border-color:var(--line-bright)}.detail-actions .primary-action{color:#06110f;border-color:var(--operations);background:var(--operations);align-items:center;gap:7px;padding:9px 13px;font-weight:650;display:inline-flex}.detail-actions .primary-action:hover{color:#06110f;box-shadow:0 0 24px #2ee6c638}.detail-actions svg{width:14px}.detail-section{border-top:1px solid var(--line);padding:17px 0}.detail-section h3{color:#728098;font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;font-size:9px;font-weight:600}.detail-section p{color:#b1bed0;margin-bottom:0;font-size:12px;line-height:1.65}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span{color:#c7d1e1;background:#2ee6c60d;border:1px solid #2ee6c62b;padding:5px 7px;font-size:10px}.tag-list.is-subtle span{color:#95a2b7;background:#8d7cff0d;border-color:#8d7cff2b}.endpoint-list,.connection-list,.evidence-list{gap:7px;display:grid}.endpoint-list>div{background:#03060c8a;grid-template-columns:42px minmax(0,1fr);gap:4px 7px;padding:9px;display:grid}.endpoint-list span{color:var(--operations);font-family:var(--mono);font-size:8px}.endpoint-list code{overflow-wrap:anywhere;color:#c8d3e3;font-family:var(--mono);font-size:9px}.endpoint-list small{color:#6e7b90;grid-column:2;font-size:9px}.connection-list button,.mobile-relations button{color:#d4deed;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #8b9ebe1a;grid-template-columns:8px minmax(0,1fr) 14px;align-items:center;gap:9px;width:100%;padding:9px 4px;display:grid}.connection-list button:hover{background:#8d7cff0d}.connection-list strong,.connection-list small,.mobile-relations strong,.mobile-relations small{display:block}.connection-list strong{margin-bottom:2px;font-size:11px}.connection-list small{color:#738198;font-size:9px}.connection-list svg{color:#5f6d82;width:13px}.relation-status{background:var(--operations);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 9px}.relation-status.status-planned-integration,.status-planned-integration .relation-status,.relation-status.status-manual,.status-manual .relation-status{color:var(--warning);background:var(--warning)}.relation-status.status-documented,.status-documented .relation-status{color:var(--product);background:var(--product)}.repo-path{overflow-wrap:anywhere;color:#98a7bc;font-family:var(--mono);font-size:9px;line-height:1.6;display:block}.evidence-list>div{grid-template-columns:15px minmax(0,1fr);gap:8px;padding:8px 0;display:grid}.evidence-list svg{width:14px;color:var(--operations)}.evidence-list strong,.evidence-list code,.evidence-list small{display:block}.evidence-list strong{color:#abb8cb;margin-bottom:4px;font-size:10px}.evidence-list code{overflow-wrap:anywhere;color:#68768c;font-family:var(--mono);font-size:8px;line-height:1.5}.evidence-list small{color:#566277;margin-top:4px;font-size:8px}.integration-title{gap:8px;margin:10px 0 15px}.integration-title button{color:#dce5f2;border:1px solid var(--line);cursor:pointer;background:#141c318c;padding:5px 7px}.integration-title span{color:var(--product);place-items:center;display:grid}.integration-title svg{width:16px}.status-banner{border-left:2px solid var(--operations);background:#2ee6c60e;flex-wrap:wrap;gap:8px;margin:14px 0 17px;padding:9px 10px}.status-banner.status-planned-integration,.status-banner.status-manual{border-left-color:var(--warning);background:#ffc8570f}.status-banner strong{font-size:11px}.status-banner small{color:#7c899e;margin-left:auto;font-size:9px}.contract-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px;display:grid}.contract-grid>div{background:#05080f94;min-width:0;padding:10px}.contract-grid small,.contract-grid strong{display:block}.contract-grid small{color:#66738a;margin-bottom:6px;font-size:8px}.contract-grid strong{overflow-wrap:anywhere;color:#bec9d9;font-size:10px;font-weight:550;line-height:1.5}.mobile-system-list,.mobile-relations{display:none}footer{color:#4e5a6e;font-family:var(--mono);letter-spacing:.1em;justify-content:space-between;gap:20px;padding:22px 2px 0;font-size:8px;display:flex}@keyframes ping{0%{opacity:.8;transform:scale(.6)}75%,to{opacity:0;transform:scale(1.5)}}@keyframes sweep{0%,38%{transform:translate(-100%)}62%,to{transform:translate(100%)}}@keyframes scan{0%{top:4%}to{top:96%}}@keyframes orbit-breathe{0%,to{opacity:.35;transform:scale(.99)}50%{opacity:.8;transform:scale(1.01)}}@keyframes drawer-enter{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:translate(0)}}@keyframes scrim-enter{0%{opacity:0}to{opacity:1}}@media (width<=1180px){.system-node{width:166px}.edge-label{max-width:112px}}@media (width<=940px){.app-shell{width:min(100% - 28px,760px)}.topbar,.command-deck,.atlas-heading{flex-direction:column;align-items:stretch}.verification-note{align-self:flex-start}.search-field{flex-basis:auto;width:100%;max-width:none}.lane-filters,.legend{justify-content:flex-start}.atlas-layout{grid-template-columns:1fr}.network-canvas{display:none}.network-stage{overflow-y:auto}.mobile-system-list,.mobile-relations{padding:12px 15px 18px;display:block}.mobile-system-list{border-bottom:1px solid var(--line)}.mobile-system-list h3,.mobile-relations h3{color:#7e8ba0;margin:5px 0 9px;font-size:11px;font-weight:550}.mobile-system-list>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-system-list button{min-height:66px;color:var(--text);border:1px solid color-mix(in srgb, var(--lane-color) 22%, var(--line));background:color-mix(in srgb, var(--lane-color) 5%, #050911e6);text-align:left;cursor:pointer;grid-template-columns:30px minmax(0,1fr) 13px;align-items:center;gap:8px;padding:9px;display:grid}.mobile-system-list button>span:nth-child(2){min-width:0}.mobile-system-list strong,.mobile-system-list small{display:block}.mobile-system-list strong{margin-bottom:3px;font-size:12px}.mobile-system-list small{color:#718096;font-size:8px;line-height:1.35}.mobile-system-list button>svg{color:#65738a;width:12px}.mobile-relations h3{margin-top:0}.mobile-relations button{grid-template-columns:8px minmax(0,1fr);padding:12px 4px}.mobile-relations strong{align-items:center;gap:5px;margin-bottom:3px;font-size:12px;display:flex}.mobile-relations strong svg{width:12px}.mobile-relations small{color:#718096;font-size:9px}}@media (width<=620px){.app-shell{width:min(100% - 20px,520px);padding-top:18px}.brand-lockup{align-items:flex-start}.brand-mark{width:44px;height:44px}h1{font-size:24px}h1 span{margin:4px 0 0;display:block}.verification-note{font-size:9px}.command-deck{padding:10px}.lane-filters{grid-template-columns:1fr 1fr;width:100%;display:grid}.filter-chip{border-color:#8b9ebe1a}.atlas-section{margin-top:14px}.atlas-heading .legend{display:none}.mobile-system-list>div{grid-template-columns:1fr}.legend{gap:9px}.peripheral-rail{flex-wrap:wrap}.rail-label{flex:1 0 100%}.detail-content{padding:18px}.contract-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}