.tabs{grid-template-columns:repeat(4,1fr)}.tabs i{position:relative}.tabs sup{position:absolute;top:-3px;margin-left:-4px;min-width:15px;height:15px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:9px;line-height:15px;font-weight:900}.joint-rest-timer>span{display:block;margin:15px 0 7px;color:var(--lime);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.joint-rest-timer .timer-ring{width:126px;height:126px;margin-bottom:6px}.joint-rest-timer .timer-ring span{font-size:29px}
.friend-code{padding:16px;border:1px solid #52663d;border-radius:23px;background:linear-gradient(145deg,#213020,#121916);margin-bottom:18px}.friend-code-identity{display:flex;align-items:center;gap:16px;margin-bottom:12px}.friend-code-qr{flex:0 0 88px;background:#fff;border-radius:10px;overflow:hidden}.friend-code-qr .friend-qr-svg{display:block;width:88px;height:88px}.friend-code-copy{min-width:0;flex:1}.friend-code-copy .eyebrow{font-size:10px;letter-spacing:.1em}.friend-code-value{display:block;max-width:100%;min-height:40px;margin:2px 0;padding:0;border:0;background:none;color:var(--lime);font-size:21px;letter-spacing:.08em;font-weight:850;user-select:all;text-align:left}.friend-code-value:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}.friend-code-copy small{display:block;color:var(--muted);font-size:10px;line-height:1.4}.friend-code p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.scan-friend-button{width:100%;min-height:48px;margin:0 0 8px;border:1px solid #6d824f;border-radius:13px;background:#202e1d;color:var(--lime);font-weight:850}.social-section{margin:18px 0}.social-section.urgent{padding:14px;border:1px solid #5d7045;border-radius:22px;background:#182218}.social-person{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid var(--line)}.social-person>span,.joint-picker button>span{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--panel2);color:var(--lime);font-weight:900}.social-person>div:nth-child(2){flex:1;min-width:0}.social-person b,.social-person small{display:block}.social-person small{margin-top:3px;color:var(--muted);font-size:11px}.social-actions{display:flex!important;gap:5px}.social-actions button{min-height:40px;padding:0 10px;border:0;border-radius:11px;background:var(--lime);color:#10170c;font-size:11px;font-weight:850}.social-actions .muted-action{background:var(--panel2);color:var(--muted)}.friend-form{display:grid;grid-template-columns:1fr auto;gap:8px}.friend-form input{text-transform:uppercase;letter-spacing:.08em}.social-pending{padding:11px;border-radius:12px;background:var(--panel);color:var(--muted);font-size:11px}.joint-picker button{width:100%;display:flex;align-items:center;gap:12px;min-height:64px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);text-align:left}.joint-picker button b{flex:1}.joint-picker button i{color:var(--lime);font-size:24px;font-style:normal}.joint-banner{display:flex;align-items:center;gap:11px;padding:12px 14px;margin:-4px 0 13px;border:1px solid #52663d;border-radius:17px;background:#19251a}.joint-banner>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--lime);color:#111;font-size:22px}.joint-banner.friend-turn{border-color:var(--line);background:var(--panel)}.joint-banner.friend-turn>span{background:var(--panel2);color:var(--muted)}.joint-banner b,.joint-banner small{display:block}.joint-banner small{margin-top:3px;color:var(--muted);font-size:10px}.joint-wait{text-align:center;padding:29px 18px;border:1px solid var(--line);border-radius:22px;background:var(--panel);margin-bottom:12px}.joint-pulse{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;background:var(--panel2);color:var(--lime);font-size:28px;animation:jointPulse 1.6s ease-in-out infinite}.joint-wait h2{font-size:25px;margin:7px 0}.joint-wait p{color:var(--muted);font-size:13px;line-height:1.5}.partner-progress{margin-top:17px;padding:11px;border-radius:13px;background:#101713;color:var(--muted);font-size:11px}.partner-progress b{color:var(--lime)}.plan-joint{margin-top:8px}@keyframes jointPulse{50%{transform:scale(1.06);box-shadow:0 0 0 9px #baf54b0b}}
.profile-action{min-height:38px;padding:0 10px;border:0;border-radius:11px;background:var(--panel2);color:var(--muted);font-size:11px;font-weight:850}.friend-profile{text-align:center;padding:12px 0 7px}.friend-profile>span{width:72px;height:72px;margin:auto;display:grid;place-items:center;border-radius:24px;background:var(--lime);color:#10170c;font-size:28px;font-weight:900}.friend-profile h2{margin:12px 0 4px}.friend-profile p{margin:0;color:var(--muted)}.friend-profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;margin-top:20px;text-align:left}.friend-profile-stats div{padding:12px;border-radius:14px;background:var(--panel)}.friend-profile-stats b,.friend-profile-stats small{display:block}.friend-profile-stats b{font-size:14px}.friend-profile-stats small{margin-top:4px;color:var(--muted);font-size:10px}.friend-profile-loading{padding:35px 0;text-align:center;color:var(--muted)}.workout-friend-button{width:100%;margin:-2px 0 13px;padding:9px;border:1px dashed var(--line);border-radius:13px;background:var(--panel);color:var(--lime)}.joint-invite-wait{margin-top:12px}.joint-invite-wait .btn{margin-top:18px}
.friend-swipe{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.friend-swipe-content{position:relative;z-index:1;background:var(--bg);transition:transform .2s ease;touch-action:pan-y}.friend-swipe.revealed .friend-swipe-content{transform:translateX(-88px)}.friend-swipe .social-person{border-bottom:0}.friend-delete-action{position:absolute;inset:0 0 0 auto;width:88px;border:0;border-radius:12px;background:#a93636;color:#fff;font-weight:800}
.friend-profile-plan{display:grid;gap:8px;margin-top:12px;text-align:left}.friend-profile-plan>div{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:var(--panel)}.friend-profile-plan span{color:var(--muted);font-size:11px}.friend-profile-plan b{font-size:12px;text-align:right}