@layer tokens,base,components,shell,glass,pages;@layer tokens{:root{color-scheme:light dark;accent-color:var(--accent);--surface: light-dark(oklch(98.5% 0 0), oklch(0% 0 0));--surface-1: light-dark(oklch(100% 0 0), oklch(14.5% 0 0));--surface-inset: light-dark(oklch(97.2% 0 0), oklch(8.5% 0 0));--surface-2: light-dark(oklch(93.4% 0 0), oklch(21.8% 0 0));--glass: light-dark(oklch(100% 0 0 / .74), oklch(10% 0 0 / .68));--scrim: light-dark(oklch(98.5% 0 0 / .55), oklch(0% 0 0 / .6));--ui-2: light-dark(oklch(0% 0 0 / .06), oklch(100% 0 0 / .08));--ui: light-dark(oklch(0% 0 0 / .1), oklch(100% 0 0 / .135));--ui-3: light-dark(oklch(0% 0 0 / .19), oklch(100% 0 0 / .23));--tx: light-dark(oklch(0% 0 0), oklch(100% 0 0));--tx-2: light-dark(oklch(34.8% 0 0), oklch(83.3% 0 0));--tx-3: light-dark(oklch(52.8% 0 0), oklch(65% 0 0));--tx-4: light-dark(oklch(73.2% 0 0), oklch(46.8% 0 0));--accent: light-dark(oklch(63.5% .17 151.2), oklch(81.2% .215 149.4));--accent-bg: color-mix(in oklab, var(--accent) 12%, transparent);--accent-line: color-mix(in oklab, var(--accent) 34%, transparent);--on-accent: light-dark(oklch(100% 0 0), oklch(0% 0 0));--good: var(--accent);--bad: light-dark(oklch(55.3% .225 27.3), oklch(66.3% .224 28.3));--bad-bg: color-mix(in oklab, var(--bad) 12%, transparent);--primary-bg: var(--tx);--primary-tx: var(--surface-1);--viz-grid: color-mix(in oklab, var(--tx-3) 28%, transparent);--viz-empty: var(--surface-2);--viz-hatch: color-mix(in oklab, var(--tx) 22%, transparent);--hatch: repeating-linear-gradient(-45deg, var(--viz-hatch) 0 1.4px, transparent 1.4px 5px);--hatch-accent: repeating-linear-gradient(-45deg, color-mix(in oklab, var(--accent) 45%, transparent) 0 1.4px, transparent 1.4px 5px);--sh-1: 0 1px 2px light-dark(oklch(0% 0 0 / .05), oklch(0% 0 0 / .6));--sh-2: 0 18px 44px -22px light-dark(oklch(0% 0 0 / .22), oklch(0% 0 0 / .9)), 0 2px 6px -2px light-dark(oklch(0% 0 0 / .06), oklch(0% 0 0 / .5));--sh-3: 0 40px 90px -24px light-dark(oklch(0% 0 0 / .28), oklch(0% 0 0 / .95));--edge: inset 0 1px 0 0 light-dark(transparent, oklch(100% 0 0 / .05));--sans: "Geist", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--fs-display: clamp(32px, 5vw, 46px);--fs-title-1: 32px;--fs-title-2: 24px;--fs-title-3: 17px;--fs-body: 15px;--fs-callout: 14px;--fs-foot: 13px;--fs-caption: 12px;--fs-over: 11px;--fs-chip: 10.5px;--fs-num-xl: 40px;--fs-num-l: 28px;--fs-num-m: 17px;--fs-num-s: 12.5px;--track-body: -.011em;--track-display: -.03em;--track-caps: .06em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 56px;--sp-card: 20px;--sp-inset: 14px;--r-chip: 6px;--r-seg: 10px;--r-thumb: 8px;--r-input: 14px;--r-inset: 14px;--r-card: 20px;--r-sheet: 28px;--r-phone-sheet: 40px;--r-pill: 999px;--spring: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017 19.4%, 1.077 22%, 1.121 24.7%, 1.149 27.4%, 1.159 30.3%, 1.15 33.5%, 1.131 36.3%, 1.106 39.2%, 1.052 45.3%, 1.012 52%, .998 57%, .994 64%, 1 78%, 1);--ease-out: cubic-bezier(.23, 1, .32, 1);--t-fast: .15s;--t-base: .25s;--t-slow: .5s;--t-sheet: .7s;--topbar-h: 60px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.inv{--surface: light-dark(oklch(0% 0 0), oklch(100% 0 0));--surface-1: light-dark(oklch(0% 0 0), oklch(100% 0 0));--surface-inset: light-dark(oklch(14.5% 0 0), oklch(95% 0 0));--surface-2: light-dark(oklch(25% 0 0), oklch(88% 0 0));--ui-2: light-dark(oklch(100% 0 0 / .1), oklch(0% 0 0 / .08));--ui: light-dark(oklch(100% 0 0 / .18), oklch(0% 0 0 / .14));--ui-3: light-dark(oklch(100% 0 0 / .3), oklch(0% 0 0 / .25));--tx: light-dark(oklch(100% 0 0), oklch(0% 0 0));--tx-2: light-dark(oklch(85% 0 0), oklch(28% 0 0));--tx-3: light-dark(oklch(72% 0 0), oklch(42% 0 0));--tx-4: light-dark(oklch(52% 0 0), oklch(62% 0 0));--primary-bg: var(--tx);--primary-tx: var(--surface-1);--viz-hatch: color-mix(in oklab, var(--tx) 30%, transparent);background:var(--surface-1);color:var(--tx)}.mild{background:var(--surface-inset);color:var(--tx);box-shadow:inset 0 0 0 1px var(--ui-3);&.hatch{background:var(--hatch),var(--surface-inset)}}}@layer base{*,*:before,*:after{box-sizing:border-box;margin:0}html{background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:none;scrollbar-gutter:stable}body{font:400 var(--fs-body)/1.45 var(--sans);letter-spacing:var(--track-body);color:var(--tx);background:var(--surface);min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;border:0;background:none;padding:0}img,svg,canvas,video{display:block;max-width:100%}a{color:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700;text-wrap:balance}p{text-wrap:pretty}ol,ul{padding:0;list-style:none}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--tx);outline-offset:2px;border-radius:4px}::selection{background:color-mix(in oklab,var(--accent) 28%,transparent)}.ic{flex:none;display:block}.num,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums slashed-zero;letter-spacing:-.02em}.display{font:700 var(--fs-display)/1.05 var(--sans);letter-spacing:var(--track-display)}.title-1{font:700 var(--fs-title-1)/1.1 var(--sans);letter-spacing:var(--track-display)}.title-2{font:700 var(--fs-title-2)/1.15 var(--sans);letter-spacing:-.025em}.title-3{font:600 var(--fs-title-3)/1.3 var(--sans);letter-spacing:-.02em}.callout{font-size:var(--fs-callout)}.overline{font:600 var(--fs-over)/1.3 var(--sans);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--tx-3)}.lead{color:var(--tx-2);text-wrap:pretty}.foot{font-size:var(--fs-foot);color:var(--tx-3)}.caption{font-size:var(--fs-caption);color:var(--tx-3)}.mute{color:var(--tx-3)}.body2{color:var(--tx-2)}.strike{text-decoration:line-through;color:var(--tx-3)}.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.center{text-align:center}.r{text-align:right}.flip{rotate:180deg}.grow{flex:1;min-width:0}.row-flex{display:flex;align-items:center;gap:var(--sp-2)}.stack{display:grid;gap:var(--sp-3)}.hatch{background-image:var(--hatch)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes beat{0%{box-shadow:0 0 color-mix(in oklab,var(--accent) 55%,transparent)}80%,to{box-shadow:0 0 0 7px transparent}}@keyframes rot{to{rotate:360deg}}@keyframes pop{0%{opacity:0;scale:.85}}@keyframes bob{50%{translate:0 -6px;opacity:.4}}@keyframes breathe{50%{opacity:.45}}@keyframes sonar{0%{scale:.55;opacity:1}to{scale:1.7;opacity:0}}@keyframes float{50%{translate:0 -4px}}@keyframes rise{0%{opacity:0;translate:0 28px;scale:.96}}@keyframes slide-up{0%{translate:0 100%}}@keyframes draw{to{stroke-dashoffset:0}}::view-transition-old(root){animation:vt-out .22s ease both}::view-transition-new(root){animation:vt-in .55s var(--spring) both}@keyframes vt-out{to{opacity:0;scale:.99}}@keyframes vt-in{0%{opacity:0;scale:1.01}}:root.vt-drop #stage{view-transition-name:stage}:root.vt-drop::view-transition-old(root){display:none}:root.vt-drop::view-transition-new(root){animation:none}:root.vt-drop::view-transition-old(stage){animation:vt-hero-out .45s var(--ease-out) both}:root.vt-drop::view-transition-new(stage){animation:vt-in .6s var(--spring) .08s both}:root.vt-drop::view-transition-group(stage){animation-duration:.6s}@keyframes vt-hero-out{to{opacity:0;scale:1.03;filter:blur(6px)}}:root.vt-theme .top{view-transition-name:none}:root.vt-theme::view-transition-old(root){animation:none;z-index:1}:root.vt-theme::view-transition-new(root){animation:vt-theme-wipe .7s cubic-bezier(.65,0,.2,1) both;z-index:2;mix-blend-mode:normal}@keyframes vt-theme-wipe{0%{clip-path:circle(0 at var(--vt-x) var(--vt-y))}to{clip-path:circle(var(--vt-r) at var(--vt-x) var(--vt-y))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}:root[data-still] *,:root[data-still] *:before,:root[data-still] *:after{animation:none!important;transition:none!important}}@layer components{.btn{height:44px;padding:0 20px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--tx);font:600 var(--fs-body)/1 var(--sans);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none;transition:transform var(--t-slow) var(--spring),background var(--t-fast),opacity var(--t-fast);&:hover{background:color-mix(in oklab,var(--surface-2) 82%,var(--tx) 8%)}&:active{transform:scale(.96)}>.ic{width:17px;height:17px}&.primary{background:var(--primary-bg);color:var(--primary-tx)}&.primary:hover{background:color-mix(in oklab,var(--primary-bg) 86%,var(--surface-1))}&.ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--ui-3)}&.ghost:hover{background:var(--surface-2)}&.plain{background:transparent;color:var(--tx-2)}&.plain:hover{color:var(--tx);background:var(--surface-2)}&.sm{height:32px;padding:0 13px;font-size:var(--fs-foot);gap:6px}&.sm>.ic{width:15px;height:15px}&.xs{height:26px;padding:0 10px;font-size:var(--fs-caption);gap:5px}&.xs>.ic{width:13px;height:13px}&.block{width:100%}&:disabled,&[aria-disabled=true]{opacity:.38;pointer-events:none}&[aria-busy=true]{pointer-events:none}}@media(pointer:coarse)and (max-width:560px){.btn:not(.sm,.xs){height:50px}.btn.xs{height:28px}}.link-btn{font-size:var(--fs-foot);font-weight:600;color:var(--tx-2);padding:2px 4px;border-radius:6px;&:hover{color:var(--tx);background:var(--surface-2)}}.link{color:var(--tx);font-weight:500;text-decoration:underline;text-decoration-color:var(--ui-3);text-underline-offset:3px;&:hover{text-decoration-color:var(--tx)}}.iconbtn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--tx-2);background:var(--surface-2);transition:transform var(--t-slow) var(--spring);&:hover{color:var(--tx)}&:active{transform:scale(.9)}&.sm{width:26px;height:26px}}.kbd{font:600 11px/1 var(--mono);padding:4px 6px;border-radius:6px;background:var(--surface-2);color:var(--tx-2);min-width:22px;text-align:center}.chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--r-chip);font:500 var(--fs-chip)/1 var(--mono);letter-spacing:var(--track-caps);text-transform:uppercase;white-space:nowrap;color:var(--tx-2);background:transparent;box-shadow:inset 0 0 0 1px var(--ui-3);.dot{width:7px;height:7px;border-radius:50%;flex:none}&.lg{height:26px;font-size:11.5px;padding:0 10px}&.direct{color:var(--tx)}&.direct .dot{background:var(--accent)}&.relayed .dot{box-shadow:inset 0 0 0 1.5px var(--tx-3)}&.live{color:var(--accent);background:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent-line)}&.live .dot{background:var(--accent);animation:beat 2s infinite}&.hatch{background:var(--hatch);color:var(--tx-2)}&.hatch .dot{box-shadow:inset 0 0 0 1.5px var(--tx-3)}&.ink{background:var(--tx);color:var(--surface-1);box-shadow:none}&.good{color:var(--accent);background:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent-line)}&.good .dot{background:var(--accent)}&.bad{color:var(--bad);background:var(--bad-bg);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--bad) 40%,transparent)}&.bad .dot{background:var(--bad)}&.bad.solid{background:var(--bad);color:#fff;box-shadow:none}}.inv .chip.bad:not(.solid){background:transparent}.pdot{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block;&.d{background:var(--accent)}&.r{box-shadow:inset 0 0 0 1.5px var(--tx-3)}&.x{background:var(--hatch);box-shadow:inset 0 0 0 1px var(--ui-3);border-radius:2px}}.legend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:var(--fs-caption);color:var(--tx-3);& span{display:inline-flex;gap:6px;align-items:center}& i{width:9px;height:9px;border-radius:50%}.lg-direct{background:var(--accent)}.lg-relay{box-shadow:inset 0 0 0 1.5px var(--tx-3)}.lg-queue{background:var(--hatch);box-shadow:inset 0 0 0 1.5px var(--tx-3)}}.seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;position:relative;padding:2px;border-radius:var(--r-seg);background:var(--surface-2);anchor-scope:--seg-thumb;& label{position:relative;z-index:1;padding:6px 13px;border-radius:var(--r-thumb);font-size:var(--fs-foot);font-weight:500;text-align:center;white-space:nowrap;color:var(--tx-2);cursor:pointer;transition:color var(--t-fast);&:hover{color:var(--tx)}&:has(input:checked){anchor-name:--seg-thumb;color:var(--tx);font-weight:600}&:has(input:focus-visible){outline:2px solid var(--tx);outline-offset:-2px}&:has(input:disabled){opacity:.38;pointer-events:none}}& input{position:absolute;opacity:0;pointer-events:none}&:after{content:"";position:absolute;z-index:0;position-anchor:--seg-thumb;left:anchor(left);right:anchor(right);top:anchor(top);bottom:anchor(bottom);border-radius:var(--r-thumb);background:var(--surface-1);box-shadow:0 0 0 1px var(--ui),var(--sh-1);transition:left var(--t-slow) var(--spring),right var(--t-slow) var(--spring)}&:not(:has(input:checked)):after{display:none}&.sm label{padding:4px 10px;font-size:var(--fs-caption)}&.mono label{font-family:var(--mono)}}@supports not (anchor-scope: --x){.seg:after{display:none}.seg label:has(input:checked){background:var(--surface-1);box-shadow:0 0 0 1px var(--ui)}}.card{display:grid;gap:14px;min-width:0;padding:var(--sp-card);border-radius:var(--r-card);background:var(--surface-1);box-shadow:0 0 0 1px var(--ui),var(--sh-2),var(--edge);container-type:inline-size}.card-h{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:28px;:is(h2,h3,h4){font:600 var(--fs-callout)/1.3 var(--sans);letter-spacing:-.01em}.side{display:flex;gap:var(--sp-2);align-items:center;font-size:var(--fs-foot);color:var(--tx-3)}}.inset{min-width:0;padding:var(--sp-inset);border-radius:var(--r-inset);background:var(--surface-inset);box-shadow:inset 0 0 0 1px var(--ui-2);&.flush{padding:0;overflow:hidden}}.list{display:grid}.lrow{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:11px 14px;+.lrow:before{content:"";position:absolute;top:0;left:14px;right:0;height:1px;background:var(--ui-2)}&:has(>.ck,>label .ck){cursor:pointer}>.bar{width:64px;flex:none}&.selall{background:var(--surface-1)}}.fico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--tx-2)}.fname{display:block;font-size:var(--fs-callout);font-weight:550}.fmeta{font-size:var(--fs-caption);color:var(--tx-3);.num{font-size:12px}}.fsize{font:400 var(--fs-num-s) var(--mono);font-variant-numeric:tabular-nums slashed-zero;color:var(--tx-2);white-space:nowrap}.kids{max-height:220px;overflow:auto;padding-left:34px;background:var(--surface-1);box-shadow:inset 0 1px 0 var(--ui-2),inset 0 -1px 0 var(--ui-2);.lrow{padding-block:7px;font-size:var(--fs-foot)}.ck{width:18px;height:18px}}input[type=checkbox].ck{appearance:none;width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--tx-4);cursor:pointer;transition:background var(--t-fast),transform var(--t-slow) var(--spring);&:checked,&:indeterminate{background:var(--tx);box-shadow:none}&:checked:after{content:"";width:11px;height:11px;background:var(--surface-1);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat}&:indeterminate:after{content:"";width:10px;height:2.5px;border-radius:2px;background:var(--surface-1)}&:active{transform:scale(.88)}}.bar{height:5px;min-width:30px;overflow:hidden;border-radius:3px;background:var(--surface-2);>i{display:block;height:100%;width:calc(var(--p, 0) * 1%);border-radius:inherit;background:var(--tx);transition:width .3s linear}&.hatched{background:var(--hatch),var(--surface-2)}&.hatched>i{background:var(--tx-3)}&.lg{height:8px;border-radius:4px}&.running{background:var(--hatch),var(--surface-2)}}.ringwrap{--rs: 168px;position:relative;display:grid;place-items:center;width:var(--rs);height:var(--rs);& svg{width:100%;height:100%;rotate:-90deg}--rw: 1.5;& circle{fill:none;stroke-width:var(--rw);stroke-linecap:round}.tr{stroke:var(--surface-2)}.pr{stroke:var(--tx);stroke-dasharray:calc(var(--p, 0) * 1) 100;transition:stroke-dasharray .3s linear}.mid{position:absolute;display:grid;justify-items:center}.big{font:500 var(--fs-num-xl)/1 var(--mono);letter-spacing:-.05em;font-variant-numeric:tabular-nums slashed-zero}&.paused .pr{stroke:var(--tx-4)}&.paused svg{animation:breathe 2s ease-in-out infinite}}@media(max-width:560px){.ringwrap{--rs: 140px;--rw: 1.8}}.ringbox{display:grid;place-items:center;margin:14px 0 4px}.sring{display:block;width:14px;height:14px;border-radius:50%;background:conic-gradient(var(--tx) calc(var(--p, 0) * 1%),var(--surface-2) 0);mask:radial-gradient(circle,transparent 4px,#000 4.5px);&.q{background:var(--hatch);mask:none;box-shadow:inset 0 0 0 1.5px var(--tx-3)}}.cd{width:16px;height:16px;border-radius:50%;flex:none;background:conic-gradient(var(--tx) calc(var(--cd, 0) * 1%),var(--surface-2) 0)}.ticks{display:flex;justify-content:space-between;align-items:center;gap:2px;height:16px;min-width:60px;& i{width:2px;height:9px;flex:none;border-radius:1px;background:var(--ui-3)}& i:nth-child(3n){height:14px}& i.on{background:var(--tx)}&.accent i.on{background:var(--accent)}}.slots{display:flex;gap:3px;align-items:center;& i{width:8px;height:14px;border-radius:2px;background:var(--viz-empty)}& i.on{background:var(--tx)}.num{margin-left:8px;font-size:12px;color:var(--tx-2)}}.stats{display:grid;grid-template-columns:repeat(var(--n, 3),minmax(0,1fr));overflow:hidden;border-radius:var(--r-inset);box-shadow:inset 0 0 0 1px var(--ui)}.stat{display:grid;gap:3px;min-width:0;padding:10px 12px;+&{box-shadow:inset 1px 0 0 var(--ui)}.k{font:500 var(--fs-over)/1.2 var(--sans);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--tx-3)}.v{font:500 var(--fs-num-m)/1.15 var(--mono);font-variant-numeric:tabular-nums slashed-zero;letter-spacing:-.03em;white-space:nowrap}.v small{margin-left:2px;font-size:.7em;color:var(--tx-3);letter-spacing:0}&.hatch{background:var(--hatch)}}@media(max-width:560px){.stat{padding:8px 10px}.stat .v{font-size:15px}}.note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-inset);font-size:var(--fs-foot);color:var(--tx-2);background:var(--surface-inset);box-shadow:inset 0 0 0 1px var(--ui-2);>.ic{margin-top:1px;width:17px;height:17px;color:var(--tx-3)}>.spin{margin-top:1px}& b{color:var(--tx);font-weight:600}>.btn{margin-left:auto;align-self:center}.ticks{margin-top:8px}&.inv{background:var(--surface-1);box-shadow:none;color:var(--tx-2)}&.inv>.ic{color:var(--tx)}&.mild{background:var(--surface-inset);box-shadow:inset 0 0 0 1px var(--ui-3)}&.hatch{background:var(--hatch),var(--surface-inset)}&.live{background:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent-line)}&.live>.ic{color:var(--accent)}}.spin{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid var(--ui-3);border-top-color:var(--tx);animation:rot .8s linear infinite}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.dots{display:flex;gap:8px;& i{width:10px;height:10px;border-radius:50%;background:var(--tx);animation:bob 1.2s ease-in-out infinite}& i:nth-child(2){animation-delay:.15s}& i:nth-child(3){animation-delay:.3s}}.toast{position:fixed;inset:72px auto auto 50%;translate:-50% 0;margin:0;border:0;z-index:80;display:flex;gap:10px;align-items:center;min-height:42px;max-width:calc(100vw - 32px);padding:8px 18px 8px 16px;border-radius:var(--r-pill);background:var(--tx);color:var(--surface-1);font-size:var(--fs-callout);font-weight:500;box-shadow:var(--sh-3);opacity:0;transform:translateY(-14px) scale(.94);transition:opacity .2s,transform var(--t-slow) var(--spring),display .2s allow-discrete,overlay .2s allow-discrete;&:popover-open{display:flex;opacity:1;transform:none}&:has(button){padding-right:8px}.ic{width:16px;height:16px}& button{height:28px;padding:0 12px;border-radius:var(--r-pill);background:color-mix(in oklab,var(--surface-1) 18%,transparent);color:var(--surface-1);font-size:var(--fs-foot);font-weight:600}& button:focus-visible{outline-color:var(--surface-1)}}@starting-style{.toast:popover-open{opacity:0;transform:translateY(-14px) scale(.94)}}dialog.alert{width:min(360px,calc(100vw - 32px));margin:auto;padding:26px 24px 20px;border:0;border-radius:var(--r-sheet);color:var(--tx);background:var(--surface-1);box-shadow:0 0 0 1px var(--ui),var(--sh-3);text-align:center;opacity:0;transform:scale(.92);transition:opacity .2s,transform .55s var(--spring),display .2s allow-discrete,overlay .2s allow-discrete;&[open]{opacity:1;transform:none}&::backdrop{background:transparent;backdrop-filter:blur(0);transition:background .2s,backdrop-filter .2s,display .2s allow-discrete,overlay .2s allow-discrete}&[open]::backdrop{background:var(--scrim);backdrop-filter:blur(6px)}& h2,h3{font-size:19px;font-weight:700;letter-spacing:-.02em}& p{margin:8px 0 18px;font-size:var(--fs-callout);color:var(--tx-2)}.btn{width:100%;margin-top:8px}}@starting-style{dialog.alert[open]{opacity:0;transform:scale(.92)}dialog.alert[open]::backdrop{background:transparent;backdrop-filter:blur(0)}}.menu{position:fixed;inset:auto;top:anchor(bottom);left:anchor(left);position-try-fallbacks:flip-inline,flip-block;margin:8px 0 0;width:min(320px,calc(100vw - 24px));max-height:min(80dvh,720px);overflow:auto;padding:6px;border:0;border-radius:18px;color:var(--tx);background:var(--surface-1);box-shadow:0 0 0 1px var(--ui),var(--sh-3);opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top left;transition:opacity .18s,transform .45s var(--spring),display .2s allow-discrete,overlay .2s allow-discrete;&:popover-open{opacity:1;transform:none}& h6{display:flex;gap:8px;align-items:center;padding:12px 10px 6px;font:600 var(--fs-over)/1 var(--sans);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--tx-3)}:is(button,a){display:flex;width:100%;min-width:0;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;text-align:left;text-decoration:none;font-size:var(--fs-foot)}:is(button,a):hover{background:var(--surface-2)}:is(button,a)[aria-current=true],[aria-checked=true]{background:var(--tx);color:var(--surface-1)}}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-6px) scale(.98)}}.tip{position:fixed;inset:auto;top:anchor(bottom);left:anchor(center);translate:-50% 10px;position-try-fallbacks:flip-block;z-index:30;width:max-content;max-width:240px;margin:0;padding:10px 12px;border:0;border-radius:12px;background:var(--tx);color:var(--surface-1);font-size:var(--fs-caption);line-height:1.5;box-shadow:var(--sh-2);pointer-events:none;.mute{color:color-mix(in oklab,var(--surface-1) 65%,transparent)}}.field{width:100%;min-width:0;height:36px;padding:0 12px;border:0;border-radius:10px;background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ui-3);font-size:var(--fs-callout);color:var(--tx);&:focus-visible{outline:2px solid var(--tx);outline-offset:1px}&::placeholder{color:var(--tx-3)}&:disabled{opacity:.5}&[readonly]{background:transparent;color:var(--tx-2)}}.cfield{display:grid;gap:6px;min-width:0;.cfield-row{display:flex;align-items:center;gap:10px;min-width:0}.cfield-v{flex:1;min-width:0;padding:6px 10px;border-radius:8px;background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ui);font:400 var(--fs-num-s) var(--mono);color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfield-ell{padding:0 2px;color:var(--tx-3)}}.kv{display:grid;>div{display:flex;justify-content:space-between;gap:var(--sp-4);min-width:0;padding:6px 0;font-size:var(--fs-foot)}>div+div{box-shadow:inset 0 1px 0 var(--ui-2)}>div.hatch{background:var(--hatch)}& dt{flex:none;color:var(--tx-3)}& dd{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font:400 var(--fs-num-s) var(--mono);color:var(--tx)}}.redact{display:inline-flex;align-items:center;gap:5px;color:var(--tx-2)}.qr{position:relative;isolation:isolate;flex:none;width:var(--qr, 184px);aspect-ratio:1;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--ui),0 0 0 5px light-dark(transparent,oklch(100% 0 0 / .07)),0 0 0 6px light-dark(transparent,oklch(100% 0 0 / .12));& svg,canvas,img{width:100%;height:100%;display:block;image-rendering:pixelated;border-radius:inherit}& canvas{position:absolute;inset:0;opacity:0;transition:opacity .4s var(--ease-out)}&.is-live canvas{opacity:1}&.qr-tap{cursor:zoom-in}&.qr-tap:focus-visible{outline:2px solid var(--tx);outline-offset:6px}}dialog.sheet.qr-sheet{--qr-big: min(420px, calc(100vw - 48px) , calc(100dvh - 160px) );width:fit-content;cursor:zoom-out;.sheet-body{display:grid;gap:14px;justify-items:center}.qr-big{--qr: var(--qr-big);border-radius:22px}.foot{font-size:12px;color:var(--tx-3);text-align:center}}.qrfig{display:grid;gap:6px;justify-items:center;margin:0;& figcaption{font-size:11.5px;color:var(--tx-3)}}.term{padding:16px 18px;border-radius:var(--r-inset);background:light-dark(oklch(0% 0 0),oklch(8.5% 0 0));box-shadow:inset 0 0 0 1px var(--ui);color:#e4e4e4;font:12.5px/1.7 var(--mono);white-space:pre-wrap;word-break:break-word;.c{color:#868686}.p{color:#fff;font-weight:700}.ok{color:#2de66f}& b{color:#fff}}.cli-hint{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;& code,button{padding:4px 9px;border-radius:7px;font:500 12px var(--mono);color:var(--tx-3);background:var(--surface-inset);box-shadow:inset 0 0 0 1px var(--ui-2)}& button:hover{color:var(--tx)}}}@layer components{.over{position:relative;display:grid;place-items:center;min-height:calc(100dvh - var(--topbar-h));padding:28px 16px 48px;isolation:isolate;overflow:hidden;>.backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;filter:blur(16px);opacity:.55;transform:scale(.97);pointer-events:none}>.scrim{position:absolute;inset:0;z-index:-1;background:var(--scrim)}}.sheet{position:relative;width:min(480px,100%);padding:28px;border-radius:var(--r-sheet);background:var(--surface-1);box-shadow:0 0 0 1px var(--ui),var(--sh-3),var(--edge);container-type:inline-size;animation:rise var(--t-sheet) var(--spring) both;&.wide{width:min(620px,100%)}>.grab{display:none}>.x{position:absolute;top:16px;right:16px}& h2{font:700 var(--fs-title-2)/1.15 var(--sans);letter-spacing:-.025em}.lead{margin-top:6px}.body{display:grid;gap:12px;margin-top:18px}}dialog.sheet{margin:auto;border:0;color:var(--tx);max-height:calc(100dvh - 32px);overflow:auto;&::backdrop{background:var(--scrim);backdrop-filter:blur(16px)}}.hero-ic{width:60px;height:60px;margin-bottom:16px;display:grid;place-items:center;border-radius:18px;background:var(--surface-2);color:var(--tx);.ic{width:28px;height:28px}&.inv{background:var(--surface-1)}&.mild{background:var(--surface-inset);box-shadow:inset 0 0 0 1px var(--ui-3)}&.hatchy{background:var(--hatch),var(--surface-inset);box-shadow:inset 0 0 0 1px var(--ui-3)}}.btnrow{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}@media(max-width:560px){.over{place-items:end stretch;padding:0}.sheet{position:fixed;inset:auto 8px 8px;width:auto;max-height:calc(100dvh - 64px);overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:10px 20px 30px;border-radius:var(--r-phone-sheet);background:var(--glass);backdrop-filter:blur(40px) saturate(180%);margin:0;animation:slide-up .8s var(--spring) both;&.wide{width:auto}>.grab{display:block;width:38px;height:5px;margin:0 auto 14px;border-radius:3px;background:var(--tx-4)}>.x{top:18px;right:18px}& h2{font-size:22px}}.btnrow{grid-auto-flow:row}}.codefield{position:relative;display:grid;gap:10px}.code-in{width:100%;height:64px;border:0;border-radius:var(--r-input);outline:none;background:var(--surface-inset);box-shadow:inset 0 0 0 1px var(--ui);text-align:center;font:500 24px var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums slashed-zero;transition:box-shadow var(--t-base);&:focus-visible,&:focus{box-shadow:inset 0 0 0 2px var(--tx)}&::placeholder{color:var(--tx-4)}}.code-ok{position:absolute;top:32px;right:18px;translate:0 -50%;color:var(--tx);pointer-events:none}.code-hint{min-height:1.4em;text-align:center;font-size:var(--fs-foot);color:var(--tx-3)}.chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:34px;[role=option]{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:var(--r-pill);background:var(--surface-2);font:500 14px var(--mono);cursor:pointer;animation:pop .45s var(--spring) both}[role=option][aria-selected=true]{background:var(--tx);color:var(--surface-1)}[role=option] .kbd{padding:3px 5px;font-size:10px;color:inherit;background:color-mix(in oklab,var(--surface-1) 20%,transparent)}[role=option]:not([aria-selected=true]) .kbd{display:none}}@media(max-width:560px){.code-in{height:56px;font-size:20px}.code-ok{top:28px}}.checking{display:grid;gap:10px;justify-items:center;padding:22px 0 6px;& b{font:500 22px var(--mono)}}.insp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-right:36px;& h2{margin-top:4px}}.saveto{display:flex;align-items:center;gap:12px;.grow{display:grid;gap:2px}& b{font-size:var(--fs-callout);font-weight:600}}.of{font-size:var(--fs-foot);color:var(--tx-3)}.frow-prog{display:flex;align-items:center;gap:10px;margin-top:5px;.bar{flex:1}.foot{min-width:78px;text-align:right;font-size:11.5px}}.qline,.qlegend{display:flex;justify-content:center;align-items:center;& i{display:inline-block;border-radius:5px}& i.act{background:var(--tx)}& i.ahead{background:var(--hatch),var(--surface-inset);box-shadow:inset 0 0 0 1px var(--ui-3)}& i.me{box-shadow:inset 0 0 0 2px var(--tx)}}.qline{flex-wrap:wrap;gap:5px;& i{width:18px;height:18px}& i.me{animation:bob 1.8s ease-in-out infinite}.qsep{width:1px;height:22px;margin:0 4px;background:var(--ui-3)}}.qlegend{gap:14px;font-size:var(--fs-caption);color:var(--tx-3);& span{display:inline-flex;gap:6px;align-items:center}& i{width:10px;height:10px;border-radius:3px}}.checkdraw{width:76px;height:76px;margin:4px auto 16px;display:grid;place-items:center;border-radius:50%;background:var(--tx);color:var(--surface-1);animation:pop .8s var(--spring) both;& path{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .6s .25s ease-out forwards}}@media(prefers-reduced-motion:reduce){.checkdraw path{stroke-dashoffset:0}}:root[data-still] .checkdraw path{stroke-dashoffset:0}.fail-block{display:grid;gap:8px;margin-top:18px;padding:20px;border-radius:20px;& h2,h3{font:700 var(--fs-title-2)/1.15 var(--sans);letter-spacing:-.025em}& p{color:var(--tx-2)}&.mild{background:var(--hatch),var(--surface-inset)}}.fail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.fail-ic{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;box-shadow:inset 0 0 0 1px var(--ui-3)}@media(max-width:560px){.fail-block{margin-top:10px}}}@layer components{.pav{--sz: 48px;anchor-name:--pav;position:relative;flex:none;width:var(--sz);height:var(--sz);display:grid;place-items:center;border-radius:50%;background:var(--surface-1);color:var(--tx);box-shadow:0 0 0 1px var(--ui),var(--sh-1);transition:transform var(--t-slow) var(--spring),opacity var(--t-base);&:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(var(--tx) calc(var(--p, 0) * 1%),var(--surface-2) 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px))}&.noring:before{display:none}&:is(button):hover{transform:scale(1.08)}.pav-id{font:500 calc(var(--sz) * .26)/1 var(--mono);letter-spacing:-.02em}.pav-dot{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;border:3px solid var(--surface-1);background:var(--surface-1);&.direct{background:var(--accent)}&.relayed{box-shadow:inset 0 0 0 1.5px var(--tx-3)}}&.noring .pav-dot{width:12px;height:12px;border-width:2.5px}&.delivered{background:var(--tx);color:var(--surface-1)}&.removing{opacity:.4;background:var(--hatch),var(--surface-1);box-shadow:0 0 0 1px var(--ui-3)}&.removing:before{opacity:0}&.queued{background:var(--hatch),var(--surface-inset);color:var(--tx-3)}&.queued .pav-dot{display:none}}.pn,.pav-wrap{anchor-scope:--pav}.ptip{position-anchor:--pav;display:none}:is(.pn,.pav-wrap):has(>.pav:is(:hover,:focus-visible))>.ptip{display:block}.radar{position:relative;width:min(100%,470px);aspect-ratio:1;margin:0 auto;container-type:inline-size;.rg{position:absolute;left:50%;top:50%;translate:-50% -50%;height:var(--d);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ui);&.dash{box-shadow:none;border:1px dashed var(--ui-2)}&.pulse{height:30%;box-shadow:inset 0 0 0 1px var(--accent-line);animation:sonar 5s ease-out infinite}&.pulse.two{animation-delay:2.5s}}.rl{position:absolute;left:50%;top:calc(50% + var(--d) / 2);translate:-50% -50%;padding:3px 8px;border-radius:99px;background:var(--surface-1);font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}.me{position:absolute;left:50%;top:50%;translate:-50% -50%;width:78px;height:78px;display:grid;place-items:center;align-content:center;gap:2px;border-radius:50%;background:var(--tx);color:var(--surface-1);box-shadow:var(--sh-2);& span{font:600 9.5px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;opacity:.75}}.pn{position:absolute;z-index:2;translate:-50% -50%;transition:left .8s var(--spring),top .8s var(--spring);>.pav{animation:float 6s ease-in-out infinite;animation-delay:var(--dl, 0s)}}.qd{position:absolute;translate:-50% -50%;width:14px;height:14px;border-radius:50%;background:var(--hatch);box-shadow:inset 0 0 0 1.5px var(--tx-3)}}.radar-empty{position:absolute;inset:calc(50% + 62px) 0 auto;text-align:center;font-size:var(--fs-foot);color:var(--tx-3)}@media(prefers-reduced-motion:reduce){.radar .rg.pulse,.radar .pn>.pav{animation:none!important}}.people-sum{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:var(--fs-foot);color:var(--tx-3);& b{margin-right:3px;font:500 var(--fs-num-m) var(--mono);font-variant-numeric:tabular-nums;color:var(--tx)}.btn{margin-left:auto}}.prow{align-items:center;.prow-t{display:flex;gap:8px;align-items:baseline;min-width:0;font-size:var(--fs-foot)}.pname{font:500 var(--fs-foot) var(--mono)}& button.pname:hover{text-decoration:underline;text-underline-offset:3px}.prow-b{display:flex;gap:10px;align-items:center;margin-top:6px;.bar{flex:1}}.prow-n{min-width:110px;font-size:11.5px;color:var(--tx-2);text-align:right;white-space:nowrap}.prow-a{display:flex;gap:8px;align-items:center}&.removing{opacity:.55}&.queued .grow{opacity:.85}}@container (max-width: 470px){.prow .prow-a .chip{display:none}.prow .prow-n{min-width:0}}.ptable{--cols: 18px 52px 120px minmax(90px, 1fr) 128px 70px 104px 64px;max-height:620px;overflow:auto;font-size:var(--fs-foot);[role=row]{display:grid;grid-template-columns:var(--cols);gap:10px;align-items:center;min-height:38px;padding:0 14px;border-top:1px solid var(--ui-2);&:hover{background:var(--surface-1)}&.removing,&.queued{color:var(--tx-3)}&.delivered{color:var(--tx-2)}&.empty{display:block;padding:10px 14px}}.th{position:sticky;top:0;z-index:2;min-height:30px;border-top:0;background:var(--surface-inset);font:600 var(--fs-over)/1 var(--sans);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--tx-3)}.tg{position:sticky;top:30px;z-index:1;display:block;padding:8px 14px;border-top:1px solid var(--ui);background:var(--surface-inset);font-weight:600}.tprog{display:flex;gap:8px;align-items:center;.bar{flex:1}.num{width:34px;font-size:11.5px;text-align:right}}.kick{height:24px;padding:0 8px;border-radius:6px;font-size:var(--fs-caption);font-weight:600;color:var(--tx-2);box-shadow:inset 0 0 0 1px var(--ui-3);opacity:0}[role=row]:is(:hover,:focus-within) .kick{opacity:1}}@media(hover:none){.ptable .kick{opacity:1}}@container (max-width: 680px){.ptable{--cols: 18px 52px minmax(90px, 1fr) 70px 98px 64px}.ptable :is(.c-ua,.c-file){display:none}}@container (max-width: 470px){.ptable{--cols: 18px 46px minmax(70px, 1fr) 94px 60px}.ptable .c-sp{display:none}}.share-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}.share-code{min-width:0;.code-block{justify-self:stretch}}.share-link{display:grid;gap:6px}.linkrow{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 6px 6px 14px;border-radius:var(--r-input);background:var(--surface-inset);box-shadow:inset 0 0 0 1px var(--ui);.linktext{flex:1;min-width:0;font:400 13px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@container (max-width: 400px){.share-top{grid-template-columns:1fr;justify-items:start}.share-top .qrfig{justify-items:start}}.bigcode{font:500 var(--fs-num-l)/1.1 var(--mono);letter-spacing:-.04em;overflow-wrap:anywhere}.code-none,.code-live{display:grid;gap:12px;justify-items:start}.code-live{gap:8px}.code-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--fs-foot);color:var(--tx-2);.sep{width:3px;height:3px;border-radius:50%;background:var(--tx-4)}}.code-block{display:grid;gap:8px;justify-items:start;padding:14px 16px;border-radius:var(--r-inset);font-size:var(--fs-callout);& p{color:var(--tx-2)}&.mild{background:var(--hatch),var(--surface-inset)}}.setrow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;.l{display:grid;gap:1px;min-width:0;flex:1 1 180px}.l b{font-size:var(--fs-callout);font-weight:600}.l span{font-size:var(--fs-caption);color:var(--tx-3)}}.keep{position:fixed;left:50%;bottom:18px;translate:-50% 0;z-index:30;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:8px 8px 8px 18px;border-radius:var(--r-pill);background:var(--glass);backdrop-filter:blur(30px) saturate(170%);box-shadow:0 0 0 1px var(--ui),var(--sh-3);animation:rise .8s var(--spring) both;.keep-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent);animation:beat 2s infinite}.keep-t{display:grid;min-width:0;line-height:1.25}.keep-t b{font-size:var(--fs-callout);font-weight:600}.keep-t small{font-size:var(--fs-caption);color:var(--tx-3)}}@media(max-width:620px){.keep{padding-left:14px}.keep .keep-t small{display:none}}}@layer shell{.top{position:fixed;inset:0 0 auto;z-index:40;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;background:var(--glass);backdrop-filter:blur(24px) saturate(160%);view-transition-name:topbar}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:650;letter-spacing:-.02em;text-decoration:none;border-radius:10px;.logo{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--tx);color:var(--surface-1)}}.top-side{display:flex;align-items:center;gap:6px}::view-transition-old(topbar),::view-transition-new(topbar){animation:none}#stage{position:relative;min-height:100dvh;padding-top:var(--topbar-h);container-type:inline-size;container-name:stage}#stage>.view[inert]{display:none}.home{position:relative;isolation:isolate;display:grid;justify-items:center;align-content:start;gap:22px;min-height:calc(100dvh - var(--topbar-h));padding:44px 20px 72px;text-align:center;container-type:inline-size}.home-head{& h1{font:700 var(--fs-display)/1.05 var(--sans);letter-spacing:var(--track-display)}.lead{margin-top:10px;font-size:var(--fs-title-3);color:var(--tx-2)}}.drop{position:relative;width:min(250px,56cqi);aspect-ratio:1;margin:86px 0 84px;display:grid;place-items:center;border-radius:50%;cursor:pointer;outline-offset:12px;&:focus-visible{outline:2px solid var(--tx);border-radius:50%}.ring{position:absolute;inset:var(--i);border-radius:50%;box-shadow:inset 0 0 0 1px var(--ui);transition:box-shadow var(--t-base)}.sonar{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ui-3);animation:sonar 4.5s ease-out infinite;animation-delay:var(--dl, 0s)}.orbit{position:absolute;inset:-18%;pointer-events:none;animation:rot 80s linear infinite}.ghost{position:absolute;width:34px;height:34px;left:calc(50% + var(--x) * 1% - 17px);top:calc(50% + var(--y) * 1% - 17px);.upright{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:var(--surface-1);color:var(--tx-3);box-shadow:0 0 0 1px var(--ui),var(--sh-1);animation:rot 80s linear infinite reverse}}.core{position:relative;width:44%;aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:4px;border-radius:50%;background:var(--tx);color:var(--surface-1);box-shadow:var(--sh-2);transition:transform .7s var(--spring);.ic{width:30px;height:30px}.drop-cap{display:none;font:600 11px/1 var(--sans)}}&:hover .core{transform:scale(1.05)}}.home.dragging{.drop .core{transform:scale(1.2)}.drop .core .drop-cap{display:block}.drop .ring{box-shadow:inset 0 0 0 1.5px var(--tx)}.drop .sonar{animation-duration:1.6s}&:after{content:"";position:fixed;inset:72px 12px 12px;z-index:50;border-radius:28px;box-shadow:inset 0 0 0 2px var(--tx);background:var(--hatch);opacity:.35;pointer-events:none}}.home-act{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.explain{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:var(--r-pill);background:var(--surface-1);box-shadow:0 0 0 1px var(--ui);font-size:var(--fs-callout);color:var(--tx-2);text-align:left;.ic{color:var(--tx)}& b{color:var(--tx);font-weight:600}}.home-recv{display:grid;gap:6px;justify-items:center}.home .cli-hint{margin-top:4px}.home-bg{position:fixed;inset:0;z-index:0;overflow:clip;pointer-events:none;& canvas{position:absolute;inset:0;display:block;width:100%;height:100%}&.fallback{--cx: 50%;--cy: 45%;--r: 125px;--k: 6%;background:radial-gradient(circle at var(--cx) var(--cy),color-mix(in oklab,var(--tx) var(--k),transparent) calc(var(--r) * 1.05),color-mix(in oklab,var(--tx) calc(var(--k) * .45),transparent) calc(var(--r) * 2.4),transparent calc(var(--r) * 5.5));transition:opacity .7s var(--ease-out);& canvas{display:none}}&.fallback[data-state=drag]{--k: 10%}&.fallback[data-surface=other]{opacity:.45}}#stage{z-index:1}.home-head h1{position:relative}.home-head h1.smoke-on{color:transparent}.hl-smoke{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mask-repeat:no-repeat;mask-size:100% 100%}@media(prefers-reduced-motion:reduce){.drop :is(.orbit,.ghost .upright,.sonar){animation:none!important}}}@layer glass{:root:is([data-glass=frosted],[data-glass=liquid]){--g-fill: light-dark(oklch(100% 0 0 / .66), oklch(14.5% 0 0 / .52));--g-fill-sheet: light-dark(oklch(100% 0 0 / .78), oklch(14.5% 0 0 / .66));--g-fill-menu: light-dark(oklch(100% 0 0 / .86), oklch(14.5% 0 0 / .8));--g-fill-home: light-dark(oklch(100% 0 0 / .72), oklch(14.5% 0 0 / .6));--g-inset: light-dark(oklch(97.2% 0 0 / .58), oklch(4% 0 0 / .42));--g-ctl: light-dark(oklch(0% 0 0 / .055), oklch(100% 0 0 / .085));--g-ctl-hover: light-dark(oklch(0% 0 0 / .09), oklch(100% 0 0 / .13));--g-thumb: light-dark(oklch(100% 0 0 / .92), oklch(100% 0 0 / .17));--g-out: light-dark(oklch(0% 0 0 / .08), oklch(0% 0 0 / .55));--g-line: light-dark(oklch(100% 0 0 / .6), oklch(100% 0 0 / .1));--g-spec: light-dark(oklch(100% 0 0 / .95), oklch(100% 0 0 / .26));--g-spec-2: light-dark(oklch(100% 0 0 / .5), oklch(100% 0 0 / .08));--g-sheen: light-dark(oklch(100% 0 0 / .4), oklch(100% 0 0 / .045));--g-rim: inset 0 0 0 1px var(--g-line), inset 0 1px 0 0 var(--g-spec);--g-blur: blur(22px) saturate(170%);--g-tone: brightness(1.06)}:root[data-glass=liquid]{--g-fill: light-dark(oklch(100% 0 0 / .52), oklch(14.5% 0 0 / .46));--g-fill-home: light-dark(oklch(100% 0 0 / .58), oklch(14.5% 0 0 / .52));--g-sheen: light-dark(oklch(100% 0 0 / .6), oklch(100% 0 0 / .045));--g-out: light-dark(oklch(0% 0 0 / .12), oklch(0% 0 0 / .55));--g-spec-2: light-dark(oklch(100% 0 0 / .9), oklch(100% 0 0 / .08));--g-edge: light-dark(oklch(0% 0 0 / .08), oklch(100% 0 0 / .08));--sh-2: 0 22px 48px -22px light-dark(oklch(0% 0 0 / .3), oklch(0% 0 0 / .9)), 0 2px 8px -2px light-dark(oklch(0% 0 0 / .1), oklch(0% 0 0 / .5))}:root[data-glass][data-theme=dark]{--g-tone: brightness(.78)}@media(prefers-color-scheme:dark){:root[data-glass]:not([data-theme=light]){--g-tone: brightness(.78)}}:root[data-glass=liquid] :is(.card,.sheet,dialog.alert,.menu,.keep,.explain,.cli-hint code,.cli-hint button,.btn,.iconbtn,.seg,.pav,.radar .rl,.drop>.ring,.drop .ghost .upright,.inset,.linkrow,.note){--g-lx: var(--nx, var(--tilt-x, -.7));--g-ly: var(--ny, var(--tilt-y, -.7));--g-rim: inset 0 0 0 .5px var(--g-edge), inset calc(var(--g-lx) * -1.2px) calc(var(--g-ly) * -1.2px) 0 -.6px var(--g-spec-2);--g-sheen-layer: var(--lg-rim, none) 0 0 / 100% 100% no-repeat, radial-gradient(320px circle at var(--lx, 50%) var(--ly, -30%), var(--g-sheen), transparent 70%)}:root:is([data-glass=frosted],[data-glass=liquid]){.card,.sheet,dialog.alert,.menu,.keep,.explain,.cli-hint :is(code,button),.home .btn:not(.primary):not(.plain),.drop>.ring:first-child,.drop .ghost .upright{backdrop-filter:var(--g-blur) var(--g-tone)}.card{background:var(--g-sheen-layer, none),var(--g-fill);box-shadow:0 0 0 1px var(--g-out),var(--g-rim),var(--sh-2)}.sheet,dialog.alert{background:var(--g-sheen-layer, none),var(--g-fill-sheet);box-shadow:0 0 0 1px var(--g-out),var(--g-rim),var(--sh-3)}.menu{background:var(--g-sheen-layer, none),var(--g-fill-menu);box-shadow:0 0 0 1px var(--g-out),var(--g-rim),var(--sh-3)}.keep{background:var(--g-sheen-layer, none),var(--g-fill-sheet);box-shadow:0 0 0 1px var(--g-out),var(--g-rim),var(--sh-3)}.top{background:transparent;backdrop-filter:none;box-shadow:none}.top:before{content:"";position:absolute;inset:0 0 -28px;z-index:-1;pointer-events:none;background:linear-gradient(color-mix(in oklab,var(--surface) 55%,transparent),transparent);backdrop-filter:blur(10px);mask:linear-gradient(#000 45%,transparent)}.explain,.home .btn:not(.primary):not(.plain){background:var(--g-sheen-layer, none),var(--g-fill-home);box-shadow:0 0 0 1px var(--g-out),var(--g-rim),var(--sh-1)}.home .btn:not(.primary):not(.plain):hover{background:var(--g-sheen-layer, none),linear-gradient(var(--g-ctl-hover),var(--g-ctl-hover)),var(--g-fill-home)}.cli-hint :is(code,button){background:var(--g-fill-home);box-shadow:0 0 0 1px var(--g-out),inset 0 0 0 1px var(--g-line);color:var(--tx-2)}.cli-hint .btn.plain:hover{background:linear-gradient(var(--g-ctl-hover),var(--g-ctl-hover)),var(--g-fill-home);color:var(--tx)}.drop>.ring:first-child{background:var(--g-sheen-layer, none),light-dark(oklch(100% 0 0 / .16),oklch(100% 0 0 / .025));box-shadow:inset 0 0 0 1px var(--g-line),inset 0 1px 0 var(--g-spec),0 0 0 1px var(--g-out)}.home.dragging .drop>.ring:first-child{box-shadow:inset 0 0 0 1.5px var(--tx),inset 0 1px 0 var(--g-spec)}.drop .ghost .upright{background:var(--g-fill-home);box-shadow:0 0 0 1px var(--g-out),var(--g-rim);color:var(--tx-2)}.inset,.linkrow,.note:not(.inv,.live,.hatch),.code-in{background:var(--g-inset)}.inset,.linkrow,.code-in{box-shadow:inset 0 0 0 1px var(--ui-2),inset 0 1px 0 light-dark(oklch(0% 0 0 / .04),oklch(0% 0 0 / .5))}.code-in:is(:focus,:focus-visible){box-shadow:inset 0 0 0 2px var(--tx)}.note.hatch,.fail-block.mild,.code-block.mild{background:var(--hatch),var(--g-inset)}.ptable :is(.th,.tg){background:var(--g-inset);backdrop-filter:blur(14px)}.ptable [role=row]:not(.th,.tg):hover{background:var(--g-ctl)}.term{background:light-dark(oklch(0% 0 0 / .86),oklch(4% 0 0 / .7))}.btn:not(.primary):not(.plain),.iconbtn,.chips [role=option]:not([aria-selected=true]),.kbd{background:var(--g-ctl);box-shadow:var(--g-rim)}.btn:not(.primary):not(.plain):hover{background:var(--g-ctl-hover)}.btn.ghost{box-shadow:inset 0 0 0 1px var(--ui-3),inset 0 1px 0 var(--g-spec)}.btn.plain:hover,.link-btn:hover,.menu :is(button,a):not([aria-current=true],[aria-checked=true]):hover{background:var(--g-ctl-hover)}.btn.primary{box-shadow:inset 0 1px 0 light-dark(oklch(100% 0 0 / .22),oklch(100% 0 0 / .9))}.seg{background:var(--g-ctl);box-shadow:inset 0 0 0 1px var(--g-line)}.seg:after{background:var(--g-thumb);box-shadow:0 0 0 1px var(--g-out),var(--g-rim),var(--sh-1)}.pav{background:var(--g-thumb);box-shadow:0 0 0 1px var(--ui),var(--g-rim),var(--sh-1)}.pav.delivered{background:var(--tx)}.radar .rl{background:var(--g-fill-sheet);box-shadow:inset 0 0 0 1px var(--g-line)}.bar,.slots i:not(.on){background:var(--g-ctl)}}:root[data-glass=liquid]{.card,.sheet,dialog.alert,.menu,.keep{backdrop-filter:blur(22px) var(--lg, ) saturate(1.9) var(--g-tone)}.explain,.cli-hint :is(code,button),.home .btn:not(.primary):not(.plain),.drop .ghost .upright{backdrop-filter:blur(3px) var(--lg, ) saturate(1.5) var(--g-tone)}.drop>.ring:first-child{backdrop-filter:blur(.6px) var(--lg, ) saturate(1.5) var(--g-tone)}.btn:not(.primary):not(.plain),.iconbtn,.seg{background:var(--g-sheen-layer),var(--g-ctl)}.btn:not(.primary):not(.plain):hover{background:var(--g-sheen-layer),var(--g-ctl-hover)}}@media(prefers-reduced-motion:no-preference){:root[data-glass=liquid]:not([data-still]){.btn,.iconbtn,.pav,.explain,.cli-hint :is(code,button),.drop>.ring:first-child{transition:transform var(--t-slow) var(--spring),scale .65s var(--spring),background var(--t-fast),opacity var(--t-fast)}.btn:hover,.explain:hover,.cli-hint :is(code,button):hover{scale:1.035}.btn:active,.iconbtn:active{scale:1.08 .9;transition-duration:.14s}.drop:hover>.ring:first-child{scale:1.03}.drop:active>.ring:first-child{scale:1.06 .95;transition-duration:.16s}.card{transition:translate .9s var(--spring),scale .9s var(--spring)}.card:hover{translate:0 -2px}.card:active:not(:has(button:active,input:active,label:active)){scale:.996}}}:root .menu :is(button,a):is([aria-current=true],[aria-checked=true]){&,&:hover{background:var(--tx);color:var(--surface-1)}&:hover{filter:brightness(.94)}}}@layer pages{.share{max-width:1180px;margin:0 auto;padding:26px 24px 140px;display:grid;gap:22px;container-type:inline-size;.share-head h1{margin:12px 0 4px;font:700 var(--fs-title-1)/1.1 var(--sans);letter-spacing:var(--track-display)}.share-cols{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:20px;align-items:start}.col{display:grid;gap:20px;min-width:0}}@container stage (max-width: 900px){.share{padding-inline:14px}.share .share-cols{grid-template-columns:1fr}}.share .people{display:grid;gap:14px;align-content:start}.share .people-body{display:grid;gap:14px}.share .people-body .legend{justify-content:center}.share .prow.looking{opacity:.7}.share .pav.looking{background:var(--surface-inset);color:var(--tx-3)}.share .ptable .looking{color:var(--tx-3)}.share .files{max-height:340px;overflow:auto}.share .sharecard .qr{--qr: 184px}.share .qr.hatch{background:var(--hatch),var(--surface-inset)}.share .bigcode.pulse{animation:code-pulse 1.5s ease-out both}.share .code-replaced{font-size:12px;color:var(--tx-3)}@keyframes code-pulse{0%,30%{color:var(--accent)}to{color:var(--tx)}}@media(prefers-reduced-motion:reduce){.share .bigcode.pulse{animation:none}}.share .sharecard .fail-block{margin-top:0}.share .sharecard .btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}}@layer pages{[data-page=receive]{.recv-gap{margin-top:18px}.recv-gap-sm{margin-top:14px}.recv-center{justify-content:center}.recv-hero{margin-inline:auto}.insp-head>div{min-width:0}.stats .v small.num{font-size:11px;margin-left:4px}.recv-scan{overflow:hidden;aspect-ratio:4 / 3;& video{width:100%;height:100%;object-fit:cover;display:block}}[hidden]{display:none!important}}}@layer pages{.dg-page{max-width:1180px;margin:0 auto;padding:var(--sp-7) var(--sp-6) var(--sp-9);display:grid;gap:var(--sp-5);container-type:inline-size;container-name:dg}.dg-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--sp-5);padding-bottom:var(--sp-2);& h1{margin-top:4px;font:650 var(--fs-title-1)/1.1 var(--sans);letter-spacing:var(--track-display)}}.dg-sub{max-width:62ch;margin-top:6px;color:var(--tx-2)}.dg-head-side{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}.dg-back{margin:0 0 var(--sp-3) -10px}@container dg (max-width: 480px){.dg-page{padding-inline:var(--sp-4)}}.pkey{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-caption)}.pkey .up{width:0;height:0;border:4px solid transparent;border-bottom:6px solid var(--accent);border-top:0}.tchart{display:grid;grid-template-columns:minmax(0,1fr) 46px;grid-template-rows:var(--h) auto;column-gap:6px;row-gap:4px;min-width:0;margin:0}.tchart-plot{position:relative;min-width:0;touch-action:none}.tchart svg{display:block;width:100%;height:100%;overflow:visible}.tchart .grid{stroke:var(--viz-grid);stroke-dasharray:2 3}.tchart .base{stroke:var(--ui-3)}.tchart .area{fill:var(--tx);opacity:.07}.tchart .line{fill:none;stroke:var(--tx);stroke-width:2;stroke-linejoin:round}.tchart .mark{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:3 3}.tchart .cross{stroke:var(--tx-3);stroke-width:1}.tchart .hatchline{fill:var(--viz-hatch)}.tchart-axis{grid-row:1;grid-column:2;display:flex;flex-direction:column;justify-content:space-between;margin:-4px 0;font-size:10.5px;line-height:1;color:var(--tx-3);text-align:right;white-space:nowrap}.tchart-foot{grid-column:1;display:flex;justify-content:space-between;font-size:10.5px;color:var(--tx-4)}.tchart-mark,.tchart-gap{position:absolute;top:-2px;translate:4px 0;padding:2px 4px;border-radius:4px;background:var(--surface-inset);font-size:10px;letter-spacing:.02em;color:var(--accent);white-space:nowrap;pointer-events:none}.tchart-gap{top:auto;bottom:4px;color:var(--tx-2)}.tchart-tip{position:absolute;top:4px;z-index:2;translate:-50% -100%;display:grid;gap:1px;padding:4px 7px;border-radius:6px;background:var(--tx);color:var(--surface-1);font-size:11px;text-align:center;white-space:nowrap;pointer-events:none;& small{font-size:9.5px;opacity:.7}}.pstrip{position:relative;display:flex;align-items:stretch;gap:1px;height:14px;min-width:90px}.pstrip i{flex:1;min-width:0;border-radius:1px}.pstrip i.d{background:var(--accent)}.pstrip i.r{box-shadow:inset 0 0 0 1px var(--tx-3)}.pstrip i.x{background:var(--hatch)}.pstrip b{position:absolute;top:-7px;translate:-4px 0;width:0;height:0;border:4px solid transparent;border-top:6px solid var(--accent);border-bottom:0}.pstrip.waiting{border-radius:2px;box-shadow:inset 0 0 0 1px var(--ui-2)}.dg-table-wrap{overflow-x:auto}.dg-table{width:100%;border-collapse:collapse;font-size:var(--fs-foot)}.dg-table th,.dg-table td{padding:10px 14px;text-align:left;vertical-align:middle;white-space:nowrap}.dg-table thead th{padding-top:12px;padding-bottom:8px;font:500 var(--fs-over)/1.2 var(--sans);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--tx-3)}.dg-table th.r,.dg-table td.r{text-align:right}.dg-table tbody tr{box-shadow:inset 0 1px 0 var(--ui-2)}.dg-table tbody th{font-weight:550}.dg-table tr.dim>*{color:var(--tx-3)}.dg-table .num{font-size:var(--fs-num-s)}.ping{display:grid;gap:8px;min-width:0}.ping-h{display:flex;justify-content:space-between;align-items:baseline;:is(h3,h4){font:600 var(--fs-callout)/1.3 var(--sans)}}.ping-card{display:grid;gap:10px}.ping-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.ping-path{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-callout);font-weight:600}.ping-path.direct{color:var(--accent)}.ping-path.relayed{color:var(--tx-2)}.ping-path .ring{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--tx-3)}.ping-path.hatchy{padding:2px 8px;border-radius:6px;background:var(--hatch);color:var(--tx-2)}.ping-path .mute{font-weight:450;color:var(--tx-3)}.ping-now{font:500 var(--fs-num-m)/1 var(--mono);letter-spacing:-.03em}.ping-chart{position:relative;height:96px;padding-right:46px}.ping-chart svg{display:block;width:100%;height:100%;overflow:visible}.ping-chart .grid{stroke:var(--viz-grid);stroke-width:1;stroke-dasharray:2 3}.ping-chart .line{fill:none;stroke:var(--tx);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.ping-chart .line.paused{stroke:var(--tx-3)}.ping-chart .gap{fill:color-mix(in oklab,var(--tx) 6%,transparent)}.ping-chart .mark{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:3 3}.ping-axis{position:absolute;top:0;right:0;bottom:0;width:42px;display:flex;flex-direction:column;justify-content:space-between;margin:-4px 0;font-size:10.5px;line-height:1;color:var(--tx-3);text-align:right}.ping-mark-label,.ping-gap-label{position:absolute;top:-2px;translate:4px 0;padding:2px 3px;border-radius:4px;background:var(--surface-inset);font:500 10px/1 var(--mono);letter-spacing:.02em;color:var(--accent);white-space:nowrap}.ping-gap-label{top:auto;bottom:2px;color:var(--tx-3)}.ping-foot{display:flex;justify-content:space-between;padding-right:46px;font:500 10.5px var(--mono);color:var(--tx-4)}.ping.compact .ping-chart{height:64px}}@layer pages{.lab-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}.lab-pane .card-h h3 .mute{font-weight:450}.lab-empty{display:grid;gap:var(--sp-3);justify-items:start;align-content:center;min-height:156px;padding:var(--sp-5);background:var(--hatch),var(--surface-inset)}.lab-listen{display:flex;align-items:flex-start;gap:var(--sp-4);>.stack{min-width:0}}.lab-code{flex:1;font-size:20px;font-weight:500;letter-spacing:-.02em}.lab-dial{display:flex;align-items:center;gap:var(--sp-2);.field{flex:1}}.lab-err{color:var(--tx)}.lab-peer .row-flex{align-items:center;flex-wrap:wrap;gap:8px;.grow-l{margin-left:auto}}.lab-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:var(--sp-5)}.lab-aside{display:grid;gap:var(--sp-5)}.lab-payload{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.lab-payload .grow{flex:1 1 0}.lab-custom{display:inline-flex;align-items:center;gap:6px;.field{width:92px;height:32px;text-align:right}}.lab-file{position:relative;cursor:pointer;&.disabled{opacity:.5;cursor:not-allowed}}.lab-actions{display:inline-flex;flex-wrap:wrap;gap:var(--sp-2)}.tipwrap{display:inline-flex}.lab-readout{display:grid;gap:var(--sp-4)}.lab-readout.is-empty .stats{opacity:.6}.lab-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:end;gap:var(--sp-4)}.lab-head>div{display:grid;gap:6px;min-width:0}.lab-big{font:500 var(--fs-num-xl)/1 var(--mono);letter-spacing:-.045em;white-space:nowrap;& small{margin-left:6px;font-size:15px;letter-spacing:0;color:var(--tx-3)}}.lab-big.hatchy{justify-self:start;padding:0 8px;border-radius:8px;background:var(--hatch);color:var(--tx-3)}.lab-mid{font:500 22px/1 var(--mono);letter-spacing:-.03em}.lab-path{justify-items:end}.lab-prog{display:grid;gap:6px}.lab-prog .bar.lg{height:8px;border-radius:4px}.lab-prog .bar.running{background:var(--hatch),var(--ui-2)}.lab-prog-t{display:flex;justify-content:space-between}.lab-chart{display:grid;gap:var(--sp-2)}.lab-chart-h{align-items:baseline}.lab-chart-empty{display:grid;place-items:center;height:110px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--ui-2)}.lab-verdict{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:12px 14px;border-radius:var(--r-inset);font-size:var(--fs-callout)}.lab-verdict.good{box-shadow:inset 0 0 0 1px var(--accent-line)}.chat-log{display:grid;align-content:start;gap:6px;min-height:96px;max-height:200px;margin:0;padding:12px;overflow-y:auto;list-style:none}.msg{display:flex;align-items:baseline;gap:8px;font-size:var(--fs-foot)}.msg-t{flex:none;font-size:10.5px;color:var(--tx-4)}.msg-b{padding:4px 10px;border-radius:12px;background:var(--surface-2);color:var(--tx);overflow-wrap:anywhere}.msg.me{flex-direction:row-reverse;.msg-b{background:var(--tx);color:var(--surface-1)}}.lab-msg-form{margin-top:var(--sp-3);gap:var(--sp-2);.field{flex:1}}@container dg (max-width: 980px){.lab-main{grid-template-columns:minmax(0,1fr)}.lab-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@container dg (max-width: 720px){.lab-panes,.lab-aside{grid-template-columns:minmax(0,1fr)}.lab-head{grid-template-columns:minmax(0,1fr) auto}.lab-head .lab-path{grid-column:1 / -1;justify-items:start}}@container dg (max-width: 480px){.lab-listen{flex-direction:column;align-items:center}.lab-listen>.stack{width:100%}}}@layer pages{.sig-kpi{padding:0;.stats{box-shadow:none}}.sig-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-5);align-items:start}.sig-grid>*{grid-column:span 4}.sig-grid>.sig-tp,.sig-grid>.sig-events{grid-column:span 8}.sig-grid>.sig-side{grid-column:span 4;display:grid;gap:var(--sp-5)}.sig-grid>.sig-peers{grid-column:1 / -1}.sig-multi{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-2)}.sig-mini{width:100%;display:grid;gap:4px;padding:8px 10px;border:0;border-radius:12px;text-align:left;color:inherit;background:var(--surface-inset);box-shadow:inset 0 0 0 1px var(--ui-2);transition:box-shadow var(--t-fast);&:hover{box-shadow:inset 0 0 0 1px var(--ui-3)}}.sig-mini-h{display:flex;align-items:center;gap:6px;font-size:var(--fs-caption);.num{font-size:11.5px}}.sig-spark{display:block;color:var(--tx);&.relayed{color:var(--tx-3)}.spark{display:block;width:100%;height:30px}}.sig-table .sig-strip{width:34%;min-width:180px;.pstrip{width:100%}}.sig-table th[scope=row] .foot{font-weight:400}.sig-prog{display:flex;align-items:center;gap:8px;min-width:110px;.bar{flex:1}}.pdot.none{visibility:hidden}.sig-bytes{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;font-size:var(--fs-foot);color:var(--tx-2);& b{min-width:64px;font-weight:500;font-size:var(--fs-num-s);color:var(--tx);text-align:right}}.sig-rg{display:grid;gap:1px;.foot{font-size:11.5px}}.ev-log{list-style:none;max-height:286px;overflow-y:auto}.ev{display:grid;grid-template-columns:96px 92px minmax(0,1fr);gap:var(--sp-3);align-items:center;padding:8px 14px;font-size:var(--fs-foot);+.ev{box-shadow:inset 0 1px 0 var(--ui-2)}.chip{justify-self:start}}.ev-t{font-size:11.5px;color:var(--tx-3)}.ev-x{min-width:0;color:var(--tx-2)}@container dg (max-width: 980px){.sig-grid>*,.sig-grid>.sig-side{grid-column:span 6}.sig-grid>.sig-tp,.sig-grid>.sig-side,.sig-grid>.sig-events{grid-column:1 / -1}.sig-kpi .stats{--n: 4 !important}}@container dg (max-width: 720px){.sig-grid>*,.sig-grid>.sig-side{grid-column:1 / -1}.sig-kpi .stats{--n: 2 !important}.ev{grid-template-columns:88px minmax(0,1fr);.chip{display:none}}}}@layer pages{dialog.conn-details{inset:0 0 0 auto;width:min(520px,100vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:var(--r-sheet) 0 0 var(--r-sheet);color:var(--tx);background:var(--glass);backdrop-filter:blur(28px) saturate(1.5);box-shadow:0 0 0 1px var(--ui),var(--sh-3);overflow:hidden;animation:cd-in var(--t-sheet) var(--spring) both;&[open]{display:flex;flex-direction:column}&::backdrop{background:var(--scrim);backdrop-filter:blur(3px)}.cd-head{flex:none;display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-6) var(--sp-6) var(--sp-4);box-shadow:inset 0 -1px 0 var(--ui-2);.cd-title{flex:1;min-width:0}& h2{margin-top:2px;font:650 var(--fs-title-2)/1.15 var(--sans);letter-spacing:-.025em}.cd-path{margin-top:22px}.iconbtn{margin-top:18px}}.cd-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;align-content:start;gap:24px;padding:var(--sp-5) var(--sp-6) var(--sp-8)}}@keyframes cd-in{0%{translate:100% 0}}@media(max-width:560px){dialog.conn-details{inset:auto 0 0;width:100vw;height:92dvh;border-radius:var(--r-sheet) var(--r-sheet) 0 0;animation-name:cd-up}dialog.conn-details .tp-grid{grid-template-columns:minmax(0,1fr)}}@keyframes cd-up{0%{translate:0 100%}}@media(prefers-reduced-motion:reduce){dialog.conn-details{animation:none}}.cd-sec{display:grid;gap:var(--sp-3);min-width:0}.cd-sec>h3{font:600 var(--fs-callout)/1.3 var(--sans)}.cd-sec .inset{background:color-mix(in oklab,var(--surface-inset) 88%,transparent)}.cd-stack{display:grid;gap:var(--sp-3);min-width:0}.cd-url{display:grid;gap:6px}.cd-relay-act:has(button[hidden]){display:none}.cd-how{display:grid;gap:var(--sp-2);padding-left:18px;font-size:var(--fs-foot);color:var(--tx-2)}.cd-how b{font-weight:600;color:var(--tx)}.tl{list-style:none;padding:0;margin:0;display:grid}.tl-i{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:var(--sp-3);padding-bottom:12px}.tl-i:not(:last-child):before{content:"";position:absolute;left:6px;top:14px;bottom:-2px;width:1.5px;background:var(--ui-3)}.tl-dot{z-index:1;width:14px;height:14px;margin-top:2px;border-radius:50%;background:var(--tx);box-shadow:0 0 0 3px var(--surface-inset)}.tl-i.warn .tl-dot{background:var(--hatch),var(--surface-inset);box-shadow:inset 0 0 0 1.5px var(--tx-3),0 0 0 3px var(--surface-inset)}.tl-i.fail .tl-dot{background:var(--surface-inset);box-shadow:inset 0 0 0 1.5px var(--tx),0 0 0 3px var(--surface-inset)}.tl-i.fail .tl-dot:after{content:"";display:block;width:8px;height:1.5px;margin:6px auto 0;background:var(--tx);rotate:45deg}.tl-i.final.direct .tl-dot{background:var(--accent)}.tl-i.final.relayed .tl-dot{background:var(--surface-inset);box-shadow:inset 0 0 0 2px var(--tx-3),0 0 0 3px var(--surface-inset)}.tl-b{display:grid;gap:2px;min-width:0}.tl-h{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-callout)}.tl-h b{font-weight:600}.tl-direct{color:var(--accent);letter-spacing:.02em}.tl-at{flex:none;font-size:var(--fs-num-s);color:var(--tx-2);.mute{color:var(--tx-3)}}.tp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.tp-col{display:grid;gap:var(--sp-2);min-width:0;padding:var(--sp-3) var(--sp-inset);border-radius:var(--r-inset);background:color-mix(in oklab,var(--surface-inset) 88%,transparent);box-shadow:inset 0 0 0 1px var(--ui-2)}.tp-col:not(.on) .kv dd{color:var(--tx-3)}.tp-h{display:grid;grid-template-columns:1fr auto;row-gap:2px;align-items:center}.tp-h .foot{grid-row:2}.tp-h .chip{grid-row:1 / 3;grid-column:2}.pair{display:flex;align-items:center;gap:var(--sp-3)}.pair>div{flex:1;display:grid;gap:2px;min-width:0;padding:10px 12px;border-radius:10px;background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ui)}.pair b{font-weight:500;font-size:var(--fs-num-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pair>.ic{color:var(--tx-3)}}