.jn-attn{--attn-from:var(--grad-ai-from);--attn-to:var(--grad-ai-to);--attn-wave:8s;--attn-step:calc(var(--attn-wave) * .085);--attn-mesh-o:.15;--attn-fire-o:.9;--attn-edge:hsl(var(--primary));--attn-node:hsl(var(--primary) / .9);--attn-halo:hsl(var(--primary) / .1);--ic-ink:hsl(var(--primary) / .92);--ic-soft:hsl(var(--primary) / .38);--ic-fill:hsl(var(--primary) / .16);--ic-accent:var(--attn-to);--ic-bg:hsl(var(--bg-surface) / .72);--ic-glass:hsl(var(--bg-surface) / .9);--ic-term:#121b31eb;--ic-hot:#eb4d47;--ic-sun:#fac02e;animation:.8s cubic-bezier(.22,1,.36,1) backwards jn-attn-enter}.jn-attn--full{--attn-from:hsl(var(--sk-nebula-cyan));--attn-to:hsl(var(--sk-nebula-violet));--attn-wave:5.5s;--attn-mesh-o:.2;--ic-ink:hsl(var(--sk-nebula-cyan) / .92);--ic-soft:hsl(var(--sk-nebula-cyan) / .42);--ic-fill:hsl(var(--sk-nebula-cyan) / .14);--ic-accent:hsl(var(--sk-nebula-violet));--ic-bg:#0e1120c7;--ic-glass:#c3f6fdf2;--ic-term:#0a0d1aeb;--attn-scan-dur:7.5s}.jn-attn-stage{aspect-ratio:1440/220;width:98.6%;max-width:1920px;min-height:128px;transform:scale(1.068)}.jn-attn-svg{-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}@keyframes jn-attn-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.jn-attn-halo{fill:url(#jn-attn-halo-g);transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite jn-attn-halo}@keyframes jn-attn-halo{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.jn-attn-net-edge{stroke:var(--attn-edge);stroke-width:1px;opacity:var(--attn-mesh-o)}.jn-attn--full .jn-attn-net-edge{stroke:hsl(var(--sk-nebula-cyan))}.jn-attn-net-fire{fill:none;stroke:var(--attn-to);stroke-width:1.75px;stroke-linecap:round;stroke-dasharray:18 82;stroke-dashoffset:18px;opacity:0;animation:jn-attn-net-fire var(--attn-wave) linear infinite;animation-delay:calc(var(--attn-step) * var(--l,0) + var(--attn-wave) * .008 * var(--j,0))}.jn-attn--full .jn-attn-net-fire{stroke:hsl(var(--sk-nebula-cyan))}.jn-attn--full .jn-attn-net-fire--alt{stroke:hsl(var(--sk-nebula-violet))}@keyframes jn-attn-net-fire{0%{stroke-dashoffset:18px;opacity:0}1%{opacity:var(--attn-fire-o)}9%{opacity:var(--attn-fire-o)}10%,to{stroke-dashoffset:-100px;opacity:0}}.jn-attn-net-glow{fill:var(--attn-halo)}.jn-attn--full .jn-attn-net-glow{fill:hsl(var(--sk-nebula-cyan) / .14)}.jn-attn-net-node{fill:var(--attn-node);opacity:.75;transform-box:fill-box;transform-origin:50%;animation:jn-attn-net-node var(--attn-wave) ease-out infinite;animation-delay:calc(var(--attn-step) * var(--l,0) - var(--attn-step) + var(--attn-wave) * .09)}.jn-attn--full .jn-attn-net-node{fill:hsl(var(--sk-nebula-cyan) / .95)}@keyframes jn-attn-net-node{0%{opacity:.75;transform:scale(1)}3%{opacity:1;transform:scale(1.45)}10%,to{opacity:.75;transform:scale(1)}}.jn-attn-scan{fill:url(#jn-attn-scan-g);opacity:0;animation:jn-attn-scan var(--attn-scan-dur,7.5s) linear infinite}@keyframes jn-attn-scan{0%{opacity:0;transform:translate(0)}6%{opacity:.5}94%{opacity:.5}to{opacity:0;transform:translate(1600px)}}.jn-attn-ticks{background-image:repeating-linear-gradient(90deg, hsl(var(--sk-nebula-cyan) / .4) 0 1px, transparent 1px 48px)}.jn-attn-port{aspect-ratio:1;pointer-events:auto;width:clamp(50px,4.35%,76px);transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-50%)}.jn-attn-port:hover{transform:translate(-50%,-50%)scale(1.22)}.jn-attn-port-disc{border:1.5px solid var(--ic-soft);background:var(--ic-bg);width:100%;height:100%;box-shadow:0 2px 12px hsl(var(--primary) / .1);animation:jn-attn-portwave var(--attn-wave) cubic-bezier(.33, 1, .68, 1) infinite;animation-delay:calc(var(--attn-step) * var(--l,0) - var(--attn-step) + var(--attn-wave) * .09);border-radius:9999px}.jn-attn--full .jn-attn-port-disc{box-shadow:0 0 14px hsl(var(--sk-nebula-cyan) / .18)}@keyframes jn-attn-portwave{0%{transform:scale(1)}4%{transform:scale(1.34)}9%{transform:scale(1.34)rotate(-3deg)}14%{transform:scale(1.34)rotate(3deg)}19%{transform:scale(1.34)rotate(-2deg)}24%{transform:scale(1.34)rotate(1.2deg)}28%{transform:scale(1.34)rotate(0)}30%{transform:scale(1.34)}38%,to{transform:scale(1)}}.jn-attn-port-disc:after{content:"";border:1.5px solid var(--ic-soft);box-shadow:0 0 20px 5px var(--ic-fill), inset 0 0 12px var(--ic-fill);opacity:0;animation:jn-attn-portglow var(--attn-wave) ease-out infinite;animation-delay:calc(var(--attn-step) * var(--l,0) - var(--attn-step) + var(--attn-wave) * .09);border-radius:9999px;position:absolute;inset:-4px}@keyframes jn-attn-portglow{0%{opacity:0}4%{opacity:1}30%{opacity:1}38%,to{opacity:0}}.jn-attn-port-tip{opacity:0;white-space:nowrap;border:1px solid var(--ic-soft);background:var(--ic-bg);color:hsl(var(--text-default));pointer-events:none;border-radius:9999px;padding:3px 11px;font-size:12px;line-height:1.7;transition:opacity .3s,transform .3s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-6px)}.jn-attn--full .jn-attn-port-tip{color:hsl(var(--sk-nebula-cyan));letter-spacing:.08em;background:#0e1120e6}.jn-attn-port--tipl .jn-attn-port-tip{left:auto;right:calc(100% + 10px);transform:translateY(-50%)translate(6px)}.jn-attn-port:hover .jn-attn-port-tip{opacity:1;transform:translateY(-50%)translate(0)}@media (min-width:1024px){.jn-attn-hub-fb{display:none}}.jn-attn-port-art{width:30px;height:30px;display:block;transform:scale(1.42)}.jn-attn-ic{width:30px;height:30px;display:block;position:relative}.jn-attn-ic i{display:block;position:absolute}.jn-attn-ic--img{border-radius:5px;overflow:hidden}.ic-img-sky{border:1.5px solid var(--ic-ink);background:linear-gradient(160deg, var(--ic-fill), transparent 70%);border-radius:4px;inset:2px}.ic-img-sun{background:var(--ic-sun);border-radius:9999px;width:6px;height:6px;animation:4s ease-in-out infinite jn-attn-bob;top:6px;right:7px}.ic-img-mtn{background:var(--ic-ink);opacity:.85;clip-path:polygon(0 100%,34% 12%,55% 62%,72% 30%,100% 100%);height:11px;bottom:4px;left:4px;right:4px}.ic-img-shine{opacity:0;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:8px;height:42px;animation:3.6s ease-in-out infinite jn-attn-shine;top:-6px;left:2px}@keyframes jn-attn-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes jn-attn-shine{0%{opacity:0;transform:translate(-14px)rotate(18deg)}12%{opacity:1}45%,to{opacity:0;transform:translate(38px)rotate(18deg)}}.jn-attn-ic--claw{animation:3.8s ease-in-out infinite jn-attn-bob}.ic-claw-svg{width:100%;height:100%;position:absolute;inset:0}.cl-part{fill:url(#jn-attn-claw-g)}.cl-ant{fill:none;stroke:var(--ic-ink);stroke-width:3px;stroke-linecap:round;transform-box:fill-box}.cl-ant--l{transform-origin:100% 100%;animation:2.8s ease-in-out infinite alternate jn-attn-ant-sway}.cl-ant--r{transform-origin:0 100%;animation:2.8s ease-in-out infinite alternate-reverse jn-attn-ant-sway}@keyframes jn-attn-ant-sway{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.cl-eyes circle{fill:#060913}.cl-eyes .cl-pupil{fill:#00e5cc}.cl-claw{transform-box:fill-box}.cl-claw--l{transform-origin:85% 55%;animation:1.6s ease-in-out infinite alternate jn-attn-claw-wag}.cl-claw--r{transform-origin:15% 55%;animation:1.6s ease-in-out infinite alternate-reverse jn-attn-claw-wag}@keyframes jn-attn-claw-wag{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}.cl-eyes{transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite jn-attn-robblink}.jn-attn-ic--cam{transform-origin:50% 70%;animation:5s ease-in-out infinite jn-attn-campan}@keyframes jn-attn-campan{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.ic-cam-reel{border:1.5px solid var(--ic-ink);border-radius:9999px;width:10px;height:10px;animation:2.6s linear infinite jn-attn-spin;top:2px}.ic-cam-reel--a{left:4px}.ic-cam-reel--b{animation-duration:3.4s;left:13px}.ic-cam-reel:before{content:"";background:var(--ic-soft);width:1.5px;margin-left:-.75px;position:absolute;top:0;bottom:0;left:50%}.ic-cam-body{background:var(--ic-ink);border-radius:3px;width:18px;height:12px;top:13px;left:3px}.ic-cam-lens{background:var(--ic-ink);clip-path:polygon(0 30%,100% 0,100% 100%,0 70%);width:7px;height:8px;top:15px;left:21px}.ic-cam-rec{background:var(--ic-hot);border-radius:9999px;width:3.5px;height:3.5px;animation:1.6s step-end infinite jn-attn-blink;top:16px;left:6px}@keyframes jn-attn-spin{to{transform:rotate(360deg)}}@keyframes jn-attn-blink{0%,to{opacity:1}55%{opacity:.15}}.ic-mus-bar{background:linear-gradient(180deg, var(--ic-accent), var(--ic-ink));transform-origin:bottom;border-radius:2px;width:3px;height:14px;animation:1.1s ease-in-out infinite alternate jn-attn-eq;bottom:5px}.ic-mus-bar:first-child{animation-delay:-.2s;left:5px}.ic-mus-bar:nth-child(2){animation-delay:-.6s;left:10px}.ic-mus-bar:nth-child(3){animation-delay:-.9s;left:15px}.ic-mus-bar:nth-child(4){animation-delay:-.4s;left:20px}@keyframes jn-attn-eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.ic-mus-note{color:var(--ic-ink);font-size:11px;font-style:normal;line-height:1;animation:2.6s ease-in-out infinite jn-attn-notefloat;top:1px;right:2px}@keyframes jn-attn-notefloat{0%{opacity:0;transform:translateY(5px)}30%,70%{opacity:1}to{opacity:0;transform:translateY(-5px)}}.ic-code-win{border:1px solid var(--ic-soft);background:var(--ic-term);border-radius:4px;inset:3px 1px;overflow:hidden}.ic-code-win:before{content:"";background:var(--ic-hot);width:2.5px;height:2.5px;box-shadow:4.5px 0 0 var(--ic-sun), 9px 0 0 #47d175;border-radius:9999px;position:absolute;top:3px;left:4px}.ic-code-line{background:var(--ic-accent);transform-origin:0;border-radius:1px;height:2px;left:4px}.ic-code-line--1{width:16px;animation:6s steps(7,end) infinite jn-attn-type1;top:10px}.ic-code-line--2{background:var(--ic-glass);width:11px;animation:6s steps(5,end) infinite jn-attn-type2;top:14px}.ic-code-line--3{width:14px;animation:6s steps(6,end) infinite jn-attn-type3;top:18px}@keyframes jn-attn-type1{0%,3%{transform:scaleX(0)}20%,90%{transform:scaleX(1)}94%,to{transform:scaleX(0)}}@keyframes jn-attn-type2{0%,24%{transform:scaleX(0)}42%,90%{transform:scaleX(1)}94%,to{transform:scaleX(0)}}@keyframes jn-attn-type3{0%,46%{transform:scaleX(0)}66%,90%{transform:scaleX(1)}94%,to{transform:scaleX(0)}}.ic-code-caret{background:var(--ic-ink);width:3px;height:2.5px;animation:1s step-end infinite jn-attn-blink;top:22px;left:4px}.jn-attn-ic--car{overflow:hidden}.ic-car-road{background-image:repeating-linear-gradient(90deg, var(--ic-soft) 0 4px, transparent 4px 8px);width:40px;height:1.5px;animation:.6s linear infinite jn-attn-roadrun;bottom:4px;left:-1px}@keyframes jn-attn-roadrun{to{transform:translate(-8px)}}.ic-car-rig{animation:4.5s ease-in-out infinite jn-attn-carsway;inset:0}@keyframes jn-attn-carsway{0%,to{transform:translate(-2.5px)}50%{transform:translate(2.5px)}}.ic-car-body{background:var(--ic-ink);border-radius:3.5px;width:24px;height:7px;bottom:8px;left:3px}.ic-car-body:before{content:"";background:var(--ic-ink);border-radius:4px 5px 0 0;width:13px;height:7px;position:absolute;top:-5px;left:5px}.ic-car-body:after{content:"";background:var(--ic-glass);width:4px;height:3.5px;box-shadow:5px 0 0 var(--ic-glass);border-radius:1px;position:absolute;top:-3.5px;left:7px}.ic-car-wheel{background:var(--ic-ink);border-radius:9999px;width:6.5px;height:6.5px;animation:.9s linear infinite jn-attn-spin;bottom:4.5px}.ic-car-wheel:before{content:"";background:var(--ic-glass);border-radius:1px;width:1.5px;height:2px;margin-left:-.75px;position:absolute;top:1px;left:50%}.ic-car-wheel--f{left:6px}.ic-car-wheel--r{left:18px}.ic-rob-rig{transform-origin:50% 85%;animation:2.4s ease-in-out infinite jn-attn-robrock;inset:0}@keyframes jn-attn-robrock{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.ic-rob-head{background:var(--ic-ink);border-radius:3px;width:12px;height:9px;top:3px;left:9px}.ic-rob-head:before{content:"";background:var(--ic-ink);width:1.5px;height:4px;margin-left:-.75px;position:absolute;top:-4px;left:50%}.ic-rob-head:after{content:"";background:var(--ic-hot);border-radius:9999px;width:3px;height:3px;margin-left:-1.5px;animation:2.2s step-end infinite jn-attn-blink;position:absolute;top:-6.5px;left:50%}.ic-rob-eye{background:var(--ic-glass);border-radius:1px;width:2.5px;height:3px;animation:3.4s ease-in-out infinite jn-attn-robblink;top:3px}.ic-rob-eye--l{left:2.5px}.ic-rob-eye--r{right:2.5px}@keyframes jn-attn-robblink{0%,90%,96%,to{transform:scaleY(1)}93%{transform:scaleY(.12)}}.ic-rob-body{background:var(--ic-ink);border-radius:3px;width:14px;height:10px;top:13px;left:8px}.ic-rob-arm{background:var(--ic-ink);transform-origin:50% 1.5px;border-radius:2px;width:3px;height:9px;top:13.5px}.ic-rob-arm--l{animation:1.2s ease-in-out infinite alternate jn-attn-armswing;left:4px}.ic-rob-arm--r{animation:1.2s ease-in-out infinite alternate-reverse jn-attn-armswing;right:4px}@keyframes jn-attn-armswing{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}.ic-rob-leg{background:var(--ic-ink);border-radius:0 0 2px 2px;width:3.5px;height:5px;top:23px}.ic-rob-leg--l{left:11px}.ic-rob-leg--r{left:16px}.ic-dog-rig{animation:3.2s ease-in-out infinite jn-attn-doghop;inset:0}@keyframes jn-attn-doghop{0%,58%,78%,to{transform:translateY(0)}66%{transform:translateY(-5px)}84%{transform:translateY(-1px)}}.ic-dog-body{background:var(--ic-ink);border-radius:3px;width:16px;height:7px;top:12px;left:6px}.ic-dog-head{background:var(--ic-ink);border-radius:2px;width:7px;height:6.5px;top:7px;left:19px}.ic-dog-head:before{content:"";background:var(--ic-ink);width:2px;height:2px;position:absolute;top:-2px;left:1px}.ic-dog-head:after{content:"";background:var(--ic-accent);border-radius:9999px;width:2px;height:2px;position:absolute;top:2px;right:1.5px}.ic-dog-tail{background:var(--ic-ink);transform-origin:bottom;border-radius:2px;width:2px;height:6px;animation:.9s ease-in-out infinite alternate jn-attn-tailwag;top:9px;left:3.5px}@keyframes jn-attn-tailwag{0%{transform:rotate(-18deg)}to{transform:rotate(14deg)}}.ic-dog-leg{background:var(--ic-ink);transform-origin:top;border-radius:2px;width:2.5px;height:7px;top:18px}.ic-dog-leg--1{animation:.8s ease-in-out infinite alternate jn-attn-gait;left:7px}.ic-dog-leg--2{animation:.8s ease-in-out infinite alternate-reverse jn-attn-gait;left:11px}.ic-dog-leg--3{animation:.8s ease-in-out infinite alternate-reverse jn-attn-gait;left:16px}.ic-dog-leg--4{animation:.8s ease-in-out infinite alternate jn-attn-gait;left:20px}@keyframes jn-attn-gait{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}:root[data-skin=classic][data-theme=dark] .jn-attn{--attn-mesh-o:.22}@media (prefers-color-scheme:dark){:root[data-skin=classic]:not([data-theme=light]) .jn-attn{--attn-mesh-o:.22}}.jn-attn-port--img{--pc:32 92% 56%;--pc2:12 88% 62%}.jn-attn-port--music{--pc:265 78% 66%;--pc2:292 72% 66%}.jn-attn-port--cam{--pc:340 78% 62%;--pc2:12 84% 64%}.jn-attn-port--claw{--pc:190 88% 44%;--pc2:165 72% 45%}.jn-attn-port--code{--pc:214 88% 58%;--pc2:245 78% 66%}.jn-attn-port--car{--pc:158 68% 44%;--pc2:190 82% 46%}.jn-attn-port--robot{--pc:245 80% 66%;--pc2:214 88% 60%}.jn-attn-port--dog{--pc:96 58% 46%;--pc2:45 88% 54%}.jn-attn-net-edge[data-l="0"],.jn-attn-net-fire[data-l="0"],.jn-attn-net-node[data-l="0"],.jn-attn-net-glow[data-l="0"]{--lc:32 90% 58%}.jn-attn-net-edge[data-l="1"],.jn-attn-net-fire[data-l="1"],.jn-attn-net-node[data-l="1"],.jn-attn-net-glow[data-l="1"]{--lc:340 78% 64%}.jn-attn-net-edge[data-l="2"],.jn-attn-net-fire[data-l="2"],.jn-attn-net-node[data-l="2"],.jn-attn-net-glow[data-l="2"]{--lc:265 78% 68%}.jn-attn-net-edge[data-l="3"],.jn-attn-net-fire[data-l="3"],.jn-attn-net-node[data-l="3"],.jn-attn-net-glow[data-l="3"]{--lc:214 90% 60%}.jn-attn-net-edge[data-l="4"],.jn-attn-net-fire[data-l="4"],.jn-attn-net-node[data-l="4"],.jn-attn-net-glow[data-l="4"]{--lc:188 88% 48%}.jn-attn-net-edge[data-l="5"],.jn-attn-net-fire[data-l="5"],.jn-attn-net-node[data-l="5"],.jn-attn-net-glow[data-l="5"]{--lc:158 66% 46%}.jn-attn-net-edge[data-l="6"],.jn-attn-net-node[data-l="6"],.jn-attn-net-glow[data-l="6"]{--lc:96 56% 48%}:root[data-skin=classic][data-theme=light] .jn-attn{--attn-mesh-o:.26;--attn-from:#3187f6;--attn-to:#16c7f3;--attn-edge:#63a4ee;--attn-node:#4299f0;--attn-halo:#47aaf524;--ic-glass:#fbfdfe;--ic-term:#296bae;--ic-hot:#ee594f;--ic-sun:#f7b83b}:root[data-skin=classic][data-theme=light] .jn-attn-net-edge[data-l]{stroke:hsl(var(--lc) / .85)}:root[data-skin=classic][data-theme=light] .jn-attn-net-fire[data-l]{stroke:hsl(var(--lc))}:root[data-skin=classic][data-theme=light] .jn-attn-net-node[data-l]{fill:hsl(var(--lc))}:root[data-skin=classic][data-theme=light] .jn-attn-net-glow[data-l]{fill:hsl(var(--lc) / .16)}:root[data-skin=classic][data-theme=light] .jn-attn-port{--ic-ink:hsl(var(--pc));--ic-soft:hsl(var(--pc) / .5);--ic-fill:hsl(var(--pc) / .2);--ic-accent:hsl(var(--pc2));--ic-bg:hsl(var(--pc) / .08);--ic-term:hsl(var(--pc) / .85)}@media (prefers-color-scheme:light){:root[data-skin=classic]:not([data-theme=dark]) .jn-attn{--attn-mesh-o:.26;--attn-from:#3187f6;--attn-to:#16c7f3;--attn-edge:#63a4ee;--attn-node:#4299f0;--attn-halo:#47aaf524;--ic-glass:#fbfdfe;--ic-term:#296bae;--ic-hot:#ee594f;--ic-sun:#f7b83b}:root[data-skin=classic]:not([data-theme=dark]) .jn-attn-net-edge[data-l]{stroke:hsl(var(--lc) / .85)}:root[data-skin=classic]:not([data-theme=dark]) .jn-attn-net-fire[data-l]{stroke:hsl(var(--lc))}:root[data-skin=classic]:not([data-theme=dark]) .jn-attn-net-node[data-l]{fill:hsl(var(--lc))}:root[data-skin=classic]:not([data-theme=dark]) .jn-attn-net-glow[data-l]{fill:hsl(var(--lc) / .16)}:root[data-skin=classic]:not([data-theme=dark]) .jn-attn-port{--ic-ink:hsl(var(--pc));--ic-soft:hsl(var(--pc) / .5);--ic-fill:hsl(var(--pc) / .2);--ic-accent:hsl(var(--pc2));--ic-bg:hsl(var(--pc) / .08);--ic-term:hsl(var(--pc) / .85)}}@media (prefers-reduced-motion:reduce){.jn-attn,.jn-attn *{animation:none!important}}