:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--shell: #0b1118;--topbar: #071018;--surface: #111a24;--raised: #172230;--text: #edf4fb;--muted: #9fb0c0;--line: #2d3b48;--critical: #ff746b;--critical-soft: #3a191b;--warning: #ffb44f;--warning-soft: #3b2a12;--safe: #5ad29a;--safe-soft: #123326;--agent: #86a6ff;--agent-strong: #3159c5;--agent-soft: #182443;--brand: #ff884f;--shadow: rgba(0, 0, 0, .34)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#090d12}body{min-width:320px;min-height:100%;margin:0;background:radial-gradient(circle at 12% 4%,rgba(49,89,197,.08),transparent 31rem),#090d12;color:var(--text)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid rgba(134,166,255,.74);outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}.page-shell{min-height:100dvh;padding:16px}.app-window{width:min(100%,1280px);margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--shell);box-shadow:0 22px 65px var(--shadow)}.topbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px;background:var(--topbar)}.brand{display:flex;align-items:center;min-width:0;gap:11px}.brand-mark{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:var(--brand);color:#111820}.brand>div:last-child{display:grid;gap:2px;min-width:0}.brand h1{margin:0;overflow:hidden;color:#f7fbff;font-size:14px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.brand span{overflow:hidden;color:#f7fbffad;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.webmcp-state{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:600}.webmcp-state>span,.live-state>span{width:7px;height:7px;border-radius:50%;background:currentColor}.webmcp-state.is-registered{border-color:#5ad29a40;color:var(--safe)}.webmcp-state.is-error{color:var(--critical)}.phase-nav{padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface)}.phase-nav ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.phase-nav button{position:relative;width:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;font-weight:500}.phase-nav button:hover:not(:disabled){background:#86a6ff0f;color:var(--text)}.phase-nav button:disabled{cursor:not-allowed;opacity:.45}.phase-nav button.is-selected{background:var(--agent-soft);color:var(--text)}.phase-index{width:20px;height:20px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--line);color:var(--text);font-size:11px;font-variant-numeric:tabular-nums}.is-selected .phase-index{background:var(--agent);color:#111820;font-weight:800}.phase-check{width:13px;color:var(--safe)}.prompt-bar{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);background:#18244375;color:var(--agent);font-size:12px}.prompt-bar>span{color:var(--muted)}.prompt-bar strong{min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:12px;min-width:0;padding:12px}.map-area,.command-area,.evidence-rail,.ledger{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.map-head,.rail-head,.command-meta,.comparison-head,.report-title,.guardrail,.trust-warning,.care-preserved,.human-boundary,.safety-footer span{display:flex;align-items:center}.map-head,.rail-head{justify-content:space-between;gap:12px}.map-head{align-items:flex-start;padding:14px 14px 0}.section-label{color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.09em;line-height:1.35;text-transform:uppercase}h2{margin:4px 0 0;color:var(--text);font-size:14px;font-weight:650;line-height:1.35}.live-state{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 8px;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap}.live-state.is-critical{background:var(--critical-soft);color:var(--critical)}.live-state.is-warning{background:var(--warning-soft);color:var(--warning)}.live-state.is-safe{background:var(--safe-soft);color:var(--safe)}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px 4px}.metric{min-width:0;display:grid;gap:3px;padding:9px 10px;border-radius:8px;background:var(--raised)}.metric span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.metric strong{font-size:14px;font-variant-numeric:tabular-nums}.network{display:block;width:100%;height:auto;min-height:280px}.mobile-network{display:none}.containment-summary{display:grid;gap:7px;margin:16px 0}.containment-summary>div{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid rgba(87,211,157,.35);border-radius:8px;background:var(--safe-soft);color:var(--safe);font-size:12px;font-weight:650}.map-edge{stroke:var(--line);stroke-width:2;transition:stroke .24s ease,stroke-width .24s ease}.map-edge.is-path{stroke:var(--warning);stroke-width:4}.map-edge.is-blocked{stroke:var(--safe);stroke-width:3;stroke-dasharray:6 5}.map-node rect{fill:var(--raised);stroke:var(--line);stroke-width:1.5;transition:fill .24s ease,stroke .24s ease}.map-node text{fill:var(--text);font-size:13px;font-weight:600}.map-node .map-node-sub{fill:var(--muted);font-size:10px;font-weight:450}.map-node.is-critical rect{fill:var(--critical-soft);stroke:var(--critical)}.map-node.is-warning rect{fill:var(--warning-soft);stroke:var(--warning)}.map-node.is-safe rect{fill:var(--safe-soft);stroke:var(--safe)}.command-area{display:flex;flex-direction:column;padding:14px}.command-meta{justify-content:space-between;gap:8px;margin-bottom:10px}.actor{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;background:var(--agent-soft);color:var(--agent);font-size:11px;font-weight:600;white-space:nowrap}.actor.human{background:var(--warning-soft);color:var(--warning)}.command-area>h2{font-size:15px}.command-copy{margin:10px 0 13px;color:var(--muted);font-size:13px;line-height:1.52}.tool-list{display:grid;gap:7px;margin:0 0 14px;padding:0;list-style:none}.tool-list li{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border-left:3px solid var(--agent);background:var(--raised);color:var(--agent)}.tool-list li.is-called{border-left-color:var(--safe);color:var(--safe)}.tool-list code{min-width:0;overflow-wrap:anywhere;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.primary-action,.approve-button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:9px 12px;border:0;border-radius:8px;background:var(--agent-strong);color:#f7fbff;cursor:pointer;font-size:13px;font-weight:700}.primary-action:hover:not(:disabled),.approve-button:hover{background:#3c65d2}.primary-action:disabled{cursor:progress;opacity:.72}.guardrail{justify-content:center;gap:6px;margin-top:10px;color:var(--muted);font-size:11px;text-align:center}.inline-error{margin:0 0 10px;padding:8px;border:1px solid rgba(255,116,107,.45);border-radius:8px;background:var(--critical-soft);color:var(--critical);font-size:11px;line-height:1.4}.simulation-comparison{display:grid;gap:7px;margin:0 0 12px}.simulation-comparison article{padding:9px;border:1px solid rgba(255,116,107,.32);border-radius:8px;background:#3a191b75}.simulation-comparison article.is-recommended{border-color:#5ad29a61;background:#12332694}.comparison-head{justify-content:space-between;gap:8px;font-size:11px}.comparison-head>span{color:var(--muted);font-size:10px;font-weight:650;text-transform:uppercase}.is-recommended .comparison-head>span{color:var(--safe)}.comparison-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}.comparison-metrics span{color:var(--muted);font-size:9px}.comparison-metrics b{display:block;color:var(--text);font-size:11px;font-variant-numeric:tabular-nums}.simulation-comparison p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.35}.report-preview{display:grid;gap:8px;margin-bottom:12px;padding:10px;border:1px solid rgba(90,210,154,.36);border-radius:8px;background:var(--safe-soft)}.report-title{gap:7px;color:var(--safe);font-size:12px}.report-preview p{margin:0;color:var(--muted);font-size:10px;line-height:1.4}.report-preview a{color:var(--agent)}.lower-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;padding:0 12px 12px}.evidence-rail,.ledger{min-height:236px;overflow:hidden}.rail-head{padding:13px 14px 11px;border-bottom:1px solid var(--line)}.rail-head>span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px}.empty-evidence{min-height:160px;display:grid;place-content:center;justify-items:center;gap:9px;padding:24px;color:var(--muted);font-size:11px;text-align:center}.event-list{max-height:196px;overflow-y:auto;scrollbar-color:var(--line) transparent}.event{padding:10px 13px;border-bottom:1px solid rgba(45,59,72,.75)}.event:last-child{border-bottom:0}.event.is-untrusted{background:#3b2a1280;box-shadow:inset 3px 0 0 var(--warning)}.event-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px}.event-meta code{color:var(--agent)}.event p{margin:5px 0 0;color:var(--text);font-size:10px;line-height:1.35}.trust-warning{gap:5px;margin-top:7px;color:var(--warning);font-size:9px;font-weight:700}.asset-strip{padding:8px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.ledger-list{max-height:196px;overflow-y:auto;scrollbar-color:var(--line) transparent}.ledger-list article{display:grid;grid-template-columns:95px minmax(0,1fr) auto;align-items:start;gap:9px;padding:9px 12px;border-bottom:1px solid rgba(45,59,72,.75)}.ledger-list article:last-child{border-bottom:0}.ledger-actor{overflow:hidden;padding:4px 6px;border-radius:6px;background:var(--raised);color:var(--muted);font-size:8px;font-weight:700;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.ledger-actor.is-agent{background:var(--agent-soft);color:var(--agent)}.ledger-actor.is-human{background:var(--warning-soft);color:var(--warning)}.ledger-list strong{display:block;color:var(--text);font-size:10px;font-weight:650;text-transform:capitalize}.ledger-list p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.3}.ledger-list article>code{color:var(--muted);font-size:9px}.safety-footer{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:10px}.safety-footer span{gap:5px}.safety-footer span:first-child{color:var(--safe);font-weight:650}.drawer-layer{position:fixed;z-index:20;inset:0;display:flex;justify-content:flex-end}.drawer-scrim{position:absolute;inset:0;width:100%;border:0;background:#03070bb8;cursor:default}.approval-drawer{position:relative;width:min(100%,420px);min-height:100dvh;max-height:100dvh;overflow-y:auto;padding:22px;border-left:1px solid var(--line);background:#0e1721;box-shadow:-25px 0 70px #00000070;animation:drawer-in .26s cubic-bezier(.16,1,.3,1) both}@keyframes drawer-in{0%{transform:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.drawer-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--warning-soft);color:var(--warning)}.drawer-head>button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.approval-drawer h2{margin-top:7px;font-size:23px;letter-spacing:-.02em}.approval-drawer>p{margin:12px 0 20px;color:var(--muted);font-size:13px;line-height:1.55}.approval-summary{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--line)}.approval-summary>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:11px;background:var(--surface);color:var(--text);font-size:12px}.approval-summary svg{color:var(--safe)}.care-preserved{align-items:flex-start;gap:10px;margin-top:14px;padding:12px;border-radius:10px;background:var(--safe-soft);color:var(--safe)}.care-preserved>div{display:grid;gap:4px}.care-preserved strong{font-size:12px}.care-preserved span{color:#a8d9c2;font-size:10px;line-height:1.4}.human-boundary{align-items:flex-start;gap:8px;margin:16px 0 20px;color:var(--warning);font-size:10px;line-height:1.4}.approve-button{margin-top:0;background:var(--safe);color:#092019}.approve-button:hover{background:#70dda8}.cancel-button{width:100%;min-height:40px;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:600}@media(max-width:900px){.content-grid,.lower-grid{grid-template-columns:1fr}.command-area{min-height:290px}.evidence-rail,.ledger{min-height:210px}.safety-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.page-shell{padding:0}.app-window{border:0;border-radius:0}.topbar{min-height:64px;padding:11px 13px}.brand-mark{width:32px;height:32px}.webmcp-state{max-width:118px;white-space:nowrap}.phase-nav{padding:9px}.phase-nav ol{grid-template-columns:repeat(3,minmax(0,1fr))}.phase-nav button{min-height:36px;padding:5px;font-size:10px}.phase-check{display:none}.prompt-bar{grid-template-columns:auto 1fr;padding:9px 12px}.prompt-bar>span{display:none}.prompt-bar strong{font-size:11px}.content-grid{padding:9px}.lower-grid{padding:0 9px 9px}.map-head{align-items:center;padding:12px 11px 0}.metric-row{padding:10px 11px 2px}.network{display:none}.mobile-network{display:grid;gap:14px;padding:18px 12px 16px}.mobile-path{display:grid;justify-items:stretch;width:min(100%,260px);margin:0 auto}.mobile-node{display:grid;gap:3px;padding:11px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--raised)}.mobile-node strong{color:var(--text);font-size:12px}.mobile-node span{color:var(--muted);font-size:11px}.mobile-node.is-critical{border-color:var(--critical)}.mobile-node.is-warning{border-color:var(--warning)}.mobile-node.is-safe{border-color:var(--safe)}.mobile-arrow{height:22px;color:var(--warning);font-size:17px;line-height:22px;text-align:center}.mobile-care{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mobile-care span{padding:8px 5px;border:1px solid rgba(87,211,157,.35);border-radius:7px;background:var(--safe-soft);color:var(--safe);font-size:10px;font-weight:650;text-align:center}.command-area{min-height:270px;padding:12px}.ledger-list article{grid-template-columns:76px minmax(0,1fr) auto}.event-meta,.trust-warning,.asset-strip,.ledger-list p,.ledger-list article>code{font-size:11px}.event p,.ledger-list strong{font-size:12px}.ledger-actor{font-size:10px}.safety-footer{grid-template-columns:1fr;gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}