.nx-page{isolation:isolate;min-height:100dvh;padding:var(--space-12) var(--space-4);background:var(--bg);place-items:center;display:grid;position:relative;overflow:hidden}.nx-grid{z-index:-1;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:40px 40px;animation:24s linear infinite nx-drift;position:absolute;inset:-40px;-webkit-mask-image:radial-gradient(#000 10%,#0000 70%);mask-image:radial-gradient(#000 10%,#0000 70%)}.nx-grid:after{content:"";background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 45%);position:absolute;inset:0}.nx-shell{justify-items:center;gap:var(--space-6);text-align:center;width:min(560px,100%);display:grid}.nx-brand{animation:nx-rise .6s var(--ease) both}.nx-code{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:-.04em;gap:.04em;font-size:clamp(5.5rem,22vw,9.5rem);font-weight:700;line-height:1;display:flex}.nx-code span{background:linear-gradient(180deg, var(--ink), color-mix(in srgb, var(--ink) 35%, transparent));color:#0000;animation:nx-rise .7s var(--ease) both;-webkit-background-clip:text;background-clip:text}.nx-code span:nth-child(2){animation-delay:80ms}.nx-code span:nth-child(3){animation-delay:.16s}.nx-code .nx-zero{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));animation:nx-rise .7s 80ms var(--ease) both, nx-glitch 4s 2.4s steps(1) infinite;-webkit-background-clip:text;background-clip:text;position:relative}.nx-chain{justify-content:center;align-items:center;gap:var(--space-2) 0;font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-caption);color:var(--muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nx-chain li{opacity:.35;animation:nx-hop .35s calc(.5s + var(--i) * .28s) var(--ease) forwards;align-items:center;gap:6px;display:flex}.nx-chain li+li:before{content:"";background:linear-gradient(90deg, var(--border-strong), var(--accent));width:22px;height:1px;margin:0 8px 0 2px}.nx-node{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.nx-chain li:not(.nx-fail){--hop:var(--accent)}.nx-chain .nx-fail{--hop:var(--red)}.nx-chain .nx-fail:before{background:repeating-linear-gradient(90deg, var(--red) 0 4px, transparent 4px 7px)}.nx-terminal{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-dialog);width:100%;box-shadow:var(--shadow-overlay);animation:nx-rise .6s .3s var(--ease) both;overflow:hidden}.nx-terminal-bar{border-bottom:1px solid var(--border);background:var(--surface-soft);gap:6px;padding:10px 12px;display:flex}.nx-terminal-bar i{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.nx-terminal pre{padding:var(--space-4);font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-caption);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:0;line-height:1.8}.nx-prompt{color:var(--accent)}.nx-query{color:var(--amber)}.nx-dim{color:var(--muted)}.nx-status{color:var(--red);opacity:0;font-weight:600;animation:.2s 2s forwards nx-fade}.nx-cursor{vertical-align:text-bottom;background:var(--ink);width:.6em;height:1.1em;animation:1s step-end infinite nx-blink;display:inline-block}.nx-title{font-size:var(--text-section);animation:nx-rise .6s .45s var(--ease) both;font-weight:600;line-height:1.5}.nx-actions{justify-content:center;gap:var(--space-3);animation:nx-rise .6s .55s var(--ease) both;flex-wrap:wrap;display:flex}@keyframes nx-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes nx-fade{to{opacity:1}}@keyframes nx-blink{50%{opacity:0}}@keyframes nx-drift{to{transform:translate(40px,40px)}}@keyframes nx-hop{to{opacity:1;color:var(--hop)}}.nx-chain li .nx-node{animation:nx-node .35s calc(.5s + var(--i) * .28s) var(--ease) forwards}@keyframes nx-node{50%{transform:scale(1.6)}to{background:var(--hop);box-shadow:0 0 0 4px color-mix(in srgb, var(--hop) 20%, transparent)}}@keyframes nx-glitch{0%,to{text-shadow:none;transform:none}2%{transform:translate(-3px,1px)skew(-6deg)}4%{transform:translate(3px,-1px)}6%{transform:none}}@media (max-width:520px){.nx-chain{font-size:var(--text-micro)}.nx-chain li{gap:4px}.nx-chain li+li:before{width:10px;margin:0 4px 0 2px}}@property --ttl{syntax:"<integer>";inherits:false;initial-value:0}.nx-ttl{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--amber) 14%, transparent), transparent 42%), var(--bg)}.ttl-dial{aspect-ratio:1;width:220px;animation:nx-rise .6s .1s var(--ease) both, ttl-shake .45s 3.3s;place-items:center;display:grid;position:relative}.ttl-dial svg{position:absolute;inset:0;transform:rotate(-90deg)}.ttl-track,.ttl-ring{fill:none;stroke-width:5px}.ttl-track{stroke:var(--border)}.ttl-ring{stroke:var(--amber);stroke-linecap:round;stroke-dasharray:100;animation:3s cubic-bezier(.6,0,.4,1) .3s forwards ttl-drain}.ttl-count,.ttl-code{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:-.03em;grid-area:1/1;font-size:3.25rem;font-weight:700}.ttl-count{--ttl:3600;counter-reset:ttl var(--ttl);color:var(--ink);animation:3s cubic-bezier(.6,0,.4,1) .3s forwards ttl-count,.25s 3.3s forwards nx-out}.ttl-count:after{content:counter(ttl)}.ttl-code{color:var(--red);opacity:0;animation:.5s cubic-bezier(.3,1.6,.5,1) 3.4s forwards ttl-pop;transform:scale(.6)}.ttl-dial small{color:var(--muted);font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-small);letter-spacing:.2em;position:absolute;top:66%}.ttl-record{color:var(--muted);font-size:var(--text-caption);overflow-wrap:anywhere;animation:nx-rise .6s .3s var(--ease) both}.ttl-record span{color:var(--ink)}.ttl-record s{color:var(--red);opacity:0;animation:.3s 3.4s forwards nx-fade}@keyframes ttl-drain{80%{stroke:var(--amber)}95%{stroke-opacity:1}to{stroke-dashoffset:100px;stroke:var(--red);stroke-opacity:0}}@keyframes ttl-count{to{--ttl:0}}@keyframes ttl-pop{to{opacity:1;transform:none}}@keyframes ttl-shake{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes nx-out{to{opacity:0;filter:blur(4px);transform:scale(1.3)}}.nx-packet{background:radial-gradient(var(--border-strong) 1px, transparent 1.5px) 0 0 / 22px 22px, var(--bg)}.pk-code{color:var(--accent);gap:.06em;font-size:clamp(5rem,20vw,8.5rem);font-weight:800;line-height:1;display:flex}.pk-code span{animation:pk-drop .9s calc(var(--i) * .12s) cubic-bezier(.3, 1.5, .5, 1) both;display:inline-block}.pk-code span:nth-child(2){color:var(--ink);animation:.9s cubic-bezier(.3,1.5,.5,1) .12s both pk-drop,2.4s ease-in-out 1.2s infinite pk-wobble}.pk-wire{align-items:center;gap:var(--space-3);width:min(440px,100%);animation:nx-rise .6s .4s var(--ease) both;display:flex}.pk-host{border:1px solid var(--border-strong);background:var(--panel);font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-caption);border-radius:999px;flex-shrink:0;padding:6px 14px}.pk-host-missing{border-style:dashed;border-color:color-mix(in srgb, var(--red) 55%, var(--border));color:var(--red);animation:1.2s step-end infinite pk-blink}.pk-line{background:repeating-linear-gradient(90deg, var(--border-strong) 0 6px, transparent 6px 10px);flex:1;height:2px;position:relative}.pk-gap{background:var(--bg);width:40px;height:14px;position:absolute;top:-6px;left:50%;translate:-50%}.pk-packet{background:var(--accent);width:12px;height:12px;box-shadow:0 0 14px var(--accent);border-radius:3px;animation:2.6s 1s infinite both pk-send;position:absolute;top:-5px;left:0}@keyframes pk-blink{50%{opacity:.35}}@keyframes pk-drop{0%{opacity:0;transform:translateY(-80px)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes pk-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes pk-send{0%{opacity:0;animation-timing-function:cubic-bezier(.4,0,.6,1);left:0;transform:none}8%{opacity:1}50%{opacity:1;animation-timing-function:cubic-bezier(.5,0,1,.5);left:calc(50% - 6px);transform:none}80%,to{opacity:0;left:calc(50% - 6px);transform:translateY(80px)rotate(200deg)}}.nx-zone{background:linear-gradient(var(--accent), var(--accent)) top / 100% 4px no-repeat, var(--bg)}.nx-zone .nx-shell{width:min(760px,100%)}.zf{align-items:center;gap:var(--space-8);text-align:left;grid-template-columns:auto 1fr;width:100%;display:grid}.zf-code{letter-spacing:-.03em;color:#0000;-webkit-text-stroke:2px var(--ink);background:linear-gradient(var(--ink), var(--ink)) left / 0 100% no-repeat;-webkit-background-clip:text;background-clip:text;padding:0 .06em;font-size:clamp(5.5rem,18vw,10rem);font-weight:800;line-height:.9;animation:1.1s cubic-bezier(.7,0,.2,1) 2.6s forwards zf-fill}.zf-file{padding:var(--space-4) var(--space-5);border-left:4px solid var(--accent);background:var(--panel);font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-caption);white-space:pre;gap:2px;margin:0;line-height:1.9;display:grid;overflow:hidden}.zf-row{clip-path:inset(0 100% 0 0);animation:zf-type .45s calc(.2s + var(--i) * .35s) steps(18) forwards;grid-template-columns:9ch 5ch 1fr;display:grid;position:relative}.zf-row b{text-overflow:ellipsis;font-weight:600;overflow:hidden}.zf-row em{color:var(--accent);font-style:normal}.zf-comment{color:var(--muted);display:block}.zf-missing,.zf-missing em{color:var(--red)}.zf-missing:after{content:"";background:var(--red);transform-origin:0;height:2px;animation:zf-strike .4s 2.4s var(--ease) forwards;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}@keyframes zf-type{to{clip-path:inset(0)}}@keyframes zf-strike{to{transform:scaleX(1)}}@keyframes zf-fill{to{background-size:100% 100%}}@media (max-width:640px){.zf{justify-items:center;gap:var(--space-5);grid-template-columns:1fr}.zf-file{width:100%}}.nx-radar{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--green) 12%, transparent), transparent 50%), var(--bg)}.rd-scope{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--green) 50%, var(--border));background:linear-gradient(color-mix(in srgb, var(--green) 25%, transparent), color-mix(in srgb, var(--green) 25%, transparent)) center / 1px 100% no-repeat, linear-gradient(color-mix(in srgb, var(--green) 25%, transparent), color-mix(in srgb, var(--green) 25%, transparent)) center / 100% 1px no-repeat, repeating-radial-gradient(circle, transparent 0 32px, color-mix(in srgb, var(--green) 28%, transparent) 32px 33px), color-mix(in srgb, var(--green) 6%, var(--panel));width:min(260px,72vw);animation:rd-on .7s var(--ease) both;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.rd-sweep{background:conic-gradient(from 0deg, transparent 0 280deg, color-mix(in srgb, var(--green) 55%, transparent) 360deg);border-radius:50%;animation:4s linear infinite spin;position:absolute;inset:0}.rd-blip{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);opacity:0;animation:rd-ping 4s calc(.4s + var(--i) * .8s) ease-out infinite;border-radius:50%;margin:-4px;position:absolute}.rd-code{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--panel) 80%, transparent);color:var(--green);font-family:var(--font-mono), ui-monospace, monospace;text-shadow:0 0 12px color-mix(in srgb, var(--green) 60%, transparent);padding:2px 10px;font-size:2.25rem;font-weight:700;animation:3s step-end 1s infinite rd-flicker;position:relative}.rd-readout{color:var(--muted);font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-caption);overflow-wrap:anywhere;animation:nx-rise .6s .3s var(--ease) both}@keyframes rd-on{0%{opacity:0;filter:brightness(2);transform:scale(.4)}to{opacity:1;filter:none;transform:none}}@keyframes rd-ping{0%{opacity:0;transform:scale(.4)}4%{opacity:1;transform:scale(1.4)}40%,to{opacity:0;transform:scale(1)}}@keyframes rd-flicker{0%,to{opacity:1}92%{opacity:.35}94%{opacity:1}96%{opacity:.5}}
