@font-face{font-family:Roboto;font-weight:400;font-display:swap;src:url(/assets/roboto-400-BqEyEoaF.woff2)format("woff2")}@font-face{font-family:Roboto;font-weight:500;font-display:swap;src:url(/assets/roboto-500-7RbcRiD8.woff2)format("woff2")}@font-face{font-family:Roboto;font-weight:700;font-display:swap;src:url(/assets/roboto-700-BZpUvMxY.woff2)format("woff2")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,:root[data-theme=light]{--card-w:340px;--page:#f6f7f9;--surface:#fff;--tile:#f3f4f6;--border:#d6dadf;--fg:oklch(25.7% .09 281.45);--fg-1:#4b5563;--muted:#9aa1ab;--bar:#d1d5da;--primary:oklch(52% .18 278);--primary-soft:color-mix(in oklch, var(--primary) 12%, transparent);--on-primary:#fff;--warning:oklch(77.241% .1728 65.367);--warning-soft:color-mix(in oklch, var(--warning) 14%, var(--surface));--good:#0b5d3b;--bad:#8b1c1c;--hover:#f7f8fa;--raise:0 1px 2px #14143214, 0 8px 24px #1414321f}:root[data-theme=dark]{--page:oklch(25.462% .0276 239.56);--surface:oklch(20.831% .0313 247.38);--tile:oklch(27.462% .0276 239.56);--border:oklch(43.925% .0192 239.51);--fg:oklch(98.5% .002 230.55);--fg-1:oklch(86.862% .0046 241.05);--muted:oklch(70.25% .0148 244.04);--bar:oklch(43.925% .0192 239.51);--primary:oklch(76.463% .10427 274.87);--on-primary:oklch(25.7% .09 281.45);--warning-soft:color-mix(in oklch, var(--warning) 16%, var(--surface));--good:oklch(78.574% .17053 162.48);--bad:oklch(89.779% .05348 11.76);--hover:oklch(27.462% .0276 239.56);--raise:0 4px 14px #0006, 0 12px 32px #0006}body{background:var(--page);min-height:100dvh;color:var(--fg);font-family:Roboto,system-ui,-apple-system,sans-serif}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0}.bench-bar{z-index:5;color:#c9ced6;background:#0b0f15;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 24px;font:12px/1 ui-monospace,SF Mono,Menlo,monospace;display:flex;position:sticky;top:0}.bench-bar strong{color:#fff;margin-right:auto}.bench-bar>span{color:#7c8596}.bench-bar label{align-items:center;gap:8px;display:flex}.bench-bar>button,.bench-bar .seg button{border:1px solid #2c3340;border-radius:5px;padding:5px 9px}.bench-bar .seg{gap:4px;display:flex}.bench-bar .seg button.on{color:#fff;background:#2d3170;border-color:#4a50b8}.bench{padding:8px 32px 80px}.bench-group{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:36px 0 20px;font:600 12px/1 ui-monospace,SF Mono,Menlo,monospace}.bench-grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-w), 1fr));align-items:start;gap:40px 36px;display:grid}.bench-item{width:min(var(--card-w), 100%);justify-self:center}.bench-label{align-items:center;gap:10px;font:12px/1.3 ui-monospace,SF Mono,Menlo,monospace;display:flex}.bench-id{background:var(--fg);min-width:22px;height:22px;color:var(--surface);text-align:center;border-radius:5px;padding:0 4px;font-weight:700}.bench-note{min-height:2.6em;color:var(--muted);margin:6px 0 12px;font:11px/1.3 ui-monospace,SF Mono,Menlo,monospace}.ic{border:1px solid var(--border);background:var(--surface);border-radius:10px;font-size:14px;position:relative;overflow:hidden}.ic .icon{flex:none}.muted{color:var(--muted)}.tnum,.ic strong,.hero-n{font-variant-numeric:tabular-nums}.ic-head{justify-content:space-between;align-items:baseline;gap:12px;padding:16px;display:flex}.ic-head strong{font-size:17px;font-weight:700}.ic-head .muted{white-space:nowrap;font-size:13px}.sec{border-top:1px solid var(--border);padding:16px}.label{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:700}.hero{color:var(--fg-1);flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.hero-n{color:var(--fg);font-size:30px;font-weight:700;line-height:1.1}.delta{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.delta.is-good{color:var(--good)}.delta.is-bad{color:var(--bad)}.grid2{grid-template-columns:1fr 1fr;padding:0;display:grid}.grid2 .tile{flex-direction:column;gap:3px;padding:14px 16px;display:flex}.grid2 .tile:nth-child(2n){border-left:1px solid var(--border)}.grid2 .tile:nth-child(n+3){border-top:1px solid var(--border)}.grid2 .tile strong{font-size:16px}.cols{align-items:stretch;gap:4px;height:92px;display:flex}.col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;padding-top:4px;display:flex}.col-bar{background:var(--bar);border-radius:4px 4px 1px 1px;width:100%;transition:opacity .12s}.col.is-worst .col-bar{background:var(--warning)}button.col:hover .col-bar{opacity:.75}.col-n{height:14px;color:var(--muted);font-variant-numeric:tabular-nums;place-items:center;font-size:12px;display:grid}.btn{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.btn-outline{border-color:var(--border);background:var(--surface)}.btn-outline:hover{background:var(--hover)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{filter:brightness(1.08)}.btn-sm{height:28px;padding:0 10px;font-size:12px}.ring-row{align-items:center;gap:14px;display:flex}.ring{flex:none;width:64px;height:64px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:6px}.ring-track{stroke:var(--tile)}.ring-fill{stroke:var(--primary);stroke-linecap:round}.ring-text{color:var(--fg-1);flex-direction:column;gap:2px;display:flex}.rows{gap:10px;display:grid}.rows>div,.kv>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rows dt,.kv dt{color:var(--fg-1)}.rows dd,.kv dd{align-items:baseline;gap:8px;display:flex}.hbars{gap:2px;display:grid}.hbar{border-radius:6px;grid-template-columns:1fr auto;gap:4px 10px;margin:0 -6px;padding:5px 6px;display:grid}.hbar:hover{background:var(--hover)}.hbar-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-1);font-size:13px;overflow:hidden}.hbar-name .tnum{min-width:1.4em;color:var(--muted);display:inline-block}.hbar-val{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.hbar-track{background:var(--tile);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.hbar-track span{background:var(--bar);border-radius:3px;height:100%;display:block}.hbar.is-worst .hbar-track span{background:var(--warning)}.hbar.is-worst .hbar-name,.hbar.is-worst .hbar-val{color:var(--fg);font-weight:700}.meter{background:var(--tile);border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.meter span{background:var(--primary);border-radius:3px;height:100%;display:block}.callout{background:var(--warning-soft);width:100%;color:var(--fg-1);align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.callout strong{color:var(--fg)}.callout .icon:first-child{color:var(--warning);margin-top:1px}.callout .icon:last-child{color:var(--muted);align-self:center;margin-left:auto}.callout:hover .icon:last-child{color:var(--fg)}.v-c .cols{height:72px}.v-c .callout+.sec{border-top:0}.strip{background:var(--tile);grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.strip>div{flex-direction:column;gap:2px;min-width:0;display:flex}.strip strong{white-space:nowrap;font-size:15px}.strip .muted{font-size:11px;line-height:1.2}.strip .delta{font-size:11px}.spark-wrap{margin-top:12px}.spark-wrap .label{margin-bottom:4px;font-size:10px;display:block}.spark{border-bottom:1px solid var(--border);align-items:stretch;height:36px;display:flex}.spark span{flex:1;align-items:flex-end;padding:0 1px;display:flex}.spark i{background:var(--primary);border-radius:2px 2px 0 0;width:100%;display:block}.spark span:hover i{opacity:.7}.spark span:hover{background:var(--hover)}.spark-axis{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.grid2.soft{gap:6px;padding:12px}.grid2.soft .tile{background:var(--tile);border-radius:8px;padding:10px 12px;border:0!important}.funnel{gap:3px;height:92px;display:flex}.fstep,.fend{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.fbar{background:var(--primary);opacity:.55;border-radius:4px 4px 1px 1px;width:100%}.fend .fbar{opacity:1}.fstep.is-worst .col-n{color:var(--fg);font-weight:700}.funnel-caption{color:var(--fg-1);align-items:center;gap:6px;margin-top:10px;font-size:13px;display:flex}.funnel-caption .icon{color:var(--warning)}.fstep:hover .fbar{opacity:.8}.fend .col-n{color:var(--good)}.v-e .sec{border-top:0;padding-top:0}.kv{gap:8px;margin-bottom:18px;display:grid}.kv .kv-hero{border-bottom:1px solid var(--border);align-items:center;margin-bottom:2px;padding-bottom:10px}.kv .kv-hero strong{font-size:26px}.segstrip{gap:2px;height:22px;display:flex}.seg{background:color-mix(in oklab, var(--warning) calc(var(--a) * 100%), var(--tile));border-radius:4px;flex:1}.seg:hover{outline:2px solid var(--fg);outline-offset:1px}.seg-caption{color:var(--fg-1);margin-top:8px;font-size:13px}.empty-copy{font-size:14px;line-height:1.45}.ghost{opacity:.5;pointer-events:none;-webkit-mask-image:linear-gradient(#000 30%,#0000 105%);mask-image:linear-gradient(#000 30%,#0000 105%)}.ghost .hero-n,.ghost .tile strong{color:var(--muted)}.ghost .col-bar{animation:2.4s ease-in-out infinite shimmer;animation-delay:calc(var(--i) * .12s)}@keyframes shimmer{50%{opacity:.35}}.ghost-chip{border:1px solid var(--border);background:var(--surface);width:calc(100% - 40px);box-shadow:var(--raise);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.ghost-chip span{color:var(--fg-1);text-wrap:balance;font-size:13px}.ghost-chip .btn{margin-top:6px}.run-anim{--cycle:5s;--travel:3.6s;text-align:center;background:linear-gradient(180deg, var(--primary-soft), transparent 70%);flex-direction:column;align-items:center;gap:6px;padding:22px 18px 18px;display:flex}.run-anim>strong{margin-top:8px;font-size:15px}.run-anim>p{text-wrap:balance;font-size:13px;line-height:1.45}.run-anim .actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.track{justify-content:space-between;width:100%;height:26px;display:flex;position:relative}.rail{background:repeating-linear-gradient(90deg, var(--bar) 0 4px, transparent 4px 8px);height:2px;margin-top:-1px;position:absolute;top:50%;left:13px;right:13px}.node{z-index:1;border:2px solid var(--bar);background:var(--surface);width:26px;height:26px;color:var(--muted);font-variant-numeric:tabular-nums;animation:node-lit var(--cycle) ease-out infinite backwards;animation-delay:calc(var(--travel) * var(--i) / (var(--n) - 1));border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:relative}@keyframes node-lit{0%{border-color:var(--bar);color:var(--muted);transform:scale(1)}4%{border-color:var(--primary);background:var(--primary);color:var(--on-primary);transform:scale(1.18)}12%{transform:scale(1)}60%{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}80%,to{border-color:var(--bar);background:var(--surface);color:var(--muted)}}.walker{z-index:2;background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 4px var(--primary-soft), 0 0 14px var(--primary);animation:walk var(--cycle) cubic-bezier(.45, 0, .55, 1) infinite;border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%;left:13px}@keyframes walk{0%{opacity:0;left:13px}4%{opacity:1}72%{opacity:1;left:calc(100% - 13px)}80%,to{opacity:0;left:calc(100% - 13px)}}.grow{justify-content:space-between;align-items:flex-end;width:100%;height:44px;margin-top:6px;padding:0 3px;display:flex}.grow span{background:var(--bar);width:20px;height:4px;animation:grow var(--cycle) cubic-bezier(.2, .8, .2, 1) infinite backwards;animation-delay:calc(var(--travel) * var(--i) / (var(--n) - 1));border-radius:4px 4px 1px 1px}@keyframes grow{0%{height:4px}10%,60%{height:var(--h)}80%,to{height:4px}}.run-anim.is-idle .node{border-style:dashed;animation:none}.run-anim.is-idle .track{justify-content:center;gap:24px}@media (prefers-reduced-motion:reduce){.run-anim *,.ghost *{animation:none!important}.walker{display:none}.grow span{height:var(--h)}}.check-title{justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.check-title .muted{font-size:13px}.check-bar{background:var(--tile);border-radius:2px;height:4px;margin:10px 0 14px;overflow:hidden}.check-bar span{background:var(--primary);height:100%;transition:width .3s;display:block}.checklist{gap:4px;list-style:none;display:grid}.checklist li{border-radius:8px;align-items:center;gap:12px;margin:0 -8px;padding:8px;display:flex}.checklist li.is-next{background:var(--tile)}.check-dot{border:1.5px solid var(--border);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.is-done .check-dot{border-color:var(--primary);background:var(--primary);color:var(--surface)}.is-next:not(.is-done) .check-dot{background:color-mix(in oklab, var(--fg) 7%, var(--tile));color:var(--primary);border:0}.check-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.check-text strong{font-size:14px}.is-done .check-text strong{color:var(--fg-1)}.check-text .muted{font-size:12px;line-height:1.35}.shimmer{color:#0000;background:linear-gradient(100deg, var(--fg) 0 40%, color-mix(in oklab, var(--primary) 45%, var(--surface)) 50%, var(--fg) 60% 100%) 0 0 / 250% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite shimmer-text}@keyframes shimmer-text{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.shimmer{color:var(--fg);animation:none}}.sparkles path,.sparkles g{transform-box:fill-box;transform-origin:50%}.sp-main{animation:3.2s infinite sp-twirl}.sp-a,.sp-b{animation:3.2s infinite sp-pop}.sp-b{animation-delay:.35s}@keyframes sp-twirl{0%,52%{animation-timing-function:cubic-bezier(.5,0,.75,0);transform:rotate(0)scale(1)}60%{animation-timing-function:cubic-bezier(.3,1.6,.5,1);transform:rotate(-12deg)scale(.85)}78%{animation-timing-function:ease-out;transform:rotate(90deg)scale(1.12)}88%,to{transform:rotate(90deg)scale(1)}}@keyframes sp-pop{0%,58%{opacity:0;animation-timing-function:cubic-bezier(.3,1.8,.5,1);transform:scale(0)rotate(-45deg)}72%{opacity:1;transform:scale(1)rotate(0)}90%{opacity:1;animation-timing-function:ease-in;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.4)rotate(30deg)}}@media (prefers-reduced-motion:reduce){.sparkles *{animation:none!important}}.sample-banner{border-top:1px solid var(--border);background:var(--primary-soft);color:var(--fg-1);align-items:center;gap:8px;padding:9px 16px;font-size:13px;display:flex}.badge{background:var(--primary);color:var(--on-primary);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.sample{filter:grayscale();opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.ic.v-ef{background:0 0;border:0;border-radius:0;gap:12px;display:grid;overflow:visible}.ic-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.v-ef .ic-head .muted{font-size:13px}.check-bar.flush{margin:0 16px}.check-body{padding:12px 16px 14px}.ic-card.launch{align-items:center;gap:16px;padding:16px;display:flex}.launch-tile{background:var(--tile);width:64px;height:64px;color:var(--muted);border-radius:6px;flex:none;place-items:center;transition:color .12s;display:grid}.launch-tile:hover{color:var(--fg-1)}.launch-text{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.launch-text strong{font-size:17px}.launch .btn{height:34px;font-size:14px}.tip{z-index:30;color:#fff;pointer-events:none;opacity:0;background:#0b0f15;border-radius:6px;max-width:260px;padding:6px 9px;font:12px/1.35 Roboto,system-ui,sans-serif;transition:opacity .1s;position:fixed;transform:translate(-50%,-100%)}.tip.on{opacity:1}.toast{z-index:20;color:#fff;opacity:0;pointer-events:none;background:#0b0f15;border-radius:8px;padding:9px 14px;font-size:13px;transition:opacity .15s,transform .15s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px)}.toast.on{opacity:1;transform:translate(-50%)}