.inp-wrap,.inp-wrap *{box-sizing:border-box;margin:0;padding:0}.inp-wrap{font-family:var(--inp-fb);font-size:var(--inp-fs);line-height:var(--inp-lh);color:var(--inp-text);background:var(--inp-bg);border:1px solid var(--inp-border);border-radius:var(--inp-radius);overflow:hidden;position:relative}.inp-wrap:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.015) 2px,rgba(0,212,255,.015) 4px);pointer-events:none;z-index:0}.inp-header{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;position:relative;z-index:1;background:linear-gradient(135deg,rgba(0,212,255,.06) 0%,transparent 60%);border-bottom:1px solid var(--inp-border)}.inp-header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--inp-primary),var(--inp-secondary),transparent 80%)}.inp-header-left{display:flex;align-items:center;gap:14px}.inp-globe{font-size:38px;filter:drop-shadow(0 0 14px var(--inp-primary));animation:inp-orbit 6s linear infinite}@keyframes inp-orbit{0%,100%{filter:drop-shadow(0 0 10px var(--inp-primary))}50%{filter:drop-shadow(0 0 22px var(--inp-secondary))}}.inp-title{font-family:var(--inp-fh);font-size:var(--inp-fsh);font-weight:var(--inp-fwh);color:var(--inp-text);letter-spacing:-.5px;line-height:1.1;background:linear-gradient(135deg,var(--inp-text) 0%,var(--inp-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.inp-sub{font-size:12px;color:var(--inp-muted);margin-top:5px}.inp-header-pills{display:flex;gap:6px;flex-wrap:wrap}.inp-pill{background:var(--inp-tag-bg);color:var(--inp-tag);border:1px solid color-mix(in srgb,var(--inp-tag) 30%,transparent);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;font-family:var(--inp-fh);letter-spacing:.04em}.inp-pill--live{background:rgba(0,255,136,.1);color:var(--inp-accent);border-color:rgba(0,255,136,.3);animation:inp-blink 2s ease-in-out infinite}@keyframes inp-blink{0%,100%{opacity:1}50%{opacity:.5}}.inp-nav{display:flex;gap:2px;padding:0 8px;background:var(--inp-card);border-bottom:1px solid var(--inp-border);overflow-x:auto;position:relative;z-index:1}.inp-ntab{display:flex;align-items:center;gap:6px;padding:12px 18px;background:0 0;border:none;border-bottom:2px solid transparent;color:var(--inp-muted);font-family:var(--inp-fh);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;letter-spacing:.04em}.inp-ntab:hover{color:var(--inp-text)}.inp-ntab.active{color:var(--inp-primary);border-bottom-color:var(--inp-primary);text-shadow:0 0 12px var(--inp-primary)}.inp-main{position:relative;z-index:1}.inp-panel{display:none;padding:24px 28px;animation:inp-fadein .25s ease}.inp-panel.active{display:block}@keyframes inp-fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.inp-panel-head{margin-bottom:22px}.inp-panel-head h2{font-family:var(--inp-fh);font-size:20px;font-weight:700;color:var(--inp-text);margin-bottom:5px}.inp-panel-head p{font-size:13px;color:var(--inp-muted)}.inp-input{width:100%;background:var(--inp-card);border:1px solid var(--inp-border);border-radius:var(--inp-radius);color:var(--inp-text);padding:10px 14px;font-family:var(--inp-fb);font-size:var(--inp-fs);transition:border-color .2s,box-shadow .2s;outline:none}.inp-input:focus{border-color:var(--inp-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--inp-primary) 15%,transparent),0 0 20px color-mix(in srgb,var(--inp-primary) 8%,transparent)}.inp-input::placeholder{color:color-mix(in srgb,var(--inp-muted) 50%,transparent)}.inp-mono{font-family:var(--inp-fb)}.inp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.inp-field-group{display:flex;flex-direction:column;gap:7px}.inp-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--inp-muted);font-family:var(--inp-fh)}.inp-ip-wrap{display:flex;align-items:center;gap:6px}.inp-ip-wrap .inp-input:first-child{flex:1}.inp-slash{color:var(--inp-primary);font-size:20px;font-weight:700;flex-shrink:0}.inp-cidr{width:70px;text-align:center}.inp-quick-cidrs,.inp-examples-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px}.inp-ql{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--inp-muted);font-family:var(--inp-fh);white-space:nowrap}.inp-qc,.inp-example{background:var(--inp-card);border:1px solid var(--inp-border);border-radius:5px;color:var(--inp-muted);padding:4px 10px;font-size:12px;font-family:var(--inp-fb);cursor:pointer;transition:all .15s}.inp-qc:hover,.inp-example:hover{border-color:var(--inp-primary);color:var(--inp-primary)}.inp-calc-btn{display:inline-flex;align-items:center;gap:8px;background:var(--inp-primary);color:var(--inp-btn-text);border:none;border-radius:var(--inp-radius);padding:12px 28px;font-family:var(--inp-fh);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.03em;box-shadow:0 4px 20px color-mix(in srgb,var(--inp-primary) 30%,transparent);margin-top:12px}.inp-calc-btn:hover{transform:translateY(-1px);box-shadow:0 6px 28px color-mix(in srgb,var(--inp-primary) 45%,transparent)}.inp-calc-btn:active{transform:translateY(0)}.inp-calc-btn--sm{padding:9px 18px;font-size:14px;margin-top:0}.inp-act-btn{display:inline-flex;align-items:center;gap:6px;background:var(--inp-card);border:1px solid var(--inp-border);border-radius:7px;color:var(--inp-muted);padding:7px 14px;font-size:12px;font-family:var(--inp-fh);font-weight:600;cursor:pointer;transition:all .2s}.inp-act-btn:hover{border-color:var(--inp-primary);color:var(--inp-primary)}.inp-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.inp-sc-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.inp-input-card,.inp-results-card{background:var(--inp-card);border:1px solid var(--inp-border);border-radius:var(--inp-radius);padding:20px}.inp-results-placeholder{height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--inp-muted);font-size:13px}.inp-results-placeholder div:first-child{font-size:32px;opacity:.3}.inp-results-grid{display:grid;gap:8px}.inp-result-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:color-mix(in srgb,var(--inp-primary) 4%,var(--inp-bg));border:1px solid var(--inp-border);border-radius:6px;gap:12px;transition:border-color .15s}.inp-result-row:hover{border-color:color-mix(in srgb,var(--inp-primary) 40%,var(--inp-border))}.inp-result-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--inp-muted);font-family:var(--inp-fh);white-space:nowrap}.inp-result-val{font-family:var(--inp-fb);font-size:13px;color:var(--inp-primary);text-align:right;word-break:break-all}.inp-result-row.inp-rr--accent .inp-result-val{color:var(--inp-accent)}.inp-result-row.inp-rr--sec .inp-result-val{color:var(--inp-secondary)}.inp-vis-card{background:var(--inp-card);border:1px solid var(--inp-border);border-radius:var(--inp-radius);padding:18px 20px;margin-bottom:14px}.inp-vis-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.inp-vis-head h3{font-family:var(--inp-fh);font-size:14px;font-weight:700;color:var(--inp-text)}.inp-vis-legend{display:flex;gap:14px;font-size:11px;color:var(--inp-muted);font-family:var(--inp-fh)}.inp-vl-n{color:var(--inp-secondary)}.inp-vl-h{color:var(--inp-accent)}.inp-vl-b{color:#ff6b6b}.inp-subnet-bar{height:36px;border-radius:6px;overflow:hidden;display:flex;border:1px solid var(--inp-border);margin-bottom:6px}.inp-bar-network{background:var(--inp-secondary);flex-shrink:0}.inp-bar-hosts{background:var(--inp-accent);flex:1;position:relative}.inp-bar-hosts:after{content:attr(data-label);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:rgba(0,0,0,.7);white-space:nowrap;font-family:var(--inp-fh)}.inp-bar-broadcast{background:#ff6b6b;flex-shrink:0}.inp-bar-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--inp-muted);font-family:var(--inp-fb)}.inp-vlsm-controls{display:flex;align-items:flex-end;gap:12px;margin-bottom:18px;flex-wrap:wrap}.inp-vlsm-subnet-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-bottom:10px;padding:12px;background:var(--inp-card);border:1px solid var(--inp-border);border-radius:7px;animation:inp-fadein .2s ease}.inp-vlsm-del{background:0 0;border:1px solid var(--inp-border);border-radius:6px;color:var(--inp-muted);padding:8px 12px;cursor:pointer;font-size:14px;transition:all .2s}.inp-vlsm-del:hover{border-color:#ef4444;color:#ef4444}.inp-vlsm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.inp-vlsm-head h3{font-family:var(--inp-fh);font-size:15px;font-weight:700;color:var(--inp-text)}.inp-vlsm-summary{font-size:12px;color:var(--inp-accent);font-family:var(--inp-fb)}.inp-vlsm-vis{display:flex;gap:3px;height:28px;border-radius:6px;overflow:hidden;margin-top:14px;border:1px solid var(--inp-border)}.inp-vlsm-vis-seg{display:flex;align-items:center;justify-content:center;font-size:10px;font-family:var(--inp-fh);font-weight:700;overflow:hidden;white-space:nowrap;transition:flex .3s}.inp-table-wrap,.inp-vlsm-table-wrap,.inp-ref-table-wrap{overflow-x:auto;border-radius:var(--inp-radius);border:1px solid var(--inp-border);margin:14px 0}.inp-table{width:100%;border-collapse:collapse;font-family:var(--inp-fb);font-size:12px}.inp-table th{background:var(--inp-card);color:var(--inp-muted);font-family:var(--inp-fh);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;text-align:left;border-bottom:1px solid var(--inp-border);white-space:nowrap}.inp-table td{padding:9px 12px;color:var(--inp-text);border-bottom:1px solid color-mix(in srgb,var(--inp-border) 50%,transparent)}.inp-table tbody tr:hover td{background:color-mix(in srgb,var(--inp-primary) 4%,transparent)}.inp-table tbody tr:last-child td{border-bottom:none}.inp-table td:first-child{color:var(--inp-primary);font-weight:700}.inp-table--compact td,.inp-table--compact th{padding:7px 10px}.inp-overlap-network-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;margin-bottom:10px;padding:12px;background:var(--inp-card);border:1px solid var(--inp-border);border-radius:7px;animation:inp-fadein .2s ease}.inp-net-num{font-family:var(--inp-fh);font-size:13px;font-weight:700;color:var(--inp-primary);padding-bottom:10px}.inp-overlap-controls{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.inp-overlap-matrix{display:grid;gap:10px;margin-top:18px}.inp-overlap-pair{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:1px solid;font-size:13px}.inp-overlap-pair.ok{border-color:rgba(0,255,136,.3);background:rgba(0,255,136,.05)}.inp-overlap-pair.fail{border-color:rgba(255,59,59,.4);background:rgba(255,59,59,.06)}.inp-overlap-icon{font-size:18px;flex-shrink:0}.inp-overlap-nets{font-family:var(--inp-fb);flex:1}.inp-overlap-status{font-family:var(--inp-fh);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.inp-overlap-pair.ok .inp-overlap-status{color:var(--inp-accent)}.inp-overlap-pair.fail .inp-overlap-status{color:#ff3b3b}.inp-overlap-summary{margin-top:14px;padding:12px 16px;border-radius:8px;font-family:var(--inp-fh);font-size:14px;font-weight:700}.inp-overlap-summary.all-ok{background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.3);color:var(--inp-accent)}.inp-overlap-summary.has-fail{background:rgba(255,59,59,.08);border:1px solid rgba(255,59,59,.3);color:#ff6b6b}.inp-cloud-note,.inp-geo-note{margin-top:18px;padding:12px 16px;background:color-mix(in srgb,var(--inp-secondary) 8%,var(--inp-card));border:1px solid color-mix(in srgb,var(--inp-secondary) 30%,var(--inp-border));border-radius:8px;font-size:12px;color:var(--inp-muted);line-height:1.6}.inp-cloud-note strong,.inp-geo-note strong{color:var(--inp-text)}.inp-wc-layout{display:grid;grid-template-columns:360px 1fr;gap:20px}.inp-wc-input{display:flex;flex-direction:column;gap:12px}.inp-wc-quick{display:flex;flex-wrap:wrap;gap:5px}.inp-wc-usage{margin-top:12px;padding:12px;background:var(--inp-card);border:1px solid var(--inp-border);border-radius:7px;font-size:12px;color:var(--inp-muted);line-height:1.7}.inp-ref-card{margin-top:22px;padding:18px 20px;background:var(--inp-card);border:1px solid var(--inp-border);border-radius:var(--inp-radius)}.inp-ref-card h3{font-family:var(--inp-fh);font-size:14px;font-weight:700;color:var(--inp-text);margin-bottom:10px}.inp-ipv6-examples{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;align-items:center}.inp-ipv6-results{margin-top:18px}.inp-ipv6-expand{margin-top:14px;padding:16px;background:var(--inp-card);border:1px solid var(--inp-border);border-radius:8px;font-family:var(--inp-fb);font-size:13px;color:var(--inp-muted);word-break:break-all;line-height:2}.inp-ipv6-expand strong{color:var(--inp-primary)}.inp-geo-input{display:flex;gap:10px;align-items:flex-end;margin-bottom:18px;flex-wrap:wrap}.inp-geo-input .inp-input{max-width:340px;margin:0}.inp-geo-input .inp-calc-btn{margin:0}.inp-geo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:14px}.inp-geo-item{background:var(--inp-card);border:1px solid var(--inp-border);border-radius:8px;padding:12px 14px}.inp-geo-item-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--inp-muted);margin-bottom:5px;font-family:var(--inp-fh)}.inp-geo-item-val{font-size:14px;color:var(--inp-primary);font-family:var(--inp-fb)}.inp-geo-map-note{font-size:12px;color:var(--inp-muted);margin-top:10px}.inp-geo-map-note a{color:var(--inp-secondary)}.inp-cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inp-cs-card{background:var(--inp-card);border:1px solid var(--inp-border);border-radius:var(--inp-radius);padding:18px 20px}.inp-cs-card h3{font-family:var(--inp-fh);font-size:14px;font-weight:700;color:var(--inp-text);margin-bottom:12px}.inp-cs-note{font-size:11px;color:var(--inp-muted);margin-top:6px}.inp-seo-footer{position:relative;z-index:1;padding:32px 28px;background:color-mix(in srgb,var(--inp-card) 60%,var(--inp-bg));border-top:1px solid var(--inp-border)}.inp-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.inp-seo-block h2{font-family:var(--inp-fh);font-size:16px;font-weight:700;color:var(--inp-text);margin-bottom:10px}.inp-seo-block p{font-size:13px;color:var(--inp-muted);line-height:1.7;margin-bottom:8px}.inp-seo-block strong{color:var(--inp-text)}.inp-faq{margin-top:16px}.inp-faq h2{font-family:var(--inp-fh);font-size:20px;font-weight:700;color:var(--inp-text);margin-bottom:16px}.inp-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inp-faq-item{background:var(--inp-card);border:1px solid var(--inp-border);border-radius:8px;overflow:hidden}.inp-faq-q{padding:13px 16px;font-family:var(--inp-fh);font-size:14px;font-weight:700;color:var(--inp-text);cursor:pointer;border-bottom:1px solid var(--inp-border);transition:color .2s}.inp-faq-q:hover{color:var(--inp-primary)}.inp-faq-a{padding:13px 16px;font-size:13px;color:var(--inp-muted);line-height:1.7}.inp-wrap ::-webkit-scrollbar{width:5px;height:5px}.inp-wrap ::-webkit-scrollbar-track{background:0 0}.inp-wrap ::-webkit-scrollbar-thumb{background:var(--inp-border);border-radius:3px}@media (max-width:900px){.inp-sc-layout{grid-template-columns:1fr}.inp-cs-grid{grid-template-columns:1fr}.inp-seo-grid{grid-template-columns:1fr}.inp-faq-grid{grid-template-columns:1fr}.inp-wc-layout{grid-template-columns:1fr}.inp-field-row{grid-template-columns:1fr}.inp-header{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:600px){.inp-panel{padding:16px}.inp-header{padding:18px 16px}.inp-vlsm-subnet-row{grid-template-columns:1fr}.inp-overlap-network-row{grid-template-columns:1fr}.inp-geo-input{flex-direction:column}}.inp-credit{text-align:center;padding:12px 20px;font-size:11px;color:var(--inp-muted);border-top:1px solid var(--inp-border);font-family:var(--inp-fh);letter-spacing:.05em;position:relative;z-index:1;opacity:.6;transition:opacity .2s}.inp-credit:hover{opacity:1}.inp-credit a{color:var(--inp-primary);text-decoration:none}.inp-credit a:hover{text-decoration:underline}