.group-client{display:flex;flex-direction:column;gap:var(--space-2xl);max-width:100%;margin:0 auto;box-sizing:border-box}.mobile-save-bar{position:fixed;bottom:0;left:0;width:100%;padding:var(--space-md);background-color:var(--white);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;z-index:1000;gap:var(--space-sm)}@media (min-width:768px){.mobile-save-bar{display:none}}.join-btn{flex:1 1;height:var(--height-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--white);background-color:var(--primary-800);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .2s ease}.join-btn:hover{opacity:var(--opacity-80)}.join-modal{padding:var(--space-lg);background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:var(--width-md);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md);font-size:var(--font-size-md);color:var(--gray-900)}.join-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--space-sm);text-align:center}.join-modal__email-input{padding:var(--space-sm);font-size:var(--font-size-md);border:var(--border-width-thin) solid var(--gray-200);border-radius:var(--radius-sm);width:100%;outline:none}.join-modal__email-input:focus{border-color:var(--primary-800);box-shadow:0 0 0 2px var(--primary-100)}.join-modal__button{padding:var(--space-sm);font-size:var(--font-size-md);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease}.join-modal__button--primary{background-color:var(--primary-800);color:var(--white)}.join-modal__button--secondary{background-color:var(--gray-200);color:var(--gray-700)}.join-modal__button--primary:hover{background-color:var(--success-800)}.join-modal__button--secondary:hover{background-color:var(--gray-100)}.join-group-button{background-color:var(--primary-800);color:var(--white);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);white-space:nowrap;height:auto;line-height:1;border-radius:var(--radius-sm);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}.join-group-button.leave-group{background-color:var(
    --accent-yellow
  );color:var(--gray-900)}.join-group-button:disabled{background-color:var(--gray-600);cursor:not-allowed}.join-group-button:hover:not(:disabled){opacity:var(--opacity-80)}.share-modal{padding:1.5rem;text-align:center;max-width:var(--width-sm)}.share-modal__title{margin-bottom:1rem}.share-modal__qr-code{margin:1rem auto}.share-modal__qr-text{font-size:.9rem;color:var(--gray-600);margin-top:.5rem}.share-modal__social-links{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.share-modal__link{padding:.6rem;border-radius:var(--radius-sm);color:var(--white);text-decoration:none}.share-modal__link--strava{background-color:var(--orange-600)}.share-modal__link--facebook{background-color:var(--blue-800)}.share-modal__link--twitter{background-color:var(--blue-600)}.share-modal__link--linkedin{background-color:var(--blue-800)}.share-modal__link:hover{opacity:.9}.share-modal__close-button{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);cursor:pointer}.share-modal__close-button,.share-modal__close-button:hover{background-color:var(--gray-400)}.claim-group-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background-color:var(--gray-700);color:var(--gray-200);border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-md);transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease;white-space:nowrap}.claim-group-button:disabled{background-color:var(--gray-200);color:var(--gray-600);cursor:not-allowed;box-shadow:none}.claim-group-button:hover:not(:disabled){background-color:var(--primary-800);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.claim-group-modal-overlay{position:fixed;inset:0;background-color:var(--background-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.claim-group-modal{background-color:var(--gray-100);padding:var(--space-lg);border-radius:var(--radius-md);width:90%;max-width:var(--width-lg);box-shadow:var(--shadow-lg);z-index:1001}.claim-group-modal__title{margin-bottom:var(--space-lg);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;color:var(--gray-900)}.claim-group-modal__field{margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);animation:fadeIn .25s ease-in}.claim-group-modal__field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700)}.claim-group-modal__field-input,.claim-group-modal__field-textarea{padding:var(--space-sm);font-size:var(--font-size-md);border:var(--border-width-thin) solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-900);background-color:var(--white);transition:border-color .2s ease,box-shadow .2s ease}.claim-group-modal__field-input:focus,.claim-group-modal__field-textarea:focus{outline:none;border-color:var(--primary-800);box-shadow:0 0 0 2px var(--primary-100)}.claim-group-modal__actions{display:flex;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-lg)}.claim-group-modal__actions-button{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.claim-group-modal__actions-button--primary{background-color:var(--primary-800);color:var(--white)}.claim-group-modal__actions-button--secondary{background-color:var(--gray-200);color:var(--gray-900)}.claim-group-modal__actions-button--primary:hover{background-color:var(--primary-100);color:var(--primary-800)}.claim-group-modal__actions-button--secondary:hover{background-color:var(--gray-100);color:var(--gray-900)}@media screen and (max-width:767px){.claim-group-button{width:auto;font-size:var(--font-size-sm);padding:var(--space-sm)}.claim-group-modal{padding:var(--space-md)}.claim-group-modal__title{font-size:var(--font-size-lg)}.claim-group-modal__field-input,.claim-group-modal__field-textarea{font-size:var(--font-size-sm);padding:var(--space-xs)}.claim-group-modal__actions{flex-direction:column}.claim-group-modal__actions-button{width:100%;font-size:var(--font-size-sm)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.group-detail__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.group-detail__create-event-button{background-color:var(--primary-800);color:var(--white);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease-in-out;border:var(--border-width-thin) solid var(--gray-200)}.group-detail__create-event-button:focus,.group-detail__create-event-button:hover{opacity:var(--opacity-80)}.group-detail__create-event-button:active{opacity:var(--opacity-60)}.group-detail__create-event-button--secondary{background-color:var(--gray-100);color:var(--gray-900);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--gray-200);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.group-detail__create-event-button--secondary:hover{background-color:var(--gray-200)}.group-detail-header__share-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background-color:var(--gray-100);border:var(--border-width-thin) solid var(--gray-200);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-900);cursor:pointer;transition:background-color .2s}.group-detail-header__share-button:hover{background-color:var(--gray-200)}.upload-dropzone{border:2px dashed var(--gray-300);border-radius:var(--radius-md);padding:var(--space-3xl);text-align:center;background-color:var(--gray-50);color:var(--gray-500);font-size:var(--font-size-md);cursor:pointer;transition:background .2s ease-in-out}.upload-dropzone:hover{background-color:var(--gray-100)}.cropper-wrapper{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.cropper-area{position:relative;width:100%;height:var(--space-8xl);background:var(--text-primary);border-radius:var(--radius-md);overflow:hidden}.controls{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;max-width:var(--width-sm)}.controls__label{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--gray-600)}.controls__range-input{width:100%}.controls__button{margin-top:.5rem;background-color:var(--blue-600);color:white;border:none;padding:var(--space-sm) 16px;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.controls__button:hover{background-color:var(--blue-800)}.controls__button:disabled{background-color:var(--gray-300);cursor:not-allowed}