.principles-heading{padding:28px 0}.principle{margin-bottom:32px}.principle>h2,.model-section>h2{font-size:var(--text-body);margin-bottom:16px}.latency-diagram,.location-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.latency-diagram{padding:28px 24px 0}.connection-chain{position:relative;display:grid;grid-template-columns:repeat(3,1fr)}.chain-node{display:flex;flex-direction:column;align-items:center;gap:10px;z-index:1}.chain-node>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #758896;border-radius:8px;background:var(--panel)}.chain-node b{font-weight:400}.chain-connection{position:absolute;display:flex;top:22px;left:16.666%;right:16.666%}.chain-connection i{width:50%;border-top:2px solid var(--route)}.chain-connection .client-line{border-top-style:dashed}.chain-anchor{color:var(--route)}.chain-anchor>span{border-color:var(--route)}.segment-spans{display:grid;grid-template-columns:1fr 1fr;margin:32px 16.666% 0}.rtt-span{position:relative;text-align:center;padding:12px 8px;border-top:1px solid #758896}.rtt-span:before,.rtt-span:after{content:"";position:absolute;width:1px;height:6px;top:0;background:currentColor}.rtt-span:before{left:0}.rtt-span:after{right:0}.rtt-span>span{display:block}.rtt-span b{display:flex;flex-wrap:wrap;justify-content:center;gap:0 8px;margin-top:2px;font-weight:400}.rtt-span output{white-space:nowrap;font-variant-numeric:tabular-nums}.source-span,.tcp-span{color:var(--route);border-top-color:currentColor}.source-span{border-top-style:dashed}.full-span{margin:16px 16.666% 0}.direct-diagram .connection-chain{grid-template-columns:repeat(2,1fr)}.direct-diagram .chain-connection{left:25%;right:25%}.direct-diagram .chain-connection i{width:100%}.direct-diagram .segment-spans{grid-template-columns:1fr}.direct-diagram .segment-spans,.direct-diagram .full-span{margin-left:25%;margin-right:25%}.formula{font-variant-numeric:tabular-nums;line-height:1.8}.formula sub{font-size:var(--text-small)}.separation-formula{margin-top:20px;border-top:1px solid var(--line);text-align:center;padding:20px 0}.location-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.segmented{display:flex;gap:4px}.segmented button{padding:6px 10px;color:var(--muted);border:1px solid transparent;border-radius:5px}.segmented button[aria-pressed=true]{color:var(--text);border-color:#35434e;background:#202c36}.position-figure{position:relative;margin:20px 24px 0;background:#0d141b;border-radius:6px}.position-figure svg{width:100%;height:100%;overflow:hidden}.location-node{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--panel)}.location-node{padding:4px 10px;border-radius:5px;border:1px solid var(--node, #758896);color:var(--node, var(--text));white-space:nowrap}.location-node[hidden]{display:none}.website-node{padding:12px 18px}.anchor-node{cursor:grab;touch-action:none}.anchor-node:before{content:"";position:absolute;inset:-6px}.anchor-node:active{cursor:grabbing}.anchor-node[data-active=true]{background:color-mix(in srgb,var(--node) 12%,var(--panel))}.node-rtt{position:absolute;width:148px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:var(--text-small);font-variant-numeric:tabular-nums}.node-rtt[data-active=true]{border-color:color-mix(in srgb,var(--node) 60%,var(--line))}.node-rtt>div{display:flex;justify-content:space-between;gap:4px;white-space:nowrap}.node-rtt label{color:var(--node)}.node-rtt input{display:block;width:100%;height:24px;margin:2px 0 0;accent-color:var(--node);cursor:ew-resize}.node-rtt input:focus-visible{outline-color:var(--node);outline-offset:1px}.node-choices{display:flex;gap:6px;margin-left:auto}.node-choices button{width:36px;min-height:34px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.node-choices button[aria-pressed=true]{color:var(--node);border-color:color-mix(in srgb,var(--node) 45%,transparent);background:color-mix(in srgb,var(--node) 8%,transparent)}.location-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:16px;color:var(--muted);font-size:var(--text-small)}.location-legend span{display:inline-flex;align-items:center;gap:8px}.location-legend i{width:16px;display:block}.range-key{border-top:1px dashed #c2e4e0}.overlap-key{height:8px;background:#c2e4e02b;border:1px solid #758896}.site-path-key{color:var(--route)}.connection-key{border-top:2px solid var(--route)}.distance-table{width:calc(100% - 48px);margin:0 24px;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}.distance-table th,.distance-table td{padding:12px 8px;text-align:right;border-bottom:1px solid var(--line);font-weight:400}.distance-table th:first-child{width:24%;text-align:left;color:var(--muted)}.distance-table .client-reading th,.distance-table .client-reading td{color:var(--text);background:#18232b}.distance-formula{padding:20px 16px;text-align:center}.fraction{display:inline-flex;vertical-align:middle;flex-direction:column;text-align:center;margin:0 6px}.fraction>span:first-child{padding:0 6px 2px;border-bottom:1px solid #758896}.fraction>span:last-child{line-height:1.6}.model-section{padding-top:24px;border-top:1px solid var(--line)}.spec-list{margin:0}.spec-list>div{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:14px 0;border-bottom:1px solid var(--line)}.spec-list dt{color:var(--muted)}.spec-list dd{margin:0}.source-links{display:flex;gap:24px;padding-top:20px;font-size:var(--text-small);color:var(--accent)}@media(max-width:760px){.latency-diagram{padding:24px 12px 0}.rtt-span{padding:10px 0}.rtt-span span{font-size:var(--text-small)}.segment-spans{margin-top:24px}.position-figure{margin:16px 12px 0}.location-node{padding:3px 7px;font-size:var(--text-small)}.website-node{padding:8px 14px}.node-rtt{width:104px;padding:4px}.location-legend{gap:12px}.distance-table{width:calc(100% - 24px);margin:0 12px}.distance-table th,.distance-table td{padding:12px 4px}.distance-table th{font-size:var(--text-small)}.distance-formula{padding:20px 6px}.fraction{margin:0 2px}.fraction>span:first-child{padding:0 2px 2px}.spec-list>div{grid-template-columns:84px 1fr;gap:16px}}.map-panel{margin-top:24px;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.map-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin:0 20px;padding:12px 0}.map-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;gap:4px;align-items:center}.map-tab{white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid transparent;border-radius:5px;color:var(--muted)}.map-tab:hover{background:#1c2730}.map-tab.active{color:var(--text);background:#202c36;border-color:#35434e}.map-tab i{display:block;width:6px;height:6px;border-radius:50%;background:var(--route);flex-shrink:0}.map-tools{display:flex;align-items:center;gap:16px}.measure-button{padding:7px 14px;min-height:38px}.measure-button[aria-busy=true]{background:#202c36;border-color:#35434e;color:var(--text)}.measure-button[aria-busy=true] .spinner{border-color:#75889640;border-top-color:var(--text)}.measurement-notice{margin:12px 20px 0;color:#e8b975}.model-select{flex-shrink:0}.model-select select{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:6px 0;max-width:165px}.model-select option{background:var(--panel)}.map-stage{position:relative;padding:12px;min-height:200px}.world-map{width:100%;height:auto}.map-point{cursor:pointer}.map-point:hover circle:first-of-type{opacity:.22}.map-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none;background:radial-gradient(ellipse,#11171ebf 0%,#11171e40 40%,transparent 65%)}.unmeasured .world-map{opacity:.5}.progress-track{height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--line)}#progress{height:100%;background:var(--accent);transition:width .2s}.result-hint{color:var(--muted);margin:12px 0 0}@media(max-width:760px){.map-panel{margin-top:16px}.map-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0 12px}.map-tools{order:-1;justify-content:space-between}.map-tabs{width:100%}.map-tab,.model-select select{font-size:var(--text-small)}.map-stage{display:flex;align-items:center;padding:10px 0}#map{width:100%}}:root{color-scheme:dark;--bg: #0c1015;--panel: #11171e;--line: #25303a;--text: #edf1f4;--muted: #8e9ca9;--accent: #2dd4bf;--text-small: 12px;--text-body: 14px;--text-title: 20px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:var(--text-body);line-height:1.6}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-size:var(--text-title);font-weight:600}b,strong{font-weight:600}small{font-size:var(--text-small)}svg{display:block}input{min-width:0}.site{max-width:1240px;margin:auto;padding:0 32px 40px}.topbar{height:72px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:var(--text-title);font-weight:600}.brand svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.5}.brand-dot{color:var(--accent);margin-left:-10px}.topbar nav{display:flex;gap:24px;margin-left:auto;color:var(--muted)}.topbar nav a{padding:24px 0;position:relative}.topbar nav a[aria-current=page]{color:var(--text)}.topbar nav a[aria-current=page]:after{content:"";position:absolute;height:2px;background:var(--accent);bottom:0;left:0;right:0}.language{font-size:var(--text-small);padding:5px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.language:hover,.text-button:hover,.icon-button:hover{color:var(--text)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border:1px solid #71ead7;border-radius:6px;background:#5de2cd;color:#062923;font-weight:600;white-space:nowrap}.primary:hover{background:#83ecd9}.text-button{color:var(--muted);padding:4px 0}.spinner{width:14px;height:14px;border:2px solid #063e3640;border-top-color:#063e36;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:20px}.routes:empty{margin:0}.route-card{padding:16px 16px 0;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0}.route-top{display:flex;justify-content:space-between;align-items:flex-start}.route-focus{display:flex;gap:10px;align-items:center;padding:0;min-width:0;text-align:left}.route-number{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;font-size:var(--text-small);color:var(--route);border:1px solid color-mix(in srgb,var(--route) 28%,transparent);background:color-mix(in srgb,var(--route) 7%,transparent);border-radius:5px}.route-focus b{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis}.route-focus small{display:block;color:var(--muted)}.route-focus[aria-pressed=true] b{color:var(--route)}.icon-button{color:var(--muted);padding:0 4px;font-size:var(--text-title);line-height:1}.route-reading{margin:20px 0 16px;font-size:var(--text-title);font-variant-numeric:tabular-nums}.route-reading small{color:var(--muted)}.route-reading>span{display:block;color:var(--muted);font-size:var(--text-small);margin-top:4px}.route-status{color:#e8b975;font-size:var(--text-small);margin-bottom:12px}.route-details{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.route-details summary{display:flex;justify-content:space-between;font-size:var(--text-small);color:var(--muted);padding:10px 0}.route-details dl{margin:0 0 12px;font-size:var(--text-small)}.route-details dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}.route-details dt{color:var(--muted)}.route-details dd{margin:0;text-align:right}details[open]>summary>span{transform:rotate(45deg)}.country-panel{border-top:1px solid var(--line);margin-top:28px}.country-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}.country-heading h2{font-size:var(--text-body)}#country-count{color:var(--muted);font-weight:400;margin-left:8px}.country-heading input{width:240px;max-width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.country-body>p{color:var(--muted)}#country-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px}#country-list>span{display:flex;align-items:baseline;gap:12px}#country-list small{color:var(--muted);width:22px;flex-shrink:0}#country-list p{color:var(--muted);grid-column:1/-1}.session-actions{display:flex;justify-content:flex-end;gap:24px;margin-top:28px;padding-top:16px;border-top:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.site{padding:0 16px 28px}.topbar{gap:16px}.topbar nav{gap:16px}.brand{gap:6px}.brand-dot{margin-left:-6px}.brand svg{width:20px;height:20px}.language{padding:4px 6px}.routes{grid-template-columns:repeat(2,minmax(0,1fr))}.route-focus b{max-width:110px}.route-card{padding:12px 12px 0}.country-heading{align-items:flex-start;flex-direction:column;gap:12px}.country-heading input{width:100%}#country-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:480px){.routes{grid-template-columns:1fr}.route-focus b{max-width:240px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}