@layer components{.lb{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-4);box-shadow:var(--shadow-2);position:relative;overflow:hidden}.lb-head{gap:var(--space-4);padding:var(--space-5);border-block-end:1px solid var(--border-1);background:linear-gradient(180deg, var(--surface-1), color-mix(in srgb, var(--brand-tint) 55%, var(--surface-1)));display:grid}@media (width>=64em){.lb-head{align-items:center;gap:var(--space-6);padding:var(--space-6);grid-template-columns:minmax(0,1fr) 22rem}}.lb-head__title h1,.lb-head__title h2{margin:0}.lb-live{gap:var(--space-2);padding:var(--space-4);background:var(--monitor);color:#ece8e1;border-radius:var(--radius-3);display:grid}.lb-live a{color:#7fc8e0}.lb-live p{margin:0}.lb-live__state{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--step-n2);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:#bcc3ca;flex-wrap:wrap;display:flex}.lb-live__state strong{color:#ff6a5c;letter-spacing:.12em}.lb-live__dot{background:#ff6a5c;border-radius:50%;block-size:10px;inline-size:10px;position:relative}.lb-live__dot:after{content:"";opacity:0;animation:lb-ping 2.4s var(--ease-out) infinite;border:2px solid #ff6a5c;border-radius:50%;position:absolute;inset:-5px}@keyframes lb-ping{0%{opacity:.9;transform:scale(.5)}80%,to{opacity:0;transform:scale(1.6)}}.lb-live__next{font-size:var(--step-n1);color:#bcc3ca}.lb-live__clock{font-family:var(--font-mono);font-size:var(--step-2);color:#ece8e1;font-variant-numeric:tabular-nums}.lb-live__bar{background:#263039;border-radius:999px;block-size:6px;overflow:hidden}.lb-live__bar>span{border-radius:inherit;background:linear-gradient(90deg,#4fa9c5,#a6eaff);block-size:100%;inline-size:0%;transition:inline-size 1s linear;display:block}.lb-live__meta{font-size:var(--step-n2);color:#9aa3ad}.lb[data-updating] .lb-live__state strong{animation:.6s steps(2,start) infinite lb-blink}.lb[data-updating] .lb-live__bar>span{background:repeating-linear-gradient(45deg,#4fa9c5 0 10px,#82d5f1 10px 20px) 0 0/28px 28px;animation:.8s linear infinite lb-stripes;inline-size:100%!important}@keyframes lb-blink{to{visibility:hidden}}@keyframes lb-stripes{to{background-position:28px 0}}.lb-cols{display:none}@media (width>=60em){.lb-cols{grid-template-columns:var(--lb-cols);gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface-2);border-block-end:1px solid var(--border-1);font-family:var(--font-mono);font-size:var(--step-n2);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--text-2);display:grid}}.lb{--lb-cols:3.5rem minmax(11rem, 1.5fr) minmax(11rem, 1.1fr) minmax(8.5rem, .9fr) minmax(8rem, .9fr) 8.5rem}.lb-list{display:grid}.lb-row{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border-1);background:var(--surface-1);animation:lb-in .55s var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms);transition:background-color .4s var(--ease-out);grid-template-columns:3.25rem minmax(0,1fr) auto;grid-template-areas:"rank id rate""rank rating rating""rank score site";display:grid;position:relative}@keyframes lb-in{0%{opacity:0;transform:translateY(10px)}}@media (width>=60em){.lb-row{grid-template-columns:var(--lb-cols);padding:var(--space-4) var(--space-5);grid-template-areas:"rank id rating score site rate"}}.lb-row:last-child{border-block-end:0}.lb-row:hover{background:var(--surface-2)}.lb-row[data-flash]{background:color-mix(in srgb, var(--brand-tint) 80%, var(--surface-1));box-shadow:inset 4px 0 0 var(--brand)}.lb-rank{perspective:300px;block-size:2.75rem;inline-size:2.75rem;font-family:var(--font-mono);font-weight:600;font-size:var(--step-0);color:var(--text-1);background:var(--surface-3);clip-path:var(--clip-chamfer);grid-area:rank;place-items:center;display:inline-grid}.lb-rank__n{font-size:var(--step-n1);letter-spacing:-.02em;display:inline-block}.lb-basis{font-family:var(--font-mono);font-size:var(--step-n2);letter-spacing:.04em;color:var(--text-3);justify-self:start;margin-block-start:2px}.lb-basis[data-basis=editor]{border-radius:var(--radius-1);background:var(--warn-tint);color:var(--warn);padding:1px 6px}.lb-basis[data-basis=customers]{color:var(--success)}.lb-rank[data-flip] .lb-rank__n{animation:lb-flip .7s var(--ease-out)}@keyframes lb-flip{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}.lb-row[data-top] .lb-rank{color:var(--bg);background:var(--text-1)}.lb-row[data-rank="1"] .lb-rank{background:var(--tally);color:var(--on-tally)}.lb-row[data-basis=reliability] .lb-rank{border:1px dashed var(--border-2);clip-path:none;border-radius:var(--radius-2);color:var(--text-1);background:0 0}.lb-id{grid-area:id;min-inline-size:0;display:grid}.lb-name{font-weight:var(--w-bold);font-size:var(--step-1);color:var(--text-1);text-decoration:none}.lb-name:hover{text-decoration:underline}.lb-name:after{content:"";position:absolute;inset:0}.lb-host{font-family:var(--font-mono);font-size:var(--step-n2);color:var(--text-3)}.lb-rating{align-items:center;gap:var(--space-2);flex-wrap:wrap;grid-area:rating;display:flex}.lb-wait{font-size:var(--step-n1);color:var(--text-3)}.lb-first{align-items:flex-start;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px dashed var(--border-2);border-radius:var(--radius-2);color:var(--text-1);transition:background .16s var(--ease-out,ease), border-color .16s var(--ease-out,ease);background:0 0;flex-direction:column;text-decoration:none;display:inline-flex}.lb-first:hover,.lb-first:focus-visible{background:#e8a21a1f;border-style:solid;border-color:#e8a21a99}.lb-first__stars{color:var(--text-3);letter-spacing:.08em;white-space:nowrap;font-size:1rem;line-height:1;position:relative}.lb-first__stars:after{content:attr(data-fill);color:#e8a21a;inline-size:0;transition:inline-size .45s var(--ease-out,ease);position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden}:root[data-theme=dark] .lb-first__stars:after{color:#f2be55}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lb-first__stars:after{color:#f2be55}}.lb-first:hover .lb-first__stars:after,.lb-first:focus-visible .lb-first__stars:after{inline-size:100%}.lb-first__txt{line-height:1.2;display:grid}.lb-first__txt strong{font-size:var(--step-n1);white-space:nowrap}.lb-first__txt small{white-space:nowrap;font-size:var(--step-n2,.75rem);color:var(--text-2)}@media (prefers-reduced-motion:reduce){.lb-first__stars:after{transition:none}}.lb-score{grid-area:score;line-height:1.25;display:grid}.lb-score strong{font-family:var(--font-mono);font-size:var(--step-1);color:var(--text-1);font-variant-numeric:tabular-nums}.lb-score--none{color:var(--text-3)!important}.lb-score>span{gap:var(--space-1);font-size:var(--step-n2);color:var(--text-2);flex-wrap:wrap;align-items:center;display:flex}.lb-site{align-items:center;gap:var(--space-2);grid-area:site;justify-self:start;line-height:1.2;display:flex}.lb-site strong{font-family:var(--font-mono);font-size:var(--step-n1);color:var(--text-1);display:block}.lb-site small{font-size:var(--step-n2);color:var(--text-3);display:block}.lb-site[data-tone=down] strong{color:var(--danger)}.lb-sig{align-items:flex-end;gap:2px;block-size:16px;display:inline-flex}.lb-sig i{background:var(--signal-empty);border-radius:1px;inline-size:4px}.lb-sig i:first-child{block-size:25%}.lb-sig i:nth-child(2){block-size:50%}.lb-sig i:nth-child(3){block-size:75%}.lb-sig i:nth-child(4){block-size:100%}.lb-sig[data-bars="1"] i:nth-child(-n+1),.lb-sig[data-bars="2"] i:nth-child(-n+2),.lb-sig[data-bars="3"] i:nth-child(-n+3),.lb-sig[data-bars="4"] i{background:var(--beat-up)}.lb-site[data-tone=down] .lb-sig i{background:var(--beat-down);opacity:.5}.lb-rate{z-index:1;grid-area:rate;justify-self:end;position:relative}.lb-divider{gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--surface-2);border-block-end:1px solid var(--border-1);font-size:var(--step-n1);color:var(--text-2);animation:lb-in .55s var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms);align-items:center;display:flex}.lb-divider a{z-index:1;position:relative}.lb:not([data-expanded]) [data-more]{display:none}.lb[data-expanded] [data-more]{animation:lb-in .45s var(--ease-out) both;animation-delay:calc((var(--i,0) - 6) * 40ms)}.lb-more{padding:var(--space-4);background:var(--surface-2);border-block-start:1px solid var(--border-1);justify-content:center;display:flex}.lb-more__btn{align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding:0 var(--space-5);border:1px solid var(--border-control);border-radius:var(--radius-round);background:var(--surface-1);color:var(--text-1);font-weight:var(--w-semibold);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);text-decoration:none;display:inline-flex}.lb-more__btn:hover{background:var(--brand-tint);border-color:var(--brand);text-decoration:none}.lb-more__btn .icon{transition:rotate var(--dur-base) var(--ease-out)}.lb[data-expanded] .lb-more__btn .icon{rotate:180deg}.lb-sweep{pointer-events:none;opacity:0;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--brand) 14%, transparent) 60%, transparent);block-size:120px;position:absolute;inset-block-start:0;inset-inline:0}.lb[data-updating] .lb-sweep{opacity:1;animation:lb-sweep 1.6s var(--ease-in-out) infinite}@keyframes lb-sweep{0%{transform:translateY(-120px)}to{transform:translateY(calc(var(--lb-h,900px)))}}@media (prefers-reduced-motion:reduce){.lb-row,.lb-divider,.lb-live__dot:after,.lb[data-updating] .lb-sweep,.lb-rank[data-flip] .lb-rank__n{animation:none!important}.lb-live__bar>span{transition:none}}}