/* Library Passport social identity + leaderboards */
.leaderboard-view{padding-top:54px}.leaderboard-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.leaderboard-intro p:last-child{max-width:580px;margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.leaderboard-tabs{display:flex;gap:7px;overflow:auto;padding:4px;margin-bottom:14px;border:1px solid var(--line);border-radius:13px;background:#ece6da;width:max-content;max-width:100%}.leaderboard-tabs button{flex:0 0 auto;padding:9px 13px;border:0;border-radius:9px;background:transparent;color:#756e64;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.leaderboard-tabs button.is-active{background:var(--paper);color:var(--green-dark);box-shadow:0 3px 12px #263b3214}.leaderboard-card{padding:10px 18px 18px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.leaderboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 2px 10px;border-bottom:1px solid #ece5d9}.leaderboard-card-head strong{font:600 20px Georgia,serif}.leaderboard-card-head span{color:var(--muted);font-size:10px}.leaderboard-list{display:grid}.leaderboard-row{display:grid;grid-template-columns:54px 48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 5px;border-bottom:1px solid #eee7dc}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row.is-you{margin:4px -7px;padding-inline:12px;border:1px solid #add2c1;border-radius:13px;background:#edf7f1}.leader-rank{color:#827a6e;font-size:12px;font-weight:850;text-align:center}.leader-avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:var(--green-soft);font-size:22px}.leader-copy{min-width:0}.leader-copy strong,.leader-copy span{display:block}.leader-copy strong{font-size:13px}.leader-copy strong em{margin-left:6px;padding:2px 5px;border-radius:5px;background:var(--green-dark);color:#fff;font-size:7px;font-style:normal;letter-spacing:.08em}.leader-copy span{margin-top:3px;color:var(--muted);font-size:10px}.leader-score{text-align:right}.leader-score strong,.leader-score span{display:block}.leader-score strong{font:600 20px Georgia,serif;color:var(--green-dark)}.leader-score span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.leaderboard-empty{display:grid;place-items:center;padding:55px 20px;text-align:center}.leaderboard-empty>span{font-size:35px}.leaderboard-empty strong{margin-top:8px;font:600 20px Georgia,serif}.leaderboard-empty p{margin:6px 0 0;color:var(--muted);font-size:11px}
.social-profile-card{grid-column:1/-1;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.social-profile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.social-profile-heading h2{margin:2px 0 5px;font:600 27px Georgia,serif}.social-profile-heading p{max-width:650px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}.social-identity{display:flex;align-items:center;gap:13px;min-width:220px}.social-identity .profile-avatar{flex:0 0 auto}.social-identity strong,.social-identity span{display:block}.social-identity strong{font:600 16px Georgia,serif}.social-identity span{margin-top:3px;color:var(--muted);font-size:9px}.social-profile-form{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.social-profile-form label{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.social-profile-form input{display:block;margin-top:6px;text-transform:none;letter-spacing:0;font-weight:450}.nickname-field{position:relative}.nickname-control{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:6px}.nickname-control input{margin:0}.tiny-action{padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#f8f4eb;color:var(--green-dark);font-weight:800;cursor:pointer}.avatar-control{display:flex;align-items:center;gap:9px;margin-top:6px}.avatar-control .profile-avatar{width:45px;height:45px;font-size:22px}.avatar-control button{height:45px}.social-toggle{grid-column:1/-1;display:flex!important;align-items:flex-start;gap:10px;padding:13px;border:1px solid #d9d1c4;border-radius:12px;background:#fbf8f1;text-transform:none!important;letter-spacing:0!important}.social-toggle input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--green)}.social-toggle span{font-size:11px;font-weight:650}.social-toggle small{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:450;line-height:1.45}.social-form-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px}.social-form-actions button[type=submit]{padding:11px 15px;border:0;border-radius:10px;background:var(--green-dark);color:#fff;font-weight:800;cursor:pointer}.social-form-actions .status{margin:0}
@media(max-width:760px){.leaderboard-view{padding-top:25px}.leaderboard-intro{display:block}.leaderboard-tabs{width:100%;margin-top:16px}.leaderboard-tabs button{flex:1}.leaderboard-card{padding:7px 10px 12px;border-radius:17px;box-shadow:none}.leaderboard-card-head{display:block;padding-inline:7px}.leaderboard-card-head span{display:block;margin-top:4px}.leaderboard-row{grid-template-columns:38px 40px minmax(0,1fr) auto;gap:8px;padding:11px 2px}.leader-avatar{width:38px;height:38px;font-size:20px}.leader-copy strong{font-size:11px}.leader-score strong{font-size:17px}.social-profile-card{padding:19px;box-shadow:none}.social-profile-heading{display:block}.social-identity{margin-top:16px}.social-profile-form{grid-template-columns:1fr}.social-toggle,.social-form-actions{grid-column:auto}.social-form-actions{display:grid}.social-form-actions button{width:100%}.mobile-tabbar{grid-template-columns:repeat(5,1fr)!important}.mobile-tabbar button small{font-size:8px}.mobile-tabbar button>span{font-size:19px}}