/* 16/10 (patron : « la publication d'analyse vidéo est dégueulasse, très austère ») — PUBLICATION D'ANALYSE VIDÉO refaite (videos.py) :
   page de création (.va : étapes, dépôt en forme d'œil, contexte graphique, aperçu vivant), page d'une vidéo (.vw : lecteur dans un cadre en œil,
   auteur, puces, jauges Kronos probabilité · confluence · qualité, Œil d'or, commentaires) et jauges (.va-j) réutilisées dans le fil. Charte : noir / anthracite / or, formes d'œil. */
.va,.vw{--va-or:#f7c948;--va-or2:#d4a63a;--va-or3:#8a6200;--va-noir:#09090b;--va-card:#0e0f14;--va-card2:#121319;--va-bord:rgba(212,166,58,.26);--va-bord2:#26272e;
  --va-tx:#ececef;--va-mut:#a1a1aa;--va-champ:#07080b;max-width:1240px;margin:8px auto 30px;color:var(--va-tx)}
.va .ic,.vw .ic{flex:none}

/* ---------- en-tête ---------- */
.va-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:26px clamp(24px,5%,56px);margin-bottom:18px;
  border-radius:140px / 70px;border:1px solid rgba(212,166,58,.45);overflow:hidden;
  background:radial-gradient(60% 140% at 0% 50%,rgba(247,201,72,.16),transparent 60%),radial-gradient(40% 120% at 100% 0%,rgba(247,201,72,.08),transparent 70%),linear-gradient(160deg,#121319,#08090c)}
.va-hero::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(247,201,72,.7),transparent)}
.va-hero-oe{display:grid;place-items:center;width:92px;height:58px;border-radius:50%;color:#1a1200;
  background:radial-gradient(circle at 40% 35%,#ffe58a,#f7c948 40%,#b8860b 100%);box-shadow:0 0 0 4px rgba(247,201,72,.16),0 10px 30px rgba(247,201,72,.25)}
.va-kick{display:inline-flex;align-items:center;gap:7px;font:800 11.5px/1 system-ui,sans-serif;letter-spacing:.16em;color:var(--va-or)}
.va-hero h1{margin:8px 0 6px;font-size:clamp(22px,2.6vw,30px);line-height:1.15;color:#fff}
.va-hero p{margin:0;color:var(--va-mut);font-size:14px;max-width:640px}
.va-steps{display:flex;gap:6px;margin:0;padding:6px;list-style:none;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid var(--va-bord2)}
.va-steps li{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;color:var(--va-mut);font:600 13px system-ui,sans-serif;white-space:nowrap;transition:background .2s,color .2s}
.va-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #3a3b44;font-size:12px}
.va-steps li.on{background:linear-gradient(135deg,rgba(247,201,72,.22),rgba(212,166,58,.08));color:#fff}
.va-steps li.on b{background:var(--va-or);border-color:var(--va-or);color:#1a1200}
.va-steps li.fait b{background:transparent;border-color:var(--va-or2);color:var(--va-or)}

/* ---------- grille ---------- */
.va-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.va-col,.va-form{display:flex;flex-direction:column;gap:18px;min-width:0}
.va-card{position:relative;padding:22px clamp(18px,3%,30px) 24px;border-radius:44px / 30px;border:1px solid var(--va-bord);
  background:radial-gradient(50% 60px at 50% 0,rgba(212,166,58,.10),transparent 100%),linear-gradient(180deg,var(--va-card2),var(--va-card));box-shadow:0 14px 40px rgba(0,0,0,.35)}
.va-card-hd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.va-card-hd h2{margin:0;font-size:18px;color:#fff}
.va-n{display:grid;place-items:center;width:34px;height:22px;border-radius:50%;background:linear-gradient(135deg,#ffd84d,#d4a63a);color:#1a1200;font:900 12.5px system-ui}
.va-hint{margin-left:auto;color:var(--va-mut);font-size:12.5px}

/* source : fichier / enregistrement */
.va-seg{display:inline-flex;gap:4px;padding:4px;margin-bottom:14px;border-radius:999px;background:var(--va-champ);border:1px solid var(--va-bord2)}
.va-seg button{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:0;border-radius:999px;background:none;color:var(--va-mut);font:700 13.5px system-ui;cursor:pointer}
.va-seg button.on{background:linear-gradient(135deg,#ffd84d,#d4a63a);color:#1a1200;box-shadow:0 4px 14px rgba(247,201,72,.3)}
/* dépôt en forme d'œil */
.va-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:230px;padding:26px 30px;cursor:pointer;text-align:center;
  border-radius:50%;border:2px dashed rgba(212,166,58,.5);background:radial-gradient(55% 60% at 50% 50%,rgba(247,201,72,.10),transparent 75%),var(--va-champ);
  transition:border-color .2s,background .2s,transform .2s}
.va-drop:hover,.va-drop.on{border-color:var(--va-or);border-style:solid;background:radial-gradient(55% 60% at 50% 50%,rgba(247,201,72,.2),transparent 75%),var(--va-champ)}
.va-drop.on{transform:scale(1.01)}
.va-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.va-oe{width:150px;height:75px}
.va-oe .o{fill:#0b0c11;stroke:var(--va-or2);stroke-width:4}.va-oe .i{fill:url(#none);fill:#d4a63a}.va-oe .p{fill:#000}.va-oe .r{fill:#fff;opacity:.85}
.va-drop:hover .va-oe .i,.va-drop.on .va-oe .i{fill:#f7c948}
.va-drop-t{font:800 17px system-ui;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.va-drop-s{color:var(--va-mut);font-size:13.5px}.va-drop-s u{color:var(--va-or);text-decoration-color:rgba(247,201,72,.5)}
.va-drop.pris{border-style:solid;border-color:var(--va-or2)}
/* enregistrement */
.va-srcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.va-src input{position:absolute;opacity:0}
.va-src>span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:40px / 26px;border:1px solid var(--va-bord2);background:var(--va-champ);cursor:pointer;text-align:center;transition:border-color .15s}
.va-src b{font-size:13.5px;color:#fff}.va-src em{font-style:normal;font-size:12px;color:var(--va-mut)}.va-src .ic{color:var(--va-or)}
.va-src input:checked+span{border-color:var(--va-or);box-shadow:0 0 0 3px rgba(247,201,72,.16);background:radial-gradient(70% 80% at 50% 0,rgba(247,201,72,.14),transparent),var(--va-champ)}
.va-rec{border-radius:60px / 40px;border:1px solid var(--va-bord);margin-top:12px}
.va-acts{justify-content:center}
.va-prev{margin-top:16px}
.va-ovale{position:relative;padding:5px;border-radius:70px / 46px;background:linear-gradient(135deg,#f7c948,#6b4c0c 45%,#f7c948);box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 40px rgba(247,201,72,.12)}
.va-ovale video{display:block;width:100%;max-height:56vh;border-radius:65px / 42px;background:#000}
.va-info{margin:10px 0 0;text-align:center;color:var(--va-mut);font-size:13px}

/* ---------- champs ---------- */
.va-f{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;position:relative}
.va-f:last-child{margin-bottom:0}
.va-lb{display:inline-flex;align-items:center;gap:6px;font:800 11.5px/1 system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--va-or)}
.va :is(input:not([type=radio]):not([type=checkbox]):not([type=file]),textarea,select){width:100%;box-sizing:border-box;padding:12px 16px;border-radius:18px;border:1px solid var(--va-bord2);
  background:var(--va-champ);color:var(--va-tx);font:15px system-ui;transition:border-color .15s,box-shadow .15s}
.va :is(input,textarea,select):focus{outline:0;border-color:var(--va-or2);box-shadow:0 0 0 3px rgba(247,201,72,.15)}
.va textarea{resize:vertical;min-height:110px;border-radius:22px}
.va-cpt{position:absolute;right:14px;top:0;font-size:11.5px;color:var(--va-mut)}
.va-f>div:not([class]){width:100%}.va-f>div:not([class])>.dt-w,.va-f>div:not([class])>textarea{flex:1;min-width:0}   /* enveloppes des émojis / de la dictée */
/* titres posés hors carte : pas de pastille de lisibilité du fond (perso.LISIBLE) — ces blocs ont leur propre fond */
#vcreate :is(h1,h2),#vw :is(h1,h2),#vtk .vk-hero h1{background:none!important;box-shadow:none!important;padding:0!important;display:block!important;border-radius:0!important}
#vcreate .va-symw input{padding-left:46px!important}
#vcreate .va-ut-plus{width:auto!important;padding:8px 14px!important;border-radius:999px!important}
.va-symw{position:relative}.va-symw .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--va-or)}
.va .va-symw input{padding-left:44px;font:800 18px ui-monospace,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:999px}
.va-syms{display:flex;flex-wrap:wrap;gap:6px}
.va-sym{padding:6px 12px;border-radius:999px;border:1px solid var(--va-bord2);background:transparent;color:var(--va-mut);font:700 12px ui-monospace,Consolas,monospace;cursor:pointer}
.va-sym:hover{color:#fff;border-color:var(--va-or2)}.va-sym.on{background:rgba(247,201,72,.14);border-color:var(--va-or);color:var(--va-or)}
.va-pils{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.va-pil input{position:absolute;opacity:0;pointer-events:none}
.va-pil span{display:inline-block;min-width:22px;text-align:center;padding:8px 14px;border-radius:999px;border:1px solid var(--va-bord2);background:var(--va-champ);color:#d4d4d8;
  font:800 13px ui-monospace,Consolas,monospace;cursor:pointer;transition:all .15s}
.va-pil.s span{font:600 13px system-ui}
.va-pil span:hover{border-color:var(--va-or2);color:#fff}
.va-pil input:checked+span{background:linear-gradient(135deg,#ffd84d,#d4a63a);border-color:transparent;color:#1a1200;box-shadow:0 4px 12px rgba(247,201,72,.25)}
.va-pil input:focus-visible+span,.va-sn input:focus-visible+span,.va-src input:focus-visible+span{outline:2px solid var(--va-or);outline-offset:2px}
.va .va-ut-plus{width:auto;padding:8px 14px;border-radius:999px;font:700 13px system-ui}
.va-sens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.va-sn input{position:absolute;opacity:0}
.va-sn span{display:block;padding:12px;text-align:center;border-radius:999px;border:1px solid var(--va-bord2);background:var(--va-champ);font:800 14px system-ui;color:#d4d4d8;cursor:pointer;transition:all .15s}
.va-sn.a input:checked+span{background:rgba(16,185,129,.16);border-color:#10b981;color:#34d399}
.va-sn.v input:checked+span{background:rgba(244,63,94,.14);border-color:#f43f5e;color:#fb7185}
.va-sn.n input:checked+span{background:rgba(247,201,72,.12);border-color:var(--va-or2);color:var(--va-or)}
/* options (interrupteurs) */
.va-opts{display:grid;gap:10px;margin:6px 0 18px}
.va-opt,.va-tg{display:flex;align-items:center;gap:12px;cursor:pointer}
.va-opt{padding:12px 16px;border-radius:40px / 28px;border:1px solid var(--va-bord2);background:var(--va-champ)}
.va-opt.k{border-color:rgba(212,166,58,.4);background:radial-gradient(60% 100% at 0% 50%,rgba(247,201,72,.1),transparent),var(--va-champ)}
.va-opt>span:last-child{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}
.va-opt>span:last-child .ic{grid-row:span 2;color:var(--va-or)}
.va-opt b{font-size:14px;color:#fff}.va-opt em{font-style:normal;font-size:12.5px;color:var(--va-mut)}.va-opt strong{color:var(--va-or);font-weight:700}
.va-opt input,.va-tg input{position:absolute;opacity:0}
.va-sw{position:relative;flex:none;width:44px;height:24px;border-radius:999px;background:#2a2b33;border:1px solid #3a3b44;transition:background .2s}
.va-sw::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#a1a1aa;transition:transform .2s,background .2s}
input:checked+.va-sw{background:linear-gradient(135deg,#ffd84d,#d4a63a);border-color:transparent}
input:checked+.va-sw::after{transform:translateX(20px);background:#1a1200}
input:focus-visible+.va-sw{outline:2px solid var(--va-or);outline-offset:2px}
.va-tg{color:#d4d4d8;font-size:13.5px;margin:4px 0 0}
.va-pub{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 26px;border:0;border-radius:999px;cursor:pointer;
  background:linear-gradient(135deg,#ffe066,#f7c948 40%,#d4a63a);color:#1a1200;font:900 17px system-ui;letter-spacing:.01em;
  box-shadow:0 10px 30px rgba(247,201,72,.35),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .15s,box-shadow .15s,filter .15s}
.va-pub:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 36px rgba(247,201,72,.45),inset 0 1px 0 rgba(255,255,255,.6)}
.va-pub:disabled{filter:grayscale(.75) brightness(.6);cursor:not-allowed;box-shadow:none}
.va-prog{height:8px;margin-top:12px;border-radius:999px;background:#1d1e24;overflow:hidden}.va-prog div{height:100%;width:0;background:linear-gradient(90deg,#d4a63a,#ffe066);transition:width .2s}
.va-msg{margin:10px 0 0;text-align:center;color:var(--va-mut);font-size:13.5px}

/* ---------- aperçu vivant ---------- */
.va-side{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px}
.va-apercu{display:flex;flex-direction:column;gap:10px}
.va-pv{border-radius:34px / 26px;overflow:hidden;border:1px solid rgba(247,201,72,.5);background:var(--va-card);box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 0 4px rgba(247,201,72,.06)}
.va-pv-hd{display:flex;align-items:center;gap:9px;padding:12px 16px}
.va-pv-av,.vw-av{display:grid;place-items:center;flex:none;width:40px;height:28px;border-radius:50%;overflow:hidden;background:#1d1e24;border:1.5px solid var(--va-or2);color:var(--va-or);font:800 13px system-ui}
.va-pv-av img,.vw-av img{width:100%;height:100%;object-fit:cover}.va-pv-av i,.vw-av i{font-style:normal}
.va-pv-hd b{font-size:13.5px;color:#fff}
.va-pv-tag{margin-left:auto;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,#f7c948,#d4a63a);color:#1a1200;font:800 9.5px system-ui;letter-spacing:.1em}
.va-pv-img{position:relative;aspect-ratio:16/9;background:#050608;margin:0 10px;border-radius:28px / 20px;overflow:hidden}
.va-pv-img canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s}
.va-pv.a-cov .va-pv-img canvas{opacity:1}
.va-pv-vide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--va-mut);font-size:12px}
.va-pv-vide .va-oe{width:90px;height:45px;opacity:.7}.va-pv-vide em{font-style:normal}
.va-pv.a-cov .va-pv-vide{display:none}
.va-pv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:38px;border-radius:50%;
  background:rgba(9,9,11,.6);border:1.5px solid rgba(247,201,72,.8);color:var(--va-or);opacity:0;transition:opacity .3s}
.va-pv.a-cov .va-pv-play{opacity:1}
.va-pv-d{position:absolute;right:12px;bottom:10px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font:700 11.5px ui-monospace,Consolas,monospace}
.va-pv-d:empty{display:none}
.va-pv-bd{padding:12px 16px 16px}
.va-pv-t{display:block;font-size:15px;line-height:1.3;color:#fff;margin-bottom:8px;word-break:break-word}
.va-pv-ch{display:flex;flex-wrap:wrap;gap:6px;min-height:4px}
.va-pv-ch .c{padding:3px 10px;border-radius:999px;border:1px solid var(--va-bord2);font:700 11.5px system-ui;color:#d4d4d8}
.va-pv-ch .c.sym{border-color:rgba(247,201,72,.55);color:var(--va-or);font-family:ui-monospace,Consolas,monospace}
.va-pv-ch .c.achat{color:#34d399;border-color:rgba(16,185,129,.5)}.va-pv-ch .c.vente{color:#fb7185;border-color:rgba(244,63,94,.5)}
.va-pv-n{margin:0;color:var(--va-mut);font-size:12px;line-height:1.5;padding:0 6px}
.va-tips{list-style:none;margin:0;padding:16px 20px;border-radius:34px / 24px;border:1px solid var(--va-bord2);background:var(--va-card);display:grid;gap:8px}
.va-tips li{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#d4d4d8}.va-tips .ic{color:var(--va-or);margin-top:1px}

/* ---------- jauges (Kronos : probabilité · confluence · qualité) ---------- */
.va-js{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px}
.va-j{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border-radius:50% / 42%;
  background:radial-gradient(60% 60% at 50% 35%,rgba(247,201,72,.07),transparent 70%),rgba(0,0,0,.35);border:1px solid var(--va-bord2,#26272e)}
.va-j svg{width:58px;height:58px;transform:rotate(-90deg)}
.va-j .f{fill:none;stroke:#26272e;stroke-width:3}.va-j .v{fill:none;stroke:#f7c948;stroke-width:3;stroke-linecap:round}
.va-j.haut .v{stroke:#34d399}.va-j.bas .v{stroke:#fb7185}
.va-j b{position:absolute;left:0;right:0;top:12px;height:58px;display:flex;align-items:center;justify-content:center;font:900 16px system-ui;color:#fff}
.va-j b small{font-size:9.5px;font-weight:700;margin-left:1px;opacity:.75}
.va-j em{font-style:normal;font:800 10.5px system-ui;letter-spacing:.08em;text-transform:uppercase;color:#d4d4d8}
.va-js.mini{display:flex;flex-wrap:wrap;gap:6px}
.va-js.mini .va-j{flex-direction:row;padding:3px 10px 3px 3px;border-radius:999px;gap:6px}
.va-js.mini .va-j svg{width:30px;height:30px}.va-js.mini .va-j b{left:3px;right:auto;top:3px;width:30px;height:30px;font-size:10.5px}.va-js.mini .va-j b small{display:none}
.va-js.mini .va-j em{font-size:10px}

/* ---------- page d'une vidéo ---------- */
.vw-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:6px;border-radius:999px;border:1px solid var(--va-bord2);background:rgba(9,9,11,.9)}
.vw-nav>a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;color:#d4d4d8;text-decoration:none;font:700 13.5px system-ui}
.vw-nav>a:hover{background:#1a1b21;color:#fff}
.vw-nav .sp{flex:1}
.vw-nav .vw-new{background:linear-gradient(135deg,#ffd84d,#d4a63a);color:#1a1200}.vw-nav .vw-new:hover{color:#1a1200;background:linear-gradient(135deg,#ffe066,#e0b440)}
.vw-nav .ct-bt,.vw-nav [class*=ct-]{font-size:12.5px}
.vw-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:22px;align-items:start}
.vw-grid.vert{grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}
.vw-stage{min-width:0}
.vw-cadre{position:relative;padding:6px;border-radius:90px / 56px;background:linear-gradient(135deg,#f7c948,#5a3f08 38%,#2a1d04 60%,#f7c948);
  box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 60px rgba(247,201,72,.14)}
.vw-cadre video{display:block;width:100%;aspect-ratio:16/9;max-height:74vh;border-radius:85px / 52px;background:#000;object-fit:contain}
.vw-grid.vert .vw-cadre{max-width:440px;margin:0 auto;border-radius:120px / 90px}
.vw-grid.vert .vw-cadre video{aspect-ratio:9/16;border-radius:115px / 86px}
.vw-sous{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:12px;color:var(--va-mut);font-size:13px}
.vw-sous span{display:inline-flex;align-items:center;gap:6px}.vw-sous .ic{color:var(--va-or2)}
.vw-info{display:flex;flex-direction:column;gap:16px;padding:24px clamp(18px,3%,28px);border-radius:48px / 32px;border:1px solid var(--va-bord);
  background:radial-gradient(60% 70px at 50% 0,rgba(212,166,58,.12),transparent 100%),linear-gradient(180deg,var(--va-card2),var(--va-card));box-shadow:0 14px 40px rgba(0,0,0,.35)}
.vw-kick{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vw-k{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#f7c948,#d4a63a);color:#1a1200;font:900 10.5px system-ui;letter-spacing:.14em}
.vw-k.v{background:rgba(247,201,72,.12);color:var(--va-or);border:1px solid rgba(247,201,72,.45)}
.vw-t{margin:0;font-size:clamp(21px,2.1vw,27px);line-height:1.2;color:#fff;word-break:break-word}
.vw-t a{color:var(--va-or)}
.vw-au{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:999px;background:rgba(0,0,0,.3);border:1px solid var(--va-bord2)}
.vw-au .vw-av{width:52px;height:34px;font-size:15px}
.vw-au-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.vw-au-tx a{color:#fff;font:800 15px system-ui;text-decoration:none}.vw-au-tx a:hover{color:var(--va-or)}
.vw-au-tx span{color:var(--va-mut);font-size:12px}
.vw-suivre{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:0;cursor:pointer;background:linear-gradient(135deg,#ffd84d,#d4a63a);color:#1a1200;font:800 13px system-ui}
.vw-suivre.on{background:#1d1e24;color:var(--va-or);border:1px solid var(--va-bord)}
.vw-chs{display:flex;flex-wrap:wrap;gap:8px}
.vw-ch{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--va-bord2);background:var(--va-champ);color:#e4e4e7;font:700 13px system-ui;text-decoration:none}
.vw-ch .ic{color:var(--va-or)}
.vw-ch.sym{border-color:rgba(247,201,72,.55);color:var(--va-or);font-family:ui-monospace,Consolas,monospace;font-size:14px;letter-spacing:.04em}
.vw-ch.sym:hover{background:rgba(247,201,72,.12)}
.vw-ch.ut{font-family:ui-monospace,Consolas,monospace}
.vw-ch.sn.achat{color:#34d399;border-color:rgba(16,185,129,.55);background:rgba(16,185,129,.1)}.vw-ch.sn.vente{color:#fb7185;border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.1)}
.vw-ch.mav{padding:5px 11px;font-size:12px;border-color:rgba(247,201,72,.35)}
.vw-sc{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:36px / 24px;border:1px solid rgba(247,201,72,.35);
  background:radial-gradient(70% 100% at 0% 0%,rgba(247,201,72,.12),transparent 70%),rgba(0,0,0,.3)}
.vw-sc-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vw-sc-hd b{color:#fff;font-size:14px}.vw-sc-hd span{color:var(--va-mut);font-size:12px}.vw-sc-hd .ic{color:var(--va-or)}
.vw-sc.vide{flex-direction:row;align-items:center;gap:10px;color:var(--va-mut);font-size:13px;border-style:dashed}.vw-sc.vide .ic{color:var(--va-or)}.vw-sc.vide b{color:#e4e4e7}
.vw-acts{display:flex;flex-wrap:wrap;gap:8px}
.vw-like{display:contents}
.vw-a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--va-bord2);background:var(--va-champ);color:#e4e4e7;
  font:700 13.5px system-ui;text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}
.vw-a:hover{border-color:var(--va-or2);color:#fff}
.vw-a.del:hover{border-color:#f43f5e;color:#fb7185}
.vw-a.ro.ro-big .ro-ic svg{width:22px;height:22px}
.vw-a.vw-oe.on{border-color:var(--va-or);background:rgba(247,201,72,.14);color:var(--va-or)}
.vw-desc{color:#d4d4d8;font-size:14.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;padding-top:4px;border-top:1px solid var(--va-bord2)}
.vw-desc a{color:var(--va-or)}
.vw-barre{padding-top:4px}
.vw-coms{margin-top:22px;padding:22px clamp(18px,3%,30px);border-radius:48px / 32px;border:1px solid var(--va-bord2);background:linear-gradient(180deg,var(--va-card2),var(--va-card))}
.vw-coms h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:18px;color:#fff}
.vw-coms h2 em{font-style:normal;padding:2px 10px;border-radius:999px;background:rgba(247,201,72,.14);color:var(--va-or);font-size:13px}
.vw-coms h2 .ic{color:var(--va-or)}
.vw-cf{display:flex;gap:8px;margin-bottom:14px}
.vw-cf input{flex:1;padding:12px 18px;border-radius:999px;border:1px solid var(--va-bord2);background:var(--va-champ);color:var(--va-tx);font:14.5px system-ui}
.vw-cf input:focus{outline:0;border-color:var(--va-or2)}
.vw-cf .btn{border-radius:999px!important;display:inline-flex;align-items:center;gap:7px}
.vw-cl{display:grid;gap:10px}
.vw-cv{margin:0;padding:14px;text-align:center;color:var(--va-mut);font-size:13.5px}
.vw-c{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px 44px 12px 12px;border-radius:30px / 22px;background:rgba(0,0,0,.28);border:1px solid #1d1e24}
.vw-c-av{display:grid;place-items:center;flex:none;width:44px;height:30px;border-radius:50%;overflow:hidden;background:#1d1e24;border:1.5px solid var(--va-or2);color:var(--va-or);font:800 12px system-ui;text-decoration:none}
.vw-c-av img{width:100%;height:100%;object-fit:cover}.vw-c-av i{font-style:normal}
.vw-c-b{flex:1;min-width:0}.vw-c-hd{display:flex;gap:10px;align-items:baseline}.vw-c-hd a{color:#fff;font:800 13.5px system-ui;text-decoration:none}.vw-c-hd span{color:var(--va-mut);font-size:11.5px}
.vw-c p{margin:3px 0 0;color:#d4d4d8;font-size:14px;line-height:1.5;word-break:break-word}
.vw-c-x{position:absolute;right:12px;top:12px;width:26px;height:26px;border-radius:50%;border:1px solid #2a2b33;background:none;color:var(--va-mut);cursor:pointer}
.vw-c-x:hover{border-color:#f43f5e;color:#fb7185}

/* ---------- carte d'appel « Publier une analyse vidéo » + vignettes ---------- */
.vg{border:1px solid rgba(212,166,58,.25)}

/* ---------- téléphone ---------- */
@media (max-width:1060px){.va-grid,.vw-grid,.vw-grid.vert{grid-template-columns:1fr}.va-side{position:static}.va-hero{grid-template-columns:auto 1fr;border-radius:60px / 40px}.va-steps{grid-column:1 / -1;justify-self:start}}
@media (max-width:640px){.va-hero{grid-template-columns:1fr;text-align:left;padding:20px;border-radius:36px / 28px}.va-hero-oe{width:70px;height:44px}
  .va-steps li span{display:none}.va-steps li{padding:6px}.va-card{border-radius:32px / 24px;padding:18px 16px}.va-hint{margin-left:0;width:100%}
  .va-drop{border-radius:46%;min-height:190px}.va-srcs{grid-template-columns:1fr}.va-sens{grid-template-columns:1fr 1fr 1fr}
  .vw-cadre{border-radius:40px / 28px;padding:4px}.vw-cadre video{border-radius:36px / 25px}.vw-info,.vw-coms{border-radius:32px / 24px}.vw-nav{border-radius:24px}}

/* ---------- thème clair ---------- */
html[data-theme=light] .va,html[data-theme=light] .vw{--va-card:#ffffff;--va-card2:#fffdf6;--va-bord:#e3c77a;--va-bord2:#d9dee8;--va-tx:#0f172a;--va-mut:#52525b;--va-champ:#f8f7f3;--va-or:#8a6200;--va-or2:#b07d12}
html[data-theme=light] :is(.va-hero h1,.va-card-hd h2,.va-drop-t,.va-src b,.va-opt b,.va-pv-hd b,.va-pv-t,.vw-t,.vw-au-tx a,.vw-sc-hd b,.vw-coms h2,.vw-c-hd a,.vw-nav>a:hover){color:#0f172a}
html[data-theme=light] .va-hero{background:radial-gradient(60% 140% at 0% 50%,rgba(247,201,72,.22),transparent 60%),linear-gradient(160deg,#fffdf5,#fff)}
html[data-theme=light] .va-hero p{color:#52525b}
html[data-theme=light] :is(.va-card,.vw-info,.vw-coms){box-shadow:0 8px 26px rgba(15,23,42,.08)}
html[data-theme=light] .va-steps{background:#fff}html[data-theme=light] .va-steps li.on{color:#0f172a}
html[data-theme=light] .va-oe .o{fill:#fff}
html[data-theme=light] :is(.va-pil span,.va-sn span,.va-sym,.vw-ch,.vw-a,.va-tg,.va-tips li,.vw-desc,.vw-c p,.va-pv-ch .c,.va-j em){color:#27272a}
html[data-theme=light] .va-pv-img{background:#ececef}
html[data-theme=light] .vw-nav{background:#fff}html[data-theme=light] .vw-nav>a{color:#334155}
html[data-theme=light] :is(.vw-au,.vw-sc,.vw-c,.va-j){background:#faf8f1}
html[data-theme=light] .va-j b{color:#0f172a}html[data-theme=light] .va-j .f{stroke:#e4e4e7}
html[data-theme=light] .va-sw{background:#e4e4e7;border-color:#d4d4d8}
html[data-theme=light] :is(.va-pv-av,.vw-av,.vw-c-av){background:#fff7e0;color:#8a6200}
@media (prefers-reduced-motion:reduce){.va *,.vw *{transition:none!important}}