.better-leaderboard{--lb-panel:var(--experience-panel,#f7f5f2);--lb-paper:var(--experience-paper,#fff);--lb-ink:var(--ink,#171b20);--lb-muted:var(--muted,#667078);--lb-line:var(--line,#e4e7e8);--lb-orange:var(--orange,#ed682f);padding-block:92px;color:var(--lb-ink);scroll-margin-top:110px}
.lb-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.lb-heading .eyebrow{margin-bottom:15px}
.lb-heading h1,.lb-heading h2{max-width:780px;margin-bottom:20px}
.lb-intro{max-width:660px;margin:0;color:var(--lb-muted)}
.lb-board{border:1px solid var(--lb-line);border-radius:30px;background:var(--lb-paper);overflow:hidden;box-shadow:0 18px 48px #2e1a0a06}
.lb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 20px}
.lb-metrics{display:flex;align-items:center;gap:6px;padding:5px;border-radius:40px;background:var(--lb-panel)}
.lb-metrics button,.lb-periods button{border:0;background:transparent;color:var(--lb-muted);font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;border-radius:30px;transition:background .18s,color .18s;min-height:42px;padding:10px 17px}
.lb-metrics button[aria-pressed=true]{background:var(--lb-orange);color:#fff;box-shadow:0 4px 12px #b6551515}
.lb-metrics button:hover:not([aria-pressed=true]),.lb-periods button:hover:not(:disabled){color:var(--lb-ink)}
.lb-refresh{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--lb-line);border-radius:30px;background:transparent;color:var(--lb-ink);padding:11px 16px;font:inherit;font-size:11px;font-weight:700;min-height:42px;cursor:pointer;white-space:nowrap}
.lb-refresh svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lb-refresh:disabled{opacity:.5;cursor:wait}
.lb-context{padding:0 28px 23px;border-bottom:1px solid var(--lb-line)}
.lb-periods{display:flex;gap:4px;width:max-content;max-width:100%;margin-bottom:15px}
.lb-periods button{padding:6px 12px;min-height:34px;font-size:11px}
.lb-periods button[aria-pressed=true]{background:var(--lb-panel);color:var(--lb-ink)}
.lb-periods button:disabled{opacity:.38;cursor:default}
.lb-window{font-size:12px;font-weight:700;color:var(--lb-orange);margin:0 0 12px}
.lb-rule{color:var(--lb-muted);font-size:12px;line-height:1.7;max-width:720px;margin:0}
.lb-table{width:100%;border-collapse:collapse;table-layout:fixed}
.lb-table thead th{color:var(--lb-muted);background:var(--lb-panel);text-align:left;font-size:10px;font-weight:700;letter-spacing:.04em;padding:15px 28px;line-height:1.4}
.lb-table .lb-rank-heading{width:92px}
.lb-table .lb-value-heading{width:185px;text-align:right}
.lb-table tbody tr{border-bottom:1px solid var(--lb-line)}
.lb-table tbody tr:last-child{border-bottom:0}
.lb-table tbody th,.lb-table tbody td{padding:17px 28px;text-align:left;line-height:1.4}
.lb-rank{font-size:13px;color:var(--lb-muted);font-weight:700;font-variant-numeric:tabular-nums}
.lb-username{font-size:14px;font-weight:650;overflow-wrap:anywhere}
.lb-table tbody .lb-value{text-align:right;font-weight:750;font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.lb-member{display:flex;align-items:center;gap:14px;width:100%;padding:0;border:0;background:transparent;text-align:left;color:inherit;font:inherit;cursor:pointer}
.lb-member:hover .lb-name{text-decoration:underline;text-underline-offset:3px}
.lb-avatar{position:relative;display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;overflow:hidden;border-radius:50%;background:var(--lb-panel);color:var(--lb-muted);font-size:14px;font-weight:700;box-shadow:0 0 0 1px var(--lb-line)}
.lb-avatar img{position:absolute;max-width:none;display:block;object-fit:fill}
.lb-identity{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.lb-name{font-size:14px;font-weight:750;line-height:1.4}
.lb-handle{font-size:11px;font-weight:550;color:var(--lb-muted);line-height:1.4;overflow-wrap:anywhere}
.lb-meta{font-size:10px;line-height:1.6;color:var(--lb-muted);font-weight:450;margin-top:2px;overflow-wrap:anywhere}
.lb-activity{display:inline-flex;align-items:center;gap:5px;max-width:100%;font-size:10px;line-height:1.6;color:var(--lb-muted);font-weight:450;overflow-wrap:anywhere}
.lb-activity.is-active{color:#41845d}
.lb-activity.is-active::before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor}
.lb-profile-badges{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:4px}
.lb-tier{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:4px;border:1px solid var(--lb-line);border-radius:6px;padding:3px 6px;font-size:9px;line-height:1.2;font-weight:750;white-space:nowrap}
.lb-tier img{width:10px;height:10px;object-fit:contain;opacity:.8}
.lb-tier-silver{color:#586775;border-color:#9daaba55;background:linear-gradient(120deg,#bbc5ce28,#e5edf221)}
.lb-tier-gold{color:#956019;border-color:#d2a34955;background:linear-gradient(120deg,#d2a34922,#fdebc228)}
.lb-tier-diamond{color:#286cac;border-color:#76b7df55;background:linear-gradient(120deg,#76b7df28,#b3c6fb22)}
.lb-tier-free{color:var(--lb-muted);font-weight:550}
.lb-streak{font-size:9px;line-height:1.4;font-weight:650;white-space:nowrap}
.lb-streak-new{color:#b55f22}.lb-streak-warm{color:#bb4352}.lb-streak-steady{color:#b9447a}.lb-streak-long{color:#8555bc}
.lb-rank-change,.lb-value-change{display:block;font-size:10px;line-height:1.5;font-weight:650;letter-spacing:0;margin-top:5px}
.lb-rank-change.is-up,.lb-value-change.is-up{color:#41845d}.lb-rank-change.is-down,.lb-value-change.is-down{color:#b55d68}
.lb-profile-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:32px;border:1px solid var(--lb-line);border-radius:28px;background:var(--lb-paper);color:var(--lb-ink);box-sizing:border-box;box-shadow:0 24px 100px #0004}
.lb-profile-dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}
.lb-profile-close{position:absolute;right:16px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:var(--lb-panel);color:var(--lb-ink);font-size:24px;cursor:pointer}
.lb-profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center}
.lb-profile-hero .lb-avatar{width:88px;height:88px;flex-basis:88px;margin-bottom:17px}
.lb-profile-name{font-size:25px;line-height:1.2;margin:0 0 5px;letter-spacing:-.035em}
.lb-profile-handle{font-size:12px;color:var(--lb-muted);margin:0 0 12px}
.lb-profile-hero .lb-tier{font-size:11px;padding:4px 9px}
.lb-profile-details{text-align:center;padding:21px 0}
.lb-profile-details p{font-size:12px;margin:5px 0;color:var(--lb-muted)}
.lb-profile-details .lb-streak{display:inline-block;font-size:11px;margin:5px 0}
.lb-profile-details .lb-profile-active{font-size:11px;margin-top:13px}
.lb-profile-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--lb-line);padding-top:20px;gap:12px;text-align:center}
.lb-profile-scores span{font-size:10px;color:var(--lb-muted);display:block;margin-bottom:7px}
.lb-profile-scores strong{font-size:19px;font-weight:750;font-variant-numeric:tabular-nums}
:root[data-theme=dark] .lb-tier img{filter:invert(1)}
:root[data-theme=dark] .lb-tier-silver{color:#ced9e2}
:root[data-theme=dark] .lb-tier-gold{color:#e8c985}
:root[data-theme=dark] .lb-tier-diamond{color:#94c9f0}
:root[data-theme=dark] .lb-streak-new{color:#f2aa71}:root[data-theme=dark] .lb-streak-warm{color:#f38a99}:root[data-theme=dark] .lb-streak-steady{color:#ee97bd}:root[data-theme=dark] .lb-streak-long{color:#b99de0}
.lb-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;padding:30px 24px;text-align:center;background:var(--lb-paper)}
.lb-message p{max-width:560px;margin:16px 0 0;font-size:13px;color:var(--lb-muted);line-height:1.65}
.better-leaderboard[data-lb-has-results=true] .lb-message{flex-direction:row;min-height:0;gap:12px;padding:18px 0;border-top:1px solid var(--lb-line)}
.better-leaderboard[data-lb-has-results=true] .lb-message p{margin:0;text-align:left}
.better-leaderboard[data-lb-has-results=true] .lb-message .lb-state-mark{width:22px;height:22px;flex-shrink:0}
.lb-state-mark{width:30px;height:30px;border:2px solid var(--lb-line);border-radius:50%;border-top-color:var(--lb-orange)}
.lb-message[data-state=loading] .lb-state-mark{animation:lb-rotate 1s linear infinite}
.lb-message[data-state=empty] .lb-state-mark{border-color:var(--lb-line);box-shadow:inset 0 0 0 7px var(--lb-paper);background:var(--lb-panel)}
.lb-message[data-state=error] .lb-state-mark{border-color:var(--lb-orange);position:relative}
.lb-message[data-state=error] .lb-state-mark::after{content:'!';position:absolute;inset:0;display:grid;place-items:center;color:var(--lb-orange);font-size:17px;font-weight:700}
.lb-pagination{display:flex;justify-content:center;padding:0 28px}
.lb-pagination button{border:1px solid var(--lb-line);border-radius:30px;background:var(--lb-panel);color:var(--lb-ink);padding:12px 22px;font:inherit;font-size:12px;font-weight:700;min-height:44px;margin:20px 0;cursor:pointer}
.lb-pagination button:disabled{opacity:.5;cursor:wait}
.lb-sync{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--lb-line);padding:17px 28px;color:var(--lb-muted);font-size:10px;line-height:1.7}
.lb-sync p{font-size:10px;margin:0;line-height:1.7;color:var(--lb-muted)}
.lb-sharing{display:flex;gap:11px;align-items:flex-start;margin:20px 4px 0;max-width:860px}
.lb-sharing svg{width:18px;height:21px;flex-shrink:0;color:var(--lb-orange);stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.lb-sharing p,.lb-no-js{font-size:11px;line-height:1.8;color:var(--lb-muted);margin:0}
.lb-no-js{padding:15px 4px}
.better-leaderboard [hidden]{display:none!important}
.better-leaderboard button:focus-visible{outline:2px solid var(--lb-orange);outline-offset:3px}
.lb-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root[data-theme=dark] .lb-metrics button[aria-pressed=true]{color:#171b20}
@keyframes lb-rotate{to{transform:rotate(360deg)}}
@media(max-width:700px){.better-leaderboard{padding-block:66px}.lb-heading{display:block;margin-bottom:25px}.lb-heading h1,.lb-heading h2{font-size:37px}.lb-intro{font-size:14px}.lb-board{border-radius:23px}.lb-toolbar{padding:18px 16px;gap:9px;align-items:flex-start}.lb-metrics{gap:1px;padding:4px;border-radius:23px}.lb-metrics button{padding:9px 11px;font-size:10px;min-height:40px}.lb-refresh{padding:12px;min-width:42px}.lb-refresh span{display:none}.lb-context{padding:0 18px 19px}.lb-table thead th{padding:13px 18px}.lb-table .lb-rank-heading{width:66px}.lb-table .lb-value-heading{width:120px}.lb-table tbody th,.lb-table tbody td{padding:16px 18px}.lb-username{font-size:12px}.lb-table tbody .lb-value{font-size:14px}.lb-sync{padding:15px 18px;align-items:flex-start;flex-direction:column;gap:3px}.lb-sharing{margin:18px 0 0}.lb-message{min-height:175px}}
@media(max-width:380px){.lb-metrics button{padding-inline:8px}.lb-table .lb-rank-heading{width:56px}.lb-table .lb-value-heading{width:100px}.lb-table thead th,.lb-table tbody th,.lb-table tbody td{padding-inline:13px}}
@media(max-width:700px){.lb-toolbar{flex-wrap:wrap}.lb-table .lb-rank-heading{width:38px}.lb-table .lb-value-heading{width:85px}.lb-table thead th,.lb-table tbody th,.lb-table tbody td{padding-left:10px;padding-right:10px}.lb-member{gap:9px;align-items:flex-start}.lb-avatar{width:38px;height:38px;flex-basis:38px}.lb-name{font-size:12px}.lb-handle{font-size:9px}.lb-meta{font-size:9px;line-height:1.6}.lb-profile-badges{gap:4px}.lb-tier,.lb-streak{font-size:8px}.lb-table tbody .lb-value{font-size:13px}.lb-rank{font-size:11px}.lb-profile-dialog{padding:29px 22px}.lb-profile-scores{gap:8px}.lb-profile-scores strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.lb-message[data-state=loading] .lb-state-mark{animation:none}.lb-metrics button,.lb-periods button{transition:none}}

/* The app's bottom-aligned 2 / 1 / 3 podium, followed by a separate member list. */
.better-leaderboard{--lb-podium-accent:#d97447;--lb-podium-rgb:217,116,71}
.better-leaderboard[data-leaderboard-metric=sleep]{--lb-podium-accent:#8177bf;--lb-podium-rgb:129,119,191}
.better-leaderboard[data-leaderboard-metric=aging_pace]{--lb-podium-accent:#4b957a;--lb-podium-rgb:75,149,122}
.lb-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:20px;max-width:800px;margin:0 auto;padding:36px 28px 30px;list-style:none}
.lb-podium-place{grid-row:1;min-width:0;margin:0;padding:0;--lb-podium-height:38px;--lb-podium-avatar:72px;--lb-podium-opacity:.12}
.lb-podium-place[data-lb-place="1"]{grid-column:2;--lb-podium-height:64px;--lb-podium-avatar:92px;--lb-podium-opacity:.23}
.lb-podium-place[data-lb-place="2"]{grid-column:1;--lb-podium-height:44px}
.lb-podium-place[data-lb-place="3"]{grid-column:3;--lb-podium-height:30px}
.lb-podium .lb-member{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;min-width:0}
.lb-podium-avatar{position:relative;display:block;width:var(--lb-podium-avatar);height:var(--lb-podium-avatar);margin:0 auto 3px}
.lb-podium .lb-avatar{width:100%;height:100%;font-size:23px;box-shadow:0 0 0 1px var(--lb-line),0 8px 24px rgba(var(--lb-podium-rgb),.09)}
.lb-podium-avatar>.lb-rank{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;min-width:25px;height:25px;padding:0 4px;border:3px solid var(--lb-paper);border-radius:50%;background:var(--lb-ink);color:var(--lb-paper);font-size:11px;line-height:1;font-weight:700;box-sizing:content-box}
.lb-podium-avatar .lb-rank-change{position:absolute;top:-19px;right:0;white-space:nowrap;margin:0;font-size:9px}
.lb-podium .lb-identity{align-items:center;justify-content:flex-start;gap:3px;min-height:105px;width:100%}
.lb-podium .lb-name{font-size:14px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.lb-podium .lb-handle{font-size:10px;max-width:100%}
.lb-podium .lb-profile-badges{justify-content:center;gap:5px;margin-top:3px}
.lb-podium .lb-meta{display:block;box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.6}
.lb-podium .lb-activity{justify-content:center;font-size:9px;line-height:1.6;text-wrap:balance}
.lb-podium .lb-value{font-size:27px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-.045em;color:var(--lb-ink);max-width:100%;overflow-wrap:anywhere}
.lb-podium-place[data-lb-place="1"] .lb-value{font-size:34px}
.lb-podium .lb-value-change{font-size:10px;letter-spacing:0;margin-top:3px}
.lb-podium-base{position:relative;display:grid;place-items:center;flex:none;width:100%;height:var(--lb-podium-height);margin-top:2px;border-radius:15px 15px 8px 8px;background:linear-gradient(180deg,rgba(var(--lb-podium-rgb),var(--lb-podium-opacity)),rgba(var(--lb-podium-rgb),.025));color:var(--lb-podium-accent)}
.lb-podium-base::before{content:'';position:absolute;top:0;left:calc(50% - 17px);width:34px;height:2px;border-radius:2px;background:currentColor;opacity:.4}
.lb-podium-place[data-lb-place="1"] .lb-podium-base::before{opacity:.8}
.lb-podium-mark{display:block;width:22px;height:22px;opacity:.75;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 21C1 15 2 7 7 3M16 21c7-6 6-14 1-18M5 7 3 6m2 5-3-1m4 5-3-1m5 5-3-1m14-11 2-1m-2 5 3-1m-4 5 3-1m-5 5 3-1' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.lb-podium-place[data-lb-place="1"] .lb-podium-mark{width:26px;height:26px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 6 4 5 5-7 5 7 4-5-2 12H5L3 6Zm3 15h12' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.lb-table-container{padding-inline:24px}
.lb-list{overflow:hidden;border:1px solid var(--lb-line);border-radius:22px;margin-bottom:24px}
.lb-list .lb-table thead th{background:transparent;padding-top:20px;padding-bottom:10px;font-weight:550}
.lb-list .lb-table tbody th,.lb-list .lb-table tbody td{padding-top:18px;padding-bottom:18px}
@media(max-width:700px){.lb-podium{gap:10px;padding:29px 16px 24px}.lb-podium-place{--lb-podium-avatar:54px}.lb-podium-place[data-lb-place="1"]{--lb-podium-avatar:68px;--lb-podium-height:58px}.lb-podium-place[data-lb-place="2"]{--lb-podium-height:38px}.lb-podium-place[data-lb-place="3"]{--lb-podium-height:26px}.lb-podium .lb-member{gap:9px}.lb-podium-avatar>.lb-rank{min-width:20px;height:20px;padding-inline:2px;font-size:10px;border-width:2px}.lb-podium .lb-avatar{font-size:18px}.lb-podium .lb-identity{min-height:115px;gap:3px}.lb-podium .lb-name{font-size:12px}.lb-podium .lb-handle,.lb-podium .lb-meta,.lb-podium .lb-activity{font-size:8px}.lb-podium .lb-meta.lb-country-location{padding-inline-start:17px}.lb-podium .lb-country-flag{width:13px;height:10px;top:.25em}.lb-podium .lb-tier,.lb-podium .lb-streak{font-size:8px}.lb-podium .lb-value{font-size:22px}.lb-podium-place[data-lb-place="1"] .lb-value{font-size:27px}.lb-podium-base{border-radius:12px 12px 7px 7px}.lb-podium-mark{width:17px;height:17px}.lb-podium-place[data-lb-place="1"] .lb-podium-mark{width:22px;height:22px}.lb-table-container{padding-inline:12px}.lb-list{border-radius:17px;margin-bottom:18px}}
@media(max-width:380px){.lb-podium{gap:7px;padding-inline:10px}.lb-podium .lb-value{font-size:19px}.lb-podium-place[data-lb-place="1"] .lb-value{font-size:24px}.lb-podium .lb-tier{padding:3px 4px}.lb-podium .lb-profile-badges{gap:4px}}
