/* trace.css : la charte Tracé sur le web, la seule depuis le 08/10 (plus de drapeau ni de cookie zn_charte) : la classe
   trace est écrite en dur sur <html> et cette feuille liée en dur dans <head> par chaque page.
   Spécification : CHARTE_trace_web.md (annexe B appliquée). Servie à l'URL /trace.css.
   Règle : tout sélecteur hors @font-face et @keyframes commence par html.trace.
   Rayon maximum 6 px (seule exception : 50 % sur #wl-btn .cnt, le point blanc).
   Couleurs du kit seulement : #0A0A0C #1C1C22 #F3F4F6 #9B9BA6 #FF4FA8 #3A1226 #2A2A31 #121216 #3A3A42,
   rgba(243,244,246,a), rgba(10,10,12,a), rgba(155,155,166,a).
   Rose #FF4FA8, liste fermée (2.3 et défaut 11), au plus deux taches au premier plan (défaut 10) :
     app : .cta (bouton principal du dock, .cta.where.primaire, .cta.wl-cta à venir, #merge-dlg .cta),
           .prog.retient i, .rail .save-btn.hot (760 px et plus), .zt-badge .zt-age-bloc,
           .watch-link.zt-principal, .watch-plex, .zt-h.zt-prochaine, #salle-sheet #salle-geo,
           .wl-empty .go, #wl-replay, .ens-share .btn, #login .connect, #aff-cta ;
     zt-seo : .bar button.cta ; zt-mini : a.app, button, .u-btn ;
     zn-age : .zn-hub .rien .pilule.pleine, .zn-hub .ba-pilule, .zn-fiche .ba .lance span, .zn-fiche .zt-badge .zt-age-bloc ;
     zt-doc : button.go ; zt-agents : a.cta ; zt-annuaire : .geo ;
     zt-landing : .btn-plex, .promesse .email-form .btn-plex ;
     zt-lieu : .abo .btn, .factions .btn[type="submit"].
   Logos de tiers (B.3) : ils gardent les couleurs de leur charte, aucune règle d'ici ne les repeint en rose.
   La soirée (B.1.1) : aucune règle pour sa page (soiree.html garde l'ancienne charte) ; son code web est retiré le 08/10. */

/* ===== Polices auto-hébergées (1.6) : familles distinctes de Google ===== */
@font-face{font-family:"Trace Anybody";font-style:normal;font-weight:100 900;font-stretch:75% 120%;font-display:swap;src:url("/fonts/trace-anybody-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Trace Anybody";font-style:normal;font-weight:100 900;font-stretch:75% 120%;font-display:swap;src:url("/fonts/trace-anybody-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Trace Instrument";font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url("/fonts/trace-instrument-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Trace Instrument";font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url("/fonts/trace-instrument-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Trace Martian";font-style:normal;font-weight:100 800;font-display:swap;src:url("/fonts/trace-martian-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Trace Martian";font-style:normal;font-weight:100 800;font-display:swap;src:url("/fonts/trace-martian-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ===== Jetons globaux (2.1) ===== */
html.trace{
 --noir-0:#0A0A0C;--noir-1:#0A0A0C;--noir-2:#1C1C22;--noir-3:#121216;--noir-4:#2A2A31;--noir-5:#3A3A42;
 --texte-1:#F3F4F6;--texte-2:#9B9BA6;--texte-3:#9B9BA6;--texte-inverse:#0A0A0C;--texte-2-plein:#9B9BA6;
 --lueur-300:#F3F4F6;--lueur-400:#F3F4F6;--lueur-500:#F3F4F6;--lueur-600:#9B9BA6;
 --ok:#F3F4F6;--danger:#9B9BA6;
 --voile-fond:rgba(10,10,12,.55);--voile-feuille:rgba(10,10,12,.6);--bordure:#2A2A31;--lueur-halo:0 0 0 0 transparent;
 --r-rond:2px;--r-feuille:6px;--r-boite:6px;
 --aff:"Trace Anybody",system-ui,sans-serif;--txt:"Trace Instrument",system-ui,sans-serif;--mono:"Trace Martian",ui-monospace,monospace;
 --police-affiche:"Trace Anybody",system-ui,sans-serif;--police-texte:"Trace Instrument",system-ui,sans-serif;--police-mono:"Trace Martian",ui-monospace,monospace;
 --zt-rose:#FF4FA8;--zt-rose-nuit:#3A1226;--zt-noir:#0A0A0C;--zt-graphite:#1C1C22;--zt-leve:#121216;--zt-filet:#2A2A31;--zt-poignee:#3A3A42;--zt-blanc:#F3F4F6;--zt-gris:#9B9BA6;--zt-contour:rgba(243,244,246,.55);--zt-courbe:cubic-bezier(.2,0,0,1);
 --zt-srv-off:transparent;--zt-vide:#9B9BA6;--zt-test-fond:#1C1C22;--zt-test-texte:#F3F4F6;--zt-credit-op:1;--zt-ren-bord:#2A2A31;--zt-r-sel:2px;
 --zt-horloge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
 --zt-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
 --zt-chev-bas:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
 --zt-retour:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E");
 --zt-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
 background:#0A0A0C;color-scheme:dark}

/* ===== Jetons propres à une page (2.2) ===== */
html.trace .zt-doc{--noir:#0A0A0C;--surface:#1C1C22;--texte:#F3F4F6;--texte-2:#9B9BA6;--lueur:#F3F4F6;--bordure:#2A2A31}
html.trace .zt-agents{--bg:#0A0A0C;--panel:#121216;--line:#2A2A31;--encre:#F3F4F6;--dim:#9B9BA6;--amber:#F3F4F6}
html.trace .zt-lieu{--noir:#0A0A0C;--noir2:#1C1C22;--ambre:#F3F4F6;--txt:#F3F4F6;--txt2:#9B9BA6;--txt3:#9B9BA6;--bord:#2A2A31}
html.trace .zn-age{--bordure-2:#2A2A31;--bordure-forte:#2A2A31;--alerte:#3A1226;--attention:transparent;--rayon-xs:2px;--rayon-s:2px;--rayon-m:2px;--rayon-l:6px;--rayon-pilule:2px;--ombre-1:0 0 0 0 transparent}

/* ===== Keyframes et symbole qui se trace (4.0) ===== */
@keyframes zn-trace{0%{stroke-dashoffset:100}8.75%{stroke-dashoffset:0}91.25%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes zn-pied{0%,8.75%{transform:scaleY(0)}10.6%,91.25%{transform:scaleY(1)}93.1%,100%{transform:scaleY(0)}}
@keyframes zn-curseur{0%,41.6%{opacity:1}41.7%,52.6%{opacity:0}52.7%,63.6%{opacity:1}63.7%,74.6%{opacity:0}74.7%,100%{opacity:1}}
@keyframes zn-progres{0%{width:33%}9.375%{width:40%}91.25%,100%{width:94%}}
@keyframes zn-clignote{0%{opacity:1}50%,100%{opacity:0}}
@keyframes zt-pop{0%{opacity:0}25%{opacity:.96}100%{opacity:0}}
html.trace .zn-z{display:block;overflow:visible}
html.trace .zn-z .zn-trace{animation:zn-trace 4.8s linear -.438s infinite}
html.trace .zn-z .zn-pied{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.5);animation:zn-pied 4.8s cubic-bezier(.2,0,0,1) -.438s infinite}
html.trace .zn-z .zn-curseur{animation:zn-curseur 4.8s linear -.438s infinite}
@media (prefers-reduced-motion:reduce){
 html.trace .zn-z .zn-trace{animation:none!important}
 html.trace .zn-z .zn-pied{animation:none!important;transform:none!important}
 html.trace .zn-z .zn-curseur{animation:zn-clignote 1.06s step-end infinite!important}
}

/* ===== 4.A L'app (body.zt-app). 4.A.1 Fond, voile, sous-titres, en-tête ===== */
html.trace .zt-app .slide{background:#0A0A0C}
html.trace .zt-app .overlay{background:linear-gradient(to top,rgba(10,10,12,.85) 0%,rgba(10,10,12,0) 40%)}
html.trace .zt-app .subcap{color:#F3F4F6;font-family:var(--txt);font-weight:600;line-height:1.3;text-shadow:-1px -1px 0 #0A0A0C,1px -1px 0 #0A0A0C,-1px 1px 0 #0A0A0C,1px 1px 0 #0A0A0C,0 0 3px rgba(10,10,12,.9)}
html.trace .zt-app #brand{top:calc(19px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));gap:0;filter:drop-shadow(0 0 3px rgba(10,10,12,.9))}
html.trace .zt-app #brand svg{width:22px;height:22px}
html.trace .zt-app #modesw{top:calc(8px + env(safe-area-inset-top));left:calc(46px + env(safe-area-inset-left));right:calc(136px + env(safe-area-inset-right));transform:none;height:44px;padding:0;gap:13px;justify-content:center;align-items:center;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html.trace .zt-app #modesw button{min-width:44px;min-height:44px;padding:0;gap:0;border-radius:0;background:none;color:#9B9BA6;font-family:var(--aff);font-weight:600;font-stretch:75%;font-size:14px;line-height:1;text-shadow:0 0 3px rgba(10,10,12,.9);transition:color .2s cubic-bezier(.2,0,0,1)}
html.trace .zt-app #modesw button svg{display:none}
html.trace .zt-app #modesw button .lbl{display:inline;padding:6px 0}
html.trace .zt-app #modesw button.on{background:none;color:#F3F4F6}
html.trace .zt-app #modesw button.on .lbl{padding:6px 0 4px;border-bottom:2px solid #F3F4F6}
html.trace .zt-app #mode-perso .pret{position:static;display:inline-block;width:4px;height:7px;margin-left:3px;border-radius:0;background:#F3F4F6;box-shadow:none;animation:none}
@media (max-width:480px){html.trace .zt-app #modesw button:not(.on) .lbl{display:inline}}
@media (max-width:374px){
 html.trace .zt-app #brand{display:none}
 html.trace .zt-app #modesw{left:calc(8px + env(safe-area-inset-left));gap:9px}
 html.trace .zt-app #modesw button{font-size:13px}
}
@media (min-width:760px){html.trace .zt-app #modesw{right:calc(184px + env(safe-area-inset-right))}}
html.trace .zt-app #zt-actions{display:flex;position:fixed;z-index:10;top:calc(8px + env(safe-area-inset-top));right:calc(4px + env(safe-area-inset-right));height:44px;align-items:center}
html.trace .zt-app #zt-actions > button{position:relative;top:auto;right:auto;left:auto;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#F3F4F6;filter:drop-shadow(0 0 3px rgba(10,10,12,.9));transition:opacity .7s ease}
html.trace .zt-app #zt-actions > button:active{transform:none;opacity:.7}
html.trace .zt-app #zt-actions > button > svg{width:24px;height:24px;stroke-width:1.8}
/* B.2.18 : le DOM garde l'ordre d'origine (tabulation, lecteurs d'écran) ; l'ordre visuel Tracé se pose ici,
   celui de 5.2 : loupe, Plus tard, réglages. Seulement `order`, jamais `display` (invariant 4). #pied-app est fixe. */
html.trace .zt-app #zt-actions > #pied-app{order:0}html.trace .zt-app #zt-actions > #search-btn{order:2}html.trace .zt-app #zt-actions > #wl-btn{order:3}html.trace .zt-app #zt-actions > #gear{order:4}html.trace .zt-app #zt-actions > #anon-cta{order:5}
html.trace .zt-app #anon-cta{display:flex;align-items:center;justify-content:center;font:inherit;letter-spacing:0}
html.trace .zt-app #anon-cta .lbl{display:none}
html.trace .zt-app #anon-cta svg{display:block}
html.trace .zt-app #wl-btn .cnt{top:8px;right:8px;width:8px;height:8px;min-width:0;padding:0;border-radius:50%;background:#F3F4F6;box-shadow:0 0 0 2px #0A0A0C;font-size:0;line-height:0;color:transparent}
html.trace .zt-app #pub-login{top:calc(8px + env(safe-area-inset-top));right:calc(4px + env(safe-area-inset-right));width:44px;height:44px;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;filter:drop-shadow(0 0 3px rgba(10,10,12,.9))}
html.trace .zt-app #pub-login svg{width:24px;height:24px;stroke-width:1.8}
html.trace .zt-app #aff-title{top:calc(8px + env(safe-area-inset-top));left:calc(46px + env(safe-area-inset-left));right:calc(52px + env(safe-area-inset-right));transform:none;height:44px;padding:0;gap:2px;flex-direction:column;align-items:flex-start;justify-content:center;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
/* Page de lieu avec un compte (body.pub-logged) : réglages et Plus tard, deux boutons de 44 px + la marge de 4 px. */
html.trace .zt-app.pub-logged #aff-title{right:calc(96px + env(safe-area-inset-right))}
html.trace .zt-app #aff-title span{max-width:100%;padding:0;border-radius:0;background:none;color:#F3F4F6;font-family:var(--aff);font-weight:600;font-stretch:75%;font-size:15px;line-height:1;text-shadow:0 0 3px rgba(10,10,12,.9)}
html.trace .zt-app #aff-title small{max-width:100%;padding:0;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}

/* ===== 4.A.2 Chargement d'une carte, bouton play, réseau ===== */
html.trace .zt-app .slide .loadcover{transition:opacity .45s cubic-bezier(.2,0,0,1)}
html.trace .zt-app.affiche .slide .loadcover{background-image:none!important}
html.trace .zt-app .slide .loadcover .spin{width:48px;height:48px;margin:-24px 0 0 -24px;border:0;border-radius:0;animation:none}
html.trace .zt-app .slide .loadcover .spin .zn-z{width:48px;height:48px}
html.trace .zt-app .slide .loadcover.hidden .spin .zn-z *{animation-play-state:paused}
html.trace .zt-app .slide .loadcover .playbtn{width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:2px;border:1.5px solid rgba(243,244,246,.55);background:rgba(10,10,12,.55);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#F3F4F6}
html.trace .zt-app .slide .loadcover .playbtn svg{width:28px;height:28px;margin-left:2px}
html.trace .zt-app .netblock{color:#F3F4F6;background:#1C1C22;border-radius:2px;font-size:14px}

/* ===== 4.A.3 Le fil ===== */
html.trace .zt-app .prog{bottom:env(safe-area-inset-bottom);height:3px;background:#3A1226}
html.trace .zt-app .prog i{background:#9B9BA6;opacity:1}
html.trace .zt-app .prog.retient i{background:#FF4FA8}

/* ===== 4.A.4 La carte : titre, année, boutons du dock ===== */
html.trace .zt-app .meta{left:calc(16px + env(safe-area-inset-left))}
html.trace .zt-app .title{font-family:var(--aff);font-weight:750;font-stretch:88%;font-size:30px;line-height:.95;letter-spacing:-.015em;color:#F3F4F6;text-shadow:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.trace .zt-app .year{display:flex;align-items:center;gap:6px;margin-top:8px;font-family:var(--mono);font-size:11px;line-height:14px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-app .year .zt-nat{display:inline-flex}
html.trace .zt-app .year .zt-nat svg{width:14px;height:14px;fill:none;stroke:#9B9BA6;stroke-width:2.4}
html.trace .zt-app .cta{min-height:44px;padding:0 18px;gap:8px;border:0;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px;box-shadow:none;transition:opacity .12s cubic-bezier(.2,0,0,1)}
html.trace .zt-app .cta svg{display:none}
html.trace .zt-app .cta:active{transform:none;opacity:.85}
html.trace .zt-app .cta.where{background:transparent;border:1.5px solid rgba(243,244,246,.55);color:#F3F4F6}
html.trace .zt-app .cta.where.primaire{background:#FF4FA8;border:0;color:#0A0A0C}
html.trace .zt-app .cta.wl-cta.saved{background:#3A1226;border:1.5px solid #3A1226;color:#F3F4F6}
html.trace .zt-app .cta.off{background:transparent;border:1.5px solid #2A2A31;color:#9B9BA6}
html.trace .zt-app .pub-ctas{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}

/* ===== 4.A.5 Le rail (téléphone puis grand écran) ===== */
html.trace .zt-app .rail{gap:6px}
html.trace .zt-app .rail button{color:#F3F4F6;gap:0}
html.trace .zt-app .rail button > span:not(.ico){margin-top:-4px;font-family:var(--mono);font-size:10px;line-height:12px;letter-spacing:.06em;text-transform:uppercase;color:#F3F4F6;text-shadow:0 0 3px rgba(10,10,12,.9)}
html.trace .zt-app .rail .ico{width:44px;height:44px;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:#F3F4F6;filter:drop-shadow(0 0 3px rgba(10,10,12,.9))}
html.trace .zt-app .rail .ico svg{stroke-width:1.8}
html.trace .zt-app .rail button:active .ico{transform:none;opacity:.7}
html.trace .zt-app .save-btn.saved .ico{background:#3A1226;border:0;border-radius:2px;filter:none}
html.trace .zt-app .save-btn.saved .ico svg{stroke:#F3F4F6;fill:none}
html.trace .zt-app .sound-btn.nudge{color:#F3F4F6}
html.trace .zt-app .sound-btn.nudge .ico{animation:none;border-radius:0}
html.trace .zt-app .save-btn.hot .ico{background:#3A1226;border:0;border-radius:2px;color:#F3F4F6;filter:none}
html.trace .zt-app .save-btn.hot .ico svg{stroke:#F3F4F6;fill:none}
html.trace .zt-app .save-btn.hot.saved .ico{background:#3A1226;color:#F3F4F6}
html.trace .zt-app .save-btn.hot.saved .ico svg{stroke:#F3F4F6;fill:none}
@media (min-width:760px){
 html.trace .zt-app .rail{gap:10px}
 html.trace .zt-app .rail button{min-height:44px;padding:0 18px 0 14px;gap:8px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
 html.trace .zt-app .rail button:active{transform:none;opacity:.85}
 html.trace .zt-app .rail button > span:not(.ico){margin-top:0;font-family:var(--txt);font-size:15px;line-height:1;letter-spacing:0;text-transform:none;color:inherit;text-shadow:none}
 html.trace .zt-app .rail .ico{width:auto;height:auto;background:none;filter:none}
 html.trace .zt-app .rail .ico svg{width:22px;height:22px}
 html.trace .zt-app .rail .info-btn,html.trace .zt-app .rail .sound-btn{border-color:transparent;padding:0 12px}
 html.trace .zt-app .rail .save-btn.saved{background:#3A1226;border-color:#3A1226}
 html.trace .zt-app .rail .save-btn.saved .ico{background:none}
 html.trace .zt-app .rail .save-btn.hot{background:#FF4FA8;border-color:#FF4FA8;color:#0A0A0C;box-shadow:none}
 html.trace .zt-app .rail .save-btn.hot .ico{background:none;color:#0A0A0C}
 html.trace .zt-app .rail .save-btn.hot .ico svg{stroke:#0A0A0C}
 html.trace .zt-app .rail .save-btn.hot.saved{background:#3A1226;border-color:#3A1226;color:#F3F4F6}
 html.trace .zt-app .rail .save-btn.hot.saved .ico{color:#F3F4F6}
 html.trace .zt-app .rail .save-btn.hot.saved .ico svg{stroke:#F3F4F6}
}

/* ===== 4.A.6 Toasts, bandeaux, son, indice, pop ===== */
html.trace .zt-app .wtoast{background:#1C1C22;border:0;border-radius:2px;box-shadow:none;transition:opacity .25s cubic-bezier(.2,0,0,1),transform .25s cubic-bezier(.2,0,0,1)}
html.trace .zt-app .wtoast .ck{color:#F3F4F6}
html.trace .zt-app .wtoast .tx{font-size:15px}
html.trace .zt-app .wtoast .tx span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .wtoast-undo{color:#F3F4F6;font-size:15px;text-decoration:underline;text-decoration-color:rgba(243,244,246,.45);text-underline-offset:4px}
html.trace .zt-app .netcap{border-left:3px solid #9B9BA6}
html.trace .zt-app .netcap-ok{border-left-color:#F3F4F6}
html.trace .zt-app .phint{border:0;border-radius:2px;background:#1C1C22;-webkit-backdrop-filter:none;backdrop-filter:none}
html.trace .zt-app .phint .tx{font-size:14px;line-height:20px}
html.trace .zt-app .phint .x{width:44px;height:44px;margin:-12px -10px -12px 0;padding:0;display:flex;align-items:center;justify-content:center;color:#9B9BA6}
html.trace .zt-app .phint .x svg{width:20px;height:20px}
html.trace .zt-app .soundhint{background:#1C1C22;border:0;border-radius:2px;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:14px;padding:10px 14px}
html.trace .zt-app .soundpill{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:#1C1C22;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;font-family:var(--txt);font-weight:600;font-size:15px;letter-spacing:0;transition:opacity .3s cubic-bezier(.2,0,0,1),transform .3s cubic-bezier(.2,0,0,1)}
html.trace .zt-app .soundpill .ico{color:#F3F4F6}
html.trace .zt-app .scrollhint{color:#F3F4F6;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-shadow:0 0 3px rgba(10,10,12,.9)}
html.trace .zt-app .scrollhint svg{stroke-width:1.8}
html.trace .zt-app .save-pop{color:#F3F4F6;transform:translate(-50%,-50%)}
html.trace .zt-app .save-pop svg{width:88px;height:88px;fill:none;stroke:currentColor;stroke-width:1.8}
html.trace .zt-app .save-pop.go{animation:zt-pop .4s cubic-bezier(.2,0,0,1)}
html.trace .zt-app #pied-app{padding:6px 11px;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-family:var(--txt);font-weight:400;font-size:13px;letter-spacing:0;color:#9B9BA6;text-shadow:0 0 3px rgba(10,10,12,.9)}

/* ===== 4.A.7 Feuilles et fiche ===== */
html.trace .zt-app .sheet{background:#1C1C22;border-radius:6px 6px 0 0;padding:10px 16px calc(34px + env(safe-area-inset-bottom));transition-timing-function:cubic-bezier(.2,0,0,1)}
html.trace .zt-app .sheet .grab{width:36px;height:4px;margin:0 auto 20px;border-radius:2px;background:#3A3A42}
html.trace .zt-app .sheet h2{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:26px;line-height:1;letter-spacing:-.01em}
html.trace .zt-app .sheet .sub{font-family:var(--txt);font-size:13px;line-height:1.4;color:#9B9BA6}
html.trace .zt-app #sh-title{font-weight:750;font-stretch:88%;line-height:.95;letter-spacing:-.015em;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.trace .zt-app #sh-sub{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app #sh-details{margin-top:6px;font-size:14px;line-height:1.3}
html.trace .zt-app #sh-summary{color:#F3F4F6;font-size:15px;line-height:1.45}
html.trace .zt-app .chips{gap:12px;align-items:center;margin-top:16px}
html.trace .zt-app #sh-chips .chip{padding:0;border-radius:0;background:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app #sh-chips .chip.age{display:inline-flex;align-items:center;height:24px;padding:0 8px;border:1px solid #9B9BA6;border-radius:2px;font-weight:400}
html.trace .zt-app .zt-badge{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:12px 14px 8px;border:1px solid #1C1C22;border-radius:0;background:#0A0A0C;color:#F3F4F6}
html.trace .zt-app .zt-badge .zt-age-l{display:flex;align-items:flex-end;gap:4px}
html.trace .zt-app .zt-badge .zt-age-n{font-family:var(--aff);font-weight:850;font-stretch:120%;font-size:36px;line-height:.78;letter-spacing:-.02em}
html.trace .zt-app .zt-badge .zt-age-bloc{display:block;width:9px;height:16px;background:#FF4FA8}
html.trace .zt-app .zt-badge small{margin:0;font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .sh-age{font-style:normal;font-size:13px;line-height:1.4;color:#9B9BA6}
html.trace .zt-app .sh-age a{color:#F3F4F6;font-weight:600;text-decoration:underline;text-decoration-color:rgba(243,244,246,.45);text-underline-offset:3px;padding:14px 0;margin:-14px 0}
html.trace .zt-app .watch-lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-app .watch-row .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .watch-logo{border-radius:6px}
html.trace .zt-app .watch-row .chip{border-radius:2px;background:transparent;border:1px solid #2A2A31;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:14px;text-transform:none}
html.trace .zt-app .watch-jw{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-app .watch-jw a{color:#9B9BA6}
html.trace .zt-app .watch-link{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app .watch-link:hover{background:#121216}
html.trace .zt-app .watch-link:active{transform:none;opacity:.85}
html.trace .zt-app .watch-link .px{font-family:var(--mono);font-size:11px;color:#9B9BA6}
html.trace .zt-app .watch-link.zt-principal{background:#FF4FA8;border-color:#FF4FA8;color:#0A0A0C}
html.trace .zt-app .watch-link.zt-principal .px{color:#0A0A0C}
html.trace .zt-app .watch-plex{display:flex;justify-content:center;width:100%;min-height:44px;padding:0 18px;border:0;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app .watch-plex svg{display:none}
html.trace .zt-app .watch-plex:active{transform:none;opacity:.85}
html.trace .zt-app .ev-why{font-size:15px;color:#F3F4F6}
html.trace .zt-app .ev-cta{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;font-size:15px}
html.trace .zt-app .ev-cta:hover{background:#121216}
html.trace .zt-app .ev-cta svg{stroke:#F3F4F6;stroke-width:1.8}
html.trace .zt-app .ev-meta{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .sh-share{height:auto;min-height:44px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app .sh-share:hover{background:#121216}
html.trace .zt-app .sh-share:active{transform:none;opacity:.85}
html.trace .zt-app .sh-share.zt-garde{background:#3A1226;border-color:#3A1226}
html.trace .zt-app #sh-share svg{stroke-width:38}
html.trace .zt-app .sh-remove{justify-content:flex-start;gap:12px;height:auto;min-height:44px;margin-top:0;border-top:1px solid #2A2A31;opacity:1;color:#F3F4F6;font-family:var(--txt);font-weight:500;font-size:15px}
html.trace .zt-app #sh-remove{margin-top:30px}
html.trace .zt-app #sh-report{border-bottom:1px solid #2A2A31}
html.trace .zt-app .sh-remove:hover{color:#F3F4F6;text-decoration:underline;text-underline-offset:4px}
html.trace .zt-app .sh-remove svg{width:20px;height:20px;stroke:#9B9BA6;stroke-width:1.8}
html.trace .zt-app .sh-src{color:#9B9BA6}
html.trace .zt-app .src-nudge{border:1px solid #2A2A31;border-radius:2px;color:#9B9BA6;font-size:14px}
html.trace .zt-app .src-nudge button{min-height:44px;padding:0 14px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}

/* ===== 4.A.8 Où regarder, autres séances ===== */
html.trace .zt-app #lieu-sheet .ls-box,html.trace .zt-app #where-sheet .ls-box{left:0;right:0;bottom:0;transform:none;width:auto;max-width:600px;margin-inline:auto;max-height:86dvh;border:0;border-radius:6px 6px 0 0;background:#1C1C22;padding:10px 16px calc(28px + env(safe-area-inset-bottom))}
html.trace .zt-app #lieu-sheet .ls-box::before,html.trace .zt-app #where-sheet .ls-box::before{content:"";display:block;width:36px;height:4px;margin:0 auto 20px;border-radius:2px;background:#3A3A42}
html.trace .zt-app #lieu-sheet h3,html.trace .zt-app #where-sheet h3{margin:0 0 8px;font-family:var(--aff);font-weight:750;font-stretch:88%;font-size:26px;line-height:.95;letter-spacing:-.015em}
html.trace .zt-app #lieu-sheet .ls-v,html.trace .zt-app #where-sheet .ls-v{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app #where-sheet .ls-date{font-size:17px;color:#F3F4F6}
html.trace .zt-app #where-sheet .ls-date b{color:#F3F4F6;font-weight:600}
html.trace .zt-app #where-sheet .ls-date svg{display:none}
html.trace .zt-app #lieu-sheet .ls-row,html.trace .zt-app #where-sheet .ls-row{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;border-bottom:1px solid #2A2A31}
html.trace .zt-app #lieu-sheet .ls-row span,html.trace .zt-app #where-sheet .ls-row span{color:#F3F4F6;font-weight:600;font-size:16px}
html.trace .zt-app #lieu-sheet .ls-row i,html.trace .zt-app #where-sheet .ls-row i{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-app #lieu-sheet .ls-row b,html.trace .zt-app #where-sheet .ls-row b{display:flex;flex-wrap:wrap;gap:8px;font-weight:400}
html.trace .zt-app #lieu-sheet .zt-h,html.trace .zt-app #where-sheet .zt-h{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--mono);font-weight:400;font-size:15px;letter-spacing:.02em;text-decoration:none;white-space:nowrap}
html.trace .zt-app #lieu-sheet .ls-row .zt-h,html.trace .zt-app #where-sheet .ls-row .zt-h{font-family:var(--mono);font-weight:400;font-size:15px;color:#F3F4F6}
html.trace .zt-app #lieu-sheet .zt-h.zt-passee,html.trace .zt-app #where-sheet .zt-h.zt-passee{border-color:transparent;padding:0 4px;color:#9B9BA6;text-decoration:line-through}
html.trace .zt-app #lieu-sheet .zt-h.zt-prochaine,html.trace .zt-app #where-sheet .zt-h.zt-prochaine{flex-direction:column;align-items:flex-start;justify-content:center;min-height:52px;padding:0 14px;border:0;background:#FF4FA8;color:#0A0A0C;font-weight:600;font-size:17px;line-height:1.1}
html.trace .zt-app #lieu-sheet .zt-h.zt-prochaine i,html.trace .zt-app #where-sheet .zt-h.zt-prochaine i{color:#0A0A0C}
html.trace .zt-app .zt-h.zt-prochaine small{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
html.trace .zt-app .ls-cell{gap:4px}
html.trace .zt-app .ls-prop{width:44px;height:44px;border-radius:2px;color:#9B9BA6}
html.trace .zt-app .ls-prop:hover{color:#F3F4F6;background:#121216}
html.trace .zt-app .ls-prop svg{width:16px;height:16px}
html.trace .zt-app #lieu-sheet .pub-cta,html.trace .zt-app #where-sheet .pub-cta{background:transparent;border:1.5px solid rgba(243,244,246,.55);color:#F3F4F6}
html.trace .zt-app #where-sheet .pub-cta.zt-garde{background:#3A1226;border-color:#3A1226}
html.trace .zt-app .zt-champ{flex:1;min-width:0;min-height:44px;padding:0 12px;border:1px solid #2A2A31;border-radius:2px;background:#0A0A0C;color:#F3F4F6;font-family:var(--txt);font-size:16px}
html.trace .zt-app .zt-champ::placeholder{color:#9B9BA6}
html.trace .zt-app .zt-champ:focus{border-color:#F3F4F6}

/* ===== 4.A.9 En salle (feuille de géolocalisation) ===== */
html.trace .zt-app #salle-sheet #salle-geo{min-height:44px;padding:0 18px;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app #salle-sheet #salle-etat{font-family:var(--txt);font-size:14px;color:#9B9BA6}
html.trace .zt-app #salle-sheet .salle-row{min-height:52px;border-top-color:#2A2A31}
html.trace .zt-app #salle-sheet .sr-nom{font-size:16px}
html.trace .zt-app #salle-sheet .sr-ou{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-app #salle-sheet .sr-go{min-height:44px;min-width:96px;padding:0 14px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app #salle-sheet #salle-plus{color:#F3F4F6;font-size:15px;text-decoration:underline;text-decoration-color:rgba(243,244,246,.45);text-underline-offset:4px}

/* ===== 4.A.10 Réglages ===== */
html.trace .zt-app .set-sec{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#F3F4F6}
html.trace .zt-app #set-page-main .set-sec{font-family:var(--txt);font-weight:600;font-size:16px;line-height:1.25;letter-spacing:0;text-transform:none}
html.trace .zt-app .set-sec::before{display:none}
html.trace .zt-app .set-grp,html.trace .zt-app .set-grp.srv .gt{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .set-row{min-height:52px;border-bottom:1px solid #2A2A31}
html.trace .zt-app .set-row .t{font-family:var(--txt);font-weight:500;font-size:16px;color:#F3F4F6}
html.trace .zt-app .set-row .ty{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .zt-act{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px;letter-spacing:0;text-transform:none;opacity:1;cursor:pointer}
html.trace .zt-app .zt-act.zt-act-texte{border-color:transparent;padding:0 4px;color:#9B9BA6;font-weight:500}
html.trace .zt-app .zt-url{display:block;margin:6px 0;padding:12px 14px;border-radius:2px;background:#0A0A0C;font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:#F3F4F6;overflow-wrap:anywhere}
html.trace .zt-app .srvdot{width:10px;height:10px;border-radius:0}
html.trace .zt-app .srvdot.off{box-shadow:inset 0 0 0 1.5px #9B9BA6}
html.trace .zt-app .cine-input,html.trace .zt-app .jf-in,html.trace .zt-app .str-sel,html.trace .zt-app .lang-add{min-height:44px;padding:0 12px;border:1px solid #2A2A31;border-radius:2px;background:#0A0A0C;color:#F3F4F6;font-family:var(--txt);font-size:16px}
html.trace .zt-app .cine-input:focus,html.trace .zt-app .jf-in:focus{border-color:#F3F4F6}
html.trace .zt-app .cine-input::placeholder{color:#9B9BA6}
html.trace .zt-app .str-sel{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
html.trace .zt-app .cine-row .cine-nom{font-weight:600;font-size:16px}
html.trace .zt-app .cine-row .cine-ou{font-size:13px;color:#9B9BA6}
html.trace .zt-app .cine-add{min-height:44px;padding:0 14px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app .cine-add.on{border-color:transparent;padding:0 4px;color:#9B9BA6;font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
html.trace .zt-app .cine-del{min-height:44px;padding:0 2px 0 12px;border:0;border-radius:0;background:transparent;color:#9B9BA6;font-family:var(--txt);font-weight:500;font-size:15px}
html.trace .zt-app .cine-add:disabled{opacity:1;color:#9B9BA6;border-color:#2A2A31}
html.trace .zt-app .yt-av{border-radius:2px;background:#2A2A31}
html.trace .zt-app .jf-rm{min-height:44px;padding:0 12px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-app .jf-rm[data-arm]{color:#F3F4F6;border-color:#F3F4F6;background:#3A1226}
html.trace .zt-app .jf-link{display:inline-flex;align-items:center;min-height:44px;font-family:var(--txt);font-weight:500;font-size:14px;color:#9B9BA6}
html.trace .zt-app .jf-link:hover{color:#F3F4F6}
html.trace .zt-app .cine-link{display:flex;align-items:center;min-height:44px;color:#F3F4F6;font-family:var(--txt);font-weight:500;font-size:15px}
html.trace .zt-app .cine-link:hover{color:#F3F4F6;text-decoration:underline}
html.trace .zt-app .src-logo{width:32px;height:32px;border-radius:6px;background:#121216;border:1px solid #2A2A31}
html.trace .zt-app .srcpend{color:#9B9BA6;font-size:16px;line-height:22px}
html.trace .zt-app #src-ask{border:0;border-radius:2px;background:#1C1C22;-webkit-backdrop-filter:none;backdrop-filter:none}
html.trace .zt-app #src-ask .t{font-family:var(--aff);font-weight:700;font-stretch:100%;font-size:18px;line-height:22px;letter-spacing:-.01em}
html.trace .zt-app #src-ask .s{font-size:14px;line-height:20px;color:#F3F4F6}
html.trace .zt-app #src-ask .go{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app #src-ask .later{min-height:44px;padding:0 8px;border:0;border-radius:0;background:transparent;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app .tgl{position:relative;width:44px;height:44px;border-radius:0;background:transparent}
html.trace .zt-app .tgl::before{content:"";position:absolute;top:11px;right:0;width:22px;height:22px;box-sizing:border-box;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;transition:background .15s cubic-bezier(.2,0,0,1)}
html.trace .zt-app .tgl::after{content:"";position:absolute;top:15px;left:auto;right:8px;width:6px;height:11px;box-sizing:border-box;border:solid #0A0A0C;border-width:0 2.4px 2.4px 0;border-radius:0;background:transparent;box-shadow:none;transform:rotate(45deg);opacity:0}
html.trace .zt-app .tgl.on{background:transparent}
html.trace .zt-app .tgl.on::before{background:#F3F4F6;border-color:#F3F4F6}
html.trace .zt-app .tgl.on::after{opacity:1;transform:rotate(45deg)}
html.trace .zt-app .age-seg{display:flex;gap:3px;padding:3px;border-radius:2px;background:#0A0A0C}
html.trace .zt-app .age-seg button{flex:1 1 auto;min-height:44px;padding:0 6px;border:0;border-radius:2px;background:transparent;color:#9B9BA6;font-family:var(--txt);font-weight:500;font-size:15px;box-shadow:none}
html.trace .zt-app .age-seg button.on{background:#3A1226;color:#F3F4F6;font-weight:600;border:0;box-shadow:none}
html.trace .zt-app .age-seg button.zt-num{font-family:var(--aff);font-weight:800;font-stretch:120%;font-size:20px}
html.trace .zt-app .seg{gap:3px;padding:3px;border:0;border-radius:2px;background:#0A0A0C}
html.trace .zt-app .seg button{min-height:44px;border:0;border-radius:2px;background:transparent;color:#9B9BA6;font-family:var(--mono);font-size:11px;letter-spacing:.06em}
html.trace .zt-app .seg button.on{background:#3A1226;color:#F3F4F6}
html.trace .zt-app .lang-head{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-app .lang-row{border-bottom:1px solid #2A2A31}
html.trace .zt-app .lang-ord button{border:1px solid #2A2A31;border-radius:2px;background:transparent;color:#9B9BA6}
html.trace .zt-app .lang-ord button svg{width:16px;height:16px}
html.trace .zt-app .lang-badge{padding:2px 6px;border:1px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--mono);font-size:10px;letter-spacing:.06em}
html.trace .zt-app .lang-x{border-radius:2px;color:#9B9BA6}
html.trace .zt-app .lang-x::after{border-radius:0}
html.trace .zt-app .lang-x svg{width:18px;height:18px}
html.trace .zt-app .set-page{animation-timing-function:cubic-bezier(.2,0,0,1)}
html.trace .zt-app .set-nav{min-height:52px;border-bottom:1px solid #2A2A31}
html.trace .zt-app .set-nav .t{font-weight:500;font-size:16px}
html.trace .zt-app .set-nav .sum{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .set-nav .chev{display:inline-block;width:20px;height:20px;font-size:0;color:#9B9BA6;background:currentColor;-webkit-mask:var(--zt-chev) center/contain no-repeat;mask:var(--zt-chev) center/contain no-repeat}
html.trace .zt-app .set-back{min-height:44px;color:#F3F4F6;font-family:var(--txt);font-weight:500;font-size:15px;letter-spacing:0}
html.trace .zt-app .set-back .chev{display:inline-block;width:24px;height:24px;font-size:0;color:#F3F4F6;background:currentColor;-webkit-mask:var(--zt-retour) center/contain no-repeat;mask:var(--zt-retour) center/contain no-repeat}
html.trace .zt-app .set-account{border-top:1px solid #2A2A31}
html.trace .zt-app #set-user{font-family:var(--txt);font-size:13px;color:#9B9BA6}
html.trace .zt-app .set-logout{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px;letter-spacing:0}
html.trace .zt-app .set-logout:hover{background:#121216;color:#F3F4F6;border-color:rgba(243,244,246,.55)}
html.trace .zt-app .set-delete{opacity:1;color:#9B9BA6;font-family:var(--txt);font-weight:500;font-size:15px;letter-spacing:0}
html.trace .zt-app .set-delete:hover{color:#F3F4F6;text-decoration:underline;text-underline-offset:3px}
html.trace .zt-app .set-links{font-family:var(--txt);font-size:13px;color:#9B9BA6}
html.trace .zt-app .set-links a{color:#9B9BA6;text-underline-offset:3px}
html.trace .zt-app .set-links a:hover{color:#F3F4F6}
html.trace .zt-app .set-admin{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-app .set-admin:hover{color:#F3F4F6}
html.trace .zt-app .set-credit{color:#9B9BA6;font-size:12px}
html.trace .zt-app .link-plex-btn{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-size:15px;box-shadow:none}
html.trace .zt-app .link-plex-btn svg{display:none}
html.trace .zt-app .link-plex-btn:active{transform:none;opacity:.85}

/* ===== 4.A.11 Plus tard (#wl-screen) ===== */
html.trace .zt-app #wl-screen{background:#0A0A0C;transition:transform .24s cubic-bezier(.2,0,0,1)}
html.trace .zt-app .wl-head h2{display:flex;align-items:center;gap:8px;font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:28px;line-height:1;letter-spacing:-.01em}
html.trace .zt-app .wl-head h2::before{content:"";flex:none;width:24px;height:24px;background:currentColor;-webkit-mask:var(--zt-horloge) center/contain no-repeat;mask:var(--zt-horloge) center/contain no-repeat}
html.trace .zt-app .wl-head .cc{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:#F3F4F6}
html.trace .zt-app .wl-seg{gap:3px}
html.trace .zt-app .wl-seg span{height:3px;border-radius:0;background:#2A2A31}
html.trace .zt-app .wl-seg span.on{background:#F3F4F6}
html.trace .zt-app .wl-x{width:44px;height:44px;color:#F3F4F6}
html.trace .zt-app .wl-x svg{stroke-width:1.8}
html.trace .zt-app .wl-card{transition:opacity .28s cubic-bezier(.2,0,0,1),filter .28s cubic-bezier(.2,0,0,1),transform .28s cubic-bezier(.2,0,0,1)}
html.trace .zt-app .wl-poster{aspect-ratio:16/9;border:1px solid #2A2A31;border-radius:2px;background:#121216;box-shadow:none}
@media (hover:hover){
 html.trace .zt-app .wl-body:hover .wl-card{filter:none}
 html.trace .zt-app .wl-body:hover .wl-card:hover{transform:none}
 html.trace .zt-app .wl-card:hover .wl-poster{border-color:#F3F4F6;box-shadow:none}
}
html.trace .zt-app .wl-poster .rm{border-radius:2px;background:rgba(10,10,12,.72);-webkit-backdrop-filter:none;backdrop-filter:none}
html.trace .zt-app .wl-poster .rm:hover{background:rgba(10,10,12,.9)}
html.trace .zt-app .wl-poster .rm::after{border-radius:0}
html.trace .zt-app .wl-poster .rm svg{stroke-width:1.8}
html.trace .zt-app .wl-cap .ti{font-family:var(--aff);font-weight:750;font-stretch:88%;font-size:18px;line-height:.95;letter-spacing:-.015em;min-height:1.9em}
html.trace .zt-app .wl-dispo{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .wl-dispo i{display:none}
html.trace .zt-app .wl-dispo.ok{color:#F3F4F6}
html.trace .zt-app .wl-sec{font-family:var(--mono);font-weight:400;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .wl-empty .ic{width:48px;height:48px;border:0;border-radius:0;background:none;color:#9B9BA6}
html.trace .zt-app .wl-empty .ic svg{width:48px;height:48px;stroke-width:1.2}
html.trace .zt-app .wl-empty .ti{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:26px;line-height:1;letter-spacing:-.01em}
html.trace .zt-app .wl-empty .sub{max-width:340px;font-size:15px;line-height:1.45;color:#9B9BA6}
html.trace .zt-app .wl-empty .go{height:auto;min-height:44px;padding:0 18px;border:0;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app .wl-empty .go svg{display:none}
html.trace .zt-app .wl-ens{height:auto;min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app .wl-ens svg{display:none}
html.trace .zt-app #wl-replay{border:0;background:#FF4FA8;color:#0A0A0C}
html.trace .zt-app #wl-host{justify-content:space-between;padding:0;border:0;border-bottom:1px solid #2A2A31;border-radius:0;font-weight:500}

/* ===== 4.A.12 Ensemble, Ce qu'ils attendent (la soirée est retirée, B.1.1) ===== */
html.trace .zt-app #ens-screen,html.trace .zt-app #host-screen{background:#0A0A0C;transition:transform .24s cubic-bezier(.2,0,0,1)}
html.trace .zt-app .ens-head .ti,html.trace .zt-app .host-head .ti{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:26px;line-height:1;letter-spacing:-.01em}
html.trace .zt-app .ens-head .who span{border:1.5px solid #0A0A0C;border-radius:2px;background:#1C1C22;font-family:var(--mono);font-weight:600;font-size:12px;color:#F3F4F6}
html.trace .zt-app .ens-x,html.trace .zt-app .host-head .x{width:44px;height:44px;color:#F3F4F6}
html.trace .zt-app .ens-x svg,html.trace .zt-app .host-head .x svg{stroke-width:1.8}
html.trace .zt-app .ens-sur{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-app .ens-sur::before{display:none}
html.trace .zt-app .ens-share{border:1px solid #2A2A31;border-radius:2px;background:#121216}
html.trace .zt-app .ens-share .h{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:20px;line-height:1.1}
html.trace .zt-app .ens-share .s{font-size:14px;color:#9B9BA6}
html.trace .zt-app .ens-share .btn{height:auto;min-height:44px;padding:0 18px;border-radius:2px;background:#FF4FA8;color:#0A0A0C;box-shadow:none}
html.trace .zt-app .ens-share .btn svg{stroke:#0A0A0C;stroke-width:1.8}
html.trace .zt-app .ens-note,html.trace .zt-app .host-note,html.trace .zt-app .host-sub{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-app .ens-note svg,html.trace .zt-app .host-note svg,html.trace .zt-app .host-sub svg{stroke-width:1.8}
html.trace .zt-app .ens-wait{font-size:14px;color:#9B9BA6}
html.trace .zt-app .host-sub{border-bottom:1px solid #2A2A31;text-transform:uppercase}
html.trace .zt-app .host-row{border-bottom:1px solid #2A2A31}
html.trace .zt-app .host-row .info .ti{font-family:var(--aff);font-weight:750;font-stretch:88%;font-size:18px;line-height:.95;letter-spacing:-.015em}
html.trace .zt-app .host-row .info .mt,html.trace .zt-app .host-row .info .who,html.trace .zt-app .host-row .cnt .l{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .host-row .cnt .n{font-family:var(--mono);font-weight:600;font-stretch:normal;font-size:22px;color:#F3F4F6}

/* ===== 4.A.13 Démarrage, connexion, fusion ===== */
html.trace .zt-app #boot{background:#0A0A0C;transition:opacity .48s cubic-bezier(.2,0,0,1)}
html.trace .zt-app #boot .center{gap:28px}
html.trace .zt-app #boot .zn-z{display:block;width:96px;height:96px}
html.trace .zt-app #boot .tag{font-family:var(--txt);font-weight:500;font-size:17px;line-height:22px;letter-spacing:-.005em;color:#F3F4F6;opacity:1;animation:none}
html.trace .zt-app #boot .foot{bottom:calc(34px + env(safe-area-inset-bottom));gap:24px;flex-direction:column-reverse;align-items:stretch}
html.trace .zt-app #boot .bar{position:relative;width:auto;height:3px;border-radius:0;background:#3A1226;opacity:1;transform:none;animation:none;overflow:hidden}
html.trace .zt-app #boot .bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:40%;background:#9B9BA6;animation:zn-progres 4.8s linear -.438s infinite}
html.trace .zt-app #boot .boot-msg{align-self:center;padding:0 24px;text-align:center;font-family:var(--txt);font-size:14px;line-height:20px;color:#9B9BA6;opacity:1;animation:none}
@media (prefers-reduced-motion:reduce){
 html.trace .zt-app #boot .bar::before{animation:none}
 html.trace .zt-app #boot .zn-z .zn-curseur{animation:zn-clignote 1.06s step-end infinite!important}
 html.trace .zt-app #boot .zn-z .zn-pied{transform:none!important}
}
html.trace .zt-app #login{gap:20px;background:#0A0A0C}
html.trace .zt-app #login-logo svg{width:54px;height:54px}
html.trace .zt-app #login h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html.trace .zt-app #login .tag{max-width:320px;font-family:var(--txt);font-weight:500;font-size:17px;line-height:22px;color:#F3F4F6}
html.trace .zt-app #login .consent{font-size:13px;line-height:1.4;color:#9B9BA6}
html.trace .zt-app #login .consent input{width:22px;height:22px;accent-color:#F3F4F6}
html.trace .zt-app #login .connect{min-height:44px;padding:0 18px;border:0;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px;box-shadow:none}
html.trace .zt-app #login .connect:disabled{background:#2A2A31;color:#9B9BA6;opacity:1}
html.trace .zt-app #login .connect:active{transform:none;opacity:.85}
html.trace .zt-app #login .status{color:#9B9BA6}
html.trace .zt-app .alt-sep{gap:12px;color:#9B9BA6;font-size:13px}
html.trace .zt-app .alt-sep::before,html.trace .zt-app .alt-sep::after{background:#2A2A31}
html.trace .zt-app .alt-btn{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app .alt-btn:hover{background:#121216}
html.trace .zt-app .alt-mail-toggle{color:#F3F4F6;font-family:var(--txt);font-weight:500;font-size:15px;text-decoration-color:rgba(243,244,246,.45);text-underline-offset:4px}
html.trace .zt-app .alt-mail-input{min-height:44px;padding:0 14px;border:1px solid #2A2A31;border-radius:2px;background:#121216;color:#F3F4F6;font-size:16px}
html.trace .zt-app #merge-dlg{background:#0A0A0C}
html.trace .zt-app #merge-logo svg{width:46px;height:46px}
html.trace .zt-app #merge-dlg h2{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:26px;line-height:1.1;letter-spacing:-.01em}
html.trace .zt-app #merge-dlg .merge-q{color:#9B9BA6}
html.trace .zt-app #merge-dlg .merge-info{font-family:var(--mono);font-size:12px;color:#9B9BA6}
html.trace .zt-app #merge-dlg .cta{padding:0 18px;font-size:15px}
html.trace .zt-app #merge-dlg .merge-cancel{min-height:44px;color:#F3F4F6;font-weight:500;font-size:15px;text-decoration:underline;text-decoration-color:rgba(243,244,246,.45);text-underline-offset:4px}
html.trace .zt-app #merge-dlg .merge-cancel:active{transform:none;opacity:.7}

/* ===== 4.A.14 Mode public, fin de liste, plafond ===== */
html.trace .zt-app .pub-badge{top:calc(64px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6;text-shadow:0 0 3px rgba(10,10,12,.9)}
html.trace .zt-app .pub-sec{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app .pub-sec:active{transform:none;opacity:.7}
html.trace .zt-app .pub-invit{top:calc(56px + env(safe-area-inset-top));padding:10px 14px;border:0;border-radius:2px;background:#1C1C22;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:15px}
html.trace .zt-app .pub-invit b{font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#F3F4F6}
html.trace .zt-app .pub-invit-ou,html.trace .zt-app .pub-invit > span:first-child{opacity:1;color:#9B9BA6}
html.trace .zt-app .pub-fin{padding-top:13px;border-top:1px solid #2A2A31;font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .pub-fin a{color:#9B9BA6;text-decoration:underline;text-decoration-color:rgba(155,155,166,.6);text-underline-offset:3px}
html.trace .zt-app .slide.aff-end{background:#0A0A0C}
html.trace .zt-app .aff-mark svg{width:56px;height:56px}
html.trace .zt-app .aff-box h2{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:30px;line-height:1;letter-spacing:-.012em}
html.trace .zt-app .aff-box p{font-size:16px;line-height:1.45;color:#F3F4F6}
html.trace .zt-app #aff-cta{min-height:44px;padding:0 18px;border:0;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px;box-shadow:none}
html.trace .zt-app #aff-login{min-height:44px;color:#F3F4F6;font-family:var(--txt);font-weight:500;font-size:15px;text-decoration-color:rgba(243,244,246,.45);text-underline-offset:4px}

/* Le compositeur « Ma séance » reste hors chantier (5.14) ; fermé sous l'écran, son ombre remontait de ~80 px
   et assombrissait le bas du bouton rose de la carte. Règle visuelle seule, aucun JS touché. */
html.trace .zt-app #se-panel:not(.open){box-shadow:none}

/* ===== 4.A.15 Écran de recherche ===== */
html.trace .zt-app #zt-recherche{position:fixed;inset:0;z-index:45;overflow-y:auto;background:#0A0A0C;color:#F3F4F6;padding:calc(10px + env(safe-area-inset-top)) 10px calc(34px + env(safe-area-inset-bottom)) 16px}
html.trace .zt-app .zt-rech-barre{display:flex;align-items:center;gap:4px}
html.trace .zt-app .zt-rech-champ{flex:1 1 auto;min-width:0;height:48px;display:flex;align-items:center;gap:9px;padding:0 8px 0 11px;border-radius:2px;background:#1C1C22}
html.trace .zt-app .zt-rech-champ:focus-within{box-shadow:inset 0 0 0 1.5px rgba(243,244,246,.55)}
html.trace .zt-app .zt-rech-champ svg{flex:none;width:20px;height:20px}
html.trace .zt-app .zt-rech-champ input{flex:1;min-width:0;border:0;outline:0;background:none;color:#F3F4F6;font-family:var(--txt);font-size:16px;caret-color:#F3F4F6}
html.trace .zt-app .zt-rech-champ input::placeholder{color:#9B9BA6}
html.trace .zt-app .zt-rech-champ input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
html.trace .zt-app .zt-rech-x{flex:none;min-height:44px;padding:0 6px;border:0;background:none;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-app .zt-rech-corps{margin-top:16px;padding-right:6px;display:flex;flex-direction:column;gap:14px}
html.trace .zt-app .zt-rech-corps h2{margin:0 0 6px;font-family:var(--mono);font-weight:400;font-size:11px;line-height:14px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .zt-rech-liste{display:flex;flex-direction:column;border-bottom:1px solid #2A2A31}
html.trace .zt-app .zt-rech-ligne{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:6px 0;border:0;border-top:1px solid #2A2A31;background:none;color:#F3F4F6;font-family:var(--txt);text-align:left;text-decoration:none;cursor:pointer}
html.trace .zt-app .zt-rech-ligne b{display:block;font-family:var(--aff);font-weight:750;font-stretch:88%;font-size:20px;line-height:.95;letter-spacing:-.015em}
html.trace .zt-app .zt-rech-ligne small{display:block;margin-top:4px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .zt-rech-ligne[aria-disabled="true"]{cursor:default}
html.trace .zt-app .zt-rech-ligne[aria-disabled="true"] b{color:#9B9BA6}
html.trace .zt-app .zt-rech-ligne svg{flex:none;width:20px;height:20px;stroke:#9B9BA6}
html.trace .zt-app .zt-rech-porte b{font-family:var(--txt);font-weight:600;font-stretch:100%;font-size:16px;line-height:20px;letter-spacing:0}
html.trace .zt-app .zt-rech-porte small{font-family:var(--txt);font-size:13px;letter-spacing:0;text-transform:none}
html.trace .zt-app .zt-rech-rien{margin:0;font-size:15px;color:#9B9BA6}

/* ===== 4.B Pages serveur : SEO humaines (zt-seo) et petites pages (zt-mini) ===== */
html.trace .zt-seo{font-family:var(--txt);background:#0A0A0C}
html.trace .zt-seo h1{font-family:var(--aff);font-weight:800;font-stretch:88%;line-height:.95;letter-spacing:-.015em}
html.trace .zt-seo h2{margin:40px 0 12px;font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:22px;line-height:1.05;letter-spacing:-.01em;text-transform:none;color:#F3F4F6}
html.trace .zt-seo h3{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#F3F4F6}
html.trace .zt-seo a{color:#F3F4F6;text-decoration:underline;text-decoration-color:rgba(243,244,246,.45);text-underline-offset:3px}
html.trace .zt-seo .films li,html.trace .zt-seo .salles li{border-bottom:1px solid #2A2A31}
html.trace .zt-seo .films li strong{font-family:var(--aff);font-weight:750;font-stretch:88%;font-size:19px;line-height:.95;letter-spacing:-.015em}
html.trace .zt-seo .films .h{font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:#9B9BA6}
html.trace .zt-seo .salles li strong{font-weight:600;font-size:16px}
html.trace .zt-seo .adr,html.trace .zt-seo .lead,html.trace .zt-seo .syn,html.trace .zt-seo .sous-titre{color:#9B9BA6}
html.trace .zt-seo .maj,html.trace .zt-seo .foot,html.trace .zt-seo .pied{font-size:13px;color:#9B9BA6}
html.trace .zt-seo .vign img{border-radius:2px;background:#121216}
html.trace .zt-seo .vign figcaption{font-size:13px;opacity:1;color:#9B9BA6}
html.trace .zt-seo #zba{border-radius:0!important;background:#0A0A0C!important}
html.trace .zt-seo .cta a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-weight:600;font-size:15px;text-decoration:none}
html.trace .zt-seo .film .grad{background:linear-gradient(to top,rgba(10,10,12,.85),rgba(10,10,12,0))}
html.trace .zt-seo .film .fond h1{font-weight:750}
html.trace .zt-seo .film .fond .an{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-seo .bar button{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:rgba(10,10,12,.35);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-seo .bar button.cta{background:#FF4FA8;border-color:#FF4FA8;color:#0A0A0C}
html.trace .zt-seo .bar button.cta.ok{background:#3A1226;border-color:#3A1226;color:#F3F4F6}
html.trace .zt-seo .sheet{border-top:0;border-radius:6px 6px 0 0;background:#1C1C22;box-shadow:none}
html.trace .zt-seo .sheet .poign{width:36px;height:4px;background:#3A3A42}
html.trace .zt-seo .sheet h2{font-size:22px;color:#F3F4F6}
html.trace .zt-seo .sheet .meta{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-seo .voile{background:rgba(10,10,12,.6)}
html.trace .zt-seo .zt-tete,html.trace .zn-age .zt-tete{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:0 0 12px}
html.trace .zt-seo .zt-tete a,html.trace .zn-age .zt-tete a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:#F3F4F6;text-decoration:none}
html.trace .zt-seo .zt-mot,html.trace .zn-age .zt-mot{width:84px;height:22px}
html.trace .zt-mini{background:#0A0A0C;color:#F3F4F6;font-family:var(--txt)}
html.trace .zt-mini .zt-symbole{width:32px;height:32px;margin:0 auto 16px;display:block}
html.trace .zt-mini .ok,html.trace .zt-mini h2,html.trace .zt-mini .u-titre{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:22px;line-height:1.05;letter-spacing:-.01em}
html.trace .zt-mini .sub,html.trace .zt-mini p,html.trace .zt-mini .u-corps{color:#9B9BA6;font-size:14px;line-height:1.5}
html.trace .zt-mini a.app,html.trace .zt-mini button,html.trace .zt-mini .u-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px;box-shadow:none}
html.trace .zt-mini input{box-sizing:border-box;width:100%;min-height:44px;padding:0 14px;border:1px solid #2A2A31;border-radius:2px;background:#121216;color:#F3F4F6;font-size:16px}
html.trace .zt-mini input::placeholder{color:#9B9BA6}
html.trace .zt-mini input:focus-visible{outline:none;border-color:#F3F4F6}
html.trace .zt-mini .u-mot{display:none}

/* ===== 4.C Pages âge (zn-age) ===== */
html.trace .zn-age{font-family:var(--txt)}
html.trace .zn-age .etiq,html.trace .zn-age .sur,html.trace .zn-age .tri{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zn-age .sur a{min-height:44px;display:inline-flex;align-items:center}
html.trace .zn-age h1{font-family:var(--aff);font-weight:800;font-stretch:88%;font-size:30px;line-height:.95;letter-spacing:-.015em}
@media (min-width:760px){html.trace .zn-age h1{font-size:44px}}
html.trace .zn-age h2{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:22px;line-height:1.05;letter-spacing:-.01em}
html.trace .zn-age .marque{display:inline-flex;align-items:center;min-height:44px}
html.trace .zn-age .intro a,html.trace .zn-age .prose a,html.trace .zn-age .lien a,html.trace .zn-age .av-film .fiche{color:#F3F4F6;text-decoration:underline;text-decoration-color:rgba(243,244,246,.45);text-underline-offset:3px}
html.trace .zn-age .prose h2{font-size:22px}
html.trace .zn-age .pied{margin-top:24px;padding-top:22px;border-top:1px solid #2A2A31;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zn-age .pied a{color:#F3F4F6;text-transform:none;letter-spacing:0;font-family:var(--txt);font-size:14px}
html.trace .zn-age button:focus-visible,html.trace .zn-age .ligne:focus-visible,html.trace .zn-age select:focus-visible{outline-color:#F3F4F6;border-radius:0}
html.trace .zn-age .spark{display:none}
/* hub */
html.trace .zn-hub .themes{color:#9B9BA6}
html.trace .zn-hub .meta{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zn-hub .cherche{min-height:44px;padding:0 14px;border:0;border-radius:2px;background:#1C1C22}
html.trace .zn-hub .cherche:focus-within{border-color:transparent;box-shadow:inset 0 0 0 1.5px rgba(243,244,246,.55)}
html.trace .zn-hub .cherche svg{width:20px;height:20px;color:#9B9BA6}
html.trace .zn-hub .cherche input{font-size:16px;caret-color:#F3F4F6}
html.trace .zn-hub .cherche input::placeholder{color:#9B9BA6}
html.trace .zn-hub .ligne{border-top:1px solid #2A2A31}
html.trace .zn-hub .ligne:hover .titre{color:#F3F4F6;text-decoration:underline}
html.trace .zn-hub .aff{border-radius:2px}
html.trace .zn-hub .titre{font-family:var(--aff);font-weight:750;font-stretch:88%;font-size:19px;line-height:.95;letter-spacing:-.015em}
html.trace .zn-hub .note .n{font-family:var(--aff);font-weight:850;font-stretch:120%;font-size:24px}
html.trace .zn-hub .note .u{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#9B9BA6}
html.trace .zn-hub .sugg{border-top:1px solid #2A2A31}
html.trace .zn-hub .sugg .cube{border:1px solid #2A2A31;border-radius:2px}
html.trace .zn-hub .sugg .cube b{font-family:var(--aff);font-weight:850;font-stretch:120%;font-size:18px}
html.trace .zn-hub .sugg .cube small{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zn-hub .sugg.pleine .cube{background:#3A1226;border-color:#3A1226;color:#F3F4F6}
html.trace .zn-hub .sugg.pleine .cube small{color:#9B9BA6}
html.trace .zn-hub .sugg:hover .l1{color:#F3F4F6;text-decoration:underline}
html.trace .zn-hub .sugg .l2{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zn-hub .retour{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding:0;font-size:0}
html.trace .zn-hub .retour::before{content:"";width:24px;height:24px;background:#F3F4F6;-webkit-mask:var(--zt-retour) center/contain no-repeat;mask:var(--zt-retour) center/contain no-repeat}
html.trace .zn-hub .changer{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#F3F4F6;text-decoration:underline;text-underline-offset:3px}
html.trace .zn-hub .outils{border-top:1px solid #2A2A31;border-bottom:1px solid #2A2A31}
html.trace .zn-hub .puce{min-height:44px;padding:0 14px;border:1px solid #2A2A31;border-radius:2px;color:#9B9BA6;font-size:15px}
html.trace .zn-hub .puce.on{background:#3A1226;border-color:#3A1226;color:#F3F4F6;font-weight:600}
html.trace .zn-hub .tri select{min-height:44px;padding-right:20px}
html.trace .zn-hub .tri:after{content:"";top:50%;width:16px;height:16px;margin-top:-8px;background:#9B9BA6;-webkit-mask:var(--zt-chev-bas) center/contain no-repeat;mask:var(--zt-chev-bas) center/contain no-repeat}
html.trace .zn-hub .rien .pilule{border:1.5px solid rgba(243,244,246,.55);border-radius:2px;font-weight:600}
html.trace .zn-hub .rien .pilule.pleine{background:#FF4FA8;border-color:#FF4FA8;color:#0A0A0C}
html.trace .zn-hub .ba-pilule{min-height:44px;padding:0 18px;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-weight:600;font-size:15px;box-shadow:0 0 0 0 transparent}
/* À voir */
html.trace .zn-avoir .av-film{border-top-color:#2A2A31}
html.trace .zn-avoir .av-film img{border-radius:2px}
html.trace .zn-avoir .av-film h2{font-weight:750;font-stretch:88%;line-height:.95;letter-spacing:-.015em}
html.trace .zn-avoir .av-film .meta{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
/* Fiche : recherche, lecteur, CTA */
html.trace .zn-fiche .chercher label{min-height:44px;border:0;border-radius:2px;background:#1C1C22}
html.trace .zn-fiche .chercher label:focus-within{border-color:transparent;box-shadow:inset 0 0 0 1.5px rgba(243,244,246,.55)}
html.trace .zn-fiche .chercher svg{width:20px;height:20px;color:#9B9BA6}
html.trace .zn-fiche .chercher input{font-size:16px;caret-color:#F3F4F6}
html.trace .zn-fiche .chercher label{min-width:0}
html.trace .zn-fiche .chercher input{min-width:0;width:100%}
html.trace .zn-fiche .chercher button{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;font-weight:600;font-size:15px}
html.trace .zn-fiche .chercher button:hover{border-color:rgba(243,244,246,.55);background:#121216}
html.trace .zn-fiche .chercher a{color:#9B9BA6}
html.trace .zn-fiche .chercher .sugg{border:1px solid #2A2A31;border-radius:2px;background:#1C1C22;box-shadow:none}
html.trace .zn-fiche .chercher .sugg a.on,html.trace .zn-fiche .chercher .sugg a:hover{background:#3A1226}
html.trace .zn-fiche .chercher .sugg a span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zn-fiche .ba .cadre{border-radius:0;box-shadow:none}
html.trace .zn-fiche .ba .lance{background:none}
html.trace .zn-fiche .ba .lance span{display:inline-flex;align-items:center;gap:10px;width:auto;height:auto;min-height:48px;padding:0 20px 0 16px;border-radius:2px;background:#FF4FA8;box-shadow:none;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px;white-space:nowrap}
html.trace .zn-fiche .ba .lance span::after{content:attr(data-l)}
html.trace .zn-fiche .ba .lance svg{width:18px;height:18px;margin:0;fill:#0A0A0C}
html.trace .zn-fiche .ba .lance:hover span{background:#FF4FA8}
html.trace .zn-fiche .ba h2{margin:0 0 8px;font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,244,246,.35)}
html.trace .zn-fiche .ba .suite{display:none}
html.trace .zn-fiche .actions .pilule{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-weight:600;font-size:15px}
html.trace .zn-fiche .actions .pilule:hover,html.trace .zn-fiche .actions .pilule:active{background:#121216}
html.trace .zn-fiche .actions span{font-size:13px;color:#9B9BA6}
html.trace .zn-fiche .actions .pilule span,html.trace .zn-fiche .actions a span{font-size:inherit;color:inherit}
html.trace .zn-fiche .actions span a{color:#F3F4F6;text-decoration-color:rgba(243,244,246,.45);text-underline-offset:3px}
/* Fiche : tête et badge */
html.trace .zn-fiche .tete{display:block}
/* (08/10, go Thierry) jusqu'à la mesure SEO du 28/10 : l'image affiche + badge (vignette Google testée) reste visible, le badge Tracé s'efface ; à rebasculer au lot B, avec les images og refaites en Tracé */
html.trace .zn-fiche .tete:has(.zt-badge) .badge,html.trace .zn-fiche .tete:has(img.carte) .zt-badge{display:none}
html.trace .zn-fiche .zt-badge{display:inline-flex;flex-direction:column;align-items:center;gap:8px;margin:16px 0 0;padding:18px 22px 12px;border:1px solid #1C1C22;background:#0A0A0C;color:#F3F4F6}
html.trace .zn-fiche .zt-badge .zt-age-l{display:flex;align-items:flex-end;gap:6px}
html.trace .zn-fiche .zt-badge .zt-age-n{font-family:var(--aff);font-weight:850;font-stretch:120%;font-size:64px;line-height:.78;letter-spacing:-.02em}
html.trace .zn-fiche .zt-badge .zt-age-bloc{display:block;width:15px;height:26px;background:#FF4FA8}
html.trace .zn-fiche .zt-badge small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9B9BA6}
html.trace .zn-fiche .meta{margin-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zn-fiche .reponse{font-size:15px;font-weight:600}
html.trace .zn-fiche .us{font-family:var(--txt);font-size:13px;line-height:1.4;color:#9B9BA6}
html.trace .zn-fiche .us a{color:#F3F4F6;text-underline-offset:3px}
/* Fiche : carte des âges */
html.trace .zn-fiche div.carte{margin:40px 0 0;padding:0;border:0;border-radius:0;background:none}
html.trace .zn-fiche .strip{margin-bottom:10px}
html.trace .zn-fiche .strip .c{display:flex;align-items:center;justify-content:center;height:34px;padding:0;border-radius:2px;font-family:var(--mono);font-size:11px}
html.trace .zn-fiche .strip .c-alerte{background:#3A1226;color:#9B9BA6}
html.trace .zn-fiche .strip .c-attention{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(243,244,246,.55);color:#F3F4F6}
html.trace .zn-fiche .strip .c-ok,html.trace .zn-fiche .strip .c.bm{background:#F3F4F6;color:#0A0A0C}
html.trace .zn-fiche .strip .c.bm::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#F3F4F6}
html.trace .zn-fiche .strip .c.ref{box-shadow:none;font-weight:700}
html.trace .zn-fiche .strip .c-attention.ref{box-shadow:inset 0 0 0 1.5px rgba(243,244,246,.55)}
html.trace .zn-fiche .carte .leg{color:#9B9BA6}
html.trace .zn-fiche .carte .leg i{width:12px;height:12px;border-radius:2px}
html.trace .zn-fiche .carte .leg span:nth-child(2) i{box-shadow:inset 0 0 0 1.5px rgba(243,244,246,.55)}
html.trace .zn-fiche .lect{font-size:15px;line-height:1.45;color:#F3F4F6}
html.trace .zn-fiche .lect.moment{font-size:14px;color:#9B9BA6}
html.trace .zn-fiche .lect.moment a{color:#F3F4F6}
/* Fiche : sections */
html.trace .zn-fiche h2{margin-top:40px}
html.trace .zn-fiche .tag{border:1px solid rgba(243,244,246,.55);border-radius:2px;font-family:var(--mono);letter-spacing:.06em;color:#F3F4F6}
html.trace .zn-fiche ul.pq li{border-top:1px solid #2A2A31}
html.trace .zn-fiche ul.ap{list-style:none;padding-left:0}
html.trace .zn-fiche ul.ap li{display:flex;gap:12px;color:#F3F4F6}
html.trace .zn-fiche ul.ap li::before{content:"";flex:none;width:6px;height:6px;margin-top:.6em;background:#F3F4F6}
html.trace .zn-fiche .ens div{border:0;border-radius:4px;background:#1C1C22}
html.trace .zn-fiche .ens b{font-family:var(--mono);letter-spacing:.06em;color:#9B9BA6}
html.trace .zn-fiche .tw,html.trace .zn-fiche details{border:1px solid #2A2A31;border-radius:2px;background:#121216}
html.trace .zn-fiche th{font-family:var(--mono);letter-spacing:.06em}
html.trace .zn-fiche td{border-top-color:#2A2A31}
html.trace .zn-fiche details.saisons .res::before{color:#9B9BA6}
html.trace .zn-fiche .faits .d{color:#9B9BA6}
html.trace .zn-fiche .avoir{border:1px solid #2A2A31;border-radius:2px;background:none}
html.trace .zn-fiche .avoir .av-lien a{color:#F3F4F6}
html.trace .zn-fiche .src{border-top-color:#2A2A31;color:#9B9BA6}
html.trace .zn-fiche .src a{color:#F3F4F6}
/* Fiche : blocs ajoutés au service */
html.trace .zn-fiche .ouvoir{padding:0;border:0;border-top:1px solid #2A2A31;border-radius:0}
html.trace .zn-fiche .ouvoir>summary{display:flex;align-items:center;min-height:44px;font-family:var(--aff);font-weight:800;font-size:22px}
html.trace .zn-fiche .ouvoir>summary::after,html.trace .zn-fiche .ouvoir[open]>summary::after{content:"";float:none;width:20px;height:20px;margin-left:auto;background:#9B9BA6;-webkit-mask:var(--zt-chev-bas) center/contain no-repeat;mask:var(--zt-chev-bas) center/contain no-repeat}
html.trace .zn-fiche .ouvoir[open]>summary::after{transform:rotate(180deg)}
html.trace .zn-fiche .ouvoir li{border-top:1px solid #2A2A31;font-weight:600;font-size:16px}
html.trace .zn-fiche .ouvoir li strong{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zn-fiche .voisines{border-top-color:#2A2A31}
html.trace .zn-fiche .voisines h2{font-size:22px;letter-spacing:-.01em;text-transform:none;color:#F3F4F6}
html.trace .zn-fiche .voisines li{display:flex;align-items:center;min-height:60px;border-bottom:1px solid #2A2A31}
html.trace .zn-fiche .voisines li a{color:#F3F4F6;text-decoration:none;font-family:var(--aff);font-weight:750;font-stretch:88%;font-size:19px;letter-spacing:-.015em}

/* ===== 4.D Pages statiques ===== */
/* documents : faq, finance, pro, delete-account, tautulli */
html.trace .zt-doc{font-family:var(--txt)}
html.trace .zt-doc .brand{display:flex;align-items:center;min-height:44px}
html.trace .zt-doc .zt-mot,html.trace .zt-agents .zt-mot,html.trace .zt-annuaire .zt-mot,html.trace .zt-lieu .zt-mot{display:block;width:92px;height:24px}
html.trace .zt-doc .brand .pro{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-doc h1{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:30px;line-height:.95;letter-spacing:-.015em}
html.trace .zt-doc h2{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:20px;line-height:1.1;letter-spacing:-.01em;text-transform:none;color:#F3F4F6}
html.trace .zt-doc h3{font-weight:600}
html.trace .zt-doc a{color:#F3F4F6;text-decoration-color:rgba(243,244,246,.45);text-underline-offset:4px}
html.trace .zt-doc code{border-color:#2A2A31;border-radius:2px;background:#121216;font-family:var(--mono);font-size:13px}
html.trace .zt-doc pre{border:1px solid #2A2A31;border-radius:2px;background:#121216;font-family:var(--mono);font-size:13px}
html.trace .zt-doc .lang button{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-doc .lang button.on{background:#3A1226;border-color:#3A1226;color:#F3F4F6}
html.trace .zt-doc .card,html.trace .zt-doc .step,html.trace .zt-doc form{border:1px solid #2A2A31;border-radius:6px;background:#1C1C22}
html.trace .zt-doc .step .n{font-family:var(--mono);font-weight:400;font-size:12px;color:#9B9BA6}
html.trace .zt-doc input,html.trace .zt-doc select,html.trace .zt-doc textarea{min-height:44px;border:1px solid #2A2A31;border-radius:2px;background:#121216;color:#F3F4F6;font-size:16px}
html.trace .zt-doc input:focus,html.trace .zt-doc select:focus,html.trace .zt-doc textarea:focus{border-color:#F3F4F6}
html.trace .zt-doc button.go{min-height:44px;padding:0 18px;border:0;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-doc .bar{height:3px;border-radius:0;background:#2A2A31}
html.trace .zt-doc .bar i{border-radius:0;background:#F3F4F6}
html.trace .zt-doc .msg.ok,html.trace .zt-doc .msg.ko{color:#F3F4F6}
html.trace .zt-doc .msg.ko{padding-left:10px;border-left:2px solid #F3F4F6}
html.trace .zt-doc footer{border-top-color:#2A2A31;color:#9B9BA6}
html.trace .zt-doc footer a{color:#9B9BA6!important}
/* agents et curateurs */
html.trace .zt-agents{font-family:var(--txt)}
html.trace .zt-agents .mark{display:flex;align-items:center;min-height:44px}
html.trace .zt-agents h1{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:34px;line-height:.95;letter-spacing:-.015em}
html.trace .zt-agents h1 em{color:#F3F4F6}
html.trace .zt-agents h2{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:21px;line-height:1.1;color:#F3F4F6}
html.trace .zt-agents code{font-family:var(--mono);color:#F3F4F6}
html.trace .zt-agents pre{border-radius:2px;font-family:var(--mono)}
html.trace .zt-agents a{color:#F3F4F6;text-underline-offset:4px}
html.trace .zt-agents .lang{color:#9B9BA6}
html.trace .zt-agents a.cta{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;line-height:1.3;border:0;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px;text-decoration:none}
/* annuaire des cinémas (jetons du canon injectés) */
html.trace .zt-annuaire{font-family:var(--txt)}
html.trace .zt-annuaire .brand{display:flex;align-items:center;min-height:44px}
html.trace .zt-annuaire h1{font-weight:800;font-stretch:100%;line-height:.95;letter-spacing:-.015em}
html.trace .zt-annuaire .geo{min-height:44px;padding:0 18px;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-annuaire .salle{margin:0;padding:12px 0;border:0;border-top:1px solid #2A2A31;border-radius:0;background:transparent}
html.trace .zt-annuaire .salle .ou,html.trace .zt-annuaire .salle .note{color:#9B9BA6}
html.trace .zt-annuaire .salle a.voir,html.trace .zt-annuaire .salle button.veut,html.trace .zt-annuaire .libre button{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--txt);font-weight:600;font-size:15px}
html.trace .zt-annuaire .villes h2,html.trace .zt-annuaire .libre h2,html.trace .zt-annuaire #mes h2,html.trace .zt-annuaire #evts h2{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-annuaire .libre .apres a,html.trace .zt-annuaire .villes a:hover,html.trace .zt-annuaire footer a{color:#F3F4F6;text-decoration:underline;text-underline-offset:3px}
html.trace .zt-annuaire .libre input{min-height:44px;border-radius:2px;background:#121216;font-size:16px}
html.trace .zt-annuaire .evt{border-radius:2px;background:transparent}
html.trace .zt-annuaire .evt img{border-radius:2px}
html.trace .zt-annuaire .evt .badge{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#9B9BA6}
/* landing (/bienvenue) : les jetons _ds suivent le bloc global */
html.trace .zt-landing{--zt-carte-fond:#1C1C22;--zt-carte-bord:#2A2A31;--zt-carte-titre:#F3F4F6;--zt-carte-texte:#9B9BA6;--zt-carte-r:2px;--zt-carte-img-r:2px}
html.trace .zt-landing ::selection{background:#3A1226;color:#F3F4F6}
html.trace .zt-landing .grain,html.trace .zt-landing .pitch .scrim,html.trace .zt-landing .kicker .dot,html.trace .zt-landing .mark b{display:none}
html.trace .zt-landing .pitch .bg{background:#0A0A0C}
html.trace .zt-landing .mark{filter:drop-shadow(0 0 3px rgba(10,10,12,.9))}
html.trace .zt-landing .kicker{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-landing h1.title,html.trace .zt-landing .title2{font-family:var(--aff);font-weight:800;font-stretch:100%;line-height:.95;letter-spacing:-.015em}
html.trace .zt-landing .lede{color:#F3F4F6}
html.trace .zt-landing .btn-plex{min-height:44px;height:auto;padding:0 18px;border:0;border-radius:2px;background:#FF4FA8;color:#0A0A0C;font-family:var(--txt);font-weight:600;font-size:15px;box-shadow:none}
html.trace .zt-landing .btn-plex:hover{background:#FF4FA8;opacity:.9}
html.trace .zt-landing .btn-plex:active{background:#FF4FA8;opacity:.8;transform:none}
html.trace .zt-landing .core > .btn-plex + .btn-plex,html.trace .zt-landing .secondaires .btn-plex,html.trace .zt-landing .btn-google{border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;box-shadow:none}
html.trace .zt-landing .promesse .email-form .btn-plex{border:0;border-radius:2px;background:#FF4FA8;color:#0A0A0C}
html.trace .zt-landing .btn-google:hover,html.trace .zt-landing .btn-google:active{background:#121216}
html.trace .zt-landing .login-ico,html.trace .zt-landing .plex-ico{border-radius:2px}
html.trace .zt-landing .alt-sep,html.trace .zt-landing .email-toggle,html.trace .zt-landing .alt-doors button{font-family:var(--mono);font-size:12px;color:#9B9BA6}
html.trace .zt-landing .email-toggle,html.trace .zt-landing .alt-doors button{color:#F3F4F6;text-decoration-color:rgba(243,244,246,.45)}
html.trace .zt-landing .step{border:0;border-top:1px solid #2A2A31;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html.trace .zt-landing .step .n{border-radius:0;background:none;font-family:var(--mono);font-size:12px;color:#9B9BA6}
html.trace .zt-landing .step .tx small{color:#9B9BA6}
html.trace .zt-landing .pays-card{border:1px solid #2A2A31;border-radius:2px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html.trace .zt-landing .pays-card:hover{border-color:#F3F4F6}
html.trace .zt-landing .vign img{border-radius:2px}
html.trace .zt-landing .pays-lbl .go{font-family:var(--mono);color:#F3F4F6}
html.trace .zt-landing .so-note,html.trace .zt-landing .plat small,html.trace .zt-landing .consent-note{color:#9B9BA6}
html.trace .zt-landing .plat{border:0;border-top:1px solid #2A2A31;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html.trace .zt-landing .foot{font-family:var(--mono);color:#9B9BA6}
html.trace .zt-landing .foot a:hover{color:#F3F4F6}
html.trace .zt-landing .email-input{min-height:44px;height:auto;border:1px solid #2A2A31;border-radius:2px;background:#121216;font-size:16px}
html.trace .zt-landing .email-input:focus{border-color:#F3F4F6}
html.trace .zt-landing .email-sent,html.trace .zt-landing .ok,html.trace .zt-landing #login-status{font-family:var(--mono);color:#F3F4F6}
html.trace .zt-landing .hint{font-family:var(--mono);color:#9B9BA6}
html.trace .zt-landing .tr .scrim{background:linear-gradient(to top,rgba(10,10,12,.85) 0%,rgba(10,10,12,0) 40%)}
html.trace .zt-landing .tr .meta .t{font-family:var(--aff);font-weight:750;font-stretch:88%;line-height:.95;letter-spacing:-.015em}
html.trace .zt-landing .tr .meta .y{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#9B9BA6}
html.trace .zt-landing .tr .sound{width:44px;height:44px;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;filter:drop-shadow(0 0 3px rgba(10,10,12,.9))}
html.trace .zt-landing .film{border:1px solid #2A2A31;border-radius:2px;background:#1C1C22}
html.trace .zt-landing .film img{border-radius:2px}
html.trace .zt-landing .zt-ico{display:inline-block;width:24px;height:24px;vertical-align:middle}
/* espace cinéma */
html.trace .zt-lieu{font-family:var(--police-texte)}
html.trace .zt-lieu h1{font-family:var(--aff);font-weight:800;font-stretch:88%;font-size:28px;line-height:.95;letter-spacing:-.015em}
html.trace .zt-lieu h2{font-family:var(--aff);font-weight:800;font-stretch:100%;font-size:22px;line-height:1.05;border-top-color:#2A2A31}
html.trace .zt-lieu .tuile{border-radius:6px;background:#1C1C22}
html.trace .zt-lieu .tuile b{font-family:var(--aff);font-weight:850;font-stretch:120%;font-size:32px}
html.trace .zt-lieu .tuile span,html.trace .zt-lieu th,html.trace .zt-lieu .jour label,html.trace .zt-lieu form.meta label,html.trace .zt-lieu .mini{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-lieu .abo,html.trace .zt-lieu .abo.essai,html.trace .zt-lieu .abo.actif,html.trace .zt-lieu .abo.expire{border:1px solid #2A2A31;border-radius:2px;background:#1C1C22}
html.trace .zt-lieu .abo.essai{border:1.5px solid rgba(243,244,246,.55)}
html.trace .zt-lieu .abo.expire{border:1px dashed #9B9BA6}
html.trace .zt-lieu .btn{min-height:44px;padding:0 18px;border:1.5px solid rgba(243,244,246,.55);border-radius:2px;background:transparent;color:#F3F4F6;font-family:var(--police-texte);font-weight:600;font-size:15px}
html.trace .zt-lieu .abo .btn,html.trace .zt-lieu .factions .btn[type="submit"]{border:0;background:#FF4FA8;color:#0A0A0C}
html.trace .zt-lieu .btn.zt-epingle{border-color:#3A1226;background:#3A1226}
html.trace .zt-lieu .film img,html.trace .zt-lieu .ba-vue,html.trace .zt-lieu #qrbox{border-radius:2px}
html.trace .zt-lieu .badge{border:1px solid #2A2A31;border-radius:2px;background:transparent;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-lieu .badge.ok{border-color:#F3F4F6;color:#F3F4F6}
html.trace .zt-lieu .badge.ko{border-style:dashed;border-color:#9B9BA6}
html.trace .zt-lieu .ok-flash{color:#F3F4F6}
html.trace .zt-lieu .jour input,html.trace .zt-lieu form.meta input{min-height:44px;border:1px solid #2A2A31;border-radius:2px;background:#121216;font-size:16px}
html.trace .zt-lieu .kitbloc,html.trace .zt-lieu .signale{border-radius:2px}
html.trace .zt-lieu .kitbloc textarea{border-radius:2px;background:#0A0A0C;font-family:var(--mono)}
html.trace .zt-lieu a{text-decoration:underline;text-underline-offset:3px}
/* (08/10, retour Thierry) Réglages, serveurs Plex : à qui est le serveur, son nom technique en petit, une phrase d'usage */
html.trace .zt-app .zt-src-intro{margin:4px 0 14px;font-family:var(--txt);font-size:14px;line-height:1.45;color:#9B9BA6;text-transform:none;letter-spacing:0}
html.trace .zt-app .set-grp.srv .gt .zt-srv-bloc{display:inline-flex;flex-direction:column;gap:2px;vertical-align:middle}
html.trace .zt-app .set-grp.srv .gt .zt-srv-titre{font-family:var(--txt);font-size:16px;font-weight:600;letter-spacing:0;text-transform:none;color:#F3F4F6}
html.trace .zt-app .set-grp.srv .gt .zt-srv-nom{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9B9BA6}
html.trace .zt-app .zt-aide-cle{margin:6px 0 4px;font-family:var(--txt);font-size:13px;line-height:1.45;color:#9B9BA6;text-transform:none;letter-spacing:0}
/* (08/10, go Thierry) Marges de la maquette sur ordinateur : 72 px à 1440 px de large (BureauFlux : en-tête en padding 0 72px,
   titre et boutons alignés dessous), proportionnelles en dessous (5 vw), jamais moins de 16 px. Le téléphone (< 760 px) ne bouge pas.
   Les icônes de droite gardent leur zone de 44 px : leur trait tombe sur la marge, d'où le - 10 px. */
@media (min-width:760px){
 html.trace .zt-app{--zt-goutte:clamp(16px,5vw,72px)}
 html.trace .zt-app #brand{left:calc(var(--zt-goutte) + env(safe-area-inset-left))}
 html.trace .zt-app #zt-actions{right:calc(var(--zt-goutte) - 10px + env(safe-area-inset-right))}
 html.trace .zt-app #modesw{left:calc(var(--zt-goutte) + 30px + env(safe-area-inset-left));right:calc(var(--zt-goutte) + 170px + env(safe-area-inset-right))}
 html.trace .zt-app .meta{left:calc(var(--zt-goutte) + env(safe-area-inset-left))}
 html.trace .zt-app .dock{left:calc(var(--zt-goutte) + env(safe-area-inset-left))}
}
html.trace .zt-app .zt-maj{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;font-family:var(--txt);font-size:13px;color:#9B9BA6;text-transform:none;letter-spacing:0}