/* Film Arivex Agents : le robot devient le guide.
   Layout : scène 16:9 (2:3 sous 760 px de large). Les plans sont des calques absolus placés en pourcentages ;
   l'acteur repose à sa pose finale (--bot-fx, --bot-fy), le script le déplace par transform depuis ce repos.
   Sans JavaScript ou en mouvement réduit, chaque élément reste à sa place de repos et seule l'opacité change. */

.ag-film{
 --mo-ink:#11121b;
 --mo-text:#3d4152;
 --mo-muted:#5d6273;
 --mo-faint:#6f7383;
 --mo-line:#e8e5ee;
 --mo-line-strong:#d6d2e0;
 --mo-ivory:#fffdf9;
 --mo-mist:#f6f5f9;
 --mo-lilac:#f4f0ff;
 --mo-lilac-line:#dccdfd;
 --mo-lilac-ink:#5833a5;
 --mo-violet:#8458e8;
 --mo-peach-soft:#fff1ea;
 --mo-peach-ink:#a4523f;
 --mo-accent:linear-gradient(100deg,#bd624f,#a65f91 48%,#8051bf 90%);
 --mo-ease:cubic-bezier(.16,1,.3,1);
 --mo-font:Inter,Arial,sans-serif;
 --mo-shadow-card:0 28px 56px -34px rgba(41,37,61,.38),0 2px 8px rgba(41,37,61,.04);
 color-scheme:light;
}
.ag-film,.ag-film *,.ag-film *::before,.ag-film *::after{box-sizing:border-box}
.ag-film [hidden]{display:none!important}
.ag-film{margin:0;background:transparent;color:var(--mo-ink);font:400 16px/1.65 var(--mo-font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
.ag-film .mo-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.ag-film .mo-accent{width:fit-content;background:var(--mo-accent);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Lecteur */
.ag-film .mo-player{container:mo/inline-size;display:grid;gap:12px;min-width:0}
.ag-film .mo-stage{
 --fs:clamp(13px,1.29cqw,16px);
 --fs-s:clamp(12px,1.05cqw,14px);
 --fs-title:clamp(28px,3.25cqw,42px);
 --bot-w:22%;--bot-fx:22%;--bot-fy:90%;
 position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;isolation:isolate;
 border:1px solid var(--mo-line);border-radius:var(--layout-card-radius,16px);background:var(--mo-ivory);
 font-size:var(--fs);line-height:1.45;color:var(--mo-ink);
}
.ag-film .mo-art{position:absolute;inset:0}
.ag-film [data-played] .mo-art{cursor:pointer}
.ag-film .mo-i{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ag-film .mo-bg{position:absolute;inset:0;background:radial-gradient(52% 66% at 24% 78%,#f1e9ff 0%,rgba(241,233,255,0) 70%),radial-gradient(44% 54% at 84% 12%,#ffefe6 0%,rgba(255,239,230,0) 72%),radial-gradient(70% 36% at 50% 104%,#f6f0ff 0%,rgba(246,240,255,0) 72%)}
.ag-film .mo-who{display:block;margin-bottom:.3em;font-size:var(--fs-s);font-weight:500;letter-spacing:0;color:var(--mo-muted)}

/* Conversation : question, onde, réponse, sources. */
.ag-film .mo-world{position:absolute;inset:0;z-index:2;transform-origin:70% 40%}
.ag-film .mo-qb{position:absolute;left:56%;top:12%;width:36%;padding:.85em 1.2em 1em;border:1px solid var(--mo-line);border-radius:1.25em 1.25em .35em 1.25em;background:#fff;box-shadow:var(--mo-shadow-card);transform-origin:0 100%;opacity:0}
.ag-film .mo-qb p{margin:0;font-size:1.35em;font-weight:500;line-height:1.25;letter-spacing:-.02em}
.ag-film .mo-wave{position:absolute;left:56%;top:39%;display:flex;align-items:center;justify-content:center;gap:.34em;width:20%;height:3.6em;border:1px solid var(--mo-lilac-line);border-radius:99px;background:#fff;box-shadow:var(--mo-shadow-card);transform-origin:0 50%;opacity:0}
.ag-film .mo-wave i{width:.32em;height:2.1em;border-radius:99px;background:linear-gradient(180deg,#eea286,#8458e8);transform:scaleY(.2)}
.ag-film .mo-ans{position:absolute;left:56%;top:37%;width:38%;padding:.85em 1.2em 1em;border:1px solid var(--mo-lilac-line);border-radius:.35em 1.25em 1.25em 1.25em;background:var(--mo-lilac);color:var(--mo-lilac-ink);box-shadow:var(--mo-shadow-card);transform-origin:0 0;opacity:0}
.ag-film .mo-ans .mo-who{color:var(--mo-lilac-ink)}
.ag-film .mo-ans-body{display:grid}
.ag-film .mo-ans-body>p{grid-area:1/1;margin:0;font-size:1.15em;font-weight:500;line-height:1.35;letter-spacing:-.015em}
.ag-film .mo-ans-text{opacity:0}
.ag-film .mo-dots{display:inline-flex;gap:.22em;margin-left:.35em;vertical-align:middle}
.ag-film .mo-dots i{width:.32em;height:.32em;border-radius:50%;background:currentColor;opacity:.5}
.ag-film .mo-src{display:inline-flex;align-items:center;gap:.4em;height:1.9em;margin-top:.7em;padding:0 .75em;border:1px solid var(--mo-lilac-line);border-radius:99px;background:#fff;font-size:var(--fs-s);font-weight:500;opacity:0}
.ag-film .mo-src svg{width:1.1em;height:1.1em}
.ag-film .mo-srccard{position:absolute;display:flex;align-items:center;gap:.7em;width:17%;padding:.7em .85em;border:1px solid var(--mo-line);border-radius:.9em;background:#fff;box-shadow:var(--mo-shadow-card);line-height:1.25;opacity:0}
.ag-film .mo-srccard b{display:block;font-weight:600;letter-spacing:-.015em}
.ag-film .mo-srccard small{display:block;font-size:var(--fs-s);color:var(--mo-muted)}
.ag-film .mo-ico{display:grid;place-items:center;flex:none;width:2.2em;height:2.2em;border-radius:.65em;background:var(--mo-lilac);color:var(--mo-violet)}
.ag-film .mo-ico svg{width:1.2em;height:1.2em}
.ag-film .mo-src-1{left:3%;top:28%}
.ag-film .mo-src-2{left:7%;top:12%}
.ag-film .mo-src-3{left:25%;top:3%}

/* Destination */
.ag-film .mo-page{position:absolute;z-index:4;left:35%;top:8%;width:58%;height:82%;overflow:hidden;border:1px solid var(--mo-line);border-radius:16px;background:#fff;box-shadow:0 44px 88px -44px rgba(41,37,61,.5);transform-origin:30% 30%;opacity:0}
.ag-film .mo-browser{display:flex;align-items:center;gap:.45em;height:2.75em;padding:0 1em;border-bottom:1px solid var(--mo-line);background:var(--mo-mist)}
.ag-film .mo-browser>i{flex:none;width:.62em;height:.62em;border-radius:50%;background:#dcdbe4}
.ag-film .mo-url{flex:1;min-width:0;margin-left:.6em;padding:.25em .9em;overflow:hidden;border:1px solid var(--mo-line);border-radius:.6em;background:#fff;font-size:var(--fs-s);color:var(--mo-text);white-space:nowrap;text-overflow:ellipsis}
.ag-film .mo-page-in{padding:1.8em 2em}
.ag-film .mo-crumb{margin:0;font-size:var(--fs-s);font-weight:500;color:var(--mo-muted)}
.ag-film .mo-page-h{position:relative;width:fit-content;margin:.35em 0 0;font-size:2.3em;font-weight:600;line-height:1.1;letter-spacing:-.035em}
.ag-film .mo-page-hl{position:absolute;left:0;right:0;bottom:-.16em;height:.12em;border-radius:99px;background:var(--mo-accent);transform-origin:0 50%;opacity:0}
.ag-film .mo-page-list{display:grid;gap:.75em;margin:1.6em 0 0;padding:0;list-style:none;font-size:1.1em;color:var(--mo-text)}
.ag-film .mo-page-list li{display:flex;align-items:center;gap:.6em}
.ag-film .mo-page-list svg{width:1.2em;height:1.2em;color:var(--mo-violet)}

/* Document */
.ag-film .mo-doc{position:absolute;z-index:4;left:38%;top:9%;width:52%;padding:1.4em 1.6em;border:1px solid var(--mo-line);border-radius:16px;background:#fff;box-shadow:0 44px 88px -44px rgba(41,37,61,.5);opacity:0}
.ag-film .mo-doc-head{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-bottom:.5em}
.ag-film .mo-doc-head b{font-size:1.4em;font-weight:600;letter-spacing:-.03em}
.ag-film .mo-states{display:grid;justify-items:end}
.ag-film .mo-states>span{grid-area:1/1}
.ag-film .mo-state{display:inline-flex;align-items:center;gap:.45em;height:1.9em;padding:0 .8em;border-radius:99px;background:var(--mo-peach-soft);color:var(--mo-peach-ink);font-size:var(--fs-s);font-weight:500;white-space:nowrap}
.ag-film .mo-state::before{content:"";width:.45em;height:.45em;border-radius:50%;background:currentColor}
.ag-film .mo-state-ok{background:var(--mo-lilac);color:var(--mo-lilac-ink);opacity:0}
.ag-film .mo-field{position:relative;display:grid;grid-template-columns:9em minmax(0,1fr);align-items:center;gap:1em;padding:.8em .75em;border-bottom:1px solid var(--mo-line)}
.ag-film .mo-field>span,.ag-film .mo-field>b{position:relative}
.ag-film .mo-field>span{font-size:var(--fs-s);color:var(--mo-muted)}
.ag-film .mo-field>b{font-weight:500}
.ag-film .mo-field-lit{position:absolute;inset:.2em 0;border-radius:.6em;background:var(--mo-lilac);opacity:0}
.ag-film .mo-doc-actions{display:flex;justify-content:flex-end;gap:.7em;margin-top:1.1em}
.ag-film .mo-fake{position:relative;display:inline-grid;align-items:center;height:2.75em;padding:0 1.2em;border-radius:.65em;font-size:var(--fs-s);font-weight:500;white-space:nowrap}
.ag-film .mo-fake>span{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:.4em}
.ag-film .mo-fake-ghost{border:1px solid var(--mo-line);color:var(--mo-text)}
.ag-film .mo-fake-dark{background:var(--mo-ink);color:#fff}
.ag-film .mo-confirm-b{opacity:0}
.ag-film .mo-confirm-b svg{width:1.1em;height:1.1em}
.ag-film .mo-note{margin:.9em 0 0;font-size:var(--fs-s);font-weight:500;color:var(--mo-lilac-ink);text-align:right;opacity:0}
.ag-film .mo-ripple{position:absolute;z-index:6;left:0;top:0;width:5em;height:5em;border:2px solid var(--mo-violet);border-radius:50%;opacity:0;pointer-events:none}
.ag-film .mo-pointer{position:absolute;z-index:8;left:0;top:0;display:flex;align-items:flex-start;gap:.15em;opacity:0;pointer-events:none}
.ag-film .mo-pointer svg{width:1.5em;height:1.95em;filter:drop-shadow(0 6px 10px rgba(17,18,27,.22))}
.ag-film .mo-pointer span{margin-top:1.5em;padding:.2em .65em;border-radius:99px;background:var(--mo-ink);color:#fff;font-size:var(--fs-s);font-weight:500}

/* Impulsions : traînée tracée, tête lumineuse qui voyage. */
.ag-film .mo-fx{position:absolute;inset:0;z-index:6;width:100%;height:100%;overflow:visible;pointer-events:none}
.ag-film .mo-fx path{fill:none;stroke-linecap:round}
.ag-film .mo-trail{stroke:#cdb8f4;stroke-width:2;stroke-dasharray:1 1;stroke-dashoffset:0;opacity:0}
.ag-film .mo-glowline{stroke:#f3b49c;stroke-width:10;stroke-dasharray:.16 2;stroke-dashoffset:.16;opacity:0}
.ag-film .mo-core{stroke:var(--mo-violet);stroke-width:3.5;stroke-dasharray:.16 2;stroke-dashoffset:.16;opacity:0}

/* Acteur : proportions du film (380 x 493), tête et corps séparés. Repos : pose finale. */
.ag-film .mo-actor{position:absolute;z-index:5;left:calc(var(--bot-fx) - var(--bot-w) / 2);bottom:calc(100% - var(--bot-fy));width:var(--bot-w);aspect-ratio:380/493;transform-origin:50% 100%}
.ag-film .mo-glow{position:absolute;left:-30%;top:-24%;width:160%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(238,162,134,.34) 0%,rgba(178,140,240,.24) 36%,rgba(178,140,240,0) 68%);opacity:.5;pointer-events:none}
.ag-film .mo-ribbons{position:absolute;left:-81%;top:-34%;width:269%;max-width:none;height:auto;opacity:.85;pointer-events:none;user-select:none}
.ag-film .mo-shadow{position:absolute;left:18.42%;top:95.33%;width:65.79%;height:6.9%;border-radius:50%;background:radial-gradient(ellipse,rgba(80,54,140,.24),transparent 70%)}
.ag-film .mo-bot{position:absolute;inset:0;transform-origin:50% 100%}
.ag-film .mo-body{position:absolute;left:12.11%;top:44.02%;display:block;width:82.89%;max-width:none;height:auto}
.ag-film .mo-head{position:absolute;left:0;top:0;width:100%;aspect-ratio:1;transform-origin:58% 82%;transform:rotate(-2deg)}
.ag-film .mo-head img{display:block;width:100%;max-width:none;height:auto}
.ag-film .mo-visor{position:absolute;left:30%;top:28%;width:58%;height:46%;border-radius:44%;background:radial-gradient(ellipse at 55% 55%,rgba(178,120,255,.55),transparent 62%);mix-blend-mode:screen;opacity:.38;pointer-events:none}
.ag-film .mo-sheen-wrap{position:absolute;left:30%;top:28%;width:58%;height:46%;overflow:hidden;border-radius:44%;pointer-events:none}
.ag-film .mo-sheen{position:absolute;top:-10%;bottom:-10%;left:0;width:38%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:translateX(-160%) skewX(-12deg)}
.ag-film .mo-eyes{position:absolute;left:38%;top:43%;width:45%;height:18%;overflow:visible;forced-color-adjust:none;filter:drop-shadow(0 0 .25em #b278ff) drop-shadow(0 0 .65em #9c61ee)}
.ag-film .mo-blink{transform-box:fill-box;transform-origin:50% 60%}
.ag-film .mo-eye-off{opacity:0}

.ag-film .mo-badge{position:absolute;z-index:7;left:2.5%;top:3.5%;margin:0;padding:.35em .8em;border:1px solid var(--mo-line);border-radius:99px;background:rgba(255,255,255,.9);font-size:var(--fs-s);font-weight:500;color:var(--mo-muted);opacity:0}

/* Image finale */
.ag-film .mo-end{position:absolute;z-index:7;left:44%;top:21%;width:50%;pointer-events:none}
.ag-film .mo-end-title{margin:0;font-size:var(--fs-title);font-weight:500;line-height:1.1;letter-spacing:-.035em;color:var(--mo-ink)}
.ag-film .mo-end-title>span{display:block;width:fit-content}
.ag-film .mo-choices{display:flex;flex-wrap:wrap;gap:.6em;margin:1.5em 0 0;padding:0;list-style:none}
.ag-film .mo-choices li{display:inline-flex;align-items:center;gap:.5em;height:2.6em;padding:0 1em;border:1px solid var(--mo-line);border-radius:99px;background:#fff;box-shadow:0 12px 24px -18px rgba(41,37,61,.35);font-weight:500;color:var(--mo-text)}
.ag-film .mo-choices svg{width:1.15em;height:1.15em;color:var(--mo-violet)}
.ag-film .mo-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8em 1.2em;margin-top:1.5em}
.ag-film .mo-cta{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:12px 22px;border-radius:10px;background:var(--mo-ink);color:#fff;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .15s var(--mo-ease),background-color .2s ease}
.ag-film .mo-cta svg{width:18px;height:18px}
.ag-film .mo-cta:hover{background:#262735}
.ag-film .mo-cta:active{transform:scale(.97)}
.ag-film .mo-cta:focus-visible{outline:2px solid var(--mo-violet);outline-offset:3px}
.ag-film .mo-cta-row.is-live .mo-cta{pointer-events:auto}

/* Largeur moyenne : cartes plus larges, sous-lignes des sources retirées. */
@container mo (max-width:959px){
 .ag-film .mo-srccard{width:19%}
 .ag-film .mo-srccard small{display:none}
 .ag-film .mo-qb,.ag-film .mo-ans{left:54%;width:42%}
 .ag-film .mo-wave{left:54%;width:24%}
 .ag-film .mo-page{left:33%;width:63%}
 .ag-film .mo-doc{left:35%;width:60%}
 .ag-film .mo-page-in{padding:1.3em 1.5em}
 .ag-film .mo-end{left:42%;width:54%}
}
/* Portrait : acteur en haut, un seul bloc lisible dessous. */
@container mo (max-width:759px){
 .ag-film .mo-stage{aspect-ratio:2/3;--fs:clamp(13px,3.6cqw,15px);--fs-s:12px;--fs-title:clamp(26px,7.6cqw,34px);--bot-w:30%;--bot-fx:50%;--bot-fy:42%}
 .ag-film .mo-qb{left:8%;top:4%;width:84%}
 .ag-film .mo-qb p{font-size:1.15em}
 .ag-film .mo-ans{left:6%;top:56%;width:88%}
 .ag-film .mo-ans-body>p{font-size:1.05em}
 .ag-film .mo-wave{left:25%;top:58%;width:50%}
 .ag-film .mo-srccard{width:31%;padding:.55em .6em;gap:.45em}
 .ag-film .mo-ico{width:1.9em;height:1.9em}
 .ag-film .mo-src-1{left:3%;top:24%}
 .ag-film .mo-src-2{left:66%;top:24%}
 .ag-film .mo-src-3{left:3%;top:39%}
 .ag-film .mo-page{left:5%;top:28%;width:90%;height:60%}
 .ag-film .mo-page-in{padding:1.1em 1.1em}
 .ag-film .mo-page-h{font-size:1.6em}
 .ag-film .mo-page-list{margin-top:1.1em;font-size:1em}
 .ag-film .mo-doc{left:5%;top:28%;width:90%;padding:1em}
 .ag-film .mo-field{grid-template-columns:minmax(0,1fr);gap:.1em;padding:.5em .5em}
 .ag-film .mo-doc-head b{font-size:1.15em}
 .ag-film .mo-note{text-align:left}
 .ag-film .mo-badge{left:auto;right:3%;top:auto;bottom:2%}
 .ag-film .mo-end{left:7%;top:46%;width:86%}
 .ag-film .mo-choices{margin-top:1em}
 .ag-film .mo-cta-row{margin-top:1em}
}

/* Sous-titres : sous la scène pour rester lisibles à toute largeur. */
.ag-film .mo-subs{min-height:2.9em;margin:0;padding:0 8px;font-size:var(--type-body-size,18px);font-weight:500;line-height:1.45;letter-spacing:-.015em;text-align:center;text-wrap:balance;color:var(--mo-faint)}
.ag-film .mo-subs .is-said{color:var(--mo-ink)}
@container mo (max-width:759px){.ag-film .mo-subs{font-size:16px}}
html:not(.mo-js) .ag-film .mo-subs{display:none}

/* Commandes : n'existent qu'avec JavaScript. */
.ag-film .mo-controls,.ag-film .mo-chapters{display:none}
.mo-js .ag-film .mo-controls{display:grid;gap:10px}
.ag-film .mo-start,.ag-film .mo-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}
.ag-film .mo-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:10px;font:500 14px/1.4 var(--mo-font);letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .15s var(--mo-ease),background-color .2s ease,border-color .2s ease}
.ag-film .mo-btn:active{transform:scale(.97)}
.ag-film .mo-btn-primary{background:var(--mo-ink);color:#fff}
.ag-film .mo-btn-primary:hover{background:#262735}
.ag-film .mo-btn-ghost{border-color:var(--mo-line);background:#fff;color:var(--mo-ink);font-weight:400}
.ag-film .mo-btn-ghost:hover{border-color:var(--mo-line-strong);background:var(--mo-mist)}
.ag-film .mo-btn svg,.ag-film .mo-icon svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ag-film .mo-solid{fill:currentColor;stroke:none}
.ag-film .mo-btn:disabled,.ag-film .mo-icon:disabled{cursor:progress;opacity:.7}
.ag-film .mo-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--mo-line);border-radius:10px;background:#fff;color:var(--mo-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .15s var(--mo-ease),background-color .2s ease,border-color .2s ease}
.ag-film .mo-icon:hover{border-color:var(--mo-line-strong);background:var(--mo-mist)}
.ag-film .mo-icon:active{transform:scale(.97)}
.ag-film .mo-icon[aria-pressed="true"]{border-color:var(--mo-lilac-line);background:var(--mo-lilac);color:var(--mo-lilac-ink)}
.ag-film .mo-btn:focus-visible,.ag-film .mo-icon:focus-visible,.ag-film .mo-seek:focus-visible,.ag-film .mo-chap:focus-visible,.ag-film .mo-transcript summary:focus-visible,.ag-film .mo-transcript a:focus-visible{outline:2px solid var(--mo-violet);outline-offset:2px}

.ag-film #mo-toggle .mo-i-play,.ag-film #mo-toggle .mo-i-replay,.ag-film #mo-sound .mo-i-on{display:none}
.ag-film #mo-toggle[data-state="paused"] .mo-i-pause,.ag-film #mo-toggle[data-state="ended"] .mo-i-pause{display:none}
.ag-film #mo-toggle[data-state="paused"] .mo-i-play,.ag-film #mo-toggle[data-state="ended"] .mo-i-replay{display:block}
.ag-film #mo-sound[aria-pressed="true"] .mo-i-on{display:block}
.ag-film #mo-sound[aria-pressed="true"] .mo-i-off{display:none}
.ag-film .mo-spin{display:none;flex:none;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:mo-spin .8s linear infinite}
.ag-film [aria-busy="true"]>.mo-spin{display:inline-block}
.ag-film [aria-busy="true"]>svg{display:none!important}
@keyframes mo-spin{to{transform:rotate(360deg)}}

.ag-film .mo-seek{--p:0%;flex:1 1 160px;min-width:0;height:28px;margin:0;border-radius:8px;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}
.ag-film .mo-seek::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,#eea286,#9e81fa) 0/var(--p) 100% no-repeat,var(--mo-line)}
.ag-film .mo-seek::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,#eea286,#9e81fa) 0/var(--p) 100% no-repeat,var(--mo-line)}
.ag-film .mo-seek::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:0;border-radius:50%;background:var(--mo-ink);-webkit-appearance:none;transition:transform .12s var(--mo-ease)}
.ag-film .mo-seek::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--mo-ink)}
.ag-film .mo-seek:active::-webkit-slider-thumb{transform:scale(1.2)}
.ag-film .mo-time{min-width:7.5em;font-size:13px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;text-align:right;color:var(--mo-muted)}
@container mo (max-width:479px){.ag-film .mo-seek{order:5;flex-basis:100%}.ag-film .mo-time{min-width:0;margin-left:auto}}

.ag-film .mo-alert{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border:1px solid #f1c4b3;border-radius:12px;background:#fff6f2}
.ag-film .mo-alert p{flex:1 1 240px;margin:0;font-size:14px;line-height:1.5}
.ag-film .mo-alert .mo-btn{min-height:40px;padding:8px 14px;font-size:13px}
.ag-film .mo-meta,.ag-film .mo-status{margin:0;font-size:13px;line-height:1.55;color:var(--mo-muted)}
.ag-film .mo-status:empty{display:none}

.ag-film .mo-chap{display:grid;gap:4px;width:100%;height:100%;padding:12px 14px;border:1px solid var(--mo-line);border-radius:12px;background:#fff;color:var(--mo-ink);font:500 14px/1.35 var(--mo-font);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s var(--mo-ease),border-color .2s ease,background-color .2s ease}
.ag-film .mo-chap small{font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--mo-violet)}
.ag-film .mo-chap:hover{border-color:var(--mo-line-strong)}
.ag-film .mo-chap:active{transform:scale(.97)}
.ag-film .mo-chap[aria-current="true"]{border-color:var(--mo-lilac-line);background:var(--mo-lilac)}

.ag-film .mo-transcript{margin-top:14px;padding-top:6px;border-top:1px solid var(--mo-line)}
.ag-film .mo-transcript summary{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 6px;border-radius:8px;font-weight:500;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;transition:transform .15s var(--mo-ease)}
.ag-film .mo-transcript summary::-webkit-details-marker{display:none}
.ag-film .mo-transcript summary::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s var(--mo-ease)}
.ag-film .mo-transcript[open] summary::before{transform:rotate(45deg)}
.ag-film .mo-transcript summary:active{transform:scale(.97)}
.ag-film .mo-transcript p{max-width:68ch;margin:8px 0 0;color:var(--mo-text)}
.ag-film .mo-transcript .mo-transcript-note{font-size:13px;color:var(--mo-muted)}
.ag-film .mo-transcript a{display:inline-block;border-radius:4px;color:var(--mo-lilac-ink);text-underline-offset:3px;transition:transform .15s var(--mo-ease)}
.ag-film .mo-transcript a:active{transform:scale(.97)}

/* Mouvement réduit : la scène ne fait que des fondus (JS) ; le chargeur ne tourne pas. */
@media (prefers-reduced-motion:reduce){
 .ag-film .mo-spin{animation:none;border-right-color:currentColor;opacity:.55}
 .ag-film .mo-transcript summary::before{transition:none}
}
@media (forced-colors:active){
 .ag-film .mo-accent{background:none;color:CanvasText}
 .ag-film .mo-fx path{stroke:CanvasText}
}