:root{--void:#05070d;--void-2:#070b16;--flow:#22e3ff;--flow-dim:#0e6f86;--choke:#ff4d3d;--choke-hot:#ffb02e;--leak:#ff5fa2;--ok:#5effc7;--ink:#cfe9f2;--ink-dim:#5b7886;--grid:rgba(34,227,255,.05);--hud-bg:rgba(7,11,22,.62);--hud-line:rgba(34,227,255,.16)}*{box-sizing:border-box}body,html{margin:0;padding:0;overflow:hidden;background:var(--void);color:var(--ink);font-family:ui-monospace,SF Mono,JetBrains Mono,Fira Code,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#__next,body,html,main{height:100%;width:100%}::selection{background:rgba(34,227,255,.25)}.pipe-wrap{position:absolute;inset:0;overflow:hidden;cursor:-webkit-grab;cursor:grab;background:radial-gradient(ellipse 70% 55% at 50% 44%,rgba(34,227,255,.06),transparent 62%),linear-gradient(var(--grid) 1px,transparent 1px) 0 0 /48px 48px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0 /48px 48px,var(--void)}.pipe-wrap.grabbing{cursor:-webkit-grabbing;cursor:grabbing}.pipe-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 240px 60px rgba(0,0,0,.75),inset 0 0 120px 12px rgba(34,227,255,.045)}.pipe-svg{display:block;touch-action:none}.labels,.pipe-svg{position:absolute;inset:0}.labels{pointer-events:none;z-index:2}.lbl{position:absolute;top:0;left:0;white-space:nowrap;will-change:transform,opacity;text-align:center;text-shadow:0 0 12px rgba(5,7,13,.9)}.lbl-dept{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);font-weight:600}.lbl-dept.is-choke{color:var(--choke)}.lbl-leaf{display:flex;flex-direction:column;align-items:center;gap:2px}.lbl-leaf-name{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.lbl-leaf-val{font-size:9px;letter-spacing:.08em;color:var(--flow);opacity:.85;text-shadow:0 0 12px rgba(5,7,13,.9),0 0 9px rgba(34,227,255,.38)}.lbl-bigleak{font-size:9px;letter-spacing:.2em;font-weight:600;color:var(--leak);text-shadow:0 0 12px rgba(5,7,13,.95),0 0 11px rgba(255,95,162,.5)}.lbl-mouth{display:flex;flex-direction:column;gap:3px}.lbl-mouth-k{font-size:10px;letter-spacing:.3em;color:var(--ink-dim)}.lbl-mouth-v{font-size:15px;letter-spacing:.04em;font-weight:600}.lbl-effort{text-align:right;align-items:flex-end}.lbl-effort .lbl-mouth-v{color:var(--ink)}.lbl-profit{text-align:left;align-items:flex-start}.lbl-profit .lbl-mouth-v{color:var(--ok);text-shadow:0 0 12px rgba(5,7,13,.9),0 0 13px rgba(94,255,199,.5)}@keyframes pulseChoke{0%,to{opacity:.45}50%{opacity:1}}.pulse-choke{animation:pulseChoke 2.6s ease-in-out infinite}@keyframes pulseLeak{0%,to{opacity:.4}50%{opacity:.95}}.pulse-leak{animation:pulseLeak 1.7s ease-in-out infinite}@keyframes mouthBreathe{0%,to{opacity:.65}50%{opacity:1}}.mouth-glow{animation:mouthBreathe 5.5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.pulse-choke{animation:none;opacity:.85}.mouth-glow,.pulse-leak{animation:none;opacity:.8}}.hud{inset:0;pointer-events:none;z-index:3;font-size:11px}.hud,.hud>*{position:absolute}.hud-brand{top:22px;left:26px;display:flex;align-items:baseline;gap:2px}.brand-pipe{color:var(--ink)}.brand-os,.brand-pipe{font-size:20px;font-weight:700;letter-spacing:.16em}.brand-os{color:var(--flow);text-shadow:0 0 16px rgba(34,227,255,.6)}.brand-tag{margin-left:12px;font-size:9px;letter-spacing:.3em;color:var(--ink-dim);align-self:center}.hud-insights{top:20px;right:22px;display:flex;gap:12px}.card{pointer-events:auto;min-width:132px;padding:11px 14px;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:10px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.card-k{font-size:8.5px;letter-spacing:.24em;color:var(--ink-dim)}.card-v{margin-top:5px;font-size:15px;font-weight:600;color:var(--ink);letter-spacing:.02em}.card-s{margin-top:4px;font-size:9px;letter-spacing:.04em;color:var(--ink-dim)}.card-choke{border-color:rgba(255,77,61,.32)}.card-choke .card-v{color:var(--choke);text-shadow:0 0 10px rgba(255,77,61,.42)}.card-leak{border-color:rgba(255,95,162,.32)}.card-leak .card-v{color:var(--leak);text-shadow:0 0 10px rgba(255,95,162,.42)}.hud-focus{left:26px;bottom:24px;width:340px;padding:14px 16px;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:12px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.focus-title{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--flow);cursor:pointer;pointer-events:auto;display:inline-block;transition:color .15s,text-shadow .15s}.focus-title:before{content:"↑ ";opacity:.55}.focus-title:hover{color:#9af6ff;text-shadow:0 0 10px rgba(34,227,255,.5)}.focus-value{margin-top:6px;font-size:22px;font-weight:600;color:var(--ink);letter-spacing:.01em;text-shadow:0 0 12px rgba(34,227,255,.22)}.focus-note{margin-top:7px;font-size:10px;line-height:1.5;color:var(--ink-dim);letter-spacing:.02em;min-height:30px}.focus-stats{margin-top:12px;display:flex;gap:22px;border-top:1px solid var(--hud-line);padding-top:11px}.stat{display:flex;flex-direction:column;gap:4px}.stat-k{font-size:8px;letter-spacing:.22em;color:var(--ink-dim)}.stat-v{font-size:14px;font-weight:600;color:var(--ink)}.hud-legend{left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:20px;padding:8px 16px;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:20px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.lg{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.1em;color:var(--ink-dim)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-flow{background:var(--flow);box-shadow:0 0 8px var(--flow)}.dot-choke{background:var(--choke);box-shadow:0 0 8px var(--choke)}.dot-leak{background:var(--leak);box-shadow:0 0 8px var(--leak)}.hud-zoom{right:24px;bottom:24px;display:flex;flex-direction:column;gap:8px}.hud-zoom button{pointer-events:auto;width:38px;height:38px;font-size:17px;color:var(--ink);background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:9px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);cursor:pointer;transition:border-color .15s,color .15s}.hud-zoom button:hover{border-color:var(--flow);color:var(--flow)}.hud-hint{left:50%;bottom:74px;transform:translateX(-50%);font-size:10px;letter-spacing:.14em;color:var(--ink-dim);white-space:nowrap;transition:opacity .6s ease;text-shadow:0 0 10px rgba(5,7,13,.9)}.hud-hint,.tooltip{pointer-events:none}.tooltip{position:absolute;top:0;left:0;z-index:5;max-width:256px;padding:10px 13px;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .12s ease;will-change:transform,opacity}.tip-detail{font-size:8.5px;letter-spacing:.2em;font-weight:600;color:var(--leak)}.tip-label{margin-top:5px;font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--ink)}.tip-note{margin-top:5px;font-size:10px;line-height:1.5;color:var(--ink-dim)}@media (max-width:760px){.brand-tag{display:none}.hud-insights{top:52px;left:12px;right:12px;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.card{min-width:116px;flex:0 0 auto;padding:9px 11px}.card-v{font-size:13px}.hud-focus{left:12px;right:12px;width:auto;bottom:14px;padding:11px 13px}.focus-value{font-size:18px}.hud-hint,.hud-legend{display:none}.hud-zoom{top:50%;bottom:auto;transform:translateY(-50%);right:12px}}