/* Page de la vidéo d’aide (13 novembre 2026) : même style que l’application, clair ou sombre selon l’appareil. */
:root{--bg:#f4f5fb;--panel:#fff;--ink:#15181c;--muted:#5a6169;--accent:#5b3df5;--btn2-line:#c9c2fb;--btn2-ink:#4328c9;--logo:linear-gradient(135deg,#fb32d6,#852cf6 40%,#0b83fe 80%,#0befe2);--shadow:0 1px 3px rgba(20,20,60,.06)}
@media(prefers-color-scheme:dark){:root{--bg:#0f1020;--panel:#1a1b2e;--ink:#f1f2fa;--muted:#a8acc4;--accent:#a99bff;--btn2-line:#6b5fd6;--btn2-ink:#d4ccff}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,sans-serif}
main{max-width:860px;margin:auto;padding:20px 20px calc(40px + env(safe-area-inset-bottom))}
header{display:flex;align-items:center;gap:12px}
header img{width:48px;height:48px;border-radius:50%}
header p{margin:0;display:flex;flex-direction:column;line-height:1.25}
header strong{font-size:1.25rem;font-weight:800;letter-spacing:.5px;background:var(--logo);-webkit-background-clip:text;background-clip:text;color:transparent}
header span{font-size:.8125rem;color:var(--muted)}
h1{font-size:1.5rem;font-weight:800;line-height:1.2;margin:20px 0 4px}
h2{font-size:1rem;font-weight:800;margin:0 0 8px}
.lead{margin:0 0 16px;color:var(--muted)}
video{display:block;width:100%;aspect-ratio:16/9;border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}
section{background:var(--panel);border-radius:20px;box-shadow:var(--shadow);padding:16px;margin:16px 0}
ol{margin:0;padding-left:1.4rem}
li{margin:4px 0}
.notice{background:var(--panel);border-radius:16px;box-shadow:var(--shadow);padding:16px;margin:0}
.hidden{display:none}
.back{display:none;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:22px;background:var(--panel);border:2px solid var(--btn2-line);color:var(--btn2-ink);font-weight:700;text-decoration:none}
@media(display-mode:standalone){.back{display:inline-flex}}