.navbar-root[data-astro-cid-c75fxstf]{z-index:50;background-color:var(--color-navbar-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-hairline);width:100%;height:64px;position:sticky;top:0}.navbar-inner[data-astro-cid-c75fxstf]{max-width:var(--container-page);height:64px;padding-inline:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-inline:auto;display:flex}.navbar-logo[data-astro-cid-c75fxstf]{align-items:center;gap:var(--spacing-xs);color:var(--color-ink);flex-shrink:0;text-decoration:none;display:flex}.navbar-logo-text[data-astro-cid-c75fxstf]{font-family:var(--font-sans);letter-spacing:-.3px;font-size:14px;font-weight:600}.navbar-links[data-astro-cid-c75fxstf]{align-items:center;gap:2px;display:flex}.navbar-actions[data-astro-cid-c75fxstf]{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.nav-icon-btn[data-astro-cid-c75fxstf]{width:32px;height:32px;color:var(--color-body);border-radius:var(--radius-full);justify-content:center;align-items:center;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.nav-icon-btn[data-astro-cid-c75fxstf]:hover{color:var(--color-ink);background-color:var(--color-canvas-soft-2)}.nav-hamburger[data-astro-cid-c75fxstf]{width:32px;height:32px;color:var(--color-body);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:none}.nav-hamburger[data-astro-cid-c75fxstf]:hover{color:var(--color-ink);background-color:var(--color-canvas-soft-2)}.mobile-menu[data-astro-cid-c75fxstf]{background-color:var(--color-canvas);border-bottom:1px solid var(--color-hairline);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);box-shadow:var(--shadow-4);display:none;position:absolute;top:64px;left:0;right:0}.mobile-menu[data-astro-cid-c75fxstf].open{display:block}.mobile-nav[data-astro-cid-c75fxstf]{flex-direction:column;gap:2px;display:flex}.mobile-nav-link[data-astro-cid-c75fxstf]{padding:var(--spacing-sm);color:var(--color-body);border-radius:var(--radius-sm);font-size:15px;font-weight:400;text-decoration:none;transition:background-color .15s,color .15s;display:block}.mobile-nav-link[data-astro-cid-c75fxstf]:hover{background-color:var(--color-canvas-soft-2);color:var(--color-ink)}@media (width<=768px){.navbar-links[data-astro-cid-c75fxstf]{display:none}.nav-hamburger[data-astro-cid-c75fxstf]{display:inline-flex}}.lang-select-pill[data-astro-cid-c75fxstf]{font-family:var(--font-sans);color:var(--color-body);background-color:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:var(--radius-pill-sm);cursor:pointer;outline:none;padding:3px 6px;font-size:11px;font-weight:500;transition:color .15s,border-color .15s,background-color .15s}.lang-select-pill[data-astro-cid-c75fxstf]:hover{color:var(--color-ink);border-color:var(--color-hairline-strong);background-color:var(--color-canvas)}.footer-root[data-astro-cid-jo6i4kqk]{background-color:var(--color-canvas);margin-top:auto}.footer-inner[data-astro-cid-jo6i4kqk]{gap:var(--spacing-4xl);max-width:var(--container-page);padding:var(--spacing-4xl) var(--spacing-lg);grid-template-columns:2fr 1fr 1fr 1fr;margin-inline:auto;display:grid}.footer-brand[data-astro-cid-jo6i4kqk]{gap:var(--spacing-md);flex-direction:column;display:flex}.footer-logo[data-astro-cid-jo6i4kqk]{align-items:center;gap:var(--spacing-xs);color:var(--color-ink);text-decoration:none;display:inline-flex}.footer-logo-text[data-astro-cid-jo6i4kqk]{font-family:var(--font-sans);letter-spacing:-.3px;font-size:14px;font-weight:600}.footer-tagline[data-astro-cid-jo6i4kqk]{font-family:var(--font-sans);color:var(--color-body);margin:0;font-size:13px;line-height:20px}.footer-col[data-astro-cid-jo6i4kqk]{gap:var(--spacing-sm);flex-direction:column;display:flex}.footer-col-heading[data-astro-cid-jo6i4kqk]{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink);margin-bottom:var(--spacing-xxs);font-size:11px;font-weight:400}.footer-links[data-astro-cid-jo6i4kqk]{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-link[data-astro-cid-jo6i4kqk]{font-family:var(--font-sans);color:var(--color-body);font-size:13px;font-weight:400;text-decoration:none;transition:color .15s}.footer-link[data-astro-cid-jo6i4kqk]:hover{color:var(--color-ink)}.footer-bottom[data-astro-cid-jo6i4kqk]{justify-content:space-between;align-items:center;gap:var(--spacing-md);max-width:var(--container-page);padding:var(--spacing-lg);border-top:1px solid var(--color-hairline);margin-inline:auto;display:flex}.footer-copy[data-astro-cid-jo6i4kqk]{font-family:var(--font-sans);color:var(--color-mute);font-size:12px}@media (width<=960px){.footer-inner[data-astro-cid-jo6i4kqk]{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.footer-brand[data-astro-cid-jo6i4kqk]{grid-column:1/-1}}@media (width<=600px){.footer-inner[data-astro-cid-jo6i4kqk]{grid-template-columns:1fr}.footer-bottom[data-astro-cid-jo6i4kqk]{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}}:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--color-ink:#171717;--color-on-primary:#fff;--color-body:#4d4d4d;--color-mute:#888;--color-hairline:#ebebeb;--color-hairline-strong:#a1a1a1;--color-canvas:#fff;--color-canvas-soft:#fafafa;--color-canvas-soft-2:#f5f5f5;--color-link:#0070f3;--color-link-deep:#0761d1;--color-link-bg-soft:#d3e5ff;--color-navbar-bg:#ffffffd9;--color-success:#0070f3;--color-error:#e00;--color-error-soft:#f7d4d6;--color-error-deep:#c50000;--color-warning:#f5a623;--color-warning-soft:#ffefcf;--color-warning-deep:#ab570a;--color-violet:#7928ca;--color-violet-soft:#d8ccf1;--color-cyan:#50e3c2;--color-cyan-soft:#aaffec;--color-highlight-pink:#ff0080;--color-grad-develop-start:#007cf0;--color-grad-develop-end:#00dfd8;--color-grad-preview-start:#7928ca;--color-grad-preview-end:#ff0080;--color-grad-ship-start:#ff4d4d;--color-grad-ship-end:#f9cb28;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:48px;--spacing-4xl:64px;--spacing-5xl:96px;--spacing-6xl:128px;--spacing-section:192px;--radius-none:0px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill-sm:64px;--radius-pill:100px;--radius-full:9999px;--shadow-1:0 0 0 1px #00000014;--shadow-2:0px 1px 1px #00000005, 0px 2px 2px #0000000a, 0 0 0 1px #00000014;--shadow-3:0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a, 0 0 0 1px #00000014;--shadow-4:0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000f, 0 0 0 1px #00000014;--shadow-5:0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f, 0 0 0 1px #00000014;--container-page:1400px}html[data-theme=dark]{--color-ink:#ededed;--color-on-primary:#000;--color-body:#8f8f8f;--color-mute:#666;--color-hairline:#333;--color-hairline-strong:#444;--color-canvas:#0a0a0a;--color-canvas-soft:#000;--color-canvas-soft-2:#111;--color-link:#0070f3;--color-link-deep:#3291ff;--color-link-bg-soft:#00295c;--color-navbar-bg:#0a0a0ad9;--color-success:#0070f3;--color-error:#f33;--color-error-soft:#3a0a0a;--color-error-deep:#f55;--color-warning:#f5a623;--color-warning-soft:#302000;--color-warning-deep:#f7b955;--shadow-1:0 0 0 1px #ffffff1a;--shadow-2:0px 1px 2px #0006, 0 0 0 1px #ffffff1a;--shadow-3:0px 4px 8px #00000080, 0 0 0 1px #ffffff1a;--shadow-4:0px 8px 16px #0009, 0 0 0 1px #ffffff1a;--shadow-5:0px 12px 24px #000000b3, 0 0 0 1px #ffffff1a}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background-color:var(--color-canvas-soft);color:var(--color-ink);font-size:16px;line-height:1.5}body{background-color:var(--color-canvas-soft);min-height:100vh;margin:0}::selection{background-color:var(--color-ink);color:#f2f2f2}.display-xl{font-family:var(--font-sans);letter-spacing:-2.4px;font-size:48px;font-weight:600;line-height:48px}.display-lg{font-family:var(--font-sans);letter-spacing:-1.28px;font-size:32px;font-weight:600;line-height:40px}.display-md{font-family:var(--font-sans);letter-spacing:-.96px;font-size:24px;font-weight:600;line-height:32px}.display-sm{font-family:var(--font-sans);letter-spacing:-.6px;font-size:20px;font-weight:600;line-height:28px}.body-lg{font-family:var(--font-sans);font-size:18px;font-weight:400;line-height:28px}.body-md{font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:24px}.body-sm{font-family:var(--font-sans);letter-spacing:-.28px;font-size:14px;font-weight:400;line-height:20px}.body-sm-strong{font-family:var(--font-sans);letter-spacing:-.28px;font-size:14px;font-weight:500;line-height:20px}.caption{font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:16px}.caption-mono{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:400;line-height:16px}.code-text{font-family:var(--font-mono);font-size:13px;font-weight:400;line-height:20px}.container-page{width:100%;max-width:var(--container-page);padding-inline:var(--spacing-lg);margin-inline:auto}.hairline-border{border:1px solid var(--color-hairline)}.btn-primary{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);background-color:var(--color-ink);height:40px;color:var(--color-on-primary);font-family:var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-primary:active{opacity:1;transform:translateY(0)}.btn-secondary{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);background-color:var(--color-canvas);height:40px;color:var(--color-ink);font-family:var(--font-sans);border-radius:var(--radius-pill);border:1px solid var(--color-hairline);cursor:pointer;white-space:nowrap;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;transition:border-color .15s,transform .1s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-hairline-strong);transform:translateY(-1px)}.btn-sm{height:32px;padding:0 var(--spacing-xs);font-size:14px;font-weight:500}.card{background-color:var(--color-canvas);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-2)}.card-lg{background-color:var(--color-canvas);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-3)}.card-soft{background-color:var(--color-canvas-soft);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-1)}.form-input{width:100%;height:40px;padding:0 var(--spacing-sm);background-color:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);font-family:var(--font-sans);outline:none;font-size:14px;line-height:20px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--color-ink);box-shadow:0 0 0 2px #1717171a}.form-input::placeholder{color:var(--color-mute)}.form-input-lg{height:48px;padding:0 var(--spacing-md);font-size:16px}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:36px}.nav-link{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-body);font-family:var(--font-sans);letter-spacing:-.28px;border-radius:var(--radius-full);align-items:center;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.nav-link:hover{background-color:var(--color-canvas-soft-2);color:var(--color-ink)}.nav-cta{padding:0 var(--spacing-xs);background-color:var(--color-ink);height:28px;color:var(--color-on-primary);font-family:var(--font-sans);border-radius:var(--radius-sm);align-items:center;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.nav-cta:hover{opacity:.85}.badge{align-items:center;gap:var(--spacing-xxs);padding:0 var(--spacing-xs);background-color:var(--color-canvas-soft-2);height:24px;color:var(--color-body);font-family:var(--font-sans);border-radius:var(--radius-full);font-size:12px;font-weight:400;display:inline-flex}.badge-blue{background-color:var(--color-link-bg-soft);color:var(--color-link-deep)}.tab-pill{padding:0 var(--spacing-md);height:36px;color:var(--color-body);font-family:var(--font-sans);border-radius:var(--radius-pill-sm);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;font-size:14px;font-weight:400;transition:background-color .15s,color .15s;display:inline-flex}.tab-pill:hover{background-color:var(--color-canvas-soft-2);color:var(--color-ink)}.tab-pill.active{background-color:var(--color-canvas);color:var(--color-ink);box-shadow:var(--shadow-2);font-weight:500}.copy-btn{width:28px;height:28px;color:var(--color-mute);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.copy-btn:hover{color:var(--color-ink);background-color:var(--color-canvas-soft-2);border-color:var(--color-hairline)}.copy-btn.copied{color:var(--color-success);border-color:#0000}.mesh-gradient{pointer-events:none;z-index:0;background:radial-gradient(80% 80% at 50% -20%,#007cf01f 0%,#0000 60%),radial-gradient(60% 60% at 80% 20%,#7928ca14 0%,#0000 60%),radial-gradient(70% 70% at 20% 40%,#00dfd812 0%,#0000 60%),radial-gradient(50% 50% at 60% 80%,#ff00800d 0%,#0000 60%);position:absolute;inset:0}.collapsible-content{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid;overflow:hidden}.collapsible-content.open{grid-template-rows:1fr}.collapsible-inner{overflow:hidden}.binary-octet{gap:2px;display:flex}.binary-bit{width:18px;height:24px;font-family:var(--font-mono);border-radius:3px;justify-content:center;align-items:center;font-size:13px;font-weight:400;transition:background-color .2s,color .2s;display:inline-flex}.binary-bit.network{color:var(--color-link-deep);background-color:#0070f31f}.binary-bit.host{background-color:var(--color-canvas-soft-2);color:var(--color-mute)}.result-field{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-hairline);display:flex}.result-field:last-child{border-bottom:none}.result-label{font-family:var(--font-sans);color:var(--color-mute);white-space:nowrap;min-width:140px;padding-top:2px;font-size:12px;font-weight:400}.result-value{font-family:var(--font-mono);color:var(--color-ink);word-break:break-all;flex:1;font-size:13px;font-weight:400}.subnet-table{border-collapse:collapse;width:100%;font-family:var(--font-sans);font-size:13px}.subnet-table thead th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-mute);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-canvas-soft);text-align:left;border-bottom:1px solid var(--color-hairline);font-size:11px;font-weight:400}.subnet-table tbody td{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-hairline);color:var(--color-ink);font-family:var(--font-mono);font-size:12px}.subnet-table tbody tr:hover{background-color:var(--color-canvas-soft)}.subnet-table tbody tr:last-child td{border-bottom:none}.tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.tooltip{background-color:var(--color-ink);color:var(--color-on-primary);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;z-index:100;white-space:normal;text-align:center;max-width:200px;padding:6px 10px;font-size:12px;line-height:16px;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip{opacity:1}.input-error{border-color:var(--color-error)!important}.error-message{color:var(--color-error);margin-top:4px;font-size:12px}.section-divider{border:none;border-top:1px solid var(--color-hairline);margin:0}@media (width<=768px){.binary-bit{width:14px;height:20px;font-size:11px}}body{flex-direction:column;min-height:100vh;display:flex}#main-content[data-astro-cid-ju4pidww]{flex:1}