.browse-modes,.recommendation-note{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;display:flex}.segmented{border:1px solid var(--border);background:#f5f8fc;border-radius:10px;gap:4px;padding:4px;display:flex}.segmented button,.quick-filters button{border-radius:7px;min-height:44px;padding:10px 16px;font-size:16px}.segmented button[aria-pressed=true]{background:var(--navy);color:#fff}.sort-control{align-items:center;gap:10px;font-size:14px;display:flex}.sort-control select{border:1px solid var(--border);background:#fff;border-radius:7px;min-height:44px;padding:10px}.quick-filters{flex-wrap:wrap;gap:9px;margin:22px 0;display:flex}.quick-filters button{border:1px solid var(--border);background:#f5f8fc;align-items:center;gap:5px;display:flex}.quick-filters button[aria-pressed=true]{color:#1649d9;background:#edf3ff;border-color:#8eafff}.filter-help,.supporting{color:#52657b;font-size:14px;line-height:1.6}.recommendation-note{background:#f0f7f5;border-radius:10px;padding:16px 20px;font-size:14px}.recommendation-note p{flex:1;min-width:200px}.recommendation-reason{color:#33665c;background:#f1f7f5;border-radius:6px;margin:8px 0;padding:10px;font-size:14px;line-height:1.5}.card-date{color:#52657b;margin:8px 0;font-size:14px}.not-interested{min-height:44px;margin-top:14px;font-size:14px}.activity-card{transition:box-shadow .18s,transform .18s}.activity-card:hover{box-shadow:0 8px 28px #11243a0c}.activity-card .card-location{flex-wrap:wrap;font-size:14px}.activity-card .card-bottom>strong{font-size:17px;line-height:1.4}.sports-hero{justify-content:space-between;align-items:center;gap:30px;padding-block:64px;display:flex}.sports-hero h1{letter-spacing:-2px;margin:18px 0;font-size:48px;line-height:1.1}.sports-hero p{color:#52657b;max-width:640px;font-size:18px}.sports-filters{grid-template-columns:1fr 1fr 2fr;gap:18px;margin-top:20px;display:grid}.account-panel{background:#edf4ff;border:1px solid #dbe5fa;border-radius:12px;gap:20px;margin-bottom:25px;padding:26px;display:flex}.account-panel p{margin:12px 0}.account-panel .button-row{margin-top:18px}.guest-link-panel{background:#f2f8f5;border:1px solid #b4d5cc;border-radius:12px;margin-bottom:25px;padding:26px}.guest-link-panel p{margin-top:14px}.success-notice{color:#20603b;background:#eef8f2;border:1px solid #bddeca;border-radius:10px;margin-bottom:24px;padding:18px}.preference-details{border-top:1px solid var(--border);padding:22px 0}.preference-details summary{cursor:pointer;min-height:44px;font-size:20px;font-weight:600}.preference-body{padding-top:18px}.profile-card fieldset{border:0;margin:20px 0;padding:0}.profile-card>.profile-form-fields{min-width:0;margin:0}.profile-card legend{margin-bottom:16px;font-size:16px;font-weight:600}.district-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.district-choices label,.availability-grid label{align-items:center;gap:9px;min-height:44px;font-size:14px;display:flex}.availability-grid{text-transform:capitalize;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.district-choices input,.availability-grid input,.simple-check input{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}.simple-check{align-items:center;gap:10px;min-height:44px;display:flex}.profile-card .interest-pills{margin:18px 0}.profile-card .field{min-width:0}.source-panel{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.source-panel p{color:#52657b;margin:10px 0;font-size:14px}.source-panel a{color:#1649d9;overflow-wrap:anywhere;text-decoration:underline}.external-actions{flex-direction:column;gap:14px;display:flex}.activity-state{color:#854318;background:#fff1e9;border-radius:8px;margin:16px 0;padding:14px}.group-plan-link{background:#f2f6fc;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0;padding:20px;display:flex}.group-plan-link p{flex:1}@media (max-width:1100px){.desktop-nav{gap:18px}.header-actions .location-label{display:none}}@media (max-width:760px){.sports-hero{flex-direction:column;align-items:flex-start;padding-block:36px}.sports-hero h1{font-size:38px}.sports-filters{grid-template-columns:1fr 1fr}.sports-filters .field:last-child{grid-column:1/-1}.district-choices{grid-template-columns:1fr 1fr}.account-panel{gap:14px;padding:20px}.segmented button{padding:10px 12px;font-size:14px}.browse-modes{gap:12px}.hero-floating-card{font-size:16px}.preference-details summary{font-size:18px}}@media (max-width:420px){.district-choices{grid-template-columns:1fr}.account-panel>svg{display:none}.availability-grid,.sports-filters{grid-template-columns:1fr}.sports-filters .field:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.unified-filters{flex-wrap:wrap;gap:12px}.unified-filters .search-filter{flex:220px}.unified-filters .select-filter{flex:150px}.unified-filters .date-filter{flex:160px}.unified-filters .beginner-filter{flex:0 auto}.section-heading{flex-wrap:wrap;gap:20px}.card-method{color:var(--slate);margin:8px 0;font-size:14px}.listing-badge.real{color:#22543c;background:#edf8ef}.listing-badge.demo{color:#705315;background:#fff5dd}.discovery-groups{border-top:1px solid var(--border);margin-top:52px;padding-top:32px}.discovery-groups>.button-row{margin-top:24px}.available-group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.available-group-card{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:12px;padding:22px;display:block}.available-group-card strong{font-size:20px}.available-group-card p{color:var(--slate);margin:12px 0;font-size:14px}.available-group-card>span{color:#1649d9;align-items:center;gap:6px;font-weight:600;display:flex}.available-group-card:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media (max-width:760px){.available-group-grid{grid-template-columns:1fr}.sports-hero>.button-row{width:100%}.sports-hero>.button-row>.button{flex:1}.unified-filters{padding:16px}.unified-filters .select-filter{flex-basis:130px}.unified-filters .beginner-filter{min-height:44px}.section-heading .sort-control{justify-content:space-between;width:100%}}.discovery-section .discovery-themes{flex-wrap:wrap;gap:10px;margin:24px 0 16px;display:flex}.discovery-section .discovery-theme,.discovery-section .discovery-filter-chip{color:#31465e;cursor:pointer;max-width:100%;min-height:44px;transition:background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, color var(--motion-fast) ease;background:#fff;border:1px solid #d7e0eb;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;line-height:1.4;display:inline-flex}.discovery-section .discovery-theme svg,.discovery-section .discovery-filter-chip svg{flex:none}.discovery-section .discovery-theme[aria-pressed=true]{color:#fff;background:#173f9e;border-color:#173f9e}.discovery-section .discovery-active-filters{flex-wrap:wrap;align-items:center;gap:8px;margin:-8px 0 24px;display:flex}.discovery-section .discovery-filter-chip{color:#234c91;text-align:start;background:#edf3ff;border-color:#bdcdeb;padding:8px 12px}.discovery-section .discovery-filter-chip span{overflow-wrap:anywhere;min-width:0}.discovery-section :is(.discovery-theme,.discovery-filter-chip):focus-visible{outline:3px solid var(--blue);outline-offset:3px}.discovery-section :is(.discovery-theme,.discovery-filter-chip):active{color:#173f9e;background:#dce7fb}@media (hover:hover) and (pointer:fine){.discovery-section .discovery-theme:hover{color:#173f9e;background:#edf3ff;border-color:#7796cf}.discovery-section .discovery-theme[aria-pressed=true]:hover{color:#fff;background:#123580}.discovery-section .discovery-filter-chip:hover{background:#dce7fb;border-color:#7796cf}}@media (max-width:520px){.discovery-section .discovery-themes{gap:8px}.discovery-section .discovery-theme{padding:9px 12px;font-size:14px}}@media (prefers-reduced-motion:reduce){.discovery-section :is(.discovery-theme,.discovery-filter-chip){transition:none}}.groups-page{font-size:16px}.groups-page button,.groups-page a,.groups-page summary{touch-action:manipulation}.groups-page h2{letter-spacing:-.6px;font-size:26px;line-height:1.3}.groups-page h3{font-size:21px;line-height:1.35}.group-account-note{background:#eef4ff;border:1px solid #dbe6fc;border-radius:14px;align-items:center;gap:20px;margin-bottom:28px;padding:24px;display:flex}.group-account-note>svg{color:#245cff}.group-account-note h2{font-size:22px}.group-account-note p{color:#52657b;margin-top:7px}.group-account-note>.button{flex-shrink:0;margin-left:auto}.group-loading{color:#52657b;justify-content:center;align-items:center;gap:12px;min-height:220px;display:flex}.group-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:16px;display:grid}.group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.group-card{transition:box-shadow var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) var(--ease-out);background:#fff;border:1px solid #dfe6ee;border-radius:14px;flex-direction:column;min-width:0;padding:24px;display:flex}.group-card:focus-within{border-color:#91abed;box-shadow:0 5px 20px #11243a0d}.group-card h2{overflow-wrap:anywhere;margin:18px 0 10px;font-size:23px}.group-badges{flex-wrap:wrap;gap:8px;display:flex}.group-card p{color:#52657b;overflow-wrap:anywhere;align-items:center;gap:8px;margin:8px 0;display:flex}.group-card .group-activity-name{margin:0 0 18px;font-size:14px}.group-card .group-cost{margin-top:12px;font-size:18px}.group-card .group-venue-label{margin:10px 0 20px;font-size:14px}.group-card .button{margin-top:auto}.group-mine-state{font-size:14px;color:#245cff!important}.group-detail{grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);align-items:start;gap:35px;display:grid}.group-detail-main{border:1px solid #dfe6ee;border-radius:14px;padding:30px}.group-detail-main h2{overflow-wrap:anywhere;margin:20px 0 10px;font-size:34px}.group-organizer{color:#52657b;margin-bottom:6px;font-size:14px}.group-facts{grid-template-columns:1fr 1fr;gap:24px;margin:26px 0;display:grid}.group-facts>div{min-width:0}.group-facts dt{color:#52657b;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.group-facts dd{overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.6}.group-facts dd span{color:#52657b;font-size:14px;font-weight:400;display:block}.group-venue{background:#f5f8fc;border-radius:10px;padding:20px}.group-venue p{color:#52657b;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:14px}.group-state-unavailable,.group-state-cancelled{color:#9e3939;background:#fff0ee}.group-state-open{color:#076a52;background:#e9f7ef}.group-action-panel{background:#f6f9ff;border:1px solid #dbe4f2;border-radius:14px;padding:28px}.group-action-panel>p{color:#52657b;margin:14px 0 20px;font-size:14px}.group-action-panel .button+.button{margin-top:12px}.group-action-panel>.text-button{margin:8px 0;display:flex}.group-member-count{margin:20px 0;font-size:22px;font-weight:700;display:block}.group-confirm{border-top:1px solid #dbe4f2;margin-top:18px;padding-top:18px}.group-confirm p{margin-bottom:15px}.group-confirm .text-button{margin-top:8px}.group-member-section{margin-top:36px}.group-member-section>p{color:#52657b;margin-top:14px}.group-member-list{margin:20px 0;padding:0;list-style:none}.group-member-list li{border-bottom:1px solid #e4eaf2;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.group-member-list strong{display:block}.group-member-list span{color:#52657b;margin-top:5px;font-size:14px;display:block}.group-report{border-top:1px solid #e4eaf2;max-width:700px;margin-top:32px;padding-top:16px}.group-report summary{cursor:pointer;color:#52657b;min-height:44px;padding:10px 0;font-size:14px}.group-report form{padding-top:12px}.group-create-form{background:#f9fbff;border:1px solid #dce5f2;border-radius:14px;margin-bottom:32px;padding:30px}.group-create-form>p{color:#52657b;margin:12px 0 28px}.group-create-form>h2{font-size:28px}.group-form-fields{border:0;width:100%;min-width:0;margin:0;padding:0}.group-form-fields>.field,.group-form-grid{max-width:850px}.group-form-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.group-create-form .group-form-note{max-width:850px;margin:5px 0 24px;font-size:14px}.groups-page .empty-state>svg{color:#52657b;margin:0 auto 18px}@media (max-width:1000px){.group-filters{grid-template-columns:1fr 1fr}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.group-detail{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:24px}.group-detail-main{padding:24px}.group-detail-main h2{font-size:30px}.group-facts{grid-template-columns:1fr;gap:20px}.group-action-panel{padding:24px}.group-account-note{flex-wrap:wrap}.group-account-note>.button{margin-left:44px}}@media (max-width:720px){.group-detail{grid-template-columns:1fr}.group-filters{grid-template-columns:1fr;gap:0}.group-grid{grid-template-columns:1fr}.group-account-note{padding:24px;display:block}.group-account-note>svg{margin-bottom:12px}.group-account-note>.button{width:100%;margin:18px 0 0}.group-detail-main h2{font-size:29px}.group-form-grid{grid-template-columns:1fr;gap:0}.group-create-form{padding:24px}.group-member-list li{flex-wrap:wrap;align-items:flex-start}.group-member-list .button-row{width:100%}.group-member-list .button{flex:1}.group-create-form>.button{width:100%}}@media (prefers-reduced-motion:reduce){.group-card{transition:none}.group-card:hover{transform:none}}.group-refresh{color:#52657b;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;font-size:14px;display:flex}.group-notifications,.group-history{background:#fff;border:1px solid #dce5ef;border-radius:12px;margin:20px 0;padding:18px 22px}.group-notifications summary,.group-history summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:600;display:flex}.group-notifications>p,.group-notifications small{color:#52657b;font-size:14px}.group-notifications ul{max-height:340px;margin:16px 0 0;padding:0;list-style:none;overflow:auto}.group-notifications li{border-top:1px solid #e2e8f1;padding:14px}.group-notifications li p{margin:5px 0;font-size:16px}.group-notifications .notification-unread{background:#f2f6ff;border-left:3px solid #245cff}.group-reconfirm{background:#fffaeb;border:1px solid #e6c374;border-radius:12px;margin:20px 0;padding:24px}.group-reconfirm p{margin:10px 0 18px}.group-history article{border-top:1px solid #e2e8f1;margin-top:18px;padding-top:18px}.group-history h3{font-size:18px}.group-history p{color:#52657b;margin:8px 0;font-size:14px}.group-history dl>div{grid-template-columns:170px 1fr;gap:12px;margin:12px 0;display:grid}.group-history dt{color:#52657b;font-size:14px}.group-history dd{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;margin:0;display:flex}.group-available-filter{align-items:center;gap:10px;min-height:44px;margin:0 0 24px;display:flex}.group-available-filter input{width:18px;height:18px}.group-requirements{margin-bottom:24px}.group-requirements p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}.groups-page summary:focus-visible{outline-offset:4px;outline:3px solid #245cff}.group-account-note>div,.group-member-list li>div{overflow-wrap:anywhere;min-width:0}.groups-page summary{transition:color var(--motion-fast) ease;border-radius:4px}@media (hover:hover) and (pointer:fine){.group-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #11243a0b}.groups-page summary:hover{color:var(--blue)}}@media (max-width:720px){.group-refresh{align-items:flex-start}.group-refresh .button{flex-shrink:0}.group-history dl>div{grid-template-columns:1fr;gap:5px}.group-notifications,.group-history{padding:16px}}
