:root{--parch:#F2E8D5;--ink:#3B2F1E;--sepia:#8A6F47;--line:rgba(138,111,71,.45);--soft:#E9DCC2}
*{box-sizing:border-box}
html,body{margin:0;background:var(--parch);color:var(--ink)}
body{font-family:'Cormorant Garamond',Georgia,serif;min-height:100dvh;-webkit-text-size-adjust:100%}
main{max-width:520px;margin:0 auto;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 28px) 24px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;align-items:center;text-align:center}
.top{font-size:15px;letter-spacing:.08em;color:var(--sepia)}
.rule{width:44px;height:1px;background:var(--sepia);margin:12px auto}
.center{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;padding:24px 0}
.quote{font-style:italic;line-height:1.3;margin:0;font-weight:400}
.who{font-size:17px;color:var(--sepia);margin-top:18px}
.year{font-size:15px;color:var(--sepia);margin:6px 0 16px}
button{font-family:inherit;color:var(--ink);background:transparent;border:1px solid var(--sepia);border-radius:999px;padding:10px 22px;font-size:19px;cursor:pointer}
button:active{background:var(--soft)}
.link{border:0;padding:6px 8px;font-size:16px;color:var(--sepia);text-decoration:underline;text-underline-offset:3px}
.foot{display:flex;gap:6px;justify-content:center;align-items:center;margin-top:18px;flex-wrap:wrap}
.lang{font-size:15px;color:var(--sepia)}
.lang b{color:var(--ink);font-weight:500}
.reading{text-align:left;width:100%;font-size:20px;line-height:1.55}
.reading h2{font-weight:500;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--sepia);margin:26px 0 6px}
.reading p{margin:0}
.reading .q{font-style:italic;text-align:center;font-size:22px;margin:4px 0 0}
.wait{font-style:italic;color:var(--sepia)}
.seal{width:128px;height:128px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 26px;font-size:15px;letter-spacing:.12em;color:var(--sepia)}
.list{width:100%;text-align:left;list-style:none;padding:0;margin:8px 0 0}
.list li{border-top:1px solid var(--line)}
.list li:last-child{border-bottom:1px solid var(--line)}
.list button{border:0;border-radius:0;width:100%;text-align:left;padding:12px 4px;font-size:18px;display:flex;gap:12px}
.list .n{color:var(--sepia);min-width:28px}
.fade{animation:f 1.6s ease both}
@keyframes f{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fade{animation:none}}
.where{font-size:15px;color:var(--sepia);line-height:1.45;margin:0 0 6px}
.draft{font-size:13px;letter-spacing:.06em;color:#9b4a2f;border:1px dashed #9b4a2f;border-radius:6px;padding:3px 10px;margin:6px 0 4px}
.text p+p{margin-top:12px}
.ask{font-style:italic;margin:0 0 10px}
textarea{width:100%;font-family:inherit;font-size:18px;color:var(--ink);background:#F7F0E2;border:1px solid var(--line);border-radius:10px;padding:10px 12px;resize:vertical}
.note{font-size:14px;color:var(--sepia);margin-top:6px;text-align:center}
button[disabled]{opacity:.45;cursor:default}
.list small{color:var(--sepia);font-size:14px}
.consent{font-size:17px;line-height:1.45;font-style:italic;margin:14px 0 4px;text-align:center}
.atelier{width:100%;font-size:13px;color:var(--sepia);border:1px dashed var(--line);border-radius:8px;padding:6px 10px;margin-bottom:14px;line-height:1.6}
.atelier a{color:var(--ink)}
.tout{width:100%;border-bottom:1px solid var(--line);padding:22px 0}
a.proto{display:inline-flex;gap:12px;padding:12px 4px;color:var(--ink);text-decoration:none;font-size:18px}
.list li{display:flex;justify-content:space-between;align-items:center}
.quote.enonce{font-weight:500;line-height:1.2;max-width:15em;margin:0 auto}
.enonce-titre{font-style:italic;font-weight:500;font-size:30px;line-height:1.2;text-align:center;margin:8px 0 22px}
mark.mot{background:none;color:inherit;border-bottom:1px solid var(--sepia);padding-bottom:1px}
.ligne{font-style:italic;text-align:center;margin:0;font-size:21px}
.motlp{text-align:center;font-size:15px;letter-spacing:.06em;color:var(--sepia);margin:22px 0 0}
.motlp b{color:var(--ink);font-weight:500;letter-spacing:0}
.source{text-align:right;font-size:15px;color:var(--sepia);margin:16px 0 0}
.segment{text-align:center;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--sepia);margin:26px 0 4px}
.soleil{display:block;width:96px;height:96px;margin:0 auto 18px}
.annee{margin:22px 0 0;font-size:24px;line-height:1.2;color:var(--ink)}
.annee small{font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--sepia)}
.avis{margin:6px 0 10px;font-style:italic}
.center.accueil{flex:0 0 auto;justify-content:flex-start;padding:0}
.rubrique{margin:40px 0 0;font-size:24px;font-weight:400;letter-spacing:.02em;color:var(--ink)}
.fleches{display:flex;justify-content:space-between;gap:12px;width:100%;margin-top:32px}
.fleches button{font-size:17px;padding:8px 18px}
.prive{margin:26px 0 0;font-size:16px;line-height:1.45}
.apropos{width:100%;text-align:left;margin:10px 0 0;font-size:16px;color:var(--sepia)}
.apropos summary{cursor:pointer;text-align:center;text-decoration:underline;text-underline-offset:3px;list-style:none}
.apropos summary::-webkit-details-marker{display:none}
.apropos .text{margin-top:10px;font-size:17px;color:var(--ink)}