:root{--color-paper: oklch(98.5% .004 250);--color-paper-2: oklch(96.5% .006 250);--color-paper-3: oklch(93.5% .01 250);--color-line: oklch(89% .012 250);--color-line-soft: oklch(92.5% .01 250);--color-ink: oklch(24% .03 262);--color-ink-2: oklch(43% .03 262);--color-ink-3: oklch(58% .02 262);--color-accent: oklch(52% .18 262);--color-accent-2: oklch(45% .19 262);--color-accent-ink: oklch(97% .02 262);--color-accent-wash:oklch(95% .03 262);--color-engine: oklch(52% .15 200);--color-engine-wash:oklch(95% .03 200);--color-local: oklch(58% .12 85);--color-local-wash: oklch(95% .04 85);--color-none: oklch(60% .01 262);--color-none-wash: oklch(95% .004 262);--color-ok: oklch(58% .14 150);--color-ok-wash: oklch(95% .04 150);--color-pending: oklch(66% .02 262);--color-pending-wash:oklch(95.5% .006 262);--color-focus: oklch(60% .18 262);--color-live: oklch(58% .14 150);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.375rem;--text-xl: 1.875rem;--text-2xl: 2.5rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--rule: 1px solid var(--color-line);--shadow-sm: 0 1px 2px oklch(24% .03 262 / .06);--shadow-md: 0 6px 24px oklch(24% .03 262 / .08);--dur-fast: .12s;--dur-mid: .2s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--rail-w: 248px}*,*:before,*:after{box-sizing:border-box}html,body,#root{overflow-x:clip}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;font-style:normal;line-height:1.1;letter-spacing:-.01em;color:var(--color-ink);overflow-wrap:anywhere;min-width:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--font-mono)}.muted{color:var(--color-ink-3)}.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:var(--space-md)}.pkg-card{border:var(--rule);border-radius:var(--radius-md);background:var(--color-paper-2);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-sm)}.pkg-card__n{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3)}.pkg-card__dims{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);letter-spacing:-.01em}.pkg-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);border-top:1px solid var(--color-line-soft);padding-top:var(--space-xs)}.pkg-card__row .k{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-3)}.pkg-card__row .v{font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere;text-align:right}.arch{display:flex;flex-direction:column}.arch-layer{display:grid;grid-template-columns:190px 1fr;gap:var(--space-md);align-items:center;border:var(--rule);border-left:3px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper-2);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm)}.arch-layer__side h4{margin:2px 0 0;font-family:var(--font-display);font-size:var(--text-base)}.arch-layer__tag{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-3)}.arch-layer__comps{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.arch-comp{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-paper);border:1px solid var(--color-line-soft);border-radius:var(--radius-sm);padding:3px 8px;color:var(--color-ink-2);white-space:nowrap}.arch-layer--accent{border-left-color:var(--color-accent)}.arch-layer--engine{border-left-color:var(--color-engine)}.arch-layer--ext{border-left-color:#794db6}.arch-layer--data{border-left-color:var(--color-ok)}.arch-layer--self{border-left-color:var(--color-accent);background:var(--color-accent-wash)}.arch-layer--client{border-left-color:var(--color-ink-3)}.arch-conn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) 0}.arch-conn:before{content:"";width:1px;height:14px;background:var(--color-line)}.arch-conn__label{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3)}.arch-conn__branch{font-size:var(--text-xs);color:var(--color-ink-3);font-style:italic;margin-top:1px}@media (max-width: 640px){.arch-layer{grid-template-columns:1fr;gap:var(--space-xs)}.arch-comp{white-space:normal}}.btn--sm{padding:4px 10px;font-size:var(--text-xs)}.btn--ghost{background:transparent;border:1px solid var(--color-line);color:var(--color-ink-2)}.btn--ghost:hover{background:var(--color-paper-2)}.rail__user{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-lg);background:radial-gradient(1200px 600px at 50% -10%,var(--color-accent-wash),transparent 60%),var(--color-paper)}.login-card{width:100%;max-width:380px;background:var(--color-paper);border:var(--rule);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-sm)}.login-brand{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.login-card h1{margin:var(--space-sm) 0 0;font-family:var(--font-display);font-size:var(--text-xl)}.login-card .muted{margin:0 0 var(--space-sm);font-size:var(--text-sm)}.login-field{display:flex;flex-direction:column;gap:var(--space-2xs);font-size:var(--text-sm)}.login-field span{color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.login-field input{padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-sm);font-size:var(--text-base);background:var(--color-paper)}.login-field input:focus{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-focus)}.login-submit{margin-top:var(--space-sm);justify-content:center}.login-error{background:#ffe8e6;background:oklch(95% .05 25);border:1px solid oklch(70% .15 25);color:#972527;padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm)}button{font-family:inherit}.app{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;align-self:start;height:100vh;padding:var(--space-lg) var(--space-md);border-right:var(--rule);background:var(--color-paper-2);display:flex;flex-direction:column;gap:var(--space-lg)}.brand{display:flex;align-items:center;gap:var(--space-xs)}.brand__mark{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-ink);display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm)}.brand__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);letter-spacing:-.01em}.brand__sub{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-ink-3);text-transform:uppercase;letter-spacing:.08em}.nav{display:flex;flex-direction:column;gap:2px}.nav__label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-3);padding:0 var(--space-sm);margin-bottom:var(--space-2xs)}.nav a{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-ink-2);font-size:var(--text-sm);font-weight:500;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.nav a:hover{background:var(--color-paper-3);color:var(--color-ink);text-decoration:none}.nav a.active{background:var(--color-accent-wash);color:var(--color-accent-2)}.nav a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.nav svg{width:17px;height:17px;flex:none}.rail__foot{margin-top:auto;font-size:var(--text-xs);color:var(--color-ink-3)}.env-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.6875rem;padding:2px 8px;border-radius:999px;background:var(--color-paper-3);color:var(--color-ink-2);border:var(--rule)}.env-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-local)}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:var(--rule);position:sticky;top:0;background:#f8fafdd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.topbar__title{font-size:var(--text-sm);color:var(--color-ink-3);font-family:var(--font-mono);letter-spacing:.04em}.content{padding:var(--space-xl);max-width:1180px;width:100%}.page-foot{margin-top:auto;padding:var(--space-lg) var(--space-xl);border-top:var(--rule);color:var(--color-ink-3);font-size:var(--text-xs);display:flex;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.menu-btn{display:none}.page-head{margin-bottom:var(--space-xl)}.page-head h1{font-size:var(--text-xl);margin:0 0 var(--space-2xs)}.page-head p{margin:0;color:var(--color-ink-2);max-width:64ch}.live{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-3)}.live__dot{width:8px;height:8px;border-radius:50%;background:var(--color-live);box-shadow:0 0 0 0 var(--color-live);animation:pulse 2s var(--ease-in-out) infinite}@keyframes pulse{0%{box-shadow:0 0 #2a904b80}70%{box-shadow:0 0 0 6px #2a904b00}to{box-shadow:0 0 #2a904b00}}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.kpi{background:var(--color-paper);border:var(--rule);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.kpi--accent{background:var(--color-accent-wash);border-color:transparent}.kpi__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-3);margin-bottom:var(--space-xs)}.kpi__value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:500;line-height:1;letter-spacing:-.02em}.kpi__foot{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-ink-3)}.panel{background:var(--color-paper);border:var(--rule);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.panel+.panel{margin-top:var(--space-lg)}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.panel__head h2{font-size:var(--text-md);margin:0}.panel__hint{font-size:var(--text-xs);color:var(--color-ink-3)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-lg)}.table-wrap{overflow-x:auto;border:var(--rule);border-radius:var(--radius-md);background:var(--color-paper)}table.data{width:100%;border-collapse:collapse;font-size:var(--text-sm)}table.data th,table.data td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-line-soft);white-space:nowrap}table.data th{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-3);background:var(--color-paper-2)}table.data tbody tr{transition:background var(--dur-fast) var(--ease-out);cursor:pointer}table.data tbody tr:hover{background:var(--color-paper-2)}table.data tbody tr:last-child td{border-bottom:none}table.data td.num,table.data th.num{text-align:right;font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;padding:2px 9px;border-radius:999px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.badge--engine{background:var(--color-engine-wash);color:var(--color-engine)}.badge--local{background:var(--color-local-wash);color:var(--color-local)}.badge--none{background:var(--color-none-wash);color:var(--color-none)}.badge--method{background:var(--color-paper-3);color:var(--color-ink-2)}.badge--method:before{display:none}.pending{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-pending);background:var(--color-pending-wash);padding:2px 9px;border-radius:999px}.pending:before{content:"◷";font-size:.8em}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-ink);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);text-decoration:none}.btn:hover{background:var(--color-paper-3);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn--primary{background:var(--color-accent);border-color:transparent;color:var(--color-accent-ink)}.btn--primary:hover{background:var(--color-accent-2)}.btn svg{width:15px;height:15px}.controls{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-md)}.controls input,.controls select{font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink)}.controls input:focus-visible,.controls select:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.controls .spacer{margin-left:auto}.controls input[type=search]{min-width:220px}.dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-xs) var(--space-lg);align-items:baseline}.dl dt{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-3)}.dl dd{margin:0;font-size:var(--text-sm)}.dl dd.big{font-family:var(--font-mono);font-size:var(--text-md)}.timeline{display:flex;flex-direction:column}.tl-step{display:grid;grid-template-columns:26px 1fr;gap:var(--space-md);padding-bottom:var(--space-lg);position:relative}.tl-step:not(:last-child):before{content:"";position:absolute;left:12px;top:22px;bottom:-2px;width:2px;background:var(--color-line)}.tl-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;border:2px solid var(--color-line);background:var(--color-paper);color:var(--color-ink-3);z-index:1}.tl-step.done .tl-dot{background:var(--color-accent);border-color:transparent;color:var(--color-accent-ink)}.tl-step.pending .tl-dot{border-style:dashed}.tl-step h4{margin:2px 0;font-size:var(--text-sm)}.tl-step p{margin:0;font-size:var(--text-xs);color:var(--color-ink-3)}.bar-row{display:grid;grid-template-columns:150px 1fr max-content;gap:var(--space-md);align-items:center;padding:var(--space-xs) 0;font-size:var(--text-sm)}.bar-track{height:10px;border-radius:999px;background:var(--color-paper-3);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:var(--color-accent);transition:width var(--dur-mid) var(--ease-out)}.bar-fill.engine{background:var(--color-engine)}.bar-fill.local{background:var(--color-local)}.bar-val{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2)}.note{border-left:3px solid var(--color-accent);background:var(--color-accent-wash);padding:var(--space-sm) var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);color:var(--color-ink-2)}.note--pending{border-left-color:var(--color-pending);background:var(--color-pending-wash)}.row{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.center-state{padding:var(--space-2xl);text-align:center;color:var(--color-ink-3)}.flow-step{display:grid;grid-template-columns:40px 1fr;gap:var(--space-md)}.flow-step__n{width:34px;height:34px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-mono);font-weight:600;display:grid;place-items:center}.flow-step__body{padding-bottom:var(--space-lg)}.flow-step__body h4{margin:4px 0 var(--space-2xs);font-size:var(--text-base)}.flow-step__body p{margin:0;color:var(--color-ink-2);font-size:var(--text-sm)}.flow-arrow{color:var(--color-ink-3);margin-left:16px}.branch{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-sm)}.branch .box{border:var(--rule);border-radius:var(--radius-md);padding:var(--space-md);background:var(--color-paper-2)}.branch .box h5{margin:0 0 4px;font-family:var(--font-display);font-size:var(--text-sm)}.branch .box.primary{border-color:var(--color-engine);background:var(--color-engine-wash)}.branch .box.fallback{border-color:var(--color-local);background:var(--color-local-wash)}.formula{font-family:var(--font-mono);font-size:var(--text-base);background:var(--color-ink);color:var(--color-paper);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto}.formula .hl{color:#28d6df}.arch-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin:var(--space-xs) 0}.arch-node{border:var(--rule);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-paper-2);font-size:var(--text-sm)}.arch-node.accent{background:var(--color-accent-wash);border-color:transparent;color:var(--color-accent-2);font-weight:500}.arch-node.engine{background:var(--color-engine-wash);border-color:transparent;color:var(--color-engine)}.arch-node.local{background:var(--color-local-wash);border-color:transparent;color:var(--color-local)}.arch-link{color:var(--color-ink-3)}.banner{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);margin-bottom:var(--space-lg);display:flex;gap:var(--space-sm);align-items:flex-start}.banner--warn{background:var(--color-local-wash);color:var(--color-local);border:1px solid var(--color-local)}@media (max-width: 860px){.app{grid-template-columns:1fr}.rail{position:fixed;inset:0 auto 0 0;width:min(84vw,var(--rail-w));transform:translate(-100%);transition:transform var(--dur-mid) var(--ease-out);z-index:40;box-shadow:var(--shadow-md)}.rail.open{transform:translate(0)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#171f2e66;z-index:30}.menu-btn{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);cursor:pointer}.menu-btn svg{width:18px;height:18px}.content{padding:var(--space-lg) var(--space-md)}.topbar{padding:var(--space-sm) var(--space-md)}.dl,.branch{grid-template-columns:1fr}.bar-row{grid-template-columns:110px 1fr max-content}}@media (prefers-reduced-motion: reduce){*{transition-duration:1ms!important;animation:none!important}}