/* ==========================================================
   RÉGLAGES DE MARQUE (marque blanche : on change seulement ici)
   ========================================================== */
:root{
  --accent:#FF5A1F;        /* mandarine : l'accent dominant */
  --accent-fonce:#B83A0B;  /* mandarine lisible en petit texte */
  --accent-pale:#FFE6D9;
  --etincelle:#D8FF3D;     /* chartreuse : l'étincelle, jamais en aplat */
  --encre:#0E0E0C;
  --gris:#4A4842;
  --gris-clair:#7A7770;
  --trait:#1A1916;         /* le filet d'encre autour des tuiles */
  --filet:rgba(14,14,12,.14);
  --fond:#F2EEE5;          /* papier */
  --fond-doux:#E9E4D8;
  --carte:#FBF8F1;         /* os : tuiles et champs */
  --ok:#2F7D4F;
  --serif:"Bricolage Grotesque", "Arial Black", Arial, sans-serif; /* titres (nom historique de la variable) */
  --sans:"Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, Menlo, monospace;
  --r:24px;
  --ombre:0 0 0 1px var(--trait);
}
/* ========================================================== */

@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:var(--fond)}
body{font-family:var(--sans);color:var(--encre);background:var(--fond);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
@media (display-mode:standalone){body{overscroll-behavior-y:none}.topbar,.tabbar,.btn,.chip{-webkit-user-select:none;user-select:none}}
button,input,textarea,select{font:inherit;color:inherit}
a{color:inherit}
img{max-width:100%;display:block}
em{font-style:italic}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ---------- Typo ---------- */
.serif,h1,h2,h3{font-family:var(--serif);font-weight:800;letter-spacing:-.03em;line-height:.96}
h1{font-size:clamp(42px,11vw,72px)}
h2{font-size:clamp(30px,8vw,46px)}
h3{font-size:22px;line-height:1.05;font-weight:700;letter-spacing:-.02em}
.serif em,h1 em,h2 em,h3 em,.logo em{color:var(--accent);font-style:normal}
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--gris)}
.muted{color:var(--gris)}
.small{font-size:14px}
.lead{font-size:18px;color:var(--gris)}

/* ---------- Structure ---------- */
.topbar{position:sticky;top:0;z-index:20;background:var(--fond);border-bottom:1px solid var(--trait);padding-top:env(safe-area-inset-top)}
.topbar .in{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:24px}
.logo{font-family:var(--serif);font-weight:800;letter-spacing:-.035em;font-size:26px;text-decoration:none;line-height:1}
.nav{display:flex;gap:6px;margin-left:auto}
.nav a{text-decoration:none;font-size:14px;font-weight:500;padding:8px 14px;border-radius:999px;color:var(--gris)}
.nav a.on{background:var(--encre);color:var(--fond)}
.nav a:hover:not(.on){color:var(--encre);box-shadow:inset 0 0 0 1.5px var(--encre)}
main{max-width:1080px;margin:0 auto;padding:28px 20px 120px}
.tabbar{display:none}
@media (max-width:760px){
  .nav{display:none}
  .topbar .in{padding:10px 16px}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--fond);border-top:1px solid var(--trait);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;font-size:11px;font-weight:500;color:var(--gris);padding:4px 0}
  .tabbar .ti{padding:4px 16px;border-radius:999px;transition:background .15s}
  .tabbar a svg{width:22px;height:22px}
  .tabbar a.on{color:var(--encre);font-weight:600}
  .tabbar a.on .ti{background:var(--etincelle)}
  .tabbar a:active .ti{background:var(--fond-doux)}
  main{padding:16px 16px 110px}
}

/* ---------- Composants ---------- */
.card{background:var(--carte);border-radius:var(--r);box-shadow:var(--ombre);padding:22px}
.card.pale{background:var(--accent-pale)}
.card.dark{background:var(--encre);color:var(--fond)}
.card.dark .muted{color:#BDB8AD}
.card.dark .kicker{color:#BDB8AD}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.g2,.g3{grid-template-columns:1fr}}
.stack>*+*{margin-top:14px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.spacer{flex:1}
.sec{margin-top:40px}
.sec-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;min-height:46px;padding:12px 22px;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;background:var(--encre);color:var(--fond);transition:transform .08s ease, opacity .15s, background .15s, color .15s}
.btn:active{transform:scale(.97)}
@media (hover:hover){.btn:hover{background:var(--accent);color:var(--encre)}.btn.o:hover{background:var(--encre);color:var(--fond)}.card.dark .btn.o:hover,.coach-tile .btn.o:hover{background:var(--fond);color:var(--encre)}.card.dark .btn:not(.o):hover{background:var(--fond);color:var(--encre)}}
.btn.o{background:var(--accent);color:var(--encre)}
.btn.ghost{background:transparent;color:var(--encre);box-shadow:inset 0 0 0 1.5px var(--encre)}
.btn.light{background:var(--fond-doux);color:var(--encre)}
.btn.sm{min-height:40px;padding:8px 16px;font-size:13.5px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.pill{display:inline-block;border-radius:999px;padding:4px 10px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:var(--fond);color:var(--encre);box-shadow:inset 0 0 0 1px var(--trait)}
.pill.o{background:var(--accent);color:var(--encre);box-shadow:none}
.pill.d{background:var(--encre);color:var(--fond);box-shadow:none}
.chip{border:0;border-radius:999px;text-align:left;text-wrap:balance;min-height:38px;padding:8px 14px;font-size:13.5px;font-weight:500;background:var(--carte);box-shadow:inset 0 0 0 1px var(--trait);cursor:pointer}
.chip.on{background:var(--encre);color:var(--fond)}

label.f{display:block;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin:16px 0 7px}
label.f small{font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none;font-weight:400;color:var(--gris)}
.in-txt,textarea,select{width:100%;border:1.5px solid var(--encre);border-radius:14px;padding:12px 14px;background:var(--carte);font-size:16px;transition:box-shadow .15s}
textarea{min-height:96px;resize:vertical;line-height:1.5}
input[type=date].in-txt,input[type=time].in-txt{-webkit-appearance:none;appearance:none;display:block;min-width:0;max-width:100%;min-height:50px;text-align:left}
input[type=date].in-txt::-webkit-date-and-time-value,input[type=time].in-txt::-webkit-date-and-time-value{text-align:left}
.fld{min-width:0}
.in-txt:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px var(--accent)}
.hint{font-size:13px;color:var(--gris);margin-top:6px}
.deblocage{font-size:13px;color:var(--encre);background:var(--accent-pale);border-radius:14px;padding:8px 12px;margin-top:8px}

.check{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--filet);cursor:pointer}
.check:last-child{border-bottom:0}
.check input{appearance:none;flex:none;width:22px;height:22px;border:1.5px solid var(--encre);border-radius:6px;margin-top:1px;display:grid;place-items:center;cursor:pointer;background:var(--carte)}
.check input:checked{background:var(--encre)}
.check input:checked::after{content:"";width:6px;height:11px;border:solid var(--etincelle);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.check.done span{color:var(--gris-clair);text-decoration:line-through}

.bar{height:10px;border-radius:99px;background:var(--fond-doux);overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .4s ease}

.callout{border:1px solid var(--trait);border-left:6px solid var(--accent);background:var(--accent-pale);border-radius:14px;padding:14px 18px}
.callout b.lab{display:block;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--encre);margin-bottom:4px}
mark{background:var(--etincelle);color:var(--encre);border-radius:4px;padding:0 3px}

#toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:var(--encre);color:var(--fond);padding:12px 18px;border-radius:999px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:.25s;z-index:60;max-width:90vw;text-align:center}
#toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- Connexion ---------- */
.login{min-height:100vh;min-height:100dvh;background:var(--fond);color:var(--encre);display:flex;flex-direction:column;gap:14px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}
.login .photo{flex:1 1 220px;min-height:220px;max-height:46vh;border-radius:var(--r);box-shadow:var(--ombre);position:relative;overflow:hidden}
.login .photo .badge{position:absolute;left:14px;bottom:14px;z-index:2}
.login .photo .meta{position:absolute;right:16px;top:14px;z-index:2;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fond)}
.login .in{position:relative;padding:24px 22px;border-radius:var(--r);background:var(--carte);box-shadow:var(--ombre)}
.login .kicker{color:var(--gris)!important}
.login h1{font-size:clamp(54px,16vw,96px);line-height:.88;letter-spacing:-.045em}
.login p{color:var(--gris);margin:14px 0 22px;font-size:16px}
.login p b{color:var(--encre)!important}
.login form{display:flex;gap:10px;flex-wrap:wrap}
.login input{flex:1 1 220px;background:var(--fond);border:1.5px solid var(--encre);color:var(--encre);border-radius:999px;padding:14px 20px;font-size:16px;letter-spacing:.06em;text-transform:uppercase}
.login input:focus{outline:none;box-shadow:0 0 0 3px var(--accent)}
.login form .btn{flex:1 1 auto}
.login .err{color:var(--accent-fonce);font-size:14px;margin-top:12px;min-height:20px}
.login .small{color:var(--accent-fonce)!important}

/* ---------- Accueil : bento ---------- */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.bento>*{grid-column:span 12;min-width:0;margin:0}
.bento .s4{grid-column:span 4}.bento .s6{grid-column:span 6}.bento .s8{grid-column:span 8}
@media (max-width:760px){.bento .s4,.bento .s6,.bento .s8{grid-column:span 12}.bento .p6{grid-column:span 6}}
.sablier{flex:none;display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--encre);background:var(--etincelle);border-radius:999px;padding:7px 12px 7px 9px;margin:-4px -4px 0 8px;white-space:nowrap}
.sablier svg{width:16px;height:16px;animation:sablier 6s ease-in-out infinite}
@keyframes sablier{0%,80%{transform:rotate(0)}90%,100%{transform:rotate(180deg)}}
@media (prefers-reduced-motion:reduce){.sablier svg{animation:none}}
.dc-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dc{display:flex;flex-direction:column;gap:8px;padding:18px 12px;align-items:flex-start}
.dc b{font-family:var(--serif);font-weight:800;font-size:clamp(40px,12vw,96px);line-height:.85;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.dc.o{background:var(--accent)}
.dc.o .kicker{color:var(--encre)}
@media (max-width:520px){.dc-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
.grid.g2.dh{grid-template-columns:repeat(2,minmax(0,1fr))}
.offre-actions{margin-top:20px;flex-wrap:nowrap}
.offre-actions .pill{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.offre-actions .btn{flex:none}
.dossiers{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 14px;padding:2px 16px}
.dossiers::-webkit-scrollbar{display:none}
.dos{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:0;border-radius:16px;padding:8px 14px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--trait);cursor:pointer;text-align:left;max-width:180px}
.dos b{font-size:14px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dos small{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.dos.on{background:var(--encre);color:var(--fond);box-shadow:none}
.dos.on small{color:var(--etincelle)}
.dos.passe:not(.on){opacity:.6}
.dos.plus{justify-content:center;align-items:center;min-width:46px;font-size:22px;font-weight:500;background:var(--fond)}
.dos.plus.long{font-size:14px;font-weight:600;padding:8px 16px;max-width:none;white-space:nowrap}
.dos-ligne{padding:12px 0;border-bottom:1px solid var(--filet);gap:8px 12px}
.dl-nom{flex:1 1 100%;min-width:0}
.preuves{margin-top:14px;padding-top:12px;border-top:1px solid var(--filet)}
.hx{width:40px;height:40px;border-radius:50%;border:0;background:var(--fond);box-shadow:inset 0 0 0 1.5px var(--encre);font-family:var(--serif);font-weight:800;font-size:17px;cursor:pointer}
.hx.on{background:var(--encre);color:var(--etincelle);box-shadow:none}
.cov{margin:14px 0}
.cov-ligne{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--filet)}
.cov-ligne:last-child{border-bottom:0}
.cov-mini{display:block;text-decoration:none;padding:14px 18px}
.cov-mini .cov-ligne{padding:6px 0}
.repere{display:flex;align-items:center;gap:10px;margin:6px 0;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.repere::before,.repere::after{content:"";flex:1;height:1px;background:var(--trait);opacity:.35}
.repere span{max-width:80%;text-align:center}
.liste{list-style:none;display:grid;gap:7px;margin-top:10px}
.liste li{position:relative;padding-left:18px;font-size:14.5px}
.liste li::before{content:"";position:absolute;left:2px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--encre)}
.liste.x li::before{content:"✕";width:auto;height:auto;background:none;top:0;left:0;color:var(--accent);font-weight:700;font-size:13px}
.card.stat-c{background:var(--etincelle)}
.methode{text-align:left;cursor:pointer;border:0;width:100%;transition:transform .12s}
.methode:active{transform:scale(.985)}
.pres-chrono{font-family:var(--serif);font-weight:800;font-size:clamp(64px,18vw,96px);line-height:.9;letter-spacing:-.05em;color:var(--accent);margin:10px 0 8px;font-variant-numeric:tabular-nums}
.pres-chrono small{font-size:.35em;letter-spacing:0;color:var(--fond)}
.reps{display:flex;gap:6px;margin-top:10px}
.reps i{width:28px;height:8px;border-radius:99px;background:#3a3934}
.reps i.on{background:var(--etincelle)}
.fin-pres{margin-top:14px;font-family:var(--serif);font-weight:700;font-size:17px;line-height:1.2;letter-spacing:-.01em}
.dicte{gap:6px}
.dicte svg{width:16px;height:16px}
.dicte.on{background:var(--accent);color:var(--encre);animation:p 1.4s infinite}
.methode.libre{background:var(--fond);box-shadow:inset 0 0 0 1.5px var(--encre)}
.micro-rond{flex:none;width:46px;height:46px;border-radius:50%;background:var(--encre);color:var(--etincelle);display:grid;place-items:center}
.micro-rond svg{width:22px;height:22px}
.rec-opt{border:0;padding:0;margin-top:12px}
.rec-opt input{border-color:var(--fond);background:transparent}
.rec-opt span{color:#D9D4C9}
.conseil-e{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding-top:14px;border-top:1px solid #3a3934}
.conseil-e p{font-size:14.5px;color:var(--fond)}
.conseil-e b{display:block;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--etincelle);margin-bottom:3px}
.statuts{margin-top:4px}
.chip.st-embauche.on,.pill.st-embauche{background:var(--etincelle);color:var(--encre);box-shadow:inset 0 0 0 1px var(--trait)}
.chip.st-e2.on,.chip.st-e3.on,.pill.st-e2,.pill.st-e3{background:var(--accent);color:var(--encre);box-shadow:none}
.chip.st-rejete.on,.pill.st-rejete{background:var(--fond-doux);color:var(--gris);box-shadow:inset 0 0 0 1px var(--filet)}
.dos.st-embauche small{color:var(--encre)}
.dos.on.st-embauche small{color:var(--etincelle)}
.archives{margin-top:10px}
.archives summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--gris);padding:8px 0}
.dos-ligne.arch{opacity:.7}
.touche{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;padding:3px 9px;border-radius:9px;background:var(--fond);box-shadow:inset 0 0 0 1px var(--trait);font-weight:600;font-size:14px;white-space:nowrap}
.touche svg{width:16px;height:16px;color:#0A7AFF}
.inst{list-style:none;display:grid;gap:16px;margin:0;padding:0}
.inst li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.inst-n{width:32px;height:32px;border-radius:50%;background:var(--encre);color:var(--etincelle);display:grid;place-items:center;font-family:var(--serif);font-weight:800;font-size:16px}
.inst p{padding-top:4px;line-height:1.7}
.maquette{margin:14px auto 0;max-width:300px;background:#F6F6F8;border-radius:22px;box-shadow:var(--ombre);padding:12px 14px 10px;text-align:center}
.m-adresse{background:#fff;border-radius:12px;padding:8px;font-size:13px;color:#555;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.m-barre{display:flex;justify-content:space-around;align-items:center;padding:12px 4px 6px;color:#0A7AFF;font-size:22px}
.m-barre svg{width:24px;height:24px}
.m-cible{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 3px var(--accent);animation:p 1.6s infinite}
@media (prefers-reduced-motion:reduce){.m-cible{animation:none}}
.salut-row{display:flex;align-items:flex-start;gap:10px;margin:6px 2px 16px}
.salut{font-size:clamp(34px,9vw,56px);min-width:0}
.salut-sous{margin-top:8px}
.salut-edit{flex:none;margin-top:4px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--gris);box-shadow:inset 0 0 0 1px var(--filet);display:grid;place-items:center;cursor:pointer}
.salut-edit svg{width:18px;height:18px}
.salut-edit:active{background:var(--fond-doux)}
.salut-ask{margin-bottom:14px}
.salut-ask .in-txt{flex:1 1 auto;min-width:0}
.salut-ask .btn{flex:none}
.tile-meta{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.hero-j{position:relative;overflow:hidden;padding:24px}
.hero-j .row{flex-wrap:nowrap}
.countdown{font-family:var(--serif);font-weight:800;font-size:clamp(88px,26vw,140px);line-height:.85;letter-spacing:-.05em;color:var(--accent)}
.stat{display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:var(--etincelle)}
.stat b{font-family:var(--serif);font-weight:800;font-size:clamp(52px,15vw,80px);line-height:.85;letter-spacing:-.05em}
.stat b small{font-size:.42em;letter-spacing:-.02em}
.media{position:relative;overflow:hidden;padding:0;min-height:190px;background:var(--fond) center 35%/cover}
.media .tile-meta{position:absolute;left:14px;bottom:14px;z-index:1;color:var(--encre);background:var(--fond);border-radius:999px;padding:5px 10px}
.coach-tile{background:var(--accent);box-shadow:var(--ombre)}
.coach-tile .kicker{color:var(--encre)}
.coach-tile h3 em{color:var(--encre);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
.coach-tile .av::after{display:none}
@media (max-width:760px){.coach-tile>.row:first-child{flex-direction:column;gap:12px}.coach-tile .av.lg{width:44px;height:44px;font-size:22px}}
.coach-tile .muted{color:var(--encre)}
.coach-tile .chip{background:var(--fond)}
.coach-tile .btn.o{background:var(--encre);color:var(--fond)}
.days{display:grid;gap:12px}
.day{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;padding:18px;border-radius:var(--r);box-shadow:var(--ombre);background:var(--carte)}
.day .d{font-family:var(--serif);font-weight:800;letter-spacing:-.04em;font-size:38px;line-height:1;color:var(--encre);white-space:nowrap}
.day.today{box-shadow:0 0 0 2.5px var(--accent);background:var(--carte)}
.day.today .d{color:var(--accent)}
.day.past .d{color:var(--gris-clair)}
.day.mini{padding:12px 14px 12px 18px;align-items:center;background:var(--fond);box-shadow:0 0 0 1px var(--filet)}
.day.mini .d{font-size:26px;color:var(--gris-clair)}
.day.mini h4{font-size:14.5px;margin-bottom:4px;color:var(--gris)}
.day.mini .btn{flex:none}
.pill.ok{background:var(--etincelle);box-shadow:none}
.day h4{font-size:16px;font-weight:700;margin-bottom:4px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.day .task{padding:10px 0;border-bottom:1px solid var(--filet)}
.day .task:last-child{border-bottom:0}
.day .check{padding:0;border:0}
.day .check span{font-size:14.5px}
.task-links{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0 34px}
.glink,.tlink{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;text-decoration:none;border-radius:999px;padding:7px 11px;white-space:nowrap}
.glink{background:var(--fond);color:var(--encre);box-shadow:inset 0 0 0 1px var(--filet)}
.glink svg{width:13px;height:13px;color:var(--accent-fonce)}
.glink:hover{background:var(--accent-pale)}
.tlink{color:var(--accent-fonce)}
.tlink:hover{background:var(--accent-pale)}

/* ---------- Guides ---------- */
.guide{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}
.guide .cov{aspect-ratio:210/297;border-radius:14px;background:#222 center/cover;position:relative;overflow:hidden;box-shadow:var(--ombre)}
.guide .cov::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(20,20,20,.9))}
.guide .cov span{position:absolute;left:10px;right:10px;bottom:10px;z-index:1;color:#fff;font-family:var(--serif);font-weight:800;letter-spacing:-.02em;font-size:17px;line-height:1}
.guide .cov span em{color:var(--accent);font-style:normal}
@media (max-width:520px){.guide{grid-template-columns:110px 1fr;gap:14px}.guide h3{font-size:21px}}

/* ---------- Outils ---------- */
.tool{display:flex;flex-direction:column;gap:10px;text-decoration:none;transition:transform .15s, box-shadow .15s}
@media (hover:hover){.tool:hover{transform:translateY(-3px);box-shadow:var(--ombre),0 6px 18px -10px rgba(14,14,12,.35)}}
.tool:active{transform:scale(.985)}
.tool .ico,.res .ico{width:44px;height:44px;border-radius:14px;background:var(--fond);color:var(--encre);box-shadow:inset 0 0 0 1.5px var(--encre);display:grid;place-items:center}
.tool .ico svg,.res .ico svg{width:22px;height:22px}
.tool h3{font-size:24px}
.tool.dark .ico{box-shadow:none}
.back{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--encre);margin-bottom:14px;padding:8px 14px 8px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--trait)}
.steps{display:flex;gap:6px;margin:18px 0}
.steps i{flex:1;height:6px;border-radius:9px;background:var(--fond-doux)}
.steps i.on{background:var(--accent)}
.steps i.done{background:var(--encre)}

.starl-l{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--filet)}
.starl-l:last-child{border-bottom:0}
.starl-l .L{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:800;font-size:22px;color:var(--fond);background:var(--encre)}
.starl-l .L.A{background:var(--accent);color:var(--encre)}
.story-tab{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.story-tab::-webkit-scrollbar{display:none}
.story-tab button{flex:none;border:0;border-radius:14px;padding:10px 14px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--trait);cursor:pointer;text-align:left;min-width:120px}
.story-tab button b{display:block;font-family:var(--serif);font-weight:800;letter-spacing:-.03em;font-size:22px;line-height:1}
.story-tab button small{font-size:12px;color:var(--gris)}
.story-tab button.on{background:var(--encre);color:var(--fond)}
.story-tab button.on small{color:#bbb}
.story-tab button.ok b::after{content:" ✓";color:var(--accent);font-family:var(--sans);font-size:14px}
.qitem{padding:14px 16px;border-radius:14px;background:var(--carte);box-shadow:0 0 0 1px var(--trait);cursor:pointer;text-align:left;border:0;width:100%}
.qitem:hover{box-shadow:0 0 0 1.5px var(--encre)}
.qitem.sel{box-shadow:0 0 0 2.5px var(--accent);background:var(--accent-pale)}
.qitem b{font-family:var(--mono);font-weight:500;font-size:11px;color:var(--accent-fonce);letter-spacing:.08em}
.ai-out{white-space:pre-wrap}
details.ex{margin-top:12px}
details.ex summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--accent-fonce)}
details.ex .exb{margin-top:10px;font-size:14.5px;line-height:1.6}
details.ex .exb p{margin-bottom:8px}

.timer{font-family:var(--serif);font-weight:800;letter-spacing:-.04em;font-size:96px;line-height:1;text-align:center;font-variant-numeric:tabular-nums}
.timer.warn{color:var(--accent)}
.ring{height:10px;border-radius:99px;background:var(--fond-doux);overflow:hidden;margin:14px 0}
.ring i{display:block;height:100%;background:var(--encre);transition:width 1s linear}
.ring i.zone{background:var(--accent)}
.score{font-family:var(--serif);font-weight:800;letter-spacing:-.04em;font-size:56px;line-height:1}
.rec{width:14px;height:14px;border-radius:50%;background:#d93025;display:inline-block;animation:p 1s infinite}
@keyframes p{50%{opacity:.3}}

.tpl{white-space:pre-wrap;background:var(--carte);box-shadow:inset 0 0 0 1px var(--trait);border-radius:14px;padding:18px;font-size:15px;line-height:1.6}
.tpl .ph{background:var(--etincelle);color:var(--encre);border-radius:4px;padding:0 3px;font-weight:600}

/* ---------- Fiche mémo (imprimable) ---------- */
.memo h3{margin-bottom:6px}
.memo .blk{padding:16px 0;border-bottom:1px solid var(--filet)}
.memo .blk:last-child{border-bottom:0}
.memo .lab{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--gris);margin-bottom:6px}
.memo .vide{color:var(--gris-clair);font-style:italic}
@media print{
  .topbar,.tabbar,.noprint,#toast{display:none!important}
  main{padding:0;max-width:none}
  .card{box-shadow:none;padding:0}
  body{font-size:12px}
}
@media (max-width:520px){
  .day{grid-template-columns:50px 1fr;gap:10px;padding:16px 14px}
  .day .d{font-size:27px}
  .task-links{margin-left:0}
}

/* Import LinkedIn */
.importer{background:var(--accent-pale);box-shadow:inset 0 0 0 1px var(--trait);border-radius:14px;padding:12px 14px;margin-top:12px}
.importer b svg{width:15px;height:15px;color:var(--accent);vertical-align:-2px;margin-right:4px}
.importer textarea{min-height:64px;margin-top:8px}
.interloc{border-top:1px solid var(--filet);margin-top:18px;padding-top:14px}
.mon-profil{margin-top:14px;background:var(--fond);box-shadow:inset 0 0 0 1px var(--filet);border-radius:14px;padding:12px 14px}
.mon-profil summary{cursor:pointer;font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.qitem.prob{box-shadow:0 0 0 1.5px var(--accent)}

/* Bilan */
.bilan-cta{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;text-decoration:none;margin-bottom:16px}
.bilan-cta>div{flex:1 1 260px;min-width:0}
.stars{display:flex;gap:8px;margin-top:10px}
.star{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--encre);background:var(--carte);font-weight:700;cursor:pointer}
.star.on{background:var(--accent);color:var(--encre)}
.kpis .score{font-size:48px;margin-top:6px}
.fld{min-width:0}

/* ---------- Le coach à vie ---------- */
.dot{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--accent);color:var(--encre);font-size:11px;font-weight:700;margin-left:6px;vertical-align:1px}
.tabbar .ti{position:relative;display:block;line-height:0}
.tabbar .ti .dot{position:absolute;top:-4px;right:-12px;margin:0;min-width:16px;height:16px;font-size:10px}
.dot.in{margin-left:4px}
.linkbtn{background:none;border:0;cursor:pointer;color:var(--gris);text-decoration:underline;padding:4px}
.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.mot{margin:0 0 14px;padding:22px 24px;border-radius:var(--r);background:var(--carte);box-shadow:var(--ombre);position:relative;overflow:hidden}
.mot::before{content:"\00AB";position:absolute;right:20px;top:4px;font-family:var(--serif);font-weight:800;font-size:84px;color:var(--accent);line-height:1}
.mot blockquote{font-family:var(--serif);font-weight:800;letter-spacing:-.03em;font-size:clamp(26px,7vw,36px);line-height:1;margin-top:10px;position:relative;padding-right:40px}
.mot figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin-top:14px}
.mot figcaption::before{content:"→ "}
.news-banner{display:flex;gap:12px;align-items:center;text-decoration:none;margin-bottom:16px;padding:14px 18px}

.av{flex:none;width:34px;height:34px;border-radius:50%;background:var(--encre);color:var(--fond);display:grid;place-items:center;font-family:var(--serif);font-weight:800;font-size:18px;position:relative;overflow:hidden}
.av::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--accent);right:-7px;top:-7px}
.av.lg{width:52px;height:52px;font-size:26px}
.av img{width:100%;height:100%;object-fit:cover;display:block}
.av:has(img)::after{display:none}
.av:has(img){background:var(--fond-doux);box-shadow:0 0 0 1.5px var(--encre)}
.av.lg::after{width:28px;height:28px;right:-9px;top:-9px}
.coach-card{margin-top:14px}
.bento .coach-card{margin-top:0}
.coach-card .av{margin-right:4px}

.coach{max-width:760px;margin:0 auto}
.coach-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.thread{display:flex;flex-direction:column;gap:14px}
.msg{display:flex;gap:10px;align-items:flex-end;max-width:92%}
.msg .b{background:var(--carte);box-shadow:inset 0 0 0 1px var(--trait);border-radius:18px 18px 18px 6px;padding:12px 16px;font-size:15.5px;line-height:1.55;min-width:0;overflow-wrap:anywhere}
.msg .b p+p,.msg .b p+ul,.msg .b ul+p,.msg .b p+ol,.msg .b ol+p{margin-top:8px}
.msg .b ul,.msg .b ol{padding-left:20px}
.msg .b li+li{margin-top:4px}
.msg .b h4{font-size:15px;margin:8px 0 4px}
.msg.me{align-self:flex-end}
.msg.me .b{background:var(--encre);color:var(--fond);box-shadow:none;border-radius:18px 18px 6px 18px}
.escal{margin-top:12px;padding:12px;border-radius:14px;background:var(--accent-pale);box-shadow:inset 0 0 0 1.5px var(--accent);font-size:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.typing{display:flex;gap:5px;padding:16px 18px!important}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--gris-clair);animation:blip 1.2s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes blip{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.sugg{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0 44px}
.sugg .chip{text-align:left}
.composer{position:sticky;bottom:0;display:flex;gap:8px;align-items:flex-end;margin-top:18px;padding:12px 0;background:var(--fond)}
.composer textarea{min-height:48px;max-height:180px;border-radius:24px;padding:12px 18px;resize:none}
.composer .send{width:48px;height:48px;min-height:48px;padding:0;flex:none}
.composer .send svg{width:20px;height:20px}
.coach-foot{margin-top:2px}
@media (max-width:760px){
  main.is-coach{padding-bottom:84px}
  .composer{bottom:calc(67px + env(safe-area-inset-bottom))}
  .msg{max-width:100%}
  .sugg{margin-left:0}
}

.qcard{margin-bottom:12px}
.qcard .rep{margin-top:12px;padding:14px 16px;border-radius:12px;background:var(--accent-pale)}
.qcard .rep p+p{margin-top:8px}
.qadm{margin-bottom:14px}
.qadm.todo{box-shadow:0 0 0 2px var(--accent)}
.lst{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px;padding:16px 18px}
.lst.off{opacity:.5}
.tabs .chip{display:inline-flex;align-items:center}

.res{display:flex;gap:14px;align-items:flex-start;text-decoration:none}
.res .ico,.tool .ico{flex:none}
.faq{margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:600}
.faq p+p{margin-top:8px}
.ask-cta{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.vid{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.vid.aud{aspect-ratio:auto;height:120px;background:var(--fond-doux)}
.vid iframe,.vid video{position:absolute;inset:0;width:100%;height:100%;border:0}
.spot{width:100%;border:0;border-radius:14px}
.prose p+p,.prose p+ul,.prose ul+p{margin-top:10px}
.prose ul,.prose ol{padding-left:22px}
.prose h4{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;font-size:22px;margin:18px 0 6px}
.news.is-new{box-shadow:0 0 0 2px var(--accent)}
.install{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:14px;padding:16px 18px;background:var(--etincelle)}

/* ---------- Lecteur de guide ---------- */
.lect{max-width:820px;margin:0 auto}
.lect-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}
.lect-page{background:#fff;border-radius:14px;box-shadow:var(--ombre);overflow:hidden;min-height:60vh;display:flex;align-items:center;justify-content:center}
.lect-page canvas{display:block}
.lect-load{color:var(--gris);text-align:center;padding:40px 20px}

/* ---------- Écran d'attente « petit kawa » ---------- */
.attente{position:fixed;inset:0;z-index:80;background:var(--fond);color:var(--encre);display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));opacity:0;transition:opacity .25s;overflow:hidden}
.attente.on{opacity:1}
.att-in{position:relative;text-align:left;width:100%;max-width:420px;background:var(--carte);border-radius:var(--r);box-shadow:var(--ombre);padding:26px 24px 24px}
.kawa{width:100%;max-width:300px;height:auto;display:block;margin:0 auto 16px;background:radial-gradient(circle at 50% 58%,var(--etincelle) 0 38%,transparent 38.4%)}
.att-titre{font-size:clamp(28px,7.5vw,38px);line-height:1;color:var(--encre)}
.att-titre em{color:var(--accent)}
.att-etape{color:var(--gris);margin-top:12px;min-height:3.2em}
.att-etape.in{animation:att-in .45s ease}
.att-points{display:flex;gap:6px;justify-content:flex-start;margin-top:10px}
.att-points i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:blip 1.2s infinite}
.att-points i:nth-child(2){animation-delay:.15s}.att-points i:nth-child(3){animation-delay:.3s}
@keyframes att-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.kawa .k-thermos{transform-box:view-box;transform-origin:130px 58px;animation:k-verse 5s ease-in-out infinite}
.kawa .k-jet{transform-box:view-box;transform-origin:130px 58px;animation:k-jet 5s ease-in-out infinite}
.kawa .k-cafe{animation:k-cafe 5s ease-in-out infinite}
.kawa .k-vapeur{animation:k-vapeur 5s ease-in-out infinite}
@keyframes k-verse{0%{transform:rotate(28deg)}10%,62%{transform:rotate(0)}74%,100%{transform:rotate(28deg)}}
@keyframes k-jet{0%,9%{transform:scaleY(0);opacity:1}16%,60%{transform:scaleY(1);opacity:1}66%{transform:scaleY(1);opacity:0}100%{transform:scaleY(0);opacity:0}}
@keyframes k-cafe{0%,12%{transform:translateY(92px)}64%,90%{transform:translateY(10px)}100%{transform:translateY(92px)}}
@keyframes k-vapeur{0%,64%{opacity:0;transform:translateY(8px)}76%{opacity:.85;transform:translateY(0)}92%{opacity:0;transform:translateY(-10px)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.kawa *{animation:none!important}.kawa .k-cafe{transform:translateY(30px)}}

/* ---------- Bouton « Effacer » des zones de texte ---------- */
.clr-wrap{position:relative}
.clr-wrap textarea{display:block}
.clr-wrap.plein textarea{padding-bottom:40px}
.clr{position:absolute;right:10px;bottom:10px;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;background:var(--fond);color:var(--encre);cursor:pointer;box-shadow:0 0 0 1px var(--trait);display:none}
.clr-wrap.plein .clr,.clr[data-undo]{display:inline-block}
.clr:hover{color:var(--encre)}
.clr[data-undo]{background:var(--encre);color:var(--fond);box-shadow:none}