:root{--surface-0: #0e0e13;--surface-1: #18181b;--surface-2: #27272a;--surface-3: #09090b;--hairline: #27272a;--hairline-strong: #3f3f46;--hairline-ui: #66666f;--ink: #fffaea;--ink-2: #d8d7d4;--ink-3: #a1a1aa;--ink-invert: #09090b;--act-primary: #e96b34;--act-live: #62f6b5;--alert: #ff492c;--alert-rgb: 255 73 44;--act-live-rgb: 98 246 181;--sig-blue-rgb: 77 202 250;--alert-wash: rgb(var(--alert-rgb) / .1);--alert-edge: rgb(var(--alert-rgb) / .4);--live-wash: rgb(var(--act-live-rgb) / .25);--notice-surface: #1c1c20;--sig-blue: #4dcafa;--sig-violet: #9977ff;--sig-pink: #de94e2;--sig-yellow: #ffdd03;--r-card: 6px;--r-input: 12px;--r-pill: 9999px;--r-alert: 0px;--font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-num: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--t-caption: 11px;--t-meta: 12px;--t-body: 15px;--t-sub: 22px;--t-head: 32px;--t-display: 44px;--lh-tight: 1.12;--lh-body: 1.6;--track-display: -.02em;--gap-el: 8px;--gap-pad: 16px;--tap: 48px;--ease: cubic-bezier(.32, .72, 0, 1);--dur: .24s}:root:lang(zh-Hans){--font-ui: "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;--t-display: 34px;--t-head: 26px;--t-sub: 20px;--lh-body: 1.75;--lh-tight: 1.42;--track-display: 0;--tap: 52px}[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--surface-0);color:var(--ink);font-family:var(--font-ui);font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:lang(zh-Hans){font-synthesis:none;word-break:normal}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.num:lang(zh-Hans){font-family:inherit}.num:lang(zh-Hans) .d{font-family:var(--font-num)}:where(button,a,[tabindex],summary):focus-visible{outline:2px solid var(--act-live);outline-offset:3px}#app{display:flex;flex-direction:column;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 16px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 20px) calc(env(safe-area-inset-left) + 20px);max-width:480px;margin:0 auto}:root:lang(zh-Hans) #app{padding-left:16px;padding-right:16px}.screen{display:none;flex-direction:column;flex:1 1 auto}.screen[data-active]{display:flex}.bar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-el);min-height:44px}.grow{flex:1 1 auto}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stack{display:flex;flex-direction:column;gap:var(--gap-el)}.stack-l{display:flex;flex-direction:column;gap:12px}.display,.head{margin:0;letter-spacing:var(--track-display);font-weight:500;text-wrap:balance}.display{font-size:var(--t-display);line-height:var(--lh-tight)}.head{font-size:var(--t-head);line-height:1.14}.head--sm{font-size:var(--t-sub)}.display:lang(zh-Hans),.head:lang(zh-Hans){text-wrap:initial;font-weight:600}.sub{margin:0;font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-2);text-wrap:pretty}.sub:lang(zh-Hans){text-wrap:initial}.meta{font-size:var(--t-meta);line-height:1.6;letter-spacing:.12px;color:var(--ink-3)}.meta:lang(zh-Hans){line-height:1.7;letter-spacing:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);padding:8px 20px;border:1px solid transparent;border-radius:var(--r-pill);font:inherit;font-size:var(--t-body);font-weight:500;cursor:pointer;transition:transform var(--dur) var(--ease),filter var(--dur) var(--ease)}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:18px;height:18px;flex:none}.btn--primary{background:var(--act-primary);color:var(--ink-invert)}.btn--ghost{background:transparent;color:var(--ink-2);border-color:var(--hairline-ui)}.btn--block{width:100%}.btn:lang(zh-Hans){font-size:16px;font-weight:600}.icon-btn{display:grid;place-items:center;min-width:var(--tap);min-height:var(--tap);padding:0 6px;border:0;border-radius:var(--r-input);background:transparent;color:var(--ink-2);font:inherit;font-size:var(--t-caption);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.icon-btn:hover{background:var(--surface-1);color:var(--ink)}.icon-btn svg{width:20px;height:20px}.icon-btn:lang(zh-Hans){display:flex;flex-direction:column;gap:2px}.icon-btn .lbl{display:none}.icon-btn:lang(zh-Hans) .lbl{display:block}.field{display:flex;flex-direction:column;gap:2px;width:100%;min-height:var(--tap);padding:8px 14px;border:1px solid var(--hairline-ui);border-radius:var(--r-input);background:var(--surface-1);color:var(--ink);font:inherit;text-align:left}.field__label{font-size:var(--t-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.field__label:lang(zh-Hans){text-transform:none;letter-spacing:0}.field select,.field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;font-size:var(--t-body);font-weight:500;padding:0;width:100%}.field select:focus,.field input:focus{outline:none}.field:focus-within{border-color:var(--act-live)}.field option{background:var(--surface-1);color:var(--ink)}.card{padding:var(--gap-pad);border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--surface-1)}.card--notice{background:var(--notice-surface);border-color:var(--hairline-ui)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--alert-edge);border-radius:var(--r-alert);background:var(--alert-wash);font-size:var(--t-meta);line-height:1.5;color:var(--ink-2)}.alert svg{width:16px;height:16px;flex:none;color:var(--alert);margin-top:2px}.alert b{color:var(--ink);font-weight:500}.trust{display:flex;align-items:flex-start;gap:8px;font-size:var(--t-caption);line-height:1.6;color:var(--ink-3)}.trust svg{width:14px;height:14px;flex:none;margin-top:3px}.trust:lang(zh-Hans){padding:12px 14px;border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--surface-1);font-size:var(--t-meta);line-height:1.7}.trust b{display:block;color:var(--ink-2);font-weight:600}.link-row{display:flex;align-items:center;gap:8px;min-height:var(--tap);padding:6px 6px 6px 14px;border:1px solid var(--hairline);border-radius:var(--r-input);background:var(--surface-3)}.link-row__url{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink-2)}.qr-card{display:none}.qr-card:lang(zh-Hans){display:block}.qr{display:block;width:176px;height:176px;margin:0 auto;padding:12px;border-radius:var(--r-card);background:#fff}.qr canvas,.qr img{width:100%;height:100%;display:block}.status{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-meta);color:var(--ink-2)}.dot{width:8px;height:8px;border-radius:var(--r-pill);flex:none;background:var(--ink-3);position:relative}.dot--live{background:var(--act-live)}.dot--live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-pill);background:var(--act-live);animation:halo 1.8s var(--ease) infinite}@keyframes halo{0%{transform:scale(1);opacity:.6}to{transform:scale(3.2);opacity:0}}.band-frame{padding:14px;border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--surface-1)}.band-frame:not(:lang(zh-Hans)){border:0;background:none;padding:0}.band-keys{display:none;justify-content:space-between;margin-bottom:10px;font-size:var(--t-meta);color:var(--ink-3)}.band-keys:lang(zh-Hans){display:flex}.band-keys i{width:6px;height:6px;border-radius:var(--r-pill);display:inline-block;margin-right:6px}.band-keys .k-self i{background:var(--sig-blue)}.band-keys .k-peer i{background:var(--sig-pink)}.band-frame[data-state=stalled] .k-peer i{background:var(--alert)}.band-frame[data-state=stalled] .k-peer b{color:var(--alert)}.band-keys b{color:var(--ink-2);font-weight:600}.band{display:flex;align-items:center;justify-content:center;gap:5px;height:108px}.band__half{display:flex;align-items:center;gap:5px}.band__gap{width:20px}.band__half>span{display:block;width:6px;height:12px;border-radius:var(--r-pill);background:currentColor;opacity:.9;transform-origin:center}.band__half--self{color:var(--sig-blue)}.band__half--self>span:nth-child(3n+2){color:var(--sig-violet)}.band__half--peer{color:var(--sig-pink)}.band__half--peer>span:nth-child(3n+2){color:var(--sig-yellow)}.band__half>span:nth-child(1){animation-delay:0ms;--h: 2.4}.band__half>span:nth-child(2){animation-delay:90ms;--h: 4.1}.band__half>span:nth-child(3){animation-delay:.18s;--h: 1.7}.band__half>span:nth-child(4){animation-delay:.27s;--h: 5.2}.band__half>span:nth-child(5){animation-delay:.36s;--h: 3}.band__half>span:nth-child(6){animation-delay:.45s;--h: 6.4}.band__half>span:nth-child(7){animation-delay:.54s;--h: 2.2}.band__half>span:nth-child(8){animation-delay:.63s;--h: 4.6}.band-frame[data-state=live] .band__half>span,.band-frame[data-state=stalled] .band__half--self>span{animation-name:pulse;animation-duration:1.1s;animation-timing-function:var(--ease);animation-iteration-count:infinite;animation-direction:alternate}.band-frame[data-state=live] .band__half--peer>span{animation-duration:1.35s}@keyframes pulse{0%{transform:scaleY(1);opacity:.45}to{transform:scaleY(var(--h, 3));opacity:1}}.band-frame[data-state=idle] .band__half>span{opacity:.22}.band-frame[data-state=stalled] .band__half--peer{color:var(--alert)}.band-frame[data-state=stalled] .band__half--peer>span{opacity:1;height:26px;color:var(--alert)}.details{border-top:1px solid var(--hairline);padding-top:12px}.details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:var(--t-meta);color:var(--ink-3)}.details>summary::-webkit-details-marker{display:none}.details:lang(zh-Hans){border:0;padding:0}.details:lang(zh-Hans)>summary{display:none}.telemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-el);margin-top:12px}.telemetry:lang(zh-Hans){gap:0;margin-top:0;border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--surface-1);overflow:hidden}.stat{display:flex;flex-direction:column;gap:2px}.telemetry:lang(zh-Hans) .stat{align-items:center;padding:10px 4px;border-left:1px solid var(--hairline)}.telemetry:lang(zh-Hans) .stat:first-child{border-left:0}.stat__k{font-size:var(--t-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.stat__k:lang(zh-Hans){text-transform:none;letter-spacing:0}.stat__v{font-size:15px;color:var(--ink)}.stat__v small{font-size:10px;color:var(--ink-3)}.stat__v--good{color:var(--act-live)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:var(--tap);padding:10px 14px;border:1px solid var(--hairline-ui);border-radius:var(--r-input);background:var(--surface-1);color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background var(--dur) var(--ease)}.toggle:hover{background:var(--surface-2)}.toggle__switch{position:relative;width:44px;height:26px;flex:none;border-radius:var(--r-pill);background:var(--surface-2);transition:background var(--dur) var(--ease)}.toggle__switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:var(--r-pill);background:var(--ink-3);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.toggle[aria-pressed=true] .toggle__switch{background:var(--live-wash)}.toggle[aria-pressed=true] .toggle__switch:after{transform:translate(18px);background:var(--act-live)}.toggle__hint{display:block;font-size:var(--t-caption);color:var(--ink-3)}.dock{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;gap:var(--gap-el)}.ctl{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:64px;padding:4px;border:0;background:transparent;color:var(--ink-2);font:inherit;font-size:var(--t-meta);cursor:pointer}.ctl__glyph{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--hairline-ui);border-radius:var(--r-pill);background:var(--surface-1);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.ctl:hover .ctl__glyph{background:var(--surface-2)}.ctl svg{width:22px;height:22px}.ctl .lbl{display:none}.ctl:lang(zh-Hans) .lbl{display:block}.ctl[aria-pressed=true] .ctl__glyph{background:var(--alert-wash);border-color:var(--alert);color:var(--alert)}.ctl[aria-pressed=true]{color:var(--alert)}.ctl[aria-pressed=true] .lbl{display:block}.btn--end{width:64px;height:64px;padding:0;border-radius:var(--r-pill);background:var(--alert-wash);border-color:var(--alert);color:var(--alert)}.btn--end svg{width:24px;height:24px}.btn--end:lang(zh-Hans){width:auto;height:auto;min-width:132px;padding:10px 24px;background:var(--surface-1);border-color:var(--alert-edge);font-weight:600}.btn--end:lang(zh-Hans) svg{display:none}.orb{width:148px;height:148px;border-radius:var(--r-pill);background:radial-gradient(circle at 32% 28%,rgb(var(--act-live-rgb) / .55) 0%,transparent 55%),radial-gradient(circle at 70% 72%,rgb(var(--sig-blue-rgb) / .45) 0%,transparent 60%),var(--surface-2);animation:breathe 4.2s var(--ease) infinite alternate}@keyframes breathe{0%{transform:scale(.94);opacity:.75}to{transform:scale(1);opacity:1}}.medallion{display:grid;place-items:center;width:68px;height:68px;border-radius:var(--r-pill);border:1px solid var(--hairline-ui);background:var(--surface-1);color:var(--ink-2)}.medallion svg{width:28px;height:28px}.howto{display:flex;flex-direction:column;gap:10px}.howto__k{font-size:var(--t-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.howto__k:lang(zh-Hans){text-transform:none;letter-spacing:0}.howto ol{margin:0;padding-left:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:6px}.howto ol>li{counter-increment:step;display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:14px;color:var(--ink-2)}.howto ol>li:before{content:counter(step);display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r-pill);border:1px solid var(--hairline-ui);font-family:var(--font-num);font-size:11px;color:var(--ink-3)}.howto__note{font-size:var(--t-meta);line-height:1.6;color:var(--ink-3);padding-top:8px;border-top:1px solid var(--hairline)}.facts{display:flex;flex-direction:column;gap:8px;text-align:left}.facts>li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;font-size:14px;color:var(--ink-2);list-style:none}.facts svg{width:16px;height:16px;color:var(--ink-3);margin-top:3px}.facts{margin:0;padding:0}#log{display:none;white-space:pre-wrap;font-family:var(--font-num);font-size:11px;color:var(--ink-3);background:var(--surface-3);padding:10px;border-radius:var(--r-card);max-height:30vh;overflow-y:auto;margin-top:12px}body[data-debug] #log{display:block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.band-frame[data-state=live] .band__half>span,.band-frame[data-state=stalled] .band__half--self>span{height:calc(12px * var(--h, 3));opacity:1}}.lang-switch{min-width:auto;padding:0 14px;border:1px solid var(--hairline-ui);border-radius:var(--r-pill);font-size:var(--t-meta);color:var(--ink-2)}.lang-switch:hover{background:var(--surface-2);color:var(--ink)}