:root{--papier: #F4EDE1;--surface: #FFFCF6;--surface-2: #F0E7D8;--surface-3: #E7DBC7;--encre: #1E1A16;--encre-2: #5E5449;--encre-3: #8C8172;--trait: #E2D5C0;--indigo: #23306B;--indigo-vif: #3346A6;--indigo-doux: #E4E7F6;--sur-indigo: #FFFFFF;--ocre: #C8741E;--ocre-vif: #E89A3C;--ocre-doux: #F8E6CC;--vert: #2D7A4D;--vert-doux: #DDF0E3;--rouge: #B23E2A;--rouge-doux: #F8E0DA;--carte: #FFFDF8;--ombre: 0 1px 2px rgba(50,35,15,.06),0 10px 30px rgba(50,35,15,.08);--ombre-forte: 0 2px 6px rgba(30,20,10,.10),0 24px 60px rgba(30,20,10,.16);--rayon: 18px;--serif: "Fraunces",Georgia,"Times New Roman",serif;--sans: "Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--bogolan: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E%3Crect width='12' height='24' fill='%2323306B'/%3E%3Cpath d='M0 0l6 6 6-6M0 12l6 6 6-6' fill='none' stroke='%23E89A3C' stroke-width='2'/%3E%3Ccircle cx='6' cy='12' r='1.4' fill='%23F7EFE2'/%3E%3C/svg%3E");color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--papier: #13110E;--surface: #1C1915;--surface-2: #26211B;--surface-3: #312A22;--encre: #F2EADC;--encre-2: #C2B5A2;--encre-3: #8F8473;--trait: #3A3229;--indigo: #8E9CF0;--indigo-vif: #A9B4FF;--indigo-doux: #262C4D;--sur-indigo: #12152B;--ocre: #E89A3C;--ocre-vif: #F2B05E;--ocre-doux: #3A2A17;--vert: #5FC08A;--vert-doux: #17301F;--rouge: #F07A62;--rouge-doux: #3A1D17;--carte: #221E19;--ombre: 0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);--ombre-forte: 0 2px 6px rgba(0,0,0,.4),0 24px 60px rgba(0,0,0,.5);color-scheme: dark}}:root[data-theme="dark"]{--papier: #13110E;--surface: #1C1915;--surface-2: #26211B;--surface-3: #312A22;--encre: #F2EADC;--encre-2: #C2B5A2;--encre-3: #8F8473;--trait: #3A3229;--indigo: #8E9CF0;--indigo-vif: #A9B4FF;--indigo-doux: #262C4D;--sur-indigo: #12152B;--ocre: #E89A3C;--ocre-vif: #F2B05E;--ocre-doux: #3A2A17;--vert: #5FC08A;--vert-doux: #17301F;--rouge: #F07A62;--rouge-doux: #3A1D17;--carte: #221E19;--ombre: 0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);--ombre-forte: 0 2px 6px rgba(0,0,0,.4),0 24px 60px rgba(0,0,0,.5);color-scheme: dark}*{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--papier);color: var(--encre);font: 500 16px/1.5 var(--sans);-webkit-font-smoothing: antialiased;min-height: 100vh}h1,h2,h3{font-family: var(--serif);font-weight: 600;letter-spacing: -.01em;line-height: 1.15;margin: 0}h1{font-size: clamp(1.7rem,4vw,2.25rem)}h2{font-size: 1.3rem}h3{font-size: 1.05rem}p{margin: 0}a{color: var(--indigo-vif)}button,input,select,textarea{font: inherit;color: inherit}img{max-width: 100%}[hidden]{display: none !important}.ic{width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 1.9;stroke-linecap: round;stroke-linejoin: round;flex: none}.sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}:focus-visible{outline: 3px solid var(--ocre-vif);outline-offset: 2px;border-radius: 8px}.appli{min-height: 100vh}.barre{display: none}.entete{position: sticky;top: 0;z-index: 20;display: flex;align-items: center;justify-content: space-between;padding: calc(10px + env(safe-area-inset-top)) 16px 10px;background: color-mix(in srgb,var(--papier) 88%,transparent);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid var(--trait)}.marque{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;color: var(--encre);font: 700 1.2rem/1 var(--serif);letter-spacing: -.01em}.marque b{color: var(--ocre);font-weight: 700}.marque img{border-radius: 9px}.vue{padding: 18px 16px calc(96px + env(safe-area-inset-bottom));max-width: 820px;margin: 0 auto;outline: none}.onglets{position: fixed;left: 0;right: 0;bottom: 0;z-index: 30;display: grid;grid-template-columns: repeat(5,1fr);background: var(--surface);border-top: 1px solid var(--trait);padding: 6px 4px calc(6px + env(safe-area-inset-bottom))}.onglet{display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 6px 2px;border: 0;background: none;color: var(--encre-3);font-size: .7rem;font-weight: 700;text-decoration: none;border-radius: 12px;cursor: pointer;position: relative}.onglet .ic{width: 23px;height: 23px}.onglet.actif{color: var(--indigo)}.onglet.actif::before{content: "";position: absolute;top: -7px;width: 28px;height: 3px;border-radius: 3px;background: var(--ocre)}.onglet .compte-badge{position: absolute;top: 0;right: calc(50% - 22px);min-width: 18px;height: 18px;padding: 0 5px;border-radius: 9px;background: var(--ocre);color: #fff;font-size: .65rem;line-height: 18px;text-align: center}@media (min-width: 900px){.appli{display: grid;grid-template-columns: 250px 1fr}.entete,.onglets{display: none}.barre{display: flex;flex-direction: column;gap: 18px;position: sticky;top: 0;height: 100vh;padding: 22px 16px;background: var(--surface);border-right: 1px solid var(--trait)}.barre .marque{padding: 4px 8px 10px;font-size: 1.3rem}.vue{padding: 34px 40px 60px;width: 100%}}.nav-laterale{display: flex;flex-direction: column;gap: 2px}.nav-lien{display: flex;align-items: center;gap: 12px;padding: 10px 12px;border-radius: 12px;color: var(--encre-2);text-decoration: none;font-weight: 700;font-size: .95rem}.nav-lien:hover{background: var(--surface-2);color: var(--encre)}.nav-lien.actif{background: var(--indigo-doux);color: var(--indigo)}.nav-lien .compte-badge{margin-left: auto;min-width: 22px;padding: 1px 7px;border-radius: 11px;background: var(--ocre);color: #fff;font-size: .72rem;text-align: center}.nav-sep{height: 1px;background: var(--trait);margin: 8px 6px}.barre-pied{margin-top: auto;font-size: .8rem;color: var(--encre-3);padding: 0 8px}.pastille-synchro{display: inline-flex;align-items: center;gap: 7px;border: 1px solid var(--trait);background: var(--surface);border-radius: 99px;padding: 6px 11px;font-size: .75rem;font-weight: 700;color: var(--encre-2);cursor: pointer}.pastille-synchro i{width: 8px;height: 8px;border-radius: 50%;background: var(--encre-3)}.pastille-synchro.ok i{background: var(--vert)}.pastille-synchro.attente i{background: var(--ocre-vif)}.pastille-synchro.encours i{background: var(--indigo-vif);animation: pulse 1s infinite}.pastille-synchro.erreur i{background: var(--rouge)}@keyframes pulse{50%{opacity: .3}}.chargement{display: grid;place-items: center;gap: 12px;padding: 80px 0;color: var(--encre-3)}.chargement img{border-radius: 14px;animation: pulse 1.4s infinite}.tete{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 12px;margin-bottom: 18px}.tete p{color: var(--encre-2);margin-top: 6px}.surtitre{display: block;font-size: .75rem;letter-spacing: .12em;text-transform: uppercase;font-weight: 800;color: var(--ocre);margin-bottom: 6px}.bloc{background: var(--surface);border: 1px solid var(--trait);border-radius: var(--rayon);padding: 18px;box-shadow: var(--ombre)}.bloc + .bloc,.bloc + .grille,.grille + .bloc,.pile>* + *{margin-top: 14px}.bloc h2{margin-bottom: 10px}.bloc-tete{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 12px}.bloc-tete h2{margin: 0}.grille{display: grid;gap: 14px}@media (min-width: 620px){.grille.deux{grid-template-columns: 1fr 1fr}.grille.trois{grid-template-columns: repeat(3,1fr)}}.discret{color: var(--encre-2);font-size: .92rem}.petit{font-size: .82rem;color: var(--encre-3)}.vide{text-align: center;color: var(--encre-3);padding: 26px 10px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 46px;padding: 10px 18px;border-radius: 14px;border: 1px solid var(--trait);background: var(--surface);color: var(--encre);font-weight: 800;font-size: .95rem;cursor: pointer;text-decoration: none;transition: transform .12s,background .15s,border-color .15s;-webkit-tap-highlight-color: transparent}.btn:hover{border-color: var(--encre-3)}.btn:active{transform: scale(.98)}.btn:disabled{opacity: .45;cursor: not-allowed}.btn.principal{background: var(--indigo);border-color: var(--indigo);color: var(--sur-indigo)}.btn.principal:hover{background: var(--indigo-vif)}.btn.ocre{background: var(--ocre);border-color: var(--ocre);color: #fff}.btn.danger{color: var(--rouge);border-color: color-mix(in srgb,var(--rouge) 40%,var(--trait))}.btn.fantome{background: none;border-color: transparent}.btn.fantome:hover{background: var(--surface-2)}.btn.large{width: 100%}.btn.grand{min-height: 56px;font-size: 1.05rem;border-radius: 16px}.btn.mini{min-height: 34px;padding: 5px 11px;font-size: .82rem;border-radius: 10px}.btn .ic{width: 18px;height: 18px}.lien{background: none;border: 0;padding: 4px;color: var(--indigo-vif);font-weight: 700;cursor: pointer;text-decoration: underline;text-underline-offset: 3px;font-size: .9rem}.actions{display: flex;flex-wrap: wrap;gap: 10px;align-items: center}.actions.fin{justify-content: flex-end}.champ{display: grid;gap: 6px;margin-bottom: 14px}.champ>span,.champ>label{font-size: .85rem;font-weight: 800;color: var(--encre-2)}.champ small{color: var(--encre-3);font-size: .8rem}.saisie,select.saisie,textarea.saisie{width: 100%;min-height: 48px;padding: 11px 14px;border-radius: 13px;border: 1.5px solid var(--trait);background: var(--carte);font-size: 1rem;font-weight: 600;transition: border-color .15s,box-shadow .15s}textarea.saisie{min-height: 84px;resize: vertical;line-height: 1.45}.saisie:focus{outline: none;border-color: var(--indigo-vif);box-shadow: 0 0 0 4px color-mix(in srgb,var(--indigo-vif) 18%,transparent)}.mdp{position: relative}.mdp .saisie{padding-right: 52px}.mdp .oeil{position: absolute;right: 6px;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border: 0;background: none;color: var(--encre-3);border-radius: 10px;cursor: pointer;display: grid;place-items: center}.mdp .oeil:hover{color: var(--encre);background: var(--surface-2)}.ligne-champs{display: grid;gap: 12px}@media (min-width: 560px){.ligne-champs{grid-template-columns: 1fr 1fr}}.case{display: flex;gap: 10px;align-items: flex-start;font-weight: 600;cursor: pointer}.case input{width: 20px;height: 20px;margin-top: 2px;accent-color: var(--indigo);flex: none}.choix{display: flex;flex-wrap: wrap;gap: 8px}.choix label{cursor: pointer}.choix input{position: absolute;opacity: 0;pointer-events: none}.choix span{display: inline-block;padding: 8px 14px;border-radius: 99px;border: 1.5px solid var(--trait);background: var(--carte);font-weight: 700;font-size: .9rem}.choix input:checked + span{background: var(--indigo);border-color: var(--indigo);color: var(--sur-indigo)}.choix input:focus-visible + span{outline: 3px solid var(--ocre-vif);outline-offset: 2px}details.plus-options>summary{cursor: pointer;font-weight: 800;color: var(--indigo-vif);padding: 6px 0;list-style: none}details.plus-options>summary::-webkit-details-marker{display: none}details.plus-options>summary::before{content: "+ "}details.plus-options[open]>summary::before{content: "− "}.alerte{padding: 11px 14px;border-radius: 12px;background: var(--ocre-doux);color: var(--encre);font-size: .9rem;font-weight: 600}.alerte.rouge{background: var(--rouge-doux)}.alerte.verte{background: var(--vert-doux)}.alerte.bleue{background: var(--indigo-doux)}.pastille{display: inline-flex;align-items: center;gap: 6px;padding: 3px 10px;border-radius: 99px;background: var(--surface-2);font-size: .75rem;font-weight: 800;color: var(--encre-2);white-space: nowrap}.pastille i{width: 8px;height: 8px;border-radius: 50%;background: var(--c,var(--encre-3))}.etiq{font-size: .7rem;font-weight: 800;letter-spacing: .06em;text-transform: uppercase;color: var(--encre-3)}.etiq.nouvelle{color: var(--indigo-vif)}.etiq.apprentissage{color: var(--ocre)}.etiq.mure{color: var(--vert)}.salut{margin-bottom: 18px}.salut p{color: var(--encre-2);margin-top: 4px}.salut p::first-letter{text-transform: uppercase}.parcours{display: grid;grid-template-columns: auto 1fr;gap: 18px;align-items: center}.anneau{width: 136px;height: 136px}.anneau .seg{stroke-width: 10;fill: none}.anneau .fait{stroke: var(--indigo)}.anneau .encours{stroke: var(--ocre)}.anneau .avenir{stroke: var(--surface-3)}.anneau .num{font: 700 30px var(--serif);fill: var(--encre)}.anneau .sous{font: 800 9px var(--sans);fill: var(--encre-3);letter-spacing: .1em;text-transform: uppercase}.parcours h2{font-size: 1.15rem}.parcours .objectif{font-family: var(--serif);font-style: italic;color: var(--ocre);margin-top: 6px}.parcours ul{margin: 8px 0 0;padding: 0;list-style: none;display: grid;gap: 3px;font-size: .9rem;color: var(--encre-2)}.parcours li b{color: var(--encre)}@media (max-width: 420px){.parcours{grid-template-columns: 1fr;justify-items: start}.anneau{width: 120px;height: 120px}}.du-jour{background: var(--indigo);color: var(--sur-indigo);border: 0;position: relative;overflow: hidden}.du-jour::after{content: "";position: absolute;right: 0;top: 0;bottom: 0;width: 14px;background: var(--bogolan);background-size: 12px 24px}.du-jour h2{color: inherit}.du-jour .compteurs{display: flex;gap: 22px;margin: 6px 0 16px;flex-wrap: wrap}.du-jour .compteurs div{display: grid}.du-jour .compteurs b{font: 700 2rem/1.1 var(--serif)}.du-jour .compteurs span{font-size: .78rem;font-weight: 700;opacity: .8}.du-jour .btn{background: var(--ocre-vif);border-color: var(--ocre-vif);color: #1E1A16}.du-jour .btn:hover{background: #F2B05E}:root[data-theme="dark"] .du-jour,:root:not([data-theme="light"]) .du-jour{--sur-indigo: #fff}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .du-jour{background: #2A3570}}:root[data-theme="dark"] .du-jour{background: #2A3570}.semaine-type{display: flex;gap: 6px;margin-top: 12px}.semaine-type span{flex: 1;text-align: center;padding: 6px 0;border-radius: 9px;font-size: .72rem;font-weight: 800;background: rgba(255,255,255,.12)}.semaine-type span.auj{background: var(--ocre-vif);color: #1E1A16}.routine{list-style: none;margin: 0;padding: 0;display: grid;gap: 4px}.routine li{display: flex;align-items: center;gap: 10px;padding: 8px 6px;border-radius: 12px}.routine li:hover{background: var(--surface-2)}.routine .coche{width: 28px;height: 28px;border-radius: 9px;border: 2px solid var(--trait);background: var(--carte);display: grid;place-items: center;cursor: pointer;flex: none;color: transparent;padding: 0}.routine .coche .ic{width: 16px;height: 16px;stroke-width: 3}.routine li.fait .coche{background: var(--vert);border-color: var(--vert);color: #fff}.routine li.fait a{color: var(--encre-3);text-decoration: line-through}.routine a{flex: 1;color: var(--encre);text-decoration: none;font-weight: 700;font-size: .95rem}.routine small{color: var(--encre-3);font-weight: 700}.jauge{height: 8px;border-radius: 8px;background: var(--surface-3);overflow: hidden}.jauge>i{display: block;height: 100%;background: var(--vert);border-radius: 8px;transition: width .4s}.tuile{display: grid;gap: 2px}.tuile b{font: 700 1.9rem/1.1 var(--serif)}.tuile span{font-size: .82rem;font-weight: 700;color: var(--encre-2)}.tuile small{color: var(--encre-3);font-size: .78rem}.tuiles{display: grid;grid-template-columns: repeat(2,1fr);gap: 12px}@media (min-width: 620px){.tuiles{grid-template-columns: repeat(4,1fr)}}.tuiles .bloc{padding: 14px 16px;margin: 0}.seance-tete{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 14px;flex-wrap: wrap}.compteurs-seance{display: flex;gap: 14px;font-weight: 800;font-size: .9rem}.compteurs-seance span{white-space: nowrap}.compteurs-seance small{font-weight: 700;font-size: .72rem;color: var(--encre-3);margin-left: 3px}.compteurs-seance .n-rev{color: var(--vert)}.compteurs-seance .n-app{color: var(--ocre)}.compteurs-seance .n-nouv{color: var(--indigo-vif)}.compteurs-seance .actuel{text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness: 2px}.flash{perspective: 1600px;margin: 0 auto;max-width: 640px}.flash .tourne{display: grid;transform-style: preserve-3d;transition: transform .7s cubic-bezier(.25,.8,.25,1)}.flash.retournee .tourne{transform: rotateY(180deg)}.flash .face{grid-area: 1 / 1;backface-visibility: hidden;-webkit-backface-visibility: hidden;background: var(--carte);border-radius: 24px;box-shadow: var(--ombre-forte);border: 1px solid var(--trait);padding: 22px 22px 22px 34px;min-height: 340px;display: flex;flex-direction: column;position: relative;overflow: hidden}.flash .face::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 14px;background: var(--bogolan);background-size: 12px 24px}.flash .verso{transform: rotateY(180deg)}.flash.entree{animation: entree .35s ease-out}@keyframes entree{from{opacity: 0;transform: translateY(14px) scale(.98)}}.face-tete{display: flex;justify-content: space-between;align-items: center;gap: 8px;margin-bottom: 14px}.question{font: 600 clamp(1.35rem,4.2vw,1.9rem)/1.25 var(--serif);margin: auto 0;padding: 14px 0;overflow-wrap: anywhere}.form-reponse{display: flex;gap: 8px;margin-top: 14px}.form-reponse .saisie{min-height: 54px;font-size: 1.1rem}.form-reponse .btn{min-height: 54px}.sous-reponse{display: flex;justify-content: space-between;align-items: center;margin-top: 8px}.verdict{display: flex;align-items: center;gap: 10px;padding: 12px 14px;border-radius: 14px;font: 700 1.15rem var(--serif);margin-bottom: 12px}.verdict .ic{width: 26px;height: 26px;stroke-width: 2.6}.verdict.ok{background: var(--vert-doux);color: var(--vert)}.verdict.ko{background: var(--rouge-doux);color: var(--rouge)}.verdict.neutre{background: var(--indigo-doux);color: var(--indigo)}.rappel{color: var(--encre-2);font-weight: 600;font-size: .95rem}.votre{margin-top: 8px;font-size: .92rem;color: var(--encre-2)}.votre s{color: var(--rouge);text-decoration-thickness: 2px}.votre b{color: var(--vert)}.la-reponse{font: 700 clamp(1.5rem,5vw,2.2rem)/1.2 var(--serif);color: var(--indigo);margin: 12px 0 6px;overflow-wrap: anywhere}.complements{display: grid;gap: 8px;margin-top: 10px;font-size: .93rem}.complements div{padding: 9px 12px;border-radius: 12px;background: var(--surface-2)}.complements b{display: block;font-size: .7rem;letter-spacing: .08em;text-transform: uppercase;color: var(--encre-3);margin-bottom: 2px}.outils-carte{display: flex;gap: 6px;flex-wrap: wrap;margin-top: auto;padding-top: 14px}.notes{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;margin: 16px auto 0;max-width: 640px}.notes.une{grid-template-columns: 1fr}.notes.quatre{grid-template-columns: repeat(4,1fr)}.note{display: grid;gap: 1px;padding: 10px 6px;min-height: 64px;border-radius: 16px;border: 1.5px solid var(--trait);background: var(--surface);cursor: pointer;font-weight: 800;text-align: center}.note small{font-weight: 700;font-size: .78rem;color: var(--encre-3)}.note kbd{display: none}@media (hover: hover){.note kbd{display: inline;font: 700 .7rem var(--sans);color: var(--encre-3)}}.note.n1{color: var(--rouge)}.note.n2{color: var(--ocre)}.note.n3{color: var(--vert)}.note.n4{color: var(--indigo-vif)}.note.prefere{border-width: 2.5px;border-color: currentColor;box-shadow: 0 6px 18px color-mix(in srgb,currentColor 22%,transparent)}.note:active{transform: scale(.98)}.sous-notes{text-align: center;margin-top: 10px}.auto-txt{text-align: center;margin-top: 8px}.chrono{height: 6px;border-radius: 6px;background: var(--surface-3);overflow: hidden;margin: 0 auto 12px;max-width: 640px}.chrono>i{display: block;height: 100%;width: 100%;background: var(--ocre);transform-origin: left}.chrono.alerte-chrono>i{background: var(--rouge)}.propositions{display: grid;gap: 10px;margin-top: 14px}@media (min-width: 560px){.propositions{grid-template-columns: 1fr 1fr}}.proposition{text-align: left;padding: 14px 16px;border-radius: 14px;border: 1.5px solid var(--trait);background: var(--surface);font-weight: 700;font-size: 1rem;cursor: pointer;min-height: 56px;display: flex;gap: 12px;align-items: center}.proposition:hover{border-color: var(--indigo-vif)}.proposition kbd{font: 800 .75rem var(--sans);color: var(--encre-3);border: 1px solid var(--trait);border-radius: 6px;padding: 1px 6px}.suite{height: 4px;border-radius: 4px;background: var(--surface-3);overflow: hidden;margin: 14px auto 0;max-width: 640px}.suite>i{display: block;height: 100%;width: 0;background: var(--indigo-vif)}.score-jeu{display: flex;gap: 14px;font-weight: 800;font-size: .9rem;color: var(--encre-2)}.score-jeu b{color: var(--encre)}.fin-seance{text-align: center;padding: 30px 18px}.fin-seance .medaille{width: 84px;height: 84px;margin: 0 auto 14px;border-radius: 50%;display: grid;place-items: center;background: var(--ocre-doux);color: var(--ocre)}.fin-seance .medaille .ic{width: 42px;height: 42px}.fin-seance .chiffres{display: flex;justify-content: center;gap: 26px;margin: 18px 0;flex-wrap: wrap}.fin-seance .chiffres div{display: grid}.fin-seance .chiffres b{font: 700 1.8rem var(--serif)}.fin-seance .chiffres span{font-size: .8rem;font-weight: 700;color: var(--encre-3)}.liste{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.item{display: flex;gap: 12px;align-items: center;padding: 12px 14px;border-radius: 14px;background: var(--surface);border: 1px solid var(--trait)}.item.cliquable{cursor: pointer}.item.cliquable:hover{border-color: var(--encre-3)}.item .corps{flex: 1;min-width: 0}.item .titre{font-weight: 700;overflow-wrap: anywhere}.item .sous{color: var(--encre-2);font-size: .9rem;overflow-wrap: anywhere}.item .meta{display: flex;gap: 8px;align-items: center;flex-wrap: wrap;margin-top: 4px}.item .droite{text-align: right;flex: none}.barre-filtres{display: grid;gap: 10px;margin-bottom: 14px}@media (min-width: 620px){.barre-filtres{grid-template-columns: 2fr 1fr 1fr 1fr}}.recherche{position: relative}.recherche .ic{position: absolute;left: 13px;top: 50%;transform: translateY(-50%);color: var(--encre-3)}.recherche .saisie{padding-left: 42px}.onglets-int{display: flex;gap: 6px;background: var(--surface-2);padding: 4px;border-radius: 14px;margin-bottom: 16px;overflow-x: auto}.onglets-int button{flex: 1;border: 0;background: none;padding: 9px 12px;border-radius: 11px;font-weight: 800;color: var(--encre-2);cursor: pointer;white-space: nowrap}.onglets-int button.actif{background: var(--surface);color: var(--indigo);box-shadow: var(--ombre)}.frise{display: grid;grid-template-columns: repeat(6,1fr);gap: 6px}@media (min-width: 700px){.frise{grid-template-columns: repeat(12,1fr)}}.mois-case{aspect-ratio: 1;border-radius: 10px;border: 1.5px solid var(--trait);background: var(--carte);display: grid;place-items: center;font-weight: 800;font-size: .85rem;cursor: pointer;position: relative;color: var(--encre-2);padding: 0}.mois-case.p1{--pc: #3346A6}.mois-case.p2{--pc: #C8741E}.mois-case.p3{--pc: #2D7A4D}.mois-case.p4{--pc: #B23E2A}.mois-case.passe{background: color-mix(in srgb,var(--pc) 22%,var(--carte));border-color: color-mix(in srgb,var(--pc) 40%,var(--trait));color: var(--encre)}.mois-case.actuel{background: var(--pc);border-color: var(--pc);color: #fff;box-shadow: 0 6px 16px color-mix(in srgb,var(--pc) 40%,transparent)}.mois-case.choisi{outline: 3px solid var(--ocre-vif);outline-offset: 2px}.mois-case .badge{position: absolute;top: -5px;right: -5px;width: 15px;height: 15px;border-radius: 50%;background: var(--vert);border: 2px solid var(--surface)}.legende{display: flex;gap: 14px;flex-wrap: wrap;font-size: .8rem;font-weight: 700;color: var(--encre-2);margin-top: 12px}.legende span{display: inline-flex;align-items: center;gap: 6px}.legende i{width: 12px;height: 12px;border-radius: 4px;background: var(--pc)}.chapitres{margin: 10px 0 0;padding-left: 20px;display: grid;gap: 4px}.phase{border-left: 5px solid var(--pc)}.phase.p1{--pc: #3346A6}.phase.p2{--pc: #C8741E}.phase.p3{--pc: #2D7A4D}.phase.p4{--pc: #B23E2A}.phase .jalons{list-style: none;padding: 0;margin: 12px 0 0;display: grid;gap: 6px}.carte-chaleur{width: 100%;height: auto}.carte-chaleur rect{rx: 2.5}.barres{display: flex;align-items: flex-end;gap: 4px;height: 120px}.barres div{flex: 1;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;gap: 4px;height: 100%}.barres i{width: 100%;max-width: 30px;border-radius: 6px 6px 2px 2px;background: var(--indigo-vif);min-height: 2px}.barres span{font-size: .65rem;font-weight: 700;color: var(--encre-3)}.barres b{font-size: .68rem;color: var(--encre-2)}.ligne-theme{display: grid;grid-template-columns: minmax(110px,1fr) 2fr auto;gap: 10px;align-items: center;padding: 6px 0;font-size: .9rem;font-weight: 700}.ligne-theme .piste{height: 10px;border-radius: 6px;background: var(--surface-3);overflow: hidden;display: flex}.ligne-theme .piste i{display: block;height: 100%}.respiration{display: grid;place-items: center;padding: 20px 0;gap: 18px}.souffle{width: 210px;height: 210px;border-radius: 50%;display: grid;place-items: center;position: relative}.souffle::before{content: "";position: absolute;inset: 0;border-radius: 50%;background: radial-gradient(circle at 40% 35%,var(--ocre-vif),var(--ocre));transform: scale(.55);transition: transform 5s ease-in-out;opacity: .9}.souffle.inspire::before{transform: scale(1)}.souffle span{position: relative;font: 700 1.25rem var(--serif);color: #fff;text-shadow: 0 1px 6px rgba(0,0,0,.25)}.bienvenue{max-width: 620px;margin: 0 auto}.bienvenue .logo-grand{width: 78px;height: 78px;border-radius: 20px;box-shadow: var(--ombre-forte)}.bienvenue h1{font-size: clamp(2rem,7vw,2.8rem);margin-top: 16px}.bienvenue h1 b{color: var(--ocre)}.piliers{display: grid;gap: 10px;margin: 20px 0;counter-reset: p}@media (min-width: 560px){.piliers{grid-template-columns: 1fr 1fr}}.pilier{padding: 14px;border-radius: 14px;background: var(--surface);border: 1px solid var(--trait);counter-increment: p}.pilier::before{content: counter(p);display: inline-grid;place-items: center;width: 26px;height: 26px;border-radius: 8px;background: var(--indigo);color: var(--sur-indigo);font-weight: 800;font-size: .85rem;margin-bottom: 6px}.pilier b{display: block}.pilier span{font-size: .88rem;color: var(--encre-2)}.voile{position: fixed;inset: 0;background: rgba(20,15,10,.45);z-index: 60;backdrop-filter: blur(2px)}.modale{position: fixed;z-index: 70;left: 50%;top: 50%;transform: translate(-50%,-50%);width: min(560px,calc(100% - 24px));max-height: calc(100vh - 40px);overflow: auto;background: var(--surface);border-radius: 22px;padding: 22px;box-shadow: var(--ombre-forte)}.modale h2{margin-bottom: 12px;padding-right: 36px}.modale .fermer{position: absolute;top: 14px;right: 14px}@media (max-width: 560px){.modale{top: auto;bottom: 0;left: 0;transform: none;width: 100%;border-radius: 22px 22px 0 0;max-height: 92vh;padding-bottom: calc(22px + env(safe-area-inset-bottom))}}.toasts{position: fixed;z-index: 90;left: 50%;transform: translateX(-50%);bottom: calc(86px + env(safe-area-inset-bottom));display: grid;gap: 8px;width: min(440px,calc(100% - 24px));pointer-events: none}@media (min-width: 900px){.toasts{bottom: 24px}}.toast{background: var(--encre);color: var(--papier);padding: 12px 16px;border-radius: 14px;font-weight: 700;font-size: .92rem;box-shadow: var(--ombre-forte);animation: entree .25s ease-out;pointer-events: auto;display: flex;gap: 12px;align-items: center;justify-content: space-between}.toast.erreur{background: var(--rouge);color: #fff}.toast button{background: none;border: 0;color: var(--ocre-vif);font-weight: 800;cursor: pointer}.bandeau{display: flex;align-items: center;gap: 12px;justify-content: space-between;flex-wrap: wrap;padding: 12px 14px;border-radius: 14px;background: var(--ocre-doux);margin-bottom: 14px;font-weight: 600;font-size: .92rem}.noscript{padding: 30px;text-align: center}.defi-code{font: 700 2.4rem/1 var(--serif);letter-spacing: .14em;color: var(--indigo);text-align: center;padding: 14px;border: 2px dashed var(--trait);border-radius: 16px;margin: 12px 0}table.classement{width: 100%;border-collapse: collapse;font-size: .92rem}table.classement th,table.classement td{padding: 8px 6px;text-align: left;border-bottom: 1px solid var(--trait)}table.classement th{font-size: .72rem;text-transform: uppercase;letter-spacing: .06em;color: var(--encre-3)}table.classement tr.moi td{background: var(--ocre-doux);font-weight: 800}@media (prefers-reduced-motion: reduce){*,*::before{transition: none !important;animation: none !important}}