:root{--bg: oklch(.17 .018 240);--bg-grad: oklch(.205 .02 240);--surface: oklch(.225 .018 240);--surface-2: oklch(.265 .019 240);--surface-3: oklch(.305 .02 240);--line: oklch(.34 .018 240);--line-strong: oklch(.44 .02 240);--ink: oklch(.97 .005 240);--ink-soft: oklch(.88 .008 240);--muted: oklch(.74 .014 240);--faint: oklch(.66 .014 240);--primary: oklch(.74 .13 200);--primary-strong: oklch(.8 .135 200);--primary-dim: oklch(.44 .07 200);--primary-ink: oklch(.16 .03 220);--primary-glow: oklch(.74 .13 200 / .28);--ok: oklch(.78 .15 155);--ok-dim: oklch(.5 .09 155);--bridge: oklch(.81 .13 80);--bridge-dim: oklch(.52 .08 80);--warn: oklch(.78 .14 60);--danger: oklch(.68 .18 25);--danger-dim: oklch(.48 .12 25);--muted-state: oklch(.7 .03 280);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1.0625rem;--fs-lg: 1.375rem;--fs-xl: 1.875rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-sm: 7px;--r-md: 11px;--r-lg: 16px;--r-pill: 999px;--shadow-1: 0 1px 2px oklch(0 0 0 / .4);--shadow-2: 0 6px 22px oklch(0 0 0 / .42);--shadow-pop: 0 16px 50px oklch(0 0 0 / .5);--z-sticky: 100;--z-toast: 600;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-base);line-height:1.5;color:var(--ink);background:radial-gradient(1100px 620px at 78% -8%,var(--bg-grad),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em;text-wrap:balance}a{color:var(--primary-strong)}::placeholder{color:var(--faint)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{--_bg: var(--surface-2);--_fg: var(--ink);--_bd: var(--line-strong);display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 14px;font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--_fg);background:var(--_bg);border:1px solid var(--_bd);border-radius:var(--r-sm);cursor:pointer;transition:background .15s var(--ease-out),border-color .15s var(--ease-out),transform .1s var(--ease-out),filter .15s var(--ease-out)}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn-primary{--_bg: var(--primary);--_fg: var(--primary-ink);--_bd: transparent;box-shadow:0 0 0 1px var(--primary-dim),0 8px 22px var(--primary-glow)}.btn-danger{--_fg: var(--danger);--_bd: var(--danger-dim)}.btn-ghost{--_bg: transparent;--_bd: var(--line)}.field{width:100%;padding:10px 12px;font:inherit;font-size:var(--fs-base);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--muted);margin-bottom:var(--sp-2)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;font-size:var(--fs-xs);font-weight:650;letter-spacing:.01em;border-radius:var(--r-pill);border:1px solid currentColor;line-height:1.5}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.pulse{position:relative}.pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:currentColor;animation:pulse-ring 1.6s var(--ease-out) infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(2.6);opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rise-in{animation:rise-in .32s var(--ease-out) both}@keyframes bridge-flow{0%{background-position:0 0}to{background-position:28px 0}}.bridge-line{height:3px;border-radius:2px;background-image:linear-gradient(90deg,var(--bridge) 0 8px,transparent 8px 28px);background-size:28px 100%;background-repeat:repeat-x;animation:bridge-flow .9s linear infinite}.meter-fill{transition:width .4s var(--ease-out),background .3s var(--ease-out)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.mx-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#01060c99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mx{width:min(1100px,94vw);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:0 20px 60px #0008}.mx-head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.mx-formats{display:flex;gap:6px}.mx-err{color:var(--danger);font-size:var(--fs-sm);margin-top:var(--sp-2)}.mx-body{display:grid;grid-template-columns:260px 1fr;gap:var(--sp-4);margin-top:var(--sp-4)}.mx-lines{display:grid;gap:6px;align-content:start;max-height:60vh;overflow:auto;padding-right:4px}.mx-lines-h{font-size:var(--fs-xs);color:var(--muted);margin-bottom:4px}.mx-line{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:grab;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);font-size:var(--fs-sm)}.mx-line.on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.mx-line-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx-grid-wrap{display:grid;gap:var(--sp-3);align-content:start}.mx-grid{display:grid;gap:8px}.mx-btn{aspect-ratio:16/10;min-height:54px;display:grid;place-items:center;padding:6px;background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--r-md);cursor:pointer;text-align:center;font-size:var(--fs-xs);transition:border-color .12s}.mx-btn:hover{border-color:var(--primary)}.mx-btn.filled{border-style:solid;background:var(--primary-dim, var(--surface-3, var(--surface-2)));border-color:var(--primary)}.mx-btn-name{font-weight:600;overflow:hidden}.mx-btn-empty{color:var(--faint);font-size:var(--fs-lg)}.mx-pages{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.arch-wrap{display:flex;gap:16px;align-items:flex-start}.arch-canvas{position:relative;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex:1;min-height:320px}.arch-edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.arch-edge{stroke:var(--line-strong);stroke-width:1.5;opacity:.7}.arch-tier{position:absolute;top:14px;text-align:center;color:var(--faint);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em}.arch-node{position:absolute;display:grid;grid-template-rows:auto auto;align-content:center;gap:2px;padding:8px 12px;text-align:left;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer;transition:border-color .15s,transform .15s}.arch-node:hover,.arch-node.sel{border-color:var(--primary);transform:translateY(-1px)}.arch-node.dead{opacity:.5;border-style:dashed}.arch-node .arch-dot{position:static;width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px}.arch-name{font-weight:600;font-size:var(--fs-sm);color:var(--ink)}.arch-sub{font-size:var(--fs-xs);color:var(--muted)}.arch-detail{width:300px;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px}.arch-detail-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.arch-detail-head strong{flex:1}.arch-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:var(--fs-sm)}.arch-kv dt{color:var(--muted)}.arch-kv dd{margin:0;color:var(--ink-soft);word-break:break-word}.arch-kv code{font-size:.85em}