@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=IBM+Plex+Mono:wght@400;500;600&family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{--paper:#f3ede3;--paper-warm:#f8f2e8;--paper-strong:#fcfaf6;--surface:#fcfaf6eb;--surface-strong:#fdfbf7fa;--surface-muted:#f7f1e7db;--ink:#161514;--ink-muted:#5b605b;--line:#1614121f;--line-strong:#16141233;--terracotta:#bb5438;--slate:#31414a;--moss:#697763;--brass:#ad8640;--shadow-soft:0 16px 36px #271c0c14;--shadow-medium:0 24px 60px #271c0c1c;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-emphatic:cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 14% 16%, #b8944624, transparent 18%), radial-gradient(circle at 84% 16%, #bb54381a, transparent 18%), radial-gradient(circle at 52% 84%, #31414a14, transparent 24%), linear-gradient(180deg, var(--paper-strong), var(--paper));font-family:Instrument Sans,sans-serif;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.075;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000006b 36%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000006b 36%,#0000 100%)}body:after{content:"";pointer-events:none;opacity:.55;mix-blend-mode:multiply;background:radial-gradient(circle at 50% 0,#ffffff6b,#0000 32%),radial-gradient(circle at 50% 100%,#271c0c0d,#0000 48%);position:fixed;inset:-8vh}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #bb5438e6}::selection{color:var(--ink);background:#bb54382e}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.react-flow__pane{background:0 0!important}.react-flow__node{cursor:pointer}.react-flow__attribution{color:var(--ink-muted)!important;background:0 0!important}.react-flow__controls{box-shadow:var(--shadow-soft);border:1px solid var(--line);overflow:hidden}.react-flow__controls-button{border-color:var(--line)!important;background:#fcfaf6f0!important}.react-flow__controls-button:hover{background:#fff!important}.glass-node{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);min-width:192px;color:var(--ink);box-shadow:var(--shadow-soft);padding:14px 16px 12px;transition:border-color .14s,background-color .14s}.glass-node:hover{border-color:#c65a3d6b}.glass-node.selected{border-color:var(--terracotta);background:#fff8f3}.node-title{letter-spacing:-.015em;font-family:Instrument Sans,sans-serif;font-size:1rem;font-weight:600;line-height:1.25}.node-subtitle{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-top:9px;padding-top:8px;font-family:IBM Plex Mono,monospace;font-size:.72rem;line-height:1.4}.core-node{background:var(--ink);width:228px;color:var(--paper-strong);border-color:var(--ink);padding:20px 18px 16px}.core-node .node-title{letter-spacing:-.035em;font-family:Fraunces,serif;font-size:1.38rem;line-height:1.02}.core-node .node-subtitle{color:#fcfaf6cc;border-top-color:#fcfaf624}.react-flow__edge-path{transition:stroke .16s,stroke-width .16s;stroke:#32424a6b!important;stroke-width:1.6px!important}.react-flow__edge:hover .react-flow__edge-path{stroke:#c65a3db8!important;stroke-width:2.2px!important}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:6 8;animation:26s linear infinite dashdraw;stroke:#6e7d68a8!important}.drawer-header{margin-bottom:24px}.drawer-type{border:1px solid var(--line-strong);text-transform:uppercase;letter-spacing:.06em;min-height:30px;color:var(--terracotta);background:#c65a3d14;border-radius:999px;align-items:center;margin-bottom:14px;padding:0 10px;font-family:IBM Plex Mono,monospace;font-size:.7rem;display:inline-flex}.drawer h2{letter-spacing:-.035em;max-width:10ch;font-family:Fraunces,serif;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1}.drawer-meta{border-bottom:1px solid var(--line);gap:12px;margin-bottom:24px;padding-bottom:24px;display:grid}.meta-item{color:var(--ink-muted);align-items:center;gap:10px;font-size:.92rem;display:flex}.meta-item svg{color:var(--terracotta)}.drawer-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--slate);margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:.72rem;line-height:1.4}.drawer-content{color:var(--ink);margin-bottom:28px;line-height:1.65}.tag-list{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.tag{border:1px solid var(--line);min-height:28px;color:var(--slate);background:#32424a0a;border-radius:999px;align-items:center;padding:0 10px;font-family:IBM Plex Mono,monospace;font-size:.72rem;display:inline-flex}@media (prefers-reduced-motion:no-preference){.glass-node,.ghost-chip,.secondary-btn,.drawer-inline-action,.connection-project-btn,.lens-btn,.connection-list-item,.drawer-close,.mode-tab,.react-flow__controls-button{transition:transform .18s var(--ease-out), background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), box-shadow .18s var(--ease-out)}}@keyframes dashdraw{to{stroke-dashoffset:-120px}}.app-shell{isolation:isolate;grid-template-columns:minmax(320px,372px) minmax(0,1fr);width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.app-shell:after{content:"";pointer-events:none;background:linear-gradient(90deg,#bb543814,#0000 14%),linear-gradient(#0000,#31414a0a),radial-gradient(circle at 72% 20%,#fff3,#0000 22%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000eb,#0000 80%);mask-image:linear-gradient(#000000eb,#0000 80%)}.sidebar,.hud-panel,.drawer,.sidebar-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar{z-index:10;border-right:1px solid var(--line);background:linear-gradient(180deg, #fcfaf6f7, #f4efe6f0), var(--paper-strong);flex-direction:column;gap:15px;padding:clamp(20px,2vw,28px) 18px 18px;display:flex;position:relative;overflow:auto;box-shadow:inset -1px 0 #ffffff70}.sidebar-copy{min-width:0;padding-bottom:4px}.header-kicker,.header-strip-item,.stat-label,.stat-note,.lens-panel-title,.lens-panel-note,.command-row code,.connection-list-item-meta,.connection-project-btn span{font-family:IBM Plex Mono,monospace}.header-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--terracotta);margin-bottom:10px;font-size:.72rem;display:inline-block}.sidebar-copy h1{letter-spacing:-.05em;max-width:10ch;font-family:Fraunces,serif;font-size:clamp(2.2rem,5vw,3.9rem);line-height:.95}.sidebar-copy p{max-width:42ch;color:var(--ink-muted);margin-top:12px;font-size:1.02rem;line-height:1.55}.header-strip{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.header-strip-item{border:1px solid var(--line);min-height:30px;color:var(--slate);background:#32424a0a;border-radius:999px;align-items:center;padding:0 10px;font-size:.72rem;display:inline-flex}.hidden-folder-input{display:none}.mode-switch{border:1px solid var(--line-strong);background:#32424a0a;border-radius:999px;width:fit-content;padding:3px;display:inline-flex}.mode-tab{min-height:34px;color:var(--slate);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:600;display:inline-flex}.mode-tab.active{background:var(--ink);color:var(--paper-strong)}.header-chips{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.sidebar-toolbar{border-bottom:1px solid var(--line);gap:10px;padding:6px 0 8px;display:grid}.header-chip{border:1px solid var(--line);min-height:30px;color:var(--slate);letter-spacing:.04em;text-transform:uppercase;background:#32424a0a;border-radius:999px;align-items:center;padding:0 10px;font-family:IBM Plex Mono,monospace;font-size:.72rem;display:inline-flex}.header-chip.local{color:var(--terracotta);background:#c65a3d14;border-color:#c65a3d47}.header-actions-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.sidebar-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg, #fcfaf6f5, #f7f1e7e6), var(--surface);box-shadow:var(--shadow-soft);gap:12px;padding:18px;display:grid}.sidebar-card h2,.sidebar-card h3{letter-spacing:-.03em;font-family:Fraunces,serif;line-height:1.08}.sidebar-card h2{font-size:1.55rem}.sidebar-card h3{font-size:1.18rem}.sidebar-card p{color:var(--ink-muted);line-height:1.58}.sidebar-card-action{justify-self:start}.sidebar-card-notice{background:linear-gradient(180deg, #bb54380f, #f8f2e9f0), var(--surface);border-color:#bb54382e}.sidebar-graph-summary,.sidebar-lenses{gap:10px}.stage{isolation:isolate;min-width:0;min-height:100vh;position:relative;overflow:hidden}.graph-loading-surface{background:radial-gradient(circle at 50% 40%,#fcfaf6b8,#0000 28%),linear-gradient(#fcfaf62e,#f4efe614);place-items:center;display:grid;position:absolute;inset:0}.graph-loading-label{border:1px solid var(--line);color:var(--slate);letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow-soft);background:#fcfaf6eb;border-radius:999px;padding:10px 14px;font-family:IBM Plex Mono,monospace;font-size:.72rem}.stage:before{content:"";pointer-events:none;background:radial-gradient(circle at 84% 18%,#fff8f04d,#0000 20%),radial-gradient(circle at 55% 64%,#31414a0a,#0000 28%);position:absolute;inset:0}.stage-toolbar{z-index:12;width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-flow:wrap;justify-content:flex-start;align-items:center;gap:10px;padding:0;display:flex;position:absolute;top:24px;left:24px;right:500px;transform:none}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.ghost-chip,.secondary-btn,.drawer-inline-action,.connection-project-btn,.lens-btn{border:1px solid var(--line-strong);color:var(--ink);background:#fcfaf6f5}.ghost-chip,.secondary-btn,.drawer-inline-action{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.ghost-chip:hover,.secondary-btn:hover,.drawer-inline-action:hover,.connection-project-btn:hover,.lens-btn:hover{background:#c65a3d14;border-color:#c65a3d57;transform:translateY(-1px)}.hud-panel{z-index:10;position:absolute}.hud-top{width:min(320px,100vw - 48px);top:104px;left:24px;right:auto}.hud-bottom{width:min(280px,100vw - 48px);bottom:24px;left:24px}.stats-grid,.lens-panel{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);background:#fcfaf6db}.stats-grid{grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.stat-card{border-bottom:1px solid var(--line);padding:16px 18px}.stat-card:last-child{border-bottom:0}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--slate);font-size:.72rem;line-height:1.4;display:block}.stat-value{letter-spacing:-.04em;margin-top:4px;font-family:Fraunces,serif;font-size:1.7rem;line-height:.98;display:block}.stat-value-compact{letter-spacing:-.01em;word-break:break-word;font-family:Instrument Sans,sans-serif;font-size:1rem;line-height:1.35}.stat-note{color:var(--ink-muted);margin-top:8px;font-size:.72rem;line-height:1.45;display:block}.lens-panel{padding:14px}.lens-panel-header{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px;display:flex}.lens-panel-title,.lens-panel-note{font-size:.72rem;line-height:1.4}.lens-panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--slate)}.lens-panel-note{color:var(--ink-muted)}.lens-controls{gap:8px;display:grid}.lens-btn{text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;padding:10px 12px}.lens-btn.active{color:var(--ink);background:#c65a3d1a;border-color:#c65a3d70;box-shadow:inset 0 0 0 1px #bb543824}.drawer{z-index:50;border-left:1px solid var(--line);background:linear-gradient(180deg, #fdfbf7fa, #f4efe6fa), var(--paper-strong);width:min(460px,100vw);height:100vh;transition:right .24s var(--ease-out);padding:28px 26px 24px;position:absolute;top:0;right:-500px;overflow-y:auto;box-shadow:-18px 0 40px #231a0c1f}.drawer.open{right:0}.drawer-close{border:1px solid var(--line-strong);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#fcfaf6f5;border-radius:50%;place-items:center;margin-bottom:14px;margin-left:auto;display:grid;position:sticky;top:0}.drawer{flex-direction:column;gap:0;display:flex}.drawer-profile-overview{border-bottom:1px solid var(--line);padding-bottom:16px}.drawer-list{gap:0;padding:0;list-style:none;display:grid}.drawer-list li{border-bottom:1px solid var(--line);padding:12px 0;line-height:1.55}.drawer-list li:last-child{border-bottom:0}.drawer-actions{margin-bottom:24px}.drawer-action-btn{width:100%}.drawer-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.connection-list{gap:10px;display:grid}.connection-list-item{text-align:left;border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;background:#fcfaf6f5;flex-direction:column;gap:5px;width:100%;padding:14px;display:flex}.connection-list-item.selected{border-color:var(--terracotta);background:#fff8f3}.connection-list-item-label{letter-spacing:-.01em;font-weight:600}.connection-list-item-meta{text-transform:uppercase;letter-spacing:.08em;color:var(--slate);font-size:.72rem;line-height:1.4}.connection-list-item-meta.subtle{color:var(--ink-muted)}.connection-list-item-description{color:var(--ink-muted);line-height:1.5}.connection-projects{gap:10px;display:grid}.connection-project-btn{border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.connection-project-btn strong{line-height:1.28}.connection-project-btn span,.command-row span{color:var(--ink-muted)}.connection-project-btn span{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.connection-project-btn strong{font-weight:600}.instructions-list{color:var(--ink);gap:8px;margin-top:14px;padding-left:18px;display:grid}.command-list{gap:10px;display:grid}.command-row{gap:4px;display:grid}.command-row code{border:1px solid var(--line);border-radius:var(--radius-xs);width:fit-content;color:var(--slate);background:#31414a0f;padding:6px 8px;font-size:.75rem}.error-line{margin-top:10px;font-weight:600;color:var(--terracotta)!important}.drawer-empty-state{color:var(--ink-muted);font-style:italic}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.stage-toolbar{max-width:calc(100vw - 48px)}.hud-top{width:min(384px,100vw - 48px);top:196px;right:24px}}@media (width<=860px){.stage-toolbar{justify-content:flex-start;align-items:stretch;width:auto;inset:auto 16px 16px;transform:none}.mode-switch{width:100%}.mode-tab{flex:1;justify-content:center}.hud-top{width:auto;inset:auto 16px 24px}.hud-bottom{width:auto;bottom:24px;left:24px;right:24px}.lens-panel{padding:12px}.lens-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-actions{justify-content:flex-start}}@media (width<=720px){.sidebar{padding:16px}.mode-switch{width:100%}.mode-tab{flex:1;justify-content:center}.header p{font-size:.95rem}.header-chips{width:100%}.hud-top,.hud-bottom{width:auto;left:16px;right:16px}.hud-top{bottom:188px}.hud-bottom{bottom:16px}.stats-grid{grid-template-columns:minmax(0,1fr);overflow:hidden}.lens-controls{grid-template-columns:1fr}.drawer{border-left:0;border-top:1px solid var(--line);width:100vw;height:min(78dvh,48rem);transition:bottom .24s var(--ease-out);top:auto;bottom:-100dvh;right:0}.drawer.open{bottom:0;right:0}}