:root{--bg-0:#0a1120;--bg-1:#0e1729;--bg-2:#131f37;--surface-1:#182545;--surface-2:#1f2e52;--card:#f6f7f9;--card-muted:#e9ebf0;--ink-0:#eef2f8;--ink-1:#aeb9cd;--ink-2:#71809b;--ink-3:#3d4a66;--card-ink-0:#0e1729;--card-ink-1:#4d5a75;--hairline:#aeb9cd29;--hairline-strong:#aeb9cd4d;--hairline-card:#0e172924;--meaning-move:#4d8dff;--meaning-cooldown:#e8813d;--meaning-demo:#ffb020;--meaning-demo-ink:#241a02;--font-text:-apple-system, "SF Pro Text", "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--text-xs:10px;--text-sm:11px;--text-base:13px;--text-md:15px;--text-lg:20px;--tracking-caps:.08em;--radius-sm:3px;--radius-md:6px;--radius-pill:999px;--shadow-lift:0 6px 20px #03070f8c;--motion-fast:.12s ease;--motion-branch:.35s cubic-bezier(.22, 1, .36, 1);--focus-ring:0 0 0 2px var(--bg-0), 0 0 0 4px var(--hairline-strong)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-0);background-image:radial-gradient(circle at 1px 1px, var(--ink-3) 1px, transparent 0);color:var(--ink-0);font-family:var(--font-text);font-size:var(--text-base);-webkit-font-smoothing:antialiased;background-size:28px 28px;line-height:1.45;overflow:hidden}button,input{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{height:100%;position:relative}.demo-badge{z-index:100;background:var(--meaning-demo);color:var(--meaning-demo-ink);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);border-radius:var(--radius-sm);padding:4px 10px;font-weight:700;position:fixed;top:14px;right:14px}.meta-footer{z-index:100;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2);pointer-events:none;justify-content:flex-end;gap:14px;padding:4px 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.gate{place-items:center;height:100%;display:grid}.gate-panel{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-md);flex-direction:column;align-items:stretch;gap:12px;width:300px;padding:28px 26px 24px;display:flex}.gate-wordmark{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:var(--tracking-caps);color:var(--ink-0);font-weight:700}.gate-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-2);margin-bottom:10px;font-weight:500}.gate-input{background:var(--bg-0);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--ink-0);font-family:var(--font-mono);letter-spacing:.12em;padding:8px 10px}.gate-input::placeholder{color:var(--ink-2);letter-spacing:normal;font-family:var(--font-text)}.gate-button{background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color:var(--ink-0);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps);cursor:pointer;transition:background var(--motion-fast);padding:8px 10px}.gate-button:hover{background:var(--surface-1)}.gate-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) gate-shake}@keyframes gate-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.key-screen{place-items:center;height:100%;display:grid}.key-panel{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-md);flex-direction:column;align-items:stretch;gap:12px;width:340px;padding:28px 26px 22px;display:flex}.key-wordmark{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:var(--tracking-caps);color:var(--ink-0);font-weight:700}.key-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-2);margin-bottom:10px;font-weight:500}.key-input{background:var(--bg-0);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--ink-0);font-family:var(--font-mono);letter-spacing:.12em;padding:8px 10px}.key-input::placeholder{color:var(--ink-2);letter-spacing:normal;font-family:var(--font-text)}.key-input:disabled{opacity:.45;cursor:not-allowed}.key-copy{font-size:var(--text-sm);color:var(--ink-2);margin:0}.key-state{font-size:var(--text-sm);color:var(--ink-1);border:1px solid var(--hairline);border-radius:var(--radius-sm);text-align:center;margin:0;padding:7px 10px}.key-button{background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color:var(--ink-0);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps);cursor:pointer;transition:background var(--motion-fast);padding:8px 10px}.key-button:hover{background:var(--surface-1)}.key-error{font-size:var(--text-sm);color:var(--ink-1);margin:0}.key-demo-link{color:var(--ink-1);font-size:var(--text-sm);text-underline-offset:3px;cursor:pointer;transition:color var(--motion-fast);background:0 0;border:none;align-self:center;margin-top:4px;padding:2px 4px;text-decoration:underline}.key-demo-link:hover{color:var(--ink-0)}.canvas-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.canvas-viewport.is-panning{cursor:grabbing}.canvas-world{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.edge-layer{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.edge-path{fill:none;stroke:var(--hairline-strong);stroke-width:1.4px;transition:opacity var(--motion-fast), stroke var(--motion-fast)}.edge--surprise .edge-path{stroke-dasharray:5 5}.edge--highlight .edge-path{stroke:var(--ink-1);stroke-width:2px}.edge--dim{opacity:.25}.edge-glyph{font-family:var(--font-mono);fill:var(--ink-1);font-size:13px}.edge-glyph--move{fill:var(--meaning-move)}.edge-chip-bg{fill:var(--bg-2);stroke:var(--meaning-move);stroke-width:1px;rx:9}.edge-chip-text{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);fill:var(--meaning-move);text-transform:uppercase;font-size:10px}.walk-node{transition:opacity var(--motion-fast), box-shadow var(--motion-fast);position:absolute;top:0;left:0}.walk-node--spawning{transition:transform var(--motion-branch), opacity var(--motion-branch)}.walk-node--dim{opacity:.4}.walk-node--pulse .fabric-card,.walk-node--pulse .query-pill{animation:1.1s ease-in-out infinite node-pulse}@keyframes node-pulse{0%,to{box-shadow:0 0 0 0 var(--hairline-strong)}50%{box-shadow:0 0 0 6px #0000}}.query-pill{background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);max-width:320px;color:var(--ink-0);font-size:var(--text-base);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:12px 20px;line-height:1.3;overflow:hidden}.fabric-card{background:var(--card);border:1px solid var(--hairline-card);border-radius:var(--radius-md);cursor:pointer;width:180px;height:220px;transition:box-shadow var(--motion-fast), transform var(--motion-fast);flex-direction:column;display:flex;overflow:hidden}.walk-node--hover .fabric-card{box-shadow:var(--shadow-lift), 0 0 0 2px var(--bg-1);transform:translateY(-2px)}.walk-node--selected .fabric-card{box-shadow:0 0 0 2px var(--bg-1)}.fabric-card-image{object-fit:cover;background:var(--card-muted);flex:none;width:180px;height:130px;display:block}.fabric-card-tick{background:var(--card-muted);flex:none;height:2px}.fabric-card-tick-fill{background:var(--card-ink-1);height:100%}.fabric-card-body{flex-direction:column;gap:3px;min-height:0;padding:8px 10px 9px;display:flex}.fabric-card-code{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--card-ink-0);font-weight:700}.fabric-card-fact{font-size:var(--text-xs);color:var(--card-ink-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fabric-card--skeleton{cursor:default;background:var(--surface-1);border-color:var(--hairline);animation:1.2s ease-in-out infinite skeleton-breathe}@keyframes skeleton-breathe{0%,to{opacity:.55}50%{opacity:.85}}.fabric-flyout{background:var(--card);border:1px solid var(--hairline-card);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-lift);z-index:40;animation:flyout-in var(--motion-fast) both;position:absolute;top:0;left:196px;overflow:hidden}@keyframes flyout-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.fabric-flyout-image{object-fit:cover;background:var(--card-muted);width:260px;height:180px;display:block}.fabric-flyout-body{flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.fabric-flyout-code{font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--card-ink-0);font-weight:700}.fabric-flyout-row{font-size:var(--text-xs);color:var(--card-ink-1);justify-content:space-between;gap:10px;display:flex}.fabric-flyout-row dt{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase}.fabric-flyout-row dd{color:var(--card-ink-0);text-align:right}.fabric-flyout-desc{font-size:var(--text-xs);color:var(--card-ink-1);margin-top:4px;line-height:1.45}.move-menu{background:var(--bg-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);min-width:172px;box-shadow:var(--shadow-lift);z-index:50;animation:flyout-in var(--motion-fast) both;padding:4px;position:absolute}.move-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--ink-0);font-size:var(--text-base);text-align:left;cursor:pointer;transition:background var(--motion-fast);background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.move-menu-item:hover{background:var(--surface-2)}.move-menu-item--primary{font-size:var(--text-md);padding:12px 10px;font-weight:600}.move-menu-item .glyph{font-family:var(--font-mono);color:var(--ink-2)}.move-menu-divider{background:var(--hairline);height:1px;margin:3px 6px}.move-menu-back{color:var(--ink-2);font-size:var(--text-sm)}.canvas-toolbar{z-index:100;background:var(--bg-2);border:1px solid var(--hairline);border-radius:var(--radius-md);align-items:center;gap:4px;padding:4px;display:flex;position:fixed;top:14px;left:14px}.toolbar-button{border-radius:var(--radius-sm);color:var(--ink-0);font-size:var(--text-sm);cursor:pointer;transition:background var(--motion-fast);background:0 0;border:0;padding:6px 12px}.toolbar-button:hover:not(:disabled){background:var(--surface-2)}.toolbar-button:disabled{color:var(--ink-3);cursor:not-allowed}.toolbar-divider{background:var(--hairline);width:1px;height:18px}.toolbar-source{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-1);padding:2px 10px}.minimap{z-index:100;background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-sm);cursor:pointer;width:168px;height:112px;position:fixed;bottom:34px;right:14px;overflow:hidden}.minimap-node{fill:var(--ink-2)}.minimap-node--query{fill:var(--ink-0)}.minimap-view{fill:none;stroke:var(--ink-1);stroke-width:1px}.canvas-empty{pointer-events:none;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.canvas-empty>*{pointer-events:auto}.empty-search{background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);width:460px;display:flex;overflow:hidden}.empty-search input{color:var(--ink-0);font-size:var(--text-md);background:0 0;border:0;flex:1;padding:13px 20px}.empty-search input::placeholder{color:var(--ink-2)}.empty-search button{color:var(--ink-0);font-size:var(--text-md);cursor:pointer;transition:background var(--motion-fast);background:0 0;border:0;padding:0 20px}.empty-search button:hover{background:var(--surface-2)}.empty-helper{font-size:var(--text-sm);color:var(--ink-2)}.empty-example{color:var(--ink-1);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-style:italic}.empty-example:hover{color:var(--ink-0)}.node-toast{background:var(--bg-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lift);color:var(--ink-0);font-size:var(--text-sm);white-space:nowrap;z-index:60;animation:flyout-in var(--motion-fast) both;align-items:center;gap:10px;padding:7px 12px;display:flex;position:absolute;transform:translate(-50%)}.node-toast button{color:var(--ink-0);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.cooldown-lock{background:var(--bg-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);max-width:280px;box-shadow:var(--shadow-lift);align-items:center;gap:12px;padding:10px 14px;display:flex}.cooldown-ring{flex:none;width:40px;height:40px}.cooldown-ring-track{fill:none;stroke:var(--hairline);stroke-width:3px}.cooldown-ring-arc{fill:none;stroke:var(--meaning-cooldown);stroke-width:3px;stroke-linecap:round;transform-origin:20px 20px;transition:stroke-dashoffset .2s linear;transform:rotate(-90deg)}.cooldown-ring-seconds{fill:var(--ink-0);font-family:var(--font-mono);text-anchor:middle;font-size:13px}.cooldown-copy{font-size:var(--text-sm);color:var(--ink-1);margin:0;line-height:1.45}.invalid-key-banner{z-index:100;background:var(--bg-2);border-bottom:1px solid var(--hairline-strong);justify-content:center;align-items:center;gap:14px;padding:9px 16px;display:flex;position:fixed;top:0;left:0;right:0}.invalid-key-text{font-size:var(--text-base);color:var(--ink-0)}.invalid-key-action{background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color:var(--ink-0);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps);cursor:pointer;transition:background var(--motion-fast);padding:5px 12px}.invalid-key-action:hover{background:var(--surface-1)}