:root {
  --ink: #292d33;
  --muted: #6d727a;
  --line: #e5e5e1;
  --surface: #ffffff;
  --surface-soft: #fafaf8;
  --canvas: #f7f7f5;
  --brand: #4c525c;
  --brand-dark: #292d33;
  --brand-soft: #efefec;
  --accent: #7a818c;
  --danger: #c0392b;
  --radius: 18px;
  --shadow: 0 1px 0 rgba(255,255,255,.96), 0 16px 42px rgba(30,34,40,.065);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--canvas); font: 16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(2.2rem, 5vw, 4.6rem); line-height: 1.02; letter-spacing: -.05em; }
h2 { font-size: clamp(1.5rem, 3vw, 2.4rem); line-height: 1.15; letter-spacing: -.035em; }
h3 { font-size: 1.15rem; }

.site-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; min-height: 76px; padding: 0 5vw; background: color-mix(in srgb,var(--surface) 94%,transparent); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.brand { display: flex; align-items: center; gap: .7rem; font-size: 1.3rem; font-weight: 850; letter-spacing: -.04em; }
.brand-mark { position: relative; display: block; width: 44px; height: 44px; overflow: hidden; background: var(--canvas); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); }
.brand-logo { position: absolute; inset: 0; width: 44px; height: 44px; object-fit: cover; transform: scale(1.8); }
.brand-logo-dark { display: none; }
.site-nav { display: flex; align-items: center; gap: 1.2rem; font-weight: 650; }
.site-nav > a:not(.button):hover { color: var(--brand); }
.avatar-link { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-toggle { display: none; border: 0; background: transparent; font-size: 1.5rem; }
.page-shell { width: min(1180px, 92vw); min-height: calc(100vh - 150px); margin: 0 auto; padding: 3rem 0 5rem; }
.site-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2rem; padding: 2rem 5vw; color: var(--muted); background: var(--surface); border-top: 1px solid var(--line); }

.button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 42px; padding: .65rem 1rem; border: 1px solid transparent; border-radius: 12px; font-weight: 750; transition: .18s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: white; background: var(--brand); }
.button-primary:hover { background: var(--brand-dark); }
.button-soft { color: var(--brand-dark); background: var(--brand-soft); }
.button-ghost { border-color: var(--line); background: var(--surface); }
.button-light { color: var(--brand-dark); background: var(--surface); }
.button-danger { color: white; background: var(--danger); }
.button-large { min-height: 52px; padding-inline: 1.4rem; }
.button-full { width: 100%; }
.button-row { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.icon-button { border: 0; background: transparent; color: var(--muted); font-size: 1.5rem; }
.back-link { display: inline-block; margin-bottom: 1rem; color: var(--brand); font-weight: 750; }

.hero { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 4rem; min-height: 650px; padding: 4rem 0; }
.hero-copy > p { max-width: 680px; color: var(--muted); font-size: 1.2rem; }
.hero-copy .button-row { margin: 2rem 0 1.5rem; }
.eyebrow { display: block; margin-bottom: .75rem; color: var(--brand); font-size: .78rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.hero-proof { display: flex; flex-wrap: wrap; gap: .7rem 1.2rem; color: var(--muted); font-size: .88rem; }
.hero-visual { position: relative; min-height: 480px; overflow: hidden; border-radius: 40px 40px 40px 8px; background: radial-gradient(circle at 70% 30%, #77d5b1 0 10%, transparent 35%), linear-gradient(145deg, #0a8f67, #064e3b); box-shadow: var(--shadow); }
.hero-visual::before { content: "SPORT\A TOGETHER"; white-space: pre; position: absolute; inset: 50px auto auto 40px; color: rgba(255,255,255,.12); font-weight: 900; font-size: 4.8rem; line-height: .9; }
.sport-orbit { position: absolute; display: grid; place-items: center; width: 80px; height: 80px; background: white; border-radius: 24px; box-shadow: var(--shadow); font-size: 2.2rem; }
.orbit-one { top: 58px; right: 45px; transform: rotate(7deg); }.orbit-two { top: 190px; left: 45px; transform: rotate(-8deg); }.orbit-three { right: 68px; bottom: 85px; transform: rotate(5deg); }
.hero-match-card { position: absolute; left: 45px; right: 45px; bottom: 32px; display: flex; align-items: center; gap: .8rem; padding: 1rem; background: rgba(255,255,255,.94); border-radius: 18px; }
.hero-match-card div { display: grid; }.hero-match-card small { color: var(--muted); }.match-avatar { display: grid; place-items: center; width: 46px; height: 46px; color: white; background: var(--accent); border-radius: 50%; font-weight: 850; }.status-dot { margin-left: auto; width: 12px; height: 12px; border-radius: 50%; background: #22c55e; }

.section { padding: 5rem 0; }.section-heading { max-width: 700px; margin: 0 auto 2.5rem; text-align: center; }.section-heading.align-left { margin-left: 0; text-align: left; }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }.feature-card { padding: 1.5rem; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 8px 30px rgba(20,48,37,.04); }.feature-card > span { font-size: 2rem; }.feature-card p { color: var(--muted); }
.cta-band { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 3rem; color: white; background: var(--brand); border-radius: 30px 30px 30px 8px; }.cta-band .eyebrow { color: #b9f1da; }.cta-band h2 { margin-bottom: 0; }

.auth-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 3rem; align-items: center; min-height: 660px; }.auth-aside { padding: 3rem; color: white; background: linear-gradient(145deg, #087f5b, #064e3b); border-radius: 32px 32px 32px 8px; }.auth-aside h1 { font-size: clamp(2.2rem, 4vw, 3.6rem); }.auth-aside .eyebrow { color: #b9f1da; }.form-card, .panel { padding: 1.7rem; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }.form-card-wide { max-width: 760px; }.compact-card { align-self: start; }.form-heading { margin-bottom: 1.5rem; }.form-heading h1, .form-heading h2 { margin-bottom: .4rem; }.form-heading p, .muted { color: var(--muted); }
form label { display: grid; gap: .4rem; margin-bottom: 1rem; font-weight: 700; }input, select, textarea { width: 100%; padding: .8rem .9rem; color: var(--ink); background: #fbfdfc; border: 1px solid #cad7d0; border-radius: 11px; outline: 0; }input:focus, select:focus, textarea:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(8,127,91,.12); }textarea { resize: vertical; }.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 1rem; }.check-row { display: flex; align-items: flex-start; font-weight: 500; }.check-row input { width: auto; margin-top: .3rem; }.check-row a, .form-links a { color: var(--brand); font-weight: 750; }.field-error { display: block; margin: -.6rem 0 .8rem; color: var(--danger); }.divider { display: flex; align-items: center; gap: 1rem; margin: 1.4rem 0; color: var(--muted); }.divider::before, .divider::after { content: ""; flex: 1; height: 1px; background: var(--line); }.social-auth { display: flex; gap: .7rem; }.social-auth > * { flex: 1; }.form-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .7rem; margin-top: 1.2rem; color: var(--muted); font-size: .9rem; }
.provider-button { color: #26332e; background: white; border-color: #cad7d0; white-space: nowrap; }.provider-button > span { display: grid; place-items: center; width: 24px; height: 24px; font-weight: 900; }.provider-button.google > span { color: #4285f4; }.provider-button.strava > span { color: #fc4c02; }.provider-button.facebook > span { color: #1877f2; font-family: Arial,sans-serif; font-size: 1.25rem; }.provider-button.is-disabled { color: #78847e; background: #f4f6f5; cursor: not-allowed; opacity: .78; }.oauth-note { margin: .7rem 0 0; color: var(--muted); font-size: .78rem; text-align: center; }.social-auth-register { flex-wrap: wrap; }.social-auth-register > *:first-child { flex-basis: 100%; }.skip-link { display: block; margin-top: 1rem; color: var(--muted); text-align: center; text-decoration: underline; }

.page-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }.page-heading h1 { margin-bottom: .5rem; font-size: clamp(2.2rem, 5vw, 3.8rem); }.page-heading p { color: var(--muted); }.narrow-page { width: min(720px, 100%); margin: 0 auto; }.two-column { display: grid; grid-template-columns: .8fr 1.2fr; gap: 2rem; }.dashboard-grid { display: grid; grid-template-columns: 310px minmax(0,1fr); gap: 1.5rem; }.feed-layout { display: grid; grid-template-columns: minmax(0, 760px) 300px; gap: 1.5rem; align-items: start; }.feed-column { display: grid; gap: 1rem; }.sticky-panel { position: sticky; top: 100px; }.wide-page { width: min(900px, 100%); }.danger-zone { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 1.5rem; border-color: #f0c4bd; }.danger-zone form { min-width: 280px; }.check-grid { display: flex; gap: 1.5rem; }.form-section-title { margin-top: 1.2rem; font-size: 1.25rem; }.sport-level-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 1rem; }

.profile-hero { overflow: hidden; margin-bottom: 1.5rem; background: white; border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); }.cover { height: 250px; background-position: center; background-size: cover; }.profile-summary { display: flex; align-items: center; gap: 1rem; padding: 0 2rem 1.5rem; }.profile-summary .button { margin-left: auto; }.profile-summary h1 { margin: 0; font-size: 2rem; }.profile-summary p { margin: .2rem 0 0; color: var(--muted); }.profile-avatar { width: 112px; height: 112px; margin-top: -45px; object-fit: cover; background: white; border: 5px solid white; border-radius: 50%; box-shadow: 0 8px 24px rgba(0,0,0,.16); }.profile-sidebar { display: grid; gap: 1rem; align-content: start; }.profile-sidebar .panel h2 { font-size: 1.15rem; }.facts { margin: 0; }.facts div { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid var(--line); }.facts dt { color: var(--muted); }.facts dd { margin: 0; font-weight: 700; text-align: right; }.tag-list { display: flex; flex-wrap: wrap; gap: .5rem; }.tag { display: inline-flex; padding: .3rem .65rem; color: var(--brand-dark); background: var(--brand-soft); border-radius: 999px; font-size: .82rem; font-weight: 750; }.side-links { display: grid; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: var(--radius); }.side-links a { padding: .8rem 1rem; border-bottom: 1px solid var(--line); font-weight: 700; }.side-links a:hover { color: var(--brand); background: var(--brand-soft); }.composer { display: flex; align-items: center; gap: .8rem; padding: 1rem; background: white; border: 1px solid var(--line); border-radius: var(--radius); }.composer img { width: 44px; height: 44px; object-fit: cover; border-radius: 50%; }.composer span { flex: 1; color: var(--muted); }.composer b { color: var(--brand); }

.post-card { overflow: hidden; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 8px 30px rgba(20,48,37,.05); }.post-meta { display: flex; align-items: center; gap: .7rem; padding: 1rem 1.1rem; }.post-meta img { width: 44px; height: 44px; object-fit: cover; border-radius: 50%; }.post-meta div { display: grid; }.post-meta small { color: var(--muted); }.post-meta form { margin-left: auto; }.post-body { padding: 0 1.1rem .7rem; }.post-body p { white-space: pre-wrap; }.post-media { display: block; width: 100%; max-height: 620px; object-fit: cover; }.audio-player { width: calc(100% - 2rem); margin: 0 1rem 1rem; }.post-stats { display: flex; justify-content: space-between; padding: .7rem 1.1rem; color: var(--muted); border-bottom: 1px solid var(--line); font-size: .85rem; }.post-actions { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid var(--line); }.post-actions form { margin: 0; }.post-actions button { width: 100%; padding: .75rem .2rem; color: var(--muted); background: white; border: 0; font-weight: 700; }.post-actions button:hover { color: var(--brand); background: var(--brand-soft); }.comments { padding: .7rem 1.1rem 0; }.comments p { padding: .55rem .7rem; background: var(--canvas); border-radius: 10px; }.comment-form { display: flex; gap: .6rem; padding: .8rem 1rem 1rem; }.comment-form input { margin: 0; }

.member-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }.member-card { padding: 1.4rem; text-align: center; background: white; border: 1px solid var(--line); border-radius: var(--radius); }.member-card img { width: 100px; height: 100px; object-fit: cover; border-radius: 50%; }.member-card h2 { margin: .8rem 0 .2rem; font-size: 1.2rem; }.member-card p { color: var(--muted); }.member-card .button-row { justify-content: center; }.member-card form { margin: 0; }.search-panel { margin-bottom: 1.4rem; }.search-form { display: flex; gap: .7rem; }.search-form input { margin: 0; }

.event-list { display: grid; gap: 1rem; }.event-card { display: grid; grid-template-columns: 70px 1fr auto; gap: 1rem; align-items: center; padding: 1.2rem; background: white; border: 1px solid var(--line); border-radius: var(--radius); }.event-date { display: grid; place-items: center; padding: .7rem; color: white; background: var(--brand); border-radius: 15px; text-transform: uppercase; }.event-date strong { font-size: 1.8rem; line-height: 1; }.event-content h3 { margin: .4rem 0; }.event-content p { margin-bottom: .3rem; color: var(--muted); }.event-content small { color: var(--muted); }.event-card form { margin: 0; }

.message-list, .notification-list { padding: 0; overflow: hidden; }.message-row { display: grid; grid-template-columns: 52px 1fr auto; gap: 1rem; align-items: center; padding: 1.1rem; border-bottom: 1px solid var(--line); }.message-row img { width: 52px; height: 52px; object-fit: cover; border-radius: 50%; }.message-row p { margin: .3rem 0 0; }.message-meta { display: flex; justify-content: space-between; gap: 1rem; }.message-meta small { color: var(--muted); }.recipient { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }.recipient img { width: 70px; height: 70px; object-fit: cover; border-radius: 50%; }.recipient h1 { margin: 0; font-size: 1.8rem; }.notification-list article { display: flex; gap: 1rem; padding: 1rem 1.2rem; border-bottom: 1px solid var(--line); }.notification-list p { margin: 0; }.notification-list small { color: var(--muted); }.notification-icon { display: grid; place-items: center; width: 42px; height: 42px; background: var(--brand-soft); border-radius: 50%; }

.upload-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; }.upload-inline { display: flex; align-items: center; gap: .8rem; }.upload-inline input { margin: 0; }.photo-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 1rem; }.photo-grid > img, .photo-grid article { overflow: hidden; min-height: 220px; background: white; border-radius: var(--radius); }.photo-grid img { width: 100%; height: 260px; object-fit: cover; }.photo-actions { display: flex; gap: .4rem; padding: .6rem; }.photo-actions form { flex: 1; margin: 0; }.photo-actions button { width: 100%; padding: .5rem; color: var(--brand); background: var(--brand-soft); border: 0; border-radius: 9px; font-weight: 700; }

.empty-state { grid-column: 1 / -1; padding: 3rem 1.5rem; text-align: center; background: white; border: 1px dashed #b7c9c0; border-radius: var(--radius); }.empty-state > span { display: block; margin-bottom: .7rem; font-size: 2.6rem; }.empty-state h2 { margin-bottom: .4rem; }.empty-state p { color: var(--muted); }.flash-stack { position: fixed; z-index: 50; top: 88px; right: 3vw; display: grid; gap: .5rem; width: min(390px, 92vw); }.flash { padding: .8rem 1rem; color: #173328; background: white; border-left: 4px solid var(--brand); border-radius: 10px; box-shadow: var(--shadow); transition: .3s; }.flash-danger { border-color: var(--danger); }.flash-warning { border-color: var(--accent); }.flash.is-hiding { opacity: 0; transform: translateX(20px); }

/* Partner matching */
.match-page { display: grid; gap: 2rem; }.match-hero { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2rem; padding: 2.8rem; color: white; background: linear-gradient(120deg,#0f3d2f,#176646 68%,#24a56a); border-radius: 28px; overflow: hidden; position: relative; }.match-hero::after { content: ''; position: absolute; width: 300px; height: 300px; right: -100px; bottom: -210px; border: 50px solid rgba(255,255,255,.08); border-radius: 50%; }.match-hero h1 { max-width: 760px; margin: .45rem 0 .8rem; color: white; font-size: clamp(2rem,4.4vw,3.7rem); line-height: 1.02; }.match-hero p { max-width: 720px; color: rgba(255,255,255,.8); font-size: 1.06rem; }.match-hero .eyebrow { color: #8ce0b5; }.match-hero-badge { display: flex; align-items: center; gap: .8rem; min-width: 190px; padding: 1.1rem 1.3rem; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 18px; backdrop-filter: blur(10px); }.match-hero-badge strong { font-size: 3.6rem; color: #8ce0b5; line-height: 1; }.match-hero-badge span { font-size: .85rem; line-height: 1.25; }.match-search-card { padding: 1.7rem; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }.match-form-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }.match-form-grid label span,.location-row label span { display: block; margin-bottom: .45rem; color: #4d665b; font-size: .76rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.match-form-grid select,.location-row input { margin: 0; }.location-row { display: grid; grid-template-columns: minmax(220px,1fr) auto minmax(240px,1fr); align-items: end; gap: 1rem; margin-top: 1rem; }.location-button { min-height: 48px; }.location-status { align-self: center; margin-top: 1.1rem; color: var(--muted); font-size: .84rem; }.location-status.is-ready { color: var(--brand); font-weight: 700; }.match-submit { width: 100%; margin-top: 1.3rem; padding: 1rem; font-size: 1rem; }.privacy-note { margin: .8rem 0 0; text-align: center; color: var(--muted); font-size: .78rem; }.match-results-section,.partner-network { display: grid; gap: 1rem; }.active-search { overflow: hidden; background: white; border: 1px solid var(--line); border-radius: var(--radius); }.active-search-head { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 1rem; padding: 1rem 1.2rem; background: #f6faf8; border-bottom: 1px solid var(--line); }.active-search-head p { margin: .15rem 0 0; color: var(--muted); font-size: .86rem; }.sport-token { display: grid; place-items: center; width: 44px; height: 44px; color: white; background: var(--brand); border-radius: 13px; font-size: 1.25rem; font-weight: 900; }.live-pill { padding: .38rem .7rem; color: #167449; background: #dff7ea; border-radius: 99px; font-size: .76rem; font-weight: 800; }.text-button { padding: .3rem; color: var(--muted); background: transparent; border: 0; cursor: pointer; text-decoration: underline; }.match-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; padding: 1rem; }.match-card { position: relative; display: grid; grid-template-columns: 88px 1fr; gap: 1rem; padding: 1rem; border: 1px solid #d9e7df; border-radius: 17px; }.match-card > img { width: 88px; height: 88px; object-fit: cover; border-radius: 16px; }.match-card h3 { margin: 0 0 .25rem; }.match-card p { margin: .18rem 0; color: var(--muted); font-size: .86rem; }.match-card .tag { display: inline-flex; margin-top: .45rem; }.match-card .button-row { margin-top: .8rem; }.match-card form { margin: 0; }.match-score { position: absolute; top: .7rem; right: .7rem; color: var(--brand); font-size: .66rem; font-weight: 900; letter-spacing: .12em; }.waiting-state { grid-column: 1 / -1; display: flex; align-items: center; gap: 1rem; padding: 1.3rem; color: var(--muted); background: #fbfdfc; border: 1px dashed #b9cdc2; border-radius: 16px; }.waiting-state h3 { margin: 0 0 .25rem; color: var(--ink); }.waiting-state p { margin: 0; }.radar-icon { display: grid; place-items: center; flex: 0 0 54px; width: 54px; height: 54px; color: var(--brand); background: #dff7ea; border-radius: 50%; font-size: 2rem; animation: radar-pulse 1.8s infinite; }@keyframes radar-pulse { 50% { box-shadow: 0 0 0 10px rgba(36,165,106,.08); } }
.audience-builder { display: grid; grid-template-columns: 1fr 1fr 1.5fr; align-items: end; gap: 1rem; margin-top: 1rem; padding: 1rem; background: #f4f9f6; border-radius: 14px; }.audience-builder > label > span:first-child { display: block; margin-bottom: .45rem; color: #4d665b; font-size: .76rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.stranger-option { display: flex; align-items: center; gap: .7rem; min-height: 48px; margin: 0; }.stranger-option input { width: auto; }.stranger-option span { display: grid; }.stranger-option span:first-child { margin: 0; text-transform: none; }.stranger-option small { color: var(--muted); font-weight: 400; }.audience-label { color: var(--brand); font-weight: 750; }

/* Social network, rich profiles and privacy */
.profile-actions { display: flex; align-items: center; gap: .6rem; margin-left: auto; }.profile-actions form { margin: 0; }.profile-identity small { color: var(--muted); }.relationship-pill { display: inline-flex; align-items: center; min-height: 40px; padding: .55rem .85rem; color: var(--brand-dark); background: var(--brand-soft); border-radius: 12px; font-weight: 750; }.relationship-pill.pending { color: #7b5d1a; background: #fff3d2; }.profile-bio { white-space: pre-wrap; }.quote-fact { display: grid !important; }.quote-fact dd { margin-top: .3rem; text-align: left; font-style: italic; }.private-block { margin: 0; color: var(--muted); font-size: .9rem; }.privacy-shortcut { padding: .8rem 1rem; color: var(--muted); background: #f4f8f6; border-radius: 11px; }.privacy-shortcut a { color: var(--brand); font-weight: 800; }.network-page { display: grid; gap: 2rem; }.network-header { display: grid; grid-template-columns: 1fr minmax(360px,.75fr); align-items: end; gap: 2rem; padding: 2.2rem; color: white; background: linear-gradient(120deg,#102d22,#176047); border-radius: 26px; }.network-header h1 { max-width: 650px; margin: .4rem 0 .7rem; color: white; font-size: clamp(2.2rem,4vw,3.5rem); }.network-header p { margin: 0; color: #c4d9d0; }.network-header .eyebrow { color: #82dcb4; }.people-search { display: flex; gap: .6rem; padding: .65rem; background: white; border-radius: 15px; }.people-search input { margin: 0; border: 0; background: white; }.network-section { display: grid; gap: 1rem; }.request-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }.request-card { display: grid; grid-template-columns: 64px 1fr; gap: .8rem; padding: 1rem; background: white; border: 1px solid var(--line); border-radius: var(--radius); }.request-card img { width: 64px; height: 64px; object-fit: cover; border-radius: 15px; }.request-card h3 { margin: .3rem 0 0; }.request-card p { margin: 0; color: var(--muted); }.request-card .button-row { grid-column: 1 / -1; }.request-card form { flex: 1; margin: 0; }.request-card button { width: 100%; }.network-layout { display: grid; grid-template-columns: 300px 1fr; gap: 1rem; align-items: start; }.circle-panel,.friends-panel { padding: 1.25rem; background: white; border: 1px solid var(--line); border-radius: var(--radius); }.circle-panel { position: sticky; top: 96px; }.circle-panel h2 { margin: .3rem 0; }.circle-panel > p { color: var(--muted); font-size: .88rem; }.circle-list { display: grid; gap: .4rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }.circle-list > div:not(.circle-tip) { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .6rem; padding: .55rem; }.circle-list div > span { width: 11px; height: 11px; border-radius: 50%; }.circle-list small { color: var(--muted); }.circle-tip { color: var(--muted); font-size: .82rem; }.friend-management-list { display: grid; margin: 1rem -1.25rem -1.25rem; }.friend-management-list > article { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: .8rem; padding: .9rem 1.25rem; border-top: 1px solid var(--line); }.friend-management-list img { width: 52px; height: 52px; object-fit: cover; border-radius: 14px; }.friend-info { display: grid; }.friend-info small { color: var(--muted); }.circle-chips { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: .35rem; }.circle-chips form { margin: 0; }.circle-chip { padding: .3rem .65rem; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: 999px; font-size: .73rem; }.circle-chip:hover,.circle-chip.is-assigned { color: white; background: var(--circle-color); border-color: var(--circle-color); }.privacy-card .form-heading { max-width: 700px; }.privacy-list { display: grid; margin: 1rem 0; border: 1px solid var(--line); border-radius: 15px; overflow: hidden; }.privacy-list > label { display: grid; grid-template-columns: 1fr 190px; align-items: center; gap: 1rem; margin: 0; padding: 1rem; background: white; border-bottom: 1px solid var(--line); }.privacy-list > label:last-child { border: 0; }.privacy-list label div { display: grid; }.privacy-list small,.privacy-searchable small { color: var(--muted); font-weight: 400; }.privacy-searchable { padding: 1rem; background: #f5f9f7; border-radius: 13px; }.privacy-searchable span { display: grid; }.search-again { max-width: 700px; margin-bottom: 1.5rem; border: 1px solid var(--line); }.search-member-grid .relationship-pill { min-height: 42px; }

/* Personal profile garden */
.personal-profile { margin: -1.5rem; padding: 1.5rem; background: var(--profile-bg); border-radius: 30px; }.personal-profile .panel,.personal-profile .composer,.personal-profile .profile-hero,.personal-profile .empty-state,.personal-profile .post-card { background-color: var(--profile-surface); }.personal-profile .button-primary,.personal-profile .tag { color: white; background: var(--profile-accent); }.personal-profile .eyebrow,.personal-profile .composer b { color: var(--profile-accent); }.theme-gradient { background-image: linear-gradient(135deg,var(--profile-bg),color-mix(in srgb,var(--profile-accent) 16%,white)); }.theme-minimal { background-image: none; }.theme-vibrant { background-image: radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--profile-accent) 32%,transparent),transparent 35%),linear-gradient(145deg,var(--profile-bg),white); }.font-rounded { font-family: ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif; }.font-editorial { font-family: Georgia,"Times New Roman",serif; }.font-mono { font-family: ui-monospace,SFMono-Regular,Menlo,monospace; }.profile-music audio { width: 100%; }.profile-music h2 { margin-bottom: .8rem; }
.appearance-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr); gap: 1.5rem; align-items: start; }.appearance-form h2 { margin: 1.5rem 0 .5rem; font-size: 1.3rem; }.appearance-form h2:first-of-type { margin-top: 0; }.color-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; }.color-grid input[type="color"] { min-height: 54px; padding: .3rem; cursor: pointer; }.saved-file { padding: .7rem; color: var(--brand-dark); background: var(--brand-soft); border-radius: 10px; }.appearance-preview { position: sticky; top: 100px; min-height: 490px; padding: 1rem; overflow: hidden; color: #17221e; background-color: var(--profile-bg); border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); }.preview-label { position: absolute; z-index: 2; top: 1.6rem; left: 1.6rem; padding: .35rem .65rem; color: white; background: rgba(10,20,16,.72); border-radius: 999px; font-size: .72rem; font-weight: 800; }.preview-cover { height: 180px; background: linear-gradient(125deg,var(--profile-accent),color-mix(in srgb,var(--profile-accent) 30%,#ffd166)); border-radius: 19px; }.preview-card { display: flex; align-items: center; gap: 1rem; margin: -35px .8rem 0; padding: 1rem; background: var(--profile-surface); border-radius: 17px; box-shadow: 0 12px 30px rgba(20,30,25,.1); }.preview-card img { width: 72px; height: 72px; object-fit: cover; border: 4px solid white; border-radius: 50%; }.preview-card h2,.preview-card p { margin: 0; }.preview-card p { color: #58665f; }.preview-content { display: grid; gap: .35rem; margin: 1rem .8rem; padding: 1.2rem; background: var(--profile-surface); border-radius: 17px; }.preview-content span { color: var(--profile-accent); font-size: .75rem; font-weight: 900; text-transform: uppercase; }
:focus-visible { outline: 3px solid #f3a712; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

/* Training, recovery and wearable hub */
.tracking-page { display: grid; gap: 1.5rem; }.tracking-header { display: flex; align-items: end; justify-content: space-between; gap: 2rem; }.tracking-header h1 { max-width: 790px; margin: .45rem 0 .7rem; font-size: clamp(2.2rem,4.5vw,4rem); }.tracking-header p { max-width: 720px; color: var(--muted); }.tracking-actions { display: flex; flex: 0 0 auto; gap: .6rem; }.metric-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; }.metric-grid article { display: grid; padding: 1.25rem; background: white; border: 1px solid var(--line); border-radius: 17px; }.metric-grid article > span,.workout-main > span,.load-balance span { color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.metric-grid strong { margin: .25rem 0; font-size: 2rem; line-height: 1; }.metric-grid em { font-size: .8rem; font-style: normal; font-weight: 700; }.metric-grid small { color: var(--muted); }.metric-grid small a { color: var(--brand); font-weight: 750; }.readiness-card { color: white; background: linear-gradient(135deg,#087f5b,#21a66c) !important; }.readiness-card > span,.readiness-card small,.readiness-card small a { color: rgba(255,255,255,.82); }.tracking-columns { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(270px,.7fr); gap: 1rem; }.performance-panel,.coach-card,.workout-history { padding: 1.35rem; background: white; border: 1px solid var(--line); border-radius: var(--radius); }.panel-title { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.panel-title h2 { margin: .2rem 0 0; font-size: 1.6rem; }.panel-title > a { color: var(--brand); font-size: .84rem; font-weight: 750; }.week-chart { display: grid; grid-template-columns: repeat(7,1fr); gap: .7rem; height: 190px; margin: 1.2rem 0; }.chart-day { display: grid; grid-template-rows: 1fr auto auto; gap: .2rem; text-align: center; }.chart-track { display: flex; align-items: end; justify-content: center; min-height: 120px; background: #f2f6f4; border-radius: 9px; overflow: hidden; }.chart-track span { display: block; width: 100%; min-height: 3px; background: linear-gradient(#25b879,#087f5b); border-radius: 9px 9px 0 0; }.chart-day b { font-size: .76rem; text-transform: uppercase; }.chart-day small { color: var(--muted); }.load-balance { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; border-top: 1px solid var(--line); padding-top: 1rem; }.load-balance div { display: grid; }.load-balance strong { font-size: 1.4rem; }.load-balance small { color: var(--muted); }.coach-card { color: white; background: #122c22; }.coach-card .eyebrow { color: #78d9aa; }.coach-card h2 { color: white; }.coach-card p { color: #ccddd5; }.coach-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 1.1rem; color: #17372b; background: #75deb0; border-radius: 14px; font-size: 1.4rem; }.coach-card .button { margin-top: .8rem; }.workout-history { padding: 0; overflow: hidden; }.workout-history > .panel-title { padding: 1.2rem 1.35rem; border-bottom: 1px solid var(--line); }.workout-list { display: grid; }.workout-row { display: grid; grid-template-columns: 48px minmax(220px,1fr) repeat(4,90px); align-items: center; gap: 1rem; padding: 1rem 1.35rem; border-bottom: 1px solid var(--line); }.workout-row:last-child { border-bottom: 0; }.workout-sport-icon { display: grid; place-items: center; width: 44px; height: 44px; color: var(--brand); background: var(--brand-soft); border-radius: 13px; font-weight: 900; }.workout-main h3 { margin: .1rem 0; }.workout-main p { margin: 0; color: var(--muted); font-size: .82rem; }.workout-stat { display: grid; text-align: right; }.workout-stat strong { font-size: 1.1rem; }.workout-stat small { color: var(--muted); font-size: .7rem; }.workout-stat.load strong { color: var(--brand); }.center { justify-content: center; }.import-card { text-align: center; }.import-symbol { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 1rem; color: var(--brand); background: var(--brand-soft); border-radius: 19px; font-size: 2rem; }.file-drop { display: grid; place-items: center; gap: .5rem; min-height: 190px; padding: 2rem; background: #f8fbf9; border: 2px dashed #a9c7b7; border-radius: 18px; cursor: pointer; }.file-drop input { width: auto; max-width: 100%; }.file-drop span { color: var(--muted); font-weight: 400; }.device-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }.device-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; padding: 1.25rem; background: white; border: 1px solid var(--line); border-radius: var(--radius); }.provider-icon { display: grid; place-items: center; width: 52px; height: 52px; color: white; background: #172a22; border-radius: 16px; font-size: 1.4rem; font-weight: 900; }.device-card h2 { margin: 0; font-size: 1.15rem; }.device-card p { margin: .15rem 0 0; color: var(--muted); font-size: .85rem; }.device-card .button { grid-column: 1 / -1; }.device-card button:disabled { cursor: not-allowed; opacity: .7; transform: none; }.connection-state { padding: .32rem .6rem; color: #806327; background: #fff3d9; border-radius: 999px; font-size: .7rem; font-weight: 800; }.connection-state.is-ready { color: #0f7048; background: #dcf7e8; }.roadmap-panel { margin-top: 1.2rem; }.roadmap-panel h2 { margin: .35rem 0; font-size: 1.5rem; }.roadmap-panel p { margin: 0; color: var(--muted); }

@media (max-width: 1100px) { .site-nav { gap: .7rem; font-size: .9rem; }.workout-row { grid-template-columns: 48px minmax(180px,1fr) repeat(2,80px); }.workout-stat:nth-last-child(-n+2) { display: none; } }
@media (max-width: 980px) { .site-nav { display: none; position: absolute; top: 76px; left: 0; right: 0; flex-direction: column; align-items: stretch; padding: 1rem 5vw; background: white; border-bottom: 1px solid var(--line); }.site-nav.is-open { display: flex; }.nav-toggle { display: block; }.hero, .auth-layout, .two-column, .dashboard-grid, .feed-layout,.tracking-columns,.network-layout { grid-template-columns: 1fr; }.hero { gap: 2rem; }.hero-visual { min-height: 400px; }.sticky-panel,.circle-panel { position: static; }.feature-grid, .member-grid,.metric-grid,.device-grid { grid-template-columns: repeat(2,1fr); }.profile-sidebar { grid-template-columns: repeat(2,1fr); }.side-links { grid-column: 1 / -1; }.auth-aside { display: none; }.network-header { grid-template-columns: 1fr; }.audience-builder { grid-template-columns: 1fr 1fr; }.stranger-option { grid-column: 1 / -1; } }
@media (max-width: 900px) { .match-form-grid { grid-template-columns: repeat(2,1fr); }.location-row { grid-template-columns: 1fr 1fr; }.location-status { grid-column: 1 / -1; margin-top: 0; }.match-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .page-shell { padding-top: 1.5rem; }.hero { padding-top: 1rem; min-height: auto; }.hero-visual { min-height: 330px; }.feature-grid, .member-grid, .form-grid, .upload-grid, .photo-grid, .profile-sidebar,.metric-grid,.device-grid,.request-grid { grid-template-columns: 1fr; }.cta-band, .page-heading, .profile-summary,.tracking-header { align-items: flex-start; flex-direction: column; }.tracking-actions,.profile-actions { width: 100%; flex-direction: column; align-items: stretch; margin-left: 0; }.profile-actions .button,.profile-actions form,.profile-actions button { width: 100%; }.profile-summary .button { margin-left: 0; }.profile-avatar { width: 88px; height: 88px; }.cover { height: 180px; }.event-card { grid-template-columns: 58px 1fr; }.event-card form { grid-column: 1 / -1; }.message-row { grid-template-columns: 44px 1fr; }.message-row > .button { grid-column: 2; }.search-form, .comment-form, .upload-inline,.people-search { flex-direction: column; }.site-footer { justify-content: flex-start; }.match-hero { grid-template-columns: 1fr; padding: 1.7rem; }.match-hero-badge { display: none; }.match-form-grid,.location-row,.audience-builder { grid-template-columns: 1fr; }.stranger-option { grid-column: auto; }.active-search-head { grid-template-columns: auto 1fr; }.active-search-head .live-pill,.active-search-head form { justify-self: start; grid-column: 2; }.match-card { grid-template-columns: 66px 1fr; }.match-card > img { width: 66px; height: 66px; }.match-card .button-row { grid-column: 1 / -1; }.workout-row { grid-template-columns: 44px 1fr auto; }.workout-stat { display: none; }.workout-stat:nth-last-child(3) { display: grid; }.week-chart { gap: .3rem; }.load-balance { grid-template-columns: 1fr; }.network-header { padding: 1.4rem; }.friend-management-list > article { grid-template-columns: 46px 1fr; }.friend-management-list > article > .button { grid-column: 2; justify-self: start; }.circle-chips { grid-column: 1 / -1; }.privacy-list > label { grid-template-columns: 1fr; }.privacy-list select { width: 100%; } }
@media (max-width: 850px) { .appearance-layout { grid-template-columns: 1fr; }.appearance-preview { position: static; }.personal-profile { margin: -.75rem; padding: .75rem; }.social-auth { flex-direction: column; }.color-grid { grid-template-columns: 1fr; } }

/* Simple-first activity sync and rich social publishing */
.sync-choice-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;margin:1.5rem 0}.sync-choice{position:relative;display:flex;flex-direction:column;gap:.7rem;padding:1.5rem;background:#fff;border:1px solid var(--line);border-radius:22px}.sync-choice.apple-choice{background:linear-gradient(145deg,#f2fff8,#fff);border-color:#8bd9b4}.sync-choice h2,.sync-choice p{margin:0}.sync-choice p{color:var(--muted);flex:1}.sync-choice-icon,.apple-mark{display:grid;place-items:center;width:52px;height:52px;color:#fff;background:#111;border-radius:16px;font-size:1.5rem}.recommended-pill{position:absolute;top:1rem;right:1rem;padding:.3rem .65rem;color:#086943;background:#d9f8e8;border-radius:999px;font-size:.72rem;font-weight:800}.advanced-import,.advanced-composer{margin-top:1rem;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.advanced-import summary,.advanced-composer summary{display:flex;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;cursor:pointer;list-style:none}.advanced-import summary span,.advanced-composer summary span{color:var(--muted);font-size:.82rem}.advanced-import .form-card{border:0;border-top:1px solid var(--line);border-radius:0}.apple-connect-card{text-align:center}.apple-connect-card .apple-mark{margin:0 auto 1rem}.simple-steps{display:grid;gap:.7rem;text-align:left;margin:1.4rem 0;padding-left:1.4rem}.pairing-code{margin:1rem 0;padding:1rem;color:#0b6b48;background:#e7f9ef;border:1px dashed #50bb86;border-radius:16px;font:800 2.2rem/1 monospace;letter-spacing:.2em}.sync-success{display:grid;gap:.3rem;margin:1.2rem 0;padding:1rem;color:#086943;background:#e7f9ef;border-radius:15px}.privacy-promise{margin-top:1.2rem;padding:1rem;text-align:left;background:#f5f8f6;border-radius:14px}.privacy-promise p{margin:.35rem 0 0;color:var(--muted)}
.post-composer{padding:1.4rem}.composer-message textarea{min-height:130px;font-size:1.05rem}.composer-basics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}.advanced-composer-body{display:grid;gap:1.2rem;padding:1.2rem;border-top:1px solid var(--line);background:#f8fbf9}.workout-share-settings{padding:1rem;background:#fff;border:1px solid var(--line);border-radius:15px}.workout-share-settings h2{margin-top:0}.metric-toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}.rich-post{border-top:4px solid var(--post-accent)}.sport-story{margin:.2rem 1rem 1rem;padding:1.1rem;background:linear-gradient(140deg,#f7fbf9,#edf7f2);border:1px solid #d6e9df;border-radius:17px}.sport-story>header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.sport-story h3{margin:.25rem 0}.intensity-pill{padding:.3rem .65rem;color:var(--post-accent);background:#fff;border-radius:999px;font-size:.72rem;font-weight:800}.sport-metrics{display:flex;gap:.55rem;overflow-x:auto;margin-top:.8rem;padding-bottom:.15rem}.sport-metrics div{display:grid;min-width:72px;padding:.65rem;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px}.sport-metrics strong{font-size:1.15rem}.sport-metrics span{color:var(--muted);font-size:.67rem}.science-summary{position:relative;margin-top:.8rem;padding:.9rem 5rem .9rem .9rem;background:#152a21;color:#fff;border-radius:13px}.science-summary>span{color:#77d8aa;font-size:.72rem;font-weight:800;text-transform:uppercase}.science-summary p{margin:.35rem 0 0;color:#d8e6df;font-size:.83rem}.micro-chart{position:absolute;right:1rem;bottom:.85rem;display:flex;align-items:end;gap:4px;width:46px;height:42px}.micro-chart i{display:block;width:12px;min-height:4px;background:#78d9aa;border-radius:4px 4px 1px 1px}.reaction-strip{display:flex}.reaction-strip form{flex:1}.reaction-strip button{width:100%;font-size:1.15rem}.gif-media{max-height:440px;object-fit:cover}.match-score{position:absolute;top:.8rem;right:.8rem;display:grid;place-items:center;width:48px;height:48px;color:#087f5b;background:#e4f8ed;border-radius:50%;font-weight:900}.match-score small{font-size:.55rem}.suggestion-card{position:relative}.match-reasons{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.5rem 0}.match-reasons span{padding:.28rem .5rem;color:#466158;background:#f1f6f3;border-radius:999px;font-size:.68rem}.discovery-empty{text-align:center;margin-top:1rem}
@media(max-width:720px){.sync-choice-grid,.composer-basics,.metric-toggle-grid{grid-template-columns:1fr}.advanced-import summary,.advanced-composer summary{flex-direction:column}.sport-story{margin:.2rem .7rem .8rem}.science-summary{padding-right:.9rem}.micro-chart{display:none}}

/* Linked music albums and bookable activity search */
.music-composer{display:grid;gap:1rem;padding:1.1rem;background:#fff;border:1px solid var(--line);border-radius:16px}.music-composer h2{margin:.15rem 0;font-size:1.35rem}.music-composer p,.music-composer>small{margin:0;color:var(--muted)}.playlist-page{display:grid;gap:1rem}.playlist-create{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem}.playlist-library{display:grid;gap:1rem}.playlist-editor{padding:1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.playlist-editor>header,.mood-player>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.playlist-editor h2,.mood-player h3{margin:.15rem 0}.playlist-tracks{display:grid;margin:.9rem 0;border-top:1px solid var(--line)}.playlist-tracks>div{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.playlist-tracks span:not(.provider-mark),.mood-track span:not(.provider-mark){display:grid}.playlist-tracks small,.mood-track small{color:var(--muted)}.provider-mark{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:#172a22;border-radius:11px;font-weight:900}.track-add{display:grid;grid-template-columns:.8fr 1.4fr auto;gap:.7rem}.mood-player{margin:.4rem 1rem 1rem;padding:1rem;background:#f6faf8;border:1px solid #d5e8de;border-radius:17px}.mood-track-list{display:grid;gap:.45rem;margin:.8rem 0}.mood-track{display:none;gap:.75rem;padding:.75rem;background:#fff;border:1px solid var(--line);border-radius:14px}.mood-track.is-active{display:grid}.mood-track-heading{display:flex;align-items:center;gap:.7rem}.mood-track iframe{display:block;width:100%;height:175px;border:0;border-radius:10px;background:#111}.mood-track[data-provider="YouTube"] iframe{height:auto;aspect-ratio:16/9}.mood-track[data-provider="Deezer"] iframe{height:300px}.mood-controls{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.mood-controls>span{width:100%;color:var(--muted);font-size:.82rem;text-align:center}
.mood-player-status{display:flex;align-items:center;gap:.6rem}.mood-mini-toggle{display:grid;place-items:center;width:5mm;height:5mm;min-height:5mm;padding:0;color:#fff;background:#142d23;border:0;border-radius:5px;font-size:8px;line-height:1;cursor:pointer;box-shadow:0 3px 8px rgba(15,40,30,.22)}.mood-player.is-collapsed{width:5mm;height:5mm;margin:.4rem 1rem 1rem;padding:0;background:transparent;border:0;overflow:visible}.mood-player.is-collapsed>header{display:block}.mood-player.is-collapsed>header>div:first-child,.mood-player.is-collapsed [data-mood-counter],.mood-player.is-collapsed .mood-track-list,.mood-player.is-collapsed .mood-controls{display:none}
.match-map-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:1rem;margin-top:1.2rem}.match-map{position:relative;min-height:280px;overflow:hidden;background:#e9f1ed;border:1px solid var(--line);border-radius:18px}.match-map iframe{width:100%;height:280px;border:0}.map-placeholder{position:absolute;inset:0;display:grid;place-content:center;gap:.35rem;text-align:center;color:var(--muted);background:radial-gradient(circle at center,#f8fcfa,#e8f2ed)}.map-placeholder[hidden]{display:none}.map-placeholder span{color:var(--brand);font-size:2.5rem}.map-placeholder small{max-width:300px}.rental-needs{padding:1.2rem;background:#122c22;color:#fff;border-radius:18px}.rental-needs h2{margin:.25rem 0 1rem;color:#fff;font-size:1.4rem}.rental-needs>.eyebrow{color:#7bdcae}.rental-needs>p{margin:1rem 0 0;color:#c8ddd3;font-size:.78rem}.rental-toggle{display:flex;align-items:flex-start;gap:.7rem;margin:.55rem 0;padding:.75rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px}.rental-toggle input{width:auto;margin-top:.25rem}.rental-toggle span{display:grid}.rental-toggle small{color:#c8ddd3}.nearby-rentals{padding:1rem;border-top:1px solid var(--line);background:#fbfdfc}.nearby-rentals>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.nearby-rentals h3{margin:.15rem 0}.secure-payment{color:var(--brand);font-size:.78rem;font-weight:800}.rental-offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.8rem}.rental-offer-grid>article{display:grid;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:15px}.rental-offer-grid article>p,.rental-offer-grid article>small{margin:.2rem 0;color:var(--muted)}.rental-kind{color:var(--brand);font-size:.7rem;font-weight:900;text-transform:uppercase}.rental-offer-grid footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem}.rental-offer-grid footer small{color:var(--muted);font-weight:400}.rental-empty{grid-column:1/-1;display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px dashed #abc8b9;border-radius:14px}.rental-empty>span{font-size:2rem}.rental-empty p{margin:.15rem 0;color:var(--muted)}
@media(max-width:800px){.match-map-layout,.rental-offer-grid{grid-template-columns:1fr}.playlist-create,.track-add{grid-template-columns:1fr}.playlist-tracks>div{grid-template-columns:auto 1fr}.playlist-tracks>div>a,.playlist-tracks>div>form{grid-column:2}.mood-player{margin:.4rem .7rem .8rem}}

/* Compact soundtrack identity and modern engagement */
.mood-player,.mood-player.is-collapsed{width:auto;height:auto;margin:.4rem 1rem .7rem;padding:.55rem .65rem;background:color-mix(in srgb,var(--music-accent) 7%,white);border:1px solid color-mix(in srgb,var(--music-accent) 45%,#dbe7e0);border-left:4px solid var(--music-accent);border-radius:13px;overflow:visible}.mood-compact-bar{display:grid!important;grid-template-columns:5mm minmax(0,1fr) auto;align-items:center;gap:.65rem}.mood-now-playing{display:grid;min-width:0}.mood-now-playing strong,.mood-now-playing small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mood-now-playing strong{font-size:.82rem}.mood-now-playing small{color:var(--muted);font-size:.69rem}.mood-counter{color:var(--muted);font-size:.68rem}.mood-hint{margin:.35rem 0 0 calc(5mm + .65rem);color:var(--muted);font-size:.65rem}.mood-player.is-collapsed .mood-track-list,.mood-player.is-collapsed .mood-controls{display:none}.mood-player:not(.is-collapsed) .mood-hint{margin-bottom:.55rem}.mood-mini-toggle{flex:0 0 5mm;background:var(--music-accent)}.track-add{grid-template-columns:.75fr .75fr 1.4fr auto}
.post-engagement{position:relative;border-top:1px solid var(--line)}.engagement-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem}.reaction-faces{display:flex;align-items:center}.reaction-faces span,.reaction-faces img{display:grid;place-items:center;width:27px;height:27px;margin-right:-6px;background:#fff;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 2px 7px rgba(20,40,32,.14);font-size:.85rem}.engagement-counts{color:var(--muted);background:transparent;border:0;font-size:.78rem}.engagement-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.engagement-actions>button{padding:.72rem;color:#486057;background:#fff;border:0;font-weight:750}.engagement-actions>button:hover{color:var(--brand);background:#f4faf7}.reaction-popover{position:absolute;z-index:8;left:.75rem;right:.75rem;bottom:3.2rem;padding:.75rem;background:rgba(255,255,255,.97);border:1px solid #d6e4dc;border-radius:18px;box-shadow:0 18px 45px rgba(14,40,29,.2);backdrop-filter:blur(14px)}.emoji-reactions{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.emoji-reactions form{margin:0}.emoji-reactions button{display:grid;place-items:center;width:100%;padding:.45rem .15rem;background:#f6faf8;border:1px solid transparent;border-radius:12px}.emoji-reactions button:hover{background:#e5f7ed;border-color:#a9d8c1;transform:translateY(-3px)}.emoji-reactions button span{font-size:1.35rem}.emoji-reactions button small{color:var(--muted);font-size:.55rem}.gif-reaction-form{display:grid;grid-template-columns:1fr auto;gap:.45rem;margin-top:.6rem}.gif-reaction-form input{margin:0}.gif-reaction-form button{padding:.5rem .8rem;color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777);border:0;border-radius:10px;font-weight:900}.engagement-panel{position:absolute;z-index:9;left:.75rem;right:.75rem;bottom:3.2rem;max-height:430px;overflow:auto;padding:1rem;background:rgba(255,255,255,.98);border:1px solid #d6e4dc;border-radius:18px;box-shadow:0 20px 55px rgba(14,40,29,.22);backdrop-filter:blur(16px)}.engagement-panel[hidden],.reaction-popover[hidden]{display:none!important}.engagement-panel>header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-1rem;margin:-1rem -1rem .6rem;padding:.8rem 1rem;background:#fff;border-bottom:1px solid var(--line)}.reactor-list{display:grid;gap:.35rem}.reactor-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.45rem;background:#f7faf8;border-radius:10px}.reactor-list img{width:34px;height:34px;object-fit:cover;border-radius:9px}.reactor-list small,.comments small{color:var(--muted);font-size:.68rem}.engagement-panel .comments{margin:.75rem 0;padding:.75rem;background:#f7faf8;border-radius:12px}.engagement-panel .comments p{display:grid;grid-template-columns:auto 1fr auto;gap:.4rem;margin:.35rem 0}.engagement-panel .comment-form{padding:0;border:0}.rich-post:hover .reaction-faces span{animation:reaction-float .45s ease both}@keyframes reaction-float{50%{transform:translateY(-3px) scale(1.12)}}
@media(max-width:640px){.emoji-reactions{grid-template-columns:repeat(4,1fr)}.emoji-reactions button small{display:none}.engagement-panel,.reaction-popover{left:.35rem;right:.35rem}.mood-player,.mood-player.is-collapsed{margin:.4rem .7rem .7rem}.mood-counter{display:none}.track-add{grid-template-columns:1fr}}

/* MoResLink: navigation claire, fil sobre et accessibilité renforcée */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-to-content{position:fixed;z-index:100;top:.5rem;left:.5rem;padding:.7rem 1rem;color:#fff;background:#10251d;border-radius:10px;transform:translateY(-160%)}
.skip-to-content:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #f3a712;outline-offset:3px}
.site-header{gap:1rem;min-height:70px;padding-inline:2.2vw}
.brand{flex:0 0 auto}.brand-logo{width:42px;height:42px}.global-search{position:relative;display:flex;align-items:center;flex:0 1 260px;margin:0}.global-search>span{position:absolute;left:.85rem;color:var(--muted);font-size:1.2rem}.global-search input{height:42px;margin:0;padding-left:2.35rem;background:#eef3f0;border-color:transparent;border-radius:999px}
.site-nav{gap:.22rem;margin-left:auto}.nav-item{display:grid;place-items:center;min-width:66px;min-height:54px;padding:.35rem .55rem;color:#52645c;border-bottom:3px solid transparent;border-radius:10px 10px 0 0}.nav-item>span{font-size:1.18rem;line-height:1}.nav-item>b{margin-top:.2rem;font-size:.67rem}.nav-item:hover,.nav-item.is-active{color:var(--brand);background:#f0f7f3}.nav-item.is-active{border-bottom-color:var(--brand)}.nav-icon{min-width:44px;border:0;border-radius:50%}.nav-icon>span{font-size:1.1rem}.avatar-link{display:flex;align-items:center;gap:.45rem;max-width:130px;padding:.3rem .55rem;border-radius:999px}.avatar-link:hover{background:#edf5f1}.avatar-initial{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;color:#fff;background:linear-gradient(135deg,#0b6b50,#24a574);border-radius:50%;font-weight:850;text-transform:uppercase}.avatar-initial.large{width:48px;height:48px;flex-basis:48px;font-size:1.15rem}.logout-link{color:var(--muted);font-size:.72rem}
.site-nav>a:not(.nav-item):not(.button){padding:.55rem .65rem;border-radius:10px}.site-nav>a:not(.nav-item):not(.button):hover{background:var(--brand-soft)}
.feed-welcome{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.35rem}.feed-welcome h1{margin-bottom:.35rem;font-size:clamp(2rem,4vw,3.25rem)}.feed-welcome p{margin:0;color:var(--muted)}.hu-feed-layout{grid-template-columns:minmax(0,720px) 320px}.quick-composer{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 28px rgba(20,48,37,.05)}.quick-composer-main{display:flex;align-items:center;gap:.8rem;padding:1rem}.quick-composer-main>span:last-child{flex:1;padding:.72rem 1rem;color:var(--muted);background:#f1f5f3;border-radius:999px}.quick-composer-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.quick-composer-actions a{padding:.72rem .35rem;text-align:center;color:#51645b;font-size:.82rem;font-weight:750}.quick-composer-actions a:hover{color:var(--brand);background:#f1f8f4}.feed-section-title{display:flex;align-items:end;justify-content:space-between;padding:.4rem .25rem}.feed-section-title h2{margin:0;font-size:1.35rem}.feed-section-title .eyebrow{margin-bottom:.15rem}.feed-order{color:var(--muted);font-size:.78rem}.feed-rail{position:sticky;top:88px;display:grid;gap:1rem}.compact-profile-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;padding:1rem;box-shadow:none}.compact-profile-card div{display:grid}.compact-profile-card small{color:var(--muted)}.compact-profile-card>a{grid-column:1/-1;color:var(--brand);font-size:.82rem;font-weight:750}.next-action-card{padding:1.25rem;background:linear-gradient(145deg,#102b21,#155c42);color:#fff}.next-action-card .eyebrow{color:#75d9aa}.next-action-card h2{margin-bottom:.5rem;font-size:1.45rem}.next-action-card p{color:#d3e4dc;font-size:.88rem}.rail-links{display:grid;padding:.35rem;box-shadow:none}.rail-links a{display:grid;grid-template-columns:38px 1fr;column-gap:.65rem;padding:.7rem;border-radius:12px}.rail-links a:hover{background:#eef7f2}.rail-links a>span{grid-row:1/3;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft);border-radius:11px}.rail-links small{color:var(--muted)}
.post-card{border-radius:20px}.post-meta{padding-bottom:.75rem}.post-body{font-size:.96rem}.sport-story{background:linear-gradient(145deg,#f7fbf9,#eef7f3)}.engagement-actions>button{min-height:46px}.engagement-counts{text-align:right}.post-media[alt]{background:#edf3f0}
@media(max-width:1250px){.global-search{display:none}.site-nav{gap:.1rem}.nav-item{min-width:58px}.avatar-link>span:last-child,.logout-link{display:none}}
@media(max-width:980px){.site-header{padding-inline:5vw}.site-nav{top:70px;max-height:calc(100vh - 70px);overflow:auto}.site-nav .nav-item{display:flex;justify-content:flex-start;gap:.7rem;width:100%;min-height:46px;border:0;border-radius:10px}.site-nav .nav-item>b{font-size:.9rem}.site-nav .nav-icon::after{font-size:.9rem;font-weight:700}.site-nav .nav-icon[href*="messages"]::after{content:"Messages"}.site-nav .nav-icon[href*="notifications"]::after{content:"Notifications"}.avatar-link>span:last-child,.logout-link{display:inline}.hu-feed-layout{grid-template-columns:1fr}.feed-rail{position:static;grid-template-columns:repeat(2,1fr)}.rail-links{grid-column:1/-1}}
@media(max-width:640px){body{padding-bottom:4.25rem}.page-shell{width:min(94vw,1180px)}.feed-welcome{align-items:flex-start;flex-direction:column}.feed-welcome .button{width:100%}.quick-composer-actions a{font-size:.72rem}.feed-rail{grid-template-columns:1fr}.site-footer{padding-bottom:5.5rem}.post-card{border-radius:16px}.post-meta{padding:.85rem}.post-body{padding-inline:.85rem}.engagement-summary{padding-inline:.85rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Deux thèmes MoResLink : papier clair et graphite nocturne */
html{color-scheme:light}
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#e8eaf0;
  --muted:#9399a5;
  --line:#222731;
  --surface:#0d1015;
  --surface-soft:#11151b;
  --canvas:#07090d;
  --brand:#72adff;
  --brand-dark:#3c89ff;
  --brand-soft:rgba(71,139,255,.12);
  --accent:#c9cdd4;
  --danger:#ff7676;
  --shadow:0 1px 0 rgba(255,255,255,.025),0 18px 46px rgba(0,0,0,.38),0 0 26px rgba(67,135,255,.025);
}
body,.site-header,.site-footer,.form-card,.panel,.post-card,.quick-composer,input,select,textarea,.button,.nav-item,.rail-links a,.device-card,.member-card,.event-card,.empty-state,.profile-hero,.composer,.side-links,.workout-row,.performance-panel,.match-search-card,.active-search,.playlist-editor,.music-composer,.advanced-import,.advanced-composer{transition:background-color .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:42px;height:42px;padding:.45rem .65rem;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);font-weight:750}
.theme-toggle:hover{color:var(--ink);box-shadow:0 0 0 3px var(--brand-soft),var(--shadow)}
.theme-toggle-label{font-size:.72rem}
html[data-theme="light"] .button-primary{box-shadow:0 0 0 1px rgba(255,255,255,.9),0 0 18px rgba(255,255,255,.95),0 8px 20px rgba(40,44,50,.09)}
html[data-theme="light"] .button-primary:hover{box-shadow:0 0 0 1px #fff,0 0 24px #fff,0 10px 24px rgba(40,44,50,.12)}
html[data-theme="light"] .form-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .post-card,
html[data-theme="light"] .quick-composer{box-shadow:0 1px 0 #fff,0 0 22px rgba(255,255,255,.92),0 16px 42px rgba(30,34,40,.055)}
html[data-theme="light"] .hero-visual{background:radial-gradient(circle at 72% 30%,rgba(255,255,255,.96) 0 8%,transparent 34%),linear-gradient(145deg,#f0f0ed,#e4e5e3);border:1px solid #fff;box-shadow:0 0 32px #fff,0 22px 54px rgba(35,39,45,.09)}
html[data-theme="light"] .hero-visual::before{color:rgba(58,62,68,.055)}
html[data-theme="light"] .sport-orbit{color:#5f646c;background:#fbfbf9;border:1px solid #fff;filter:grayscale(1);box-shadow:0 1px 0 #fff,0 14px 30px rgba(39,43,48,.08)}
html[data-theme="light"] .hero-match-card{color:var(--ink);background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:0 12px 30px rgba(37,41,46,.08)}
html[data-theme="light"] .status-dot{background:#8a9099;box-shadow:0 0 0 4px rgba(138,144,153,.1)}
html[data-theme="light"] .next-action-card,
html[data-theme="light"] .auth-aside,
html[data-theme="light"] .cta-band,
html[data-theme="light"] .match-hero{color:var(--ink);background:linear-gradient(145deg,#f2f2ef,#e8e9e7);border:1px solid #fff;box-shadow:0 1px 0 #fff,0 0 28px rgba(255,255,255,.9),0 18px 42px rgba(35,39,45,.07)}
html[data-theme="light"] :is(.next-action-card,.auth-aside,.cta-band,.match-hero) :is(h1,h2){color:var(--ink)}
html[data-theme="light"] :is(.next-action-card,.auth-aside,.match-hero) p{color:#666b73}
html[data-theme="light"] :is(.next-action-card,.auth-aside,.cta-band,.match-hero) .eyebrow{color:#727780}
html[data-theme="dark"] .brand-logo-light{display:none}
html[data-theme="dark"] .brand-logo-dark{display:block}
html[data-theme="dark"] .brand-mark{background:#08090b;border-color:#1c2027;box-shadow:0 0 18px rgba(114,173,255,.045)}
html[data-theme="dark"] body{background:radial-gradient(circle at 50% -15%,#10151e 0,transparent 34%),var(--canvas)}
html[data-theme="dark"] .site-header{background:rgba(7,9,13,.91);box-shadow:0 8px 30px rgba(0,0,0,.24)}
html[data-theme="dark"] .site-footer{background:#080a0e}
html[data-theme="dark"] .hero-visual{background:radial-gradient(circle at 72% 28%,rgba(73,142,255,.12) 0 8%,transparent 34%),linear-gradient(145deg,#0a0d12,#111722);border:1px solid #202632;box-shadow:0 0 34px rgba(65,137,255,.07),0 24px 58px rgba(0,0,0,.42)}
html[data-theme="dark"] .hero-visual::before{color:rgba(139,187,255,.055)}
html[data-theme="dark"] .sport-orbit{color:#b8c0cc;background:#11161d;border:1px solid #2a313c;filter:grayscale(1);box-shadow:0 0 20px rgba(77,148,255,.07),0 14px 34px rgba(0,0,0,.35)}
html[data-theme="dark"] .hero-match-card{color:var(--ink);background:rgba(14,18,24,.9);border:1px solid #29313d;box-shadow:0 0 24px rgba(72,145,255,.06),0 14px 34px rgba(0,0,0,.32)}
html[data-theme="dark"] .status-dot{background:#72adff;box-shadow:0 0 10px rgba(85,158,255,.48)}
html[data-theme="dark"] .global-search input,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{color:var(--ink);background:#0a0d12;border-color:#252b35}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#6f7682}
html[data-theme="dark"] :where(input,select,textarea):focus{border-color:#72adff;box-shadow:0 0 0 3px rgba(77,145,255,.13),0 0 18px rgba(77,145,255,.08)}
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .post-card,
html[data-theme="dark"] .quick-composer,
html[data-theme="dark"] .device-card,
html[data-theme="dark"] .member-card,
html[data-theme="dark"] .event-card,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .profile-hero,
html[data-theme="dark"] .composer,
html[data-theme="dark"] .side-links,
html[data-theme="dark"] .performance-panel,
html[data-theme="dark"] .match-search-card,
html[data-theme="dark"] .active-search,
html[data-theme="dark"] .playlist-editor,
html[data-theme="dark"] .music-composer,
html[data-theme="dark"] .advanced-import,
html[data-theme="dark"] .advanced-composer,
html[data-theme="dark"] .workout-share-settings{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme="dark"] .button-primary{color:#f8fbff;background:#236fdc;border-color:#438cff;box-shadow:0 0 0 1px rgba(135,185,255,.12),0 0 18px rgba(47,126,239,.18)}
html[data-theme="dark"] .button-primary:hover{background:#2f7cea;box-shadow:0 0 0 1px rgba(168,205,255,.2),0 0 25px rgba(55,137,255,.28)}
html[data-theme="dark"] .button-soft{color:#c7dfff;background:rgba(70,137,243,.1);border-color:rgba(99,157,249,.18)}
html[data-theme="dark"] .button-ghost,
html[data-theme="dark"] .button-light{color:var(--ink);background:#11151b;border-color:#2a303b;box-shadow:0 0 14px rgba(255,255,255,.025)}
html[data-theme="dark"] .nav-item:hover,
html[data-theme="dark"] .nav-item.is-active{color:#8dbdff;background:rgba(74,140,245,.075);text-shadow:0 0 13px rgba(97,161,255,.32)}
html[data-theme="dark"] .nav-item.is-active{border-bottom-color:#5ea1ff;box-shadow:inset 0 -8px 16px -13px #5ea1ff}
html[data-theme="dark"] .avatar-initial{color:#e9eef6;background:#151a22;border:1px solid #303847;box-shadow:0 0 14px rgba(101,164,255,.08)}
html[data-theme="dark"] .quick-composer-main>span:last-child,
html[data-theme="dark"] .rail-links a:hover,
html[data-theme="dark"] .engagement-actions>button:hover,
html[data-theme="dark"] .side-links a:hover{color:var(--ink);background:#12171e}
html[data-theme="dark"] .quick-composer-actions a,
html[data-theme="dark"] .engagement-actions>button{color:#a2a8b2;background:var(--surface)}
html[data-theme="dark"] .post-meta small,
html[data-theme="dark"] .post-body .muted,
html[data-theme="dark"] .facts dt{color:var(--muted)}
html[data-theme="dark"] .sport-story{background:linear-gradient(145deg,#10141a,#0c1016);border-color:#242b35}
html[data-theme="dark"] .sport-metrics div{background:#0a0d12;border-color:#252b35}
html[data-theme="dark"] .science-summary{background:#080b10;border:1px solid #252c37}
html[data-theme="dark"] .science-summary>span{color:#8dbdff}
html[data-theme="dark"] .micro-chart i{background:#579bfa;box-shadow:0 0 10px rgba(77,149,255,.16)}
html[data-theme="dark"] .mood-player,
html[data-theme="dark"] .mood-player.is-collapsed{background:#0e1218;border-color:#262d38}
html[data-theme="dark"] .mood-track,
html[data-theme="dark"] .reaction-popover,
html[data-theme="dark"] .engagement-panel,
html[data-theme="dark"] .engagement-panel>header{color:var(--ink);background:#10141a;border-color:#282f39}
html[data-theme="dark"] .reactor-list>div,
html[data-theme="dark"] .engagement-panel .comments{background:#0a0d12}
html[data-theme="dark"] .emoji-reactions button{background:#151a21}
html[data-theme="dark"] .emoji-reactions button:hover{background:#1a2533;border-color:#3c78c5}
html[data-theme="dark"] .next-action-card,
html[data-theme="dark"] .auth-aside,
html[data-theme="dark"] .cta-band,
html[data-theme="dark"] .match-hero{background:linear-gradient(145deg,#0c1016,#121924 70%,#172235)}
html[data-theme="dark"] .next-action-card .eyebrow,
html[data-theme="dark"] .auth-aside .eyebrow,
html[data-theme="dark"] .cta-band .eyebrow,
html[data-theme="dark"] .match-hero .eyebrow{color:#91bfff}
html[data-theme="dark"] .tag,
html[data-theme="dark"] .notification-icon,
html[data-theme="dark"] .rail-links a>span{color:#9fc8ff;background:rgba(72,141,250,.1)}
html[data-theme="dark"] .week-chart .chart-track,
html[data-theme="dark"] .active-search-head,
html[data-theme="dark"] .nearby-rentals,
html[data-theme="dark"] .advanced-composer-body{background:#0a0d12}
html[data-theme="dark"] .chart-track span{background:linear-gradient(#83b9ff,#2f78e5);box-shadow:0 0 12px rgba(64,139,255,.18)}
html[data-theme="dark"] .file-drop{background:#0a0d12;border-color:#303846}
html[data-theme="dark"] .provider-button{color:var(--ink);background:#10141a;border-color:#2b323d}
html[data-theme="dark"] .flash{color:var(--ink);background:#11161d;border-color:#5b9ef8}
html[data-theme="dark"] .skip-to-content{color:#0a0d12;background:#e8ebf0}
@media(max-width:980px){html[data-theme="dark"] .site-nav{background:rgba(8,10,14,.98)}}
@media(max-width:720px){.theme-toggle-label{display:none}.theme-toggle{padding:.4rem;width:42px}}

/* MoResLink v4: lumière continue, couleur vivante et interfaces sociales fluides */
body{position:relative;isolation:isolate;overflow-x:hidden}
body::before,body::after{content:"";position:fixed;z-index:-1;width:48vw;height:48vw;min-width:420px;min-height:420px;border-radius:50%;pointer-events:none;filter:blur(90px);opacity:.17}
body::before{top:-24vw;left:-15vw;background:radial-gradient(circle,#7f8cff 0,#7f8cff66 28%,transparent 68%)}
body::after{right:-22vw;bottom:-27vw;background:radial-gradient(circle,#48d7cf 0,#c36cff4d 35%,transparent 69%)}
.site-header{background:color-mix(in srgb,var(--canvas) 80%,transparent);border-bottom-color:color-mix(in srgb,var(--line) 62%,transparent);box-shadow:0 12px 42px rgba(45,52,68,.045);backdrop-filter:blur(24px) saturate(145%)}
.brand{gap:.42rem;text-shadow:0 1px 0 rgba(255,255,255,.8),0 0 16px rgba(255,255,255,.4)}
.brand-mark{width:48px;height:48px;overflow:visible;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}
.brand-mark::after{content:"";position:absolute;inset:5px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(112,145,226,.12),transparent 70%)}
.brand-symbol{display:block;width:48px;height:48px;overflow:visible;color:#555b66}.brand-symbol path{fill:none;stroke:currentColor;stroke-width:1.05;stroke-linejoin:round}.brand-symbol text{fill:currentColor;font:750 8px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.25px;text-anchor:middle}
.nav-item{position:relative}.nav-badge,.unread-badge{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;color:#fff;background:linear-gradient(135deg,#6f7cff,#ac63e8);border:2px solid var(--surface);border-radius:999px;box-shadow:0 0 14px rgba(112,103,255,.36);font-size:.63rem;font-style:normal;font-weight:900;line-height:1}
.nav-item>.nav-badge{position:absolute;top:3px;right:5px}
.button-primary{background:linear-gradient(125deg,#545dce,#7c5cdc 53%,#338fa2);border-color:rgba(255,255,255,.2);box-shadow:0 10px 26px rgba(86,82,191,.17),0 0 20px rgba(115,97,221,.12)}
.button-primary:hover{background:linear-gradient(125deg,#606be0,#8b68ec 53%,#3ba0b2);box-shadow:0 13px 32px rgba(86,82,191,.24),0 0 26px rgba(115,97,221,.2)}
.eyebrow{color:#686fc7}.tag,.rail-links a>span{color:#6269c5;background:rgba(107,111,207,.09)}
.network-header,.next-action-card,.auth-aside,.cta-band,.match-hero{background:linear-gradient(135deg,#34385a 0%,#4a4372 48%,#28676f 100%);box-shadow:0 20px 55px rgba(52,56,90,.16),0 0 36px rgba(100,93,202,.1)}
.network-header .eyebrow,.next-action-card .eyebrow,.auth-aside .eyebrow,.cta-band .eyebrow,.match-hero .eyebrow{color:#d8d9ff}

html[data-theme="light"] body{background:radial-gradient(circle at 52% -18%,#fff 0,transparent 38%),linear-gradient(145deg,#f6f6f4,#eceef2 57%,#f5f3f7)}
html[data-theme="light"] :is(h1,h2,h3,.brand,.nav-item>b,.profile-identity,.member-card strong,.conversation-row strong){color:#474b53;text-shadow:0 1px 0 #fff,0 0 12px rgba(255,255,255,.92),0 0 24px rgba(196,202,216,.2)}
html[data-theme="light"] :is(p,small,.muted,.facts dt,.message-meta small){text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 10px rgba(255,255,255,.66)}
html[data-theme="light"] .site-header{background:rgba(245,246,247,.73);box-shadow:0 1px 0 rgba(255,255,255,.88),0 14px 42px rgba(48,53,65,.045)}
html[data-theme="light"] .brand-symbol{color:#626872}
html[data-theme="light"] .nav-item:hover,html[data-theme="light"] .nav-item.is-active{color:#5f66bd;background:rgba(255,255,255,.48);text-shadow:0 0 15px rgba(255,255,255,1)}
html[data-theme="light"] .form-card,html[data-theme="light"] .panel,html[data-theme="light"] .post-card,html[data-theme="light"] .quick-composer,html[data-theme="light"] .member-card{background:rgba(255,255,255,.68);border-color:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(125%);box-shadow:0 1px 0 #fff,0 0 25px rgba(255,255,255,.82),0 18px 46px rgba(45,50,62,.07),12px 12px 36px rgba(91,105,190,.025)}

html[data-theme="dark"] body::before{background:radial-gradient(circle,#245dff 0,#653bda70 31%,transparent 70%);opacity:.2}
html[data-theme="dark"] body::after{background:radial-gradient(circle,#00b9c7 0,#6046d65c 36%,transparent 70%);opacity:.15}
html[data-theme="dark"] .site-header{background:rgba(7,9,14,.76);border-bottom-color:rgba(108,127,176,.1);box-shadow:0 12px 50px rgba(0,0,0,.3),0 4px 24px rgba(68,111,225,.045)}
html[data-theme="dark"] .brand-symbol{color:#e5efff}
html[data-theme="dark"] :is(h1,h2,h3,.brand,.nav-item>b,.profile-identity,.member-card strong,.conversation-row strong){color:#edf3ff;text-shadow:0 0 8px rgba(214,229,255,.25),0 0 22px rgba(91,148,255,.12)}
html[data-theme="dark"] :is(p,small,.muted,.facts dt,.message-meta small){text-shadow:0 0 10px rgba(164,191,233,.09)}
html[data-theme="dark"] .form-card,html[data-theme="dark"] .panel,html[data-theme="dark"] .post-card,html[data-theme="dark"] .quick-composer,html[data-theme="dark"] .member-card{background:rgba(13,16,23,.78);border-color:rgba(121,145,196,.12);backdrop-filter:blur(18px) saturate(120%);box-shadow:0 1px 0 rgba(255,255,255,.025),0 20px 52px rgba(0,0,0,.34),0 0 30px rgba(63,107,221,.045)}
html[data-theme="dark"] .network-header,html[data-theme="dark"] .next-action-card,html[data-theme="dark"] .auth-aside,html[data-theme="dark"] .cta-band,html[data-theme="dark"] .match-hero{background:linear-gradient(135deg,#101524 0%,#191a30 48%,#102a31 100%);border:1px solid rgba(125,149,210,.13);box-shadow:0 20px 60px rgba(0,0,0,.36),0 0 36px rgba(69,112,233,.075)}
html[data-theme="dark"] .button-primary{color:#fff;background:linear-gradient(125deg,#3c64d8,#7651d5 55%,#238596);border-color:rgba(151,181,255,.24);box-shadow:0 0 18px rgba(83,128,244,.22),0 10px 28px rgba(0,0,0,.2);text-shadow:0 0 9px rgba(255,255,255,.25)}
html[data-theme="dark"] .button-primary:hover{background:linear-gradient(125deg,#4b74eb,#865fe4 55%,#2c98aa);box-shadow:0 0 27px rgba(83,128,244,.34),0 13px 32px rgba(0,0,0,.26)}

.conversation-list{padding:0;overflow:hidden}.conversation-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--line);transition:background .18s ease,transform .18s ease}.conversation-row:last-child{border-bottom:0}.conversation-row:hover{background:var(--brand-soft)}.conversation-row:focus-visible{position:relative;z-index:2}.conversation-row img{width:56px;height:56px;object-fit:cover;border-radius:50%;box-shadow:0 7px 18px rgba(39,43,56,.12)}.conversation-row p{overflow:hidden;margin:.25rem 0 0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.conversation-row p span{color:var(--ink);font-weight:750}.conversation-row.has-unread{background:color-mix(in srgb,var(--brand-soft) 55%,transparent)}.conversation-row.has-unread p{color:var(--ink);font-weight:700}.conversation-arrow{color:var(--muted);font-size:1.8rem}.conversation-page{width:min(820px,100%);margin:0 auto}.conversation-shell{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.conversation-header{padding:1rem 1.2rem;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.conversation-header a{display:inline-flex;align-items:center;gap:.75rem}.conversation-header img{width:48px;height:48px;object-fit:cover;border-radius:50%}.conversation-header span{display:grid}.conversation-header small{color:var(--muted)}.conversation-thread{display:flex;flex-direction:column;gap:.65rem;min-height:360px;max-height:58vh;overflow-y:auto;padding:1.2rem;background:linear-gradient(155deg,color-mix(in srgb,var(--canvas) 88%,transparent),color-mix(in srgb,var(--brand-soft) 32%,var(--canvas)))}.bubble{max-width:min(75%,560px);padding:.72rem .9rem;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 22px rgba(31,38,54,.05)}.bubble p{margin:0;white-space:pre-wrap}.bubble small{display:block;margin-top:.3rem;color:var(--muted);font-size:.67rem}.bubble.is-mine{align-self:flex-end;color:#fff;background:linear-gradient(135deg,#5366c8,#7654c9);border-color:transparent;border-bottom-right-radius:5px}.bubble.is-mine small{color:#dfe3ff;text-align:right}.bubble.is-theirs{align-self:flex-start;background:var(--surface);border-bottom-left-radius:5px}.conversation-start{margin:auto;text-align:center;color:var(--muted)}.conversation-start span{display:block;font-size:2rem}.conversation-composer{display:grid;grid-template-columns:1fr auto;gap:.6rem;padding:1rem 1.2rem;margin:0;border-top:1px solid var(--line)}.conversation-composer textarea{min-height:48px;max-height:150px;margin:0;resize:none}.conversation-composer>small{grid-column:1/-1;color:var(--muted);font-size:.68rem}.conversation-composer .button{align-self:start;min-height:48px}
@media(max-width:640px){.conversation-row{grid-template-columns:46px minmax(0,1fr) auto;padding:.85rem}.conversation-row img{width:46px;height:46px}.bubble{max-width:88%}.conversation-composer{grid-template-columns:1fr}.conversation-composer .button{width:100%}.conversation-composer>small{grid-column:1}.nav-item>.nav-badge{position:static;margin-left:auto}.brand>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){body::before,body::after{display:none}}

/* MoResLink — système visuel spectral */
:root{
  --mrl-blue:#4d7dff;
  --mrl-cyan:#00d8ff;
  --mrl-violet:#8b5cf6;
  --mrl-pink:#f33bb7;
  --mrl-amber:#ffb52e;
  --mrl-green:#22e19b;
  --mrl-spectrum:linear-gradient(110deg,var(--mrl-cyan),var(--mrl-blue) 27%,var(--mrl-violet) 49%,var(--mrl-pink) 69%,var(--mrl-amber) 86%,var(--mrl-green));
  --mrl-glow:0 0 18px rgba(77,125,255,.18),0 0 42px rgba(139,92,246,.08);
  --mrl-glow-strong:0 0 8px rgba(255,255,255,.28),0 0 23px rgba(0,216,255,.24),0 0 48px rgba(139,92,246,.14);
}

html[data-theme="light"]{
  --ink:#242936;
  --muted:#687083;
  --line:rgba(69,78,104,.13);
  --surface:rgba(255,255,255,.72);
  --surface-soft:rgba(247,249,253,.76);
  --canvas:#f2f4f8;
  --brand:#5268db;
  --brand-dark:#384db8;
  --brand-soft:rgba(82,104,219,.09);
  --accent:#755acb;
  --shadow:0 1px 0 rgba(255,255,255,.95),0 18px 48px rgba(38,45,68,.09),0 0 26px rgba(255,255,255,.72);
}

html[data-theme="dark"]{
  --ink:#f0f5ff;
  --muted:#9da8bd;
  --line:rgba(139,163,219,.14);
  --surface:rgba(12,15,24,.78);
  --surface-soft:rgba(16,20,31,.75);
  --canvas:#06070c;
  --brand:#7bb2ff;
  --brand-dark:#4e8fff;
  --brand-soft:rgba(85,139,255,.11);
  --accent:#ad88ff;
  --shadow:0 1px 0 rgba(255,255,255,.035),0 22px 58px rgba(0,0,0,.42),0 0 32px rgba(56,105,222,.065);
}

body{
  background:
    radial-gradient(circle at 10% -8%,rgba(0,216,255,.11),transparent 28rem),
    radial-gradient(circle at 89% 4%,rgba(243,59,183,.08),transparent 30rem),
    radial-gradient(circle at 72% 92%,rgba(139,92,246,.08),transparent 34rem),
    var(--canvas)!important;
}
body::before,body::after{animation:mrl-ambient 15s ease-in-out infinite alternate;filter:blur(105px)}
body::before{background:radial-gradient(circle,rgba(0,216,255,.72),rgba(77,125,255,.4) 35%,transparent 70%)}
body::after{background:radial-gradient(circle,rgba(243,59,183,.48),rgba(139,92,246,.35) 36%,transparent 70%);animation-delay:-7s}

.site-header{
  min-height:78px;
  background:linear-gradient(100deg,color-mix(in srgb,var(--canvas) 88%,transparent),color-mix(in srgb,var(--canvas) 72%,transparent),color-mix(in srgb,var(--canvas) 88%,transparent))!important;
  border:0!important;
  box-shadow:0 18px 54px rgba(25,32,54,.08),inset 0 -1px 0 rgba(126,154,220,.08)!important;
  backdrop-filter:blur(26px) saturate(155%);
}
.site-header::after{
  content:"";position:absolute;left:5%;right:5%;bottom:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(0,216,255,.32),rgba(139,92,246,.25),rgba(243,59,183,.22),transparent);
  filter:blur(.2px);opacity:.72;
}
.brand{gap:.15rem;min-width:178px;font-weight:900;letter-spacing:-.045em}
.brand-mark{position:relative;width:68px!important;height:62px!important;overflow:visible!important}
.brand-mark::before{
  content:"";position:absolute;inset:8px;border-radius:50%;background:conic-gradient(from 15deg,rgba(255,181,46,.3),rgba(243,59,183,.25),rgba(77,125,255,.3),rgba(0,216,255,.28),rgba(34,225,155,.24),rgba(255,181,46,.3));
  filter:blur(16px);animation:mrl-logo-pulse 4.6s ease-in-out infinite;
}
.brand-mark::after{inset:10px!important;background:radial-gradient(circle,rgba(255,255,255,.19),rgba(77,125,255,.1) 38%,transparent 70%)!important;filter:blur(7px)}
.brand-logo{position:relative!important;z-index:1!important;width:68px!important;height:62px!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 0 7px rgba(0,216,255,.2)) drop-shadow(0 0 16px rgba(139,92,246,.12))}
.brand-wordmark{background:var(--mrl-spectrum);background-size:170% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;animation:mrl-spectrum 8s linear infinite}

.global-search input{
  background:color-mix(in srgb,var(--surface) 87%,transparent)!important;border:1px solid var(--line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.025),0 10px 28px rgba(18,25,45,.07);
}
.global-search:focus-within input{border-color:rgba(83,151,255,.55)!important;box-shadow:0 0 0 3px rgba(77,125,255,.1),0 0 24px rgba(0,216,255,.11)!important}
.nav-item{border:1px solid transparent!important;border-radius:14px!important;transition:color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease!important}
.nav-item:hover,.nav-item.is-active{transform:translateY(-1px);background:color-mix(in srgb,var(--brand-soft) 72%,transparent)!important;border-color:rgba(107,154,255,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 18px rgba(77,125,255,.11),0 9px 20px rgba(22,27,46,.06)!important}
.nav-item.is-active::after{content:"";position:absolute;left:20%;right:20%;bottom:3px;height:2px;border-radius:99px;background:var(--mrl-spectrum);box-shadow:0 0 8px rgba(0,216,255,.5),0 0 14px rgba(243,59,183,.2)}
.nav-item>span{filter:drop-shadow(0 0 7px currentColor)}
.theme-toggle,.nav-toggle{background:color-mix(in srgb,var(--surface) 84%,transparent)!important;border:1px solid var(--line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--mrl-glow)!important}
.avatar-initial{background:var(--mrl-spectrum)!important;box-shadow:0 0 18px rgba(77,125,255,.24)!important}
.nav-badge,.unread-badge{background:linear-gradient(135deg,var(--mrl-cyan),var(--mrl-violet) 56%,var(--mrl-pink))!important;box-shadow:0 0 16px rgba(90,122,255,.5)!important}

.page-shell{position:relative}
.page-shell::before{content:"";position:absolute;z-index:-1;top:1rem;left:12%;right:12%;height:120px;background:linear-gradient(90deg,transparent,rgba(0,216,255,.05),rgba(139,92,246,.07),rgba(243,59,183,.04),transparent);filter:blur(38px);pointer-events:none}
:is(.panel,.form-card,.post-card,.quick-composer,.member-card,.event-card,.device-card,.profile-hero,.composer,.side-links,.conversation-shell,.performance-panel,.match-search-card,.active-search,.playlist-editor,.music-composer,.advanced-import,.advanced-composer,.workout-share-settings,.empty-state){
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,white 3%),color-mix(in srgb,var(--surface-soft) 94%,transparent))!important;
  border:1px solid var(--line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.03),var(--shadow)!important;
  backdrop-filter:blur(20px) saturate(132%);
}
:is(.panel,.form-card,.post-card,.quick-composer,.member-card,.event-card,.device-card,.profile-hero,.composer,.conversation-shell){position:relative}
:is(.panel,.form-card,.post-card,.quick-composer,.member-card,.event-card,.device-card,.profile-hero,.composer,.conversation-shell)::before{
  content:"";position:absolute;z-index:0;inset:-1px;pointer-events:none;border-radius:inherit;padding:1px;
  background:linear-gradient(120deg,rgba(0,216,255,.18),transparent 25%,transparent 68%,rgba(243,59,183,.13));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;
}
:is(.panel,.form-card,.post-card,.quick-composer,.member-card,.event-card,.device-card,.composer):hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 58px rgba(22,28,48,.12),0 0 28px rgba(77,125,255,.08)!important}

h1,h2,h3,.brand,.profile-identity,.conversation-row strong{letter-spacing:-.035em}
html[data-theme="dark"] :is(h1,h2,h3,.nav-item>b,.profile-identity,.conversation-row strong){text-shadow:0 0 9px rgba(225,238,255,.2),0 0 25px rgba(77,125,255,.11)!important}
html[data-theme="light"] :is(h1,h2,h3,.nav-item>b,.profile-identity,.conversation-row strong){text-shadow:0 1px 0 #fff,0 0 15px rgba(255,255,255,.92),0 0 28px rgba(85,112,195,.08)!important}
.eyebrow{background:var(--mrl-spectrum);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:mrl-spectrum 9s linear infinite}

.button{position:relative;isolation:isolate;overflow:hidden;border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(17,23,42,.08);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.button::before{content:"";position:absolute;z-index:-1;top:-120%;bottom:-120%;left:-45%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(17deg);transition:left .6s ease}
.button:hover::before{left:115%}
.button:hover{transform:translateY(-2px);filter:saturate(1.1)}
.button-primary{color:#fff!important;background:linear-gradient(115deg,#166fd9,var(--mrl-blue) 32%,var(--mrl-violet) 63%,#c43aa5)!important;border-color:rgba(161,195,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 18px rgba(77,125,255,.28),0 0 38px rgba(139,92,246,.13),0 12px 28px rgba(35,43,92,.19)!important;text-shadow:0 0 10px rgba(255,255,255,.32)}
.button-primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 25px rgba(0,216,255,.3),0 0 50px rgba(139,92,246,.2),0 15px 32px rgba(31,39,85,.24)!important}
.button-soft,.button-ghost,.button-light{background:color-mix(in srgb,var(--surface) 91%,var(--brand-soft))!important;border-color:rgba(114,151,230,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 17px rgba(77,125,255,.055)!important}
.button-soft:hover,.button-ghost:hover,.button-light:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 22px rgba(77,125,255,.14)!important}

input,select,textarea{background:color-mix(in srgb,var(--surface-soft) 93%,transparent)!important;border-color:var(--line)!important;box-shadow:inset 0 1px 3px rgba(13,20,39,.055),0 1px 0 rgba(255,255,255,.04);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important}
input:focus,select:focus,textarea:focus{border-color:rgba(79,154,255,.6)!important;box-shadow:0 0 0 3px rgba(77,125,255,.1),0 0 24px rgba(0,216,255,.1),inset 0 1px 3px rgba(13,20,39,.04)!important}

.network-header,.next-action-card,.auth-aside,.cta-band,.match-hero,.coach-card{
  position:relative;overflow:hidden;color:#fff!important;
  background:radial-gradient(circle at 9% 4%,rgba(0,216,255,.17),transparent 35%),radial-gradient(circle at 92% 100%,rgba(243,59,183,.15),transparent 38%),linear-gradient(135deg,#0d1630,#15152d 48%,#102e35)!important;
  border:1px solid rgba(124,164,255,.17)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 24px 64px rgba(10,17,39,.26),0 0 36px rgba(77,125,255,.11)!important;
}
:is(.network-header,.next-action-card,.auth-aside,.cta-band,.match-hero,.coach-card)::after{content:"";position:absolute;right:-12%;bottom:-70%;width:55%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 40deg,rgba(0,216,255,.24),rgba(139,92,246,.18),rgba(243,59,183,.2),rgba(255,181,46,.18),rgba(0,216,255,.24));filter:blur(34px);opacity:.38;pointer-events:none}
:is(.network-header,.next-action-card,.auth-aside,.cta-band,.match-hero,.coach-card) :is(h1,h2,h3){color:#f6f8ff!important;text-shadow:0 0 12px rgba(255,255,255,.2),0 0 30px rgba(77,125,255,.18)!important}
:is(.network-header,.next-action-card,.auth-aside,.cta-band,.match-hero,.coach-card) p{color:#c5ccdc!important}

.profile-hero{overflow:hidden!important}
.cover{position:relative;box-shadow:inset 0 -46px 60px -30px rgba(5,8,15,.65)}
.profile-avatar{border-color:color-mix(in srgb,var(--surface) 94%,transparent)!important;box-shadow:0 0 0 1px rgba(130,166,247,.18),0 0 24px rgba(77,125,255,.18),0 12px 32px rgba(0,0,0,.2)!important}
.tag,.relationship-pill,.intensity-pill{background:linear-gradient(120deg,rgba(0,216,255,.09),rgba(77,125,255,.12),rgba(139,92,246,.1))!important;border:1px solid rgba(99,154,255,.12);box-shadow:0 0 14px rgba(77,125,255,.055)}

.post-card{overflow:visible!important}
.post-media{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.post-actions button,.engagement-actions>button{background:transparent!important;transition:color .18s ease,background .18s ease,text-shadow .18s ease!important}
.post-actions button:hover,.engagement-actions>button:hover{color:var(--brand)!important;background:var(--brand-soft)!important;text-shadow:0 0 12px rgba(77,125,255,.25)}
.sport-story{background:linear-gradient(145deg,color-mix(in srgb,var(--surface-soft) 90%,rgba(0,216,255,.04)),color-mix(in srgb,var(--surface-soft) 88%,rgba(139,92,246,.05)))!important;border-color:rgba(105,151,244,.13)!important}
.sport-metrics div,.science-summary{background:color-mix(in srgb,var(--surface) 91%,transparent)!important;border:1px solid var(--line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 16px rgba(77,125,255,.04)}
.micro-chart i,.chart-track span{background:linear-gradient(180deg,var(--mrl-cyan),var(--mrl-blue) 48%,var(--mrl-violet))!important;box-shadow:0 0 12px rgba(0,216,255,.22),0 0 22px rgba(139,92,246,.12)!important}
.reaction-popover,.engagement-panel{background:color-mix(in srgb,var(--surface) 96%,transparent)!important;border-color:rgba(117,157,241,.18)!important;box-shadow:0 24px 65px rgba(8,13,31,.28),0 0 32px rgba(77,125,255,.1)!important;backdrop-filter:blur(25px) saturate(145%)}

.conversation-shell{box-shadow:0 25px 70px rgba(8,13,31,.24),0 0 42px rgba(77,125,255,.09)!important}
.conversation-thread{background:radial-gradient(circle at 5% 0,rgba(0,216,255,.055),transparent 35%),radial-gradient(circle at 95% 100%,rgba(243,59,183,.045),transparent 35%),color-mix(in srgb,var(--canvas) 92%,transparent)!important}
.bubble{box-shadow:0 10px 28px rgba(12,18,38,.11),0 0 18px rgba(77,125,255,.035)!important}
.bubble.is-mine{background:linear-gradient(135deg,#287ce4,var(--mrl-blue) 40%,var(--mrl-violet) 78%,#b74aa9)!important;box-shadow:0 0 22px rgba(77,125,255,.19),0 12px 28px rgba(22,31,75,.18)!important}
.bubble.is-theirs{background:color-mix(in srgb,var(--surface) 94%,transparent)!important}
.conversation-composer{background:color-mix(in srgb,var(--surface) 89%,transparent);backdrop-filter:blur(20px)}

.site-footer{background:linear-gradient(90deg,color-mix(in srgb,var(--canvas) 95%,transparent),color-mix(in srgb,var(--surface) 75%,transparent),color-mix(in srgb,var(--canvas) 95%,transparent))!important;border-top:1px solid rgba(115,151,227,.1)!important}

@keyframes mrl-spectrum{to{background-position:170% 0}}
@keyframes mrl-logo-pulse{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:.95;transform:scale(1.08)}}
@keyframes mrl-ambient{0%{transform:translate3d(-2%,0,0) scale(.92)}100%{transform:translate3d(7%,5%,0) scale(1.08)}}

@media(max-width:980px){
  .site-header{min-height:70px}.brand{min-width:auto}.brand-mark{width:58px!important;height:54px!important}.brand-logo{width:58px!important;height:54px!important}
  .site-nav{background:color-mix(in srgb,var(--canvas) 96%,transparent)!important;backdrop-filter:blur(26px) saturate(140%);box-shadow:0 24px 55px rgba(7,11,26,.26),0 0 32px rgba(77,125,255,.08)}
}
@media(max-width:640px){.brand-wordmark{display:none}.site-header{padding-inline:3vw}.page-shell::before{left:0;right:0}}
@media(prefers-reduced-motion:reduce){.brand-wordmark,.brand-mark::before,body::before,body::after{animation:none!important}}

/* Le profil reste personnel sans rompre la continuité du thème global. */
.personal-profile{
  margin:-1.5rem;padding:1.5rem;border:1px solid rgba(115,151,227,.09);border-radius:30px;
  background:radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--profile-accent) 15%,transparent),transparent 32rem),color-mix(in srgb,var(--profile-bg) 8%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 46px rgba(77,125,255,.045);
}
html[data-theme="light"] .personal-profile{background:radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--profile-accent) 11%,transparent),transparent 32rem),color-mix(in srgb,var(--profile-bg) 18%,transparent)!important}

.hero-visual{
  isolation:isolate;background:radial-gradient(circle at 50% 43%,rgba(77,125,255,.22),transparent 28%),radial-gradient(circle at 76% 25%,rgba(243,59,183,.12),transparent 30%),linear-gradient(145deg,#070b17,#0b1020 50%,#100c20)!important;
  border:1px solid rgba(117,158,245,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 38px rgba(77,125,255,.14),0 30px 75px rgba(7,11,25,.34)!important;
}
.hero-visual::before{content:"MORE\A CONNECTION"!important;left:28px!important;top:30px!important;color:rgba(196,215,255,.035)!important;font-size:4.3rem!important}
.hero-brand-logo{position:absolute;z-index:2;top:44%;left:50%;width:min(68%,330px);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 0 12px rgba(0,216,255,.2)) drop-shadow(0 0 30px rgba(139,92,246,.18));animation:mrl-hero-float 5.2s ease-in-out infinite}
.hero-light-ring{position:absolute;z-index:1;top:44%;left:50%;aspect-ratio:1;border:1px solid rgba(104,151,255,.18);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px rgba(0,216,255,.08),inset 0 0 28px rgba(139,92,246,.06)}
.hero-light-ring.ring-one{width:73%;animation:mrl-ring 12s linear infinite}.hero-light-ring.ring-two{width:54%;border-style:dashed;animation:mrl-ring-reverse 9s linear infinite}
.sport-orbit{z-index:3;display:grid!important;align-content:center;width:92px!important;height:68px!important;color:#edf5ff!important;background:rgba(12,17,31,.76)!important;border:1px solid rgba(120,160,245,.16)!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 22px rgba(77,125,255,.12)!important;backdrop-filter:blur(14px)}
.sport-orbit span{font-size:.95rem;font-weight:900}.sport-orbit small{color:#9daac1;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}
.hero-match-card{z-index:4;background:rgba(12,17,29,.88)!important;border:1px solid rgba(120,160,245,.16)!important;box-shadow:0 18px 42px rgba(5,9,21,.35),0 0 25px rgba(77,125,255,.1)!important;backdrop-filter:blur(18px)}
.hero-match-card strong{color:#f2f6ff}.hero-match-card small{color:#9faabe}
@keyframes mrl-hero-float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 9px))}}
@keyframes mrl-ring{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes mrl-ring-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media(max-width:850px){.personal-profile{margin:-.75rem;padding:.75rem}}
@media(prefers-reduced-motion:reduce){.hero-brand-logo,.hero-light-ring{animation:none!important}}

/* Vérification de compte */
.verification-choice{border:1px solid color-mix(in srgb,var(--mrl-blue) 30%,var(--line));border-radius:16px;margin:20px 0;padding:16px;background:color-mix(in srgb,var(--surface) 90%,var(--mrl-violet) 10%)}
.verification-choice legend{padding:0 8px;font-weight:750}.verification-option{align-items:center;cursor:pointer;display:flex;gap:10px;margin:8px 0}.verification-option input{accent-color:var(--mrl-blue);height:18px;width:18px}
.verification-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 180px);padding:48px 16px}
.verification-card{background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--mrl-blue) 16%,transparent),transparent 35%),color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--mrl-violet) 35%,var(--line));border-radius:24px;box-shadow:0 20px 70px color-mix(in srgb,var(--mrl-blue) 13%,transparent),var(--shadow-soft);max-width:560px;padding:clamp(28px,6vw,52px);text-align:center;width:100%}
.verification-card h1{margin:12px 0}.verification-card p{color:var(--muted);line-height:1.65}.verification-icon{align-items:center;background:linear-gradient(135deg,var(--mrl-blue),var(--mrl-violet),var(--mrl-pink));border-radius:50%;box-shadow:0 0 32px color-mix(in srgb,var(--mrl-blue) 45%,transparent);color:#fff;display:inline-flex;font-size:30px;font-weight:900;height:64px;justify-content:center;margin-bottom:22px;width:64px}
.verification-code-form input[type="text"]{font-size:28px;font-weight:800;letter-spacing:.35em;margin:18px 0 14px;text-align:center}.verification-card form+form{margin-top:12px}.verification-back{display:inline-block;margin-top:20px}.verification-help{font-size:.92rem}