:root{--arch-bg: #031527;--arch-deep: #061b2e;--arch-panel: #09243a;--arch-panel-2: #0c2941;--arch-border: #28475f;--arch-text: #f1f7fb;--arch-muted: #91abc0;--arch-cyan: #5ce1e6;--arch-cyan-rgb: 92, 225, 230;--arch-amber: #f4b93d;--arch-violet: #b49af8;--arch-coral: #ff8f6b;--arch-coral-rgb: 255, 143, 107;--arch-radius: 10px;--arch-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}.arch-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:var(--arch-text);background:var(--arch-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.arch-header,.arch-toolbar,.arch-legend,.arch-footer{flex:0 0 auto}.arch-shell button,.arch-shell input,.arch-shell select{font:inherit}.arch-header{min-height:76px;display:grid;grid-template-columns:240px minmax(300px,1fr) minmax(280px,420px);gap:28px;align-items:center;padding:12px 22px;border-bottom:1px solid var(--arch-border);background:#04182a}.arch-brand{display:flex;align-items:center;gap:12px;color:var(--arch-text);font-size:14px;font-weight:760;letter-spacing:.12em;text-decoration:none}.arch-logo{width:38px;height:38px;fill:var(--arch-text);stroke:var(--arch-text);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.arch-title-block{text-align:center}.arch-title-block h1{margin:0;font-size:clamp(22px,2.25vw,34px);line-height:1.05;letter-spacing:-.03em}.arch-title-block p{margin:5px 0 0;color:var(--arch-muted);font-size:12px;letter-spacing:.04em}.arch-search{height:44px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:0 12px;color:var(--arch-muted);border:1px solid var(--arch-border);border-radius:8px;background:#061d31}.arch-search input{min-width:0;color:var(--arch-text);border:0;outline:0;background:transparent;font-size:14px}.arch-search input::placeholder{color:#6f8da5}.arch-search kbd{padding:3px 6px;border:1px solid #34536a;border-radius:5px;color:#9ab4c8;background:#102d44;font-family:var(--arch-mono);font-size:11px}.arch-toolbar{min-height:66px;display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--arch-border);background:#061b2e}.arch-toolbar select{min-width:155px;height:42px;padding:0 34px 0 12px;color:var(--arch-text);border:1px solid #3a5d77;border-radius:8px;background:#092239}.arch-status-filters,.arch-scope-switch{display:flex;gap:8px}.status-filter,.arch-scope-switch button{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;color:var(--arch-muted);border:1px solid var(--arch-border);border-radius:8px;background:transparent;cursor:pointer;font-size:13px;font-weight:650}.status-filter[aria-pressed=true].status-implemented{color:var(--arch-cyan);border-color:rgba(var(--arch-cyan-rgb),.58);background:rgba(var(--arch-cyan-rgb),.08)}.status-filter[aria-pressed=true].status-in-progress{color:var(--arch-amber);border-color:#f4b93d9e;background:#f4b93d14}.status-filter[aria-pressed=true].status-planned{color:var(--arch-violet);border-color:#b49af89e;background:#b49af814}.status-filter[aria-pressed=false]{opacity:.42}.status-dot{width:9px;height:9px;display:inline-block;border-radius:50%;border:1px solid currentColor;background:currentColor}.arch-scope-switch{margin-left:auto;padding:3px;border:1px solid var(--arch-border);border-radius:9px;background:#04182a}.arch-scope-switch button{min-height:34px;padding:0 12px;border:0}.arch-scope-switch button[aria-pressed=true]{color:var(--arch-text);background:#12324a;box-shadow:inset 0 0 0 1px #31526b}.arch-reset{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;color:var(--arch-muted);border:1px solid var(--arch-border);border-radius:8px;background:transparent;cursor:pointer;font-size:13px;font-weight:650}.arch-reset:hover:not(:disabled){color:var(--arch-text);border-color:#3a5d77}.arch-reset:disabled{opacity:.4;cursor:default}.arch-reset svg{width:16px;height:16px}.arch-view-switch{margin-left:auto}.arch-workspace{position:relative;flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 356px;border-bottom:1px solid var(--arch-border)}.arch-workspace.changelog-visible.inspector-visible{grid-template-columns:330px minmax(0,1fr) 356px}.arch-workspace.changelog-visible:not(.inspector-visible){grid-template-columns:330px minmax(0,1fr)}.arch-workspace:not(.changelog-visible) .arch-changelog{display:none}.arch-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:#041a2c}.arch-canvas-stage{flex:1 1 auto;min-height:0;display:flex;align-items:start;justify-content:center;overflow:auto;padding:14px 12px}.arch-canvas-stage[data-scroll=true]{justify-content:start}.arch-canvas-frame{position:relative;flex:0 0 auto}.arch-canvas{position:relative;overflow:hidden;transform-origin:top left}.sea-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.34;background-image:linear-gradient(rgba(70,117,147,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(70,117,147,.11) 1px,transparent 1px),radial-gradient(circle at 18% 22%,rgba(35,96,126,.18),transparent 30%),radial-gradient(circle at 82% 70%,rgba(24,80,113,.16),transparent 28%);background-size:32px 32px,32px 32px,auto,auto}.sea-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 31%,rgba(104,148,176,.48) 31.2%,transparent 31.5%,transparent 62.5%,rgba(104,148,176,.48) 62.7%,transparent 63%)}.layer-label{position:absolute;left:22px;z-index:2;width:176px;display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;color:var(--arch-cyan)}.layer-label svg{width:30px;height:30px}.layer-label strong,.layer-label small{display:block}.layer-label strong{color:var(--arch-text);font-size:15px}.layer-label small{margin-top:4px;color:var(--arch-muted);font-size:11px;line-height:1.45}.arch-connectors{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.connector{fill:none;stroke-width:1.55;transition:opacity .2s,stroke-width .2s}.connector.status-implemented{stroke:var(--arch-cyan)}.connector.status-in-progress{stroke:var(--arch-amber);stroke-dasharray:6 5}.connector.status-planned{stroke:var(--arch-violet);stroke-dasharray:4 6}.connector.live{stroke-width:2.2;stroke-dasharray:8 7;animation:live-dash 1.1s linear infinite;filter:drop-shadow(0 0 4px rgba(var(--arch-cyan-rgb),.45))}.connector.experimental{stroke:var(--arch-coral);stroke-width:1.7;stroke-dasharray:1.5 6;animation:none;filter:none}.connector.selected{stroke-width:3}#arrow-implemented path{fill:var(--arch-cyan)}#arrow-in-progress path{fill:var(--arch-amber)}#arrow-planned path{fill:var(--arch-violet)}#arrow-experimental path{fill:var(--arch-coral)}@keyframes live-dash{to{stroke-dashoffset:-15}}.arch-node{position:absolute;z-index:3;min-height:60px;display:grid;grid-template-columns:28px 1fr 14px;gap:8px;align-items:center;padding:9px 10px;text-align:left;color:var(--arch-text);border:1px solid currentColor;border-radius:var(--arch-radius);background:#071f32f0;cursor:pointer;transition:transform .16s,box-shadow .16s,opacity .2s}.arch-node:hover,.arch-node:focus-visible{transform:translateY(-2px);outline:none;box-shadow:0 8px 26px #00000040}.arch-node.selected{box-shadow:0 0 0 2px currentColor,0 8px 26px #0000004d}.arch-node.open{background:#0c2c44f5;box-shadow:inset 0 0 0 1px #ffffff0f}.arch-node.status-implemented{color:var(--arch-cyan)}.arch-node.status-in-progress{color:var(--arch-amber);border-style:dashed}.arch-node.status-planned{color:var(--arch-violet);border-style:dashed}.arch-node.tier-ai{border-radius:16px}.arch-node.tier-infra .node-icon{opacity:.85}.node-icon{display:grid;place-items:center}.node-copy{min-width:0}.node-copy strong,.node-copy small{display:block}.node-copy strong{color:var(--arch-text);font-family:var(--arch-mono);font-size:11.5px;line-height:1.2;overflow-wrap:anywhere}.node-copy small{margin-top:3px;overflow:hidden;color:var(--arch-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.node-status{width:10px;height:10px;align-self:start;border:1px solid currentColor;border-radius:50%;background:currentColor}.node-caret{width:16px;height:16px;display:grid;place-items:center;align-self:start;color:currentColor;border:1px solid currentColor;border-radius:5px;font-family:var(--arch-mono);font-size:13px;line-height:1;font-weight:700}.arch-node:before{content:"";position:absolute;left:1px;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:var(--node-origin, transparent)}.arch-node.origin-standard{--node-origin: #7d93a6}.arch-node.origin-ours{--node-origin: #58d39b}.arch-node.origin-kdcube{--node-origin: #e879c7}.arch-inspector{position:relative;min-width:0;overflow-y:auto;padding:22px;border-left:1px solid var(--arch-border);background:#09243a}.inspector-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;padding:6px;color:var(--arch-muted);border:0;background:transparent;cursor:pointer}.inspector-head{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:2px 32px 18px 0;border-bottom:1px solid var(--arch-border)}.inspector-symbol{width:38px;height:38px;display:grid;place-items:center;border:1px solid currentColor;border-radius:8px}.inspector-symbol.status-implemented,.inspector-status.status-implemented{color:var(--arch-cyan)}.inspector-symbol.status-in-progress,.inspector-status.status-in-progress{color:var(--arch-amber)}.inspector-symbol.status-planned,.inspector-status.status-planned{color:var(--arch-violet)}.inspector-head h2{margin:0 0 7px;overflow-wrap:anywhere;font-family:var(--arch-mono);font-size:17px}.inspector-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.arch-inspector section{padding:17px 0;border-bottom:1px solid var(--arch-border)}.arch-inspector h3{margin:0 0 9px;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;color:var(--arch-text);font-size:12px;text-transform:uppercase;letter-spacing:.09em}.arch-inspector p{margin:0;color:#b6cad8;font-size:12.5px;line-height:1.65}.contract-list{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.contract-list code{display:inline-block;padding:6px 8px;color:var(--arch-cyan);border:1px solid #31536c;border-radius:6px;background:#061c2e;font-size:10.5px}.repo-line{font-family:var(--arch-mono);color:var(--arch-cyan)!important}.inspector-tags{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.inspector-tier{padding:2px 8px;color:var(--arch-muted);border:1px solid var(--arch-border);border-radius:999px;font-size:10px;font-weight:650;letter-spacing:.03em}.member-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.member-list li{display:grid;gap:3px;padding:8px 10px;border:1px solid #29455d;border-radius:7px;background:#061c2e}.member-list code{color:var(--arch-cyan);font-size:11px}.member-list span{color:var(--arch-muted);font-size:11px;line-height:1.5}.drill-hint{color:#9fd0d6!important}.skills-count{margin-left:auto;color:var(--arch-muted);font-size:10px;font-weight:600;letter-spacing:0;text-transform:none}.skill-accordion{display:flex;flex-direction:column;gap:6px}.skill-group{border:1px solid #29455d;border-radius:7px;background:#061c2e;overflow:hidden}.skill-group.open{border-color:rgba(var(--arch-cyan-rgb),.5)}.skill-group-head{width:100%;display:grid;grid-template-columns:16px 1fr auto;gap:9px;align-items:center;padding:9px 10px;color:var(--arch-text);border:0;background:transparent;cursor:pointer;text-align:left}.skill-group-head:hover{background:#0b2840}.skill-caret{display:grid;place-items:center;width:16px;height:16px;color:var(--arch-cyan);border:1px solid var(--arch-cyan);border-radius:5px;font-family:var(--arch-mono);font-size:12px;font-weight:700;line-height:1}.skill-topic{font-size:12px;font-weight:650}.skill-n{padding:1px 7px;color:var(--arch-muted);border:1px solid var(--arch-border);border-radius:999px;font-size:10px}.skill-body{padding:2px 10px 10px}.skill-uses{margin:0 0 8px!important;color:var(--arch-muted)!important;font-size:10.5px!important}.skill-uses em{color:var(--arch-cyan);font-style:normal}.arch-node.tier-device{border-radius:9px}.arch-node.tier-element{min-height:50px}.inspector-reopen{position:absolute;z-index:5;top:12px;right:12px;padding:9px 12px;color:var(--arch-cyan);border:1px solid var(--arch-cyan);border-radius:7px;background:#08243a;cursor:pointer}.arch-workspace:not(.inspector-visible){grid-template-columns:minmax(0,1fr)}.arch-workspace:not(.inspector-visible) .arch-inspector{display:none}.arch-changelog-toggle{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 13px;color:var(--arch-text);border:1px solid #3a5d77;border-radius:8px;background:#092239;cursor:pointer;font-size:12.5px}.arch-changelog-toggle[aria-pressed=true]{color:var(--arch-cyan);border-color:var(--arch-cyan)}.cl-toggle-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;color:#04182a;background:currentColor;border-radius:999px;font-size:10px;font-weight:700}.arch-changelog-toggle .cl-toggle-count{color:var(--arch-muted);background:#7d93a638}.arch-changelog-toggle[aria-pressed=true] .cl-toggle-count{color:#04182a;background:var(--arch-cyan)}.arch-changelog{min-width:0;overflow-y:auto;padding:16px 14px 22px;border-right:1px solid var(--arch-border);background:#071f33}.cl-head{display:flex;align-items:start;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--arch-border)}.cl-head h2{margin:0;color:var(--arch-text);font-size:15px}.cl-sub{margin:5px 0 0;color:var(--arch-muted);font-size:11px;line-height:1.5}.cl-close{display:grid;place-items:center;padding:5px;color:var(--arch-muted);border:0;background:transparent;cursor:pointer}.cl-close:hover{color:var(--arch-text)}.cl-clear{margin:12px 0 0;width:100%;padding:7px;color:var(--arch-cyan);border:1px solid var(--arch-cyan);border-radius:7px;background:#08243a;cursor:pointer;font-size:11.5px}.cl-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.cl-entry{position:relative;width:100%;display:flex;flex-direction:column;gap:6px;padding:11px 12px 11px 15px;text-align:left;color:var(--arch-text);border:1px solid #29455d;border-radius:9px;background:#061c2e;cursor:pointer;transition:border-color .16s,background .16s}.cl-entry:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--arch-cyan)}.cl-entry.cl-open:before{background:var(--arch-violet)}.cl-entry:hover{background:#0b2840}.cl-entry.active{border-color:var(--arch-cyan);background:#0c2c44;box-shadow:0 0 0 1px rgba(var(--arch-cyan-rgb),.5)}.cl-entry.cl-open.active{border-color:var(--arch-violet);box-shadow:0 0 0 1px #9678dc80}.cl-entry-top{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}.cl-badge{padding:1px 7px;border-radius:999px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cl-badge-shipped{color:#04182a;background:var(--arch-cyan)}.cl-badge-open{color:#04182a;background:var(--arch-violet)}.cl-date{color:var(--arch-muted);font-family:var(--arch-mono);font-size:10.5px}.cl-ref{margin-left:auto;color:var(--arch-muted);font-family:var(--arch-mono);font-size:10px}.cl-title{color:var(--arch-text);font-size:13px;line-height:1.35}.cl-detail{color:#b6cad8;font-size:11.5px;line-height:1.55}.cl-nodes{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.cl-node-chip{display:inline-flex;align-items:center;padding:2px 8px;color:var(--arch-cyan);border:1px solid rgba(var(--arch-cyan-rgb),.45);border-radius:999px;background:rgba(var(--arch-cyan-rgb),.08);font-size:10.5px;cursor:pointer}.cl-node-chip:hover{background:rgba(var(--arch-cyan-rgb),.2)}.arch-node.highlight{opacity:1;box-shadow:0 0 0 2px var(--arch-cyan),0 10px 30px #0006}.arch-node.highlight:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:inherit;border:1px solid rgba(var(--arch-cyan-rgb),.55);pointer-events:none}.arch-node.dimmed{opacity:.32;filter:saturate(.65)}.connector.change-edge{stroke:var(--arch-cyan);stroke-width:2.4}.arch-legend{min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:8px 24px;color:var(--arch-muted);border-bottom:1px solid var(--arch-border);background:#061b2e;font-size:11px}.arch-legend>span:first-child{color:var(--arch-text);font-weight:700}.legend-item{display:inline-flex;align-items:center;gap:8px}.legend-item i{width:28px;height:2px;display:inline-block;background:currentColor}.legend-item.status-implemented{color:var(--arch-cyan)}.legend-item.status-in-progress{color:var(--arch-amber)}.legend-item.status-planned{color:var(--arch-violet)}.legend-item.status-in-progress i,.legend-item.status-planned i{background:repeating-linear-gradient(90deg,currentColor 0 6px,transparent 6px 10px)}.legend-item.live{color:var(--arch-cyan)}.legend-item.live i{box-shadow:0 0 7px rgba(var(--arch-cyan-rgb),.8)}.legend-item.experimental{color:var(--arch-coral)}.legend-item.experimental i{background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 7px)}.legend-sep{width:1px;height:16px;display:inline-block;background:var(--arch-border)}.legend-item.origin{color:var(--arch-muted)}.legend-item.origin i{width:4px;height:12px;border-radius:2px;background:var(--origin)}.inspector-origin{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;color:var(--arch-muted);border:1px solid var(--arch-border);border-radius:999px;font-size:10px;font-weight:650}.inspector-origin i{width:3px;height:11px;display:inline-block;border-radius:2px;background:var(--origin)}.legend-hint{display:inline-flex;align-items:center;gap:7px;color:var(--arch-muted)}.legend-hint b{display:inline-grid;place-items:center;width:16px;height:16px;color:var(--arch-cyan);border:1px solid var(--arch-cyan);border-radius:5px;font-family:var(--arch-mono);font-size:12px;font-weight:700}.legend-note{margin-left:auto}.arch-footer{display:grid;grid-template-columns:1fr auto;gap:6px 28px;align-items:center;padding:9px 28px;background:#04182a}.arch-footer>div:first-child strong,.arch-footer>div:first-child span{display:block}.arch-footer>div:first-child strong{color:var(--arch-cyan);font-size:15px}.arch-footer>div:first-child span{margin-top:4px;color:var(--arch-muted);font-size:11px}.arch-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 22px}.arch-footer nav a{display:inline-flex;align-items:center;gap:6px;color:var(--arch-cyan);text-decoration:none;font-family:var(--arch-mono);font-size:11px}.arch-footer nav svg{width:14px;height:14px}.arch-powered{grid-column:1 / -1;display:flex;justify-content:center;gap:16px;padding:9px 0 0;border-top:1px solid var(--arch-border);color:var(--arch-muted);font-size:10px}.arch-powered .copyright,.arch-powered .contact,.arch-powered .powered{margin:0}.arch-powered a{color:var(--arch-cyan)}@media(prefers-reduced-motion:reduce){.connector.live{animation:none}.arch-node{transition:none}}@media(max-width:1080px){.arch-header{grid-template-columns:auto 1fr}.arch-title-block{text-align:left}.arch-search{grid-column:1 / -1}.arch-workspace{grid-template-columns:minmax(0,1fr) 320px}.arch-scope-switch{margin-left:0}}@media(max-width:820px){.arch-shell{height:auto;min-height:100dvh;overflow:visible}.arch-header{grid-template-columns:1fr;gap:12px}.arch-title-block{grid-row:1}.arch-brand{grid-row:2}.arch-search{grid-column:auto;grid-row:3}.arch-toolbar{align-items:stretch;flex-direction:column}.arch-toolbar select{width:100%}.arch-status-filters,.arch-scope-switch{display:grid;grid-template-columns:repeat(3,1fr)}.arch-scope-switch{grid-template-columns:1fr 1fr}.arch-workspace{display:block;min-height:0}.arch-main{display:block}.arch-changelog{max-height:42dvh;border-right:0;border-bottom:1px solid var(--arch-border)}.arch-canvas-stage{height:68dvh}.arch-changelog-toggle{justify-content:center}.arch-inspector{position:fixed;z-index:30;inset:auto 0 0;max-height:72dvh;border-top:1px solid var(--arch-border);border-left:0;box-shadow:0 -18px 42px #00000073}.arch-footer{grid-template-columns:1fr}.arch-footer nav{justify-content:flex-start}}@media(max-width:520px){.arch-header{padding:14px}.arch-title-block h1{font-size:24px}.arch-status-filters{grid-template-columns:1fr}.arch-toolbar{padding:10px 12px}.arch-footer{padding:20px 16px}.arch-powered{align-items:center;flex-direction:column;gap:4px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:#031527}
