.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-hero{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--gray-100)}.group-detail-hero--mobile{border-radius:0;margin:0;min-height:400px}.group-detail-hero__image-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--space-xs);gap:var(--space-xs);height:400px}.group-detail-hero__image-large{position:relative;height:100%}.group-detail-hero__image-side{display:grid;grid-template-rows:1fr 1fr;grid-gap:var(--space-xs);gap:var(--space-xs);height:100%}.group-detail-hero__photo{position:relative;width:100%;height:100%;background-color:var(--gray-200);overflow:hidden}.group-detail-hero__image{object-fit:cover;width:100%;height:100%;transition:transform .3s ease}.group-detail-hero__photo:hover .group-detail-hero__image{transform:scale(1.02)}.group-detail-hero__placeholder-gradient{width:100%;height:100%;background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%)}.group-detail-hero__map-container{width:100%;height:100%;position:relative}.group-detail-hero__map-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.group-detail-hero__map-button{position:absolute;bottom:var(--space-md);right:var(--space-md);background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-900);box-shadow:var(--shadow-sm);cursor:pointer;z-index:10;display:flex;align-items:center;gap:var(--space-xs);transition:all .2s ease}@media (min-width:769px){.group-detail-hero__map-button{bottom:var(--space-3xl)}}.group-detail-hero__map-button:hover{background-color:var(--gray-50);transform:translateY(-1px);box-shadow:var(--shadow-md)}.group-detail-hero__map-button--mobile{width:60px;height:60px;padding:0;border:3px solid var(--white);border-radius:var(--radius-md);overflow:hidden;background-color:var(--gray-100)}.group-detail-hero__map-button--mobile:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.group-detail-hero__map-button-image{object-fit:cover;width:100%;height:100%}.group-detail-hero__carousel-wrapper{position:relative;width:100%}.group-detail-hero__carousel{overflow:hidden}.group-detail-hero__carousel-track{display:flex}.group-detail-hero__carousel-track .group-detail-hero__photo{flex:0 0 100%;min-width:0}.group-detail-hero__dots{position:absolute;bottom:var(--space-md);left:50%;transform:translateX(-50%);display:flex;gap:var(--space-xs);z-index:10;background-color:rgba(0,0,0,.3);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-full)}.group-detail-hero__dot{width:6px;height:6px;border-radius:50%;background-color:rgba(255,255,255,.5);transition:all .2s ease}.group-detail-hero__dot.is-active{background-color:var(--white);transform:scale(1.2)}.group-detail-hero__link-container{position:absolute;top:var(--space-md);right:var(--space-md);z-index:10}.group-detail-hero__photos-link{background-color:rgba(255,255,255,.9);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-900);text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);transition:all .2s ease}.group-detail-hero__photos-link:hover{background-color:var(--white);transform:translateY(-1px)}.group-detail-hero__back-btn{position:absolute;top:var(--space-md);left:var(--space-md);width:40px;height:40px;border-radius:50%;background-color:var(--white);border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--gray-900);box-shadow:var(--shadow-md);z-index:20;cursor:pointer;transition:transform .2s ease}.group-detail-hero__back-btn:active{transform:scale(.95)}.group-detail-hero__actions{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;gap:var(--space-sm);z-index:20}.group-detail-hero__action-btn{width:48px;height:48px;border-radius:50%;background-color:var(--white);border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-900);box-shadow:var(--shadow-md);cursor:pointer;transition:transform .2s ease}.group-detail-hero__action-btn:active{transform:scale(.95)}.group-detail-hero__skeleton{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--space-xs);gap:var(--space-xs);height:400px;background-color:var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-xs);box-sizing:border-box}.group-detail-hero__skeleton-main{height:100%}.group-detail-hero__skeleton-main,.group-detail-hero__skeleton-small{background-color:var(--gray-200);border-radius:var(--radius-md);animation:pulse 1.5s infinite}.group-detail-hero__skeleton-small{height:calc(50% - var(--space-2xs))}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width:768px){.group-detail-hero__image-grid{display:none}.group-detail-hero__skeleton{display:block;height:400px}}.group-detail-hero__mobile-menu-container{position:relative}.group-detail-hero__mobile-menu{position:absolute;top:100%;right:0;margin-top:var(--space-xs);background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:30;overflow:hidden;display:flex;flex-direction:column}.group-detail-hero__mobile-menu-item{padding:var(--space-sm) var(--space-md);text-align:left;background:none;border:none;font-size:var(--font-size-sm);color:var(--gray-800);cursor:pointer;text-decoration:none;display:block;width:100%;box-sizing:border-box;transition:background-color .2s}.group-detail-hero__mobile-menu-item:hover{background-color:var(--gray-100)}@media (max-width:768px){.group-detail-hero__link-container{display:none}}.group-header{margin:0 0 var(--space-lg)}.group-header__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm);color:var(--text-primary);line-height:var(--line-height-heading)}.group-header__location{font-size:var(--font-size-lg);color:var(--gray-600);margin:0 0 var(--space-xs);line-height:var(--line-height-body)}.group-header__meta-row{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xs) 0 var(--space-sm)}.group-header__members{font-size:var(--font-size-md);color:var(--gray-500);margin:0;line-height:var(--line-height-body);font-weight:var(--font-weight-medium)}.group-header__public-indicator{display:inline-flex;align-items:center;gap:var(--space-xs)}.group-header__avatars-wrap{position:relative;margin:0}.group-header__avatars-button{padding:0;border:none;background:none;display:inline-flex;align-items:center;cursor:pointer}.group-header__members-modal-overlay{position:fixed;inset:0;background:var(--gray-900);display:flex;align-items:center;justify-content:center;z-index:1000}.group-header__members-modal{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:var(--width-md);width:90%;box-shadow:var(--shadow-lg)}.group-header__members-modal-title{margin:0 0 var(--space-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.group-header__members-modal-empty{margin:0 0 var(--space-md);color:var(--gray-600)}.group-header__members-modal-list{list-style:none;padding:0;margin:0 0 var(--space-md);max-height:80vh;overflow-y:auto}.group-header__members-modal-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.group-header__members-modal-avatar{border-radius:50%;object-fit:cover}.group-header__members-modal-name{font-size:var(--font-size-md);color:var(--gray-900)}.group-header__members-modal-close{width:100%;border:none;border-radius:var(--radius-md);padding:var(--space-sm);background:var(--gray-900);color:var(--white);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer}.group-header__avatars{display:flex;gap:0}.group-header__avatar{border-radius:50%;border:2px solid var(--white);width:20px;height:20px;object-fit:cover;margin-left:calc(var(--space-xs) * -1)}.group-header__avatar:first-child{margin-left:0}.group-header__peek-spacer{width:20px;flex:0 0 auto}.group-header__fade{position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(to left,var(--surface),transparent);pointer-events:none}.group-header__more-pill{position:absolute;right:52px;top:0;background:var(--gray-900);color:var(--white);border-radius:var(--radius-full);padding:0 6px;line-height:20px;height:20px;font-size:var(--font-size-xs)}@media (max-width:767px){.group-header{margin:var(--space-md) 0}.group-header__title{font-size:var(--font-size-2xl)}.group-header__location{font-size:var(--font-size-md)}.group-header__members{font-size:var(--font-size-sm)}}