@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/_astro/martian-mono-cyrillic-ext-wdth-normal.BFx_pHPN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/_astro/martian-mono-cyrillic-wdth-normal.Dgr-UBxV.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/_astro/martian-mono-latin-ext-wdth-normal.DeTdBbNh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 112.5%;src:url(/_astro/martian-mono-latin-wdth-normal.1TqSgyfh.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-ext-wght-normal.C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-wght-normal.BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--void:#07101a;--panel:#0c1826;--field:#0f2032;--grid:#60a5dc0e;--line:#1b3045;--line-bright:#2a4863;--ink:#d8e6f2;--ink-2:#8199ae;--net:#45b8ff;--net-glow:#45b8ff6b;--net-soft:#45b8ff1f;--on-net:#031019;--host:#ffb347;--host-soft:#ffb3471a;--host-line:#ffb34780;--ok:#3ee08f;--ok-glow:#3ee08f80;--brown:#c98a5a;--err:#ff6b7a;--err-soft:#ff6b7a1a;--note-soft:#ffb34714;--mono:"Martian Mono Variable", ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--sans:"Atkinson Hyperlegible Next Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-sm:.85rem;--t-md:1.0625rem;--t-lg:1.33rem;--t-xl:1.66rem;--t-2xl:clamp(1.75rem, 6.5vw, 2.6rem);--gutter:16px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--line-bright) var(--void);font-size:100%}body{color:var(--ink);font:400 var(--t-md) / 1.55 var(--sans);background-color:var(--void);background-image:radial-gradient(ellipse 90% 45% at 50% -8%, #45b8ff21, transparent 70%), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:auto,28px 28px,28px 28px;flex-direction:column;min-height:100vh;margin:0;display:flex}::selection{color:#fff;background:#45b8ff59}main{flex:1;padding-block:2.25rem 4rem}.wrap{width:100%;max-width:56rem;padding-inline:var(--gutter);margin-inline:auto}.measure{max-width:38rem}a{color:var(--net);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-shadow:0 0 12px var(--net-glow);text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--net);outline-offset:2px;box-shadow:0 0 0 5px var(--net-soft);border-radius:3px}h1,h2,h3{margin:0;line-height:1.15}h1,h2{word-spacing:-.28em}h1{font:620 var(--t-2xl) / 1.08 var(--mono);letter-spacing:-.035em;color:#f0f7fd;text-shadow:0 0 28px #45b8ff47;margin-bottom:.75rem;font-stretch:100%}@media (width>=40rem){h1{font-stretch:112.5%}}h2{font:600 var(--t-lg) / 1.2 var(--mono);letter-spacing:-.02em;margin:3rem 0 1rem}h3{font:700 var(--t-md) / 1.3 var(--sans);margin-bottom:.4rem}p{margin:0 0 1rem}code,.mono{font-family:var(--mono);font-size:.88em;font-stretch:87.5%}code{background:var(--field);border:1px solid var(--line);border-radius:3px;padding:.05em .35em}.lede{font-size:var(--t-lg);color:var(--ink-2);max-width:36rem;line-height:1.45}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--panel);z-index:10;padding:.5rem 1rem;position:absolute;top:.5rem;left:-999px}.skip:focus{left:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.site-header{border-bottom:1px solid var(--line);background:#07101ab8}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.25rem;padding-block:1rem;display:flex}.brand{font:700 1.05rem / 1 var(--mono);letter-spacing:-.04em;color:var(--ink);font-stretch:112.5%;text-decoration:none}.brand:hover{text-shadow:none}.led{vertical-align:.12em;background:var(--ok);width:.5rem;height:.5rem;box-shadow:0 0 6px var(--ok), 0 0 14px var(--ok-glow);border-radius:50%;margin-right:.6rem;display:inline-block}.site-nav{gap:1.25rem;display:flex}.site-nav a{color:var(--ink-2);border-bottom:2px solid #0000;padding-block:.2rem;text-decoration:none}.site-nav a:hover{color:var(--ink);text-shadow:none}.site-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--net);box-shadow:0 6px 12px -8px var(--net-glow)}.site-footer{border-top:1px solid var(--line);color:var(--ink-2);font-size:var(--t-sm);padding-block:1.5rem}.site-footer p{max-width:38rem;margin:0}.footer-row{flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;display:flex}button,.button{font:600 var(--t-md) / 1.2 var(--sans);cursor:pointer;border:1px solid var(--line-bright);background:var(--field);color:var(--ink);border-radius:6px;align-items:center;gap:.4rem;padding:.55rem .9rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,color .15s;display:inline-flex}button:hover:not(:disabled),.button:hover{border-color:var(--net);color:#fff}button:disabled{opacity:.35;cursor:default}.button.primary,button.primary{background:var(--net);border-color:var(--net);color:var(--on-net)}.button.primary:hover,button.primary:hover:not(:disabled){color:var(--on-net);box-shadow:0 0 18px var(--net-glow)}input[type=text],input[type=number]{font:500 1.2rem / 1.3 var(--mono);color:var(--ink);caret-color:var(--net);background:var(--field);border:1px solid var(--line-bright);border-radius:6px;min-width:0;padding:.7rem .85rem;font-stretch:87.5%;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#4f6a82}input[type=text]:focus,input[type=number]:focus{border-color:var(--net);box-shadow:0 0 0 3px var(--net-soft)}input[type=number]{width:6.5rem}label,legend{font-weight:700}.message{border-left:3px solid #0000;border-radius:0 6px 6px 0;max-width:40rem;margin:1rem 0;padding:.65rem .9rem}.message:empty{display:none}.message.error{background:var(--err-soft);border-left-color:var(--err)}.message.note{background:var(--note-soft);border-left-color:var(--host)}.text-button{font:500 .95em / inherit var(--mono);color:var(--net);text-underline-offset:.2em;background:0 0;border:0;padding:0;font-stretch:87.5%;text-decoration:underline;display:inline}.text-button:hover:not(:disabled){text-shadow:0 0 12px var(--net-glow)}.bench,.tile{border:1px solid var(--line-bright);background:linear-gradient(#102234e6,#0a1623e6);border-radius:4px;position:relative;box-shadow:0 24px 48px -28px #000c,inset 0 1px #ffffff08}.bench:before,.tile:before{content:"";pointer-events:none;--c:var(--net);background:linear-gradient(var(--c), var(--c)) top left / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) top left / 2px 16px no-repeat, linear-gradient(var(--c), var(--c)) top right / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) top right / 2px 16px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 2px 16px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 2px 16px no-repeat;filter:drop-shadow(0 0 4px var(--net-glow));position:absolute;inset:-1px}.ruler{grid-template-columns:repeat(4,1fr);gap:.9rem .7rem;display:grid}@media (width<=34rem){.ruler{grid-template-columns:repeat(2,1fr)}}.octet{flex-direction:column;gap:.3rem;min-width:0;display:flex}.octet-dec{font:600 var(--t-sm) / 1 var(--mono);color:var(--ink-2)}.octet-bits{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.cell{font:650 clamp(.8rem, 3.4vw, 1.1rem) / 1 var(--mono);text-align:center;user-select:none;animation:.55s cubic-bezier(.2,.7,.2,1) both boot;animation-delay:calc((var(--o,0) + var(--b,0)) * 18ms);border-radius:2px;padding:.55rem 0;font-stretch:75%;transition:background-color .14s,color .14s,box-shadow .14s;position:relative}.octet:nth-child(2){--o:8}.octet:nth-child(3){--o:16}.octet:nth-child(4){--o:24}.cell:nth-child(2){--b:1}.cell:nth-child(3){--b:2}.cell:nth-child(4){--b:3}.cell:nth-child(5){--b:4}.cell:nth-child(6){--b:5}.cell:nth-child(7){--b:6}.cell:nth-child(8){--b:7}@keyframes boot{0%{opacity:.05;filter:brightness(2.4)}45%{opacity:1}to{opacity:1;filter:none}}.cell.net{background:var(--net);color:var(--on-net);box-shadow:0 0 12px -3px var(--net-glow)}.cell.host{background:var(--host-soft);color:var(--host);box-shadow:inset 0 0 0 1px var(--host-line)}.cell.boundary:before{content:"";width:2px;box-shadow:0 0 6px #fff, 0 0 14px var(--net);background:#fff;border-radius:2px;position:absolute;top:-6px;bottom:-6px;left:-3px}.ruler.live .cell{cursor:pointer}.ruler.live .cell:hover{outline-offset:-2px;outline:2px solid #fff}.ruler-key{color:var(--ink-2);font-size:var(--t-sm);flex-wrap:wrap;gap:.4rem 1.25rem;margin:.9rem 0 0;display:flex}.swatch{vertical-align:-.08em;border-radius:2px;width:.85em;height:.85em;margin-right:.35em;display:inline-block}.swatch.net{background:var(--net);box-shadow:0 0 6px var(--net-glow)}.swatch.host{background:var(--host-soft);box-shadow:inset 0 0 0 1px var(--host)}.dash-head{padding-block:.5rem .25rem}.dash-head h1{font-size:clamp(2.2rem,8vw,3.4rem)}.dash-status{font-size:var(--t-sm);margin:.25rem 0 0}.state{font-size:var(--t-sm);white-space:nowrap;color:var(--ink-2);font-weight:700}.state:before{content:"";vertical-align:.06em;background:#3b5064;border-radius:50%;width:.5rem;height:.5rem;margin-right:.45rem;display:inline-block}.state.live{color:var(--ok)}.state.live:before{background:var(--ok);box-shadow:0 0 8px var(--ok-glow)}.state.building{color:var(--host)}.state.building:before{background:var(--host);box-shadow:0 0 8px var(--host-line)}.board{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.25rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.tile{flex-direction:column;gap:.75rem;padding:1.1rem 1.2rem 1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.tile:hover,.tile:focus-within{border-color:var(--net);box-shadow:0 0 0 1px var(--net-soft), 0 0 28px -10px var(--net-glow), 0 24px 48px -28px #000c}.tile-top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.tile-kind{font-size:var(--t-sm);color:var(--ink-2)}.tile-preview{border:1px solid var(--line);background:#030a128c;border-radius:3px;flex-direction:column;justify-content:center;min-height:9.5rem;padding:.85rem .75rem .7rem;display:flex}.tile-preview .ruler{grid-template-columns:repeat(2,1fr);gap:.6rem}.tile-preview .cell{padding:.4rem 0;font-size:.8rem}.tile h2{font-size:var(--t-lg);margin:.2rem 0 0}.tile-link{color:#f0f7fd;text-decoration:none}.tile-link:after{content:"";z-index:1;position:absolute;inset:0}.tile-link:focus-visible{box-shadow:none;outline:none}.tile:has(.tile-link:focus-visible){outline:2px solid var(--net);outline-offset:3px}.tile-summary{color:var(--ink-2);flex:1;margin:0}.tile-action{color:var(--net);border-bottom:1px solid var(--net);align-self:flex-start;padding-bottom:.1rem;font-weight:700}.tile:hover .tile-action{text-shadow:0 0 12px var(--net-glow)}.sketch-preview{margin:0}.sketch-preview svg{width:100%;height:3rem;box-shadow:inset 0 0 0 1px var(--line-bright);border-radius:3px;display:block}.sketch-preview rect[class^=g]{fill:var(--g)}.sketch-preview .strip-free{opacity:1}.sketch-preview .hatch-line{fill:var(--line)}.sketch-preview .strip-scale{display:flex}.preview-legend{color:var(--ink-2);flex-wrap:wrap;gap:.2rem .9rem;margin-top:.55rem;font-size:.78rem;display:flex}.preview-legend .swatch-g{vertical-align:-.02em;width:.65rem;height:.65rem;margin-right:.35rem}.guide{max-width:44rem}.guide section{scroll-margin-top:1rem}.guide h2{align-items:center;gap:.7rem;margin-top:3rem;display:flex}.guide h3{margin-top:0}.guide p,.guide li{line-height:1.65}.guide-meta{color:var(--ink-2);font-size:var(--t-sm)}.step-no{border:1px solid var(--net);width:1.9rem;height:1.9rem;font:650 .95rem / 1 var(--mono);color:var(--net);background:var(--net-soft);box-shadow:0 0 12px -4px var(--net-glow);word-spacing:normal;border-radius:4px;flex:none;place-items:center;display:inline-grid}.toc{border:1px solid var(--line-bright);border-left:3px solid var(--net);background:#0c182699;border-radius:0 4px 4px 0;margin:1.75rem 0 0;padding:1rem 1.2rem}.toc h2{font-size:var(--t-md);margin:0 0 .5rem}.toc ol{margin:0;padding-left:1.3rem}.toc li{margin:.15rem 0}.guide-figure{border:1px solid var(--line);background:#030a128c;border-radius:4px;margin:1.25rem 0;padding:1rem}.guide-figure figcaption{color:var(--ink-2);font-size:var(--t-sm);margin-top:.9rem}.formula{border-left:2px solid var(--net);background:var(--net-soft);font:550 1rem / 1.5 var(--mono);color:#eaf5ff;overflow-wrap:anywhere;margin:1rem 0;padding:.6rem .9rem;font-stretch:87.5%}.guide code{white-space:nowrap}.worked{border:1px solid var(--line);border-radius:4px;margin:1.1rem 0;padding:.9rem 1rem}.worked p:first-child{margin-top:0}.check-link{font-weight:700;font-size:var(--t-sm);margin-top:.2rem;display:inline-block}.aside{color:var(--ink-2);margin-top:1.25rem}.callout{border:1px solid var(--host-line);background:var(--note-soft);border-radius:4px;margin:1.5rem 0 0;padding:.9rem 1rem}.callout p{margin:0}table.compact th[scope=row]{color:var(--ink-2);font-size:var(--t-sm);padding-right:1rem;font-weight:700}.practice{border:1px solid var(--line-bright);background:#0c182699;border-radius:4px;margin:.7rem 0}.practice summary{cursor:pointer;align-items:center;gap:.75rem;padding:.7rem .9rem;list-style:none;display:flex}.practice summary::-webkit-details-marker{display:none}.practice summary:after{content:"Show answer";font-size:var(--t-sm);color:var(--net);margin-left:auto;font-weight:700}.practice[open] summary:after{content:"Hide answer"}.practice summary code{font-size:1rem}.practice .answer{border-top:1px dashed var(--line-bright);padding:0 1rem .9rem}.guide-list{gap:1.25rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.guide-card{max-width:44rem}.guide-steps{counter-reset:step;gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.guide-steps li{counter-increment:step;font-size:var(--t-sm);color:var(--ink);align-items:baseline;gap:.6rem;display:flex}.guide-steps li:before{content:counter(step);text-align:center;width:1.3rem;font:650 .78rem / 1.4 var(--mono);color:var(--net);border:1px solid var(--line-bright);border-radius:3px;flex:none}.guide-preview-title{font:600 .9rem / 1.3 var(--mono);color:#f0f7fd;margin:0 0 .6rem}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag{border:1px solid var(--line-bright);color:var(--ink-2);border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:700}.tag.topic{border-color:var(--net);color:var(--net);background:var(--net-soft)}.guide .tags{margin-bottom:.6rem}.guide-preview .tags{margin-bottom:.5rem}.guide-topic h2{margin-top:2.25rem}.guide-topic .guide-list{margin-top:1rem}.guide-card h3{font:600 var(--t-lg) / 1.2 var(--mono);letter-spacing:-.02em;word-spacing:-.28em;margin:0}.guide-body{margin-top:2rem}.guide-body>p:first-child{font-size:var(--t-lg);color:var(--ink-2);line-height:1.45}.guide-body h2{margin-top:2.75rem}.guide-body ul,.guide-body ol{padding-left:1.3rem}.guide-body pre{border:1px solid var(--line-bright);font:500 .88rem / 1.5 var(--mono);background:#030a12bf;border-radius:4px;margin:1rem 0;padding:.8rem 1rem;font-stretch:87.5%;overflow-x:auto}.guide-body pre code{white-space:pre;background:0 0;border:0;padding:0}.guide-body blockquote{border-left:3px solid var(--line-bright);color:var(--ink-2);margin:1rem 0;padding:.2rem 1rem}a.tag{text-decoration:none}a.tag:hover{text-shadow:none;border-color:var(--net);color:#fff}.topic-summary{color:var(--ink-2);max-width:40rem;margin:-.5rem 0 0}.guide-topic h2 a{color:inherit;text-decoration:none}.more-guides{border-top:1px solid var(--line-bright);margin-top:3rem;padding-top:1.25rem}.more-guides h2{font-size:var(--t-md);margin-top:0}.more-guides ul{padding-left:1.2rem}.crumb{font-size:var(--t-sm);color:var(--ink-2);gap:.5rem;margin-bottom:1rem;display:flex}.crumb a{color:var(--ink-2)}.crumb a:hover{color:var(--net)}.crumb [aria-current]{color:var(--ink)}.calc-form label{margin-bottom:.4rem;display:block}.calc-row{gap:.5rem;display:flex}.calc-row input{flex:1}.examples{color:var(--ink-2);font-size:var(--t-sm);flex-wrap:wrap;align-items:baseline;gap:.4rem .9rem;margin:.7rem 0 0;display:flex}.bench{margin-top:1.75rem;padding:1.25rem}@media (width<=34rem){.bench{margin-inline:-.35rem;padding:1rem .85rem}}.prefix-control{grid-template-columns:auto 1fr auto auto;align-items:center;gap:.6rem;margin-top:1.25rem;display:grid}.prefix-control label{font-size:var(--t-sm);color:var(--ink-2);grid-column:1/-1;font-weight:700}.prefix-control input[type=range]{width:100%;accent-color:var(--net);height:2rem;margin:0}.step{width:2.5rem;height:2.5rem;font:600 1.25rem / 1 var(--mono);justify-content:center;padding:0}.prefix-value{font:650 var(--t-xl) / 1 var(--mono);text-align:right;min-width:3.2ch;color:var(--net);text-shadow:0 0 14px var(--net-glow);font-stretch:87.5%}.headline{border-top:1px dashed var(--line-bright);margin-top:1.25rem;padding-top:1.1rem}.headline-network{font:650 clamp(1.45rem, 6.8vw, 2.5rem) / 1.1 var(--mono);letter-spacing:-.04em;overflow-wrap:anywhere;color:var(--net);text-shadow:0 0 22px var(--net-glow);margin:0 0 .4rem;font-stretch:100%}.headline-range{font-size:var(--t-md);color:var(--ink-2);margin:0}.headline-range .mono{color:var(--ink)}.details{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem 2.25rem;margin-top:2rem;display:grid}.group h3{border-bottom:1px solid var(--net);box-shadow:0 6px 10px -10px var(--net-glow);padding-bottom:.45rem}.group dl{margin:0}.field{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;column-gap:.75rem;padding:.6rem 0;display:grid}.field dt{font-size:var(--t-sm);color:var(--ink-2);grid-column:1}.field dd{font:550 1.02rem / 1.35 var(--mono);overflow-wrap:anywhere;grid-column:1;margin:0;font-stretch:87.5%}.field dd.plain{font:600 var(--t-md) / 1.35 var(--sans)}.field dd small{font:400 var(--t-sm) / 1.4 var(--sans);color:var(--ink-2);margin-top:.1rem;display:block}.field .copy{grid-area:1/2/span 2}.copy{width:2.25rem;height:2.25rem;color:var(--ink-2);background:0 0;border-color:#0000;justify-content:center;padding:0}.copy:hover:not(:disabled){color:var(--net);border-color:var(--line-bright)}.copy svg{width:1.1rem;height:1.1rem}.copy.done{color:var(--ok);filter:drop-shadow(0 0 4px var(--ok-glow))}.copy.text{border-color:var(--line-bright);background:var(--field);width:auto;color:var(--ink);font-size:var(--t-sm);padding:.5rem .8rem}.copy.text.done{color:var(--ok);border-color:var(--ok)}.subnet-nav{justify-content:space-between;gap:.5rem;margin-top:1.5rem;display:flex}.subnet-nav button{font:550 var(--t-sm) / 1.2 var(--mono);font-stretch:87.5%}fieldset{border:0;min-width:0;margin:0;padding:0}.split-form{flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;display:flex}.split-form legend{margin-bottom:.45rem;padding:0}.modes{flex-wrap:wrap;gap:.4rem;display:flex}.modes label{border:1px solid var(--line-bright);cursor:pointer;background:var(--field);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-weight:500;display:inline-flex}.modes label:has(input:checked){border-color:var(--net);background:var(--net-soft);box-shadow:0 0 12px -4px var(--net-glow)}.modes input{accent-color:var(--net);margin:0}.amount{flex-direction:column;gap:.35rem;display:flex}.split-bar{gap:2px;height:1.1rem;margin:1.25rem 0 .25rem;display:flex}.split-bar span{background:var(--net);box-shadow:0 0 8px -2px var(--net-glow);border-radius:2px;flex:1}.split-bar span:nth-child(2n){background:var(--net-soft);box-shadow:inset 0 0 0 1px var(--net)}.split-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.9rem 0;display:flex}.split-actions .summary{margin-right:auto;font-weight:600}.table-wrap{border-top:1px solid var(--net);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:.55rem .75rem .55rem 0}th:last-child,td:last-child{padding-right:0}thead th{font-size:var(--t-sm);color:var(--ink-2);font-weight:700}tbody tr{transition:background-color .12s}tbody tr:hover{background:#45b8ff0d}td{font:500 .88rem / 1.3 var(--mono);font-stretch:87.5%}.num{text-align:right}td.num:first-child{color:var(--ink-2)}.fineprint{color:var(--ink-2);font-size:var(--t-sm);max-width:38rem;margin-top:3rem}.g0{--g:var(--net)}.g1{--g:var(--host)}.g2{--g:var(--ok)}.g3{--g:var(--brown)}.g4{--g:var(--net)}.g5{--g:var(--host)}.g6{--g:var(--ok)}.g7{--g:var(--brown)}.g0,.g1,.g2,.g3{background:var(--g)}.g4,.g5,.g6,.g7{background:repeating-linear-gradient(90deg, var(--g) 0 6px, var(--panel) 6px 10px)}.sketch-form{grid-template-columns:minmax(12rem,17rem) 1fr;align-items:start;gap:1.25rem 2rem;display:grid}@media (width<=40rem){.sketch-form{grid-template-columns:1fr}}.sketch-network label{margin-bottom:.4rem;display:block}.sketch-network input{width:100%}.sketch-groups legend{margin-bottom:.4rem;padding:0}.group-rows{gap:.45rem;margin-bottom:.75rem;display:grid}.group-row{grid-template-columns:.9rem minmax(0,1fr) 5.5rem 2.5rem;align-items:center;gap:.5rem;display:grid}.group-row input[type=text],.group-row input[type=number]{width:100%;padding:.55rem .65rem;font-size:1rem}.group-row input[type=text]{font-family:var(--sans);font-stretch:100%}.swatch-g{width:.9rem;height:.9rem;box-shadow:0 0 8px -2px var(--g);border-radius:2px;display:inline-block}.remove{width:2.5rem;height:2.5rem;color:var(--ink-2);background:0 0;border-color:#0000;justify-content:center;padding:0;font-size:1.3rem}.remove:hover:not(:disabled){color:var(--err);border-color:var(--line-bright)}.strip{background:repeating-linear-gradient(135deg, var(--line) 0 4px, transparent 4px 10px);height:3rem;box-shadow:inset 0 0 0 1px var(--line-bright);border-radius:3px;gap:2px;display:flex;overflow:hidden}.block{min-width:3px;box-shadow:0 0 14px -4px var(--g);flex-grow:0;flex-shrink:1}.strip-scale{font:500 var(--t-sm) / 1 var(--mono);color:var(--ink-2);justify-content:space-between;margin-top:.4rem;font-stretch:87.5%;display:flex}.plan-summary{margin:1rem 0 0;font-weight:600}td.name{font:700 var(--t-md) / 1.3 var(--sans)}td .swatch-g{vertical-align:-.1em;margin-right:.55rem}tr.over td{color:var(--err)}.prose h2{margin-top:2.25rem}.prose ul{padding-left:1.2rem}.prose li{margin-bottom:.4rem}