:root{--ink: #101828;--muted: #5c677a;--line: rgba(16, 24, 40, .1);--line-strong: rgba(16, 24, 40, .16);--canvas: #e7ebf2;--panel: #f6f7fa;--raised: #ffffff;--brand: #1a4f9c;--brand-deep: #123a74;--brand-soft: rgba(26, 79, 156, .1);--ok: #0d7a55;--warn: #a85a12;--ext: #5b3cc4;--data: #0b738c;--zone: rgba(26, 79, 156, .035);--font: "Manrope", ui-sans-serif, system-ui, sans-serif;--display: "Sora", ui-sans-serif, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--side: min(360px, 34vw);--radius: 14px;--shadow: 0 14px 40px rgba(16, 24, 40, .08)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{font-family:var(--font);color:var(--ink);background:radial-gradient(900px 420px at 8% -8%,rgba(26,79,156,.09),transparent 55%),linear-gradient(180deg,#eef2f7,var(--canvas))}button{font:inherit}.map-app{height:100%;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.map-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem 1.15rem;border-bottom:1px solid var(--line);background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3}.map-brand{display:grid;gap:.05rem}.map-brand strong{font-family:var(--display);font-size:1.15rem;letter-spacing:-.04em}.map-brand span{font-size:.72rem;color:var(--muted)}.map-stages{display:flex;gap:.45rem;flex-wrap:wrap}.map-stage{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);background:#fff;border-radius:999px;padding:.35rem .85rem .35rem .35rem;cursor:pointer;text-align:left;color:var(--muted)}.map-stage__num{width:1.7rem;height:1.7rem;border-radius:999px;display:grid;place-items:center;font-family:var(--display);font-size:.78rem;font-weight:700;background:#eef2f7;color:var(--muted)}.map-stage__text{display:grid;line-height:1.15}.map-stage__text strong{font-size:.8rem;color:var(--ink)}.map-stage__text em{font-style:normal;font-size:.65rem;color:var(--muted)}.map-stage.is-on{border-color:color-mix(in srgb,var(--brand) 40%,transparent);background:var(--brand-soft)}.map-stage.is-on .map-stage__num{background:var(--brand);color:#fff}.map-stage.is-soon{opacity:.55;cursor:not-allowed}.map-toolbar{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;padding:.55rem 1.15rem;border-bottom:1px solid var(--line);background:#f6f7faeb;z-index:2}.map-flows--top{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0}.map-flows__label{font-size:.66rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:.15rem}.map-overview{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.map-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.32rem .7rem;cursor:pointer;font-weight:600;font-size:.74rem;color:var(--muted)}.map-chip.is-on,.map-chip:hover{border-color:color-mix(in srgb,var(--brand) 35%,transparent);background:var(--brand-soft);color:var(--brand-deep)}.map-body{min-height:0;display:grid;grid-template-columns:var(--side) minmax(0,1fr)}.map-inspect{padding:1.15rem 1.15rem 1.5rem;border-right:1px solid var(--line);background:#f6f7faf5;overflow:auto;display:flex;flex-direction:column;gap:.95rem;min-height:0}.map-inspect--empty h1{margin:0;font-family:var(--display);font-size:clamp(1.35rem,2vw,1.7rem);letter-spacing:-.045em;line-height:1.15}.map-eyebrow{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.map-lead,.map-inspect__hint,.map-inspect__muted,.map-inspect__sub{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.map-howto{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.map-howto li{padding:.55rem .7rem;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:.84rem;line-height:1.35;color:var(--ink)}.map-inspect__hint{margin-top:auto;padding-top:.75rem;font-weight:700;color:var(--brand)}.map-inspect__head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.map-inspect__head em{display:block;font-style:normal;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brand);margin-bottom:.3rem}.map-inspect__head h2{margin:0;font-family:var(--display);font-size:1.35rem;letter-spacing:-.035em;line-height:1.15}.map-inspect__close{border:1px solid var(--line);background:#fff;width:2rem;height:2rem;border-radius:8px;cursor:pointer;color:var(--muted);flex-shrink:0}.map-inspect__close:hover{color:var(--ink)}.map-inspect__block{display:grid;gap:.4rem}.map-inspect__block h3{margin:0;font-size:.66rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.map-inspect__block>p{margin:0;font-size:.92rem;line-height:1.5}.map-inspect__list{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}.map-inspect__list li{position:relative;padding:.55rem .7rem .55rem 1.1rem;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:.84rem;line-height:1.4}.map-inspect__list li:before{content:"";position:absolute;left:.45rem;top:.9rem;width:5px;height:5px;border-radius:50%;background:var(--brand)}.map-routes{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.map-routes code{font-family:var(--mono);font-size:.7rem;background:#eef2f8;border-radius:6px;padding:.22rem .42rem;color:var(--ink);word-break:break-all}.map-inspect__links{display:grid;gap:.4rem}.map-link{display:grid;grid-template-columns:5.2rem 1fr;grid-template-areas:"dir title" "dir label";column-gap:.55rem;row-gap:.05rem;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.55rem .7rem;cursor:pointer}.map-link:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent);background:var(--brand-soft)}.map-link__dir{grid-area:dir;align-self:center;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand)}.map-link strong{grid-area:title;font-size:.88rem}.map-link em{grid-area:label;font-style:normal;font-size:.72rem;color:var(--muted)}.map-canvas-wrap{position:relative;overflow:hidden;min-width:0;min-height:0;height:100%}.map-flow-banner{position:absolute;z-index:2;left:1rem;top:1rem;right:1rem;margin:0;max-width:460px;padding:.65rem .85rem;border-radius:12px;background:#fffffff0;border:1px solid var(--line);font-size:.84rem;line-height:1.4;color:var(--ink);box-shadow:var(--shadow)}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(800px 360px at 75% 15%,rgba(26,79,156,.07),transparent 60%),linear-gradient(90deg,rgba(16,24,40,.03) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(rgba(16,24,40,.03) 1px,transparent 1px) 0 0 / 28px 28px,#f3f5f9}.map-canvas__stage{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.map-zone{position:absolute;border:1px dashed color-mix(in srgb,var(--brand) 22%,transparent);border-radius:18px;background:var(--zone);pointer-events:none}.map-zone span{position:absolute;left:12px;top:8px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--brand) 75%,var(--muted))}.map-edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.map-edge path{fill:none;stroke:#1018282e;stroke-width:1.5}.map-edge text{font-family:var(--font);font-size:10px;fill:#1018286b;text-anchor:middle}.map-edge.is-hot path{stroke:var(--brand);stroke-width:2.4}.map-edge.is-hot text{fill:var(--brand-deep);font-weight:700}.map-edge.is-dim{opacity:.1}.map-node{position:absolute;display:grid;align-content:center;gap:.18rem;padding:.55rem .7rem;border-radius:12px;border:1px solid var(--line-strong);background:var(--raised);box-shadow:0 6px 16px #1018280d;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.map-node strong{font-family:var(--display);font-size:.82rem;letter-spacing:-.02em;line-height:1.2}.map-node span{font-size:.66rem;color:var(--muted);line-height:1.25}.map-node:hover{transform:translateY(-2px);box-shadow:0 12px 26px #1018281a}.map-node.is-selected{border-color:color-mix(in srgb,var(--brand) 55%,transparent);box-shadow:0 0 0 3px var(--brand-soft),0 12px 26px #1018281a;z-index:2}.map-node.is-hot:not(.is-selected){border-color:color-mix(in srgb,var(--brand) 40%,transparent);background:color-mix(in srgb,var(--brand-soft) 60%,#fff)}.map-node.is-dim{opacity:.18;filter:grayscale(.3)}.map-node--actor{border-left:4px solid #64748b}.map-node--app{border-left:4px solid var(--brand)}.map-node--data{border-left:4px solid var(--data)}.map-node--domain{border-left:4px solid var(--ok)}.map-node--external{border-left:4px solid var(--ext)}.map-node--infra{border-left:4px solid var(--warn)}.map-link:disabled{opacity:.55;cursor:default}.map-link:disabled:hover{border-color:var(--line);background:#fff}.dom-stage{min-height:0;display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);overflow:hidden}.dom-nav{padding:1.15rem 1.1rem 1.4rem;border-right:1px solid var(--line);background:#f6f7faf5;overflow:auto;display:flex;flex-direction:column;gap:.85rem}.dom-nav h1{margin:0;font-family:var(--display);font-size:1.45rem;letter-spacing:-.04em;line-height:1.15}.dom-groups{display:grid;gap:.4rem}.dom-group{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.65rem .75rem;cursor:pointer;display:grid;gap:.15rem}.dom-group strong{font-size:.88rem}.dom-group span{font-size:.74rem;color:var(--muted);line-height:1.35}.dom-group.is-on,.dom-group:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent);background:var(--brand-soft)}.dom-list{display:grid;gap:.35rem}.dom-item{text-align:left;border:1px solid transparent;background:transparent;border-radius:10px;padding:.55rem .65rem;cursor:pointer;display:grid;gap:.1rem}.dom-item strong{font-size:.86rem}.dom-item span{font-size:.72rem;color:var(--muted)}.dom-item.is-on,.dom-item:hover{background:#fff;border-color:var(--line);box-shadow:0 4px 14px #1018280a}.dom-item.is-on{border-color:color-mix(in srgb,var(--brand) 35%,transparent);background:var(--brand-soft)}.dom-detail{overflow:auto;padding:1.35rem 1.5rem 1.8rem;background:radial-gradient(700px 280px at 90% 0%,rgba(26,79,156,.07),transparent 55%),#f3f5f9}.dom-detail--empty{display:grid;place-content:center;text-align:center;gap:.4rem;color:var(--muted)}.dom-detail--empty h2{margin:0;font-family:var(--display);color:var(--ink)}.dom-detail__head{max-width:760px;margin-bottom:1.1rem}.dom-detail__head em{display:block;font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);margin-bottom:.35rem}.dom-detail__head h2{margin:0 0 .45rem;font-family:var(--display);font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.04em}.dom-detail__head p{margin:0;font-size:1.02rem;line-height:1.55;color:var(--ink);max-width:62ch}.dom-detail__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;max-width:920px}.dom-detail__grid section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.85rem .95rem;display:grid;gap:.45rem}.dom-detail__grid h3{margin:0;font-size:.66rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.dom-detail__grid p{margin:0;font-size:.92rem;line-height:1.45}.dom-detail__wide{grid-column:1 / -1}.dom-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.dom-pills li{border-radius:999px;padding:.32rem .65rem;background:var(--brand-soft);color:var(--brand-deep);font-size:.78rem;font-weight:650}.dom-pills--soft li{background:#eef2f8;color:var(--ink);font-weight:500}.flow-stage{min-height:0;display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);overflow:hidden}.flow-nav{padding:1.15rem 1.1rem 1.4rem;border-right:1px solid var(--line);background:#f6f7faf5;overflow:auto;display:flex;flex-direction:column;gap:.85rem}.flow-nav h1{margin:0;font-family:var(--display);font-size:1.45rem;letter-spacing:-.04em;line-height:1.15}.flow-list{display:grid;gap:.4rem}.flow-item{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.7rem .8rem;cursor:pointer;display:grid;gap:.15rem}.flow-item strong{font-size:.88rem;line-height:1.25}.flow-item span{font-size:.74rem;color:var(--muted)}.flow-item.is-on,.flow-item:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent);background:var(--brand-soft)}.flow-main{overflow:auto;padding:1.25rem 1.4rem 1.7rem;background:radial-gradient(700px 280px at 85% 0%,rgba(26,79,156,.07),transparent 55%),#f3f5f9;display:grid;gap:1rem;align-content:start}.flow-hero{max-width:760px}.flow-hero em{display:block;font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);margin-bottom:.3rem}.flow-hero h2{margin:0 0 .55rem;font-family:var(--display);font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:-.04em}.flow-hero__goal,.flow-hero__result{margin:.25rem 0 0;font-size:.95rem;line-height:1.5;color:var(--ink)}.flow-hero__goal strong,.flow-hero__result strong{color:var(--muted);font-weight:700}.flow-path{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.75rem;border-radius:14px;border:1px solid var(--line);background:#fff}.flow-path__arrow{color:var(--muted);font-size:.85rem}.flow-path__node{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);background:#f7f8fb;border-radius:999px;padding:.28rem .65rem .28rem .3rem;cursor:pointer;max-width:100%}.flow-path__node span{width:1.35rem;height:1.35rem;border-radius:999px;display:grid;place-items:center;font-size:.68rem;font-weight:700;background:#e8edf5;color:var(--muted);flex-shrink:0}.flow-path__node strong{font-size:.72rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:9rem}.flow-path__node.is-on{border-color:color-mix(in srgb,var(--brand) 45%,transparent);background:var(--brand-soft)}.flow-path__node.is-on span{background:var(--brand);color:#fff}.flow-path__node.is-done span{background:color-mix(in srgb,var(--ok) 80%,#fff);color:#fff}.flow-steps{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;max-width:820px}.flow-step{width:100%;display:grid;grid-template-columns:auto 1fr;gap:.75rem;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:.75rem .85rem;cursor:pointer}.flow-step:hover,.flow-step.is-on{border-color:color-mix(in srgb,var(--brand) 40%,transparent)}.flow-step.is-on{background:color-mix(in srgb,var(--brand-soft) 70%,#fff);box-shadow:0 0 0 2px var(--brand-soft)}.flow-step__num{width:1.85rem;height:1.85rem;border-radius:999px;display:grid;place-items:center;font-family:var(--display);font-size:.8rem;font-weight:700;background:#eef2f7;color:var(--muted)}.flow-step.is-on .flow-step__num{background:var(--brand);color:#fff}.flow-step__body{display:grid;gap:.15rem;min-width:0}.flow-step__body strong{font-size:.95rem}.flow-step__body em{font-style:normal;font-size:.72rem;font-weight:700;color:var(--brand)}.flow-step__body p{margin:.15rem 0 0;font-size:.86rem;line-height:1.45;color:var(--muted)}.flow-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;max-width:820px;position:sticky;bottom:.4rem;padding:.65rem .75rem;border-radius:12px;background:#fffffff0;border:1px solid var(--line);box-shadow:var(--shadow)}.flow-controls__status{margin:0;flex:1;font-size:.82rem;color:var(--muted);text-align:center}.flow-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.55rem .9rem;font-weight:700;font-size:.84rem;cursor:pointer;color:var(--ink)}.flow-btn:disabled{opacity:.4;cursor:not-allowed}.flow-btn--primary{border:0;color:#fff;background:linear-gradient(135deg,var(--brand-deep),var(--brand))}@media (max-width: 980px){.flow-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(50vh,1fr);overflow:auto}.flow-nav{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width: 980px){.dom-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(50vh,1fr);overflow:auto}.dom-nav{border-right:0;border-bottom:1px solid var(--line)}.dom-detail__grid{grid-template-columns:1fr}}.map-gate{min-height:100%;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(720px 340px at 18% 0%,rgba(26,79,156,.14),transparent 55%),linear-gradient(165deg,#edf1f7,#dfe6f0 55%,#e7ebf2)}.map-gate__card{width:min(420px,100%);display:grid;gap:.75rem;padding:1.5rem 1.45rem 1.55rem;border-radius:20px;border:1px solid var(--line);background:#fffffff0;box-shadow:var(--shadow)}.map-gate__brand{display:grid;gap:.1rem}.map-gate__brand strong{font-family:var(--display);font-size:1.15rem;letter-spacing:-.04em}.map-gate__brand span,.map-gate__card>p{color:var(--muted);font-size:.88rem;margin:0;line-height:1.45}.map-gate__card h1{margin:.15rem 0 0;font-family:var(--display);font-size:1.45rem;letter-spacing:-.035em}.map-gate__card label{display:grid;gap:.28rem}.map-gate__card label span{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.map-gate__card input{border:1px solid var(--line);border-radius:11px;padding:.7rem .8rem;font:inherit;background:#fff}.map-gate__card input:focus{outline:2px solid var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 45%,transparent)}.map-gate__card button{margin-top:.2rem;border:0;border-radius:12px;padding:.8rem 1rem;font:inherit;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand-deep),var(--brand));cursor:pointer}.map-gate__card button:disabled{opacity:.55;cursor:not-allowed}.map-gate__error{font-style:normal;color:#b91c1c;font-size:.84rem;font-weight:600}@media (max-width: 980px){html,body,#root{overflow:auto}.map-app{height:auto;min-height:100dvh;overflow:visible}.map-body{grid-template-columns:1fr;grid-template-rows:auto minmax(64vh,1fr)}.map-inspect{border-right:0;border-bottom:1px solid var(--line)}.map-canvas-wrap{min-height:64vh}.map-top,.map-toolbar{flex-direction:column;align-items:stretch}}