.hp-root{--bg:#050807;--panel:#0a0f0d;--fg:#c8ffe9;--muted:#3f6b5c;--cyan:#00e5c7;--magenta:#ff3fb4;--amber:#ffcc4d;--edge:#123a30;position:relative;min-height:100vh;background:var(--bg);color:var(--fg);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;padding:clamp(16px,4vw,48px);overflow-x:hidden}.hp-scan{position:fixed;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.28) 3px);mix-blend-mode:multiply;animation:hp-flick 6s infinite}.hp-wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto}.hp-head{margin-bottom:28px}.hp-eyebrow{color:var(--muted);letter-spacing:.28em;font-size:11px;text-transform:uppercase}.hp-title{font-size:clamp(38px,8vw,76px);margin:6px 0 4px;font-weight:700;letter-spacing:.04em;color:var(--cyan);text-shadow:0 0 12px rgba(0,229,199,.5),0 0 40px rgba(0,229,199,.18)}.hp-blink{animation:hp-blink 1.1s steps(1) infinite;color:var(--cyan)}.hp-sub{color:var(--fg);font-size:13px;display:flex;align-items:center;gap:8px}.hp-since{color:var(--muted)}.hp-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);display:inline-block}.hp-dot-on{background:var(--magenta);box-shadow:0 0 10px var(--magenta);animation:hp-pulse 1.6s infinite}.hp-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}.hp-stat{border:1px solid var(--edge);background:var(--panel);padding:16px 18px;border-radius:2px}.hp-stat-val{font-size:clamp(26px,4vw,40px);font-weight:700;line-height:1}.hp-stat-val.hp-accent{color:var(--magenta);text-shadow:0 0 12px rgba(255,63,180,.4)}.hp-stat-lab{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:8px}.hp-grid{display:grid;grid-template-columns:1fr 320px;grid-gap:16px;gap:16px}.hp-panel-label{color:var(--muted);font-size:11px;letter-spacing:.14em;margin-bottom:8px}.hp-feed-wrap{min-width:0}.hp-feed{border:1px solid var(--edge);background:var(--panel);border-radius:2px;padding:14px;height:520px;overflow-y:auto;font-size:13px;line-height:1.9}.hp-line{display:flex;gap:12px;white-space:nowrap;animation:hp-in .35s ease-out;border-bottom:1px solid rgba(18,58,48,.35);padding:1px 0}.hp-line-llm{background:linear-gradient(90deg,rgba(255,63,180,.08),transparent)}.hp-ts{color:var(--muted);flex-shrink:0}.hp-ip{color:var(--cyan);flex-shrink:0}.hp-method{color:var(--amber);flex-shrink:0;width:44px}.hp-path{color:var(--fg);overflow:hidden;text-overflow:ellipsis}.hp-tag{color:var(--muted);margin-left:auto;flex-shrink:0}.hp-badge{color:var(--magenta);border:1px solid var(--magenta);border-radius:2px;padding:0 6px;font-size:10px;flex-shrink:0;align-self:center}.hp-cursor{color:var(--cyan);animation:hp-blink 1s steps(1) infinite}.hp-empty{padding:40px 8px;text-align:center}.hp-empty-title{color:var(--amber);letter-spacing:.3em;font-size:18px;margin-bottom:10px;text-shadow:0 0 10px rgba(255,204,77,.4)}.hp-muted{color:var(--muted)}.hp-side{gap:20px;min-width:0}.hp-bars,.hp-side{display:flex;flex-direction:column}.hp-bars{list-style:none;margin:0;padding:0;gap:10px}.hp-bar-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px;gap:8px}.hp-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.hp-bar-count{color:var(--cyan);flex-shrink:0}.hp-bar-track{height:6px;background:#0c1a16;border-radius:1px;overflow:hidden}.hp-bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 8px rgba(0,229,199,.5)}.hp-scanners{list-style:none;margin:0;padding:0;font-size:12px}.hp-scanners li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(18,58,48,.35)}.hp-foot{color:var(--muted);font-size:11px;line-height:1.7;margin-top:24px;max-width:760px}@keyframes hp-in{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}@keyframes hp-blink{50%{opacity:0}}@keyframes hp-pulse{50%{opacity:.4}}@keyframes hp-flick{0%,97%{opacity:1}98%{opacity:.82}99%{opacity:1}}@media(max-width:760px){.hp-grid{grid-template-columns:1fr}.hp-stats{grid-template-columns:repeat(2,1fr)}.hp-feed{height:400px}.hp-line{font-size:12px;gap:8px}}@media(prefers-reduced-motion:reduce){.hp-blink,.hp-cursor,.hp-dot-on,.hp-line,.hp-scan{animation:none}}.hp-feed:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}