:root{--color-page:#f0f0f0;--color-header:#f8f9fa;--color-text:#333;--color-ipv6-bg:#cfe2ff;--color-ipv6-text:#084298;--color-ipv6-border:#b6d4fe;--color-ipv4-bg:#d1e7dd;--color-ipv4-text:#0f5132;--color-ipv4-border:#badbcc;--color-copy-success:#198754;--color-border:#dee2e6;--color-speech:#fff;--font-sans:Arial, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--radius:.5rem;--header-shadow:0 2px 4px #0000001a;--grass-height:120px}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-page);min-height:100%;font-family:var(--font-sans);color:var(--color-text);margin:0}body{padding-bottom:var(--grass-height)}.hidden{display:none!important}.site-header{background:var(--color-header);box-shadow:var(--header-shadow)}.site-header__bar{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);max-width:75rem;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-sm);color:var(--color-text);flex-shrink:0;font-size:1.5rem;font-weight:600;text-decoration:none;display:flex}.brand img{width:auto;height:40px}.ip-pills{align-items:center;gap:0;min-width:0}.ip-pills--desktop{flex:1;display:none}.ip-pills--desktop .ip-pill.is-visible+.ip-pill.is-visible{margin-left:var(--space-md)}.ip-pills--mobile{padding:var(--space-sm);background:var(--color-header);border-bottom:1px solid var(--color-border);flex-direction:column;transition:padding .4s,border-bottom-color .4s;display:none}.ip-pills--mobile:not(:has(.ip-pill.is-visible)){border-bottom-color:#0000;padding-block:0}.ip-pills--mobile .ip-pill.is-visible+.ip-pill.is-visible{margin-top:var(--space-sm)}.ip-pill{opacity:0;pointer-events:none;grid-template-rows:0fr;min-width:0;max-width:0;transition:grid-template-rows .4s ease-out,opacity .35s ease-out,transform .4s ease-out,max-width .4s ease-out;display:grid;overflow:hidden;transform:translateY(-.5rem)}.ip-pill.is-visible{opacity:1;pointer-events:auto;grid-template-rows:1fr;max-width:100%;transform:translateY(0)}.ip-pill--ipv4{transition-delay:80ms}.ip-pill__inner{min-width:0;min-height:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);border:1px solid #0000;align-items:center;font-size:.9rem;font-weight:500;display:flex;overflow:hidden}.ip-pill--ipv6 .ip-pill__inner{background-color:var(--color-ipv6-bg);color:var(--color-ipv6-text);border-color:var(--color-ipv6-border)}.ip-pill--ipv4 .ip-pill__inner{background-color:var(--color-ipv4-bg);color:var(--color-ipv4-text);border-color:var(--color-ipv4-border)}.ip-pill__label{margin-right:var(--space-sm);font-weight:600}.ip-pill__address{font-family:var(--font-mono);min-width:0;overflow-x:auto}.ip-pill__copy-group{border-radius:var(--radius);align-items:center;min-width:0;margin-left:.2rem;padding:.1rem .3rem .1rem .6rem;display:inline-flex}.ip-pill--ipv6 .ip-pill__copy-group{border:1px solid var(--color-ipv6-border)}.ip-pill--ipv4 .ip-pill__copy-group{border:1px solid var(--color-ipv4-border)}.copy-btn{cursor:pointer;background:inherit;border:none;border-radius:.3rem;outline:none;align-items:center;height:1.7rem;margin-left:.1rem;padding:.2rem .4rem;transition:background .2s;display:flex}.ip-pill--ipv4 .copy-btn{background:var(--color-ipv4-bg);color:var(--color-ipv4-text)}.ip-pill--ipv4 .copy-btn:hover,.ip-pill--ipv4 .copy-btn:focus-visible{background:var(--color-ipv4-border)}.ip-pill--ipv6 .copy-btn{background:var(--color-ipv6-bg);color:var(--color-ipv6-text)}.ip-pill--ipv6 .copy-btn:hover,.ip-pill--ipv6 .copy-btn:focus-visible{background:var(--color-ipv6-border)}.copy-btn.copied{background:var(--color-copy-success);color:#fff}.nav-toggle{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:.3rem;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;margin-left:auto;padding:.4rem;display:none}.nav-toggle__bar{background:var(--color-text);border-radius:1px;width:100%;height:2px;display:block}.site-nav{margin-left:auto}.site-nav ul{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{padding:var(--space-sm) 0;color:var(--color-text);text-decoration:none;display:block}.site-nav a:hover,.site-nav a:focus-visible{text-decoration:underline}.cat-hero{flex-direction:column;align-items:center;width:100%;margin-top:1.5rem;display:flex;overflow-x:clip}.cat-hero__stage{margin-bottom:1.25rem;position:relative}.cat-hero__img{width:min(200px,42vw);max-width:100%;height:auto;animation:2s ease-out roll-in;position:relative}@keyframes roll-in{0%{transform:translate(-100%)rotate(-720deg)}to{transform:translate(0)rotate(0)}}.speech-bubble{width:200px;height:100px;padding:var(--space-sm);background-color:var(--color-speech);text-align:center;opacity:0;border-radius:10px;justify-content:center;align-items:center;font-size:1.2em;animation:2s 2s forwards appear;display:flex;position:absolute;top:30px;left:95%;box-shadow:0 0 10px #0000001a}.speech-bubble:after{content:"";border:52px solid #0000;border-right-color:var(--color-speech);border-bottom:0;border-left:0;width:0;height:0;margin-top:-26px;margin-left:-52px;position:absolute;top:50%;left:0}@keyframes appear{0%{opacity:0}to{opacity:1}}.site-footer{pointer-events:none;width:100%;position:fixed;bottom:0;left:0}.grass{height:var(--grass-height);background-image:url(/grass.webp);background-position:bottom;background-repeat:repeat-x;width:100%}@media (width>=769px){.ip-pills--desktop{display:flex}.nav-toggle{display:none}}@media (width<=768px){.site-header__bar{flex-wrap:wrap}.brand{font-size:1.2rem}.brand img{height:30px}.ip-pills--mobile{display:flex}.ip-pills--mobile .ip-pill.is-visible{width:100%}.ip-pills--mobile .ip-pill__copy-group{flex:1;width:100%;margin-left:0}.nav-toggle{display:flex}.site-nav{width:100%;margin-left:0;display:none}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column;gap:0}.cat-hero__stage{flex-direction:column;align-items:center;padding-bottom:7rem;display:flex}.speech-bubble{width:min(200px,85vw);height:auto;min-height:100px;font-size:1.05em;top:auto;bottom:0;left:50%;transform:translate(-50%)}.speech-bubble:after{border:20px solid #0000;border-bottom-color:var(--color-speech);border-top:0;border-left-width:20px;border-right-width:20px;margin-top:-20px;margin-left:-20px;top:0;left:50%}}@media (width<=400px){.speech-bubble{width:min(170px,85vw);font-size:.95em}}@media (prefers-reduced-motion:reduce){.ip-pill,.ip-pill--ipv4,.ip-pills--mobile{transition:none}.ip-pill{transform:none}}