:root,:root[data-theme=light]{color-scheme:light;--bg: #eef3fa;--bg-deep: #e7edf7;--bg-accent: rgba(49, 118, 255, .14);--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .94);--surface-soft: rgba(246, 249, 253, .9);--surface-muted: rgba(240, 244, 250, .84);--panel-main: radial-gradient(circle at top left, rgba(81, 151, 255, .24), transparent 34%), radial-gradient(circle at bottom right, rgba(29, 198, 171, .16), transparent 26%), linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(246, 249, 255, .92));--panel-card: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(245, 248, 252, .9));--border: rgba(16, 24, 40, .08);--border-strong: rgba(16, 24, 40, .14);--text: #162132;--text-soft: #607085;--text-faint: #7b8aa0;--accent: #2968dc;--accent-soft: rgba(41, 104, 220, .11);--accent-strong: rgba(41, 104, 220, .18);--focus: rgba(41, 104, 220, .28);--shadow-lg: 0 28px 64px rgba(18, 29, 52, .12);--shadow-md: 0 18px 36px rgba(18, 29, 52, .08);--shadow-sm: 0 10px 18px rgba(18, 29, 52, .05);--state-error: #c73a3a;--state-error-soft: rgba(220, 38, 38, .08);--state-success: #0f8a6c;--state-success-soft: rgba(16, 185, 129, .1);--state-neutral: #6b7b90;--state-neutral-soft: rgba(100, 116, 139, .12);--radius-sm: 14px;--radius-md: 20px;--radius-lg: 26px;--radius-xl: 32px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 44px;--heading-display: clamp(1.9rem, 2.8vw, 2.65rem);--heading-surface: clamp(1.5rem, 2.2vw, 2.2rem);--heading-card: 1rem;--body-md: .96rem;--body-sm: .84rem;--motion-fast: .14s ease;--motion-medium: .18s ease;--ui-container-max: 1360px;--ui-tool-max: 980px;--breakpoint-md: 900px;--breakpoint-sm: 760px;--max-width: 1360px;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;--font-sans: "IBM Plex Sans", "Avenir Next", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}:root[data-theme=dark]{color-scheme:dark;--bg: #09111d;--bg-deep: #0d1625;--bg-accent: rgba(87, 156, 255, .16);--surface: rgba(16, 23, 35, .76);--surface-strong: rgba(18, 27, 41, .94);--surface-soft: rgba(16, 24, 37, .92);--surface-muted: rgba(13, 20, 31, .82);--panel-main: radial-gradient(circle at top left, rgba(87, 156, 255, .26), transparent 34%), radial-gradient(circle at bottom right, rgba(24, 195, 169, .16), transparent 28%), linear-gradient(155deg, rgba(19, 28, 43, .98), rgba(12, 19, 30, .94));--panel-card: linear-gradient(180deg, rgba(18, 27, 40, .98), rgba(14, 21, 33, .92));--border: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .22);--text: #edf3fb;--text-soft: #9cadc2;--text-faint: #78889c;--accent: #79b4ff;--accent-soft: rgba(121, 180, 255, .12);--accent-strong: rgba(121, 180, 255, .22);--focus: rgba(121, 180, 255, .34);--shadow-lg: 0 30px 76px rgba(0, 0, 0, .34);--shadow-md: 0 18px 38px rgba(0, 0, 0, .24);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .18);--state-error: #ffb4b4;--state-error-soft: rgba(239, 68, 68, .12);--state-success: #77d7bb;--state-success-soft: rgba(16, 185, 129, .14);--state-neutral: #9cadc2;--state-neutral-soft: rgba(148, 163, 184, .12)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--text);background:radial-gradient(circle at top center,var(--bg-accent),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 16%),linear-gradient(180deg,var(--bg),var(--bg-deep));font-family:inherit;line-height:1.45}a,button,summary{transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast),opacity var(--motion-fast)}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus)}.page-shell{width:min(100%,var(--ui-container-max));margin:0 auto;padding:var(--space-5) 28px 44px}.page-main{display:grid;gap:var(--space-6)}.ui-app-shell{width:min(100%,var(--ui-container-max));margin:0 auto}.ui-page-frame,.ui-tool-layout{display:grid;gap:var(--space-6)}.ui-surface{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel-main);box-shadow:var(--shadow-lg)}.ui-panel{display:grid;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-card);box-shadow:var(--shadow-sm);align-content:start}.ui-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.ui-section-copy{display:grid;gap:var(--space-2);max-width:860px}.ui-eyebrow{margin:0;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.86}.ui-title{margin:0;font-size:var(--heading-display);line-height:.98;letter-spacing:-.045em}.ui-title-compact{font-size:var(--heading-surface)}.ui-summary{margin:0;max-width:52ch;color:var(--text-soft);font-size:var(--body-md)}.ui-label{color:var(--text-faint);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.ui-helper{color:var(--text-soft);font-size:var(--body-sm);line-height:1.45}.ui-control{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow-sm)}.ui-button-secondary{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-strong) 72%,transparent);color:var(--text);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);font-size:.82rem;font-weight:700;white-space:nowrap}.ui-button-secondary:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}.ui-chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-soft);font-size:.72rem;font-weight:700;line-height:1;white-space:nowrap}.ui-chip:hover{color:var(--text);border-color:var(--border-strong)}.topbar{position:sticky;top:12px;z-index:20;margin-bottom:10px;padding:10px 14px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(18px);box-shadow:var(--shadow-sm)}.brand-row,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.header-primary{display:inline-flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.brand-link{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#18c0a5);color:#f8fbff;box-shadow:var(--shadow-sm);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.82rem;font-weight:700}.brand-name{font-size:.98rem;font-weight:700;letter-spacing:-.02em}.header-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.install-link{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--text);cursor:pointer;font-size:.77rem;font-weight:700}.install-hint{margin:0;max-width:28ch;padding:6px 10px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-muted) 72%,transparent);color:var(--text-faint);font-size:.72rem;line-height:1.25}.install-link:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}.install-link:disabled{cursor:default;opacity:.76}.install-icon{width:15px;height:15px}.theme-switcher,.lang-switcher,.tool-switcher{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-muted)}.theme-link,.lang-link,.tool-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border:0;border-radius:999px;background:transparent;color:var(--text-soft);cursor:pointer;font-size:.78rem;font-weight:700}.theme-switcher{gap:2px}.theme-link[data-theme-toggle] .theme-icon-light{display:none}:root[data-theme=dark] .theme-link[data-theme-toggle] .theme-icon-light{display:inline-flex}:root[data-theme=dark] .theme-link[data-theme-toggle] .theme-icon-dark{display:none}.theme-link:hover,.lang-link:hover,.tool-link:hover{color:var(--text)}.theme-link[data-active=true],.lang-link.active,.tool-link.active{background:var(--surface-strong);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.tool-link{padding:0 12px;white-space:nowrap}.theme-link{width:32px;padding:0}.theme-icon{width:15px;height:15px}.tool-overview{display:grid;gap:24px}.section-heading{align-items:flex-start}.section-heading>*{position:relative;z-index:1}.section-copy{display:grid;gap:7px;max-width:860px}.eyebrow{margin:0;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.86}.section-title{margin:0;font-size:clamp(1.9rem,2.8vw,2.65rem);line-height:.98;letter-spacing:-.045em}.section-summary{margin:0;max-width:52ch;color:var(--text-soft);font-size:.96rem}.refresh-button{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 13px;border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--text);cursor:pointer;font-size:.82rem;font-weight:700;white-space:nowrap}:root[data-theme=light] .refresh-button{background:color-mix(in srgb,var(--surface-strong) 78%,transparent)}.refresh-button:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}.refresh-button:disabled{cursor:default;opacity:.78}.refresh-button[data-loading=true] .refresh-button-icon{animation:refresh-spin .9s linear infinite}.refresh-button-icon{width:15px;height:15px}.result-section{position:relative}.result-head{align-items:flex-start;gap:16px;margin-bottom:2px}.result-head .section-copy{gap:6px}.result-head .section-title{font-size:clamp(1.5rem,2vw,1.92rem);line-height:1.02;letter-spacing:-.035em}.result-head .section-summary{max-width:44ch;font-size:.92rem}.result-surface{position:relative;display:grid;gap:22px;overflow:hidden;min-height:0;padding:24px 28px;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),transparent 48%),var(--panel-main);box-shadow:var(--shadow-lg)}.result-surface:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 18%),radial-gradient(circle at 88% 16%,rgba(79,174,255,.02),transparent 18%);pointer-events:none}:root[data-theme=light] .result-surface:before{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%),radial-gradient(circle at 88% 16%,rgba(79,174,255,.03),transparent 18%)}.result-glow{display:none}.result-shell{position:relative;z-index:1;display:grid;gap:18px}.result-columns{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start;padding-bottom:2px}.result-columns:before{content:"";position:absolute;top:2px;bottom:2px;left:50%;width:1px;background:linear-gradient(180deg,transparent,var(--border),transparent);pointer-events:none}.result-panel{position:relative;display:grid;gap:8px;min-width:0;padding:2px 0;align-content:start}.result-panel[data-tone=ipv4]{padding-right:10px}.result-panel[data-tone=ipv6]{padding-left:10px}.result-panel-head{display:flex;align-items:center;gap:10px}.result-panel-body{display:grid;gap:10px;min-width:0}.result-value-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:start;gap:10px;min-width:0}.result-label,.meta-label{margin:0;color:color-mix(in srgb,var(--text-faint) 88%,var(--text-soft));font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.result-label-large{font-size:.7rem}.result-value,.stack-value,.meta-value{margin:0}.result-copy{position:relative;display:inline-grid;place-items:center;width:28px;min-width:28px;height:28px;padding:0;border:1px solid color-mix(in srgb,var(--border) 62%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 56%,transparent);color:color-mix(in srgb,var(--text-faint) 78%,var(--text-soft));cursor:pointer;line-height:0;transition:color .14s ease,border-color .14s ease,background-color .14s ease,transform .14s ease;align-self:start;margin-top:.12rem;opacity:.92}.result-copy:hover,.result-copy:focus-visible{color:var(--text);border-color:color-mix(in srgb,var(--border-strong) 82%,transparent);background:color-mix(in srgb,var(--surface-strong) 76%,transparent);opacity:1}.result-copy:focus-visible{outline:none}.result-copy:active{transform:translateY(1px)}.result-copy-icon{width:13px;height:13px;flex:0 0 auto}.result-copy-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.result-copy:after{position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);padding:5px 8px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 90%,transparent);color:var(--text);font-size:.68rem;font-weight:700;line-height:1;white-space:nowrap;opacity:0;pointer-events:none}.result-copy[data-copied=success]{color:var(--accent)}.result-copy[data-copied=error]{color:#ef4444}.result-copy[data-copied=success]:after{content:attr(data-copy-success);opacity:1}.result-copy[data-copied=error]:after{content:attr(data-copy-failed);opacity:1}:root[data-theme=light] .result-copy[data-copied=error]{color:#b91c1c}.result-value{margin-top:0;max-width:100%;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(1.94rem,2.7vw,2.52rem);font-weight:700;line-height:1.06;letter-spacing:-.045em;overflow-wrap:anywhere;word-break:break-word;text-wrap:pretty}.result-panel[data-tone=ipv6] .result-value{font-size:clamp(1.28rem,1.48vw,1.66rem);line-height:1.22;letter-spacing:-.01em;overflow-wrap:break-word}.result-caption{margin:0;max-width:40ch;color:var(--text-soft);font-size:.82rem;line-height:1.45}.result-stack{display:grid;gap:10px;padding-top:17px;border-top:1px solid color-mix(in srgb,var(--border) 74%,transparent)}.stack-copy{display:grid;gap:4px}.result-stack-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.stack-value{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-muted) 56%,transparent);font-size:.94rem;font-weight:700;letter-spacing:-.01em}.result-stack .result-caption{margin:0;max-width:none;font-size:.8rem;text-align:left}.meta-section{position:relative;padding:0;border:0;background:transparent;box-shadow:none}.meta-heading{display:grid;gap:8px;margin-bottom:10px}.meta-section-eyebrow{margin:0;color:var(--accent);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.86}.meta-section-copy{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.meta-section-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.02em}.meta-section-summary{margin:0;color:var(--text-soft);font-size:.84rem}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.meta-card{position:relative;min-height:0;padding:19px 18px;border:1px solid color-mix(in srgb,var(--border) 62%,transparent);border-radius:var(--radius-lg);background:var(--panel-card)}.meta-card:before{display:none}.meta-card-content{display:grid;gap:14px}.meta-family-head{display:grid;gap:5px;padding-bottom:6px}.meta-family-title{margin:0;font-size:.66rem;font-weight:700;line-height:1rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--text-faint) 74%,var(--text-soft))}.meta-family-note{margin:6px 0 0;min-height:1.2em;color:var(--text-soft);font-size:.8rem}.meta-family-note:empty{display:none}.meta-family-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:0}.meta-item{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:16px;align-items:start;min-width:0;padding:15px 0;border-top:1px solid color-mix(in srgb,var(--border) 54%,transparent)}.meta-value{margin-top:0;max-width:none;font-size:1rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere;text-align:left}.meta-item[data-meta-key=org] .meta-value{max-width:none;font-size:1.02rem;line-height:1.44}.meta-item[data-meta-key=asn] .meta-value{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.meta-item:first-child{padding-top:0;border-top:0}.hero{padding:16px 18px}.hero-copy{max-width:720px}.hero-text{color:var(--text-soft)}.redirect-panel{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.redirect-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-strong);font-size:.9rem;font-weight:700}@media(max-width:900px){.result-columns{grid-template-columns:1fr;gap:18px}.result-columns:before{display:none}.result-panel[data-tone=ipv4]{padding-right:0}.result-panel[data-tone=ipv6]{padding-top:18px;padding-left:0;border-top:1px solid color-mix(in srgb,var(--border) 82%,transparent)}.meta-grid{grid-template-columns:1fr}}@media(max-width:760px){.brand-row,.section-heading{flex-direction:column;align-items:stretch;gap:12px}.header-primary{width:100%;flex-direction:column;align-items:flex-start;gap:10px}.header-controls{width:100%;justify-content:space-between;align-items:flex-start;row-gap:8px}.refresh-button{align-self:flex-start}.result-head{gap:12px}}@media(max-width:620px){.tool-switcher{width:100%}.tool-link{flex:1 1 0}.header-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"install theme lang";align-items:center;justify-content:stretch;column-gap:8px;row-gap:8px}.install-link{grid-area:install;justify-self:start}.theme-switcher{grid-area:theme;justify-self:end}.lang-switcher{grid-area:lang;justify-self:end}.install-link span{display:none}.install-link{width:34px;min-width:34px;padding:0;justify-content:center}.page-shell{padding:16px 14px 34px}.topbar,.result-surface{border-radius:24px}.topbar{padding:9px 12px}.section-title{font-size:clamp(1.9rem,9vw,2.65rem);line-height:1.02}.section-summary{font-size:.96rem}.refresh-button{min-height:36px;padding:0 12px;font-size:.78rem}.result-surface{min-height:0;gap:18px;padding:22px 18px 18px}.result-head .section-title{font-size:clamp(1.36rem,7vw,1.7rem)}.result-head .section-summary{font-size:.9rem}.result-value{font-size:clamp(1.65rem,7.6vw,2.1rem);letter-spacing:-.035em}.result-panel[data-tone=ipv6] .result-value{font-size:clamp(1.12rem,5.4vw,1.38rem)}.result-copy{width:26px;min-width:26px;height:26px;margin-top:.08rem}.result-copy:after{right:calc(100% + 6px);padding:4px 7px;font-size:.64rem}.result-stack{gap:10px;padding-top:14px}.result-stack-head{width:100%;flex-direction:column;align-items:flex-start;gap:6px}.result-stack .result-caption{text-align:left}.meta-grid{grid-template-columns:1fr}.meta-card{min-height:0;padding:16px}.meta-section-copy{flex-direction:column;align-items:flex-start;gap:6px}.meta-family-grid{grid-template-columns:1fr;margin-top:0}.meta-item{grid-template-columns:1fr;gap:7px}.meta-value{max-width:none}}@keyframes refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root[data-theme=dark] .page-body:not(.page-body-ipv6){--bg: #0a1018;--bg-deep: #0d1420;--bg-accent: rgba(79, 121, 255, .06);--surface: rgba(14, 20, 30, .82);--surface-strong: rgba(18, 25, 37, .94);--surface-soft: rgba(16, 23, 34, .92);--surface-muted: rgba(13, 19, 28, .86);--panel-main: radial-gradient(circle at top left, rgba(79, 121, 255, .08), transparent 28%), radial-gradient(circle at bottom right, rgba(24, 195, 169, .04), transparent 20%), linear-gradient(155deg, rgba(18, 26, 38, .98), rgba(11, 17, 25, .96));--panel-card: linear-gradient(180deg, rgba(17, 24, 35, .97), rgba(12, 18, 27, .95));--border: rgba(148, 163, 184, .11);--border-strong: rgba(148, 163, 184, .17);--text: #edf2f9;--text-soft: #97a5b8;--text-faint: #728094;--accent: #6ea8f8;--accent-soft: rgba(110, 168, 248, .08);--accent-strong: rgba(110, 168, 248, .16);--focus: rgba(110, 168, 248, .26);--shadow-lg: 0 28px 72px rgba(0, 0, 0, .38);--shadow-md: 0 18px 38px rgba(0, 0, 0, .28);--shadow-sm: 0 10px 22px rgba(0, 0, 0, .22)}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .topbar{border-color:#94a3b81a;background:#0d121bd1;box-shadow:0 16px 40px #00000047}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .brand-mark{background:linear-gradient(135deg,#3876ff38,#17c0a51f);box-shadow:none}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .theme-switcher,:root[data-theme=dark] .page-body:not(.page-body-ipv6) .lang-switcher,:root[data-theme=dark] .page-body:not(.page-body-ipv6) .tool-switcher{background:#ffffff05;border-color:#94a3b81a}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .tool-link.active,:root[data-theme=dark] .page-body:not(.page-body-ipv6) .lang-link.active,:root[data-theme=dark] .page-body:not(.page-body-ipv6) .theme-link[data-active=true]{background:#ffffff0b;box-shadow:inset 0 0 0 1px #94a3b81a}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .install-link,:root[data-theme=dark] .page-body:not(.page-body-ipv6) .install-hint,:root[data-theme=dark] .page-body:not(.page-body-ipv6) .refresh-button{border-color:#94a3b81a}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .result-surface{background:linear-gradient(165deg,#121a26fa,#0c121bf7 54%,#0a0f16f5),var(--panel-main)}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .result-surface:before{background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 18%),radial-gradient(circle at 86% 14%,rgba(79,121,255,.014),transparent 15%),linear-gradient(135deg,rgba(255,255,255,.012),transparent 34%)}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .result-columns:before{background:linear-gradient(180deg,transparent,rgba(148,163,184,.08),transparent)}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .result-copy{border-color:#94a3b81a;background:#0e141dc2}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .result-copy:hover,:root[data-theme=dark] .page-body:not(.page-body-ipv6) .result-copy:focus-visible{border-color:#94a3b824;background:#0f141eeb}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .result-copy:after{border-color:#94a3b81f;background:#121925f5}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .result-stack{border-top-color:#94a3b81f}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .stack-value{border-color:#94a3b81f;background:#0f151fd1}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .meta-card{border-color:#94a3b814;background:linear-gradient(180deg,#121924f5,#0c121bf2),var(--panel-card)}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .meta-item{border-top-color:#94a3b817}:root[data-theme=dark] .page-body:not(.page-body-ipv6) .meta-family-title{color:color-mix(in srgb,var(--text-faint) 82%,var(--text-soft))}.landing-shell{gap:var(--space-5)}.landing-hero{display:grid;gap:var(--space-5);padding:32px}.landing-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.landing-action,.landing-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-strong);color:var(--text);font-size:.9rem;font-weight:700;box-shadow:var(--shadow-sm)}.landing-action-primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),#18c0a5);color:#f8fbff}.landing-action:hover,.landing-link:hover{border-color:var(--border-strong);transform:translateY(-1px)}.landing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.landing-card{gap:var(--space-4)}.landing-card-copy{display:grid;gap:var(--space-2)}.landing-card-title{margin:0;font-size:1.2rem;letter-spacing:-.03em}.landing-card-summary{margin:0;color:var(--text-soft);font-size:.94rem}.landing-card-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.landing-link{background:var(--surface-soft);color:var(--text-soft)}.landing-link:hover{color:var(--text)}.page-body-ipv6{--font-sans: "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;font-family:var(--font-sans)}.page-body-ipv6 .page-shell{width:min(100%,1440px)}:root[data-theme=dark] .page-body-ipv6 .page-shell{width:min(100%,1440px);padding:10px 24px 72px}:root[data-theme=dark] .page-body-ipv6 .page-main{gap:24px}:root[data-theme=dark] .page-body-ipv6 .topbar{top:10px;margin-bottom:4px;padding:10px 14px;border-radius:18px;border-color:#8997af1f;background:#080c12c7;box-shadow:0 18px 44px #00000047}:root[data-theme=dark] .page-body-ipv6 .brand-mark{background:linear-gradient(135deg,#3876ff47,#3876ff1f);border:1px solid rgba(99,157,255,.34);color:#d7e6ff;font-family:var(--font-mono);box-shadow:none}:root[data-theme=dark] .page-body-ipv6 .brand-name,:root[data-theme=dark] .page-body-ipv6 .tool-link.active,:root[data-theme=dark] .page-body-ipv6 .lang-link.active,:root[data-theme=dark] .page-body-ipv6 .theme-link[data-active=true]{color:#f3f7ff}:root[data-theme=dark] .page-body-ipv6 .theme-switcher,:root[data-theme=dark] .page-body-ipv6 .lang-switcher,:root[data-theme=dark] .page-body-ipv6 .tool-switcher{background:#ffffff05;border-color:#8997af1f}:root[data-theme=dark] .page-body-ipv6 .tool-link,:root[data-theme=dark] .page-body-ipv6 .lang-link,:root[data-theme=dark] .page-body-ipv6 .theme-link,:root[data-theme=dark] .page-body-ipv6 .install-link,:root[data-theme=dark] .page-body-ipv6 .install-hint{color:#9ba8bf}:root[data-theme=dark] .page-body-ipv6 .tool-link.active,:root[data-theme=dark] .page-body-ipv6 .lang-link.active,:root[data-theme=dark] .page-body-ipv6 .theme-link[data-active=true]{background:#ffffff0f;box-shadow:inset 0 0 0 1px #8997af24}@media(max-width:760px){.landing-hero{padding:24px}.landing-grid{grid-template-columns:1fr}.landing-actions,.landing-card-links{flex-direction:column}.landing-action,.landing-link{width:100%}:root[data-theme=dark] .page-body-ipv6 .page-shell{padding:8px 14px 44px}:root[data-theme=dark] .page-body-ipv6 .topbar{top:8px;border-radius:16px}}.page-body-ipv6 .calc-shell-port{--calc-shell-max-width: 1280px;--calc-shell-gap: 24px;--calc-hero-radius: 24px;--calc-card-radius: 16px;--calc-panel-radius: 12px;--calc-panel-radius-sm: 8px;--calc-hero-padding: 32px;--calc-card-header-x: 24px;--calc-card-header-y: 16px;--calc-card-body-padding: 24px;--calc-lower-gap: 24px;--calc-lower-stack-gap: 20px;--calc-lower-secondary-main: 1.2fr;--calc-lower-secondary-side: .8fr;--calc-panel-gap: 10px;--calc-hero-main-ratio: 1fr;--calc-hero-side-width: 384px;--calc-input-height: 56px;--calc-input-radius: 12px;--calc-input-padding-x: 20px;--calc-slider-height: 8px;--calc-slider-thumb: 16px;--calc-action-height: 28px;--calc-action-padding-x: 10px;--calc-action-radius: 999px;--calc-action-font-size: .6875rem;--calc-action-font-weight: 600;--calc-action-square-size: 28px;--calc-action-square-radius: 9px;--calc-action-inline-size: 28px;--calc-action-inline-radius: 8px;--calc-action-icon-size: 16px;--calc-text-ui: "Inter", ui-sans-serif, system-ui, sans-serif;--calc-text-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--calc-surface-page: transparent;--calc-surface-hero-start: #17191f;--calc-surface-hero-end: rgba(23, 25, 31, .76);--calc-surface-card: rgba(22, 24, 31, .72);--calc-surface-header: rgba(24, 27, 35, .88);--calc-surface-input: #09090b;--calc-surface-input-soft: rgba(14, 16, 21, .74);--calc-surface-inner: rgba(13, 15, 20, .72);--calc-surface-inner-soft: rgba(31, 34, 43, .62);--calc-surface-accent: rgba(59, 130, 246, .045);--calc-surface-accent-strong: rgba(59, 130, 246, .085);--calc-border-card: rgba(58, 63, 75, .52);--calc-border-subtle: rgba(58, 63, 75, .34);--calc-border-input: #3f3f46;--calc-text-primary: #f4f4f5;--calc-text-title: #e4e4e7;--calc-text-secondary: #a1a1aa;--calc-text-tertiary: #71717a;--calc-text-faint: #52525b;--calc-accent: #60a5fa;--calc-accent-strong: #3b82f6;--calc-accent-border: rgba(59, 130, 246, .2);--calc-accent-border-strong: rgba(59, 130, 246, .5);--calc-shadow-hero: 0 24px 48px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .02);--calc-shadow-card: none;--calc-shadow-inner: none;display:grid;gap:var(--calc-shell-gap);font-family:var(--calc-text-ui)}:root[data-theme=dark] .page-body-ipv6{background:#09090b}:root[data-theme=light] .page-body-ipv6 .calc-shell-port{--calc-shell-gap: 20px;--calc-hero-padding: 28px;--calc-card-header-x: 20px;--calc-card-body-padding: 20px;--calc-lower-gap: 20px;--calc-lower-stack-gap: 16px;--calc-panel-gap: 8px;--calc-hero-side-width: 360px;--calc-input-height: 52px;--calc-input-padding-x: 18px;--calc-slider-height: 6px;--calc-slider-thumb: 14px;--calc-action-height: 26px;--calc-action-padding-x: 9px;--calc-action-square-size: 26px;--calc-action-square-radius: 8px;--calc-surface-page: transparent;--calc-surface-hero-start: rgba(255, 255, 255, .96);--calc-surface-hero-end: rgba(240, 245, 255, .95);--calc-surface-card: rgba(255, 255, 255, .96);--calc-surface-header: rgba(252, 253, 255, .96);--calc-surface-input: rgba(255, 255, 255, .94);--calc-surface-input-soft: rgba(249, 251, 255, .98);--calc-surface-inner: rgba(251, 252, 255, .98);--calc-surface-inner-soft: rgba(246, 248, 253, .98);--calc-surface-accent: rgba(96, 165, 250, .08);--calc-surface-accent-strong: rgba(96, 165, 250, .12);--calc-border-card: rgba(148, 163, 184, .24);--calc-border-subtle: rgba(148, 163, 184, .2);--calc-border-input: rgba(148, 163, 184, .32);--calc-text-primary: #202533;--calc-text-title: #262b38;--calc-text-secondary: #6b7280;--calc-text-tertiary: #8a94a5;--calc-text-faint: #9ca3af;--calc-accent: #4f79ff;--calc-accent-strong: #4b6ff1;--calc-accent-border: rgba(79, 121, 255, .18);--calc-accent-border-strong: rgba(79, 121, 255, .28);--calc-shadow-hero: 0 14px 34px rgba(148, 163, 184, .16), inset 0 1px 0 rgba(255, 255, 255, .7);--calc-shadow-card: 0 10px 28px rgba(148, 163, 184, .12), inset 0 1px 0 rgba(255, 255, 255, .7);--calc-shadow-inner: 0 4px 12px rgba(148, 163, 184, .08), inset 0 1px 0 rgba(255, 255, 255, .72)}:root[data-theme=light] .page-body-ipv6{background:radial-gradient(circle at top center,rgba(79,121,255,.06),transparent 24%),linear-gradient(180deg,#f4f6fb,#eff3f9)}.page-body-ipv6 .calc-shell-port .calc-hero{position:relative;display:block;gap:0;padding:var(--calc-hero-padding);overflow:hidden;border:1px solid var(--calc-border-card);border-radius:var(--calc-hero-radius);background:linear-gradient(135deg,var(--calc-surface-hero-start),var(--calc-surface-hero-end));box-shadow:var(--calc-shadow-hero)}.page-body-ipv6 .calc-shell-port .calc-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(59,130,246,.05),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 22%);pointer-events:none}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-hero:before{background:radial-gradient(circle at 100% 0%,rgba(79,121,255,.08),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.6),transparent 24%)}:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-hero{padding:24px 28px 28px}.page-body-ipv6 .calc-shell-port .calc-hero-inner{position:relative;z-index:1;display:grid;gap:0;width:min(100%,var(--calc-shell-max-width));margin-inline:auto}.page-body-ipv6 .calc-shell-port .calc-hero-head,.page-body-ipv6 .calc-shell-port .calc-copy{display:none}.page-body-ipv6 .calc-shell-port .calc-hero-actions{display:flex;justify-content:flex-end;width:auto}.page-body-ipv6 .calc-shell-port .calc-form{display:grid;gap:12px;width:100%;margin:0}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-form{gap:10px}:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-form{gap:8px}.page-body-ipv6 .calc-shell-port .calc-workbench{display:grid;grid-template-columns:minmax(0,var(--calc-hero-main-ratio)) 1px minmax(0,var(--calc-hero-side-width));gap:32px;align-items:center}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-workbench{gap:28px}:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-workbench{grid-template-columns:minmax(0,1fr) 1px minmax(0,336px);gap:26px}.page-body-ipv6 .calc-shell-port .calc-hero-panel,.page-body-ipv6 .calc-shell-port .calc-hero-target,.page-body-ipv6 .calc-shell-port .calc-field-prefix,.page-body-ipv6 .calc-shell-port .calc-hero-input{width:100%}.page-body-ipv6 .calc-shell-port .calc-hero-divider{width:1px;height:80px;background:var(--calc-border-card)}:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-hero-divider{height:72px}.page-body-ipv6 .calc-shell-port .calc-hero-target{display:grid;gap:0;padding:0;border:0;background:transparent}.page-body-ipv6 .calc-shell-port .calc-field,.page-body-ipv6 .calc-shell-port .calc-field-prefix{display:grid;gap:10px}.page-body-ipv6 .calc-shell-port .calc-field[data-disabled=true]{opacity:.56}:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-field,:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-field-prefix{gap:8px}.page-body-ipv6 .calc-shell-port .calc-field-prefix{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label actions" "input input" "slider slider";align-items:start;column-gap:12px;row-gap:8px}.page-body-ipv6 .calc-shell-port .calc-target-actions{grid-area:actions;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;margin:0;white-space:nowrap;justify-self:end}.page-body-ipv6 .calc-shell-port .calc-target-actions .calc-hero-actions{margin:0}.page-body-ipv6 .calc-shell-port .calc-label{display:block;margin:0;color:var(--calc-text-secondary);font-size:.75rem;font-weight:600;line-height:1rem;letter-spacing:.08em;text-transform:uppercase}.page-body-ipv6 .calc-shell-port .calc-field-prefix>.calc-label{grid-area:label}.page-body-ipv6 .calc-shell-port .calc-field-main .calc-label{text-align:left}.page-body-ipv6 .calc-shell-port .calc-input-wrap,.page-body-ipv6 .calc-shell-port .calc-specific-input-wrap{position:relative}.page-body-ipv6 .calc-shell-port .calc-input,.page-body-ipv6 .calc-shell-port .calc-specific-input{width:100%;min-height:var(--calc-input-height);padding:0 calc(var(--calc-input-padding-x) + 28px) 0 var(--calc-input-padding-x);border:1px solid var(--calc-border-input);border-radius:var(--calc-input-radius);background:var(--calc-surface-input);color:var(--calc-text-primary);box-shadow:none;font-family:var(--calc-text-mono);font-size:1.25rem;font-weight:500;line-height:1.25rem;letter-spacing:-.02em;text-align:left}:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-input{min-height:54px;padding:0 50px 0 18px;font-size:1.125rem}.page-body-ipv6 .calc-shell-port .calc-input::placeholder,.page-body-ipv6 .calc-shell-port .calc-specific-input::placeholder{color:var(--calc-text-tertiary)}.page-body-ipv6 .calc-shell-port .calc-input[aria-invalid=true]{border-color:#dc262666}.page-body-ipv6 .calc-shell-port .calc-target-topline{grid-area:input;display:flex;justify-content:flex-end;margin-bottom:8px}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-target-topline{margin-bottom:6px}:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-target-topline{justify-content:flex-end;margin-bottom:2px}.page-body-ipv6 .calc-shell-port .calc-target-input{width:76px;min-width:76px;min-height:30px;padding:2px 10px;border:1px solid var(--calc-accent-border);border-radius:4px;background:var(--calc-surface-accent);color:var(--calc-accent);font-family:var(--calc-text-mono);font-size:1rem;font-weight:700;line-height:1.125rem;text-align:center;font-variant-numeric:tabular-nums;box-shadow:none}:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-target-input{width:76px;min-width:76px;min-height:30px;padding:2px 10px;border-radius:4px;font-size:1rem}.page-body-ipv6 .calc-shell-port .calc-target-slider{grid-area:slider;display:grid;gap:6px;padding-top:0}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-target-slider{gap:4px}:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-target-slider{gap:4px;padding-top:0}.page-body-ipv6 .calc-shell-port .calc-target-range{width:100%;height:var(--calc-slider-height);appearance:none;background:color-mix(in srgb,var(--calc-border-card) 72%,transparent);border-radius:999px;cursor:pointer}.page-body-ipv6 .calc-shell-port .calc-target-range:disabled{cursor:default;opacity:.45}.page-body-ipv6 .calc-shell-port .calc-target-range::-webkit-slider-thumb{appearance:none;width:var(--calc-slider-thumb);height:var(--calc-slider-thumb);border:0;border-radius:999px;background:var(--calc-accent-strong);box-shadow:0 0 0 4px color-mix(in srgb,var(--calc-accent-strong) 18%,transparent)}.page-body-ipv6 .calc-shell-port .calc-target-range::-moz-range-thumb{width:var(--calc-slider-thumb);height:var(--calc-slider-thumb);border:0;border-radius:999px;background:var(--calc-accent-strong);box-shadow:0 0 0 4px color-mix(in srgb,var(--calc-accent-strong) 18%,transparent)}.page-body-ipv6 .calc-shell-port .calc-target-range::-moz-range-track{height:var(--calc-slider-height);background:color-mix(in srgb,var(--calc-border-card) 72%,transparent);border-radius:999px}.page-body-ipv6 .calc-shell-port .calc-target-scale{display:flex;justify-content:space-between;gap:12px}.page-body-ipv6 .calc-shell-port .calc-target-scale-edge{color:var(--calc-text-tertiary);font-family:var(--calc-text-mono);font-size:.75rem;line-height:1rem}.page-body-ipv6 .calc-shell-port .calc-clear-button,.page-body-ipv6 .calc-shell-port .calc-help-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--calc-action-square-size);height:var(--calc-action-square-size);padding:0;border:1px solid var(--calc-border-card);border-radius:var(--calc-action-square-radius);background:color-mix(in srgb,var(--calc-surface-header) 84%,var(--calc-surface-card));color:var(--calc-text-tertiary);font-size:var(--calc-action-font-size);line-height:1;box-shadow:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.page-body-ipv6 .calc-shell-port .calc-clear-button{position:absolute;top:0;bottom:0;right:12px;min-width:var(--calc-action-square-size);min-height:var(--calc-action-square-size);margin-block:auto;box-sizing:border-box;transform:none;z-index:1}.page-body-ipv6 .calc-shell-port .calc-clear-button,:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-clear-button,:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-clear-button{width:var(--calc-action-square-size);height:var(--calc-action-square-size)}.page-body-ipv6 .calc-shell-port .calc-clear-button:hover,.page-body-ipv6 .calc-shell-port .calc-clear-button:focus-visible,.page-body-ipv6 .calc-shell-port .calc-clear-button:active{transform:none}.page-body-ipv6 .calc-shell-port .calc-clear-button svg,.page-body-ipv6 .calc-shell-port .calc-help-toggle svg{display:block;flex:0 0 auto;width:var(--calc-action-icon-size);height:var(--calc-action-icon-size)}.page-body-ipv6 .calc-shell-port .calc-help-popover{position:relative}.page-body-ipv6 .calc-shell-port .calc-help-popover summary{list-style:none}.page-body-ipv6 .calc-shell-port .calc-help-popover summary::-webkit-details-marker{display:none}.page-body-ipv6 .calc-shell-port .calc-help-toggle span{font-size:calc(var(--calc-action-font-size) + .0625rem);font-weight:700;line-height:1}.page-body-ipv6 .calc-shell-port .calc-help-panel{top:calc(100% + 10px);right:0;width:min(280px,76vw);padding:12px 14px;border:1px solid var(--calc-border-card);border-radius:var(--calc-panel-radius);background:var(--calc-surface-card);color:var(--calc-text-secondary);box-shadow:var(--calc-shadow-card);backdrop-filter:blur(6px)}.page-body-ipv6 .calc-shell-port .calc-help-panel p,.page-body-ipv6 .calc-shell-port .calc-inline-note,.page-body-ipv6 .calc-shell-port .calc-note-item,.page-body-ipv6 .calc-shell-port .calc-error{margin:0;color:var(--calc-text-secondary);font-size:.875rem;line-height:1.5}.page-body-ipv6 .calc-shell-port .calc-copy-action,.page-body-ipv6 .calc-shell-port .calc-example-copy,.page-body-ipv6 .calc-shell-port .calc-specific-chip{display:inline-flex;align-items:center;justify-content:center;min-height:var(--calc-action-height);padding:0 var(--calc-action-padding-x);border:1px solid var(--calc-border-card);border-radius:var(--calc-action-radius);background:color-mix(in srgb,var(--calc-surface-header) 82%,var(--calc-surface-card));color:var(--calc-text-secondary);font-size:var(--calc-action-font-size);font-weight:var(--calc-action-font-weight);line-height:1;white-space:nowrap;box-shadow:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.page-body-ipv6 .calc-shell-port .calc-link-action{min-height:var(--calc-action-height);padding:0 var(--calc-action-padding-x);border-color:var(--calc-border-card);background:color-mix(in srgb,var(--calc-surface-header) 90%,var(--calc-surface-card));color:var(--calc-text-title)}.page-body-ipv6 .calc-shell-port .calc-copy-action:hover,.page-body-ipv6 .calc-shell-port .calc-link-action:hover,.page-body-ipv6 .calc-shell-port .calc-example-button:hover,.page-body-ipv6 .calc-shell-port .calc-example-chip:hover,.page-body-ipv6 .calc-shell-port .calc-specific-chip:hover,.page-body-ipv6 .calc-shell-port .calc-clear-button:hover,.page-body-ipv6 .calc-shell-port .calc-help-toggle:hover{border-color:color-mix(in srgb,var(--calc-accent) 40%,var(--calc-border-card));color:var(--calc-text-primary)}.page-body-ipv6 .calc-shell-port .calc-copy-action:focus-visible,.page-body-ipv6 .calc-shell-port .calc-link-action:focus-visible,.page-body-ipv6 .calc-shell-port .calc-example-copy:focus-visible,.page-body-ipv6 .calc-shell-port .calc-example-chip:focus-visible,.page-body-ipv6 .calc-shell-port .calc-specific-chip:focus-visible,.page-body-ipv6 .calc-shell-port .calc-clear-button:focus-visible,.page-body-ipv6 .calc-shell-port .calc-help-toggle:focus-visible,.page-body-ipv6 .calc-shell-port .calc-copy-action-inline:focus-visible{outline:2px solid color-mix(in srgb,var(--calc-accent) 52%,transparent);outline-offset:2px}.page-body-ipv6 .calc-shell-port .calc-copy-action:active,.page-body-ipv6 .calc-shell-port .calc-link-action:active,.page-body-ipv6 .calc-shell-port .calc-example-copy:active,.page-body-ipv6 .calc-shell-port .calc-specific-chip:active,.page-body-ipv6 .calc-shell-port .calc-help-toggle:active,.page-body-ipv6 .calc-shell-port .calc-copy-action-inline:active{transform:translateY(1px)}.page-body-ipv6 .calc-shell-port .calc-copy-action-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-body-ipv6 .calc-shell-port .calc-empty-state,.page-body-ipv6 .calc-shell-port .calc-mode-note,.page-body-ipv6 .calc-shell-port .calc-capacity-note-box{display:grid;gap:12px;padding:24px;border:1px solid var(--calc-border-card);border-radius:var(--calc-card-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface-card) 96%,transparent),color-mix(in srgb,var(--calc-surface-input-soft) 92%,transparent));box-shadow:var(--calc-shadow-card)}.page-body-ipv6 .calc-shell-port .calc-empty-copy,.page-body-ipv6 .calc-shell-port .calc-empty-presets{display:grid;gap:8px}.page-body-ipv6 .calc-shell-port .calc-empty-title{margin:0;color:var(--calc-text-title);font-size:1.125rem;font-weight:600;line-height:1.4}.page-body-ipv6 .calc-shell-port .calc-empty-summary{margin:0;color:var(--calc-text-secondary);font-size:.9375rem;line-height:1.5}.page-body-ipv6 .calc-shell-port .calc-empty-presets-title{margin:0;color:var(--calc-text-secondary);font-size:.75rem;font-weight:600;line-height:1rem;letter-spacing:.08em;text-transform:uppercase}.page-body-ipv6 .calc-shell-port .calc-empty-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.page-body-ipv6 .calc-shell-port .calc-example-chip{display:grid;gap:4px;padding:16px;border:1px solid var(--calc-border-card);border-radius:var(--calc-panel-radius);background:var(--calc-surface-input-soft);color:var(--calc-text-primary);text-align:left;box-shadow:var(--calc-shadow-inner)}.page-body-ipv6 .calc-shell-port .calc-example-chip-label{color:var(--calc-text-secondary);font-size:.75rem;font-weight:600;line-height:1rem;letter-spacing:.08em;text-transform:uppercase}.page-body-ipv6 .calc-shell-port .calc-example-chip-value{color:var(--calc-text-primary);font-family:var(--calc-text-mono);font-size:.9375rem;line-height:1.5}.page-body-ipv6 .calc-shell-port .calc-error{padding:16px 18px;border:1px solid rgba(239,68,68,.28);border-radius:var(--calc-panel-radius);background:#ef444414;color:#fecaca}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-error{color:#b91c1c;background:#ef444414}.page-body-ipv6 .calc-shell-port .calc-results,.page-body-ipv6 .calc-shell-port .calc-lower,.page-body-ipv6 .calc-shell-port .calc-grid,.page-body-ipv6 .calc-shell-port .calc-grid-primary,.page-body-ipv6 .calc-shell-port .calc-grid-secondary,.page-body-ipv6 .calc-shell-port .calc-bottom-stack{display:grid;gap:var(--calc-shell-gap)}.page-body-ipv6 .calc-shell-port .calc-lower{gap:var(--calc-lower-gap);grid-template-columns:minmax(0,1fr)}.page-body-ipv6 .calc-shell-port .calc-grid-primary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.page-body-ipv6 .calc-shell-port .calc-grid-secondary{grid-template-columns:minmax(0,var(--calc-lower-secondary-main)) minmax(0,var(--calc-lower-secondary-side));align-items:start}.page-body-ipv6 .calc-shell-port .calc-bottom-stack{gap:var(--calc-lower-stack-gap)}.page-body-ipv6 .calc-shell-port .calc-card{display:block;overflow:hidden;padding:0;border:1px solid var(--calc-border-card);border-radius:var(--calc-card-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--calc-surface-card) 96%,transparent),color-mix(in srgb,var(--calc-surface-input-soft) 92%,transparent));box-shadow:var(--calc-shadow-card)}.page-body-ipv6 .calc-shell-port .calc-card-subdivision[data-state=error]{border-color:#f8717157;background:linear-gradient(180deg,rgba(239,68,68,.12),var(--calc-surface-card))}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-card-subdivision[data-state=error]{border-color:#dc262647;background:linear-gradient(180deg,rgba(220,38,38,.08),var(--calc-surface-card))}.page-body-ipv6 .calc-shell-port .calc-card-head,.page-body-ipv6 .calc-shell-port .calc-specific-head{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0;min-height:54px;gap:12px;padding:16px var(--calc-card-header-x);box-sizing:border-box;background:var(--calc-surface-header)}.page-body-ipv6 .calc-shell-port .calc-card-head:after,.page-body-ipv6 .calc-shell-port .calc-specific-head:after{content:"";position:absolute;right:var(--calc-card-header-x);bottom:0;left:var(--calc-card-header-x);height:1px;background:var(--calc-border-card)}.page-body-ipv6 .calc-shell-port .calc-card-head-split{align-items:center}.page-body-ipv6 .calc-shell-port .calc-card-heading{display:inline-flex;align-items:center;align-self:center;gap:12px;min-height:22px;min-width:0}.page-body-ipv6 .calc-shell-port .calc-card-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--calc-accent);flex:0 0 auto;align-self:center}.page-body-ipv6 .calc-shell-port .calc-card-icon svg{width:20px;height:20px}.page-body-ipv6 .calc-shell-port .calc-card-title{margin:0;padding:0;display:block;color:var(--calc-text-title);font-size:.875rem;font-weight:500;line-height:1.25rem;letter-spacing:.04em;text-transform:uppercase;overflow:visible}.page-body-ipv6 .calc-shell-port .calc-card-body{display:grid;gap:20px;padding:var(--calc-card-body-padding)}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-list{display:grid;gap:0;margin:0}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-row{display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr);align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--calc-border-subtle)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-row{gap:10px;padding:10px 0}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-row:last-child{border-bottom:0;padding-bottom:0}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-label{margin:0;color:var(--calc-text-secondary);font-size:.875rem;font-weight:500;line-height:1.25rem;letter-spacing:0;text-transform:none}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-value-wrap{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-value{margin:0;min-width:0;color:var(--calc-text-primary);font-size:.875rem;font-weight:500;line-height:1.25rem;text-align:right;word-break:break-word}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-value-mono{font-family:var(--calc-text-mono)}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-value-primary{color:var(--calc-accent);font-weight:700}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-copy-action-inline{position:relative;flex:0 0 auto;width:var(--calc-action-inline-size);min-width:var(--calc-action-inline-size);height:var(--calc-action-inline-size);min-height:var(--calc-action-inline-size);padding:6px;border-radius:var(--calc-action-inline-radius);background:color-mix(in srgb,var(--calc-surface-header) 72%,transparent);color:var(--calc-text-secondary);transition:border-color .16s ease,background-color .16s ease,color .16s ease}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-copy-action-inline svg{width:16px;height:16px}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-copy-action-inline[data-copied=true],.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-copy-action-inline[data-copied=success],.page-body-ipv6 .calc-shell-port .calc-example-button[data-copied=true] .calc-example-copy,.page-body-ipv6 .calc-shell-port .calc-example-button[data-copied=success] .calc-example-copy{color:var(--calc-accent);border-color:color-mix(in srgb,var(--calc-accent) 35%,var(--calc-border-card))}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-copy-action-inline[data-copied=error],.page-body-ipv6 .calc-shell-port .calc-example-button[data-copied=error] .calc-example-copy{color:#f87171;border-color:#f871714d}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-card-summary .calc-copy-action-inline[data-copied=error],:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-example-button[data-copied=error] .calc-example-copy{color:#b91c1c}.page-body-ipv6 .calc-shell-port .calc-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-data-grid{gap:12px}.page-body-ipv6 .calc-shell-port .calc-data-item{display:grid;gap:8px;padding:16px;border:1px solid var(--calc-border-card);border-radius:var(--calc-panel-radius);background:var(--calc-surface-input-soft);box-shadow:var(--calc-shadow-inner)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-data-item{padding:14px}.page-body-ipv6 .calc-shell-port .calc-data-item-wide,.page-body-ipv6 .calc-shell-port .calc-capacity-block{grid-column:1 / -1}.page-body-ipv6 .calc-shell-port .calc-data-item-accent{background:linear-gradient(180deg,var(--calc-surface-accent),color-mix(in srgb,var(--calc-surface-input-soft) 94%,transparent));border-color:var(--calc-accent-border)}.page-body-ipv6 .calc-shell-port .calc-data-label{margin:0;color:var(--calc-text-secondary);font-size:.75rem;font-weight:500;line-height:1rem;letter-spacing:.08em;text-transform:uppercase}.page-body-ipv6 .calc-shell-port .calc-data-value{margin:0;color:var(--calc-text-primary);font-size:.875rem;font-weight:500;line-height:1.25rem}.page-body-ipv6 .calc-shell-port .calc-data-value-primary{font-family:var(--calc-text-mono);font-size:1.5rem;line-height:2rem;letter-spacing:-.02em}.page-body-ipv6 .calc-shell-port [data-calc-field=subnetCount]{max-width:100%;overflow-wrap:anywhere;word-break:break-word;font-size:clamp(1rem,.85rem + 1.1vw,1.5rem);line-height:1.15;letter-spacing:-.03em;font-variant-numeric:tabular-nums}:root[data-theme=light] .page-body-ipv6 .calc-shell-port [data-calc-field=subnetCount]{color:color-mix(in srgb,var(--calc-text-primary) 96%,black 4%)}.page-body-ipv6 .calc-shell-port .calc-data-value-mono,.page-body-ipv6 .calc-shell-port .calc-capacity-formula,.page-body-ipv6 .calc-shell-port .calc-capacity-exact,.page-body-ipv6 .calc-shell-port .calc-visual-value,.page-body-ipv6 .calc-shell-port .calc-example-button code,.page-body-ipv6 .calc-shell-port .calc-specific-context-index{font-family:var(--calc-text-mono)}.page-body-ipv6 .calc-shell-port .calc-data-item-metric-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 0;border-top:1px solid var(--calc-border-subtle);border-right:0;border-bottom:0;border-left:0;border-radius:0;background:transparent;box-shadow:none}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-data-item-metric-row{gap:12px;padding-top:10px}.page-body-ipv6 .calc-shell-port .calc-capacity-block{display:grid;gap:8px}.page-body-ipv6 .calc-shell-port .calc-capacity-block-label{color:var(--calc-text-secondary)}.page-body-ipv6 .calc-shell-port .calc-capacity-panel{display:grid;gap:3px;padding:16px;border-radius:var(--calc-panel-radius-sm);background:var(--calc-surface-inner);box-shadow:none}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-capacity-panel{gap:2px;padding:14px}.page-body-ipv6 .calc-shell-port .calc-capacity-panel .calc-data-value-primary{font-size:1.125rem;line-height:1.5rem}.page-body-ipv6 .calc-shell-port .calc-capacity-formula,.page-body-ipv6 .calc-shell-port .calc-capacity-exact{font-size:.75rem;line-height:1rem;color:var(--calc-text-tertiary)}.page-body-ipv6 .calc-shell-port .calc-visual-head,.page-body-ipv6 .calc-shell-port .calc-visual-copy{display:grid;gap:6px}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-head,:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-copy{gap:4px}.page-body-ipv6 .calc-shell-port .calc-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-grid{gap:10px}.page-body-ipv6 .calc-shell-port .calc-visual-hextet{display:grid;gap:8px;padding:12px;border:1px solid var(--calc-border-card);border-radius:var(--calc-panel-radius);background:var(--calc-surface-inner-soft);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-hextet{gap:6px;padding:10px}.page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-affected=true]{border-color:color-mix(in srgb,var(--calc-accent-border-strong) 20%,var(--calc-border-card));background:color-mix(in srgb,var(--calc-surface-input-soft) 97%,var(--calc-accent) 3%);box-shadow:none}.page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-flow=start]{border-color:color-mix(in srgb,var(--calc-accent-border-strong) 28%,var(--calc-border-card));background:color-mix(in srgb,var(--calc-surface-input-soft) 95%,var(--calc-accent) 5%);box-shadow:inset 2px 0 color-mix(in srgb,var(--calc-accent) 44%,transparent)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-affected=true]{border-color:color-mix(in srgb,var(--calc-accent-border-strong) 22%,var(--calc-border-card));background:color-mix(in srgb,white 97%,var(--calc-accent) 3%)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-flow=start]{border-color:color-mix(in srgb,var(--calc-accent-border-strong) 34%,var(--calc-border-card));background:color-mix(in srgb,white 95%,var(--calc-accent) 5%);box-shadow:inset 2px 0 color-mix(in srgb,var(--calc-accent) 48%,transparent)}.page-body-ipv6 .calc-shell-port .calc-visual-value{color:var(--calc-text-primary);font-size:1.125rem;font-weight:700;line-height:1.375rem;text-align:center}.page-body-ipv6 .calc-shell-port .calc-visual-value{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto 4px;gap:8px;align-items:end}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-value{gap:6px}.page-body-ipv6 .calc-shell-port .calc-visual-digit{position:relative;display:grid;place-items:center;min-width:0;min-height:34px;border:1px solid color-mix(in srgb,var(--calc-border-card) 78%,transparent);border-radius:8px;background-image:linear-gradient(90deg,var(--calc-surface-inner-soft) 0 var(--calc-digit-fixed-end),var(--calc-surface-accent-strong) var(--calc-digit-fixed-end) var(--calc-digit-subnet-end),color-mix(in srgb,var(--calc-text-faint) 16%,transparent) var(--calc-digit-subnet-end) 100%);color:color-mix(in srgb,var(--calc-text-primary) 96%,white 4%);font-size:1.02rem;font-weight:700;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Fira Code,SFMono-Regular,Consolas,Liberation Mono,monospace;box-shadow:inset 0 -1px #ffffff0a;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-digit{min-height:32px;border-color:color-mix(in srgb,var(--calc-border-card) 86%,transparent);color:color-mix(in srgb,var(--calc-text-primary) 94%,black 6%)}.page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=fixed]{background-image:none;background:color-mix(in srgb,#7c3aed 11%,var(--calc-surface-inner-soft) 89%);color:color-mix(in srgb,#c4b5fd 54%,var(--calc-text-secondary) 46%);border-color:color-mix(in srgb,#7c3aed 20%,var(--calc-border-card) 80%)}.page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=subnet][data-flow=start],.page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=subnet][data-flow=continue]{background-image:none;background:color-mix(in srgb,var(--calc-accent) 34%,var(--calc-surface-accent-strong));border-color:color-mix(in srgb,var(--calc-accent-border-strong) 78%,var(--calc-border-card));color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--calc-accent) 12%,transparent),inset 0 -1px #ffffff0f}.page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=host]{background-image:none;background:color-mix(in srgb,var(--calc-text-faint) 7%,transparent);color:var(--calc-text-tertiary);border-color:transparent}.page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=mixed]{border-color:color-mix(in srgb,var(--calc-accent-border-strong) 82%,var(--calc-border-card));background-image:repeating-linear-gradient(135deg,transparent 0 5px,rgba(255,255,255,.22) 5px 7px),linear-gradient(90deg,color-mix(in srgb,#8b5cf6 14%,var(--calc-surface-inner-soft) 86%) 0 var(--calc-digit-fixed-end),color-mix(in srgb,var(--calc-accent) 26%,var(--calc-surface-accent-strong)) var(--calc-digit-fixed-end) var(--calc-digit-subnet-end),color-mix(in srgb,var(--calc-text-faint) 10%,transparent) var(--calc-digit-subnet-end) 100%);color:color-mix(in srgb,var(--calc-text-primary) 96%,white 4%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--calc-accent) 18%,transparent)}.page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=mixed][data-flow=continue]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--calc-accent) 24%,transparent),0 0 0 1px color-mix(in srgb,var(--calc-accent) 10%,transparent)}.page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=mixed][data-flow=start]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--calc-accent) 28%,transparent),0 0 0 1px color-mix(in srgb,var(--calc-accent) 22%,transparent),0 6px 14px #2563eb1f}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=fixed]{background:color-mix(in srgb,#7c3aed 18%,white 82%);color:color-mix(in srgb,#5b21b6 78%,var(--calc-text-secondary) 22%);border-color:color-mix(in srgb,#7c3aed 34%,var(--calc-border-card) 66%)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=subnet][data-flow=start]{background:color-mix(in srgb,var(--calc-accent) 36%,white 64%);color:color-mix(in srgb,var(--calc-accent) 92%,black 8%);border-color:color-mix(in srgb,var(--calc-accent-border-strong) 60%,var(--calc-border-card));box-shadow:0 0 0 1px color-mix(in srgb,var(--calc-accent) 10%,transparent),inset 0 -1px #ffffff3d}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=subnet][data-flow=continue]{background:color-mix(in srgb,var(--calc-accent) 36%,white 64%);color:color-mix(in srgb,var(--calc-accent) 88%,black 12%);border-color:color-mix(in srgb,var(--calc-accent-border-strong) 60%,var(--calc-border-card));box-shadow:0 0 0 1px color-mix(in srgb,var(--calc-accent) 10%,transparent),inset 0 -1px #ffffff3d}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=host]{background:color-mix(in srgb,var(--calc-text-faint) 9%,white 91%);color:color-mix(in srgb,var(--calc-text-tertiary) 84%,black 16%)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=mixed]{background-image:repeating-linear-gradient(135deg,transparent 0 5px,rgba(37,99,235,.08) 5px 7px),linear-gradient(90deg,color-mix(in srgb,#7c3aed 14%,white 86%) 0 var(--calc-digit-fixed-end),color-mix(in srgb,var(--calc-accent) 24%,white 76%) var(--calc-digit-fixed-end) var(--calc-digit-subnet-end),color-mix(in srgb,var(--calc-text-faint) 9%,white 91%) var(--calc-digit-subnet-end) 100%);color:color-mix(in srgb,var(--calc-text-primary) 92%,black 8%)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-digit[data-state=mixed][data-flow=continue]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--calc-accent) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--calc-accent) 8%,transparent)}.page-body-ipv6 .calc-shell-port .calc-visual-range{position:relative;grid-column:var(--calc-range-start) / var(--calc-range-end);grid-row:2;display:block;height:3px;align-self:start;border-radius:999px;background:color-mix(in srgb,var(--calc-accent) 78%,white 22%)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-range{background:color-mix(in srgb,var(--calc-accent) 76%,black 6%)}.page-body-ipv6 .calc-shell-port .calc-visual-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}.page-body-ipv6 .calc-shell-port .calc-visual-summary{display:grid;gap:8px}.page-body-ipv6 .calc-shell-port .calc-visual-summary-main{color:var(--calc-text-primary);font-size:.92rem;font-weight:700;line-height:1.2rem}.page-body-ipv6 .calc-shell-port .calc-visual-summary-meta{display:flex;flex-wrap:wrap;gap:8px}.page-body-ipv6 .calc-shell-port .calc-visual-summary-chip{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--calc-border-card) 72%,transparent);border-radius:999px;background:color-mix(in srgb,var(--calc-surface-input-soft) 94%,transparent);color:color-mix(in srgb,var(--calc-text-secondary) 92%,white 8%);font-size:.72rem;font-weight:600;line-height:1}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-summary-chip{border-color:color-mix(in srgb,var(--calc-border-card) 82%,transparent);background:color-mix(in srgb,white 94%,var(--calc-text-faint) 6%);color:color-mix(in srgb,var(--calc-text-secondary) 90%,black 10%)}.page-body-ipv6 .calc-shell-port .calc-visual-summary-exact{color:var(--calc-text-tertiary);font-size:.72rem;line-height:.95rem}.page-body-ipv6 .calc-shell-port .calc-visual-label,.page-body-ipv6 .calc-shell-port .calc-visual-state,.page-body-ipv6 .calc-shell-port .calc-visual-legend-item{margin:0;color:var(--calc-text-secondary);font-size:.625rem;font-weight:500;line-height:.875rem;letter-spacing:.06em;text-transform:uppercase}.page-body-ipv6 .calc-shell-port .calc-visual-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-legend{gap:10px 18px}.page-body-ipv6 .calc-shell-port .calc-visual-legend-item{display:inline-flex;align-items:center;gap:8px}.page-body-ipv6 .calc-shell-port .calc-visual-swatch{width:10px;height:10px;border:1px solid var(--calc-border-card);border-radius:3px}.page-body-ipv6 .calc-shell-port .calc-visual-legend-item[data-kind=fixed] .calc-visual-swatch{background:color-mix(in srgb,#7c3aed 12%,var(--calc-surface-inner-soft) 88%);border-color:color-mix(in srgb,#7c3aed 22%,var(--calc-border-card) 78%)}.page-body-ipv6 .calc-shell-port .calc-visual-legend-item[data-kind=subnet-start],.page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-flow=start] .calc-visual-label,.page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-flow=start] .calc-visual-state{color:color-mix(in srgb,var(--calc-accent) 82%,white 18%)}.page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-flow=continue] .calc-visual-label,.page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-flow=continue] .calc-visual-state{color:color-mix(in srgb,var(--calc-accent) 56%,var(--calc-text-secondary))}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-flow=start] .calc-visual-label,:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-flow=start] .calc-visual-state{color:color-mix(in srgb,var(--calc-accent) 82%,black 18%)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-flow=continue] .calc-visual-label,:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-visual-hextet[data-flow=continue] .calc-visual-state{color:color-mix(in srgb,var(--calc-accent) 62%,var(--calc-text-secondary))}.page-body-ipv6 .calc-shell-port .calc-visual-state{font-size:.58rem;line-height:.8rem}.page-body-ipv6 .calc-shell-port .calc-visual-legend-item[data-kind=subnet-start] .calc-visual-swatch{background:color-mix(in srgb,var(--calc-accent) 22%,var(--calc-surface-accent-strong));border-color:var(--calc-accent-border-strong)}.page-body-ipv6 .calc-shell-port .calc-visual-legend-item[data-kind=subnet-continue] .calc-visual-swatch{background:var(--calc-surface-accent-strong);border-color:color-mix(in srgb,var(--calc-accent-border-strong) 72%,var(--calc-border-card))}.page-body-ipv6 .calc-shell-port .calc-visual-legend-item[data-kind=host] .calc-visual-swatch{background:color-mix(in srgb,var(--calc-text-faint) 16%,transparent)}.page-body-ipv6 .calc-shell-port .calc-visual-legend-item[data-kind=mixed] .calc-visual-swatch{width:14px;background-image:linear-gradient(90deg,var(--calc-surface-inner-soft) 0 25%,var(--calc-surface-accent-strong) 25% 75%,color-mix(in srgb,var(--calc-text-faint) 16%,transparent) 75% 100%);border-color:color-mix(in srgb,var(--calc-accent-border-strong) 72%,var(--calc-border-card))}.page-body-ipv6 .calc-shell-port .calc-examples{display:grid;gap:var(--calc-panel-gap)}.page-body-ipv6 .calc-shell-port .calc-example-button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px;border:1px solid var(--calc-border-card);border-radius:var(--calc-panel-radius);background:var(--calc-surface-input-soft);color:var(--calc-text-primary);box-shadow:var(--calc-shadow-inner);text-align:left}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-example-button{gap:10px;padding:10px}.page-body-ipv6 .calc-shell-port .calc-example-meta{display:grid;gap:4px;min-width:0;flex:1 1 auto}.page-body-ipv6 .calc-shell-port .calc-example-label{color:var(--calc-text-secondary);font-size:.75rem;font-weight:600;line-height:1rem;letter-spacing:.08em;text-transform:uppercase}.page-body-ipv6 .calc-shell-port .calc-example-button code{font-size:.875rem;line-height:1.375rem;word-break:break-word;white-space:normal}.page-body-ipv6 .calc-shell-port .calc-example-copy{flex:0 0 auto;align-self:center;min-height:var(--calc-action-height);padding:0 var(--calc-action-padding-x);font-size:var(--calc-action-font-size)}.page-body-ipv6 .calc-shell-port .calc-card-subnets,.page-body-ipv6 .calc-shell-port .calc-card-notes{width:100%}.page-body-ipv6 .calc-shell-port .calc-card-subnets .calc-card-body{gap:14px}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-card-subnets .calc-card-body{gap:12px}.page-body-ipv6 .calc-shell-port .calc-subnets-tabs{display:inline-flex;flex-wrap:wrap;gap:6px;padding:4px;border:1px solid var(--calc-border-card);border-radius:calc(var(--calc-panel-radius) + 2px);background:color-mix(in srgb,var(--calc-surface-input-soft) 92%,transparent)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-subnets-tabs{background:color-mix(in srgb,var(--calc-surface-inner-soft) 94%,white 6%)}.page-body-ipv6 .calc-shell-port .calc-subnets-tab{min-height:34px;padding:0 12px;border:0;border-radius:calc(var(--calc-panel-radius) - 2px);background:transparent;color:var(--calc-text-secondary);font-size:.8125rem;font-weight:600;line-height:1rem;letter-spacing:.04em;cursor:pointer;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.page-body-ipv6 .calc-shell-port .calc-subnets-tab[data-active=true]{background:color-mix(in srgb,var(--calc-accent) 22%,var(--calc-surface-card));color:var(--calc-text-primary);box-shadow:var(--calc-shadow-inner)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-subnets-tab[data-active=true]{background:color-mix(in srgb,var(--calc-accent) 16%,white 84%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--calc-accent) 18%,transparent)}.page-body-ipv6 .calc-shell-port .calc-subnets-tab:focus-visible{outline:2px solid color-mix(in srgb,var(--calc-accent) 56%,white 12%);outline-offset:2px}.page-body-ipv6 .calc-shell-port .calc-subnets-panel{display:grid;gap:14px}.page-body-ipv6 .calc-shell-port .calc-subnets-panel-head,.page-body-ipv6 .calc-shell-port .calc-range-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.page-body-ipv6 .calc-shell-port .calc-subnets-panel-title{color:var(--calc-text-secondary);font-size:.8125rem;font-weight:600;line-height:1.25rem}.page-body-ipv6 .calc-shell-port .calc-specific-head{flex-wrap:wrap}.page-body-ipv6 .calc-shell-port .calc-specific-shortcuts{display:inline-flex;flex-wrap:wrap;gap:6px}.page-body-ipv6 .calc-shell-port .calc-specific-field{display:grid;gap:5px;width:100%}.page-body-ipv6 .calc-shell-port .calc-specific-input{min-height:42px;padding:0 42px 0 14px;border-radius:var(--calc-panel-radius);font-size:.9375rem;line-height:1.25rem}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-specific-input{min-height:40px;padding:0 40px 0 12px}.page-body-ipv6 .calc-shell-port .calc-specific-clear{right:8px;width:26px;height:26px;border-radius:999px}.page-body-ipv6 .calc-shell-port .calc-specific-range,.page-body-ipv6 .calc-shell-port .calc-specific-context-title{color:var(--calc-text-secondary);font-size:.8125rem;line-height:1.375rem}.page-body-ipv6 .calc-shell-port .calc-specific-error{color:#fca5a5;font-size:.8125rem;font-weight:600}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-specific-error{color:#b91c1c}.page-body-ipv6 .calc-shell-port .calc-specific-result,.page-body-ipv6 .calc-shell-port .calc-specific-context-item,.page-body-ipv6 .calc-shell-port .calc-note-item{background:var(--calc-surface-input-soft);box-shadow:var(--calc-shadow-inner)}.page-body-ipv6 .calc-shell-port .calc-specific-result{gap:8px;padding:12px}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-specific-result{gap:7px;padding:11px}.page-body-ipv6 .calc-shell-port .calc-specific-result .calc-data-value,.page-body-ipv6 .calc-shell-port .calc-specific-result .calc-data-value-primary{font-size:1.0625rem;font-weight:500;line-height:1.375rem;letter-spacing:-.015em}.page-body-ipv6 .calc-shell-port .calc-data-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.page-body-ipv6 .calc-shell-port .calc-specific-context{display:grid;gap:10px}.page-body-ipv6 .calc-shell-port .calc-range-generator{display:grid;gap:12px;padding-top:4px}.page-body-ipv6 .calc-shell-port .calc-range-head,.page-body-ipv6 .calc-shell-port .calc-range-presets,.page-body-ipv6 .calc-shell-port .calc-range-fields{display:flex;align-items:center;gap:8px}.page-body-ipv6 .calc-shell-port .calc-range-head,.page-body-ipv6 .calc-shell-port .calc-range-fields{flex-wrap:wrap}.page-body-ipv6 .calc-shell-port .calc-range-title,.page-body-ipv6 .calc-shell-port .calc-range-presets-label,.page-body-ipv6 .calc-shell-port .calc-range-helper{color:var(--calc-text-secondary);font-size:.8125rem;line-height:1.375rem}.page-body-ipv6 .calc-shell-port .calc-range-title{font-weight:600}.page-body-ipv6 .calc-shell-port .calc-range-presets{flex-wrap:wrap}.page-body-ipv6 .calc-shell-port .calc-range-fields .calc-specific-field{flex:1 1 220px}.page-body-ipv6 .calc-shell-port .calc-range-results{display:grid;gap:10px;padding:12px;border:1px solid var(--calc-border-card);border-radius:var(--calc-panel-radius);background:var(--calc-surface-input-soft);box-shadow:var(--calc-shadow-inner)}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-range-results{padding:11px}.page-body-ipv6 .calc-shell-port .calc-range-list{display:grid;gap:8px;max-height:420px;overflow:auto;padding-right:2px}.page-body-ipv6 .calc-shell-port .calc-range-item{display:grid;gap:4px;padding:10px 11px;border:1px solid var(--calc-border-card);border-radius:calc(var(--calc-panel-radius) - 2px);background:color-mix(in srgb,var(--calc-surface-inner-soft) 88%,transparent)}.page-body-ipv6 .calc-shell-port .calc-range-index{margin:0;color:var(--calc-text-secondary);font-size:.75rem;font-weight:600;line-height:1rem}.page-body-ipv6 .calc-shell-port .calc-range-subnet{margin:0;color:var(--calc-text-primary);font-size:.875rem;line-height:1.2rem;overflow-wrap:anywhere}.page-body-ipv6 .calc-shell-port .calc-specific-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-specific-context-grid{gap:9px}.page-body-ipv6 .calc-shell-port .calc-specific-context-item{gap:4px;padding:10px}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-specific-context-item{padding:9px}.page-body-ipv6 .calc-shell-port .calc-specific-context-item[data-calc-specific-context-item=current]{border-color:var(--calc-accent-border);background:linear-gradient(180deg,var(--calc-surface-accent),color-mix(in srgb,var(--calc-surface-input-soft) 94%,transparent));box-shadow:var(--calc-shadow-inner)}.page-body-ipv6 .calc-shell-port .calc-card-subdivision[data-state=error] .calc-inline-note{color:#ffb4b4;font-weight:600}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-card-subdivision[data-state=error] .calc-inline-note{color:#b42318}.page-body-ipv6 .calc-shell-port .calc-specific-context-index{color:var(--calc-text-tertiary);font-size:.6875rem;line-height:.9375rem}.page-body-ipv6 .calc-shell-port .calc-specific-context-item .calc-data-head{gap:6px}.page-body-ipv6 .calc-shell-port .calc-specific-context-item .calc-data-value{font-size:.8125rem;line-height:1.125rem;overflow-wrap:anywhere}.page-body-ipv6 .calc-shell-port .calc-specific-result .calc-copy-action,.page-body-ipv6 .calc-shell-port .calc-specific-context-item .calc-copy-action{min-width:48px;min-height:24px;padding:0 8px;align-self:center}.page-body-ipv6 .calc-shell-port .calc-note-list{display:grid;gap:var(--calc-panel-gap);padding:0;margin:0;list-style:none}.page-body-ipv6 .calc-shell-port .calc-card-notes-compact .calc-card-body{gap:0}.page-body-ipv6 .calc-shell-port .calc-notes-disclosure{display:grid;gap:12px}.page-body-ipv6 .calc-shell-port .calc-notes-summary{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:0;border:0;background:transparent;color:var(--calc-text-secondary);font-size:.8125rem;font-weight:600;line-height:1.25rem;cursor:pointer;list-style:none}.page-body-ipv6 .calc-shell-port .calc-notes-summary::-webkit-details-marker{display:none}.page-body-ipv6 .calc-shell-port .calc-notes-summary:before{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .14s ease}.page-body-ipv6 .calc-shell-port .calc-notes-disclosure[open] .calc-notes-summary:before{transform:rotate(45deg)}.page-body-ipv6 .calc-shell-port .calc-notes-panel{display:grid;gap:12px}.page-body-ipv6 .calc-shell-port .calc-note-item{padding:14px;border:1px solid var(--calc-border-card);border-radius:var(--calc-panel-radius);color:var(--calc-text-secondary);font-size:.875rem;line-height:1.5}:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-note-item{padding:12px}.page-body-ipv6 .calc-tool:is([data-ui-state=empty],[data-ui-state=editing],[data-ui-state=invalid]) .calc-shell-port .calc-workbench{grid-template-columns:minmax(0,1fr);justify-content:center}.page-body-ipv6 .calc-tool:is([data-ui-state=empty],[data-ui-state=editing],[data-ui-state=invalid]) .calc-shell-port .calc-hero-divider,.page-body-ipv6 .calc-tool:is([data-ui-state=empty],[data-ui-state=editing],[data-ui-state=invalid]) .calc-shell-port .calc-hero-target{display:none}.page-body-ipv6 .calc-tool:is([data-ui-state=empty],[data-ui-state=editing],[data-ui-state=invalid]) .calc-shell-port .calc-hero-input{width:min(100%,760px);margin-inline:auto}.page-body-ipv6 .calc-tool:is([data-ui-state=empty],[data-ui-state=editing],[data-ui-state=invalid]) .calc-shell-port .calc-hero-input .calc-label,.page-body-ipv6 .calc-tool:is([data-ui-state=empty],[data-ui-state=editing],[data-ui-state=invalid]) .calc-shell-port .calc-empty-state{text-align:center}.page-body-ipv6 .calc-tool:is([data-ui-state=empty],[data-ui-state=editing],[data-ui-state=invalid]) .calc-shell-port .calc-input,.page-body-ipv6 .calc-tool:is([data-ui-state=empty],[data-ui-state=editing],[data-ui-state=invalid]) .calc-shell-port .calc-input::placeholder{text-align:center}.page-body-ipv6 .calc-tool[data-ui-state=invalid] .calc-shell-port .calc-empty-state{gap:6px;padding:10px 11px}.page-body-ipv6 .calc-tool[data-ui-state=invalid] .calc-shell-port .calc-empty-title,.page-body-ipv6 .calc-tool[data-ui-state=invalid] .calc-shell-port .calc-empty-summary{display:none}.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-workbench{grid-template-columns:minmax(0,860px);justify-content:center}.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-hero-divider,.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-hero-target{display:none}.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-form,.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-results,.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-grid-primary,.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-lower,.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-grid-secondary,.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-bottom-stack{width:min(100%,860px);margin-inline:auto}.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-hero-input .calc-label,.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-mode-note{text-align:center}.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-grid-primary,.page-body-ipv6 .calc-tool[data-ui-state=single-address] .calc-shell-port .calc-grid-secondary{grid-template-columns:1fr}@media(max-width:1100px){.page-body-ipv6 .calc-shell-port .calc-grid-primary,.page-body-ipv6 .calc-shell-port .calc-grid-secondary{grid-template-columns:1fr}}@media(max-width:960px){.page-body-ipv6 .calc-shell-port .calc-workbench,:root[data-theme=light] .page-body-ipv6 .calc-shell-port .calc-workbench,:root[data-theme=dark] .page-body-ipv6 .calc-shell-port .calc-workbench{grid-template-columns:1fr;gap:20px}.page-body-ipv6 .calc-shell-port .calc-hero-divider{display:none}.page-body-ipv6 .calc-shell-port .calc-hero-target{max-width:none}.page-body-ipv6 .calc-shell-port .calc-empty-examples,.page-body-ipv6 .calc-shell-port .calc-specific-context-grid{grid-template-columns:1fr}.page-body-ipv6 .calc-shell-port .calc-specific-context-item[data-calc-specific-context-item=current]{grid-column:auto}}@media(max-width:760px){.page-body-ipv6 .calc-shell-port{--calc-shell-gap: 20px;--calc-hero-padding: 20px;--calc-card-body-padding: 18px;--calc-card-header-x: 18px;--calc-card-header-y: 14px}.page-body-ipv6 .calc-shell-port .calc-hero-inner{gap:0}.page-body-ipv6 .calc-shell-port .calc-input,.page-body-ipv6 .calc-shell-port .calc-specific-input{min-height:50px;font-size:1rem}.page-body-ipv6 .calc-shell-port .calc-hero-target,.page-body-ipv6 .calc-shell-port .calc-field-prefix{width:100%;min-width:0}.page-body-ipv6 .calc-shell-port .calc-field-prefix{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "actions" "input" "slider";gap:12px;row-gap:10px}.page-body-ipv6 .calc-shell-port .calc-target-input{width:92px;min-width:92px;font-size:1rem}.page-body-ipv6 .calc-shell-port .calc-hero-target .calc-label{max-width:none;justify-self:start;white-space:normal;word-break:normal;overflow-wrap:normal;text-wrap:balance;font-size:.6875rem;line-height:1.125rem;letter-spacing:.06em}.page-body-ipv6 .calc-shell-port .calc-target-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;width:100%;min-width:0;white-space:normal;justify-self:stretch}.page-body-ipv6 .calc-shell-port .calc-target-actions .calc-hero-actions{display:flex;justify-content:flex-start;flex:0 0 auto;min-width:0}.page-body-ipv6 .calc-shell-port .calc-target-actions .calc-link-action{flex:0 0 auto;min-height:32px;max-width:none;padding-inline:12px}.page-body-ipv6 .calc-shell-port .calc-help-popover,.page-body-ipv6 .calc-shell-port .calc-help-toggle{flex:0 0 auto}.page-body-ipv6 .calc-shell-port .calc-target-topline{width:100%;justify-content:flex-start;margin-bottom:6px;justify-self:stretch}.page-body-ipv6 .calc-shell-port .calc-target-input{width:92px;min-width:92px;min-height:34px;padding-inline:12px}.page-body-ipv6 .calc-shell-port .calc-target-slider{width:100%;gap:8px;justify-self:stretch}.page-body-ipv6 .calc-shell-port .calc-card-head,.page-body-ipv6 .calc-shell-port .calc-specific-head{min-height:48px;gap:10px;padding-block:14px}.page-body-ipv6 .calc-shell-port .calc-card-heading{gap:10px}.page-body-ipv6 .calc-shell-port .calc-card-title{font-size:.8125rem;line-height:1.125rem}.page-body-ipv6 .calc-shell-port .calc-card-body{gap:16px}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-row{grid-template-columns:1fr;gap:6px;padding-block:10px}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-value-wrap,.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-value,.page-body-ipv6 .calc-shell-port .calc-data-item-metric-row .calc-data-value{justify-content:flex-start;text-align:left}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-value-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;width:100%;gap:8px}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-summary-value{overflow-wrap:anywhere}.page-body-ipv6 .calc-shell-port .calc-card-summary .calc-copy-action-inline{width:32px;min-width:32px;height:32px;min-height:32px;justify-self:start}.page-body-ipv6 .calc-shell-port .calc-data-grid,.page-body-ipv6 .calc-shell-port .calc-data-grid-compact{grid-template-columns:1fr}.page-body-ipv6 .calc-shell-port [data-calc-field=subnetCount]{font-size:clamp(.96rem,.82rem + 1vw,1.2rem)}.page-body-ipv6 .calc-shell-port .calc-data-item-metric-row{flex-direction:column;align-items:flex-start}.page-body-ipv6 .calc-shell-port .calc-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-body-ipv6 .calc-shell-port .calc-visual-hextet{padding:10px}.page-body-ipv6 .calc-shell-port .calc-visual-value{font-size:1rem;line-height:1.25rem}.page-body-ipv6 .calc-shell-port .calc-visual-value{gap:6px}.page-body-ipv6 .calc-shell-port .calc-visual-meta{flex-direction:column;align-items:flex-start;gap:4px}.page-body-ipv6 .calc-shell-port .calc-visual-legend{justify-content:flex-start;gap:8px 12px}.page-body-ipv6 .calc-shell-port .calc-example-button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.page-body-ipv6 .calc-shell-port .calc-example-copy{min-height:30px;align-self:start}.page-body-ipv6 .calc-shell-port .calc-specific-head{align-items:flex-start}.page-body-ipv6 .calc-shell-port .calc-specific-shortcuts,.page-body-ipv6 .calc-shell-port .calc-subnets-tabs{width:100%}.page-body-ipv6 .calc-shell-port .calc-subnets-tab{flex:1 1 0;justify-content:center}.page-body-ipv6 .calc-shell-port .calc-specific-result .calc-data-head,.page-body-ipv6 .calc-shell-port .calc-specific-context-item .calc-data-head{align-items:flex-start;flex-wrap:wrap}.page-body-ipv6 .calc-shell-port .calc-specific-result .calc-copy-action,.page-body-ipv6 .calc-shell-port .calc-specific-context-item .calc-copy-action{min-height:28px}.page-body-ipv6 .calc-shell-port .calc-note-item{padding:12px}}@media(max-width:560px){.page-body-ipv6 .calc-shell-port .calc-example-button{grid-template-columns:1fr}.page-body-ipv6 .calc-shell-port .calc-example-copy{justify-self:start}.page-body-ipv6 .calc-shell-port .calc-visual-grid{grid-template-columns:1fr}.page-body-ipv6 .calc-shell-port .calc-subnets-tab{flex-basis:calc(50% - 6px)}}.page-body-ipv6 .calc-shell-port .calc-clear-button[hidden],.page-body-ipv6 .calc-shell-port .calc-secondary-actions[hidden],.page-body-ipv6 .calc-shell-port .calc-results[hidden],.page-body-ipv6 .calc-shell-port .calc-controls[hidden],.page-body-ipv6 .calc-shell-port .calc-empty-state[hidden],.page-body-ipv6 .calc-shell-port .calc-mode-note[hidden],.page-body-ipv6 .calc-shell-port .calc-error[hidden],.page-body-ipv6 .calc-shell-port .calc-card[hidden],.page-body-ipv6 .calc-shell-port .calc-inline-note[hidden],.page-body-ipv6 .calc-shell-port .calc-subnets-panel[hidden],.page-body-ipv6 .calc-shell-port .calc-specific-subnet[hidden],.page-body-ipv6 .calc-shell-port .calc-range-generator[hidden],.page-body-ipv6 .calc-shell-port .calc-range-results[hidden],.page-body-ipv6 .calc-shell-port .calc-specific-result[hidden],.page-body-ipv6 .calc-shell-port .calc-specific-chip[hidden],.page-body-ipv6 .calc-shell-port .calc-specific-context[hidden],.page-body-ipv6 .calc-shell-port .calc-specific-context-item[hidden]{display:none!important}