@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin-opsz-normal.woff2) format("woff2")}
@font-face{font-family:"Noto Sans Hebrew";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/noto-sans-hebrew-hebrew-wght-normal.woff2) format("woff2")}
:root{--fond:#0d1324;--fond2:#1a1236;--carte:#161e37;--carte2:#1d2747;--encre:#f3eee4;--doux:#a9b1c6;--flamme:#ff9a3d;--flamme2:#ffd08a;--trait:#29355b;color-scheme:dark}
@media (prefers-color-scheme:light){:root{--fond:#f6f0e6;--fond2:#efe2cf;--carte:#fffdf8;--carte2:#f3ece0;--encre:#1c2133;--doux:#5b6276;--flamme:#b4530a;--flamme2:#cf6c17;--trait:#e1d5c1;color-scheme:light}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;user-select:none;-webkit-user-select:none}
body{margin:0;background:radial-gradient(110% 50% at 50% 0%,color-mix(in srgb,var(--flamme) 16%,transparent),transparent 70%),linear-gradient(180deg,var(--fond2),var(--fond) 420px);background-color:var(--fond);color:var(--encre);font:16px/1.6 Inter,"Noto Sans Hebrew",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh}
.haut{max-width:760px;margin:0 auto;padding:max(28px,env(safe-area-inset-top,0px)) 16px 8px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 20px;align-items:center}
.logo{width:84px;height:auto;filter:drop-shadow(0 10px 24px color-mix(in srgb,var(--flamme) 55%,transparent))}
.nom{margin:0;color:var(--flamme);font-weight:600}
h1{margin:2px 0 6px;font:600 clamp(1.9rem,6vw,2.6rem)/1.08 Fraunces,Georgia,serif;letter-spacing:-.01em}
.sous{margin:0;color:var(--doux)}
.langues{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.langues a{padding:5px 13px;border-radius:999px;border:1px solid var(--trait);color:var(--doux);text-decoration:none;font-size:.88rem;font-weight:600}
.langues a.on{background:var(--encre);color:var(--fond);border-color:var(--encre)}
main{max-width:760px;margin:0 auto;padding:12px 16px 56px;display:flex;flex-direction:column;gap:14px}
.carte{background:var(--carte);border:1px solid var(--trait);border-radius:22px;padding:20px 22px}
.carte.conseil{border-color:var(--flamme);box-shadow:0 0 0 1px color-mix(in srgb,var(--flamme) 40%,transparent),0 24px 60px -30px color-mix(in srgb,var(--flamme) 60%,transparent)}
.tete{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.tete h2{margin:0;font:600 1.35rem/1.2 Fraunces,Georgia,serif}
.pastille{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--carte2);color:var(--flamme);flex:none}
.pastille svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.btn{display:flex;align-items:center;justify-content:center;width:100%;padding:15px 20px;border-radius:999px;background:linear-gradient(180deg,var(--flamme2),var(--flamme));color:#2a1300;font-weight:700;font-size:1.05rem;text-decoration:none}
.btn.g{background:transparent;color:var(--encre);border:1px solid var(--trait)}
.btn:focus-visible,.langues a:focus-visible{outline:3px solid var(--flamme);outline-offset:3px}
.etapes{margin:16px 0 0;padding-inline-start:22px;color:var(--doux)}
.etapes li{margin:8px 0}
.etapes li::marker{color:var(--flamme);font-weight:700}
.doux{color:var(--doux);font-size:.92rem;margin:2px 0}
.info{padding:8px 6px}
.info h2{font:600 1.15rem Fraunces,Georgia,serif;margin:18px 0 4px}
.empreintes{font-size:.8rem;margin:10px 0}
.empreintes dt{font-weight:600;margin-top:8px}
.empreintes dd{margin:2px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--doux);overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
a{color:var(--flamme)}
[dir=rtl] .etapes{padding-inline-start:22px}
@media (max-width:480px){.haut{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}.logo{width:72px}.langues{justify-content:center}}

/* V41 : espace administrateur */
.carte.avert{border-color:color-mix(in srgb,var(--flamme) 55%,var(--trait));background:color-mix(in srgb,var(--flamme) 8%,var(--carte))}
.carte.avert p{margin:0}

/* V11 : téléchargement depuis Google Drive */
a.btn.indispo{opacity:.55;pointer-events:none}.drive-avis{display:block;margin-top:8px;font-size:.92em;opacity:.85}
.leger{margin:10px 0 0;font-size:14.5px}.leger a{font-weight:600}

/* ⭐18.1 « Orion 3D » : sélection du texte permise UNIQUEMENT dans les champs à saisir ; bouton « Copier » pour les empreintes */
html{-webkit-touch-callout:none}
input,textarea,select,[contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.copier{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--trait);background:var(--carte2);color:var(--encre);font:600 12.5px Inter,"Noto Sans Hebrew",system-ui,sans-serif;cursor:pointer;transition:border-color .2s,background-color .2s,transform .15s}
.copier:hover{border-color:var(--flamme)}.copier:active{transform:scale(.96)}
.copier:focus-visible{outline:3px solid var(--flamme);outline-offset:2px}
.copier.ok{border-color:#2fae6e;color:#2fae6e}

/* ⭐18.2 : mêmes deux thèmes que le site (choix gardé par assets/theme.js : clair par défaut) et mêmes couleurs */
:root[data-theme=light]{--fond:#fbf6ee;--fond2:#f4ecdf;--carte:#fffdf9;--carte2:#f4ecdf;--encre:#24152b;--doux:#554a5e;--flamme:#a64800;--flamme2:#e8730f;--trait:rgba(36,21,43,.14);color-scheme:light}
:root[data-theme=dark]{--fond:#130b17;--fond2:#1f0d26;--carte:#261a2d;--carte2:#2e2035;--encre:#f3ead8;--doux:#c9bccd;--flamme:#ffad5e;--flamme2:#ffd08a;--trait:rgba(243,234,216,.14);color-scheme:dark}
.carte{box-shadow:0 1px 2px rgba(60,30,10,.06),0 12px 26px -16px rgba(60,30,10,.3)}
:root[data-theme=dark] .carte{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 32px -18px rgba(0,0,0,.9)}

/* ⭐18.4 : désélection FORCÉE — rien n’est sélectionnable hors des champs à saisir, quelles que soient les autres règles */
html body *:not(input):not(textarea):not(select):not([contenteditable]):not([contenteditable] *){-webkit-user-select:none!important;user-select:none!important}
html body input,html body textarea,html body select,html body [contenteditable]:not([contenteditable=false]),html body [contenteditable]:not([contenteditable=false]) *{-webkit-user-select:text!important;user-select:text!important}
img{-webkit-user-drag:none}
