.NetworkMechanic-module__IBETZa__stage{background:radial-gradient(circle,#12334a 0,#0000 68%),linear-gradient(#16304455 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#16304455 1px,#0000 1px) 0 0/24px 24px,#0a1929;border:1px solid #27465c;border-radius:18px;place-items:center;min-height:208px;padding:22px 18px 18px;display:grid;position:relative;overflow:hidden}.NetworkMechanic-module__IBETZa__stage>div{width:min(100%,690px)}.NetworkMechanic-module__IBETZa__sceneFoot{color:#a7bfd0;text-align:center;width:100%;margin-top:17px;font-size:12px;line-height:1.5}.NetworkMechanic-module__IBETZa__sceneFoot strong{color:#e0faff}.NetworkMechanic-module__IBETZa__endpoint,.NetworkMechanic-module__IBETZa__response{color:#d6f7fb;text-align:center;flex:none;place-items:center;gap:7px;font-size:12px;font-weight:600;display:grid}.NetworkMechanic-module__IBETZa__endpoint svg,.NetworkMechanic-module__IBETZa__response svg{color:#9ee9f2;background:#123b4b;border:1px solid #46bacd;border-radius:11px;width:39px;height:39px;padding:8px}.NetworkMechanic-module__IBETZa__linkScene,.NetworkMechanic-module__IBETZa__loadScene{justify-content:center;align-items:center;display:flex}.NetworkMechanic-module__IBETZa__linkScene,.NetworkMechanic-module__IBETZa__loadScene,.NetworkMechanic-module__IBETZa__frameScene{flex-wrap:wrap}.NetworkMechanic-module__IBETZa__endpoint{width:90px}.NetworkMechanic-module__IBETZa__track{background:#538195;flex:1;min-width:45px;max-width:260px;height:2px;margin:-22px 2px 0;position:relative}.NetworkMechanic-module__IBETZa__signal{width:100%;position:absolute;inset:0}.NetworkMechanic-module__IBETZa__signal:after{content:"";background:#a5f3fc;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:0;box-shadow:0 0 14px 5px #22d3ee88}.NetworkMechanic-module__IBETZa__okDot{background:#67e8f9;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #67e8f9}.NetworkMechanic-module__IBETZa__exchange{gap:14px;display:grid}.NetworkMechanic-module__IBETZa__exchangeDiagram{justify-content:center;align-items:center;gap:10px;min-height:83px;display:flex}.NetworkMechanic-module__IBETZa__flowNode{z-index:1;color:#e0faff;text-align:center;flex:none;place-items:center;gap:5px;width:98px;font-size:12px;font-weight:600;display:grid;position:relative}.NetworkMechanic-module__IBETZa__flowNode svg{color:#a5f3fc;background:#123b4b;border:1px solid #58bdce;border-radius:12px;width:42px;height:42px;padding:9px}.NetworkMechanic-module__IBETZa__flowNode small{color:#80a9b9;font:9px ui-monospace,monospace}.NetworkMechanic-module__IBETZa__flowLane{text-align:center;flex:1;gap:7px;min-width:70px;display:grid}.NetworkMechanic-module__IBETZa__flowLabel{color:#fde68a;font:11px ui-monospace,monospace}.NetworkMechanic-module__IBETZa__flowTrack{background:#5b7f90;height:2px;display:block;position:relative}.NetworkMechanic-module__IBETZa__flowContext{color:#9ab0c0;font-size:10px}.NetworkMechanic-module__IBETZa__flowOut,.NetworkMechanic-module__IBETZa__flowBack{width:100%;display:block;position:absolute;inset:0}.NetworkMechanic-module__IBETZa__flowOut:after,.NetworkMechanic-module__IBETZa__flowBack:after{content:"";background:#fde68a;border-radius:50%;width:11px;height:11px;position:absolute;top:-5px;left:0;box-shadow:0 0 13px 4px #fbbf2480}.NetworkMechanic-module__IBETZa__flowOut:after{background:#a5f3fc;box-shadow:0 0 13px 4px #22d3ee80}.NetworkMechanic-module__IBETZa__messageCard,.NetworkMechanic-module__IBETZa__dnsVisual{color:#fff3c4;background:linear-gradient(125deg,#4c3517,#2b2d2d);border:1px solid #b68a3d;border-radius:10px;gap:5px;padding:11px 13px;display:grid}.NetworkMechanic-module__IBETZa__messageCard strong,.NetworkMechanic-module__IBETZa__dnsVisual strong{font-size:16px;line-height:1.25}.NetworkMechanic-module__IBETZa__messageNumber{color:#fcd790;letter-spacing:.08em;font:10px ui-monospace,monospace}.NetworkMechanic-module__IBETZa__messageRoute,.NetworkMechanic-module__IBETZa__dnsVisual small{color:#e6d4af;font-size:11px}.NetworkMechanic-module__IBETZa__messageRoute span,.NetworkMechanic-module__IBETZa__visualArrow{color:#7ce7f4}.NetworkMechanic-module__IBETZa__messageOutbound{--packet-start:-18px}.NetworkMechanic-module__IBETZa__messageInbound{--packet-start:18px}.NetworkMechanic-module__IBETZa__exchangeCopy{border-top:1px solid #315064;min-height:68px;padding-top:10px}.NetworkMechanic-module__IBETZa__exchangeCopy strong{color:#f1fbff;font-size:15px}.NetworkMechanic-module__IBETZa__exchangeCopy p{color:#b5c9d6;margin-top:4px;font-size:13px;line-height:1.5}.NetworkMechanic-module__IBETZa__settingsHeading{color:#9ab0c0;letter-spacing:.08em;justify-content:space-between;gap:8px;font:10px ui-monospace,monospace;display:flex}.NetworkMechanic-module__IBETZa__settingsHeading strong{color:#fde68a}.NetworkMechanic-module__IBETZa__settings{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.NetworkMechanic-module__IBETZa__settings>div{background:#10283a;border:1px solid #34576c;border-radius:8px;gap:3px;padding:8px;display:grid}.NetworkMechanic-module__IBETZa__settings span{color:#9ab0c0;font:10px ui-monospace,monospace}.NetworkMechanic-module__IBETZa__settings strong{overflow-wrap:anywhere;color:#e0faff;font:11px ui-monospace,monospace}.NetworkMechanic-module__IBETZa__settingsReady>div{background:#103b3f;border-color:#4cc4ba}.NetworkMechanic-module__IBETZa__phaseChoices{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.NetworkMechanic-module__IBETZa__phaseChoices button{color:#c4d5e3;cursor:pointer;background:#102338;border:1px solid #49687a;border-radius:8px;min-height:44px;font-size:11px;font-weight:700}.NetworkMechanic-module__IBETZa__phaseChoices button[aria-pressed=true]{color:#fff;background:#15536a;border-color:#67e8f9}.NetworkMechanic-module__IBETZa__phaseChoices button:focus-visible{outline-offset:2px;outline:2px solid #67e8f9}.NetworkMechanic-module__IBETZa__dnsDiagram{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;min-height:156px;display:grid;position:relative}.NetworkMechanic-module__IBETZa__addressBar{color:#b4cdd8;background:#10283a;border:1px solid #4a7181;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;font-size:10px;display:flex}.NetworkMechanic-module__IBETZa__addressBar strong{color:#e2f8ff;background:#071b2c;border:1px solid #4a7181;border-radius:5px;flex:1;padding:4px 8px;font:12px ui-monospace,monospace}.NetworkMechanic-module__IBETZa__dnsDiagram .NetworkMechanic-module__IBETZa__flowNode{width:100%}.NetworkMechanic-module__IBETZa__dnsRail{background:#5b7f90;width:68%;height:2px;position:absolute;top:21px;left:16%}.NetworkMechanic-module__IBETZa__dnsTravel{z-index:2;height:2px;position:absolute;top:21px}.NetworkMechanic-module__IBETZa__dimNode{opacity:.45}.NetworkMechanic-module__IBETZa__lookupSource{color:#d7f4f7;background:#142d3e;border:1px solid #54758a;border-radius:8px;align-items:center;gap:7px;width:max-content;max-width:90%;padding:7px 10px;font-size:11px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%)}.NetworkMechanic-module__IBETZa__lookupSource:before{content:"";background:#54758a;width:1px;height:23px;position:absolute;bottom:100%;left:50%}.NetworkMechanic-module__IBETZa__lookupActive{background:#144254;border-color:#67e8f9;box-shadow:0 0 18px #22d3ee44}.NetworkMechanic-module__IBETZa__lookupActive:after{content:"";background:#67e8f9;border-radius:50%;width:8px;height:8px;position:absolute;bottom:calc(100% + 5px);left:calc(50% - 4px);box-shadow:0 0 10px #22d3ee}.NetworkMechanic-module__IBETZa__lookupSource svg{color:#67e8f9;width:15px;height:15px}.NetworkMechanic-module__IBETZa__dnsVisual{min-height:74px}.NetworkMechanic-module__IBETZa__dnsVisual strong{overflow-wrap:anywhere;font-family:ui-monospace,monospace}.NetworkMechanic-module__IBETZa__lookupSteps{flex-wrap:wrap;gap:5px;display:flex}.NetworkMechanic-module__IBETZa__lookupSteps span{border:1px solid #e2b866;border-radius:5px;padding:5px 7px;font:11px ui-monospace,monospace}.NetworkMechanic-module__IBETZa__frameScene{justify-content:center;align-items:center;gap:8px;display:flex}.NetworkMechanic-module__IBETZa__frameCard{color:#e0faff;background:#123b4b;border:1px solid #4ecadd;border-radius:11px;flex:1;gap:6px;min-width:120px;max-width:240px;padding:11px;font-size:11px;display:grid}.NetworkMechanic-module__IBETZa__secondFrame{background:#29233f;border-color:#a78bfa}.NetworkMechanic-module__IBETZa__frameTag{color:#9ee9f2;letter-spacing:.05em;font:9px ui-monospace,monospace}.NetworkMechanic-module__IBETZa__secondFrame .NetworkMechanic-module__IBETZa__frameTag{color:#d8c9ff}.NetworkMechanic-module__IBETZa__packetCore{white-space:nowrap;background:#07111f;border:1px solid #e0faff55;border-radius:5px;padding:7px;font:10px ui-monospace,monospace;display:block}.NetworkMechanic-module__IBETZa__routerGate{color:#fbbf24;flex:none;place-items:center;gap:4px;font:9px ui-monospace,monospace;display:grid}.NetworkMechanic-module__IBETZa__routerGate svg{width:23px;height:23px}.NetworkMechanic-module__IBETZa__loadScene{gap:15px}.NetworkMechanic-module__IBETZa__response{width:73px}.NetworkMechanic-module__IBETZa__browserWindow{background:#d7e9ef;border:1px solid #6aa3b7;border-radius:9px;width:min(210px,70%);overflow:hidden}.NetworkMechanic-module__IBETZa__browserChrome{background:#24475a;align-items:center;gap:4px;height:23px;padding:0 8px;display:flex}.NetworkMechanic-module__IBETZa__browserChrome i{background:#9cd4e1;border-radius:50%;width:5px;height:5px}.NetworkMechanic-module__IBETZa__browserChrome span{color:#d4edf1;margin-left:8px;font:10px ui-monospace,monospace}.NetworkMechanic-module__IBETZa__browserBody{gap:7px;padding:14px;display:grid}.NetworkMechanic-module__IBETZa__browserLine{color:#0a2433;background:#8bbccc;border-radius:4px;height:19px;padding:1px 8px;font:11px ui-monospace,monospace;display:block}.NetworkMechanic-module__IBETZa__browserLine:nth-child(2){background:#b2d3dd;width:82%}.NetworkMechanic-module__IBETZa__browserLine:nth-child(3){background:#67c4d6;width:64%}@media (prefers-reduced-motion:no-preference){.NetworkMechanic-module__IBETZa__signal{animation:1.2s linear 2 NetworkMechanic-module__IBETZa__signalTravel}.NetworkMechanic-module__IBETZa__flowOut{animation:1.25s linear both NetworkMechanic-module__IBETZa__flowOut}.NetworkMechanic-module__IBETZa__flowBack{animation:1.25s linear both NetworkMechanic-module__IBETZa__flowBack}.NetworkMechanic-module__IBETZa__messageCard{animation:.5s cubic-bezier(.22,1,.36,1) both NetworkMechanic-module__IBETZa__packetTravel}.NetworkMechanic-module__IBETZa__dnsVisual{animation:.42s cubic-bezier(.22,1,.36,1) both NetworkMechanic-module__IBETZa__packetReveal}.NetworkMechanic-module__IBETZa__lookupActive:after{animation:1.25s ease-in-out 2 NetworkMechanic-module__IBETZa__resolverProbe}.NetworkMechanic-module__IBETZa__settingsReady>div{animation:.45s cubic-bezier(.22,1,.36,1) both NetworkMechanic-module__IBETZa__settingsUnlock}.NetworkMechanic-module__IBETZa__settingsReady>div:nth-child(2){animation-delay:.12s}.NetworkMechanic-module__IBETZa__settingsReady>div:nth-child(3){animation-delay:.24s}.NetworkMechanic-module__IBETZa__settingsReady>div:nth-child(4){animation-delay:.36s}.NetworkMechanic-module__IBETZa__firstFrame{animation:2.4s linear both NetworkMechanic-module__IBETZa__firstWrapper}.NetworkMechanic-module__IBETZa__secondFrame{animation:2.4s linear both NetworkMechanic-module__IBETZa__nextWrapper}.NetworkMechanic-module__IBETZa__browserLine{animation:.55s cubic-bezier(.23,1,.32,1) both NetworkMechanic-module__IBETZa__lineAppear}.NetworkMechanic-module__IBETZa__browserLine:nth-child(2){animation-delay:.45s}.NetworkMechanic-module__IBETZa__browserLine:nth-child(3){animation-delay:.9s}}@keyframes NetworkMechanic-module__IBETZa__signalTravel{0%{opacity:0;transform:translate(0)}15%,85%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes NetworkMechanic-module__IBETZa__flowOut{0%{opacity:0;transform:translate(0)}15%,85%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes NetworkMechanic-module__IBETZa__flowBack{0%{opacity:0;transform:translate(100%)}15%,85%{opacity:1}to{opacity:0;transform:translate(0)}}@keyframes NetworkMechanic-module__IBETZa__firstWrapper{0%,38%{opacity:1}62%,to{opacity:.5}}@keyframes NetworkMechanic-module__IBETZa__nextWrapper{0%,38%{opacity:.5}62%,to{opacity:1}}@keyframes NetworkMechanic-module__IBETZa__lineAppear{0%{opacity:.2;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes NetworkMechanic-module__IBETZa__packetReveal{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes NetworkMechanic-module__IBETZa__packetTravel{0%{transform:translateX(var(--packet-start))scale(.97);opacity:0}to{opacity:1;transform:translate(0)scale(1)}}@keyframes NetworkMechanic-module__IBETZa__resolverProbe{0%{opacity:0;transform:translateY(-22px)}30%,70%{opacity:1}to{opacity:0;transform:translateY(0)}}@keyframes NetworkMechanic-module__IBETZa__settingsUnlock{0%{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:420px){.NetworkMechanic-module__IBETZa__stage{padding-left:12px;padding-right:12px}.NetworkMechanic-module__IBETZa__endpoint{width:73px}.NetworkMechanic-module__IBETZa__flowNode{width:74px;font-size:10px}.NetworkMechanic-module__IBETZa__flowLabel{font-size:10px}.NetworkMechanic-module__IBETZa__settings{grid-template-columns:repeat(2,minmax(0,1fr))}.NetworkMechanic-module__IBETZa__phaseChoices button{font-size:10px}.NetworkMechanic-module__IBETZa__frameScene{place-items:center;gap:9px;display:grid}.NetworkMechanic-module__IBETZa__frameCard{width:100%;max-width:none;padding:10px;font-size:12px}.NetworkMechanic-module__IBETZa__frameTag{font-size:10px}.NetworkMechanic-module__IBETZa__packetCore{padding:7px;font-size:10px}.NetworkMechanic-module__IBETZa__routerGate{gap:8px;display:flex}.NetworkMechanic-module__IBETZa__routerGate svg{width:18px;height:18px}.NetworkMechanic-module__IBETZa__frameScene .NetworkMechanic-module__IBETZa__sceneFoot{margin-top:4px}}