/* GÉNÉRÉ par scripts/famille-ui-css.py depuis Refontes/design_handoff_recettes_famille/famille/famille.css.
   Ne pas modifier à la main : modifier le script, puis le relancer. Classes préfixées fa-, tout sous .fa
   (sauf la fiche du livre et la recette, en fin de feuille). */
.fa{--paper:#FFFDF4;--paper2:#FBF3DE;--cream:#FFF8EA;--ink:#2A211B;--ink2:#5C4A3A;--muted:#8A7458;--line:#E7D9BE;--line2:#DCCBA9;--tang:#EC6532;--tang-d:#C2410C;--tang-bg:#FCE3D8;--sun:#FFC53D;--sun-d:#B07800;--sun-bg:#FFF1D2;--green:#3E7C59;--green-d:#2F6147;--green-bg:#E6F3E9;--dark:#33261B;--pen:#2B3F7A;--hl:#FFE27A;--fd:"Bricolage Grotesque",system-ui,sans-serif;--fb:"Hanken Grotesk",system-ui,sans-serif;--fh:"Caveat",cursive;--spring:cubic-bezier(.3,1.35,.45,1);--ease:cubic-bezier(.2,.8,.2,1)}
.fa *,.fa *::before,.fa *::after{box-sizing:border-box}
.fa [hidden]{display:none!important}
.fa button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
.fa input,.fa textarea{font:inherit;color:inherit}
.fa .fa-dev{position:relative}
.fa .fa-scrim{position:absolute;inset:0;background:rgba(51,38,27,.34)}
.fa[data-dev="phone"] .fa-scrim{display:none}
.fa .fa-sh{position:relative;display:flex;flex-direction:column;background:var(--paper);min-height:0}
.fa[data-dev="phone"] .fa-sh{flex:1}
.fa[data-dev="desk"] .fa-sh{width:min(680px,100%);max-height:100%;border-radius:30px;box-shadow:0 40px 90px -30px rgba(40,20,5,.6)}
.fa[data-dev="desk"] .fa-sh.fa-lg{width:min(1100px,100%);height:100%}
.fa[data-dev="desk"] .fa-sh.fa-pg{width:min(980px,100%);height:100%}
.fa .fa-tape{position:absolute;top:-12px;width:110px;height:26px;opacity:.85;border:1px dashed rgba(0,0,0,.12);z-index:3}
.fa .fa-tape.fa-l{left:46px;background:#9FCDA8;transform:rotate(-3deg)}
.fa .fa-tape.fa-r{right:70px;background:#F2D07A;transform:rotate(4deg)}
.fa[data-dev="phone"] .fa-tape{display:none}
.fa .fa-hd{flex:none;display:flex;align-items:center;gap:12px;padding:20px 20px 0}
.fa[data-dev="phone"] .fa-hd{padding:6px 14px 0;gap:10px}
.fa .fa-ib{flex:none;width:44px;height:44px;border-radius:50%;background:var(--paper2);display:grid;place-items:center;color:var(--ink2);transition:transform .35s var(--spring),background .2s}
.fa .fa-ib:hover{background:var(--line)}
.fa .fa-hd .fa-x:hover{transform:rotate(90deg)}
.fa .fa-hd .fa-ht{flex:none;width:50px;height:50px;border-radius:16px;background:var(--tang);color:#fff;display:grid;place-items:center;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);transform:rotate(-5deg)}
.fa .fa-hd .fa-ht.fa-s{background:var(--sun);color:var(--ink)}
.fa .fa-hd .fa-ht.fa-g{background:var(--green);}
.fa .fa-hd .fa-ht.fa-p{background:#fff;color:var(--tang-d)}
.fa[data-dev="phone"] .fa-hd .fa-ht{width:40px;height:40px;border-radius:13px}
.fa[data-dev="phone"] .fa-hd .fa-ht svg{width:20px;height:20px}
.fa .fa-hd .fa-tt{flex:1;min-width:0}
.fa .fa-hd .fa-hand{display:block;font:700 19px/1 var(--fh);color:var(--tang-d)}
.fa .fa-hd h2{margin:2px 0 0;font:800 23px/1.12 var(--fd);letter-spacing:-.01em;text-wrap:balance}
.fa[data-dev="phone"] .fa-hd h2{font-size:20px}
.fa .fa-bd{flex:1;min-height:0;overflow:auto;padding:18px 20px 22px;scrollbar-width:thin;position:relative}
.fa[data-dev="phone"] .fa-bd{padding:14px 16px 20px}
.fa .fa-ft{flex:none;display:flex;gap:10px;align-items:center;padding:14px 20px 18px;border-top:1.5px dashed var(--line);background:var(--paper);border-radius:0 0 30px 30px}
.fa[data-dev="phone"] .fa-ft{padding:12px 16px 26px;border-radius:0;flex-wrap:wrap}
.fa .fa-ft .fa-note{flex:1 1 100%;margin:-2px 0 2px;font-size:12.5px;color:var(--muted);text-align:center}
.fa[data-dev="desk"] .fa-ft .fa-note{flex:1 1 auto;text-align:left;margin:0}
.fa .fa-st{animation:fa-up .46s var(--spring) both;animation-delay:calc(var(--i,0)*45ms)}
@keyframes fa-up{from{opacity:0;transform:translateY(12px)}}
.fa .fa-go{white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:0 22px;border-radius:18px;background:var(--tang);color:#fff;font:800 16px var(--fd);box-shadow:0 4px 0 var(--tang-d);transition:transform .3s var(--spring),box-shadow .25s}
.fa .fa-go:hover{transform:translateY(-2px)}
.fa .fa-go:active{transform:translateY(2px);box-shadow:0 1px 0 var(--tang-d)}
.fa .fa-go.fa-dk{background:var(--dark);box-shadow:0 4px 0 #120c08}
.fa .fa-go.fa-gr{background:var(--green);box-shadow:0 4px 0 var(--green-d)}
.fa .fa-go.fa-w{flex:1}
.fa .fa-gh{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 18px;border:1.5px solid var(--line2);border-radius:18px;background:#fff;font:700 14.5px var(--fb);color:var(--ink)}
.fa .fa-gh:hover{border-color:var(--ink2)}
.fa .fa-gh.fa-sm,.fa .fa-go.fa-sm{min-height:44px;border-radius:14px;font-size:14px;padding:0 14px}
.fa[data-dev="phone"] .fa-ft .fa-go,.fa[data-dev="phone"] .fa-ft .fa-gh{flex:1 1 100%}
.fa .fa-lk{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:700 14px var(--fb);color:var(--tang-d);text-decoration:underline;text-underline-offset:3px}
.fa .fa-lk:hover{color:var(--ink)}
.fa .fa-pill{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 11px;border-radius:999px;font:800 12px var(--fb);background:var(--sun-bg);color:var(--sun-d)}
.fa .fa-pill.fa-g{background:var(--green-bg);color:var(--green-d)}
.fa .fa-pill.fa-o{background:var(--tang-bg);color:var(--tang-d)}
.fa .fa-pill.fa-w{background:#fff;color:var(--ink2);border:1.5px solid var(--line)}
.fa .fa-lock{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:16px;background:var(--sun-bg);font-size:13px;line-height:1.45;color:#6B4A0E}
.fa .fa-lock .fa-ki{flex:none;width:26px;height:26px;border-radius:8px;background:#fff;display:grid;place-items:center;color:var(--sun-d)}
.fa .fa-hn{font:700 19px/1.15 var(--fh);color:var(--tang-d)}
.fa .fa-lead{margin:0;font-size:14.5px;color:var(--ink2);text-wrap:pretty}
.fa .fa-add{display:flex;flex-direction:column;gap:10px}
.fa .fa-ad{display:flex;align-items:center;gap:14px;min-height:76px;padding:12px 16px 12px 12px;border-radius:20px;background:#fff;border:1.5px solid var(--line);text-align:left;transition:transform .3s var(--spring),border-color .2s}
.fa .fa-ad:hover{transform:translateY(-2px);border-color:var(--line2)}
.fa .fa-ad .fa-ai{flex:none;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--b,var(--paper2));color:var(--c,var(--ink2))}
.fa .fa-ad b{display:block;font:800 16px/1.2 var(--fd)}
.fa .fa-ad small{display:block;font-size:13px;color:var(--ink2);line-height:1.35}
.fa .fa-ad .fa-ar{margin-left:auto;color:var(--muted)}
.fa .fa-ad.fa-fm{position:relative;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:var(--paper)}
.fa .fa-ad.fa-fm .fa-nw{position:absolute;top:-11px;right:18px;padding:2px 10px;border-radius:999px;background:var(--sun);border:2px solid var(--ink);font:800 11px var(--fd);letter-spacing:.04em}
.fa .fa-ad .fa-mini{flex:none;width:58px;height:76px;position:relative}
.fa .fa-ch3{display:flex;flex-direction:column;gap:12px}
.fa .fa-cc{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 16px 16px 14px;border-radius:22px;background:#fff;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-align:left;transition:transform .3s var(--spring),box-shadow .25s}
.fa .fa-cc:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}
.fa .fa-cc .fa-ci{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--b);color:var(--c);border:2px solid var(--ink);transform:rotate(var(--r,-4deg))}
.fa .fa-cc b{display:block;font:800 17px/1.2 var(--fd)}
.fa .fa-cc small{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--ink2);text-wrap:pretty}
.fa .fa-cc .fa-ar{color:var(--ink)}
.fa .fa-cc .fa-ok{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:2px;padding:8px 12px;border-radius:12px;background:var(--tang-bg);font:600 13px var(--fb);color:#7A2E10}
.fa .fa-cc .fa-ok svg{flex:none;color:var(--tang-d)}
.fa .fa-fz{position:relative;flex:none;width:calc(var(--w)*var(--z));height:calc(var(--h)*var(--z))}
.fa .fa-fz>.fa-fi{position:absolute;left:0;top:0;transform:scale(var(--z));transform-origin:0 0}
.fa .fa-fi{width:360px;height:470px;padding:22px 22px 0 30px;font:600 22px/30px var(--fh);color:var(--pen);background:#FFFDF6;box-shadow:0 2px 0 rgba(0,0,0,.06),0 12px 24px -12px rgba(60,30,10,.4);overflow:hidden;position:relative}
.fa .fa-fi.fa-card{background:linear-gradient(transparent 63px,#E9A2A2 63px,#E9A2A2 65px,transparent 65px),repeating-linear-gradient(transparent 0 29px,#B9CDE6 29px 30px) 0 66px/100% 100% no-repeat,#FFFDF6;border-radius:4px}
.fa .fa-fi.fa-note{background:linear-gradient(90deg,transparent 22px,#E9A2A2 22px,#E9A2A2 23.5px,transparent 23.5px),repeating-linear-gradient(transparent 0 29px,#B9CDE6 29px 30px),#FBFBF7;padding-left:36px}
.fa .fa-fi.fa-note::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:8px;background:radial-gradient(circle,#E9D9BC 3.5px,transparent 4px) 0 8px/8px 30px repeat-y}
.fa .fa-fi.fa-clip{background:#EDE8DC;color:#2A2A2A;font:600 13px/1.35 Georgia,serif;padding:20px}
.fa .fa-fi .fa-tl{display:block;font-size:30px;line-height:40px;margin-bottom:4px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.fa .fa-fi .fa-ln{display:block;white-space:nowrap;transform:rotate(var(--r,0deg)) translateX(var(--x,0));transform-origin:left;border-radius:6px;transition:background .3s,box-shadow .3s}
.fa .fa-fi .fa-ln.fa-hl{background:rgba(255,226,122,.75);box-shadow:0 0 0 4px rgba(255,226,122,.75)}
.fa .fa-fi .fa-sm{font-style:normal;filter:blur(.6px);text-shadow:1px 0 0 rgba(43,63,122,.6),-1px 1px 0 rgba(43,63,122,.3)}
.fa .fa-fi .fa-sc{font-style:normal;letter-spacing:-.5px;display:inline-block;transform:scaleX(.82);transform-origin:left;margin-right:-10px}
.fa .fa-fi .fa-stain{position:absolute;width:120px;height:120px;border-radius:50%;border:7px solid rgba(160,110,50,.16);box-shadow:inset 0 0 18px rgba(160,110,50,.12);pointer-events:none}
.fa .fa-fi .fa-grease{position:absolute;width:70px;height:46px;border-radius:50%;background:radial-gradient(rgba(220,190,120,.32),transparent 70%);pointer-events:none}
.fa .fa-fi .fa-tp{position:absolute;top:-6px;left:50%;width:90px;height:22px;margin-left:-45px;background:rgba(242,208,122,.8);transform:rotate(-3deg)}
.fa .fa-fi.fa-clip h5{margin:6px 0 8px;font:700 26px/1.1 Georgia,serif}
.fa .fa-fi.fa-clip .fa-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fa .fa-fi.fa-clip .fa-col i{display:block;height:6px;margin-bottom:7px;background:#B9B3A6;border-radius:2px}
.fa .fa-fi.fa-blur{filter:blur(3.2px) contrast(.8)}
.fa .fa-cam{display:flex;flex-direction:column;gap:14px;height:100%}
.fa .fa-hint{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);justify-content:center;text-align:center}
.fa .fa-pv{display:flex;flex-direction:column;gap:14px}
.fa .fa-pvb{position:relative;display:grid;place-items:center;padding:60px 10px 20px;border-radius:26px;background:var(--paper2)}
.fa .fa-pvb .fa-fz{transform:rotate(-1.5deg)}
.fa .fa-pvb .fa-pn{position:absolute;left:14px;top:14px;z-index:2}
.fa .fa-pvb .fa-acts{position:absolute;right:12px;top:10px;z-index:2;display:flex;gap:6px}
.fa .fa-pvb .fa-acts .fa-gh{min-height:40px;border-radius:12px;font-size:13px;padding:0 12px}
.fa .fa-ths{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 8px}
.fa .fa-th{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:16px;border:2px solid transparent;transition:border-color .2s,transform .3s var(--spring)}
.fa .fa-th.fa-on{border-color:var(--ink);background:#fff}
.fa .fa-th .fa-n{position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 12px var(--fd);z-index:2}
.fa .fa-th .fa-rm{position:absolute;right:-2px;top:-2px;width:28px;height:28px;border-radius:50%;background:#fff;border:1.5px solid var(--line2);display:grid;place-items:center;z-index:2;color:var(--ink2)}
.fa .fa-th small{font:700 11.5px var(--fb);color:var(--ink2)}
.fa .fa-th.fa-add{width:84px;height:110px;justify-content:center;border:2px dashed var(--line2);color:var(--tang-d);font:800 12.5px var(--fd);margin-top:6px}
.fa .fa-th.fa-add span{width:36px;height:36px;border-radius:50%;background:var(--tang-bg);display:grid;place-items:center}
.fa .fa-mv{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap}
.fa .fa-mv .fa-gh{min-height:44px;border-radius:14px;font-size:13.5px;padding:0 14px}
.fa .fa-rec{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.fa .fa-tmr{font:800 54px/1 var(--fd);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.fa .fa-tmr small{font:700 16px var(--fb);color:var(--muted);letter-spacing:0}
.fa .fa-rs{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 12px;border-radius:999px;background:var(--tang-bg);color:var(--tang-d);font:800 13px var(--fb)}
.fa .fa-rs i{width:9px;height:9px;border-radius:50%;background:var(--tang);animation:fa-blink 1.1s infinite}
.fa .fa-rs.fa-p{background:var(--paper2);color:var(--ink2)}
.fa .fa-rs.fa-p i{background:var(--muted);animation:none}
.fa .fa-rs.fa-l{background:var(--tang);color:#fff}
.fa .fa-rs.fa-l i{background:#fff}
@keyframes fa-blink{50%{opacity:.25}}
.fa .fa-wv{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:92px;padding:0 4px}
.fa .fa-wv i{flex:1;max-width:6px;min-height:4px;border-radius:3px;background:var(--tang);transition:height .12s ease-out}
.fa .fa-wv.fa-off i{background:var(--line2)}
.fa .fa-mic{position:relative;width:112px;height:112px;border-radius:50%;background:var(--tang);color:#fff;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);display:grid;place-items:center;transition:transform .25s var(--spring)}
.fa .fa-mic:active{transform:scale(.94)}
.fa .fa-mic::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:3px solid var(--tang);opacity:.35;animation:fa-ring 1.8s ease-out infinite}
.fa .fa-mic.fa-stop{background:#fff;color:var(--tang)}
.fa .fa-mic.fa-stop::before{display:none}
.fa .fa-mic.fa-stop span{width:34px;height:34px;border-radius:9px;background:var(--tang)}
@keyframes fa-ring{from{transform:scale(.9);opacity:.5}to{transform:scale(1.25);opacity:0}}
.fa .fa-rbar{display:flex;align-items:center;justify-content:center;gap:28px}
.fa .fa-rbar .fa-sd{display:flex;flex-direction:column;align-items:center;gap:5px;font:700 12px var(--fb);color:var(--ink2)}
.fa .fa-rbar .fa-sd .fa-ib{width:56px;height:56px;background:#fff;border:1.5px solid var(--line2)}
.fa .fa-tip{display:flex;gap:10px;align-items:flex-start;width:100%;padding:12px 14px;border-radius:18px;background:#fff;border:1.5px dashed var(--line2);text-align:left;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.fa .fa-tip .fa-tf{flex:none;width:34px;height:34px;border-radius:11px;background:var(--sun-bg);overflow:hidden}
.fa .fa-tip .fa-tf svg{width:100%;height:100%}
.fa .fa-tip b{color:var(--ink)}
.fa .fa-consent{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:18px;background:var(--tang-bg);color:#7A2E10;font:600 14px/1.4 var(--fb);text-align:left}
.fa .fa-consent span{flex:none;width:30px;height:30px;border-radius:10px;background:#fff;color:var(--tang-d);display:grid;place-items:center}
.fa .fa-ring{position:relative;width:132px;height:132px;display:grid;place-items:center}
.fa .fa-ring>svg{position:absolute;inset:0}
.fa .fa-pl{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:22px;background:#fff;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}
.fa .fa-pl .fa-pb{flex:none;width:52px;height:52px;border-radius:50%;background:var(--tang);color:#fff;display:grid;place-items:center;border:2px solid var(--ink)}
.fa .fa-pl .fa-wv{height:44px;flex:1;min-width:0;gap:2px;padding:0;overflow:hidden}
.fa .fa-pl .fa-wv i{min-width:1.5px}
.fa .fa-pl .fa-wv i{background:var(--line2)}
.fa .fa-pl .fa-wv i.fa-p{background:var(--tang)}
.fa .fa-pl time{flex:none;font:800 13px var(--fd);font-variant-numeric:tabular-nums;color:var(--ink2);white-space:nowrap;text-align:right}
.fa .fa-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.fa[data-dev="phone"] .fa-two{grid-template-columns:1fr}
.fa .fa-tw{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:22px;background:#fff;border:1.5px solid var(--line);text-align:left;transition:transform .3s var(--spring),border-color .2s}
.fa .fa-tw:hover{transform:translateY(-2px);border-color:var(--line2)}
.fa .fa-tw.fa-p{border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:var(--sun-bg)}
.fa .fa-tw .fa-ti{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--b,#fff);border:2px solid var(--ink)}
.fa .fa-tw b{font:800 16px/1.2 var(--fd)}
.fa .fa-tw small{font-size:13px;line-height:1.4;color:var(--ink2)}
.fa .fa-wt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 4px}
.fa .fa-wsc{position:relative;width:280px;height:230px}
.fa .fa-wsc .fa-fz{position:absolute;left:20px;top:30px;transform:rotate(-5deg)}
.fa .fa-wsc .fa-lp{position:absolute;width:86px;height:86px;border-radius:50%;border:6px solid var(--ink);background:rgba(255,255,255,.25);box-shadow:inset 0 0 0 3px rgba(255,255,255,.6);animation:fa-scan 3.2s ease-in-out infinite}
.fa .fa-wsc .fa-lp::after{content:"";position:absolute;right:-30px;bottom:-22px;width:38px;height:12px;border-radius:6px;background:var(--ink);transform:rotate(40deg)}
@keyframes fa-scan{0%{left:30px;top:50px}25%{left:110px;top:60px}50%{left:40px;top:110px}75%{left:120px;top:130px}100%{left:30px;top:50px}}
.fa .fa-wsc .fa-pf{position:absolute;right:-6px;top:-10px;width:110px;height:110px;border-radius:32px;background:var(--sun-bg);border:2px solid var(--ink);overflow:hidden;animation:fa-tilt 2.6s ease-in-out infinite}
.fa .fa-wsc .fa-pf svg{width:100%;height:100%}
@keyframes fa-tilt{50%{transform:rotate(6deg) translateY(-3px)}}
.fa .fa-wsc.fa-v .fa-pf{left:50%;right:auto;top:20px;width:140px;height:140px;margin-left:-110px;border-radius:40px;animation:fa-lean 2.4s ease-in-out infinite}
@keyframes fa-lean{50%{transform:rotate(-9deg)}}
.fa .fa-wsc .fa-snd{position:absolute;left:170px;top:58px;width:100px;height:100px}
.fa .fa-wsc .fa-snd i{position:absolute;left:0;top:50%;border:5px solid var(--tang);border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:translate(0,-50%);opacity:0;animation:fa-wave 1.8s ease-out infinite}
.fa .fa-wsc .fa-snd i:nth-child(1){width:40px;height:40px;left:30px}
.fa .fa-wsc .fa-snd i:nth-child(2){width:66px;height:66px;left:17px;animation-delay:.3s}
.fa .fa-wsc .fa-snd i:nth-child(3){width:92px;height:92px;left:4px;animation-delay:.6s}
@keyframes fa-wave{0%{opacity:0;transform:translate(14px,-50%) scaleX(-1)}30%{opacity:1}100%{opacity:0;transform:translate(-14px,-50%) scaleX(-1)}}
.fa .fa-wsc .fa-bub{position:absolute;left:180px;top:170px;display:flex;gap:3px;align-items:center;height:40px;padding:0 12px;border-radius:20px 20px 20px 6px;background:var(--tang);border:2px solid var(--ink)}
.fa .fa-wsc .fa-bub b{width:4px;border-radius:2px;background:#fff;animation:fa-eq 1s ease-in-out infinite}
@keyframes fa-eq{50%{transform:scaleY(.4)}}
.fa .fa-wt .fa-msg{min-height:76px;margin-top:6px}
.fa .fa-wt .fa-msg h3{margin:4px 0 0;font:800 22px/1.2 var(--fd)}
.fa .fa-wt .fa-msg .fa-hn{font-size:22px}
.fa .fa-wt .fa-msg>*{animation:fa-up .5s var(--spring) both}
.fa .fa-dots{display:flex;gap:6px;margin-top:10px}
.fa .fa-dots i{width:10px;height:10px;border-radius:50%;background:var(--line2);transition:background .3s,transform .3s var(--spring)}
.fa .fa-dots i.fa-on{background:var(--tang);transform:scale(1.3)}
.fa .fa-wt .fa-lock{margin-top:22px;max-width:420px;text-align:left}
.fa .fa-rv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;height:100%}
.fa .fa-og{position:relative;display:flex;flex-direction:column;min-height:0;border-radius:24px;background:var(--paper2);overflow:hidden}
.fa .fa-og .fa-ob{flex:none;display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1.5px dashed var(--line2)}
.fa .fa-og .fa-ob b{font:800 14px var(--fd);white-space:nowrap}
.fa .fa-og .fa-ob small{font-size:12.5px;color:var(--muted);white-space:nowrap}
.fa .fa-og .fa-zm{display:flex;align-items:center;gap:4px}
.fa[data-dev="phone"] .fa-og .fa-ob small{display:none}
.fa .fa-og .fa-ob .fa-sp{flex:1}
.fa .fa-og .fa-ob .fa-ib{width:40px;height:40px;background:#fff}
.fa .fa-og .fa-zv{min-width:42px;text-align:center;font:800 12.5px var(--fd);color:var(--ink2)}
.fa .fa-ov{flex:1;min-height:0;overflow:auto;padding:24px;scrollbar-width:thin}
.fa .fa-ov .fa-fz{margin:0 auto}
.fa .fa-og .fa-oh{flex:none;padding:8px 12px 10px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px}
.fa .fa-tx{container-type:inline-size;min-height:0;overflow:auto;padding-right:4px;scrollbar-width:thin}
.fa[data-dev="desk"] .fa-lg .fa-bd{overflow:hidden;padding-bottom:16px}
.fa .fa-rtop{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.fa .fa-rtop .fa-ai{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);flex:1 1 220px}
.fa .fa-rtop .fa-ai span{flex:none;width:26px;height:26px;border-radius:8px;background:var(--tang-bg);overflow:hidden}
.fa .fa-rtop .fa-ai span svg{width:100%;height:100%}
.fa .fa-cnt{transition:background .3s,color .3s}
.fa .fa-cnt.fa-bump{animation:fa-bump .45s var(--spring)}
@keyframes fa-bump{40%{transform:scale(1.12)}}
.fa .fa-rt{margin:0 0 4px}
.fa .fa-lbl{display:block;margin:16px 0 8px;font:800 16px var(--fd)}
.fa .fa-lbl small{font:600 12.5px var(--fb);color:var(--muted);margin-left:6px}
.fa .fa-row{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin-bottom:6px;padding:6px 44px 6px 6px;border-radius:16px;background:#fff;border:1.5px solid var(--line);text-align:left;transition:border-color .2s,box-shadow .25s,background .2s}
.fa .fa-row:hover{border-color:var(--line2)}
.fa .fa-row.fa-on{border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}
.fa .fa-row.fa-dbt{background:#FFFBEA;border-color:#F2D58A}
.fa .fa-row .fa-q{flex:none;min-width:74px;min-height:40px;padding:3px 8px;border-radius:11px;background:var(--paper2);display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 13.5px/1.1 var(--fd);text-align:center}
.fa .fa-row .fa-q small{display:block;margin-top:2px;font:600 10.5px/1.1 var(--fb);color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(138,116,88,.5)}
.fa .fa-row.fa-cv .fa-q{background:var(--green-bg);color:var(--green-d)}
.fa .fa-row .fa-n{flex:1;min-width:0;font:600 14.5px/1.35 var(--fb);text-wrap:pretty}
.fa .fa-row .fa-n .fa-old{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--green-bg);font:700 11.5px var(--fb);color:var(--green-d);white-space:nowrap}
.fa .fa-row .fa-n .fa-old s{color:var(--muted);text-decoration-color:rgba(138,116,88,.5)}
.fa .fa-row mark{background:linear-gradient(transparent 12%,var(--hl) 12%,var(--hl) 92%,transparent 92%);color:inherit;padding:0 3px;border-radius:3px}
.fa .fa-row .fa-vt{display:block;margin-top:2px;font:700 16px/1 var(--fh);color:var(--sun-d)}
.fa .fa-row .fa-ed{position:absolute;right:10px;top:50%;margin-top:-14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.fa .fa-row.fa-dbt .fa-ed{background:var(--sun);color:var(--ink)}
.fa .fa-row.fa-ok .fa-ed{color:var(--green)}
.fa .fa-row.fa-step .fa-num{flex:none;width:34px;height:34px;margin-left:2px;border-radius:50%;border:2px solid var(--tang);display:grid;place-items:center;font:800 13.5px var(--fd);color:var(--tang-d)}
.fa .fa-row.fa-tt .fa-n{font:800 19px/1.2 var(--fd)}
.fa .fa-row .fa-ts{flex:none;font:800 11.5px var(--fd);color:var(--tang-d);background:var(--tang-bg);border-radius:8px;padding:3px 7px}
.fa .fa-edit{display:flex;flex-direction:column;gap:8px;margin-bottom:6px;padding:10px;border-radius:18px;background:#fff;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);animation:fa-up .35s var(--spring)}
.fa .fa-edit .fa-er{display:flex;gap:8px}
.fa .fa-edit input,.fa .fa-edit textarea{min-height:46px;padding:0 12px;border-radius:12px;border:1.5px solid var(--line2);background:var(--paper);font:600 15px var(--fb);outline:0;width:100%}
.fa .fa-edit textarea{padding:10px 12px;resize:none;line-height:1.45}
.fa .fa-edit input:focus,.fa .fa-edit textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(236,101,50,.15)}
.fa .fa-edit .fa-qin{flex:0 0 108px}
.fa .fa-edit .fa-eh{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2)}
.fa .fa-edit .fa-eh b{color:var(--ink)}
.fa .fa-edit .fa-eb{display:flex;gap:8px;justify-content:flex-end;align-items:center}
.fa .fa-edit .fa-eb .fa-sp{flex:1}
.fa .fa-ppl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:12px;padding:14px;border-radius:20px;background:#fff;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}
.fa .fa-ppl.fa-known{border:1.5px solid var(--line);box-shadow:none}
.fa .fa-ppl b{display:block;font:800 16px var(--fd)}
.fa .fa-ppl p{margin:3px 0 6px;font-size:13px;line-height:1.4;color:var(--ink2)}
.fa .fa-stp{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:var(--paper2)}
.fa .fa-stp button{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;font:800 20px var(--fd);box-shadow:0 2px 0 var(--line2);transition:transform .25s var(--spring)}
.fa .fa-stp button:active{transform:scale(.9)}
.fa .fa-stp .fa-nn{width:50px;text-align:center;font:800 24px var(--fd)}
.fa .fa-rvt{display:flex;gap:10px;align-items:center;padding:12px 14px;margin-top:14px;border-radius:16px;background:var(--green-bg);color:var(--green-d);font:600 13.5px var(--fb)}
.fa[data-dev="phone"] .fa-rv{display:block;height:auto}
.fa[data-dev="phone"] .fa-lg .fa-bd{padding-top:0}
.fa[data-dev="phone"] .fa-og{position:sticky;top:0;z-index:5;margin:0 -16px 12px;border-radius:0 0 22px 22px;box-shadow:0 10px 20px -14px rgba(60,30,10,.5)}
.fa[data-dev="phone"] .fa-og .fa-ov{height:170px;flex:none;padding:14px;transition:height .4s var(--spring)}
.fa[data-dev="phone"] .fa-og.fa-cl .fa-ov,.fa[data-dev="phone"] .fa-og.fa-cl .fa-oh{height:0;padding:0;overflow:hidden}
.fa[data-dev="phone"] .fa-og .fa-ob{border-bottom:0;padding:8px 12px 6px}
.fa[data-dev="phone"] .fa-og .fa-oh{padding:0 12px 10px}
.fa[data-dev="phone"] .fa-og .fa-zm{display:none}
.fa[data-dev="desk"] .fa-og .fa-tg,.fa[data-dev="desk"] .fa-og .fa-fs{display:none}
.fa .fa-full{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;background:var(--paper2);animation:fa-slide .4s var(--spring)}
@keyframes fa-slide{from{transform:translateY(100%)}}
.fa .fa-full .fa-ob{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1.5px dashed var(--line2)}
.fa .fa-full .fa-ob b{flex:1;font:800 16px var(--fd)}
.fa .fa-full .fa-ov{flex:1;overflow:auto;padding:20px}
.fa .fa-vo{flex:1;display:flex;flex-direction:column;gap:14px;padding:18px}
.fa .fa-vo .fa-pl{box-shadow:0 3px 0 var(--ink)}
.fa .fa-vo .fa-pl .fa-wv i.fa-mk{background:var(--sun)}
.fa .fa-quote{position:relative;padding:16px 18px 16px 44px;border-radius:20px;background:#fff;font:600 20px/1.3 var(--fh);color:var(--pen)}
.fa .fa-quote::before{content:"«";position:absolute;left:14px;top:6px;font:800 34px var(--fd);color:var(--tang)}
.fa .fa-quote small{display:block;margin-top:6px;font:700 12px var(--fb);color:var(--muted)}
.fa .fa-who{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2)}
.fa .fa-who .fa-av{width:40px;height:40px;border-radius:50%;background:var(--tang-bg);border:2px solid var(--ink);display:grid;place-items:center;font:800 15px var(--fd);color:var(--tang-d)}
.fa[data-dev="phone"] .fa-vo{padding:10px 12px;gap:8px}
.fa[data-dev="phone"] .fa-vo .fa-who{display:none}
.fa[data-dev="phone"] .fa-vo .fa-quote{font-size:17px;padding:10px 12px 10px 36px}
.fa[data-dev="phone"] .fa-vo .fa-quote::before{left:10px;top:2px;font-size:26px}
.fa[data-dev="phone"] .fa-og.fa-cl .fa-vo .fa-quote{display:none}
.fa .fa-mm{display:flex;flex-direction:column;gap:16px}
.fa .fa-prv{display:flex;align-items:center;gap:14px;padding:12px;border-radius:22px;background:var(--paper2)}
.fa .fa-prv .fa-tb{position:relative;flex:none}
.fa .fa-prv b{display:block;font:800 17px/1.2 var(--fd)}
.fa .fa-fam{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 10px;border-radius:999px;background:var(--tang);color:#fff;font:800 12px var(--fb);white-space:nowrap}
.fa .fa-fam.fa-e{background:#fff;color:var(--muted);border:1.5px dashed var(--line2)}
.fa .fa-fq b{display:block;font:800 16px var(--fd);margin-bottom:8px}
.fa .fa-fq b small{font:600 12.5px var(--fb);color:var(--muted);margin-left:6px}
.fa .fa-fin{width:100%;min-height:54px;padding:0 16px;border-radius:16px;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;font:700 17px var(--fb);outline:0}
.fa .fa-fin:focus{box-shadow:0 3px 0 var(--ink),0 0 0 6px rgba(236,101,50,.16)}
.fa .fa-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.fa .fa-chip{min-height:38px;padding:0 13px;border-radius:999px;background:#fff;border:1.5px solid var(--line2);font:700 13.5px var(--fb);color:var(--ink2);transition:all .2s}
.fa .fa-chip:hover{border-color:var(--ink2);color:var(--ink)}
.fa .fa-chip.fa-on{background:var(--dark);border-color:var(--dark);color:#fff}
.fa .fa-story{width:100%;min-height:126px;padding:10px 16px 10px 46px;border-radius:18px;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);outline:0;resize:none;font:600 21px/30px var(--fh);color:var(--pen);background:linear-gradient(90deg,transparent 34px,#F5B9A3 34px,#F5B9A3 36px,transparent 36px),repeating-linear-gradient(#fff 0 29px,#EFE3CB 29px 30px);background-attachment:local;background-position:0 10px}
.fa .fa-story::placeholder{color:#B9A88E}
.fa .fa-vb{padding:14px;border-radius:22px;background:var(--tang-bg)}
.fa .fa-vb .fa-vh{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.fa .fa-vb .fa-vh b{flex:1;font:800 16px var(--fd);color:#7A2E10}
.fa .fa-vb .fa-pl{border-width:1.5px;box-shadow:none}
.fa .fa-att{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:12px 0 8px;padding:4px;border-radius:14px;background:#fff}
.fa .fa-att button{min-height:42px;border-radius:11px;font:800 13.5px var(--fd);color:var(--ink2)}
.fa .fa-att button.fa-on{background:var(--dark);color:#fff}
.fa .fa-sl{display:flex;flex-direction:column;gap:6px}
.fa .fa-so{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px 6px 8px;border-radius:14px;background:#fff;border:1.5px solid transparent;text-align:left;font:600 13.5px/1.35 var(--fb)}
.fa .fa-so .fa-rd{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--line2)}
.fa .fa-so.fa-on{border-color:var(--ink)}
.fa .fa-so.fa-on .fa-rd{border:7px solid var(--tang)}
.fa .fa-so .fa-nt{margin-left:auto;flex:none;color:var(--tang-d)}
.fa .fa-vadd{display:flex;align-items:center;gap:12px;padding:14px;border-radius:22px;border:2px dashed var(--line2);text-align:left;width:100%}
.fa .fa-vadd .fa-mi{flex:none;width:52px;height:52px;border-radius:50%;background:var(--tang);color:#fff;border:2px solid var(--ink);display:grid;place-items:center}
.fa .fa-vadd b{display:block;font:800 15.5px var(--fd)}
.fa .fa-vadd small{font-size:13px;color:var(--ink2)}
.fa .fa-cel{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 4px}
.fa .fa-bk{position:relative;width:230px;height:190px;margin-bottom:6px}
.fa .fa-bk .fa-cv{position:absolute;left:40px;top:70px;width:150px;height:110px;border-radius:10px 14px 14px 10px;background:var(--tang);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink)}
.fa .fa-bk .fa-cv::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:4px;background:rgba(0,0,0,.18)}
.fa .fa-bk .fa-cv span{position:absolute;left:28px;right:14px;top:26px;padding:6px;border-radius:6px;background:var(--paper);text-align:center;font:700 17px/1 var(--fh);color:var(--tang-d)}
.fa .fa-bk .fa-cv .fa-rib{position:absolute;right:26px;bottom:-22px;width:16px;height:30px;background:var(--sun);border:2px solid var(--ink);border-top:0;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}
.fa .fa-bk .fa-fz{position:absolute;left:70px;top:0;animation:fa-tuck 1.1s var(--spring) .2s both}
@keyframes fa-tuck{0%{transform:translateY(-60px) rotate(-14deg);opacity:0}40%{transform:translateY(-10px) rotate(4deg);opacity:1}100%{transform:translateY(46px) rotate(0);opacity:0}}
.fa .fa-bk .fa-pf{position:absolute;right:-6px;top:6px;width:76px;height:76px;border-radius:24px;background:var(--sun-bg);border:2px solid var(--ink);overflow:hidden;animation:fa-pop .6s var(--spring) .9s both}
.fa .fa-bk .fa-pf svg{width:100%;height:100%}
@keyframes fa-pop{from{opacity:0;transform:scale(.3) rotate(-20deg)}}
.fa .fa-cel h3{margin:4px 0 0;font:800 25px/1.15 var(--fd);text-wrap:balance}
.fa .fa-cel p{margin:8px 0 0;max-width:42ch;font-size:14.5px;color:var(--ink2);text-wrap:pretty}
.fa .fa-hrt{position:absolute;z-index:40;width:14px;height:14px;pointer-events:none}
.fa .fa-hrt svg{width:100%;height:100%}
.fa .fa-lbx{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;background:rgba(30,25,21,.92);animation:fa-fade .25s}
@keyframes fa-fade{from{opacity:0}}
.fa .fa-lbx .fa-ob{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:#fff;font:800 15px var(--fd)}
.fa .fa-lbx .fa-ob .fa-ib{background:rgba(255,255,255,.15);color:#fff}
.fa .fa-lbx .fa-ov{flex:1;display:grid;place-items:center;overflow:auto}
.fa .fa-ckp{display:flex;gap:5px}
.fa .fa-ckp i{flex:1;height:6px;border-radius:3px;background:var(--line)}
.fa .fa-ckp i.fa-d{background:var(--green)}
.fa .fa-ckp i.fa-on{background:var(--tang)}
.fa .fa-er{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 4px}
.fa .fa-er .fa-ef{position:relative;width:118px;height:118px;border-radius:36px;background:var(--b,var(--sun-bg));border:2px solid var(--ink);overflow:hidden;transform:rotate(-4deg);margin-bottom:10px}
.fa .fa-er .fa-ef svg{width:100%;height:100%}
.fa .fa-er h3{margin:0;font:800 23px/1.2 var(--fd);text-wrap:balance;max-width:28ch}
.fa .fa-er p{margin:6px 0 0;max-width:44ch;font-size:14.5px;color:var(--ink2);text-wrap:pretty}
.fa .fa-er .fa-ex{display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px;border-radius:20px;background:var(--paper2);text-align:left;max-width:420px;width:100%}
.fa .fa-er .fa-ex b{font:800 14px var(--fd)}
.fa .fa-er .fa-ex small{display:block;font-size:12.5px;color:var(--muted)}
.fa .fa-er .fa-bt{display:flex;flex-direction:column;gap:8px;width:min(400px,100%);margin-top:18px}
.fa .fa-spc{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:12px;max-width:380px}
.fa .fa-spc i{width:26px;height:26px;border-radius:7px;background:var(--line2)}
.fa .fa-spc i.fa-f{background:var(--tang)}
@container (max-width:440px){
.fa .fa-ppl{grid-template-columns:1fr}
.fa .fa-ppl .fa-stp{justify-self:start}
}

/* ---------- propres à l'appli (scripts/famille-ui-css.py, EXTRA) ---------- */
/* Au-dessus des fenêtres de l'appli (fb-overlay), à côté de l'import (428), sous les messages (500). */
.fa{position:fixed;inset:0;z-index:429;font-family:var(--fb);color:var(--ink);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased}
.fa .fa-scr{position:absolute;inset:0}
.fa[data-dev="desk"] .fa-scr{display:grid;place-items:center;padding:28px}
.fa[data-dev="phone"] .fa-scr{display:flex;flex-direction:column;background:var(--paper);padding-top:env(safe-area-inset-top)}
.fa[data-dev="phone"] .fa-sh{flex:1;min-height:0}
.fa[data-dev="phone"] .fa-ft{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
.fa h2:focus{outline:none}
.fa button:focus-visible{outline:3px solid var(--tang);outline-offset:2px}
.fa button[disabled]{opacity:.45;cursor:default}
/* Les vraies photos, à la place des fiches dessinées de la maquette. */
.fa .fa-ph{position:relative;display:block;margin:0 auto;background:#E9D9BC;border-radius:6px;box-shadow:0 2px 0 rgba(0,0,0,.06),0 12px 24px -12px rgba(60,30,10,.4)}
.fa .fa-ph img{display:block;width:100%;height:auto;border-radius:6px}
.fa .fa-ph .fa-hlb{position:absolute;border-radius:6px;background:rgba(255,226,122,.42);box-shadow:0 0 0 4px rgba(255,226,122,.6);pointer-events:none;transition:all .3s}
.fa .fa-pvb .fa-ph{display:inline-block;width:auto;max-width:100%;background:none;transform:rotate(-1.5deg)}
.fa .fa-pvb .fa-ph img{max-height:52vh;width:auto;max-width:100%;margin:0 auto}
.fa .fa-th>button>img{display:block;width:64px;height:84px;object-fit:cover;border-radius:6px;box-shadow:0 4px 10px -6px rgba(60,30,10,.5)}
.fa .fa-ov .fa-ph{width:calc(100% * var(--z,1))}
.fa[data-dev="phone"] .fa-og .fa-ov .fa-ph{width:105%}
.fa .fa-full .fa-ov .fa-ph,.fa .fa-lbx .fa-ov .fa-ph{width:min(100%,900px)}
.fa .fa-mini{display:grid;place-items:center;overflow:hidden;border-radius:8px;background:var(--paper2)}
.fa .fa-mini img{width:100%;height:100%;object-fit:cover}
.fa .fa-wsc .fa-wimg{position:absolute;left:20px;top:30px;width:150px;height:196px;object-fit:cover;border-radius:4px;transform:rotate(-5deg);box-shadow:0 12px 24px -12px rgba(60,30,10,.4);background:#FFFDF6}
.fa .fa-bk .fa-wimg{position:absolute;left:70px;top:0;width:86px;height:112px;object-fit:cover;border-radius:4px;animation:fa-tuck 1.1s var(--spring) .2s both;background:#FFFDF6}
.fa .fa-prv .fa-tb img{display:block;width:54px;height:70px;object-fit:cover;border-radius:6px}
/* La prise de vue native : deux grandes portes, l'appareil photo et la galerie. */
.fa .fa-cam2{display:flex;flex-direction:column;gap:12px}
.fa .fa-camb{position:relative;display:flex;align-items:center;gap:14px;min-height:96px;padding:16px;border-radius:22px;background:#fff;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-align:left;cursor:pointer}
.fa .fa-camb.fa-p{background:var(--sun-bg)}
.fa .fa-camb .fa-ci{flex:none;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#fff;border:2px solid var(--ink);transform:rotate(-4deg)}
.fa .fa-camb b{display:block;font:800 17px/1.2 var(--fd)}.fa .fa-camb small{display:block;font-size:13.5px;color:var(--ink2)}
.fa .fa-camb input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.fa .fa-err-msg{margin:4px 0 0;font-size:13.5px;font-weight:700;color:var(--tang-d);text-align:center}
/* Une ligne ajoutée à la main pendant la relecture. */
.fa .fa-addl{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;margin:2px 0 8px;border-radius:14px;border:1.5px dashed var(--line2);font:700 13.5px var(--fb);color:var(--tang-d);background:#fff}
.fa .fa-row .fa-rm{position:absolute;right:42px;top:50%;margin-top:-14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.fa .fa-aide{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:8px 0;border-radius:14px;background:var(--green-bg);color:var(--green-d);font:600 13px/1.4 var(--fb)}
.fa .fa-notes{margin:12px 0 0;padding:10px 12px;border-radius:14px;background:#fff;border:1.5px dashed var(--line2);font:600 18px/1.3 var(--fh);color:var(--pen)}
.fa .fa-go[aria-busy="true"]{opacity:.75;pointer-events:none}
.fa .fa-brouillon{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:18px;background:var(--green-bg);color:var(--green-d);font:600 13.5px var(--fb)}
.fa .fa-brouillon b{flex:1}
.fa .fa-brouillon .fa-lk{min-height:40px}
/* L'éditeur d'une ligne (quantité | nom) : sa classe de la maquette (.er) croisait celle du gabarit des
   erreurs, centré en colonne (audit du 01/11/2026). */
.fa .fa-edit .fa-erow{display:flex;gap:8px;align-items:stretch}
.fa .fa-vide{color:var(--muted);font-weight:600;font-style:italic}
.fa .fa-brouillon b small{display:block;font-weight:600;font-size:12.5px;opacity:.85}
/* La qualité d'une photo (01/11/2026) : sous la page, et un point sur sa miniature. */
.fa .fa-qa{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:10px 0 0;padding:10px 12px;border-radius:16px;background:var(--sun-bg);border:1.5px solid #F2D58A;font:600 13.5px/1.4 var(--fb);color:var(--ink)}
.fa .fa-qa>span{flex:1;min-width:180px}
/* Le plan B d'une photo illisible (02/11/2026) : les conseils mesurés, dans le carton jaune des défauts de photo. */
.fa .fa-pb{width:min(440px,100%);margin-top:14px;padding:12px 14px;border-radius:16px;background:var(--sun-bg);border:1.5px solid #F2D58A;text-align:left}
.fa .fa-pb b{display:flex;align-items:center;gap:8px;font:800 14px/1.3 var(--fd);color:var(--ink)}
.fa .fa-pb ul{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;font:500 13.5px/1.45 var(--fb);color:var(--ink2)}
.fa .fa-pbn{margin:4px 0 0;font:500 12.5px/1.4 var(--fb);color:var(--muted);text-align:center}
.fa .fa-qa .fa-lk{min-height:44px}
.fa .fa-th{position:relative}
.fa .fa-th .fa-qd{position:absolute;left:-6px;top:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--sun);border:2px solid var(--ink);font:900 12px var(--fd);color:var(--ink)}
/* « facultatif » à côté des titres du souvenir. */
.fa .fa-vh b small,.fa .fa-vadd b small.fa-fac{display:inline;margin-left:6px;font:600 12px var(--fb);color:var(--muted)}
/* Lot 3 de l'audit (01/11/2026). Cibles de 44 px au moins : le petit × des pages garde son dessin de 28 px,
   sa zone de toucher s'étend autour. */
.fa .fa-th .fa-rm::after{content:"";position:absolute;inset:-8px}
.fa .fa-chip,.fa .fa-att button,.fa .fa-brouillon .fa-lk,.fa .fa-pvb .fa-gh,.fa .fa-lk{min-height:44px}
.fa .fa-og .fa-ib,.fa .fa-full .fa-ib{width:44px;height:44px;min-width:44px}
/* Contrastes AA : le texte d'aide plus foncé, « Vérifie ce mot » en ocre foncé, la pastille sur l'orange foncé. */
.fa{--muted:#6B5841}
.fa .fa-row .fa-vt{color:#7A4F00}
.fa .fa-fam{background:var(--tang-d)}
/* Sur téléphone, la carte des personnes tient en une ligne (− / + à côté) : les ingrédients se voient sans défiler. */
.fa[data-dev="phone"] .fa-ppl{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:8px;padding:10px 12px;border-radius:16px}
.fa[data-dev="phone"] .fa-ppl b{font-size:15px}
.fa[data-dev="phone"] .fa-ppl p{margin:2px 0 0;font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* La raison entière, à la demande (la choisir, ou le focus du clavier) : la carte reste compacte d'office. */
.fa[data-dev="phone"] .fa-ppl.fa-plus p,.fa[data-dev="phone"] .fa-ppl p:focus{display:block;-webkit-line-clamp:unset;overflow:visible}
.fa .fa-pq{cursor:pointer}
/* Les boutons de la loupe : 44 px de haut aussi (la règle de la maquette, plus précise, les tenait à 40). */
.fa .fa-og .fa-ob .fa-ib{width:44px;height:44px;min-width:44px;min-height:44px}
/* La région annoncée du compteur : lue, jamais vue. */
.fa .fa-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fa[data-dev="phone"] .fa-ppl .fa-pill{margin-top:4px}
.fa[data-dev="phone"] .fa-ppl .fa-stp{justify-self:end}
.fa[data-dev="phone"] .fa-stp .fa-nn{width:34px;font-size:20px}
@media (prefers-reduced-motion:reduce){.fa *{animation:none!important;transition-duration:.01ms!important}}

/* ---------- hors de la fenêtre : la fiche du livre et la recette ---------- */
.fav-card .fa-fam,.rz .fa-fam{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 10px;border-radius:999px;background:#EC6532;color:#fff;font:800 12px "Hanken Grotesk",system-ui,sans-serif;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.fav-card.fa-card{border:2px solid #2A211B;box-shadow:0 4px 0 #2A211B;position:relative}
.fav-card.fa-card::after{content:"";position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;background:linear-gradient(135deg,#FBF3DE 50%,#E9D9BC 50%);border-radius:0 0 16px 0;border-left:1.5px solid #DCCBA9;border-top:1.5px solid #DCCBA9;pointer-events:none}
.lv-thumb.fa-hw{position:relative;overflow:visible;background:#FBF3DE}
.lv-thumb.fa-hw img{object-fit:cover;transform:rotate(-4deg);border-radius:4px}
.lv-thumb.fa-hw::before{content:"";position:absolute;top:-5px;left:24px;width:40px;height:12px;background:rgba(159,205,168,.9);transform:rotate(-6deg);z-index:2}
.lv-thumb.fa-voixseule{display:grid;place-items:center;background:#FCE3D8}
.lv-thumb.fa-voixseule span{width:52px;height:52px;border-radius:50%;background:#EC6532;border:2px solid #2A211B;display:grid;place-items:center;color:#fff}
.fav-card .fa-vi{display:inline-flex;align-items:center;gap:4px;font:700 12px "Hanken Grotesk",system-ui,sans-serif;color:#C2410C}
/* « Une recette de famille » en tête de « Ajouter une recette » (handoff) : contour d'encre, pastille « nouveau ». */
.ph-item.fa-adfam{border:2px solid #2A211B;box-shadow:0 3px 0 #2A211B;background:#FFF8EA}
.ph-item.fa-adfam .ph-ib{background:#FCE3D8;color:#C2410C}
.ph-nv{display:inline-flex;align-items:center;margin-left:6px;padding:1px 8px;border-radius:999px;background:#C2410C;color:#fff;font:800 11px "Hanken Grotesk",system-ui,sans-serif;vertical-align:2px}
/* La pastille « Recette de… » : texte blanc sur l'orange FONCÉ (contraste AA à 12 px). */
.fav-card .fa-fam,.rz .fa-fam{background:#C2410C}
.rz .fa-vn{min-height:44px}
/* Le brouillon en cours, en tête de Mon livre (01/11/2026). */
.fa-bslot:empty{display:none}
.fa-bcard{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;border-radius:20px;background:#FBF3DE;border:2px dashed #DCCBA9}
.fa-bcard .fa-bci{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#EC6532;color:#fff;border:2px solid #2A211B;transform:rotate(-4deg)}
.fa-bcard .fa-bct{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}
.fa-bcard .fa-bct small{font:700 12px "Hanken Grotesk",system-ui,sans-serif;color:#8A5A00;text-transform:none}
.fa-bcard .fa-bct b{font:800 16px/1.25 "Bricolage Grotesque",system-ui,sans-serif;color:#2A211B}
.fa-bcard .fa-bcf{font:600 13px "Hanken Grotesk",system-ui,sans-serif;color:#5C4A3A}
.fa-bcard .fa-bca{display:flex;gap:8px;flex-wrap:wrap}
.fa-bcard .fa-bca .btn{min-height:44px}
/* Le souvenir, en tête de la recette. */
.rz .fa-souv{display:flex;flex-direction:column;gap:10px;padding:14px;margin:0 0 14px;border-radius:20px;background:#FBF3DE}
.rz .fa-souv .fa-hwb{position:relative;display:grid;place-items:center;padding:8px;border-radius:14px;background:#E9D9BC;cursor:zoom-in;border:0}
.rz .fa-souv .fa-hwb img{display:block;max-width:100%;max-height:220px;border-radius:4px;transform:rotate(-2deg)}
.rz .fa-souv .fa-by{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#5C4A3A}
.rz .fa-souv .fa-st2{margin:0;font:600 21px/1.3 "Caveat",cursive;color:#2B3F7A}
.rz .fa-souv .fa-pm{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:14px;background:#fff;border:1.5px dashed #DCCBA9}
.rz .fa-souv .fa-pm b{font:800 13px "Bricolage Grotesque",system-ui,sans-serif;color:#5C4A3A}
.rz .fa-souv .fa-pm ul{margin:0;padding-left:18px;font:600 19px/1.3 "Caveat",cursive;color:#2B3F7A}
.rz .fa-ecoute{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px 8px 8px;border-radius:18px;background:#fff;border:2px solid #2A211B;box-shadow:0 3px 0 #2A211B;text-align:left;font:800 14px "Bricolage Grotesque",system-ui,sans-serif;color:#2A211B;cursor:pointer}
.rz .fa-ecoute .fa-pb{flex:none;width:42px;height:42px;border-radius:50%;background:#EC6532;color:#fff;display:grid;place-items:center;border:2px solid #2A211B}
.rz .fa-ecoute small{display:block;font:600 12px "Hanken Grotesk",system-ui,sans-serif;color:#8A7458}
.rz .fa-ecoute.on .fa-pb{background:#33261B}
/* Le grand bouton de la voix, sur l'étape du pas à pas qui la porte (104 px, toute la largeur). */
.rz .fa-vbig{display:flex;align-items:center;gap:16px;width:100%;min-height:104px;margin:10px 0 4px;padding:16px 20px 16px 16px;border-radius:28px;background:#EC6532;color:#fff;border:3px solid #2A211B;box-shadow:0 6px 0 #2A211B;text-align:left;cursor:pointer}
.rz .fa-vbig:active{transform:translateY(3px);box-shadow:0 3px 0 #2A211B}
.rz .fa-vbig .fa-vn2{flex:none;width:68px;height:68px;border-radius:50%;background:#fff;color:#C2410C;display:grid;place-items:center;border:2.5px solid #2A211B}
.rz .fa-vbig b{display:block;font:800 20px/1.15 "Bricolage Grotesque",system-ui,sans-serif}
.rz .fa-vbig small{display:block;margin-top:3px;font:600 14px "Hanken Grotesk",system-ui,sans-serif;opacity:.92}
.rz .fa-vbig.on{background:#33261B}
.rz .fa-vn{display:inline-flex;align-items:center;gap:5px;margin-top:6px;min-height:36px;padding:0 12px;border-radius:999px;background:#FCE3D8;color:#C2410C;font:800 12.5px "Hanken Grotesk",system-ui,sans-serif;border:0;cursor:pointer}
.fa-lbx2{position:fixed;inset:0;z-index:460;display:flex;flex-direction:column;background:rgba(30,25,21,.92)}
.fa-lbx2 .fa-ob{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:#fff;font:800 15px "Bricolage Grotesque",system-ui,sans-serif}
.fa-lbx2 .fa-ob button{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;display:grid;place-items:center;border:0;cursor:pointer}
.fa-lbx2 .fa-ov{flex:1;display:grid;place-items:center;overflow:auto;padding:12px}
.fa-lbx2 .fa-ov img{max-width:100%;max-height:100%;border-radius:6px}
.fa-lbx2 .fa-pg{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));color:#fff;font:800 14px "Bricolage Grotesque",system-ui,sans-serif}
.fa-lbx2 .fa-pg button{min-height:44px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.15);color:#fff;border:0;font:800 14px "Bricolage Grotesque",system-ui,sans-serif;cursor:pointer}
.fa-lbx2 .fa-pg button[disabled]{opacity:.35;cursor:default}