:root{--fond: #1A1206;--fond-carte: #241A0C;--texte: #F3E3C0;--texte-faible: #B8A47E;--accent: #D8B26A;--txt-petit: 16px;--txt-base: 18px;--txt-titre: 20px;--txt-grand: 24px;--esp-1: 8px;--esp-2: 16px;--esp-3: 24px;--esp-4: 32px;--cible: 48px;--cible-grande: 80px;--rayon: 8px;--esp-0: 4px;--txt-geant: 72px;--largeur-max: 560px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#racine{height:100%;margin:0}body{background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--txt-base);line-height:1.5;-webkit-text-size-adjust:100%}.icone{display:block;flex:none}.application{display:flex;flex-direction:column;min-height:100%;max-width:var(--largeur-max);margin:0 auto}.contenu{flex:1;padding-bottom:calc(var(--hauteur-pied, 132px) + var(--esp-2))}.contenu-marge{padding-left:var(--esp-2);padding-right:var(--esp-2)}h1{margin:0 0 var(--esp-2);font-size:var(--txt-grand)}h2{margin:0;font-size:var(--txt-titre)}p{margin:0 0 var(--esp-2)}.discret{color:var(--texte-faible);font-size:var(--txt-petit)}a{color:var(--accent)}.scene{position:relative}.scene-couverture{display:block;width:100%;height:40vh;object-fit:cover;background:var(--fond-carte)}.scene-lettre{display:flex;align-items:center;justify-content:center;width:100%;height:40vh;background:var(--fond-carte);color:var(--accent);font-size:var(--txt-geant);font-weight:700}.scene-action{position:absolute;top:var(--esp-2);min-width:var(--cible);min-height:var(--cible);display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--rayon);background:var(--fond);color:var(--texte);cursor:pointer}.scene-action-droite{right:var(--esp-2)}.scene-action-gauche{left:var(--esp-2)}.scene-action[aria-pressed=true]{color:var(--accent)}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:var(--esp-1);min-height:var(--cible);padding:0 var(--esp-2);border:none;border-radius:var(--rayon);background:var(--accent);color:var(--fond);font:inherit;font-size:var(--txt-base);font-weight:700;text-decoration:none;cursor:pointer}.bouton-contour{background:transparent;color:var(--texte);border:2px solid var(--texte-faible)}.bouton-icone{min-width:var(--cible);min-height:var(--cible);padding:0;background:transparent;color:var(--texte);border:2px solid var(--texte-faible);border-radius:var(--rayon);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.bouton-icone[disabled]{color:var(--texte-faible);border-color:var(--fond-carte)}.bouton-nu{min-width:var(--cible);min-height:var(--cible);padding:0;border:none;background:transparent;color:var(--texte);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.liste-livres{list-style:none;margin:0;padding:0}.ligne-livre{padding:var(--esp-2);border-bottom:1px solid var(--fond-carte)}.ligne-livre-haut{display:flex;align-items:center;gap:var(--esp-2)}.ligne-livre-titre{flex:1;min-width:0;font-size:var(--txt-titre);font-weight:700;overflow-wrap:anywhere}.ligne-livre-detail{display:block;margin-top:var(--esp-0);color:var(--texte-faible);font-size:var(--txt-petit);font-weight:400}.ligne-livre-actions{display:flex;align-items:center;gap:var(--esp-1);flex:none}.telechargement{margin-top:var(--esp-2)}.jauge{height:var(--esp-1);border-radius:var(--rayon);background:var(--fond-carte);overflow:hidden}.jauge span{display:block;height:100%;background:var(--accent)}.telechargement p{margin:var(--esp-1) 0 0}.etat-pret{display:inline-flex;align-items:center;gap:var(--esp-1);color:var(--accent);font-size:var(--txt-petit);font-weight:700}.message{margin-bottom:var(--esp-2);padding:var(--esp-2);border-radius:var(--rayon);background:var(--fond-carte)}.message-alerte{border:2px solid var(--accent)}.pied{position:fixed;bottom:0;left:0;right:0;max-width:var(--largeur-max);margin:0 auto;background:var(--fond-carte);padding-bottom:env(safe-area-inset-bottom)}.navigation{display:flex}.navigation button{flex:1;min-height:var(--cible);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--esp-0);padding:var(--esp-1) var(--esp-0);border:none;background:none;font:inherit;font-size:var(--txt-petit);color:var(--texte-faible);cursor:pointer}.navigation button[aria-current=page]{color:var(--accent);font-weight:700}.bloc{padding:var(--esp-2);border-bottom:1px solid var(--fond-carte)}.ligne-reglage{display:flex;gap:var(--esp-2);align-items:center;justify-content:space-between;padding:var(--esp-2) 0;border-bottom:1px solid var(--fond-carte)}.progression{padding:0 var(--esp-2)}.progression-barre{height:var(--esp-1);border-radius:var(--rayon);background:var(--fond-carte);overflow:hidden}.progression-barre span{display:block;height:100%;background:var(--accent)}.progression-temps{display:flex;justify-content:space-between;margin-top:var(--esp-1);color:var(--texte-faible);font-size:var(--txt-petit);font-variant-numeric:tabular-nums}.controles{display:flex;align-items:center;justify-content:center;gap:var(--esp-4);padding:var(--esp-3) var(--esp-2)}.controle-principal{width:var(--cible-grande);height:var(--cible-grande);border-radius:50%;border:none;background:var(--accent);color:var(--fond);display:flex;align-items:center;justify-content:center;cursor:pointer}.chapitres{display:flex;align-items:stretch;gap:var(--esp-1);padding:0 var(--esp-2)}.chapitre-actuel{flex:1;min-height:var(--cible);padding:var(--esp-1) var(--esp-2);border:2px solid var(--texte-faible);border-radius:var(--rayon);background:transparent;color:var(--texte);font:inherit;font-size:var(--txt-base);font-weight:700;cursor:pointer}.liste-chapitres{list-style:none;margin:var(--esp-2) 0 0;padding:0}.liste-chapitres button{width:100%;min-height:var(--cible);padding:var(--esp-1) var(--esp-2);border:none;border-bottom:1px solid var(--fond-carte);background:transparent;color:var(--texte);font:inherit;text-align:left;cursor:pointer}.liste-chapitres button[aria-current=true]{color:var(--accent);font-weight:700}.contenu-lecture{padding-bottom:var(--esp-4)}.titre-lecture{margin:var(--esp-2) 0 var(--esp-0);font-size:var(--txt-grand)}.scene-action-bas{bottom:var(--esp-2);right:var(--esp-2);top:auto}.titre-recueil{margin:var(--esp-2) 0}.bandeau-ecoute{display:flex;align-items:center;gap:var(--esp-2);padding:var(--esp-1) var(--esp-2);border-bottom:1px solid var(--fond)}.bandeau-intitule{flex:1;min-width:0;min-height:var(--cible);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--esp-0);padding:0;border:none;background:none;color:var(--texte);font:inherit;text-align:left;cursor:pointer}.bandeau-titre{font-size:var(--txt-base);font-weight:700}.bandeau-intitule span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bandeau-version{display:flex;align-items:center;justify-content:space-between;gap:var(--esp-2);padding:var(--esp-1) var(--esp-2);background:var(--accent);color:var(--fond);font-weight:700}.bandeau-version .bouton{background:var(--fond);color:var(--accent)}.bouton-aide{display:flex;width:100%;margin-top:var(--esp-2)}.invite{position:relative;margin:0 var(--esp-2) var(--esp-3);padding:var(--esp-2);border:2px solid var(--accent);border-radius:var(--rayon)}.invite-texte{margin:0 0 var(--esp-2);padding-right:var(--cible);font-size:var(--txt-titre);font-weight:700}.bouton-installer{display:flex;width:100%}.invite-etapes{margin:0;padding:0;list-style:none;counter-reset:etape}.invite-etapes li:last-child{margin-bottom:0}.invite-etapes li{counter-increment:etape;position:relative;padding-left:var(--esp-4);margin-bottom:var(--esp-2);font-size:var(--txt-titre);line-height:1.4}.invite-etapes li:before{content:counter(etape);position:absolute;left:0;top:0;width:var(--esp-3);text-align:center;color:var(--accent);font-weight:700}.invite-fermer{position:absolute;top:var(--esp-0);right:var(--esp-0);color:var(--texte-faible)}