.Toast_container__cn0n2{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:9999;max-width:360px;width:calc(100vw - var(--space-8))}.Toast_toast__ETAwf{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;box-shadow:var(--shadow-md);background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.Toast_enter__KmtxK{animation:Toast_vl-slide-in-right__j0SE8 .2s ease forwards}.Toast_exit___Ue3n{animation:Toast_vl-slide-out-right__7tGvW .2s ease forwards}.Toast_success__381ZX{border-color:rgba(63,185,80,.3);background:var(--color-bg-secondary)}.Toast_error__yxzRP{border-color:rgba(248,81,73,.3)}.Toast_warning__umufs{border-color:rgba(210,153,34,.3)}.Toast_info__yIWQF{border-color:rgba(0,170,255,.25)}.Toast_icon___MpI1{flex-shrink:0}.Toast_success__381ZX .Toast_icon___MpI1{color:var(--color-green)}.Toast_error__yxzRP .Toast_icon___MpI1{color:var(--color-red)}.Toast_warning__umufs .Toast_icon___MpI1{color:var(--color-yellow)}.Toast_info__yIWQF .Toast_icon___MpI1{color:var(--color-blue)}.Toast_message__Yod5_{flex:1 1;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.4}.Toast_close__veDRy{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);color:var(--color-text-tertiary);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.Toast_close__veDRy:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}:root{--vl-v:2;--color-bg-primary:#0D1117;--color-bg-secondary:#161B22;--color-bg-tertiary:#1C2128;--color-bg-hover:#21262D;--color-blue:#00AAFF;--color-blue-dim:#0066AA;--color-blue-glow:rgba(0,170,255,0.15);--color-teal:#00D4AA;--color-teal-dim:#008870;--color-purple:#8B5CF6;--color-purple-dim:#6D3FD8;--color-green:#3FB950;--color-orange:#F0883E;--color-red:#F85149;--color-yellow:#D29922;--color-text-primary:#E6EDF3;--color-text-secondary:#8B949E;--color-text-tertiary:#484F58;--color-border:#30363D;--color-border-bright:rgba(0,170,255,0.25);--font-mono:"JetBrains Mono","Fira Code","Cascadia Code","Courier New",monospace;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.5);--shadow-blue:0 0 0 2px rgba(0,170,255,0.3);--transition-fast:150ms ease;--sidebar-width:240px}[data-theme=light]{--color-bg-primary:#E0E8F2;--color-bg-secondary:#F8FBFF;--color-bg-tertiary:#EEF3F9;--color-bg-hover:#D6E0EC;--color-text-primary:#1A2332;--color-text-secondary:#4A5568;--color-text-tertiary:#8090A8;--color-border:#C0CCD8;--color-border-bright:rgba(0,136,204,0.25);--shadow-sm:0 1px 3px rgba(0,0,0,0.10);--shadow-md:0 4px 12px rgba(0,0,0,0.12);--shadow-blue:0 0 0 2px rgba(0,136,204,0.25);--color-blue-glow:rgba(0,136,204,0.12)}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-cyrillic-ext.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-greek.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-greek-ext.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-vietnamese.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic-ext.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-greek.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-vietnamese.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body,html{font-size:var(--font-size-base)}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;transition:background-color .18s ease,color .18s ease}body:before{content:"";position:absolute;inset:0;z-index:0;background-size:800px 800px;background-repeat:repeat;pointer-events:none;opacity:0}body.pattern-home:before{background-image:url(/bg-pattern-home.svg);opacity:1}body.pattern-page:before{background-image:url(/bg-pattern-page.svg);opacity:1}html{transition:background-color .18s ease}html[data-theme=light] body.pattern-home:before{background-image:url(/bg-pattern-home-light.svg);opacity:1;filter:none}html[data-theme=light] body.pattern-page:before{background-image:url(/bg-pattern-page-light.svg);opacity:1;filter:none}@media (prefers-color-scheme:light){html:not([data-theme=dark]) body.pattern-home:before{background-image:url(/bg-pattern-home-light.svg);opacity:1;filter:none}html:not([data-theme=dark]) body.pattern-page:before{background-image:url(/bg-pattern-page-light.svg);opacity:1;filter:none}}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.3}p{color:var(--color-text-secondary)}a{color:var(--color-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-primary)}.binary,.ip,.mono,.result,[data-mono],code,kbd,pre,samp{font-family:var(--font-mono)!important}button,input,select,textarea{font-family:var(--font-sans);font-size:var(--font-size-base)}button{cursor:pointer;border:none;background:none}input,textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input:focus,textarea:focus{border-color:var(--color-blue);box-shadow:var(--shadow-blue)}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}:focus:not(:focus-visible){outline:none}[role=button],[tabindex],a,button,input{transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}::selection{background:var(--color-blue-glow);color:var(--color-text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-blue-dim)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes vl-spin{to{transform:rotate(1turn)}}@keyframes vl-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes vl-slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes vl-slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes vl-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes vl-ping{0%{transform:scale(1);opacity:.8}to{transform:scale(2.4);opacity:0}}.tool-page{padding:28px 36px;max-width:1100px}@media (max-width:1024px){.tool-page{padding:20px 24px}}@media (max-width:768px){.tool-page{padding:16px 14px;max-width:100%}.results-strip{grid-template-columns:repeat(2,1fr)}}.tool-page h1{font-size:22px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:6px;letter-spacing:-.3px}.tool-desc{color:var(--color-text-secondary);margin-bottom:28px;line-height:1.7}.mono-inline,.tool-desc{font-size:var(--font-size-sm)}.mono-inline{font-family:var(--font-mono);background:var(--color-bg-tertiary);padding:1px 6px;border-radius:var(--radius-sm);color:var(--color-blue)}.input-row{gap:var(--space-4);margin-bottom:28px}.input-row,.lookupRow{display:flex;flex-wrap:wrap;align-items:flex-end;max-width:640px}.lookupRow{gap:var(--space-3);margin-bottom:var(--space-4)}.lookupRow>.mono-input{flex:1 1;width:auto}.lookupRow>.input-group{flex:1 1}.lookupRow>.input-group>.mono-input{width:100%}@media (max-width:600px){.lookupRow{flex-direction:column;align-items:stretch;max-width:100%}}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.mono-input{font-family:var(--font-mono);font-size:14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:8px 12px;height:38px;border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:220px}.mono-input:focus{border-color:var(--color-blue);box-shadow:var(--shadow-blue)}.mono-input::placeholder{color:var(--color-text-tertiary)}.prefix-wrap{display:flex;align-items:center}.prefix-slash{font-family:var(--font-mono);font-size:18px;color:var(--color-blue);padding:0 6px 0 2px;line-height:1}.prefix-wrap .mono-input{width:90px}.error-msg{color:var(--color-red);font-size:var(--font-size-sm);margin-bottom:20px;padding:10px 14px;background:rgba(248,81,73,.08);border:1px solid rgba(248,81,73,.2);border-radius:var(--radius-md)}.results-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-2)}.results-actions{display:flex;justify-content:flex-end;margin-bottom:var(--space-4)}.result-item{background:var(--color-bg-secondary);padding:8px 12px;display:flex;flex-direction:column;gap:3px;min-width:120px}.result-label{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);white-space:nowrap}.result-value{font-family:var(--font-mono);font-size:13px;color:var(--color-text-primary);font-weight:var(--font-weight-medium);white-space:nowrap}.result-value.accent{color:var(--color-blue)}.share-btn{font-size:11px;padding:4px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);transition:border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.share-btn:hover{border-color:var(--color-blue);color:var(--color-blue)}.share-btn.copied{border-color:var(--color-green);color:var(--color-green)}.binary-collapse-row{margin:6px 0 0}.binary-toggle-btn{background:none;border:none;cursor:pointer;font-size:11px;color:var(--color-text-secondary);font-family:var(--font-sans);padding:4px 0;display:flex;align-items:center;gap:6px;transition:color var(--transition-fast)}.binary-toggle-btn:hover{color:var(--color-blue)}.binary-toggle-hint{font-size:10px;color:var(--color-text-secondary);opacity:.6}.binary-section{margin-top:10px}.binary-table{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.binary-row{display:grid;grid-template-columns:158px 1fr;border-bottom:1px solid var(--color-border)}.binary-row:last-of-type{border-bottom:none}.binary-row-label{font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-text-secondary);border-right:1px solid var(--color-border)}.binary-bits,.binary-row-label{letter-spacing:.06em;padding:12px 14px;display:flex;align-items:center}.binary-bits{font-family:var(--font-mono);font-size:13px;gap:2px;flex-wrap:wrap}.bit-octet{display:inline-flex}.bit-sep{color:var(--color-border);margin:0 5px}.net-bit{color:var(--color-blue)}.host-bit{color:var(--color-text-tertiary)}.binary-legend{display:flex;gap:20px;padding:10px 14px;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);font-size:11px}.legend-item{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-dot.net{background:var(--color-blue)}.legend-dot.host{background:var(--color-text-tertiary)}.subnet-tree-section{margin-top:36px}.subnet-mobile-tip{display:none;font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-3)}@media (max-width:768px){.subnet-mobile-tip{display:block}}.subnet-tree-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tree-section-label{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);flex-shrink:0}.tree-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tree-show-label{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.tree-col-toggle{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.tree-col-toggle input{cursor:pointer;accent-color:var(--color-blue)}.tree-col-toggle:hover span{color:var(--color-text-primary)}.tree-hist-btns{display:flex;gap:4px;margin-right:4px}.tree-hist-btn{font-size:15px;padding:3px 10px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);line-height:1.2;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.tree-hist-btn:hover:not(:disabled){background:var(--color-blue-glow);border-color:var(--color-blue);color:var(--color-blue)}.tree-hist-btn:disabled{opacity:.35;cursor:not-allowed}.tree-hist-btn--active{background:var(--color-blue-glow);border-color:var(--color-blue);color:var(--color-blue)}.tree-cloud-btn{font-size:11px;padding:3px 7px;font-family:var(--font-sans)}.tree-reserved-badge{font-size:9px;color:var(--color-text-secondary);margin-left:2px;opacity:.75}.tree-too-small{font-size:10px;color:var(--color-red);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);letter-spacing:.02em}.td-too-small{background:rgba(248,81,73,.06)}.td-notes{padding:2px 6px}.tree-note-input{width:100%;font-size:11px;font-family:var(--font-sans);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-primary);padding:3px 5px;outline:none;transition:border-color var(--transition-fast)}.tree-note-input::placeholder{color:var(--color-text-secondary);opacity:.5}.tree-note-input:hover{border-color:var(--color-border)}.tree-note-input:focus{border-color:var(--color-blue);background:var(--color-bg-tertiary)}.tree-reset-btn{font-size:11px;padding:3px 10px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}.tree-reset-btn:hover{border-color:var(--color-blue);color:var(--color-blue)}.tree-export-btn{font-size:11px;padding:3px 10px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);background:transparent;border:1px solid rgba(63,185,80,.4);color:var(--color-green);transition:border-color var(--transition-fast),background var(--transition-fast)}.tree-export-btn:hover{border-color:var(--color-green);background:rgba(63,185,80,.08)}.subnet-tree-wrap{overflow-x:auto}.subnet-tree-table{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.subnet-tree-table th{font-size:9px;font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:9px 10px;text-align:left;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border)}.subnet-tree-table th:last-child{border-right:none}.th-num{text-align:right;padding-right:12px}.th-center{text-align:center}.subnet-tree-table td{padding:7px 10px;border-bottom:1px solid rgba(48,54,61,.7);border-right:1px solid rgba(48,54,61,.4);font-family:var(--font-mono);font-size:12px;color:var(--color-text-primary);vertical-align:middle}.subnet-tree-table tr:last-child td{border-bottom:none}.td-subnet{color:var(--color-blue);font-weight:var(--font-weight-medium);white-space:nowrap}.td-mono{color:var(--color-text-primary);white-space:nowrap}.td-range{overflow:hidden;padding:5px 10px!important;vertical-align:middle}.range-from{font-size:11px;color:var(--color-text-primary);line-height:1.5}.range-from,.range-to{display:block;font-family:var(--font-mono);white-space:nowrap}.range-to{font-size:10px;color:var(--color-text-secondary);line-height:1.4}.td-num{text-align:right;padding-right:12px;min-width:60px}.td-center{text-align:center;min-width:64px}.divide-action-btn{font-size:11px;font-family:var(--font-sans);padding:2px 9px;border-radius:var(--radius-sm);cursor:pointer;background:transparent;border:1px solid rgba(0,170,255,.4);color:var(--color-blue);transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.divide-action-btn:hover{background:var(--color-blue-glow);border-color:var(--color-blue)}.tree-action-disabled{color:var(--color-border);font-family:var(--font-sans);font-size:11px}.join-cell{background:var(--color-bg-tertiary);padding:0!important;border-right:1px solid var(--color-border)!important;position:relative}.join-cell--joinable{background:rgba(0,170,255,.08);border-left:1px solid rgba(0,170,255,.3)!important;cursor:pointer;transition:background var(--transition-fast)}.join-cell--joinable:hover{background:var(--color-blue-glow)}.join-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-mono);font-size:9px;color:var(--color-blue);opacity:.8;white-space:nowrap;overflow:hidden;line-height:1;pointer-events:none}.not-found{padding-top:60px}.nf-code{font-family:var(--font-mono);font-size:72px;font-weight:var(--font-weight-bold);color:var(--color-border);line-height:1;margin-bottom:16px}.nf-link{display:inline-block;margin-top:20px;font-size:var(--font-size-sm);color:var(--color-blue);text-decoration:none}.nf-link:hover{text-decoration:underline}.ip-loading{display:flex;align-items:center;gap:12px;color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:40px 0}.ip-spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-blue);border-radius:50%;animation:vl-spin .7s linear infinite}.ip-hero{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:28px 32px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.ip-address{font-family:var(--font-mono);font-size:36px;font-weight:var(--font-weight-semibold);color:var(--color-blue);letter-spacing:-.5px;line-height:1}.ip-dual{flex-direction:column}.ip-dual,.ip-dual-row{display:flex;gap:var(--space-3)}.ip-dual-row{align-items:center;flex-wrap:wrap}.ip-address-v4{font-size:28px;color:var(--color-blue);letter-spacing:-.4px;line-height:1}.ip-address-v4,.ip-address-v6{font-family:var(--font-mono);font-weight:var(--font-weight-semibold)}.ip-address-v6{font-size:16px;color:var(--color-teal);letter-spacing:-.2px;line-height:1.3;word-break:break-all}.ip-hero-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ip-type{font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm)}.ip-country{font-size:14px;color:var(--color-text-primary)}.ip-copy-group{display:flex;gap:var(--space-2)}.ip-copy-btn{font-size:11px;padding:4px 12px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);transition:border-color var(--transition-fast),color var(--transition-fast);margin-left:auto}.ip-copy-btn:hover{border-color:var(--color-blue);color:var(--color-blue)}.ip-copy-btn.copied{border-color:var(--color-green);color:var(--color-green)}.ip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px}.ip-field{background:var(--color-bg-secondary);padding:12px 16px;display:flex;flex-direction:column;gap:4px}.ip-field-label{font-size:9px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.ip-field-value{color:var(--color-text-primary);word-break:break-word}.ip-field-value,.ip-field-value.mono{font-size:var(--font-size-sm);overflow-wrap:break-word}.ip-field-value.mono{font-family:var(--font-mono);word-break:break-all}.ip-field-empty{color:var(--color-text-tertiary)}.ip-pills{display:flex;flex-wrap:wrap;gap:8px}.ip-pill{font-size:12px;padding:5px 14px;border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-bg-secondary)}.ip-pill--on{border-color:rgba(0,170,255,.3);color:var(--color-blue);background:var(--color-blue-glow)}.examples-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap}.examples-label{font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);flex-shrink:0}.ex-btn,.examples-label{font-size:var(--font-size-xs)}.ex-btn{font-family:var(--font-mono);padding:3px 9px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.ex-btn:hover{border-color:var(--color-blue);color:var(--color-blue)}.seo-content{margin-top:48px;padding-top:32px;border-top:1px solid var(--color-border);max-width:740px}.seo-content h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-3);margin-top:var(--space-6)}.seo-content h2:first-child{margin-top:0}.seo-content p{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.8;margin-bottom:var(--space-4)}@media (max-width:768px){.mono-input{width:100%}.input-row{flex-direction:column;align-items:stretch}.binary-row{grid-template-columns:100px 1fr}.binary-bits{font-size:11px}.subnet-tree-wrap{overflow-x:auto}.results-strip .result-item{min-width:90px}.tool-page{padding:16px 14px;max-width:100%}}.btn-primary{height:38px;min-width:150px;padding:0 24px;background:var(--color-blue);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:opacity var(--transition-fast)}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{height:38px;padding:0 16px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:400;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:border-color var(--transition-fast)}.btn-secondary:hover{border-color:var(--color-text-secondary)}.btn-danger{height:38px;padding:0 24px;background:var(--color-red);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;flex-shrink:0;align-self:flex-end}