@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg:#040a0b;--cyan:#4dd9e8;--cyan-soft:#a7eef4;--cyan-dim:#123236;--cyan-line:#4dd9e859;--cyan-line-soft:#4dd9e824;--amber:#e8b34d;--red:#e8574d;--text:#d8f4f6;--text-dim:#6a9296;--text-dimmer:#3c5c60;--panel-bg:#06141799;--font-display:"Orbitron", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);justify-content:center;align-items:center;min-height:100dvh;padding:0;display:flex;overflow:hidden}.stage{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.hud-frame{width:100%;height:100%;position:relative;overflow:hidden}.hud-canvas{background:radial-gradient(circle 40vw at 50% 50%, #17545a6b 0%, #040a0b00 72%), linear-gradient(#4dd9e809 1px, transparent 1px), linear-gradient(90deg, #4dd9e809 1px, transparent 1px), var(--bg);background-position:50%;background-size:100% 100%,40px 40px,40px 40px,100% 100%;width:100vw;height:100vh;position:relative}.vignette{pointer-events:none;z-index:5;background:radial-gradient(88% 82%,#0000 55%,#020607e6 100%);position:absolute;inset:0}.scanlines{pointer-events:none;z-index:6;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.el{position:absolute}.brand{flex-direction:column;align-items:center;width:130px;display:flex;top:35px;left:50%;transform:translate(-50%)}.brand>*+*{margin-top:7px}.brand__mark{width:48px;height:32px;position:relative}.brand__mark span{border:1px solid var(--cyan);background:radial-gradient(circle at 35% 30%,#4dd9e859,#12323680);border-radius:50%;width:20px;height:20px;position:absolute;box-shadow:0 0 8px #4dd9e859}.brand__mark .m1{top:0;left:14px}.brand__mark .m2{top:12px;left:0}.brand__mark .m3{top:12px;left:28px}.brand__title{font-family:var(--font-display);letter-spacing:5px;color:var(--cyan-soft);text-shadow:0 0 14px #4dd9e899;white-space:nowrap;font-size:15px;font-weight:900}.brand__sub{letter-spacing:1.6px;color:var(--text-dim);text-align:center;white-space:nowrap;font-size:8.5px;line-height:1.6}.brand__sub .ok{color:var(--cyan)}.panel{background:var(--panel-bg);border:1px solid var(--cyan-line);-webkit-backdrop-filter:blur(7px);clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);width:145px;padding:9px 11px 10px;box-shadow:inset 0 1px #a7eef41f,inset 0 0 24px #4dd9e80a}.panel-tag{pointer-events:none;width:16px;height:16px;position:absolute;top:0;right:0}.panel-tag i{background:var(--cyan);opacity:.75;width:1px;height:9px;position:absolute;top:6px;right:0}.panel-tag i.h{width:9px;height:1px;top:0;left:auto;right:6px}.panel__header{font-family:var(--font-mono);letter-spacing:1px;color:var(--cyan-soft);white-space:nowrap;border-bottom:1px solid var(--cyan-line-soft);align-items:center;margin-bottom:7px;padding-bottom:6px;font-size:10px;font-weight:700;display:flex}.panel__dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 6px 1px var(--cyan);border-radius:50%;flex-shrink:0;margin-right:6px;animation:2.4s ease-in-out infinite blink}.panel__dot.warn{background:var(--amber);box-shadow:0 0 6px 1px var(--amber)}.panel__row{color:var(--text-dim);letter-spacing:.3px;white-space:nowrap;justify-content:space-between;font-size:9.5px;line-height:1.75;display:flex}.panel__row span:first-child{margin-right:8px}.panel__row span:last-child{color:var(--text)}.panel__row .ok{color:var(--cyan)}.panel__row .warn{color:var(--amber)}.panel__bar{background:#4dd9e81a;height:3px;margin-top:7px;position:relative;overflow:hidden}.panel__bar-fill{background:linear-gradient(90deg,var(--cyan-dim),var(--cyan));position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #4dd9e899}.p-mcp{top:35px;left:40px}.p-brain{top:35px;left:200px}.p-memshort{top:35px;left:auto;right:200px}.p-memlong{top:35px;left:auto;right:40px}.p-spotify{width:290px;top:50%;left:auto;right:230px;transform:translateY(-50%)}.dial-cluster{align-items:flex-start;width:360px;height:100px;display:flex;top:250px;bottom:auto;left:40px}.dial-cluster>.dial+.dial{margin-left:136px}.dial{flex-shrink:0;width:88px;height:88px;position:relative}.dial svg{width:100%;height:100%}.dial .track{fill:none;stroke:#4dd9e824;stroke-width:3px}.dial .ticks{fill:none;stroke:var(--cyan);stroke-width:3px;stroke-dasharray:2.4 3.6;opacity:.85}.dial .value{fill:none;stroke:var(--cyan);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 3px #4dd9e8b3)}.dial__label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dial__num{font-family:var(--font-display);color:var(--cyan-soft);font-size:15px;font-weight:700}.dial__tag{letter-spacing:1.2px;color:var(--text-dim);margin-top:3px;font-size:7px}.bars-left{flex-direction:column;width:230px;display:flex;top:170px;bottom:auto;left:40px}.bars-left>div+div{margin-top:12px}.bars-right{flex-direction:column;width:260px;display:flex;top:170px;left:auto;right:40px}.bars-right>div+div{margin-top:11px}.bar-row__top{letter-spacing:1px;color:var(--text-dim);white-space:nowrap;justify-content:space-between;margin-bottom:3px;font-size:8px;display:flex}.bar-row__top .val{color:var(--cyan-soft)}.bar-row__track{background:#4dd9e81a;height:4px;position:relative;overflow:hidden}.bar-row__fill{background:linear-gradient(90deg,var(--cyan-dim),var(--cyan));position:absolute;top:0;bottom:0;left:0}.bar-row__fill.warn{background:linear-gradient(90deg,#5c3d1a,var(--amber))}.bars-right .bar-row__fill{background:linear-gradient(270deg,var(--cyan-dim),var(--cyan));left:auto;right:0}.bars-right .bar-row__fill.warn{background:linear-gradient(270deg,#5c3d1a,var(--amber))}.spheres{flex-direction:column;align-items:center;width:170px;display:flex;inset:50% 40px auto auto;transform:translateY(-50%)}.spheres>.sphere-item+.sphere-item{margin-top:32px}.sphere-item{flex-direction:column;align-items:center;display:flex}.sphere-item>*+*{margin-top:8px}.sphere{border:1px solid var(--cyan-line);background-color:#0a2530;border-radius:50%;width:90px;height:90px;position:relative;overflow:hidden;box-shadow:inset 10px -10px 22px #000000b8,inset -3px 3px 12px #4dd9e82e,0 0 12px #4dd9e81f}.sphere-map{width:100%;height:100%;animation:46s linear infinite spin;position:absolute;top:0;left:0}.sphere-item--b .sphere-map{animation-direction:reverse}.globe-line{fill:none;stroke:var(--cyan);stroke-width:.6px;opacity:.4}.globe-outline{opacity:.7;stroke-width:.8px}.globe-node{fill:var(--cyan-soft);filter:drop-shadow(0 0 2px var(--cyan));animation:3.6s ease-in-out infinite twinkle}.globe-sweep{fill:none;stroke:var(--cyan);stroke-width:1.4px;opacity:.5;stroke-dasharray:12 254;filter:drop-shadow(0 0 4px var(--cyan));animation:5.5s linear infinite sweep}@keyframes sweep{to{stroke-dashoffset:-266px}}.radar-grid{fill:none;stroke:var(--cyan);stroke-width:.5px;opacity:.35}.radar-grid.spoke{opacity:.22}.radar-sweep{transform-origin:50px 50px;animation:3.6s linear infinite spin}.radar-sweep-slice{fill:var(--cyan)}.radar-blip{fill:var(--cyan-soft);filter:drop-shadow(0 0 3px var(--cyan));animation:3s ease-in-out infinite radar-blip}@keyframes radar-blip{0%,to{opacity:0}50%{opacity:1}}.sphere-item__label{letter-spacing:1.8px;color:var(--text-dim);text-align:center;white-space:nowrap;font-size:8px}.sphere-item__label b{color:var(--cyan-soft);letter-spacing:1.4px;font-size:8.5px;display:block}.core-wrap{z-index:3;width:330px;height:330px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.core-svg{width:100%;height:100%;overflow:visible}.ring{fill:none;stroke:var(--cyan)}.ring--outer{stroke-width:1px;opacity:.3;stroke-dasharray:1.5 5}.ring--tick{stroke-width:5px;opacity:.8;stroke-dasharray:2 5.2}.ring--mid{stroke-width:1px;opacity:.55}.ring--amber{stroke:var(--amber);stroke-width:1.2px;opacity:.55;stroke-dasharray:10 3 1 3}.core-center{fill:#03181a;stroke:var(--cyan);stroke-width:1.5px;filter:drop-shadow(0 0 10px #4dd9e8e6)}.core-center-inner{fill:var(--cyan);opacity:.9;animation:2.2s ease-in-out infinite pulse-tight}.core-flare{animation:3.4s ease-in-out infinite pulse}.ring-text{font-family:var(--font-mono);letter-spacing:3px;fill:var(--cyan-soft);opacity:.85;font-size:11px}.node-dot{fill:var(--bg);stroke:var(--cyan);stroke-width:2px;filter:drop-shadow(0 0 4px #4dd9e8cc)}.bokeh{fill:var(--cyan);animation:4s ease-in-out infinite twinkle}.tech-mark line{stroke:var(--cyan);stroke-width:1px;opacity:.6}.tech-hex{fill:none;stroke:var(--cyan);stroke-width:1px;opacity:.55}.ring--halo{stroke:var(--cyan);stroke-width:1px;opacity:.3;stroke-dasharray:1 7}.ring-text-outer{font-family:var(--font-mono);letter-spacing:2.5px;fill:var(--text-dim);opacity:.65;font-size:8.5px}.halo-dot{fill:var(--cyan);opacity:.5;filter:drop-shadow(0 0 3px #4dd9e880);animation:5s ease-in-out infinite twinkle}.halo-ring-mark{fill:none;stroke:var(--cyan-soft);stroke-width:1px;opacity:.4}.bracket-arc{fill:none;stroke-linecap:round}.bracket-arc.cyan{stroke:var(--cyan);opacity:.85;filter:drop-shadow(0 0 4px #4dd9e880)}.bracket-arc.pale{stroke:var(--text);opacity:.55}.bracket-arc.soft{stroke:var(--cyan-soft);opacity:.7}.bracket-arc.amber{stroke:var(--amber);opacity:.75;filter:drop-shadow(0 0 3px #e8b34d80)}.ring--fine-dot{fill:none;stroke:var(--cyan);stroke-width:2.5px;opacity:.6;stroke-dasharray:.5 3.5;stroke-linecap:round}.ring--spotify-progress{stroke-linecap:round}.ring--double{fill:none;stroke:var(--cyan-soft);stroke-width:.8px;opacity:.4}.ring--dashdot{fill:none;stroke:var(--amber);stroke-width:1px;opacity:.5;stroke-dasharray:6 2 1 2}.ring--hatch{fill:none;stroke:var(--cyan);stroke-width:3.5px;opacity:.5;stroke-dasharray:.5 2.2}.g-spin-fine{transform-origin:165px 165px;animation:40s linear infinite spin}.g-spin-hatch{transform-origin:165px 165px;animation:65s linear infinite spin-rev}.g-spin-dashdot{transform-origin:165px 165px;animation:55s linear infinite spin}.g-spin-text{transform-origin:165px 165px;animation:75s linear infinite spin}.g-spin-nodes{transform-origin:165px 165px;animation:50s linear infinite spin-rev}.g-spin-bokeh1{transform-origin:165px 165px;animation:110s linear infinite spin}.g-spin-bokeh2{transform-origin:165px 165px;animation:70s linear infinite spin-rev}.g-spin-text-outer{transform-origin:165px 165px;animation:130s linear infinite spin}.g-spin-halo{transform-origin:165px 165px;animation:95s linear infinite spin}.g-spin-bracket1{transform-origin:165px 165px;animation:60s linear infinite spin}.g-spin-bracket2{transform-origin:165px 165px;animation:85s linear infinite spin-rev}.g-spin-bracket3{transform-origin:165px 165px;animation:72s linear infinite spin}.g-spin-bracket4{transform-origin:165px 165px;animation:48s linear infinite spin-rev}.core-wrap--escuchando .core-flare{filter:drop-shadow(0 0 22px #0ff)drop-shadow(0 0 45px #00ffffb3);animation:none!important}.core-wrap--escuchando .core-center-inner{filter:drop-shadow(0 0 16px #0ff);fill:#0ff!important;animation:none!important}.core-wrap--escuchando .g-spin-fine{animation-duration:13s}.core-wrap--escuchando .g-spin-hatch{animation-duration:21s}.core-wrap--escuchando .g-spin-dashdot{animation-duration:18s}.core-wrap--escuchando .g-spin-text{animation-duration:25s}.core-wrap--escuchando .g-spin-nodes{animation-duration:16s}.core-wrap--escuchando .g-spin-bokeh1{animation-duration:36s}.core-wrap--escuchando .g-spin-bokeh2{animation-duration:23s}.core-wrap--escuchando .g-spin-text-outer{animation-duration:43s}.core-wrap--escuchando .g-spin-halo{animation-duration:31s}.core-wrap--escuchando .g-spin-bracket1{animation-duration:20s}.core-wrap--escuchando .g-spin-bracket2{animation-duration:28s}.core-wrap--escuchando .g-spin-bracket3{animation-duration:24s}.core-wrap--escuchando .g-spin-bracket4{animation-duration:16s}.core-wrap--procesando .g-spin-fine{animation-duration:8s}.core-wrap--procesando .g-spin-hatch{animation-duration:13s}.core-wrap--procesando .g-spin-dashdot{animation-duration:11s}.core-wrap--procesando .g-spin-text{animation-duration:15s}.core-wrap--procesando .g-spin-nodes{animation-duration:10s}.core-wrap--procesando .g-spin-bokeh1{animation-duration:22s}.core-wrap--procesando .g-spin-bokeh2{animation-duration:14s}.core-wrap--procesando .g-spin-text-outer{animation-duration:26s}.core-wrap--procesando .g-spin-halo{animation-duration:19s}.core-wrap--procesando .g-spin-bracket1{animation-duration:12s}.core-wrap--procesando .g-spin-bracket2{animation-duration:17s}.core-wrap--procesando .g-spin-bracket3{animation-duration:14s}.core-wrap--procesando .g-spin-bracket4{animation-duration:9s}.core-wrap--procesando .bokeh,.core-wrap--procesando .halo-dot{transform-origin:165px 165px;animation:1.1s ease-in-out infinite core-compress!important}@keyframes core-compress{0%,to{opacity:.9}50%{opacity:.25;filter:drop-shadow(0 0 8px var(--cyan))}}.core-wrap--procesando .core-flare{transform-origin:165px 165px;animation:.9s ease-in-out infinite core-process-flare!important}@keyframes core-process-flare{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;filter:drop-shadow(0 0 25px #4dd9e8);transform:scale(1.18)}}.core-wrap--hablando .core-flare{filter:drop-shadow(0 0 20px #4dd9e8);animation:none!important}.core-wrap--hablando .core-center-inner{animation:none!important}.counter{letter-spacing:1.8px;color:var(--text-dim);white-space:nowrap;align-items:center;font-size:10.5px;display:flex;top:auto;bottom:40px;left:50%;transform:translate(-50%)}.counter__val{color:var(--cyan-soft);font-size:12px}.counter__dot{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 5px var(--cyan);border-radius:50%}.circuit{display:none}.circuit svg{width:100%;height:100%}.circuit path{fill:none;stroke:var(--cyan-line);stroke-width:1px;stroke-dasharray:1 4}.circuit circle{fill:var(--bg);stroke:var(--cyan);stroke-width:1px}.gauge{justify-content:center;width:88px;display:flex;inset:250px auto auto 152px}.gauge__ring{background:conic-gradient(var(--cyan) calc(var(--pct,74)*1%), #4dd9e81a 0);border-radius:50%;width:90px;height:90px;position:relative}.gauge__inner{background:var(--bg);border:1px solid var(--cyan-line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:6px}.gauge__pct{font-family:var(--font-display);color:var(--cyan-soft);font-size:15px;font-weight:700}.gauge__tag{letter-spacing:1.5px;color:var(--text-dim);margin-top:2px;font-size:7px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.85}}@keyframes pulse-tight{0%,to{opacity:.65}50%{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.75}}.hud-chat{border:1px solid var(--cyan-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d111799;flex-direction:column;width:320px;display:flex;position:absolute;top:390px;bottom:40px;left:40px;overflow:hidden;box-shadow:inset 0 0 15px #00ffff0d,0 0 10px #00ffff1a}.hud-chat__header{border-bottom:1px solid var(--cyan-line);color:var(--cyan);letter-spacing:2px;background:#00ffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-family:Orbitron,sans-serif;font-size:10px;display:flex}.hud-chat__close{color:var(--cyan);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}.hud-chat__close:hover{color:#fff}.hud-chat__messages{scrollbar-width:none;flex-direction:column;flex-grow:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.hud-chat__messages::-webkit-scrollbar{display:none}.hud-chat__msg{word-wrap:break-word;max-width:90%;font-size:11px;line-height:1.4}.hud-chat__msg.user{color:#fff;background:#4dd9e826;border:1px solid #4dd9e84d;border-radius:4px 4px 0;align-self:flex-end;padding:6px 10px}.hud-chat__msg.jarvis{color:var(--cyan-soft);border-left:2px solid var(--cyan);background:#0006;align-self:flex-start;padding:6px 10px}.hud-chat__input-area{border-top:1px solid var(--cyan-line);background:#0000004d;flex-shrink:0;align-items:center;padding:10px;display:flex}.hud-chat__input{color:var(--cyan);background:0 0;border:none;outline:none;flex-grow:1;font-family:JetBrains Mono,monospace;font-size:11px}.hud-chat__input::placeholder{color:var(--text-dim)}.hud-chat__typing{color:var(--text-dim);align-self:flex-start;font-size:10px;animation:1.5s infinite pulse}@keyframes pulse-listen{0%,to{stroke:#ff505099;stroke-width:2px;filter:drop-shadow(0 0 4px #ff000080)}50%{stroke:red;stroke-width:3px;filter:drop-shadow(0 0 12px #ff0000e6)}}@keyframes pulse-speak{0%,to{box-shadow:inset 0 0 10px #0ff6,0 0 20px #00ffff4d}50%{box-shadow:inset 0 0 30px #0ffc,0 0 50px #00ffffb3}}.core-center-inner.listening{fill:#0000;animation:1.2s ease-in-out infinite pulse-listen}.core-center-inner.speaking{fill:#00ffff4d;filter:drop-shadow(0 0 20px #00ffffe6);animation:.8s infinite pulse-speak}.stage.thinking .sphere{animation-duration:3s!important}.stage.thinking .sphere-item{animation-duration:4s!important}.footnote{text-align:center;letter-spacing:1.5px;color:var(--text-dimmer);margin-top:16px;font-size:10px}@media (width<=768px){.hud-canvas .title-area,.hud-canvas .el.panel,.hud-canvas .el.p-memshort,.hud-canvas .el.p-memlong,.hud-canvas .hud-chat,.hud-canvas .bars-right,.hud-canvas .bars-left,.hud-canvas .el.circuit{display:none!important}.hud-canvas .hud-chat.hud-chat--mobile-open{z-index:99999!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;box-sizing:border-box!important;background:#0d1117f2!important;border:none!important;flex-direction:column!important;width:100%!important;padding:16px!important;display:flex!important;position:fixed!important;inset:0!important}.hud-canvas{padding:12px 16px calc(16px + env(safe-area-inset-bottom,16px))!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.hud-canvas .el.brand{flex-direction:column!important;align-items:center!important;width:auto!important;margin-top:8px!important;margin-bottom:0!important;display:flex!important;position:static!important;top:auto!important;left:auto!important;transform:none!important}.hud-canvas .el.brand .brand__mark{margin-top:-6px!important;margin-bottom:-6px!important;transform:scale(.7)!important}.hud-canvas .el.brand .brand__title{letter-spacing:4px!important;font-size:13px!important}.hud-canvas .el.brand .brand__sub{font-size:7.5px!important;line-height:1.4!important}.hud-canvas .el.core-wrap{width:min(75vw,310px)!important;height:min(75vw,310px)!important;margin:0!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.hud-canvas .el.counter{font-size:10px!important;position:static!important;bottom:auto!important;left:auto!important;transform:none!important}.hud-canvas .el.gauge{justify-content:center!important;width:90px!important;display:flex!important;position:absolute!important;inset:112px auto auto 12px!important;overflow:visible!important}.hud-canvas .el.dial-cluster{flex-direction:row!important;width:auto!important;height:auto!important;display:flex!important;position:absolute!important;inset:18px auto auto 12px!important}.hud-canvas .el.dial-cluster .dial:last-child{display:none!important}.hud-canvas .el.dial-cluster .dial svg{width:90px!important;height:90px!important}.hud-canvas .el.p-mcp,.hud-canvas .el.p-brain{border-radius:2px!important;width:105px!important;padding:5px 7px!important;display:block!important;position:absolute!important}.hud-canvas .el.p-mcp{bottom:calc(56px + env(safe-area-inset-bottom,16px))!important;top:auto!important;left:12px!important;right:auto!important}.hud-canvas .el.p-brain{bottom:calc(56px + env(safe-area-inset-bottom,16px))!important;top:auto!important;left:auto!important;right:12px!important}.hud-canvas .el.p-mcp .panel__header,.hud-canvas .el.p-brain .panel__header{letter-spacing:.8px!important;margin-bottom:3px!important;font-size:6.5px!important}.hud-canvas .el.p-mcp .panel__row,.hud-canvas .el.p-brain .panel__row{letter-spacing:.6px!important;padding:0!important;font-size:6px!important}.hud-canvas .el.spheres{width:80px!important;height:220px!important;display:block!important;position:absolute!important;inset:0 12px auto auto!important;transform:none!important}.hud-canvas .el.spheres .sphere-item--a{width:80px!important;height:auto!important;position:absolute!important;top:18px!important;left:0!important}.hud-canvas .el.spheres .sphere-item--b{width:80px!important;height:auto!important;margin-top:0!important;position:absolute!important;top:112px!important;left:0!important}.hud-canvas .el.spheres .sphere{width:70px!important;height:70px!important}.hud-canvas .el.spheres .sphere-item__label{text-align:center!important;margin-top:3px!important;font-size:6px!important}}