.tv-page{--r-btn:10px;--r-card:18px;--r-panel:28px;--r-pill:999px}.tv-scene{border-radius:var(--r-panel);border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow-card);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:56px;padding:48px 56px;display:grid}.tv-touche-zone{flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.tv-touche{z-index:1;border:1px solid var(--line);background:var(--panel);width:104px;height:104px;box-shadow:0 7px 0 var(--line), var(--shadow-card);color:var(--ink-2);transition:translate .14s var(--zv-easing), box-shadow .14s var(--zv-easing), color .14s var(--zv-easing), border-color .14s var(--zv-easing);border-radius:22px;flex-direction:column;justify-content:space-between;padding:14px 16px;display:flex;position:relative}.tv-touche-globe{width:22px;height:22px}.tv-touche-fn{font-family:var(--font-text);align-self:flex-end;font-size:22px;font-weight:500}.tv-scene[data-phase=ecoute] .tv-touche{box-shadow:0 1px 0 var(--line), 0 0 0 6px var(--accent-soft);border-color:var(--accent-line);color:var(--accent);translate:0 6px}.tv-indic-place{justify-content:center;align-items:center;min-width:170px;height:40px;display:flex}.tv-indic{border-radius:var(--r-pill);background:color-mix(in srgb, var(--ink) 92%, transparent);height:36px;box-shadow:var(--shadow-panel);color:var(--white);font-family:var(--font-text);white-space:nowrap;animation:tv-surgit .25s var(--zv-easing);align-items:center;gap:10px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}@keyframes tv-surgit{0%{opacity:0;scale:.85}}.tv-indic-rec{border-radius:var(--r-pill);background:var(--err);width:8px;height:8px}.tv-indic-onde{align-items:center;gap:2.5px;height:20px;display:inline-flex}.tv-indic-onde i{border-radius:var(--r-pill);background:var(--spectre);width:3px;height:20px;animation:.9s ease-in-out infinite tv-onde;display:block;transform:scaleY(.2)}@keyframes tv-onde{0%,to{transform:scaleY(.18)}50%{transform:scaleY(1)}}.tv-indic-ok{color:var(--accent-on-dark);font-weight:700}.tv-statut{font-family:var(--font-text);font-size:var(--body);color:var(--muted);white-space:nowrap}.tv-ecrit{min-width:0}.tv-app{font-family:var(--font-mono);font-size:var(--mono-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--label);margin-bottom:10px}.tv-phrase{min-height:3.9em;font-family:var(--font-display);color:var(--ink);font-size:clamp(22px,2.6vw,34px);font-weight:300;line-height:1.3}.tv-m{white-space:nowrap;vertical-align:bottom;max-width:24ch;animation:tv-arrive .2s var(--zv-easing);transition:max-width .4s var(--zv-easing) .35s, margin .4s var(--zv-easing) .35s, opacity .3s var(--zv-easing) .3s, color .15s;margin-right:.28em;display:inline-block}@keyframes tv-arrive{0%{opacity:0;translate:0 .3em}}.tv-m-retire{color:var(--muted)}.tv-m-retire[data-net=true]{opacity:0;max-width:0;color:var(--err);margin-right:0;text-decoration:line-through;overflow:hidden}.tv-flip{animation:tv-bascule 1.6s var(--zv-easing) both;display:inline-block}@keyframes tv-bascule{0%{opacity:0;color:var(--accent);transform:rotateX(90deg)}20%{opacity:1;color:var(--accent);transform:none}to{color:var(--ink)}}.tv-curseur{vertical-align:-.08em;border-radius:var(--r-pill);background:var(--accent);width:3px;height:.95em;animation:1s step-end infinite tv-clignote;display:inline-block}@keyframes tv-clignote{50%{opacity:0}}@media (max-width:767px){.tv-scene{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:28px;padding:32px 24px}}.tv-temps{border-radius:var(--r-panel);border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 56px;padding:40px;display:grid}.tv-temps-mots{font-family:var(--font-display);font-size:var(--h2);margin-top:12px;font-weight:300;line-height:1}.tv-temps-mots span{font-size:var(--lead);color:var(--muted)}.tv-temps-barres{flex-direction:column;justify-content:center;gap:22px;display:flex}.tv-temps-ligne{font-family:var(--font-text);font-size:var(--body);color:var(--ink-2);justify-content:space-between;margin-bottom:8px;display:flex}.tv-temps-ligne strong{color:var(--ink);font-variant-numeric:tabular-nums}.tv-barre-fond{border-radius:var(--r-pill);background:var(--hairline);height:14px;overflow:hidden}.tv-barre-fond>span{border-radius:var(--r-pill);height:100%;transition:width .5s var(--zv-easing);display:block}.tv-barre-clavier{background:var(--line)}.tv-barre-voix{background:var(--spectre)}.tv-temps-gain{border-top:1px solid var(--hairline);font-family:var(--font-text);font-size:var(--lead);color:var(--ink-2);flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:4px 16px;padding-top:24px;display:flex}.tv-temps-gain-chiffre{font-family:var(--font-display);font-size:var(--h2);color:var(--accent);font-weight:300;line-height:1}@media (max-width:767px){.tv-temps{grid-template-columns:minmax(0,1fr);padding:24px}}.tv-capture{border-radius:var(--r-card);border:1px solid var(--line);width:100%;height:auto;box-shadow:var(--shadow-panel);display:block}.tv-capture--haut{aspect-ratio:2080/760;object-fit:cover;object-position:top}.tv-logo-ondes{height:calc(var(--zv-cap) * 1.1);align-items:center;gap:2px;margin-left:.35em;display:inline-flex}.tv-logo-ondes i{border-radius:var(--r-pill);background:var(--accent);width:2px;height:100%;animation:1.1s ease-in-out infinite paused tv-onde;display:block;transform:scaleY(.3)}.tv-logo-ondes i:nth-child(2){animation-delay:-.3s}.tv-logo-ondes i:nth-child(3){animation-delay:-.6s}.tv-logo:hover .tv-logo-ondes i,.tv-logo[data-ecoute=true] .tv-logo-ondes i{animation-play-state:running}.tv-logo[data-ecoute=true] .zv-lockup__mark,.tv-logo:hover .zv-lockup__mark{animation:1.1s ease-in-out infinite tv-pouls}@keyframes tv-pouls{0%,to{scale:1}50%{scale:1.08}}.tv-embleme{place-items:center;width:9rem;height:9rem;display:grid;position:relative}.tv-embleme img{z-index:1;width:4.5rem;height:auto;filter:var(--shadow-glyph);position:relative}.tv-embleme span{border:1px solid var(--accent-line);border-radius:var(--r-pill);animation:tv-rayonne 3.6s var(--zv-easing) infinite;position:absolute;inset:25%}.tv-embleme span:nth-of-type(2){animation-delay:1.2s}.tv-embleme span:nth-of-type(3){animation-delay:2.4s}@keyframes tv-rayonne{0%{opacity:.9;scale:.7}to{opacity:0;scale:2}}@media (prefers-reduced-motion:reduce){.tv-m,.tv-flip,.tv-indic,.tv-indic-onde i,.tv-curseur,.tv-logo-ondes i,.tv-logo .zv-lockup__mark,.tv-embleme span{animation:none!important}}
