.profile-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:12px;box-shadow:var(--shadow-card)}.profile-card-avatar{width:64px;height:64px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.profile-card-avatar img{width:100%;height:100%;object-fit:cover}.profile-card-avatar-placeholder{width:100%;height:100%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--text-inverse)}.profile-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-card-name{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.profile-card-username{font-size:14px;color:var(--text-tertiary)}.profile-card-settings{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:background .2s}.profile-card-settings:active{background:var(--bg-elevated)}.invite-block{padding:16px;background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:16px;box-shadow:var(--shadow-card)}.invite-block-title{margin:0 0 12px;font-size:14px;color:var(--text-tertiary)}.invite-block-row{display:flex;gap:8px}.invite-block-link-container{flex:1;display:flex;align-items:center;background:var(--bg-primary);border-radius:var(--radius-md);padding:4px 4px 4px 14px;min-width:0;height:52px}.invite-block-link{flex:1;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-block-copy{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--bg-elevated);border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .2s}.invite-block-copy:active{background:var(--border-medium)}.invite-block-copy.copied{background:var(--accent-like);color:var(--text-inverse);font-size:18px}.invite-block-qr{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;background:var(--bg-primary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .2s}.invite-block-qr:active{background:var(--bg-elevated)}.friend-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:8px;box-shadow:var(--shadow-card)}.friend-row-avatar{width:48px;height:48px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.friend-row-avatar img{width:100%;height:100%;object-fit:cover}.friend-row-avatar-placeholder{width:100%;height:100%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--text-inverse)}.friend-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-row-name{font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-row-username{font-size:14px;color:var(--text-tertiary)}.friend-row-menu{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:background .2s}.friend-row-menu:active{background:var(--bg-elevated)}.friends-tab{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.friends-header{padding:8px 16px 12px;padding-top:calc(20px + var(--tg-viewport-content-safe-area-inset-top, var(--tg-viewport-safe-area-inset-top, env(safe-area-inset-top, 0px))));flex-shrink:0;text-align:center;background:var(--bg-primary)}.friends-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.friends-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:16px}.friends-fixed{flex-shrink:0;padding:12px 12px 0}.friends-list-header{margin:8px 0 0 4px;padding-bottom:12px;font-size:14px;font-weight:600;color:var(--text-tertiary)}.friends-scrollable{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 12px 12px;scrollbar-width:thin;scrollbar-color:transparent transparent}.friends-scrollable:hover{scrollbar-color:var(--bg-elevated) transparent}.friends-scrollable::-webkit-scrollbar{width:6px}.friends-scrollable::-webkit-scrollbar-track{background:transparent}.friends-scrollable::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .2s}.friends-scrollable:hover::-webkit-scrollbar-thumb{background:var(--bg-elevated)}.friends-scrollable:hover::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.friends-list{display:flex;flex-direction:column}.friends-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center}.friends-empty-icon{font-size:64px;margin-bottom:16px}.friends-empty-title{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary)}.friends-empty-text{margin:0 0 24px;font-size:14px;color:var(--text-tertiary)}.friends-empty-btn{padding:12px 24px;background:var(--accent-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer}