/* GÉNÉRÉE par scripts/header-appli-css.py depuis Refontes/design_handoff_header_appli : ne pas modifier à la main. */
.pa,.pa-scrim{--cream:#FFF8EA;--cream2:#FCEFD9;--ink:#2A211B;--ink2:#6A5C4C;--muted:#9C8B79;--line:#EEDFC2;--line2:#E6D3AE;--orange:#F0682F;--orange-d:#DA541E;--orange-bg:#FCE3D8;--green:#33A15B;--green-d:#2C8B4E;--green-bg:#E6F3E9;--sun:#FFC53D;--sun-bg:#FFF1D2;--dark:#33261B;--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);--soft:cubic-bezier(.2,.8,.2,1)}
/* « Tout le reste » : la palette intelligente (préfixe pa-) */
.pa-scrim{position:fixed;inset:0;z-index:480;background:radial-gradient(900px 500px at 50% 0%,rgba(255,197,61,.22),transparent 70%),rgba(51,38,27,.32);backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);animation:paFade .3s ease-out}
.pa-scrim.out{animation:paFade .22s ease-in reverse forwards}
@keyframes paFade{from{opacity:0}}
.pa{position:fixed;z-index:481;left:50%;top:84px;width:min(860px,calc(100% - 32px));transform:translateX(-50%);display:flex;flex-direction:column;max-height:calc(100vh - 110px);border-radius:30px;background:#FFFDF6;border:2px solid var(--ink);box-shadow:0 8px 0 var(--ink),0 50px 90px -30px rgba(40,20,5,.6);overflow:hidden;font-family:var(--fb);color:var(--ink)}
:where(.pa) button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
.pa svg{display:block}
.pa-in>*{animation:paUp .45s var(--spring) both;animation-delay:calc(.12s + var(--k,0)*40ms)}
@keyframes paUp{from{opacity:0;transform:translateY(10px)}}
/* la barre de recherche */
.pa-top{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px 14px;border-bottom:1.5px dashed var(--line)}
.pa-fc{position:relative;flex:none;width:52px;height:52px;border-radius:17px;background:var(--orange);overflow:hidden;animation:paBob 3s ease-in-out infinite}
.pa-fc svg{width:100%;height:100%}
.pa-fc.pa-swp{animation:paSwap .45s var(--spring),paBob 3s ease-in-out .45s infinite}
@keyframes paBob{50%{transform:translateY(-2px) rotate(-3deg)}}
@keyframes paSwap{0%{transform:scale(.6) rotate(-20deg)}100%{transform:none}}
.pa-q{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pa-q label{font:700 18px/1 var(--fh);color:var(--orange-d)}
.pa-q input{width:100%;border:0;outline:0;background:none;padding:0;font:800 24px/1.2 var(--fd);letter-spacing:-.015em;color:var(--ink)}
.pa-q input::placeholder{color:#C9B899;font-weight:700}
.pa-esc{flex:none;min-height:36px;padding:0 12px;border-radius:12px;border:1.5px solid var(--line2);font:700 12.5px var(--fb);color:var(--ink2);transition:background .2s}
.pa-esc:hover{background:var(--cream)}
.pa-und{position:absolute;left:84px;right:18px;bottom:-1px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--sun),var(--green));transform-origin:left;transform:scaleX(0);transition:transform .5s var(--spring)}
.pa.typing .pa-und{transform:scaleX(1)}
.pa-body{min-height:0;overflow:auto;scrollbar-width:thin}
/* l'accueil : pour toi, maintenant */
.pa-zero{padding:16px 18px 6px}
.pa-h{display:flex;align-items:center;gap:8px;margin:0 2px 10px;font:800 11px var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pa-h .hn{font:700 17px/1 var(--fh);letter-spacing:0;text-transform:none;color:var(--orange-d)}
.pa-now{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pa-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:138px;padding:14px;border-radius:22px;background:var(--b);text-align:left;overflow:hidden;transition:transform .35s var(--spring),box-shadow .3s}
.pa-card:hover,.pa-card:focus-visible{transform:translateY(-3px) rotate(-.5deg);box-shadow:0 0 0 2px var(--ink),0 5px 0 2px var(--ink)}
.pa-card .ti{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--c);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);transform:rotate(-5deg);transition:transform .45s var(--spring)}
.pa-card:hover .ti{transform:rotate(-14deg) scale(1.08)}
.pa-card .ti svg{width:20px;height:20px}
.pa-card b{font:800 15px/1.2 var(--fd);text-wrap:balance}
.pa-card small{font:600 12.5px/1.35 var(--fb);color:var(--ink2);text-wrap:pretty}
.pa-card .pa-go{margin-top:auto;display:inline-flex;align-items:center;gap:5px;font:800 13px var(--fd);color:var(--c)}
.pa-card .pa-go svg{width:14px;height:14px;transition:transform .3s var(--spring)}
.pa-card:hover .pa-go svg{transform:translateX(4px)}
.pa-card .mbar{width:100%;height:6px;border-radius:999px;background:rgba(255,255,255,.7);overflow:hidden}
.pa-card .mbar i{display:block;height:100%;width:0;border-radius:999px;background:var(--orange);transition:width 1.1s var(--soft) .4s}
.pa-tg{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pa-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px 0 14px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font:700 13.5px var(--fb);transition:border-color .2s}
.pa-chip:hover{border-color:var(--line2)}
.pa-chip>svg{width:17px;height:17px;color:var(--ink2)}
.pa-seg{display:flex;padding:3px;border-radius:999px;background:var(--cream2)}
.pa-seg i{font-style:normal;padding:5px 11px;border-radius:999px;font:800 12px var(--fd);color:var(--muted);transition:background .35s var(--spring),color .3s}
.pa-seg i.on{background:var(--dark);color:#fff}
.pa-sw{position:relative;width:42px;height:26px;margin-right:2px;border-radius:999px;background:var(--line2);transition:background .3s}
.pa-sw::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .45s var(--spring)}
.pa-sw.on{background:var(--green)}.pa-sw.on::after{transform:translateX(16px)}
.pa-try{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:18px 0 8px}
.pa-try .hn{font:700 19px/1 var(--fh);color:var(--ink2);margin-right:4px}
.pa-ex{min-height:38px;padding:0 13px;border-radius:999px;border:1.5px dashed var(--line2);font:700 13px var(--fb);color:var(--ink2);transition:all .25s}
.pa-ex:hover{border-style:solid;border-color:var(--orange);color:var(--orange-d);background:var(--orange-bg)}
/* les résultats + l'aperçu */
.pa-res{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:440px}
.pa-list{position:relative;padding:10px 8px 10px 10px}
.pa-hl{position:absolute;left:10px;right:8px;top:0;height:0;border-radius:16px;background:var(--orange-bg);box-shadow:inset 0 0 0 2px var(--orange);transition:transform .42s var(--spring),height .3s var(--spring),opacity .2s;pointer-events:none}
.pa-g{position:relative;margin:10px 10px 4px;font:800 10.5px var(--fb);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.pa-g:first-child{margin-top:4px}
.pa-gi{position:relative;display:flex;align-items:center;gap:10px;margin:18px 10px 6px}
.pa-gi .hn{flex:none;font:700 19px/1 var(--fh);color:#8F6200}
.pa-gi i{flex:1;height:0;border-top:2px dashed #E9C978}
.pa-gi small{flex:none;font:600 11.5px var(--fb);color:var(--muted)}
.pa-row.info{margin:2px 0;background:repeating-linear-gradient(transparent 0 23px,rgba(233,201,120,.18) 23px 24px),#FFFBEF;border:1.5px dashed #E9C978}
.pa-row.info .ti{background:transparent;color:#8F6200;border:1.5px dashed #E9C978}
.pa-row.info b{font-weight:600}
.pa-row.info small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}
.pa-row.info .ky{color:#8F6200}.pa-row.info .ky kbd{border-color:#E9C978}
.pa-hl.inf{background:#FFF1D2;box-shadow:inset 0 0 0 2px #E0A21A}
.pa-pvi.inf{background:repeating-linear-gradient(transparent 0 27px,rgba(233,201,120,.22) 27px 28px)}
.pa-pvi.inf .k{color:#8F6200}
.pa-where{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;background:#fff;border:1.5px dashed #E9C978}
.pa-where .wl{font:800 10.5px var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pa-where .pth{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.pa-where .pth span{padding:3px 9px;border-radius:999px;background:var(--cream2);font:700 12.5px var(--fb);animation:paUp .4s var(--spring) both;animation-delay:calc(.15s + var(--k)*90ms)}
.pa-where .pth span:last-child{background:var(--sun-bg);color:#6B4A0E}
.pa-where .pth i{font-style:normal;font-weight:800;color:var(--muted)}
.pa-cta2{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:16px;background:#fff;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);font:800 14.5px var(--fd);transition:transform .25s var(--spring)}
.pa-cta2:hover{transform:translateY(-2px)}
.pa-cta2 svg{width:16px;height:16px}
.pa-row{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 12px;border-radius:16px;text-align:left;animation:paRow .4s var(--spring) both;animation-delay:calc(var(--k)*28ms)}
@keyframes paRow{from{opacity:0;transform:translateX(-10px)}}
.pa-row .ti{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--b,var(--cream2));color:var(--c,var(--ink2));transition:transform .45s var(--spring)}
.pa-row .ti svg{width:18px;height:18px}
.pa-row.on .ti{transform:rotate(-10deg) scale(1.08)}
.pa-row .tx{flex:1;min-width:0}
.pa-row b{display:block;font:700 15px/1.25 var(--fb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-row b mark{background:none;color:var(--orange-d);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.pa-row small{display:block;font:600 12.5px var(--fb);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-row .ky{flex:none;display:none;align-items:center;gap:4px;font:700 11.5px var(--fb);color:var(--orange-d)}
.pa-row.on .ky{display:flex}
.pa-row .ky kbd{display:grid;place-items:center;min-width:26px;height:24px;border-radius:7px;background:#fff;border:1.5px solid var(--orange);font:800 11px var(--fb)}
.pa-row.smart{min-height:60px}
.pa-row.smart .ti{background:var(--ink);color:var(--sun)}
.pa-row.smart small{color:var(--orange-d)}
.pa-row.flash{animation:paFlash .35s ease-out}
@keyframes paFlash{50%{transform:scale(.97)}}
.pa-none{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;text-align:center}
.pa-none .pa-nf{width:70px;height:70px;border-radius:22px;background:var(--orange-bg);overflow:hidden;transform:rotate(-5deg)}
.pa-none .pa-nf svg{width:100%;height:100%}
.pa-none b{font:800 19px var(--fd)}
.pa-none p{margin:0;font-size:14px;color:var(--ink2);max-width:34ch}
.pa-pv{position:relative;border-left:1.5px dashed var(--line);background:linear-gradient(180deg,var(--cream),#FFFDF6);overflow:hidden}
.pa-pvi{position:absolute;inset:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:20px;animation:paPv .45s var(--spring)}
@keyframes paPv{from{opacity:0;transform:translateY(12px) scale(.97)}}
.pa-pvi .k{font:700 18px/1 var(--fh);color:var(--orange-d)}
.pa-pvi h4{margin:0;font:800 21px/1.15 var(--fd);letter-spacing:-.01em;text-wrap:balance}
.pa-pvi p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.pa-art{flex:1;min-height:0;display:grid;place-items:center}
.pa-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:16px;background:var(--orange);color:#fff;font:800 14.5px var(--fd);box-shadow:0 4px 0 var(--orange-d);transition:transform .25s var(--spring)}
.pa-cta:hover{transform:translateY(-2px)}
.pa-cta svg{width:16px;height:16px}
/* les petites illustrations de l'aperçu */
.pv-list{width:100%;display:grid;gap:6px}
.pv-list span{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#fff;border:1.5px solid var(--line);font:700 13px var(--fb);animation:paUp .4s var(--spring) both;animation-delay:calc(var(--k)*70ms + .1s)}
.pv-list span i{width:18px;height:18px;border-radius:6px;border:2px solid var(--line2)}
.pv-list span.ck i{background:var(--green);border-color:var(--green)}
.pv-list span.ck{color:var(--muted);text-decoration:line-through}
.pv-wk{width:100%;padding:12px;border-radius:10px;background:#fff;box-shadow:0 10px 20px -12px rgba(60,30,10,.4);transform:rotate(-2deg)}
.pv-wk b{display:block;font:700 18px var(--fh);color:var(--orange-d);margin-bottom:6px}
.pv-wk .g{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.pv-wk .g i{aspect-ratio:1;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink);animation:paPlate .45s var(--spring) both;animation-delay:calc(var(--k)*30ms + .1s)}
@keyframes paPlate{from{transform:scale(0) rotate(-90deg)}}
.pv-pot{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.pv-pot .bar{width:100%;height:14px;border-radius:999px;background:#fff;border:2px solid var(--ink);overflow:hidden}
.pv-pot .bar i{display:block;height:100%;width:0;background:repeating-linear-gradient(-45deg,var(--orange) 0 7px,#F4844F 7px 14px);transition:width 1.1s var(--soft) .15s}
.pv-pot b{font:800 30px/1 var(--fd);letter-spacing:-.03em}.pv-pot b small{font-size:14px;color:var(--muted)}
.pv-big{display:flex;padding:6px;border-radius:999px;background:#fff;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}
.pv-big button{min-width:84px;min-height:52px;border-radius:999px;font:800 18px var(--fd);color:var(--muted);transition:background .4s var(--spring),color .3s}
.pv-big button.on{background:var(--dark);color:#fff}
.pv-qr{padding:12px;border-radius:18px;background:#fff;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}
.pv-qr svg{width:130px;height:130px}
.pv-qr rect{animation:paQr .3s ease-out both;animation-delay:calc(var(--k)*4ms)}
@keyframes paQr{from{opacity:0}}
.pv-tbl{position:relative;width:180px;height:150px}
.pv-tbl .pa-tc{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:#E9C79A;border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);display:grid;place-items:center;font:800 30px var(--fd)}
.pv-tbl .p{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--ink),0 2px 0 2px var(--ink);transform:rotate(var(--a)) translateY(-62px);animation:paSeat .5s var(--spring) both;animation-delay:calc(var(--k)*60ms)}
.pv-tbl .p::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--c)}
@keyframes paSeat{from{transform:rotate(var(--a)) translateY(-20px) scale(0)}}
.pv-rules{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pv-rules span{padding:7px 12px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font:700 13px var(--fb);color:var(--ink2)}
.pv-rules span.nw{background:var(--green-bg);border-color:var(--green);color:var(--green-d);animation:paChip .6s var(--spring) .15s both}
@keyframes paChip{from{transform:translateY(-30px) scale(.4);opacity:0}}
.pv-pl{position:relative;width:124px;height:124px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--ink),0 6px 0 3px var(--ink);animation:paSpin .7s var(--spring)}
.pv-pl::before{content:"";position:absolute;inset:18%;border-radius:50%;background:var(--c1)}
.pv-pl::after{content:"";position:absolute;width:34%;height:34%;right:14%;top:14%;border-radius:50%;background:var(--c2);box-shadow:0 0 0 3px #fff}
@keyframes paSpin{from{transform:rotate(-120deg) scale(.6);opacity:0}}
.pv-face{width:120px;height:120px;border-radius:36px;background:var(--sun);border:2.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);overflow:hidden;animation:paSpin .6s var(--spring)}
.pv-face svg{width:100%;height:100%}
.pv-ic{width:110px;height:110px;border-radius:34px;display:grid;place-items:center;background:var(--b,#fff);color:var(--c,var(--ink));border:2.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);animation:paSpin .6s var(--spring)}
.pv-ic svg{width:50px;height:50px}
/* pied */
.pa-ft{display:flex;align-items:center;gap:16px;padding:10px 18px;border-top:1.5px dashed var(--line);font:600 12px var(--fb);color:var(--muted)}
.pa-ft kbd{display:inline-grid;place-items:center;min-width:22px;height:20px;margin-right:4px;padding:0 5px;border-radius:6px;border:1.5px solid var(--line2);font:700 10.5px var(--fb);color:var(--ink2)}
.pa-ft .hn{margin-left:auto;font:700 16px/1 var(--fh);color:var(--orange-d)}
@media (max-width:760px){.pa-res{grid-template-columns:1fr}.pa-pv{display:none}.pa-now{grid-template-columns:1fr}.pa-card{min-height:0}.pa-ft .hn{display:none}}
@media (prefers-reduced-motion:reduce){.pa *,.pa-scrim{animation:none;transition-duration:.01ms}}

/* ---------- propres à l'appli (scripts/header-appli-css.py, EXTRA_PA) ---------- */
.pa,.pa *,.pa *::before,.pa *::after{box-sizing:border-box}
.pa{line-height:normal;text-align:left}
.pa h4,.pa p{margin:0}
:where(.pa) input{font:inherit;color:inherit}
html.pa-ouverte{overflow:hidden;scrollbar-gutter:stable}
/* Les lignes n'entrent en scène qu'au premier rendu : à chaque lettre, la liste clignotait. */
.pa-li.pa-vu .pa-row{animation:none}
/* L'aperçu reste en vue quand la liste défile (essai du 05/11/2026 : au dernier résultat, son titre sortait par le
   haut). La colonne crème et son pointillé sont dessinés par la grille, sur toute sa hauteur. */
.pa-res{align-items:start;position:relative}
.pa-list{min-height:440px}
.pa-pv{position:sticky;top:0;min-height:440px;border-left:0;background:none;z-index:1}
.pa-res::before{content:"";position:absolute;top:0;bottom:0;right:0;width:320px;border-left:1.5px dashed var(--line);background:linear-gradient(180deg,var(--cream),#FFFDF6);pointer-events:none}
@media (max-width:760px){.pa-res::before{display:none}}
/* « bon à savoir » (maquette de Jérémy du 05/11/2026) : les fiches en dernier, sous un pointillé doré, en cartes
   pointillées. Elles expliquent où c'est : leur texte se lit en entier (deux lignes), sans « … ». */
.pa-gs{display:flex;align-items:center;gap:10px;margin:20px 10px 8px;letter-spacing:0;text-transform:none}
.pa-gs b{flex:none;font:700 19px/1 var(--fh);color:var(--ink)}
.pa-gs i{flex:1;min-width:16px;border-top:1.5px dashed #EBC45E}
.pa-gs small{flex:none;font:600 11.5px var(--fb);color:var(--muted)}
.pa-row.pa-sv{margin-top:8px;border:1.5px dashed #EBC45E;background:#FFFDF5}
.pa-row.pa-sv .ti,.pa-row.pa-sv.info .ti{border-radius:50%;background:#FFF6DC;border:1.5px dashed #EBC45E;color:#8F6200}
.pa-row.pa-sv small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
@media (max-width:760px){.pa-gs small{display:none}}
/* Les puces de l'accueil (retour de Jérémy du 05/11/2026) : un vrai survol, et « Mes préférences » respire à droite. */
.pa-chip{transition:border-color .2s,background .2s,transform .3s var(--spring),box-shadow .2s}
.pa-chip:hover{background:var(--cream);border-color:var(--ink);transform:translateY(-2px);box-shadow:0 3px 0 var(--ink)}
.pa-chip:active{transform:translateY(0);box-shadow:none}
.pa-chip[data-z]{padding-right:20px}
.pa-chip[data-t="lang"]:hover .pa-seg{background:#fff}
.pa-chip[data-t="lang"]:hover .pa-seg i:not(.on){color:var(--ink)}
/* La croix qui efface ce qu'on a écrit : seulement quand il y a quelque chose. */
.pa-clr{flex:none;display:none;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cream2);color:var(--ink2);transition:background .2s,color .2s,transform .3s var(--spring)}
.pa-clr svg{width:16px;height:16px}
.pa.typing .pa-clr{display:grid;animation:paClr .3s var(--spring)}
.pa-clr:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}
@keyframes paClr{from{transform:scale(.4);opacity:0}}
/* Une intention qui répond sans rien changer : pas de flèche, un léger refus si on valide. */
.pa-row.info .ti{background:var(--sun-bg);color:var(--ink)}
.pa-row.nope{animation:paNope .35s ease-out}
@keyframes paNope{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
/* La règle qu'on retire, barrée parmi les autres. */
.pv-rules span.old{text-decoration:line-through;color:var(--muted);border-style:dashed;animation:paChip .6s var(--spring) .15s both reverse}
/* La photo d'un plat (le livre, la semaine), à la place de l'assiette dessinée. */
.pv-ph{display:block;width:150px;height:150px;border-radius:50%;background:#fff center/cover no-repeat;box-shadow:0 0 0 3px var(--ink),0 6px 0 3px var(--ink);animation:paSpin .7s var(--spring)}
.pv-qr svg{width:150px;height:150px}
/* « Dis-nous ce que tu cherchais » : le seul chemin par lequel une recherche sort, et c'est la personne qui l'envoie. */
.pa-dis{display:inline-flex;align-items:center;gap:8px;margin-top:10px;border-style:solid;border-color:var(--orange);color:var(--orange-d);background:var(--orange-bg)}
.pa-dis svg{width:16px;height:16px}
.pa-dis:disabled{cursor:default;opacity:.85}
.pa-row .tx small{max-width:100%}
.pa .pa-chip{color:var(--ink)}
/* « Où la trouver » d'une fiche : le chemin, étape par étape. */
.pv-ou{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;max-width:100%}
.pv-ou b{flex-basis:100%;text-align:center;font:700 18px/1 var(--fh);color:var(--orange-d);margin-bottom:4px}
.pv-ou span{padding:7px 12px;border-radius:12px;background:#fff;border:1.5px solid var(--line);font:700 13px var(--fb);color:var(--ink2);animation:paUp .4s var(--spring) both;animation-delay:calc(var(--k)*90ms + .1s)}
.pv-ou span+span::before{content:"›";margin-right:8px;color:var(--muted)}
/* Le réglage montré dans « Tes réglages » après un choix de la palette : un halo orange qui pulse deux fois. */
.pa-repere{border-radius:18px;animation:paRepere 1.5s ease-in-out 2}
@keyframes paRepere{0%,100%{box-shadow:0 0 0 0 rgba(240,104,47,0);background-color:transparent}35%{box-shadow:0 0 0 4px rgba(240,104,47,.55),0 0 0 12px rgba(240,104,47,.12);background-color:rgba(252,227,216,.55)}}
@media (prefers-reduced-motion:reduce){.pa-repere{animation:none;box-shadow:0 0 0 3px #F0682F}}