:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0a0a0b;--color-surface:#18181b;--color-text:#f4f4f5;--color-muted:#a1a1aa;--color-border:#ffffff14;--color-accent:#3b82f6;--color-on-accent:#0a0a0b;--color-accent-text:#3b82f6;--color-accent-soft:#093d8b;--color-success:#4ade80;--color-warning:#f59e0b;--color-danger:#ef4444;--color-on-danger:#0a0a0b;--color-focus:#3b82f6;--color-grouped:#0f0f11;--color-surface-2:#27272a;--color-surface-3:#3f3f46;--color-text-3:#71717a;--color-terminal:#09090b;--accent-50:#f3f7fe;--accent-100:#e1ecfe;--accent-200:#c2d9fe;--accent-300:#98bffe;--accent-400:#67a1ff;--accent-500:#3a81f5;--accent-600:#2468d6;--accent-700:#1452b2;--accent-800:#093d8b;--accent-900:#042965;--font-heading:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", system-ui, "Segoe UI", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", system-ui, "Segoe UI", sans-serif;--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", system-ui, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, "JetBrains Mono", "Cascadia Mono", Consolas, monospace;--step-n2:.75rem;--step-n1:.8125rem;--step-0:.9375rem;--step-1:1.125rem;--step-2:1.375rem;--step-3:1.625rem;--step-4:1.9375rem;--step-5:2.3125rem;--step-6:2.8125rem;--weight-heading:600;--tracking-heading:-.01em;--leading-body:1.55;--leading-heading:1.12;--measure:65ch;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-1:none;--shadow-2:none;--control-sm:32px;--control-md:36px;--control-lg:40px;--dur-fast:.1s;--dur-slow:.18s;--ease:cubic-bezier(.2, 0, 0, 1)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-slow:0s}}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--step-0);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,svg,video,canvas{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);text-wrap:balance;margin:0}h1{font-size:clamp(var(--step-4), 6vw, var(--step-6))}h2{font-size:clamp(var(--step-3), 4vw, var(--step-4))}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p{max-width:var(--measure);text-wrap:pretty;margin:0}p+p{margin-top:var(--space-4)}small,.small{font-size:var(--step-n1)}.muted{color:var(--color-muted)}.lead{font-size:var(--step-1);color:var(--color-muted)}@media (max-width:639px){.lead{font-size:var(--step-0)}}a{color:var(--color-accent-text);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}code,kbd,pre{font-family:var(--font-mono)}:not(pre)>code{font-size:.92em}pre code{font-size:inherit}.num{font-variant-numeric:tabular-nums}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-7) 0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}::selection{background:var(--color-accent-soft)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{left:var(--space-4);background:var(--color-surface);padding:var(--space-2) var(--space-4);z-index:100;position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.container{width:min(100% - 2 * var(--space-5), 1200px);margin-inline:auto;container-type:inline-size}.container-narrow{width:min(100% - 2 * var(--space-5), 720px);margin-inline:auto;container-type:inline-size}.section{padding-block:var(--space-9)}@media (max-width:639px){.section{padding-block:var(--space-7)}}.stack>*+*{margin-top:var(--stack,var(--space-4))}.cluster{gap:var(--gap,var(--space-3));flex-wrap:wrap;align-items:center;display:flex}.cta-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:639px){.cta-row{text-align:center;flex-direction:column;align-items:stretch}.cta-row>a:not(.btn){justify-content:center;align-items:center;min-height:44px;display:inline-flex}}.grid{gap:var(--gap,var(--space-5));grid-template-columns:repeat(auto-fit, minmax(min(var(--min,260px), 100%), 1fr));display:grid}.grid-3{gap:var(--gap,var(--space-5));grid-template-columns:repeat(3,1fr);display:grid}@media (min-width:640px) and (max-width:1023px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:639px){.grid-3{grid-template-columns:1fr}}.split{gap:var(--space-7);grid-template-columns:5fr 7fr;align-items:center;display:grid}.split.reverse{grid-template-columns:7fr 5fr}@container (max-width:44rem){.split,.split.reverse{gap:var(--space-6);grid-template-columns:1fr}}@media (max-width:639px){.split,.split.reverse{gap:var(--space-6);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-5);border-radius:var(--radius-md);font-family:var(--font-ui);font-weight:600;font-size:var(--step-0);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-1)}.btn-primary:hover{background:var(--accent-700)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-secondary:hover{background:var(--color-surface)}.btn-ghost{color:var(--color-accent-text);padding-inline:var(--space-3);background:0 0}.btn-ghost:hover{background:var(--color-accent-soft)}.btn-danger{background:var(--color-danger);color:var(--color-on-danger)}.btn-sm{min-height:var(--control-sm);padding:0 var(--space-4);font-size:var(--step-n1)}.btn-lg{min-height:var(--control-lg);padding:0 var(--space-6);font-size:var(--step-1)}.btn-icon{width:var(--control-md);padding:0}.field{gap:var(--space-2);display:grid}.label{font-family:var(--font-ui);font-weight:600;font-size:var(--step-n1)}.hint{font-size:var(--step-n1);color:var(--color-muted)}.error-text{font-size:var(--step-n1);color:var(--color-danger)}.input,.select,.textarea{width:100%;min-height:var(--control-md);padding:0 var(--space-3);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.textarea{padding:var(--space-3);resize:vertical;min-height:120px}.input::placeholder{color:var(--color-muted);opacity:.8}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.input[aria-invalid=true]{border-color:var(--color-danger)}.check{gap:var(--space-2);align-items:center;min-height:32px;display:flex}.check input{width:18px;height:18px;accent-color:var(--color-accent)}@media (max-width:639px),(pointer:coarse){.btn,.input,.select{min-height:44px}.btn-icon{width:44px}.check{min-height:44px}.input,.select,textarea.input,.field textarea{font-size:16px}}.nav{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:64px;display:flex}.nav-links{gap:var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--color-text);font-family:var(--font-ui);font-weight:500;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--color-accent-text)}.brand{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:700;font-size:var(--step-1);color:var(--color-text);min-height:44px;text-decoration:none;display:flex}.nav-toggle{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-ui);font-weight:600;font-size:var(--step-0);cursor:pointer;display:none}.nav-toggle-icon{background:currentColor;border-radius:1px;width:16px;height:2px;position:relative}.nav-toggle-icon:before,.nav-toggle-icon:after{content:"";background:currentColor;border-radius:1px;width:16px;height:2px;position:absolute;left:0}.nav-toggle-icon:before{top:-5px}.nav-toggle-icon:after{top:5px}@media (min-width:640px) and (max-width:1023px){.nav{gap:var(--space-3)}.nav-links{gap:var(--space-4);flex-wrap:nowrap}}.nav-details{display:none}@media (max-width:639px){.nav{gap:var(--space-3);flex-wrap:wrap}.nav[data-enhanced] .nav-toggle{margin-inline-start:auto;display:inline-flex}.nav[data-enhanced] .nav-links{margin-top:var(--space-2);padding-block:var(--space-2);border-top:1px solid var(--color-border);flex-flow:column;flex-basis:100%;order:5;align-items:stretch;gap:0}.nav[data-enhanced] .nav-links:not([data-open]){display:none}.nav[data-enhanced] .nav-links a{min-height:44px;padding-inline:var(--space-3);border-radius:var(--radius-sm);align-items:center;display:flex}.nav[data-enhanced] .nav-links a:hover{background:var(--color-surface)}.nav-details{margin-inline-start:auto;display:block}.nav-details .nav-toggle{display:inline-flex}.nav-summary{list-style:none}.nav-summary::-webkit-details-marker{display:none}.nav:has(>.nav-details) .nav-links{margin-top:var(--space-2);padding-block:var(--space-2);border-top:1px solid var(--color-border);flex-flow:column;flex-basis:100%;order:5;align-items:stretch;gap:0;display:none}.nav:has(>.nav-details[open]) .nav-links{display:flex}.nav:has(>.nav-details) .nav-links a{min-height:44px;padding-inline:var(--space-3);border-radius:var(--radius-sm);align-items:center;display:flex}.nav:has(>.nav-details) .nav-links a:hover{background:var(--color-surface)}}.hero{padding-block:var(--space-9) var(--space-8)}.hero h1{max-width:16ch}.hero .lead{margin-top:var(--space-5);max-width:48ch}.hero .actions{margin-top:var(--space-6)}.hero-visual{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.hero-type h1{font-size:clamp(var(--step-5), 11vw, 10rem);max-width:none;line-height:.92}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.panel-plain{padding:var(--space-5) 0;border-top:1px solid var(--color-border)}.divider-list>*+*{border-top:1px solid var(--color-border)}.stat{gap:var(--space-1);display:grid}.stat-value{font-family:var(--font-heading);font-size:clamp(var(--step-2), 7vw, var(--step-4));font-weight:var(--weight-heading);font-variant-numeric:tabular-nums;line-height:1}.stat-label{color:var(--color-muted);font-size:var(--step-n1)}.delta-up{color:var(--color-success);font-variant-numeric:tabular-nums}.delta-down{color:var(--color-danger);font-variant-numeric:tabular-nums}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-family:var(--font-ui);font-size:var(--step-n1)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.table th{color:var(--color-muted);background:var(--color-surface);font-weight:600;position:sticky;top:0}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table tbody tr:hover{background:var(--color-surface)}.table tbody tr:last-child td{border-bottom:0}.badge{padding:2px var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:var(--step-n1);background:var(--color-surface);color:var(--color-muted);border:1px solid var(--color-border);align-items:center;gap:6px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-success{color:var(--color-success)}.badge-warning{color:var(--color-warning)}.badge-danger{color:var(--color-danger)}.badge-accent{color:var(--color-accent-text);background:var(--color-accent-soft);border-color:#0000}.bars{gap:var(--space-3);display:grid}.bar-row{gap:var(--space-3);font-size:var(--step-n1);grid-template-columns:8rem 1fr 4rem;align-items:center;display:grid}.bar-track{background:var(--color-surface);border-radius:var(--radius-pill);height:12px;overflow:hidden}.bar-fill{background:var(--color-muted);border-radius:inherit;height:100%}.bar-row.hi .bar-fill{background:var(--color-accent)}.bar-row .num{text-align:right}.alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--color-accent);background:var(--color-accent-soft);grid-template-columns:auto 1fr;display:grid}.alert-danger{border-left-color:var(--color-danger);background:color-mix(in oklab, var(--color-danger) 8%, var(--color-bg))}.alert-success{border-left-color:var(--color-success);background:color-mix(in oklab, var(--color-success) 8%, var(--color-bg))}.empty{text-align:center;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-lg);display:grid}.empty p{color:var(--color-muted);max-width:40ch}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-border) 50%, var(--color-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.toast{right:var(--space-5);bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-2);position:fixed}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);display:flex}.tab{padding:var(--space-3) var(--space-4);color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600}.tab[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-accent)}.dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:480px;width:calc(100% - 2 * var(--space-5));background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-2)}.dialog::backdrop{background:#0006}.code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-size:max(.875rem, var(--step-n1));line-height:1.6;overflow-x:auto}kbd{border:1px solid var(--color-border);border-bottom-width:2px;border-radius:4px;padding:0 6px;font-size:.85em}.quote{font-family:var(--font-heading);font-size:var(--step-3);max-width:28ch;margin:0;line-height:1.2}.quote-cite{margin-top:var(--space-4);color:var(--color-muted);font-style:normal;display:block}.footer{border-top:1px solid var(--color-border);padding-block:var(--space-7);color:var(--color-muted);font-size:var(--step-n1)}.footer a{min-height:44px;color:inherit;align-items:center;display:inline-flex}
:root{--phone-font:var(--step-n2)}html{scroll-behavior:smooth}body{overflow-x:hidden}.sprite{width:0;height:0;position:absolute;overflow:hidden}[hidden]{display:none!important}kbd{font-family:var(--font-mono);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-bottom-color:var(--color-surface-3);font-size:.85em}.mono{font-family:var(--font-mono)}.site-head{z-index:20;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.brand-mark{border-radius:var(--radius-sm);background:var(--color-surface-2);border:1px solid var(--color-border);flex:none;width:22px;height:22px;position:relative}.brand-mark:before{content:"";border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);width:6px;height:6px;position:absolute;top:6px;left:6px;transform:rotate(-45deg)}.brand-mark:after{content:"";background:var(--color-text);width:5px;height:2px;position:absolute;top:15px;left:12px}.nav-links a[aria-current=true]{color:var(--color-accent-text)}.nav-cta-short{display:none}@media (max-width:639px){.nav-cta{order:2;margin-inline-start:auto}.nav[data-enhanced] .nav-toggle{order:3;justify-content:center;width:44px;margin-inline-start:0;padding:0}.nav-toggle-text,.nav-cta-full{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav-cta-short{display:inline}}.hero{padding-block:var(--space-8) var(--space-7)}.hero-grid{gap:var(--space-7);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}@media (min-width:1024px){.hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.eyebrow{font-size:var(--step-n1);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:0 0 var(--space-4)}.hero h1{max-width:18ch}.hero .lead{margin-top:var(--space-5);max-width:48ch}.invite{margin-top:var(--space-6);gap:var(--space-2);max-width:520px;display:grid}.invite-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.invite .btn{white-space:normal}.invite-note{margin:0}.invite-note:empty{display:none}.invite-note.is-ok{color:var(--color-success)}.invite-note.is-err{color:var(--color-danger)}@media (max-width:639px){.invite-row{grid-template-columns:minmax(0,1fr)}.invite .input{font-size:1rem}}.hero-secondary{margin-top:var(--space-4)}.hero-secondary a{align-items:center;min-height:44px;display:inline-flex}.scene-region{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-grouped);margin:0;position:relative;overflow:hidden}.scene-stage{aspect-ratio:10/9;background-color:var(--color-bg);background-image:radial-gradient(var(--color-surface-3) 1px, transparent 1.2px);background-position:0 0;background-size:24px 24px;position:relative;overflow:hidden;container-type:inline-size}@media (max-width:639px){.scene-stage{aspect-ratio:1/2}}.depth-scene{z-index:1;perspective:1400px;transform-style:preserve-3d;position:absolute;inset:0}.dz{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.dz-back{z-index:1}.dz-mid{z-index:2}.dz-front{z-index:3}.dot{background:var(--color-muted);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot-live{background:var(--color-success)}.dot-warn{background:var(--color-warning)}.dot-dead{background:var(--color-danger)}.srv-chip{column-gap:var(--space-2);width:184px;height:44px;padding:0 var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;align-items:center;line-height:1.2;display:grid;position:absolute;top:4.5cqw;right:3cqw}.srv-chip .dot{grid-row:1/span 2}.srv-name{font-size:var(--step-n1);font-weight:600}.srv-meta{font-family:var(--font-mono);font-size:var(--step-n2);color:var(--color-muted)}.link-tag{right:3cqw;top:calc(4.5cqw + 44px + var(--space-2));font-family:var(--font-mono);font-size:var(--step-n2);color:var(--color-muted);transition:color var(--dur-slow) var(--ease);margin:0;position:absolute}.link-tag.is-hop{color:var(--color-accent-text)}.link-tag.is-down{color:var(--color-warning)}.link-line{border-top:1.5px dashed var(--color-accent);opacity:.7;transform-origin:0 0;width:25.85cqw;height:0;position:absolute;top:14.5cqw;left:44cqw;transform:rotate(-7.68deg)}.packet{background:var(--color-accent);border-radius:50%;width:7px;height:7px;animation:3s linear infinite packet;position:absolute;top:-4px;left:0}@keyframes packet{0%{left:0}to{left:100%}}[data-net=offline] .link-line{border-top-color:var(--color-warning);opacity:.5}[data-net=offline] .packet{display:none}[data-net=cellular] .link-line{border-top-color:var(--color-accent)}@media (max-width:639px){.srv-chip{top:2.5cqw;right:2cqw}.link-tag{display:none}.link-line{width:24.4cqw;top:19cqw;left:20cqw;transform:rotate(-8.5deg)}}.ssh-pane{background:var(--color-grouped);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:48cqw;height:54cqw;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--phone-font);line-height:1.45;position:absolute;top:18cqw;left:48cqw;overflow:hidden}.ssh-head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.ssh-title{flex:1}.ssh-state{color:var(--color-success)}.ssh-pane.is-dead .ssh-state{color:var(--color-danger)}.ssh-term{padding:var(--space-3) var(--space-4);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.ssh-term .dead{color:var(--color-danger)}@media (max-width:639px){.ssh-pane{width:92cqw;height:16cqw;top:175cqw;left:4cqw}.ssh-head{padding:var(--space-2) var(--space-4);border-bottom:0}.ssh-term{padding:0 var(--space-4);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.phone{aspect-ratio:250/512;width:37.2cqw;position:absolute;top:6.9cqw;left:6cqw;container-type:inline-size}@media (max-width:639px){.phone{width:73.1cqw;top:19cqw;left:13.45cqw}}.phone-frame{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:14cqw;position:absolute;inset:0}.phone-screen{background:var(--color-terminal);color:var(--color-text);border-radius:11cqw;position:absolute;inset:3cqw;overflow:hidden}.ph-island{border-radius:var(--radius-pill);background:var(--color-surface);width:28cqw;height:8cqw;position:absolute;top:5.5cqw;left:50%;transform:translate(-50%)}.ph-status{height:8cqw;font-size:var(--step-n1);justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute;top:6cqw;left:9cqw;right:8cqw}.ph-icons{align-items:center;gap:var(--space-1);display:inline-flex}.ph-netlabel{font-size:var(--step-n2);font-weight:600;display:none}.ph-net{display:none}.ph-batt{color:var(--color-muted)}[data-net=wifi] .ph-net-wifi,[data-net=cellular] .ph-net-cell{display:block}[data-net=cellular] .ph-netlabel{display:inline}[data-net=offline] .ph-net-off{color:var(--color-muted);display:block}.ph-tabs{height:8.8cqw;font-size:var(--step-n2);align-items:center;gap:2cqw;display:flex;position:absolute;top:17cqw;left:5cqw;right:5cqw}.ph-tab{color:var(--color-muted);padding:0 var(--space-2);line-height:22px}.ph-tab.is-active{color:var(--color-text);background:var(--color-surface-2);border-radius:var(--radius-sm);text-align:center;width:25.6cqw;padding:0}.ph-tab-add{color:var(--color-muted);font-size:var(--step-n1);padding-right:var(--space-1);margin-left:auto}.ph-term{font-family:var(--font-mono);font-size:var(--phone-font);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.45;position:absolute;inset:28cqw 4cqw 30cqw;overflow:hidden}.ph-term .pred{display:none}.ph-term .srv{color:var(--color-muted)}.ph-term .caret{vertical-align:text-bottom;background:var(--color-text);width:.6em;height:1.1em;animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{to{visibility:hidden}}.ph-banner{z-index:2;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--step-n2);background:var(--color-warning);color:var(--color-on-accent);font-weight:600;line-height:1.4;position:absolute;top:28cqw;left:5cqw;right:5cqw}.ph-banner.is-ok{background:var(--color-success)}.ph-keys{gap:1cqw;height:11cqw;display:flex;position:absolute;top:176cqw;left:4cqw;right:4cqw}.ph-keys span{border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-muted);font-size:var(--step-n2);flex:1;place-items:center;display:grid}.ph-home{border-radius:var(--radius-pill);background:var(--color-surface-3);width:36cqw;height:1.6cqw;position:absolute;top:195.2cqw;left:50%;transform:translate(-50%)}.scene-tools{gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--step-n1);color:var(--color-muted);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.net-switch{align-items:center;gap:var(--space-3);flex-wrap:wrap;grid-column:1/-1;display:flex}.net-label{color:var(--color-text);font-weight:600;font-size:var(--step-n1)}.seg{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:inline-flex;overflow:hidden}.seg-btn{min-width:44px;min-height:44px;padding:0 var(--space-4);color:var(--color-text);font-weight:600;font-size:var(--step-n1);cursor:pointer;border:0;border-left:1px solid var(--color-border);background:0 0}.seg-btn:first-child{border-left:0}.seg-btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent)}.seg-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}.net-status{font-size:var(--step-n1);min-height:calc(2 * var(--leading-body) * 1em);margin:0}.net-status:before{content:"";width:8px;height:8px;margin-right:var(--space-2);background:var(--color-success);vertical-align:middle;border-radius:50%;display:inline-block}[data-net=offline]~.scene-tools .net-status:before{background:var(--color-warning)}@media (max-width:639px){.seg{grid-template-columns:1fr 1fr;width:100%;display:grid}.seg-btn:nth-child(3){border-left:0}.seg-btn:nth-child(n+3){border-top:1px solid var(--color-border)}.net-switch{width:100%}.net-switch .btn{margin-left:auto}.net-status{min-height:calc(3 * var(--leading-body) * 1em)}}.section-grouped{background:var(--color-grouped);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section-head{max-width:720px;margin-bottom:var(--space-7)}.section-head p{margin-top:var(--space-4);color:var(--color-muted)}.facts{margin:0;padding:0;list-style:none}.facts li{gap:var(--space-1);padding:var(--space-5) 0;display:grid}.facts li:first-child{padding-top:0}.facts-tight li{padding-block:var(--space-4)}.facts strong{font-size:var(--step-1);font-weight:600}.why-split{align-items:center}.hop-figure{margin:0}.hop{width:100%;height:auto;display:block}.hop-figure figcaption{margin-top:var(--space-3);font-size:var(--step-n1)}.dg-node{fill:var(--color-surface);stroke:var(--color-border)}.dg-node-gap{stroke-dasharray:4 4}.dg-live{fill:var(--color-success)}.dg-label{fill:var(--color-text);font-family:var(--font-ui);font-size:15px;font-weight:600}.dg-meta{fill:var(--color-muted);font-family:var(--font-mono);font-size:12px}.dg-link{fill:none;stroke:var(--color-accent);stroke-width:1.5px;stroke-dasharray:5 5;opacity:0}.dg-link-down{stroke:var(--color-warning)}.dg-link-1{animation:12s linear infinite link1}.dg-link-2{animation:12s linear infinite link2}.dg-link-3{animation:12s linear infinite link3}.dg-phone{animation:12s ease-in-out infinite hop}.dg-phone-body{fill:var(--color-surface-2);stroke:var(--color-border)}.dg-phone-screen{fill:var(--color-terminal)}.dg-prompt{fill:var(--color-text);font-family:var(--font-mono);font-size:12px}.dg-ghost rect{fill:none;stroke:var(--color-border);stroke-dasharray:3 3;display:none}@keyframes hop{0%,28%{transform:translate(0)}34%,61%{transform:translate(195px)}67%,94%{transform:translate(390px)}to{transform:translate(0)}}@keyframes link1{0%,30%{opacity:1}33%,97%{opacity:0}to{opacity:1}}@keyframes link2{0%,32%{opacity:0}35%,63%{opacity:1}66%,to{opacity:0}}@keyframes link3{0%,65%{opacity:0}68%,96%{opacity:1}99%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.dg-link,.dg-phone{animation:none}.dg-link-1{opacity:1}.dg-link-2,.dg-link-3{opacity:.45}.dg-ghost rect{display:block}}@media (max-width:639px){.why-split{grid-template-columns:minmax(0,1fr)}}.keybar-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-5);display:grid}.keybar-top{gap:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.mode-pick{align-items:center;gap:var(--space-3);display:inline-flex}.keybar-hint{font-size:var(--step-n1);flex:320px;margin:0}.keyrow{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.key{border-radius:var(--radius-sm);border:1px solid var(--color-border);border-bottom:2px solid var(--color-surface-3);background:var(--color-surface-2);min-height:48px;color:var(--color-text);font-family:var(--font-mono);font-size:var(--step-0);cursor:pointer;transition:transform var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);font-weight:600}.key:hover{background:var(--color-surface-3)}.key:active,.key.is-flash{background:var(--color-surface-3);border-bottom-width:1px;transform:translateY(1px)}.key[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent);border-color:#0000}@media (max-width:639px){.keyrow{grid-template-columns:repeat(4,minmax(0,1fr))}}.readout{gap:var(--space-5);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.ro{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:1px;margin:0;display:grid;overflow:hidden}.ro>div{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);grid-template-columns:7rem minmax(0,1fr);display:grid}.ro dt{color:var(--color-muted);font-weight:600;font-size:var(--step-n1)}.ro dd{overflow-wrap:anywhere;margin:0}.ro-log .label{margin-bottom:var(--space-2)}.ro-log ol{padding-left:var(--space-5);font-size:var(--step-n1);gap:var(--space-1);margin:0;display:grid}@media (max-width:1023px){.readout{grid-template-columns:minmax(0,1fr)}}@media (max-width:639px){.ro>div{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}}.keys-split{align-items:start}.keygen h3{margin-bottom:var(--space-4)}.keygen-out{margin-top:var(--space-5);gap:var(--space-3);display:grid}.keygen-out .label{margin:0}.pubkey{font-size:var(--step-n1);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.keygen .facts{margin-top:var(--space-6);border-top:1px solid var(--color-border)}.keygen .facts li:first-child{padding-top:var(--space-4)}.tofu-wrap{gap:var(--space-3);display:grid}.tofu-wrap>.label{margin:0}.tofu{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);max-width:420px;display:grid}.tofu-title{font-weight:600;font-size:var(--step-1);margin:0}.tofu-body{font-size:var(--step-n1);margin:0}.tofu-fp{font-size:var(--step-n1);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-terminal);margin:0}.tofu-actions{gap:var(--space-2);margin-top:var(--space-2);display:grid}.tofu.is-trusted{border-color:var(--color-success)}.tofu.is-declined{opacity:.85}.tofu-result{min-height:1.5em;margin:0}.tofu-result.is-ok{color:var(--color-success)}@media (max-width:639px){.keys-split{grid-template-columns:minmax(0,1fr)}}.ipad-figure{margin:0 0 var(--space-7);gap:var(--space-4);display:grid}.ipad{aspect-ratio:4/3;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:820px;margin-inline:auto;padding:2.2%}.ipad-screen{background:var(--color-terminal);border-radius:var(--radius-md);grid-template-rows:auto minmax(0,1fr);height:100%;display:grid;overflow:hidden}.ipad-tabs{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--step-n1);display:flex}.ipad-tab{padding:var(--space-1) var(--space-3);color:var(--color-muted);border-radius:var(--radius-sm)}.ipad-tab.is-active{background:var(--color-surface-2);color:var(--color-text)}.ipad-tab-add{color:var(--color-muted);padding:var(--space-1) var(--space-2);margin-left:auto}.ipad-split{grid-template-columns:1fr 1fr;min-height:0;display:grid}.ipad-pane{padding:var(--space-4);font-size:var(--step-n2);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text);margin:0;line-height:1.5;overflow:hidden}.ipad-pane-ssh{border-left:1px solid var(--color-border);color:var(--color-muted)}.caret-static{background:var(--color-text);vertical-align:text-bottom;width:.6em;height:1.1em;display:inline-block}.hw-keyboard{width:100%;max-width:880px;height:auto;margin-inline:auto;display:block}.kb-body{fill:var(--color-surface);stroke:var(--color-border)}.kb-key{fill:var(--color-surface-2);stroke:var(--color-border)}.kb-label{fill:var(--color-muted);font-family:var(--font-mono);font-size:12px}.kb-label-sm{font-size:9px}.ipad-figure figcaption{font-size:var(--step-n1);text-align:center}.ipad-facts{gap:var(--space-6);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ipad-facts li{padding:var(--space-5) 0 0}.ipad-facts li:first-child{padding-top:var(--space-5)}.ipad-facts>*+*{border-top:0}@media (min-width:640px) and (max-width:1023px){.ipad-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.ipad-facts{grid-template-columns:minmax(0,1fr);gap:0}.ipad-facts>*+*{border-top:1px solid var(--color-border)}.ipad-facts li{padding-bottom:var(--space-5)}.ipad-split{grid-template-columns:minmax(0,1fr)}.ipad-pane-ssh{display:none}.ipad{aspect-ratio:3/2}}.eng-split{align-items:start}.eng-copy p{margin-top:var(--space-4);color:var(--color-muted)}.eng-copy h2+p{color:var(--color-text)}.spec-note{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border);scroll-margin-top:var(--space-8)}.spec-note h3{margin-bottom:var(--space-2)}.eng-facts{gap:var(--space-5);display:grid}.spec-table th{white-space:nowrap;color:var(--color-muted);font-weight:600}.datagram{font-size:var(--step-n1);margin:0;line-height:1.6}@media (max-width:1023px){.eng-split{grid-template-columns:minmax(0,1fr)}}.faq-list{margin-top:var(--space-6);border-top:1px solid var(--color-border)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item summary{cursor:pointer;align-items:center;gap:var(--space-4);min-height:56px;padding:var(--space-3) 0;font-weight:600;font-size:var(--step-1);list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";border-right:2px solid var(--color-muted);border-bottom:2px solid var(--color-muted);width:10px;height:10px;transition:transform var(--dur-slow) var(--ease);flex:none;margin-left:auto;transform:rotate(45deg)}.faq-item[open] summary:after{transform:rotate(-135deg)}.faq-item p{padding-bottom:var(--space-5);color:var(--color-muted)}.faq-item:not([open])>p{display:none}.tf-panel{padding:var(--space-7);gap:var(--space-4);display:grid}.tf-panel .invite{margin-top:var(--space-2);max-width:none}@media (max-width:639px){.tf-panel{padding:var(--space-5)}}.foot-grid{gap:var(--space-4);display:grid}.foot-id{gap:var(--space-1);display:grid}.foot-id p+p{margin-top:0}.foot-brand{color:var(--color-text);font-weight:600}.foot-links{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.foot-note{max-width:65ch}.chapter{scroll-margin-top:var(--space-8)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.packet,.ph-term .caret{animation:none}.link-tag,.key{transition:none}}