.llb{--row:80px;--gap:10px;margin:0;display:grid;gap:14px;min-width:0;color:#252522}.llb-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.llb-head b{font-size:15px;font-weight:500;letter-spacing:-.03em}.llb-head span{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #d7d7d0;border-radius:999px;background:#ffffffb8;font:10px ui-monospace,SFMono-Regular,monospace;color:#363630}.llb-head i{width:7px;height:7px;border-radius:50%;background:#3fa66b;animation:llb-ping 1.8s ease-out infinite}.llb-rows{position:relative;list-style:none;margin:0;padding:0;height:calc(var(--row) * var(--n, 3) + var(--gap) * (var(--n, 3) - 1))}.llb-row{position:absolute;inset:0 0 auto;height:var(--row);display:grid;grid-template-columns:var(--row) minmax(0,1fr) auto;align-items:center;gap:14px;padding-right:18px;border:1px solid var(--ui-line-soft,#e3e0d8);border-radius:7px;background:var(--product-surface,#f8f7f4);overflow:hidden;transform:translateY(calc(var(--pos) * (var(--row) + var(--gap))));transition:transform .8s cubic-bezier(.65,0,.25,1),border-color .5s;animation:llb-in .7s calc(.3s + var(--pos) * .1s) cubic-bezier(.2,.8,.2,1) backwards}.llb-row.is-first{z-index:2;border-color:var(--ui-line,#d7d4cb)}.llb-row.is-risen{z-index:3}.llb-row.is-risen .llb-avatar{animation:llb-hop .8s cubic-bezier(.3,1.4,.5,1)}.llb-stage{display:grid;place-items:center;align-self:stretch;background:#efede7;border-right:1px solid var(--ui-line-soft,#e3e0d8)}.llb-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#2c2824;color:#fff;font-size:13px;font-weight:600;transition:transform .6s cubic-bezier(.2,.8,.2,1)}@media (hover:hover){.llb-row:hover .llb-avatar{transform:translateY(-3px) rotate(-4deg)}}.llb-copy{display:grid;gap:6px;min-width:0}.llb-heading{display:flex;align-items:center;gap:9px;min-width:0}.llb .llb-rank{position:static;flex:none;max-width:none;padding:3px 8px}.llb-heading b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:500;letter-spacing:-.045em}.llb-copy small{font:10.5px ui-monospace,SFMono-Regular,monospace;color:#6b685e}.llb-points{position:relative;display:flex;align-items:baseline;gap:5px}.llb-points b{font-size:24px;font-weight:500;letter-spacing:-.05em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.llb-points small,.llb-you small{font:11px ui-monospace,SFMono-Regular,monospace;color:#6b685e}.llb-gain{bottom:100%;padding:2px 7px;border-radius:999px;background:#3fa66b;color:#fff;font:600 10px ui-monospace,SFMono-Regular,monospace;font-style:normal;animation:llb-gain 1.4s cubic-bezier(.2,.8,.2,1) both;pointer-events:none}.llb-bar,.llb-gain{position:absolute;right:0}.llb-bar{left:var(--row);bottom:0;height:3px;background:#0000000a}.llb-bar span{display:block;height:100%;background:#795034;transition:width .7s cubic-bezier(.2,.8,.2,1)}.llb-row.is-first .llb-bar span{background:#2c2824}.llb-row.is-you{border-color:#795034}.llb.is-still .llb-row{animation:none;transition:none}.llb-empty,.llb-you{margin:0;padding:16px 18px;border:1px solid var(--ui-line-soft,#e3e0d8);border-radius:7px;background:var(--product-surface,#f8f7f4);font-size:13px;line-height:1.6;color:#5d5b54}.llb-you{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 18px 10px 12px}.llb-you .llb-avatar{width:34px;height:34px;font-size:11px}.llb-you>b{font-size:18px;font-weight:500;letter-spacing:-.04em;color:#252522}@keyframes llb-in{0%{opacity:0;transform:translateY(calc(var(--pos) * (var(--row) + var(--gap)) + 16px))}}@keyframes llb-gain{0%{opacity:0;transform:translateY(6px) scale(.8)}20%{opacity:1;transform:translateY(-2px) scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes llb-hop{40%{transform:translateY(-6px) scale(1.08)}}@keyframes llb-ping{0%{box-shadow:0 0 0 0 #3fa66b80}70%,to{box-shadow:0 0 0 7px #3fa66b00}}@media (max-width:420px){.llb{--row:72px}.llb-row{gap:11px;padding-right:14px}.llb-avatar{width:40px;height:40px}.llb-heading b{font-size:15px}.llb-points b{font-size:20px}}@media (prefers-reduced-motion:reduce){.llb *,.llb-row{animation:none!important;transition:none!important}}