:root{--fond: #000;--encre: #f5e6cf;--accent: #f0a93c;--verrou: #ffe0ac;--chrome: rgba(0, 0, 0, .42);--surface: #131315;--rule: #2a2a2e;--rouge: #e08079}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--fond);color:var(--encre);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}#app{position:fixed;inset:0}.ecran{position:absolute;inset:0;display:none;flex-direction:column}.ecran.actif{display:flex}#apercu{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.calque{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.bandeau{position:absolute;left:0;right:0;background:var(--chrome);backdrop-filter:blur(2px) saturate(150%);padding:12px 18px}.bandeau.haut{top:0;padding-top:max(16px,env(safe-area-inset-top))}.bandeau.bas{bottom:0;padding-bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:14px}.etat{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.aide{margin:3px 0 0;font-size:15px;font-weight:600;min-height:22px}.declencheur{width:70px;height:70px;border-radius:50%;border:3px solid var(--encre);background:transparent;display:grid;place-items:center;cursor:pointer;flex:none;transition:transform .14s cubic-bezier(.23,1,.32,1)}.declencheur span{width:54px;height:54px;border-radius:50%;background:var(--encre);transition:transform .14s cubic-bezier(.23,1,.32,1)}.declencheur:active span{transform:scale(.82)}.declencheur[disabled]{opacity:.4;cursor:default}.rond{width:46px;height:46px;border-radius:12px;flex:none;border:1px solid rgba(245,230,207,.35);background:#0000004d;color:var(--encre);display:grid;place-items:center;cursor:pointer;font-size:15px;font-weight:600}.rond svg{width:22px;height:22px}.barre{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;padding-top:max(14px,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--rule)}.barre .titre{font-size:14px;font-weight:600}button.texte{background:none;border:0;color:var(--encre);opacity:.8;font:inherit;font-size:14px;padding:8px 6px;cursor:pointer}button.texte.accent{color:var(--accent);opacity:1;font-weight:600}.scene{flex:1;min-height:0;position:relative;display:grid;place-items:center;padding:12px;background:#0a0a0b;touch-action:none}.scene canvas{max-width:100%;max-height:100%;display:block}.note{margin:0;padding:12px 18px 18px;padding-bottom:max(18px,env(safe-area-inset-bottom));font-size:12.5px;opacity:.6;text-align:center}.reglages{background:var(--surface);border-top:1px solid var(--rule);padding:14px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.modes{display:flex;border:1px solid var(--rule);border-radius:9px;overflow:hidden}.modes button{flex:1;padding:10px 4px;border:0;border-right:1px solid var(--rule);background:transparent;color:var(--encre);opacity:.65;font:inherit;font-size:13px;cursor:pointer}.modes button:last-child{border-right:0}.modes button[aria-pressed=true]{background:#f0a93c24;color:var(--accent);opacity:1;font-weight:600}.curseur{display:block;margin-top:14px;font-size:12px;opacity:.8}.curseur span{display:flex;justify-content:space-between;margin-bottom:7px}.curseur b{color:var(--accent);font-weight:600}input[type=range]{width:100%;accent-color:var(--accent)}.galerie{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:14px;align-content:start}.vignette{position:relative;border-radius:8px;overflow:hidden;background:#fff}.vignette img{width:100%;display:block}.vignette button{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:50%;border:0;background:#0000009e;color:#fff;font-size:17px;line-height:1;cursor:pointer}.vignette .num{position:absolute;left:6px;bottom:6px;background:#0000009e;color:#fff;font-size:11px;padding:2px 7px;border-radius:99px}.alerte{margin:14px 18px;padding:14px 16px;border-radius:8px;border-left:3px solid var(--rouge);background:#1f1210;font-size:13.5px;line-height:1.5}.alerte b{color:#f2c4be;display:block;margin-bottom:4px}@media(prefers-reduced-motion:reduce){.declencheur,.declencheur span{transition:none}}.etat.flou{color:var(--rouge);opacity:1}.declencheur.flou{border-color:#e08079bf}.declencheur.flou span{background:#e08079d9}button.lien{display:block;width:100%;margin-top:14px;background:none;border:1px solid var(--rule);border-radius:9px;color:var(--encre);opacity:.85;font:inherit;font-size:13px;padding:11px 8px;cursor:pointer}button.lien:active{background:#f5e6cf12}#bloc-contraste[hidden]{display:none}.voile{position:absolute;inset:0;z-index:10;display:grid;place-content:center;justify-items:center;gap:16px;background:#000000c7;backdrop-filter:blur(3px);text-align:center;padding:24px}.voile[hidden]{display:none}.voile p{margin:0;font-size:14px;letter-spacing:.02em}.sablier{width:34px;height:34px;border-radius:50%;border:2.5px solid rgba(245,230,207,.22);border-top-color:var(--accent);animation:tourne .82s linear infinite}@keyframes tourne{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sablier{animation-duration:2.4s}}