/* myStrava V2 — thème "Ascension" (unique, assumé, pas de bascule clair/sombre). Couchant sur un col : violet nocturne -> braise -> ambre, brume, soleil qui respire, profil altimétrique comme motif récurrent. Choix validé par l'utilisateur. */ * { box-sizing: border-box; } /* Rendu texte IA riche (2026-08-17) — sortie de formatAiText()/formatAiBold() (layout.php), utilisé partout où Gemini génère du texte libre : Coach IA, analyse d'activité, bilan bien-être, bannières du plan. Générique (pas scopé à une classe parente) car ces mêmes marqueurs (**gras**, *italique*, ==surligné==, __souligné__, listes à puces, ##titres) ressortent dans des conteneurs différents selon la page. */ strong { font-weight: 700; } em { font-style: italic; color: #E3BBA0; } mark { background: rgba(255,194,77,0.32); color: inherit; padding: 0 3px; border-radius: 3px; } u { text-decoration: underline; text-decoration-color: #FFC24D; text-decoration-thickness: 2px; text-underline-offset: 2px; } .ai-heading { font-weight: 700; color: #FFC24D; font-size: 1.02em; margin: 12px 0 4px; } .ai-heading:first-child { margin-top: 0; } .ai-list { margin: 4px 0 8px; padding-left: 20px; } .ai-list li { margin-bottom: 4px; } .ai-list li::marker { color: #FFC24D; } .ai-table-wrap { overflow-x: auto; margin: 6px 0 10px; -webkit-overflow-scrolling: touch; } .ai-table { border-collapse: collapse; font-size: 0.86em; min-width: 100%; } .ai-table th { text-align: left; font-weight: 700; color: #FFC24D; padding: 6px 10px; border-bottom: 1px solid rgba(255,194,77,0.4); white-space: nowrap; } .ai-table td { padding: 6px 10px; border-bottom: 1px solid rgba(255,255,255,0.08); vertical-align: top; } .ai-table tbody tr:nth-child(even) td { background: rgba(255,255,255,0.03); } html, body { margin: 0; padding: 0; min-height: 100%; /* Filet de sécurité inconditionnel : aucune page de ce site n'a besoin de défilement horizontal, et un débordement local (mot trop long, chaîne flex imbriquée sans min-width:0 quelque part) ne doit jamais élargir la page entière plutôt que déborder proprement dans son propre conteneur (retour utilisateur 2026-08-16 sur coach.php, persistant malgré plusieurs correctifs ciblés — ceci les rend redondants mais pas inutiles : mieux vaut ne jamais dépendre uniquement de ce filet). */ overflow-x: hidden; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #FBF3EA; background: linear-gradient(180deg, #1B0F2E 0%, #4A2140 32%, #A83F26 68%, #E07A1E 100%); background-attachment: fixed; } a { color: #FFC24D; } a:hover { color: #FF7A1A; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } } /* Atmosphère (brume + soleil), injectée par renderHeader() sur chaque page ---------------- */ .atmosphere { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; } .atmosphere .mist { position: absolute; border-radius: 50%; filter: blur(30px); background: radial-gradient(circle, rgba(255,255,255,0.14), transparent 70%); } .atmosphere .mist.m1 { width: 340px; height: 140px; top: 12%; left: -5%; animation: drift1 22s ease-in-out infinite; } .atmosphere .mist.m2 { width: 260px; height: 110px; top: 26%; right: -8%; animation: drift2 26s ease-in-out infinite; } .atmosphere .mist.m3 { width: 200px; height: 90px; top: 6%; left: 40%; animation: drift1 30s ease-in-out infinite reverse; } @keyframes drift1 { 0%,100% { transform: translateX(0); } 50% { transform: translateX(60px); } } @keyframes drift2 { 0%,100% { transform: translateX(0); } 50% { transform: translateX(-70px); } } .atmosphere .sun { position: absolute; left: 50%; top: 34%; width: 260px; height: 260px; margin-left: -130px; border-radius: 50%; background: radial-gradient(circle, rgba(255,215,140,0.7) 0%, rgba(255,150,50,0.28) 45%, rgba(255,150,50,0) 72%); animation: sunpulse 4.5s ease-in-out infinite; } @keyframes sunpulse { 0%,100% { opacity: 0.7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.08); } } /* Nav ------------------------------------------------------------------------------------- */ .topnav { /* z-index 20 (pas 10) : .nav-links est un DESCENDANT de .topnav, donc son propre z-index:16 (plus bas) n'est comparé qu'aux autres enfants de .topnav — il ne "sort" jamais du contexte d'empilement créé ici par position+z-index. Avec .topnav à 10, .nav-backdrop (z-index:15, un frère de