.fig[data-astro-cid-occkizd3]{background:var(--card-bg);border:1.5px dashed var(--dash);border-radius:12px;padding:28px 30px 26px;margin-top:18px}.fig-label[data-astro-cid-occkizd3]{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.5px;color:var(--faint);margin-bottom:16px}.mono[data-astro-cid-occkizd3]{font-family:var(--font-mono)}.vp-switch[data-astro-cid-occkizd3]{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:9px 13px;margin-bottom:12px}.vp-switch-key[data-astro-cid-occkizd3]{font-size:11.5px;font-weight:700;color:var(--muted)}.vp-switch[data-astro-cid-occkizd3] button[data-astro-cid-occkizd3]{width:46px;height:24px;padding:0;border:none;border-radius:999px;background:#cbd5e1;cursor:pointer;position:relative;transition:background .25s}.vp-switch[data-astro-cid-occkizd3] button[data-astro-cid-occkizd3][aria-pressed=true]{background:var(--accent)}.vp-knob[data-astro-cid-occkizd3]{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .25s}.vp-switch[data-astro-cid-occkizd3] button[data-astro-cid-occkizd3][aria-pressed=true] .vp-knob[data-astro-cid-occkizd3]{transform:translate(22px)}.vp-switch[data-astro-cid-occkizd3] b[data-astro-cid-occkizd3]{font-size:13px;color:var(--faint)}.vp-switch[data-astro-cid-occkizd3] b[data-astro-cid-occkizd3].is-on{color:var(--accent)}.vp-stage[data-astro-cid-occkizd3]{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:18px 14px}.vp-road[data-astro-cid-occkizd3]{display:flex;align-items:center;gap:6px}.vp-node[data-astro-cid-occkizd3]{display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto;background:#f8fafc;border:1.5px solid var(--line);border-radius:9px;padding:9px 10px;text-align:center;transition:opacity .3s,border-color .3s}.vp-icon[data-astro-cid-occkizd3]{font-size:18px;line-height:1.1}.vp-name[data-astro-cid-occkizd3]{font-size:10px;font-weight:700;color:var(--ink)}.vp-ip[data-astro-cid-occkizd3]{font-size:8.5px;color:var(--faint)}.vp-vpn[data-astro-cid-occkizd3]{border-style:dashed;border-color:var(--dash);opacity:.35}.vp-stage[data-astro-cid-occkizd3][data-on="1"] .vp-vpn[data-astro-cid-occkizd3]{opacity:1;border-style:solid;border-color:var(--accent)}.vp-path[data-astro-cid-occkizd3]{position:relative;flex:1 1 auto;min-width:60px;height:44px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:6px}.vp-road-label[data-astro-cid-occkizd3]{font-size:8px;color:var(--faint);letter-spacing:.3px;text-align:center;padding:0 4px}.vp-tunnel[data-astro-cid-occkizd3]{position:absolute;inset:9px 0;border-radius:999px;background:#0f766e1f;border:1.5px solid var(--accent);transform:scaleX(0);opacity:0;transition:transform .5s ease,opacity .4s}.vp-stage[data-astro-cid-occkizd3][data-on="1"] .vp-tunnel[data-astro-cid-occkizd3]{transform:scaleX(1);opacity:1}.vp-stage[data-astro-cid-occkizd3][data-on="1"] .vp-path[data-astro-cid-occkizd3] .vp-road-label[data-astro-cid-occkizd3]{opacity:0}.vp-envelope[data-astro-cid-occkizd3]{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;background:#fff;border:1.5px solid var(--line);border-radius:9px;padding:11px 14px;margin-top:10px}.vp-env-key[data-astro-cid-occkizd3]{font-size:9px;letter-spacing:.5px;color:var(--faint);padding-top:4px}.vp-env-body[data-astro-cid-occkizd3]{flex:1 1 240px;display:flex;flex-direction:column;gap:5px}.vp-layer[data-astro-cid-occkizd3]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-radius:7px;padding:7px 10px;transition:opacity .3s,background .3s,border-color .3s}.vp-layer-key[data-astro-cid-occkizd3]{font-size:9px;color:var(--faint)}.vp-layer-val[data-astro-cid-occkizd3]{font-size:10.5px;font-weight:700;color:var(--ink)}.vp-outer[data-astro-cid-occkizd3]{background:#ecfdf5;border:1.5px solid var(--accent);opacity:0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.vp-stage[data-astro-cid-occkizd3][data-on="1"]~.vp-envelope[data-astro-cid-occkizd3] .vp-outer[data-astro-cid-occkizd3]{opacity:1;max-height:60px;padding-top:7px;padding-bottom:7px}.vp-inner[data-astro-cid-occkizd3]{background:#f8fafc;border:1.5px dashed #e2e8f0}.vp-stage[data-astro-cid-occkizd3][data-on="1"]~.vp-envelope[data-astro-cid-occkizd3] .vp-inner[data-astro-cid-occkizd3]{margin-left:16px}.vp-stage[data-astro-cid-occkizd3][data-on="1"]~.vp-envelope[data-astro-cid-occkizd3] .vp-inner[data-astro-cid-occkizd3] .vp-layer-val[data-astro-cid-occkizd3]{color:var(--faint)}.vp-watchers[data-astro-cid-occkizd3]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.vp-watcher[data-astro-cid-occkizd3]{background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:8px;padding:10px 11px}.vp-watcher-head[data-astro-cid-occkizd3]{display:flex;align-items:center;gap:6px}.vp-watcher-name[data-astro-cid-occkizd3]{font-size:11px;font-weight:700;color:var(--ink)}.vp-watcher-sub[data-astro-cid-occkizd3]{display:block;font-size:9px;color:var(--faint);margin:2px 0 7px}.vp-sees[data-astro-cid-occkizd3]{display:flex;flex-direction:column;gap:3px}.fig-control[data-astro-cid-occkizd3]{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 24px;margin-top:16px}.step-no[data-astro-cid-occkizd3]{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:1px;margin-bottom:7px}.step-title[data-astro-cid-occkizd3]{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:7px}.step-desc[data-astro-cid-occkizd3]{font-size:13.5px;line-height:2;color:#475569;min-height:54px}.step-desc[data-astro-cid-occkizd3] strong[data-astro-cid-occkizd3]{color:var(--ink)}.step-btns[data-astro-cid-occkizd3]{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.step-btns[data-astro-cid-occkizd3] button[data-astro-cid-occkizd3]{font-family:inherit;font-size:12.5px;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:7px;padding:9px 14px;cursor:pointer;transition:background .2s,opacity .2s}.step-btns[data-astro-cid-occkizd3] button[data-astro-cid-occkizd3]:hover{background:#0c5d57}.step-btns[data-astro-cid-occkizd3] button[data-astro-cid-occkizd3]:disabled{opacity:.45;cursor:default}@media(max-width:640px){.fig[data-astro-cid-occkizd3]{padding:20px 14px}.vp-road[data-astro-cid-occkizd3]{flex-direction:column;align-items:stretch}.vp-path[data-astro-cid-occkizd3]{height:34px}.vp-watchers[data-astro-cid-occkizd3]{grid-template-columns:1fr}}#fig-vpn .vp-pk{position:absolute;top:50%;left:0;margin-top:-11px;height:22px;display:flex;align-items:center;padding:0 8px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;color:#fff;background:#94a3b8;border-radius:5px;white-space:nowrap;box-shadow:0 1px 3px #0000002e;z-index:2}#fig-vpn .vp-pk.is-wrapped{color:#fff;background:var(--accent);box-shadow:0 0 0 3px #0f766e2e}#fig-vpn .vp-see{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9px;line-height:1.5;color:#b91c1c;animation:vp-in .28s ease}#fig-vpn .vp-see.is-safe{color:var(--accent)}#fig-vpn .vp-see:before{content:"見える";flex:0 0 auto;font-size:7.5px;color:#fff;background:#dc2626;border-radius:3px;padding:0 3px}#fig-vpn .vp-see.is-safe:before{content:"見えない";background:var(--accent)}@keyframes vp-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}#vp-desc strong{color:var(--ink)}#vp-desc b{font-family:var(--font-mono);font-weight:700;color:var(--accent)}