/* Onglet Séance — refonte visuelle de l'écran de départ.
   Couche chargée en dernier : les feuilles précédentes utilisent !important,
   d'où la portée #v-add.local-session-home. Ne fixe jamais `display` sur les
   éléments .sx-pre, pour laisser « body.session-logger-open #v-add .sx-pre »
   les masquer pendant une séance. Suit l'accent du thème actif. */

#v-add.local-session-home{position:relative;isolation:isolate}
#v-add.local-session-home::before{content:'';position:absolute;z-index:-1;left:-20px;right:-20px;top:-30px;height:380px;pointer-events:none;background:radial-gradient(70% 60% at 90% 0%,rgba(var(--accent-rgb),.2),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%23fff' stroke-opacity='.07' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/28px 50px;-webkit-mask-image:linear-gradient(to bottom,#000 25%,transparent);mask-image:linear-gradient(to bottom,#000 25%,transparent)}
body.session-logger-open #v-add.local-session-home::before{display:none}

/* Titre */
#v-add.local-session-home .session-hero-title{font:900 46px/.95 'Barlow Condensed',sans-serif!important;text-transform:uppercase;letter-spacing:.3px!important}

/* Refaire ma dernière séance */
#v-add.local-session-home #repeat-last-session{position:relative;overflow:hidden;gap:14px!important;min-height:76px;padding:14px 14px 14px 14px!important;border-radius:20px!important;border:1px solid transparent!important;background:linear-gradient(160deg,#16161b,#0e0e11) padding-box,linear-gradient(120deg,rgba(var(--accent-rgb),.7),rgba(255,255,255,.08) 40%,rgba(255,255,255,.06) 70%,rgba(var(--accent-rgb),.45)) border-box!important;box-shadow:0 12px 28px rgba(0,0,0,.35)!important}
#v-add.local-session-home .repeat-last-ic{display:grid!important;place-items:center;flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:50%!important;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.35),rgba(var(--accent-rgb),.6) 50%,rgba(var(--accent-rgb),.2) 80%)!important;color:#fff!important;font-size:21px!important;box-shadow:0 8px 20px rgba(var(--accent-rgb),.4)}
#v-add.local-session-home .repeat-last-copy b{font-size:15px!important}
#v-add.local-session-home .repeat-last-copy small{font-size:11.5px!important}
#v-add.local-session-home .repeat-last-go{padding:9px 13px;border-radius:999px;background:var(--accent);color:#fff!important;font-size:11px!important;box-shadow:0 6px 16px rgba(var(--accent-rgb),.45)}

/* Action principale */
#v-add.local-session-home #session-primary-action.local-illustrated-action{min-height:168px!important;padding:24px 20px!important;align-items:flex-end!important;border:0!important;border-radius:26px!important;overflow:hidden!important;background:radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.26),transparent 50%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 72%,#fff),var(--accent) 45%,color-mix(in srgb,var(--accent) 68%,#000))!important;box-shadow:0 18px 40px rgba(var(--accent-rgb),.4),inset 0 1px 0 rgba(255,255,255,.35)!important}
#v-add.local-session-home #session-primary-action.local-illustrated-action::before{inset:0!important;width:auto!important;height:auto!important;border-radius:0!important;opacity:.16;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") 0 0/28px 50px!important;-webkit-mask-image:linear-gradient(100deg,transparent 20%,#000);mask-image:linear-gradient(100deg,transparent 20%,#000);animation:sxHexDrift 18s linear infinite}
#v-add.local-session-home #session-primary-action.local-illustrated-action::after{display:none!important}
#v-add.local-session-home #session-primary-action .session-primary-copy{position:relative;z-index:2;max-width:58%}
#v-add.local-session-home #session-primary-label{display:block;font:900 30px/.95 'Barlow Condensed',sans-serif!important;text-transform:uppercase;letter-spacing:.3px;color:#fff!important}
#v-add.local-session-home #session-primary-sub{color:rgba(255,255,255,.88)!important;letter-spacing:1.4px}
#v-add.local-session-home #session-primary-action .local-action-art{position:absolute!important;z-index:1;right:-14px!important;top:-18px!important;width:156px!important;height:auto!important;max-height:none!important;transform:rotate(-8deg);filter:drop-shadow(0 18px 20px rgba(0,0,0,.45))!important;animation:sxArt 5s ease-in-out infinite}
#v-add.local-session-home .local-play{position:absolute;z-index:3;right:18px;bottom:18px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(0,0,0,.3)}
#v-add.local-session-home .local-play::before{content:'';position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:sxPing 2.4s cubic-bezier(.16,1,.3,1) infinite}
#v-add.local-session-home .local-play svg{width:24px;height:24px;margin-left:3px;fill:var(--accent)}
#v-add.local-session-home #session-primary-action:active{transform:scale(.985)}

/* Préfaites + IA côte à côte */
#v-add.local-session-home .local-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 20px}
body.session-logger-open #v-add.local-session-home .local-duo{display:none}
#v-add.local-session-home .local-duo>.local-preset-action,#v-add.local-session-home .local-duo>.local-generate{float:none!important;width:auto!important;min-width:0;margin:0!important;min-height:178px!important;padding:96px 14px 14px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:4px!important;text-align:left;border-radius:22px!important;border:1px solid rgba(255,255,255,.08)!important;background:radial-gradient(90% 70% at 50% 0%,rgba(var(--accent-rgb),.22),transparent 70%),linear-gradient(170deg,#17171c,#0e0e11)!important;box-shadow:0 14px 30px rgba(0,0,0,.35)!important;overflow:hidden!important}
#v-add.local-session-home .local-duo .local-action-art{position:absolute!important;left:50%!important;right:auto!important;top:10px!important;bottom:auto!important;width:92px!important;height:auto!important;max-height:84px!important;object-fit:contain;transform:translateX(-50%);animation:sxFloat 4.6s ease-in-out infinite}
#v-add.local-session-home .local-duo .local-generate .local-action-art{animation-delay:-2.3s}
#v-add.local-session-home .local-duo>.local-preset-action>span,#v-add.local-session-home .local-duo .local-generate b{padding:0!important;font:900 19px/1 'Barlow Condensed',sans-serif!important;text-transform:uppercase;letter-spacing:.2px!important;color:#f6f2ec}
#v-add.local-session-home .local-duo .local-tile-sub,#v-add.local-session-home .local-duo .local-generate small{display:block!important;font:500 11.5px/1.35 'Barlow',sans-serif!important;text-transform:none!important;letter-spacing:0!important;line-height:1.35;color:var(--muted);margin-top:4px}
#v-add.local-session-home .local-duo .local-generate>span:not(.ai-program-spark){flex:0 0 auto}
#v-add.local-session-home .local-duo .local-generate>em{left:auto!important;right:12px!important;top:12px!important;bottom:auto!important;padding:4px 7px!important;border-radius:6px!important;background:linear-gradient(135deg,#ffe2cf,var(--accent-soft) 35%,var(--accent))!important;color:#1b0b03!important;font-weight:800!important;font-style:normal}
#v-add.local-session-home .local-duo>*:active{transform:scale(.97)}

/* Routines */
#v-add.local-session-home .tpl-section-title{font:900 26px/1 'Barlow Condensed',sans-serif!important;text-transform:uppercase}
#v-add.local-session-home .tpl-new-btn{padding:8px 13px!important;border-radius:999px!important;background:rgba(var(--accent-rgb),.14)!important;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.45)}
#v-add.local-session-home .local-routines-folder>summary{border-radius:18px!important;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),#101014!important;border:1px solid rgba(255,255,255,.07)!important}
#v-add.local-session-home .local-routine-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff!important;font-size:12px}
#v-add.local-session-home .tpl-card{position:relative;overflow:hidden;border-radius:22px!important;border:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01) 55%),#0f0f13!important;box-shadow:0 12px 28px rgba(0,0,0,.3)!important}
#v-add.local-session-home .tpl-card::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--accent2),var(--accent))}
#v-add.local-session-home .tpl-card-name{font:900 24px/1 'Barlow Condensed',sans-serif!important;text-transform:uppercase}
#v-add.local-session-home .tpl-card-ex-visual{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.35)}
#v-add.local-session-home .tpl-card-start{width:100%!important;min-height:50px!important;border-radius:14px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 75%,#fff),var(--accent) 55%)!important;font:800 15px 'Barlow',sans-serif!important;box-shadow:0 10px 22px rgba(var(--accent-rgb),.38)!important}
#v-add.local-session-home .local-routine-footer{width:100%}

/* Entrée en scène */
#v-add.local-session-home #repeat-last-session,#v-add.local-session-home #session-primary-action,#v-add.local-session-home .local-duo>*,#v-add.local-session-home .tpl-card{animation:sxRise .55s cubic-bezier(.16,1,.3,1) both}
#v-add.local-session-home #session-primary-action{animation-delay:.05s}
#v-add.local-session-home .local-duo>:nth-child(1){animation-delay:.1s}
#v-add.local-session-home .local-duo>:nth-child(2){animation-delay:.15s}

@keyframes sxHexDrift{to{background-position:0 50px}}
@keyframes sxPing{0%{transform:scale(.85);opacity:.9}80%,100%{transform:scale(1.25);opacity:0}}
@keyframes sxArt{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-5px)}}
@keyframes sxFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}
@keyframes sxRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(max-width:360px){
  #v-add.local-session-home #session-primary-label{font-size:26px!important}
  #v-add.local-session-home #session-primary-action .local-action-art{width:160px!important}
  #v-add.local-session-home .local-duo>.local-preset-action,#v-add.local-session-home .local-duo>.local-generate{min-height:160px!important;padding-top:84px!important}
}
@media(prefers-reduced-motion:reduce){
  #v-add.local-session-home *,#v-add.local-session-home *::before,#v-add.local-session-home *::after{animation:none!important}
}

/* Le sous-titre « Séance libre » vient d'un ::after : il ne passe pas par le catalogue. */
#v-add.local-session-home #session-primary-action .session-primary-copy::after{display:block;margin-top:8px;color:rgba(255,255,255,.88)!important;font-size:11px!important;letter-spacing:1.4px!important}
html[lang=en] #v-add.local-session-home #session-primary-action .session-primary-copy::after{content:'Free workout'}