/* ==========================================================================
   Nocturne Creator 1.5.0 — design épuré, monochrome
   Blanc pour les actions (assorti au logo), couleurs officielles pour chaque
   plateforme, violet réservé à l’ambiance lumineuse.
   Une seule feuille, organisée par composants. Les classes et la structure
   HTML des versions précédentes sont conservées à l’identique.
   ========================================================================== */

/* Police embarquée localement (aucun CDN). Inter — SIL Open Font License 1.1. */
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("fonts/inter-latin-var.woff2") format("woff2-variations"),url("fonts/inter-latin-var.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* --------------------------------------------------------------------------
   1. Jetons de design
   -------------------------------------------------------------------------- */
:root{
  --bg:#08080a;
  --surface:#0f0f13;
  --surface-2:#15151b;
  --surface-3:#1c1c24;
  --line:rgba(255,255,255,.07);
  --line-2:rgba(255,255,255,.11);
  --line-3:rgba(255,255,255,.2);
  --text:#f5f5f7;
  --text-2:#c9c8d1;
  --muted:#8f8e9b;
  --subtle:#6c6b77;
  --accent:#6d4aff;
  --accent-hover:#7b5bff;
  --accent-text:#b9a6ff;
  --accent-soft:rgba(109,74,255,.14);
  --selected:#f5f5f7;
  --live:#ff3b4e;
  --brand-twitch:#9146ff;
  --brand-youtube:#e5001b;
  --brand-kick:#53fc18;
  --brand-tiktok:#000;
  --brand-snapchat:#fffc00;
  --brand-instagram:linear-gradient(45deg,#f58529 0%,#dd2a7b 50%,#8134af 100%);
  --brand-facebook:#0866ff;
  --brand-x:#000;
  --brand-discord:#5865f2;
  --gold:linear-gradient(135deg,#ffd257 0%,#ffae1f 55%,#ff8a1f 100%);
  --on-selected:#0b0b0e;
  --radius-sm:8px;
  --radius:10px;
  --radius-md:12px;
  --radius-lg:16px;
  --control:40px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  /* compatibilité avec d’anciennes surcharges éventuelles */
  --panel:var(--surface);--panel-hover:var(--surface-2);
  color-scheme:dark;
}

/* --------------------------------------------------------------------------
   2. Base
   -------------------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background-color:var(--bg);
  background-image:
    radial-gradient(ellipse 900px 600px at 100% 0,rgba(109,74,255,.09),transparent 70%),
    radial-gradient(ellipse 700px 520px at 0 220px,rgba(56,92,170,.07),transparent 70%);
  background-repeat:no-repeat;
  color:var(--text);
  font-family:var(--font);
  font-size:15px;
  line-height:1.6;
  font-feature-settings:"cv11","ss01";
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
a:hover{color:var(--text)}
button,input,textarea,select{font:inherit;color:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.5}
img,video{max-width:100%;height:auto}
iframe{border:0}
svg.icon{vertical-align:middle;flex-shrink:0}
.brand-icon{stroke:none}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:600;line-height:1.2;letter-spacing:-.025em}
h1{font-size:clamp(28px,3.4vw,40px)}
h2{font-size:22px}
h3{font-size:15px;letter-spacing:-.01em}
::selection{background:rgba(109,74,255,.45);color:#fff}
a,button,.chip,.button{transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease),opacity .2s var(--ease)}
:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
[hidden]{display:none!important}
.shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;top:10px;left:10px;transform:translateY(-200%);padding:10px 18px;background:var(--selected);color:var(--on-selected);border-radius:var(--radius);font-size:14px;font-weight:500;z-index:100}
.skip-link:focus{transform:none}
.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute!important;white-space:nowrap}

/* --------------------------------------------------------------------------
   3. Boutons
   -------------------------------------------------------------------------- */
.button,.search-submit,input[type=submit],.wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:var(--control);padding:0 16px;
  border:1px solid var(--line-2);border-radius:var(--radius);
  background:rgba(255,255,255,.03);color:var(--text);
  font-size:14px;font-weight:500;line-height:1.2;letter-spacing:-.005em;white-space:nowrap;
  text-decoration:none;cursor:pointer;
}
.button:hover,.search-submit:hover,input[type=submit]:hover{background:rgba(255,255,255,.07);border-color:var(--line-3);color:var(--text)}
.button:active,.search-submit:active,input[type=submit]:active{transform:translateY(1px)}
.button .icon{opacity:.9}

.button.primary,.entry-content a.button.primary,input[type=submit],.comment-form .submit{
  background:var(--selected);border-color:var(--selected);color:var(--on-selected);font-weight:600;
}
.button.primary:hover,.entry-content a.button.primary:hover,input[type=submit]:hover{background:#fff;border-color:#fff;color:var(--on-selected)}

/* Boutons aux couleurs des plateformes : « Suivre sur… » et section Présentation. */
.button.primary[data-brand],.brand-button{border-color:transparent;font-weight:600}
.button.primary[data-brand]:hover,.brand-button:hover{filter:brightness(1.1)}
[data-brand="twitch"],.brand-twitch{--b:var(--brand-twitch);--on-b:#fff}
[data-brand="youtube"],.brand-youtube{--b:var(--brand-youtube);--on-b:#fff}
[data-brand="kick"],.brand-kick{--b:var(--brand-kick);--on-b:#000}
[data-brand="tiktok"],.brand-tiktok{--b:var(--brand-tiktok);--on-b:#fff}
[data-brand="snapchat"],.brand-snapchat{--b:var(--brand-snapchat);--on-b:#000}
[data-brand="instagram"],.brand-instagram{--b:var(--brand-instagram);--on-b:#fff}
[data-brand="facebook"],.brand-facebook{--b:var(--brand-facebook);--on-b:#fff}
[data-brand="x"],.brand-x{--b:var(--brand-x);--on-b:#fff}
[data-brand="discord"],.brand-discord{--b:var(--brand-discord);--on-b:#fff}
.button[data-brand="x"],.brand-x{border-color:rgba(255,255,255,.16)!important}
.button.primary[data-brand],.brand-button,.button.primary[data-brand]:hover,.brand-button:hover{background:var(--b);color:var(--on-b)}
.button[data-brand="tiktok"],.brand-tiktok{border-color:rgba(255,255,255,.16)!important}
.button[data-brand="tiktok"] .icon,.brand-tiktok .icon{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
.entry-content a.button,.entry-content a.button.primary{text-decoration:none}

.button.donation{background:var(--gold);border-color:transparent;color:#1d1300;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 22px rgba(255,166,31,.22)}
.button.donation .icon{color:#1d1300}
.button.donation:hover{background:var(--gold);color:#1d1300;filter:brightness(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 28px rgba(255,166,31,.35)}
.button.donation[aria-disabled="true"]{opacity:.4;filter:grayscale(.4);cursor:not-allowed;box-shadow:none}

.button.cinema-button{margin-left:auto;background:transparent;border-color:transparent;color:var(--muted);padding-inline:12px}
.button.cinema-button:hover{background:rgba(255,255,255,.05);color:var(--text)}
.button.cinema-button[aria-pressed="true"]{color:var(--text);background:rgba(255,255,255,.06)}

.text-button{padding:0;background:none;border:0;color:inherit;font-size:inherit;cursor:pointer}
.text-button:hover{color:var(--text)}

.icon-button{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;padding:0;
  background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text-2);
}
.icon-button:hover{background:rgba(255,255,255,.06);color:var(--text)}
.icon-button[aria-expanded="true"]{background:rgba(255,255,255,.08);color:var(--text)}

/* --------------------------------------------------------------------------
   4. Champs de formulaire
   -------------------------------------------------------------------------- */
.search-form input[type=search],input[type=text],input[type=email],input[type=url],input[type=password],input[type=number],textarea,select{
  min-height:var(--control);
  background:var(--surface);
  border:1px solid var(--line-2);border-radius:var(--radius);
  color:var(--text);padding:9px 14px;font-size:14px;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease);
}
input::placeholder,textarea::placeholder{color:var(--subtle)}
.search-form input[type=search]:hover,input[type=text]:hover,input[type=email]:hover,input[type=url]:hover,textarea:hover,select:hover{border-color:var(--line-3)}
.search-form input[type=search]:focus,input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:none;border-color:rgba(185,166,255,.6);box-shadow:0 0 0 3px var(--accent-soft)}
select{
  -webkit-appearance:none;appearance:none;padding-right:34px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238f8e9b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
}
.search-form{display:flex;gap:8px;align-items:center}
.search-form label{flex:1;min-width:0}
.search-field{width:100%}
.search-form input[type=search]::-webkit-search-cancel-button{filter:grayscale(1) opacity(.5)}
.search-submit{width:var(--control);padding:0;flex-shrink:0;color:var(--text-2)}

/* --------------------------------------------------------------------------
   5. En-tête
   -------------------------------------------------------------------------- */
.site-header{position:relative;z-index:40;border-bottom:1px solid var(--line);background:rgba(8,8,10,.6)}
.header-inner{display:flex;align-items:center;gap:24px;min-height:72px}
.logo-slot{min-width:72px;flex-shrink:0;display:flex;align-items:center;gap:14px}
.live-badge{
  display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px 0 9px;border-radius:999px;
  background:#e5132b;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 4px 16px rgba(229,19,43,.35);
}
.live-badge:hover{color:#fff;background:#f2223a}
.live-badge-dot{position:relative;width:7px;height:7px;border-radius:50%;background:#fff}
.live-badge-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#fff;animation:nc-pulse 1.8s var(--ease) infinite}
.live-badge .short{display:none}
.brand,.custom-logo-link{display:inline-flex;align-items:center;border-radius:6px}
.brand img{width:44px;height:33px;display:block}
.brand:hover img{opacity:.85}
.custom-logo{max-width:78px;max-height:44px;width:auto;height:auto;display:block}

.primary-navigation{margin-left:auto}
/* Position du menu (Espace créateur > Présentation) : à gauche après le logo, ou centré. */
@media(min-width:901px){
  .nav-left .header-inner>.logo-slot{margin-right:20px}
  .nav-left .header-inner>.primary-navigation{margin-left:0;padding-left:20px;border-left:1px solid var(--line)}
  .nav-left .header-inner>.header-tools{margin-left:auto}
  .nav-center .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .nav-center .header-inner>.logo-slot{justify-self:start}
  .nav-center .header-inner>.primary-navigation{justify-self:center;margin:0}
  .nav-center .header-inner>.header-tools{justify-self:end;margin-left:0}
}
.nav-list{display:flex;align-items:center;gap:2px;list-style:none;padding:0;margin:0}
.nav-list>li{position:relative}
.nav-list>li>a{
  display:block;padding:8px 14px;border-radius:var(--radius-sm);
  color:var(--muted);font-size:14px;font-weight:500;line-height:1.3;letter-spacing:-.005em;
}
.nav-list>li>a:hover,.nav-list>li:focus-within>a{color:var(--text);background:rgba(255,255,255,.05)}
.nav-list>.current-menu-item>a,.nav-list>.current_page_item>a,.nav-list>.current-menu-ancestor>a{color:var(--text);background:rgba(255,255,255,.08)}
.nav-list .sub-menu{
  display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:20;
  min-width:200px;list-style:none;margin:0;padding:6px;
  background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius-md);
  box-shadow:0 16px 40px rgba(0,0,0,.5);
}
.nav-list .sub-menu::before{content:"";position:absolute;inset:-9px 0 auto;height:9px}
.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{display:block}
.sub-menu a{display:block;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-2);font-size:14px}
.sub-menu a:hover{background:rgba(255,255,255,.06);color:var(--text)}

.header-tools{display:flex;align-items:center;gap:6px;margin-left:24px}
.social-links{display:flex;align-items:center;gap:2px;padding-right:10px;margin-right:4px;border-right:1px solid var(--line)}
.social-links:empty{display:none}
.social-links a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--muted)}
.social-links a:hover,.nav-social a:hover{color:var(--text);background:rgba(255,255,255,.06)}
.social-twitch:hover{color:#a970ff!important}.social-youtube:hover{color:#ff3347!important}.social-kick:hover{color:var(--brand-kick)!important}
.social-instagram:hover{color:#f77ac0!important}.social-facebook:hover{color:#3d86ff!important}.social-snapchat:hover{color:var(--brand-snapchat)!important}.social-discord:hover{color:#7983f5!important}
.nav-social{display:none}
.social-links .icon,.social-links .brand-icon{width:17px;height:17px;display:block}
.mobile-toggle{display:none}
.header-search{padding:4px 0 18px}
.header-search .search-form{max-width:640px;margin-left:auto}

/* --------------------------------------------------------------------------
   6. Live : titre, lecteur, actions
   -------------------------------------------------------------------------- */
.home-main{padding-top:36px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.live-section{position:relative}
.live-heading{justify-content:flex-start;gap:16px;flex-wrap:wrap}
.live-heading h1,.live-heading h2{display:flex;align-items:center;gap:12px;font-size:28px;letter-spacing:-.03em;line-height:1.2}
.status-dot{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;background:#4b4a55;flex-shrink:0}
.status-dot.is-live{background:var(--live);box-shadow:0 0 0 4px rgba(255,59,78,.16)}
.status-dot.is-live::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:nc-pulse 2s var(--ease) infinite}
@keyframes nc-pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.8);opacity:0}}
.next-live{
  display:inline-flex;align-items:center;min-height:28px;padding:4px 12px;
  border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);
  font-size:13px;color:var(--muted);
}

.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;position:relative}
.stream-column{min-width:0}

/* Contrôle segmenté — onglets du lecteur et choix du chat partagent le même style. */
.player-tabs,.chat-view-switch{
  display:flex;gap:4px;padding:4px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);
}
.player-tabs{margin-bottom:12px}
.platform-tab,.chat-view-switch button{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:36px;padding:0 10px;
  border:0;border-radius:var(--radius-sm);background:transparent;
  color:var(--muted);font-size:13px;font-weight:500;
}
.platform-tab:hover,.chat-view-switch button:hover{color:var(--text);background:rgba(255,255,255,.04)}
.platform-tab.active,.chat-view-switch button[aria-pressed="true"]{
  color:var(--text);background:var(--surface-3);
  box-shadow:inset 0 0 0 1px var(--line-2),0 1px 2px rgba(0,0,0,.4);
}
.platform-tab .icon{width:16px;height:16px;transition:color .2s var(--ease)}
.platform-tab.active[data-platform="twitch"] .icon{color:var(--brand-twitch)}
.platform-tab.active[data-platform="youtube"] .icon{color:#ff1f3d}
.platform-tab.active[data-platform="kick"] .icon{color:var(--brand-kick)}
.platform-tab.active[data-platform="facebook"] .icon{color:#3d86ff}
.platform-tab.active[data-platform="tiktok"] .icon{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
.platform-tab:focus-visible,.chat-view-switch button:focus-visible{outline-offset:-2px}

.player-stage{
  position:relative;width:100%;max-width:100%;aspect-ratio:16/9;min-height:200px;
  border:1px solid var(--line-2);border-radius:var(--radius-lg);
  background:#0a0a0d;overflow:hidden;isolation:isolate;
  box-shadow:0 24px 60px -20px rgba(0,0,0,.6);
}
.player-stage.twitch-player{min-height:0}
.player-stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;background:#000}
.stream-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.stream-ambient{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 90% at 105% 115%,rgba(126,92,255,.5),transparent 65%),
    radial-gradient(ellipse 50% 70% at -5% -10%,rgba(60,100,190,.22),transparent 70%);
}
.player-message{
  position:absolute;inset:0;z-index:1;width:100%;height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:24px;text-align:center;
}
.player-message>img{width:56px;height:42px;margin-bottom:8px;opacity:.95}
.player-message>p{font-size:19px;font-weight:600;letter-spacing:-.02em}
.player-message>span{color:var(--text-2);font-size:14px}
.player-message>small{font-size:12px;color:var(--muted);max-width:360px}
.player-message .button{margin-top:10px}
.player-message>p+small{margin-top:-2px}

.stream-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.stream-actions .button{min-height:40px}
.stream-actions .primary .icon{width:17px;height:17px}
.free-label{font-size:12px;color:var(--muted);padding-left:2px}

/* --------------------------------------------------------------------------
   7. Chat
   -------------------------------------------------------------------------- */
.chat-panel{
  display:flex;flex-direction:column;min-width:0;overflow:hidden;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
}
.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.chat-heading h2{font-size:15px;letter-spacing:-.01em}
.quiet-label{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.05);font-size:12px;color:var(--muted)}
.chat-view-switch{margin:12px 12px 0}
.chat-view-switch button{min-height:30px;font-size:12px}
.chat-view-switch button .icon{width:14px;height:14px}
.chat-view-switch button[aria-pressed="true"][data-source="twitch"] .icon{color:var(--brand-twitch)}
.chat-view-switch button[aria-pressed="true"][data-source="youtube"] .icon{color:#ff1f3d}
.chat-view-switch button[aria-pressed="true"][data-source="kick"] .icon{color:var(--brand-kick)}
/* Filtre par plateforme : logos */
.chat-filter{display:flex;gap:4px;margin:8px 12px 0}
.chat-filter button{
  flex:1;display:flex;align-items:center;justify-content:center;min-height:30px;padding:0 6px;
  border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;
  color:var(--muted);font-size:12px;font-weight:500;
}
.chat-filter button:hover{border-color:var(--line-2);color:var(--text);background:rgba(255,255,255,.03)}
.chat-filter button[aria-pressed="true"]{background:var(--surface-3);border-color:var(--line-2);color:var(--text)}
.chat-filter button:focus-visible{outline-offset:-2px}
.chat-filter .icon{width:15px;height:15px;opacity:.6;transition:opacity .2s var(--ease)}
.chat-filter button:hover .icon,.chat-filter button[aria-pressed="true"] .icon{opacity:1}
.chat-filter [data-chat-source="twitch"] .icon{color:var(--brand-twitch)}
.chat-filter [data-chat-source="youtube"] .icon{color:#ff1f3d}
.chat-filter [data-chat-source="kick"] .icon{color:var(--brand-kick)}
.chat-filter [data-chat-source="facebook"] .icon{color:#3d86ff}
.chat-view-switch button[aria-pressed="true"][data-source="facebook"] .icon{color:#3d86ff}
.chat-filter [data-chat-source="tiktok"] .icon{color:#fff;filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
.chat-body{position:relative;flex:1;min-height:300px}
.chat-body iframe{position:absolute;inset:0;width:100%;height:100%}
.chat-empty{
  position:absolute;inset:0;height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:28px 24px;text-align:center;color:var(--muted);
}
.chat-empty .icon{color:var(--subtle);margin-bottom:2px}
.chat-empty p{font-size:14px;font-weight:500;color:var(--text-2)}
.chat-empty small{font-size:12px;color:var(--muted)}
.chat-empty .button{margin-top:6px}
.chat-bottom{display:flex;flex-direction:column;gap:4px;padding:11px 16px;border-top:1px solid var(--line);font-size:12px;line-height:1.45;color:var(--muted)}
.chat-bottom a{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:500}
.chat-bottom a:hover{color:var(--text)}

/* Multistream natif */
.has-native-chat .chat-body{min-height:180px;overflow:hidden}
.nc-chat-log{
  position:absolute;inset:0;overflow-y:auto;padding:8px 16px;
  font-size:var(--nc-chat-font-size,12px);
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14px);mask-image:linear-gradient(to bottom,transparent 0,#000 14px);
}
.nc-chat-log::-webkit-scrollbar{width:8px}
.nc-chat-log::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:8px;border:2px solid var(--surface)}
.nc-chat-waiting{color:var(--muted);font-size:13px;padding:24px 0;text-align:center}
.nc-chat-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;overflow-wrap:anywhere}
.nc-chat-source{
  display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;margin-top:1px;
  border-radius:7px;background:#5a2fd0;color:#fff;
  border:1px solid var(--nc-chat-accent,transparent);
}
.nc-chat-source .icon{width:13px;height:13px}
.source-twitch .nc-chat-source{background:var(--brand-twitch)}
.source-youtube .nc-chat-source{background:#e5202f}
.source-kick .nc-chat-source{background:#152a12;color:#53fc18}
.source-tiktok .nc-chat-source{background:#18181e}
.source-facebook .nc-chat-source{background:var(--brand-facebook)}
.has-native-chat .nc-chat-source[hidden]{display:none}
.nc-chat-copy{min-width:0;font-size:inherit;line-height:1.5}
.nc-chat-copy strong{font-size:1.04em;font-weight:600;color:var(--text)}
.nc-chat-copy p{margin-top:1px;color:var(--text-2);font-size:1.04em;white-space:pre-wrap}
.has-native-chat .nc-chat-time{margin-left:8px;font-size:.88em;color:var(--subtle);font-variant-numeric:tabular-nums}
.nc-chat-role{display:inline-block;margin-left:6px;padding:0 5px;border-radius:4px;background:rgba(255,255,255,.08);color:var(--text-2);font-size:.8em;font-weight:500;vertical-align:1px}
.has-native-chat .chat-body.nc-chat-compact .nc-chat-row{padding:3px 0;gap:8px}
.has-native-chat .chat-body.nc-chat-compact .nc-chat-copy p{margin-top:0}
.has-native-chat .chat-body.nc-chat-compact .nc-chat-source{flex-basis:20px;width:20px;height:20px;border-radius:6px}
#nc-chat-status{font-size:12px;line-height:1.4;color:var(--muted)}
.chat-body[hidden],.chat-bottom[hidden],#multistream-chat-bottom[hidden],#chat-filter[hidden],.nc-chat-row[hidden]{display:none}

/* Introduction */
.intro{margin-top:40px;max-width:720px}
.intro h2{font-size:24px;letter-spacing:-.025em}
.intro p{margin-top:8px;color:var(--muted);font-size:15px}

/* --------------------------------------------------------------------------
   8. Sections, filtres, liens
   -------------------------------------------------------------------------- */
.content-section{margin-top:64px}
.content-section>.section-heading h2{flex-shrink:0}
.more-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);font-size:14px;font-weight:500}
.more-link .icon{transition:transform .2s var(--ease)}
.more-link:hover{color:var(--text)}
.more-link:hover .icon{transform:translateX(3px)}

.local-filters,.filter-bar{display:flex;flex-wrap:wrap;gap:6px}
.chip{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:32px;padding:0 14px;
  border:1px solid var(--line-2);border-radius:999px;background:transparent;
  color:var(--text-2);font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;
}
.chip:hover{border-color:var(--line-3);background:rgba(255,255,255,.04);color:var(--text)}
.chip.active,.chip[aria-current="true"]{background:var(--selected);border-color:var(--selected);color:var(--on-selected)}
.chip.active:hover{background:#fff;color:var(--on-selected)}

.content-section[aria-labelledby="latest-clips"]>.section-heading,
.content-section[aria-labelledby="latest-setup"]>.section-heading{justify-content:flex-start;gap:20px}
.content-section[aria-labelledby="latest-setup"] .more-link{margin-left:auto}

.blog-tools{display:flex;align-items:center;gap:12px;margin-left:auto}
.blog-tools .search-form{width:300px;max-width:100%;gap:6px}
.blog-tools .search-field,.blog-tools .search-form input[type=search]{min-height:34px;padding:6px 12px;font-size:13px}
.blog-tools .search-submit{width:34px;min-height:34px}

/* --------------------------------------------------------------------------
   9. Cartes
   -------------------------------------------------------------------------- */
.card-grid{display:grid;gap:28px 20px}
.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.content-card{min-width:0;position:relative}
.card-link{display:block;color:var(--text);border-radius:var(--radius-md)}
.card-image{
  position:relative;aspect-ratio:16/9;overflow:hidden;
  border-radius:var(--radius-md);background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--line);
}
.card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),opacity .3s var(--ease)}
.card-image::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none}
.card-link:hover .card-image img{transform:scale(1.03)}
.image-placeholder{
  width:100%;height:100%;display:grid;place-content:center;place-items:center;
  background:radial-gradient(ellipse at 50% 120%,rgba(109,74,255,.14),transparent 65%),var(--surface);
  color:var(--subtle);
}
.card-copy{padding:14px 2px 0}
.card-copy h3{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:-.012em;transition:color .2s var(--ease)}
.card-link:hover .card-copy h3{color:#fff}
.card-copy p{
  margin-top:6px;color:var(--muted);font-size:14px;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.eyebrow,.gear-label{
  display:block;margin-bottom:6px;
  font-size:11px;font-weight:500;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);
}
.platform-label,.duration{
  position:absolute;bottom:10px;z-index:1;
  display:flex;align-items:center;gap:5px;
  padding:3px 8px;border-radius:6px;
  background:rgba(8,8,10,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:#fff;font-size:11px;font-weight:500;line-height:1.5;
}
.platform-label{left:10px}
.platform-label .icon{width:13px;height:13px}
.duration{right:10px;font-variant-numeric:tabular-nums}
.platform-youtube .brand-icon{color:#ff2a3c}
.platform-instagram .brand-icon{color:#f28cc8}
.platform-snapchat .brand-icon{color:#fffc00}

/* Dernières vidéos : cartes horizontales */
section[aria-labelledby="latest-videos"] .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
section[aria-labelledby="latest-videos"] .card-link{display:grid;grid-template-columns:48% 1fr;gap:20px;align-items:start}
section[aria-labelledby="latest-videos"] .card-copy{padding-top:6px}
section[aria-labelledby="latest-videos"] .card-copy h3{font-size:16px}
section[aria-labelledby="latest-videos"] .card-copy p{-webkit-line-clamp:3}

.home-main #clips-grid .card-copy p{display:none}
.home-main section[aria-labelledby="latest-blog"] .card-image{aspect-ratio:2.2}
.home-main section[aria-labelledby="latest-blog"] .eyebrow{display:none}

/* Matériel */
.gear-card{
  position:relative;overflow:hidden;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  transition:border-color .2s var(--ease),background-color .2s var(--ease);
}
.gear-card:hover{border-color:var(--line-2);background:var(--surface-2)}
.gear-card .card-link{border-radius:0}
.gear-card .card-image{
  aspect-ratio:1.45;border-radius:0;box-shadow:none;
  background:radial-gradient(ellipse 70% 70% at 50% 45%,rgba(255,255,255,.05),transparent 70%);
}
.gear-card .card-image::after{display:none}
.gear-card .card-image img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;padding:18px}
.gear-card .card-link:hover .card-image img{transform:scale(1.04)}
.gear-card .card-copy{padding:4px 16px 16px}
.gear-card .card-copy h3{font-size:14px;line-height:1.35}
.card-more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--text-2);font-size:13px;font-weight:500}
.card-link:hover .card-more{color:var(--text)}
.card-more .icon{transition:transform .2s var(--ease)}
.card-link:hover .card-more .icon{transform:translateX(3px)}
.affiliate-label{display:block;padding:0 16px 14px;margin-top:-6px;font-size:11px;color:var(--muted)}
.gear-card .pending-gear-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--subtle)}
.gear-card .pending-gear-image .icon{width:26px;height:26px}
.gear-card .pending-gear-image>span{font-size:12px;color:var(--muted)}
.gear-card .pending-gear-label{color:var(--muted);font-weight:400}

#setup-grid .card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.home-main #setup-grid .gear-card .card-image{aspect-ratio:1.3}
.home-main #setup-grid .gear-card .card-image img{padding:16px}
.home-main #setup-grid .gear-card .card-copy{padding:2px 14px 14px}
.home-main #setup-grid .gear-card h3{font-size:13px;line-height:1.35}
.home-main #setup-grid .gear-card .card-more{font-size:12px;margin-top:6px}
.home-main .gear-card .affiliate-label{display:none}

/* Photos produits détourées (fond transparent) posées sur une tuile sombre éclairée. */
.gear-card .card-image,.gear-detail .entry-cover{
  background:radial-gradient(ellipse 70% 70% at 50% 42%,rgba(255,255,255,.075),rgba(255,255,255,0) 72%),var(--surface-2);
}
.gear-card .card-image{margin:8px 8px 0;border-radius:11px}
.gear-card .card-image img{filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.gear-card .image-placeholder,.gear-card .pending-gear-image{background:transparent}
.gear-card .card-copy{padding-top:12px}
.home-main #setup-grid .gear-card .card-copy{padding-top:12px}

/* Page Setup : rubriques */
.gear-groups.is-compact{gap:32px;margin-top:0}
.gear-groups.is-compact .gear-group-heading{margin-bottom:12px;padding-bottom:0;border:0}
.gear-groups.is-compact .gear-group-heading h3{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.gear-groups.is-compact .gear-group-heading::after{content:"";flex:1;height:1px;background:var(--line)}
#setup-grid .gear-group[hidden]{display:none}
/* Invitation quand une section est encore vide */
.invite-card{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 26px;
  border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);
}
.invite-card::before{content:"";position:absolute;z-index:-1;inset:-60% 50% -60% -20%;background:radial-gradient(ellipse at center,rgba(109,74,255,.12),transparent 65%)}
.invite-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.06);color:var(--text)}
.invite-copy{flex:1;min-width:220px}
.invite-title{font-size:16px;font-weight:600;letter-spacing:-.01em}
.invite-text{margin-top:4px;font-size:14px;color:var(--muted)}
.invite-actions{display:flex;flex-wrap:wrap;gap:8px}
.invite-actions:empty{display:none}
@media(max-width:760px){.invite-card{padding:20px;gap:14px;align-items:flex-start}.invite-icon{flex-basis:40px;width:40px;height:40px;border-radius:12px}.invite-actions{width:100%}.invite-actions .button{flex:1 1 calc(50% - 4px)}}

.gear-groups{display:grid;gap:56px;margin-top:8px}
.chip-count{margin-left:6px;color:var(--muted);font-variant-numeric:tabular-nums}
.chip.active .chip-count{color:#6c6b77}
.gear-group{scroll-margin-top:24px}
.gear-group-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.gear-group-heading h2{font-size:20px;letter-spacing:-.02em}
.gear-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--muted);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.gear-groups+.fine-print{margin-top:32px}
@media(max-width:760px){.gear-groups{gap:40px}.gear-group-heading{margin-bottom:14px}.gear-group-heading h2{font-size:18px}}

/* États vides, mentions */
.fine-print{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:12px;color:var(--muted)}
.fine-print .icon{color:var(--subtle)}
.empty-state{
  display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:140px;padding:28px;
  border:1px dashed var(--line-2);border-radius:var(--radius-lg);background:rgba(255,255,255,.012);
}
.empty-state p{font-size:14px;color:var(--muted)}
.empty-line{width:28px;height:2px;border-radius:2px;background:var(--line-3)}
.filter-empty{padding:20px 0;color:var(--muted);font-size:14px}

/* Présentation (bas de l’accueil) */
.about-section{margin-top:40px}
.home-main>.about-section+.content-section{margin-top:72px}
.about-card{
  position:relative;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start;
  padding:44px;border:1px solid var(--line);border-radius:22px;
  background:var(--surface);
}
.about-card::before{
  content:"";position:absolute;z-index:-1;inset:auto -10% -60% 40%;height:120%;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(109,74,255,.16),transparent 65%);
}
.about-media{position:relative}
.about-photo,.about-logo{display:block;width:100%;aspect-ratio:1;border-radius:18px;object-fit:cover}
.about-logo{
  display:grid;place-items:center;border:1px solid var(--line-2);
  background:radial-gradient(ellipse 70% 70% at 50% 40%,rgba(255,255,255,.07),transparent 70%),var(--surface-2);
}
.about-logo img{width:46%;height:auto}
.about-copy{min-width:0}
.about-text,.about-points{max-width:640px}
.about-copy .about-title{font-size:clamp(26px,3vw,34px);font-weight:600;letter-spacing:-.035em;line-height:1.15}
.about-text{margin-top:16px;color:var(--text-2);font-size:16px;line-height:1.7}
.about-text p+p{margin-top:12px}
.about-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;list-style:none;margin:24px 0 0;padding:0}
.about-points li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:var(--text)}
.about-points .icon{flex:0 0 20px;width:20px;height:20px;padding:3px;margin-top:0;border-radius:50%;background:rgba(255,255,255,.07);color:var(--text)}
.about-cta{margin-top:30px;font-size:13px;color:var(--muted)}
.about-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.about-actions .button{min-height:40px;padding-inline:15px}
.about-next{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:14px;color:var(--text-2)}
a.about-next:hover{color:var(--text)}
.about-next strong{color:var(--text);font-weight:600}
.about-edit{position:absolute;top:16px;right:18px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px dashed var(--line-2);border-radius:999px;font-size:12px;color:var(--muted)}
.about-edit:hover{color:var(--text);border-color:var(--line-3)}

/* --------------------------------------------------------------------------
   10. Pied de page
   -------------------------------------------------------------------------- */
.site-footer{margin-top:96px;border-top:1px solid var(--line)}
.site-footer a{color:inherit}
.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;min-height:76px;padding-block:22px;font-size:13px;color:var(--muted)}
.footer-links,.footer-menu{display:flex;align-items:center;flex-wrap:wrap;gap:4px 24px;list-style:none;padding:0;margin:0}
.footer-links>a,.footer-links>.text-button,.footer-menu>li>a{padding:4px 0;background:none;border:0;color:var(--muted);font-size:13px;text-decoration:none;cursor:pointer}
.footer-links>a:hover,.footer-links>.text-button:hover,.footer-menu>li>a:hover{color:var(--text)}

/* --------------------------------------------------------------------------
   11. Pages, articles, fiches
   -------------------------------------------------------------------------- */
.content-main{padding-top:56px;min-height:65vh}
.page-heading{margin-bottom:28px}
.page-heading h1{margin-bottom:10px;letter-spacing:-.035em}
.page-heading p{max-width:620px;color:var(--muted);font-size:16px}
.content-main>.section-heading{margin-bottom:28px}
.content-main>.entry-content{max-width:760px;margin-bottom:36px}
.content-main>.section-heading .search-form{width:340px;max-width:100%}
.filter-bar{margin:0 0 20px}
.filter-bar+.filter-bar{margin-top:-8px;margin-bottom:28px}
.filter-bar+.card-grid,.filter-bar+.empty-state{margin-top:28px}

.entry{max-width:760px;margin:0 auto}
.entry.wide{max-width:none}
.entry-header{margin-bottom:32px}
.entry-header .eyebrow{margin-bottom:12px}
.entry-header h1{font-size:clamp(32px,4.6vw,50px);letter-spacing:-.04em;line-height:1.1}
.entry-meta{margin-top:16px;font-size:14px;color:var(--muted)}
.entry-meta a:hover{color:var(--text)}
.entry-cover{margin:0 0 36px}
.entry-cover img{display:block;width:100%;max-height:540px;object-fit:cover;border-radius:var(--radius-lg)}
.entry-content{color:var(--text-2);font-size:17px;line-height:1.75}
.entry-content>*+*{margin-top:1.4em}
.entry-content h2,.entry-content h3,.entry-content h4{margin-top:1.9em;color:var(--text);line-height:1.3}
.entry-content h2{font-size:26px}
.entry-content h3{font-size:20px}
.entry-content h2+*,.entry-content h3+*{margin-top:.7em}
.entry-content a:not(.button):not(.wp-block-button__link){color:var(--accent-text);text-decoration:underline;text-decoration-color:rgba(185,166,255,.35);text-decoration-thickness:1px;text-underline-offset:3px}
.entry-content a:not(.button):not(.wp-block-button__link):hover{text-decoration-color:currentColor}
.entry-content ul,.entry-content ol{padding-left:1.3em}
.entry-content li+li{margin-top:.35em}
.entry-content li::marker{color:var(--subtle)}
.entry-content img{border-radius:var(--radius-md)}
.entry-content blockquote{margin:2em 0;padding:2px 0 2px 22px;border-left:2px solid var(--line-3);color:var(--text);font-size:19px;line-height:1.6}
.entry-content pre{overflow:auto;padding:20px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font-size:14px}
.entry-content code{font-size:.9em}
.entry-content :not(pre)>code{padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.06)}
.entry-content table{width:100%;border-collapse:collapse;font-size:15px}
.entry-content th,.entry-content td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.entry-content th{color:var(--text);font-weight:600}
.entry-content hr{border:0;height:1px;background:var(--line)}
.entry-content .alignwide{max-width:min(1100px,calc(100vw - 64px));width:1100px;position:relative;left:50%;transform:translateX(-50%)}
.entry-content .alignfull{max-width:100vw;width:100vw;position:relative;left:50%;transform:translateX(-50%)}
.entry-content .wp-block-embed{overflow:hidden}
.entry-content .wp-block-embed iframe{max-width:100%}
.entry-content .wp-block-button__link{background:var(--selected);border-color:transparent;color:var(--on-selected);text-decoration:none}
.home-extra{margin-top:56px}
.term-description{color:var(--muted);font-size:16px;line-height:1.6}

.gear-detail{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:48px}
.gear-detail .entry-cover{
  display:flex;align-items:center;justify-content:center;aspect-ratio:1.15;margin:0;padding:40px;
  border:1px solid var(--line);border-radius:20px;
  background:radial-gradient(ellipse 65% 65% at 50% 42%,rgba(255,255,255,.08),rgba(255,255,255,0) 72%),var(--surface-2);
  color:var(--subtle);
}
.gear-detail .entry-cover img{max-height:440px;width:auto;object-fit:contain;border-radius:0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}
.gear-detail .entry-header{margin:0}
.gear-detail .entry-header h1{font-size:clamp(30px,3.6vw,44px)}
.gear-detail .term-description{margin-top:14px}
.gear-detail .button{margin-top:28px}
.gear-detail .fine-print{margin-top:16px}

.pagination{margin-top:44px}
.pagination>a,.pagination>span{display:inline-flex;margin:3px}
.nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:0 12px;
  border:1px solid var(--line-2);border-radius:var(--radius);color:var(--text-2);font-size:14px;font-weight:500;
}
a.page-numbers:hover{border-color:var(--line-3);background:rgba(255,255,255,.04);color:var(--text)}
.page-numbers.current{background:var(--selected);border-color:var(--selected);color:var(--on-selected)}
.page-numbers.dots{border-color:transparent}
.post-navigation{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:14px}
.post-navigation .nav-links{justify-content:space-between;gap:16px}
.post-navigation a{color:var(--muted)}
.post-navigation a:hover{color:var(--text)}

/* Commentaires */
.comments-area{margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}
.comments-area h2,.comment-reply-title{font-size:20px;margin-bottom:16px}
.comment-list{padding-left:0;list-style:none}
.comment-list .children{list-style:none;padding-left:24px;border-left:1px solid var(--line)}
.comment-body{padding:18px 0;border-bottom:1px solid var(--line)}
.comment-author{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.comment-author .avatar{border-radius:50%}
.comment-author .says{display:none}
.comment-meta{font-size:12px;color:var(--muted)}
.comment-metadata{margin-top:2px}
.comment-content{margin-top:10px;color:var(--text-2)}
.reply{margin-top:8px;font-size:13px}
.reply a{color:var(--text)}
.comment-form{display:grid;gap:16px}
.comment-form p{margin:0}
.comment-form label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-2)}
.comment-form input:not([type=checkbox]):not([type=submit]),.comment-form textarea{width:100%;max-width:100%}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:10px}
.comment-form-cookies-consent label{font-size:13px;color:var(--muted);margin:0}
.comment-form input[type=checkbox]{accent-color:var(--selected);margin-top:4px}
.comment-notes,.logged-in-as{font-size:13px;color:var(--muted)}
.post-password-form input[type=password]{margin-top:8px}

/* --------------------------------------------------------------------------
   12. Mode cinéma
   -------------------------------------------------------------------------- */
.cinema .site-header,.cinema .content-section,.cinema .intro,.cinema .site-footer,.cinema .home-extra{display:none}
.cinema .home-main{width:min(1800px,calc(100% - 32px));padding-top:24px}
.cinema .live-layout{grid-template-columns:minmax(0,1fr) 340px}

/* --------------------------------------------------------------------------
   13. Responsive
   -------------------------------------------------------------------------- */
@media(min-width:1600px){
  .shell{max-width:1320px}
  .live-layout,.cinema .live-layout{grid-template-columns:minmax(0,1fr) 360px}
}
@media(max-width:1100px){
  .shell{width:calc(100% - 48px)}
  .header-inner{gap:16px}
  .header-tools{margin-left:12px}
  .nav-list>li>a{padding-inline:11px}
  .live-layout,.cinema .live-layout{grid-template-columns:minmax(0,1fr) 300px}
  .free-label{display:none}
  .card-grid{gap:24px 16px}
  #setup-grid .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .entry-content .alignwide{max-width:calc(100vw - 48px)}
}
@media(max-width:900px){
  .header-inner{flex-wrap:wrap;min-height:68px;padding-block:14px;gap:12px}
  .primary-navigation{order:3;width:100%;margin:0}
  .nav-list{justify-content:flex-start;margin-inline:-11px}
  .header-tools{margin-left:auto}
  .live-layout,.cinema .live-layout{grid-template-columns:1fr;gap:16px}
  .chat-panel{height:420px}
  .chat-panel.has-native-chat{height:460px}
  .card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-heading{align-items:flex-start;flex-wrap:wrap}
  .blog-tools{flex-wrap:wrap;gap:8px}
  .blog-tools .search-form{width:260px}
  .player-message>img{width:44px;height:33px}
  .player-message>p{font-size:16px}
  .player-message>span{display:none}
  .player-message{gap:8px;padding:18px}
  .player-message .button{margin-top:4px}
  .footer-inner{flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
  .gear-detail{gap:36px}
  .about-card{grid-template-columns:160px minmax(0,1fr);gap:32px;padding:32px}
}
@media(max-width:760px){
  body{font-size:15px;background-image:radial-gradient(ellipse 520px 480px at 100% 0,rgba(109,74,255,.12),transparent 72%)}
  .shell{width:calc(100% - 32px)}
  h2{font-size:20px}

  /* En-tête mobile : logo · réseaux · recherche · menu */
  .header-inner{min-height:60px;padding-block:10px;gap:8px}
  .logo-slot{min-width:0;order:1;gap:10px}
  .live-badge{height:24px;padding:0 8px;font-size:10px;gap:6px}
  .brand img{width:36px;height:27px}
  .custom-logo{max-height:34px}
  .header-tools{order:2;margin-left:auto;gap:2px}
  .mobile-toggle{display:inline-flex;order:3}
  .social-links{gap:0;padding-right:6px;margin-right:2px}
  .social-links a{width:30px;height:32px}
  .social-links .icon,.social-links .brand-icon{width:16px;height:16px}
  .primary-navigation{display:none;order:4;width:100%;margin:2px 0 0;padding-top:8px;border-top:1px solid var(--line)}
  .primary-navigation.is-open{display:block}
  .nav-list{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin:0}
  .nav-list>li>a{padding:12px 12px;font-size:15px}
  .nav-list .sub-menu{position:static;display:block;min-width:0;margin:2px 0 4px 12px;padding:0;background:none;border:0;box-shadow:none}
  .nav-list .sub-menu::before{display:none}
  .header-search{padding-bottom:14px}

  .home-main{padding-top:24px}
  .live-heading{gap:10px}
  .live-heading h1,.live-heading h2{font-size:24px}
  .next-live{font-size:12px;min-height:26px}
  .player-tabs{gap:2px;padding:3px}
  .platform-tab{gap:6px;min-height:34px;font-size:12px;padding:0 4px}
  .platform-tab .icon{width:15px;height:15px}
  .player-stage{border-radius:var(--radius-md)}
  .stream-actions{gap:8px}
  .stream-actions .primary{flex:1}
  .stream-actions .button{font-size:13px;padding-inline:14px}
  .button.cinema-button{margin-left:auto}
  .chat-panel{height:400px}
  .chat-body{min-height:240px}
  .chat-heading{padding:12px 14px}

  .intro{margin-top:28px}
  .intro h2{font-size:20px}
  .intro p{font-size:14px}
  .content-section{margin-top:44px}
  .section-heading{margin-bottom:16px;gap:12px}
  .content-section[aria-labelledby="latest-clips"]>.section-heading,
  .content-section[aria-labelledby="latest-setup"]>.section-heading{gap:12px}
  .local-filters{gap:6px}
  .chip{min-height:32px;padding:0 12px;font-size:13px}
  .more-link{font-size:13px}
  .blog-tools{width:100%;margin-left:0}
  .blog-tools .search-form{width:auto;flex:1;min-width:190px}

  .card-grid{gap:20px 12px}
  .card-copy{padding-top:10px}
  .card-copy h3{font-size:14px}
  .card-copy p{font-size:13px}
  .card-grid.three{grid-template-columns:1fr}
  .card-grid.three .card-link{display:grid;grid-template-columns:40% 1fr;gap:14px;align-items:start}
  .card-grid.three .card-copy{padding-top:0}
  .home-main section[aria-labelledby="latest-blog"] .card-grid{gap:24px}
  .home-main section[aria-labelledby="latest-blog"] .card-link{display:block}
  .home-main section[aria-labelledby="latest-blog"] .card-copy{padding-top:12px}
  section[aria-labelledby="latest-videos"] .card-grid{grid-template-columns:1fr;gap:16px}
  section[aria-labelledby="latest-videos"] .card-link{grid-template-columns:43% 1fr;gap:14px}
  section[aria-labelledby="latest-videos"] .card-copy{padding-top:0}
  section[aria-labelledby="latest-videos"] .card-copy h3{font-size:14px}
  section[aria-labelledby="latest-videos"] .card-copy p{-webkit-line-clamp:2}
  .platform-label,.duration{bottom:8px;font-size:10px;padding:2px 6px}
  .platform-label{left:8px}.duration{right:8px}

  .gear-card .card-copy{padding:10px 12px 12px}
  .gear-card .card-copy h3{font-size:13px}
  .gear-card .card-image{aspect-ratio:1.2}
  #setup-grid .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home-main #setup-grid .gear-card .card-image{aspect-ratio:1.2}
  .home-main #setup-grid .gear-card .card-copy{padding:10px 12px 12px}
  .affiliate-label{padding:0 12px 12px}

  .site-footer{margin-top:64px}
  .footer-inner{padding-block:22px;font-size:13px}
  .footer-links,.footer-menu{gap:2px 18px}

  .content-main{padding-top:32px}
  .page-heading{margin-bottom:22px}
  .page-heading p{font-size:15px}
  .entry-header{margin-bottom:24px}
  .entry-header h1{font-size:32px}
  .entry-content{font-size:16px}
  .entry-content h2{font-size:22px}
  .entry-content .alignwide{max-width:calc(100vw - 32px)}
  .gear-detail{grid-template-columns:1fr;gap:24px}
  .gear-detail .entry-cover{padding:28px;aspect-ratio:1.3}
  .gear-detail .entry-header h1{font-size:28px}
  .gear-detail .button{margin-top:22px}
  .cinema .home-main{width:calc(100% - 24px)}
  .about-section{margin-top:28px}
  .about-edit{position:static;margin-top:18px;align-self:flex-start}
  .about-card{grid-template-columns:1fr;gap:20px;padding:24px 20px;border-radius:18px}
  .about-media{width:84px}
  .about-photo,.about-logo{border-radius:16px}
  .about-text{font-size:15px}
  .about-points{grid-template-columns:1fr;gap:10px}
  .about-actions .button{flex:1 1 calc(50% - 4px);padding-inline:10px}
}
@media(max-width:480px){
  .player-message>img{display:none}
}
/* Accueil mobile : setup compact — onglets sur une ligne, cartes qui défilent horizontalement. */
@media(max-width:760px){
  .content-section[aria-labelledby="latest-setup"]>.section-heading{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}
  .content-section[aria-labelledby="latest-setup"] .more-link{grid-column:2;grid-row:1}
  .content-section[aria-labelledby="latest-setup"] .local-filters{grid-column:1/-1;flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .content-section[aria-labelledby="latest-setup"] .local-filters::-webkit-scrollbar{display:none}
  .content-section[aria-labelledby="latest-setup"] .chip{flex-shrink:0}
  #setup-grid .card-grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:0 16px 4px;scroll-padding-inline:16px;scrollbar-width:none;overscroll-behavior-x:contain}
  #setup-grid .card-grid::-webkit-scrollbar{display:none}
  #setup-grid .card-grid>.content-card{flex:0 0 46%;scroll-snap-align:start}
}
@media(max-width:480px){
  .live-badge .long{display:none}
  .live-badge .short{display:inline}
  .header-inner{gap:6px}
  .social-links a{width:26px}
  .social-links .icon,.social-links .brand-icon{width:15px;height:15px}
  .header-tools .icon-button{width:34px}
  .mobile-toggle{width:34px}
}
@media(max-width:380px){
  .header-inner:has(.live-badge) .social-links{display:none}
}
@media(max-width:410px){
  .social-links a{width:27px}
  .social-links .icon,.social-links .brand-icon{width:15px;height:15px}
  .player-message>small{max-width:230px}
  .button.cinema-button{width:100%;margin:0}
  .card-copy h3{font-size:13px}
  .card-grid.three .card-link{grid-template-columns:1fr}
  .card-grid.three .card-copy{padding-top:0}
  .search-form{flex-wrap:nowrap}
  .search-form label{min-width:0}
}
@media(max-width:350px){
  .social-links{display:none}
}

/* --------------------------------------------------------------------------
   14. Mouvement réduit
   -------------------------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* Me suivre (hors ligne) */
.follow-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.follow-label{font-size:13px;color:var(--muted);margin-right:2px}
.follow-row{gap:6px}
.follow-row .follow-icon{width:40px;min-height:40px;padding:0;border-radius:12px}
.follow-row .follow-icon .icon{width:18px;height:18px}

/* Fenêtre de don */
.donate-dialog{
  width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px;
  border:1px solid var(--line-2);border-radius:20px;background:var(--surface);color:var(--text);
  box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.donate-dialog::backdrop{background:rgba(5,5,7,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.donate-dialog[open]{animation:nc-pop .22s var(--ease)}
@keyframes nc-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.donate-close-form{position:absolute;top:14px;right:14px;margin:0}
.donate-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--gold);color:#1d1300;margin-bottom:16px}
.donate-dialog h2{font-size:24px;letter-spacing:-.03em}
.donate-text{margin-top:12px;color:var(--text-2);font-size:15px;line-height:1.65}
.donate-text p+p{margin-top:10px}
.donate-rules{margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.025)}
.donate-rules-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text)}
.donate-rules ul{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.55;color:var(--muted)}
.donate-rules li+li{margin-top:6px}
.donate-confirm{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:13px;line-height:1.5;color:var(--text-2);cursor:pointer}
.donate-confirm input{margin-top:3px;width:16px;height:16px;accent-color:#ffae1f;flex-shrink:0}
.donate-confirm.is-required span{color:#ffc04d}
.donate-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.donate-actions form{margin:0}
.donate-note{margin-top:14px;font-size:12px;color:var(--muted)}
@media(max-width:760px){
  .header-tools>.social-links{display:none}
  .primary-navigation .nav-social{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
  .nav-social a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-sm);color:var(--text-2);background:rgba(255,255,255,.04)}
  .nav-social .icon{width:18px;height:18px}
  .follow-row{width:100%}
  .follow-row .follow-icon{flex:1 1 0;max-width:56px}
  .donate-dialog{padding:24px 20px}
  .donate-actions .button,.donate-actions form{flex:1}
  .donate-actions form .button{width:100%}
}
/* Hors ligne : la rangée « Me suivre » prend la place ; Mode cinéma passe en icône. */
.stream-actions:has(.follow-row) .cinema-button{padding-inline:10px}
.stream-actions:has(.follow-row) .cinema-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){
  .stream-actions .button.donation{flex:1}
}

/* --------------------------------------------------------------------------
   Agenda
   -------------------------------------------------------------------------- */
.agenda-links{display:flex;align-items:center;gap:18px;margin-left:auto}
.agenda-links .more-link .icon{transition:none}
.agenda-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.agenda-list.is-full{grid-template-columns:1fr;max-width:860px}
.agenda-item{
  position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:start;padding:16px 18px;
  border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);
  transition:border-color .2s var(--ease),background-color .2s var(--ease),transform .25s var(--ease);
}
.agenda-item:hover{border-color:var(--line-2);background:var(--surface-2)}
.agenda-item.is-now{border-color:rgba(255,59,78,.45);box-shadow:0 0 0 1px rgba(255,59,78,.15) inset}
.agenda-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:72px;border-radius:12px;background:rgba(255,255,255,.05);text-transform:uppercase}
.type-live .agenda-date{background:linear-gradient(180deg,rgba(255,59,78,.16),rgba(255,59,78,.06))}
.agenda-wd,.agenda-mon{font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--muted)}
.agenda-day{font-size:24px;font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums}
.agenda-body{min-width:0}
.agenda-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:12px;color:var(--muted)}
.agenda-type{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--text-2);font-weight:600;letter-spacing:.02em}
.type-live .agenda-type{background:rgba(255,59,78,.14);color:#ff8090}
.agenda-dot{width:6px;height:6px;border-radius:50%;background:var(--live)}
.agenda-time{font-variant-numeric:tabular-nums;color:var(--text-2)}
.agenda-countdown:not(:empty)::before{content:"·";margin-right:10px;color:var(--subtle)}
.agenda-countdown.is-now{color:#ff8090;font-weight:600}
.agenda-item h3{margin-top:6px;font-size:16px;line-height:1.35}
.agenda-item h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.agenda-excerpt{margin-top:4px;font-size:13.5px;color:var(--muted);line-height:1.5}
.agenda-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.agenda-platforms{display:flex;gap:6px}
.agenda-pf{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.05);color:var(--text-2)}
.pf-twitch{color:#a970ff}.pf-youtube{color:#ff3347}.pf-kick{color:var(--brand-kick)}.pf-facebook{color:#3d86ff}.pf-instagram{color:#f77ac0}
.agenda-add{display:flex;gap:4px;margin-left:auto}
.agenda-add a{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--muted)}
.agenda-add a:hover{color:var(--text);border-color:var(--line-3)}
.page-actions{margin-top:20px}
.event-when{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px;font-size:16px;color:var(--text-2)}
.event-when .agenda-countdown{font-size:14px}
.event-actions,.event-add{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.event-add{margin-top:12px}
@media(max-width:900px){.agenda-list{grid-template-columns:1fr}}
@media(max-width:760px){
  .agenda-item{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:14px}
  .agenda-date{height:60px}
  .agenda-day{font-size:20px}
  .agenda-foot{flex-wrap:wrap}
  .agenda-links{gap:14px}
}

/* --------------------------------------------------------------------------
   Page de liens (lien en bio)
   -------------------------------------------------------------------------- */
.links-page{min-height:100vh;min-height:100dvh;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(109,74,255,.22),transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(56,92,170,.10),transparent 70%)}
.links-main{width:min(520px,calc(100% - 32px));margin:0 auto;padding:48px 0 32px;display:flex;flex-direction:column;gap:14px}
.links-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:8px}
.links-avatar{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:28px;background:radial-gradient(ellipse at 50% 35%,rgba(255,255,255,.08),transparent 70%),var(--surface-2);border:1px solid var(--line-2);overflow:visible}
.links-avatar img{width:100%;height:100%;object-fit:cover;border-radius:27px}
.links-avatar img[src$=".svg"]{width:52%;height:auto;border-radius:0}
.links-avatar-live{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);padding:2px 8px;border-radius:999px;background:#e5132b;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 0 3px var(--bg)}
.links-head h1{font-size:26px;letter-spacing:-.03em;margin-top:6px}
.links-bio{max-width:380px;color:var(--text-2);font-size:14.5px;line-height:1.55}
.links-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px}
.links-icons a{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--text-2)}
.links-icons{gap:2px}
.links-icons a:hover{background:rgba(255,255,255,.06);color:var(--text)}
.links-live,.links-next{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--line-2);background:var(--surface)}
.links-live{background:linear-gradient(120deg,#e5132b,#b40d22);border-color:transparent;color:#fff;box-shadow:0 10px 30px rgba(229,19,43,.3)}
.links-live:hover{color:#fff;filter:brightness(1.06)}
.links-live>span:nth-child(2),.links-next>span{flex:1;min-width:0;display:flex;flex-direction:column}
.links-live small,.links-next small{font-size:13px;opacity:.8;margin-top:1px}
.links-next .icon:first-child{color:#ff8090}
.links-next:hover{border-color:var(--line-3)}
.links-list{display:flex;flex-direction:column;gap:10px}
.links-btn{
  display:flex;align-items:center;gap:14px;min-height:56px;padding:0 18px 0 10px;border-radius:16px;
  background:var(--b,var(--surface-2));color:var(--on-b,var(--text));font-weight:600;font-size:15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:transform .2s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease);
}
.links-btn:hover{color:var(--on-b,var(--text));filter:brightness(1.08);transform:translateY(-1px)}
.links-btn:active{transform:translateY(0) scale(.99)}
.links-btn-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(0,0,0,.18)}
.links-btn-label{flex:1}
.links-btn>.icon:last-child{opacity:.7}
.links-btn.is-plain{background:var(--surface);border:1px solid var(--line);box-shadow:none;font-weight:500}
.links-btn.is-plain .links-btn-icon{background:rgba(255,255,255,.05)}
.links-btn.brand-tiktok,.links-btn.brand-x{border:1px solid rgba(255,255,255,.14)}
.links-donate,.links-notify{width:100%;min-height:52px;border-radius:16px;font-size:15px}
.links-pro{margin-top:10px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center}
.links-pro h2{font-size:17px}
.links-pro p{margin-top:4px;color:var(--muted);font-size:14px}
.links-pro-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.links-foot{display:flex;justify-content:center;gap:16px;margin-top:10px;font-size:12px;color:var(--subtle)}
.links-foot a:hover{color:var(--text)}

/* --------------------------------------------------------------------------
   Motion design (discret) — désactivé si l’utilisateur réduit les animations
   -------------------------------------------------------------------------- */
.reveal{opacity:0;transform:translateY(16px)}
.reveal.is-in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}
.stream-ambient{animation:nc-ambient 16s ease-in-out infinite alternate;transform-origin:80% 90%}
@keyframes nc-ambient{0%{transform:scale(1) translate3d(0,0,0);opacity:.9}100%{transform:scale(1.12) translate3d(-3%,-2%,0);opacity:1}}
.nc-chat-row{animation:nc-in .35s var(--ease) both}
@keyframes nc-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.gear-card,.agenda-item,.brand-button,.button.primary,.button.donation{will-change:auto}
.gear-card:hover{transform:translateY(-2px)}
.gear-card{transition:border-color .2s var(--ease),background-color .2s var(--ease),transform .3s var(--ease)}
.agenda-item:hover{transform:translateY(-2px)}
.brand-button:hover,.button.primary:hover,.button.donation:hover{transform:translateY(-1px)}
.brand-button:active,.button.primary:active,.button.donation:active{transform:translateY(0) scale(.98)}
.content-card .card-image{transition:box-shadow .3s var(--ease)}
.card-link:hover .card-image{box-shadow:inset 0 0 0 1px var(--line-2),0 14px 30px -16px rgba(0,0,0,.7)}
.platform-tab.active,.chat-view-switch button[aria-pressed="true"],.chat-filter button[aria-pressed="true"]{transition:background-color .25s var(--ease),box-shadow .25s var(--ease),color .2s var(--ease)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}.gear-card:hover,.agenda-item:hover{transform:none}}

/* Notifications */
.push-toggle{position:relative}
.push-toggle.is-on{color:var(--text)}
.push-toggle.is-on::after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 2px var(--bg)}
.push-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.08);color:var(--text);margin-bottom:16px}
.push-text{margin-top:10px;color:var(--text-2);font-size:15px;line-height:1.6}
.push-topics{display:grid;gap:8px;margin:18px 0 0;padding:0;border:0}
.push-topic{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.02);cursor:pointer;font-size:14px}
.push-topic:hover{border-color:var(--line-2)}
.push-topic input{width:18px;height:18px;accent-color:var(--selected)}
.push-topic:has(input:checked){border-color:var(--line-3);background:rgba(255,255,255,.05)}
.push-status{min-height:20px;margin-top:12px;font-size:13px;color:var(--text-2)}
.push-status[data-kind="ok"]{color:#5ee49a}
.push-status[data-kind="warn"]{color:#ffc04d}
.about-notify{margin-top:18px;margin-right:8px}
.agenda-links .text-button{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;font-weight:500}
.agenda-links .text-button:hover{color:var(--text)}

/* Spectateurs en direct */
.viewers{display:inline-flex;align-items:center;gap:2px;min-height:28px;padding:3px;border:1px solid rgba(255,59,78,.28);border-radius:999px;background:rgba(255,59,78,.07);font-size:13px;animation:nc-in .4s var(--ease) both}
.viewers-total{display:inline-flex;align-items:center;gap:6px;padding:0 10px 0 8px;color:var(--text-2)}
.viewers-total .icon{color:#ff8090}
.viewers-total strong{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.viewers-split{display:inline-flex;align-items:center;gap:2px}
.viewers-split:empty{display:none}
.viewers-pf{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--text-2);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.viewers-pf.pf-tiktok .icon{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
.tab-count{margin-left:2px;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--muted);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.platform-tab.active .tab-count{color:var(--text-2)}
@media(max-width:760px){.viewers{font-size:12px}.viewers-split{display:none}.tab-count{display:none}}
.viewers-pf.pf-twitch .icon{color:#a970ff}.viewers-pf.pf-youtube .icon{color:#ff3347}.viewers-pf.pf-kick .icon{color:var(--brand-kick)}

/* « Gratuit » intégré au bouton Suivre */
.follow-free{margin-left:2px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.2);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.3}
[data-brand="kick"] .follow-free,[data-brand="snapchat"] .follow-free{background:rgba(0,0,0,.14)}
/* Règles du chat */
.chat-rules-btn{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:4px 9px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:500}
.chat-rules-btn:hover{color:var(--text);border-color:var(--line-3)}
.chat-heading .quiet-label{margin-left:8px}
.rules-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#c084fc,#7c3aed);color:#fff;margin-bottom:16px}
.rules-list{margin:16px 0 0;padding:0;list-style:none;counter-reset:r;display:grid;gap:8px}
.rules-list li{counter-increment:r;display:flex;gap:12px;align-items:flex-start;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.02);font-size:14px;line-height:1.5;color:var(--text-2)}
.rules-list li::before{content:counter(r);flex:0 0 22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.08);color:var(--text);font-size:12px;font-weight:700}
.rules-outro{margin-top:14px}
button.links-btn{width:100%;border:1px solid var(--line);text-align:left;cursor:pointer;font:inherit}

/* Onglet « bientôt » (TikTok / Facebook pas encore streamés) */
.live-layout.soon-mode{grid-template-columns:minmax(0,1fr)!important}
.live-layout.soon-mode .chat-panel{display:none}
.soon-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;text-align:center;
  background:radial-gradient(ellipse 60% 70% at 50% 30%,color-mix(in srgb,var(--soon,#a78bfa) 22%,transparent),transparent 70%),#0b0b0e}
.soon-card[data-brand="tiktok"]{--soon:#25f4ee}.soon-card[data-brand="facebook"]{--soon:#0866ff}
.soon-tile{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;margin-bottom:6px;color:#fff;
  background:linear-gradient(180deg,#262629,#0b0b0c);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.1),0 0 0 2px color-mix(in srgb,var(--soon) 55%,transparent),0 18px 40px -16px var(--soon)}
.soon-tile svg{width:36px;height:36px}
.soon-kicker{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.soon-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--soon);box-shadow:0 0 10px var(--soon)}
.soon-title{font-size:clamp(22px,3vw,34px);font-weight:700;letter-spacing:-.03em;color:var(--text);line-height:1.15}
.soon-text{max-width:460px;font-size:15px;line-height:1.55;color:var(--muted)}
.soon-follow{margin-top:8px}
.soon-others{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:13px;color:var(--muted)}
.soon-other{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:var(--text);font:inherit;font-weight:600;cursor:pointer}
.soon-other svg{width:16px;height:16px}
.soon-other:hover{border-color:var(--line-3);background:rgba(255,255,255,.06)}
@media (max-width:760px){.live-layout.soon-mode .player-stage{aspect-ratio:auto;height:auto}.soon-card{position:relative;inset:auto;min-height:340px;padding:30px 18px}.soon-tile{width:64px;height:64px;border-radius:20px}.soon-tile svg{width:30px;height:30px}}

/* Chat d'une plateforme sur téléphone : carte qui ouvre l'appli */
.chat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;min-height:300px;padding:26px 20px;text-align:center;
  background:radial-gradient(ellipse 70% 60% at 50% 25%,color-mix(in srgb,var(--cc,#a78bfa) 20%,transparent),transparent 70%)}
.chat-card[data-brand="twitch"]{--cc:#9146ff}.chat-card[data-brand="youtube"]{--cc:#ff0033}.chat-card[data-brand="kick"]{--cc:#53fc18}
.chat-card[data-brand="tiktok"]{--cc:#25f4ee}.chat-card[data-brand="facebook"]{--cc:#0866ff}
.chat-card-tile{display:grid;place-items:center;width:60px;height:60px;border-radius:19px;color:#fff;background:linear-gradient(180deg,#262629,#0b0b0c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.1),0 0 0 2px color-mix(in srgb,var(--cc) 50%,transparent),0 14px 30px -14px var(--cc)}
.chat-card-tile svg{width:28px;height:28px}
.chat-card-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text)}
.chat-card-text{max-width:280px;font-size:14px;line-height:1.5;color:var(--muted)}
.chat-card-open{margin-top:4px}
.chat-card-multi{margin-top:2px;padding:6px 10px;border:0;background:none;color:var(--text-2);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.chat-card>*,.soon-card>*{flex-shrink:0}

.chat-card-full{margin-top:4px}
/* Chat plein écran (téléphone) */
.chat-sheet-open,.chat-sheet-open body{overflow:hidden}
.chat-sheet{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#0b0b0e;height:100dvh}
.chat-sheet-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid var(--line);color:var(--text)}
.chat-sheet-bar svg{width:20px;height:20px}
.chat-sheet-bar strong{flex:1;font-size:16px;font-weight:700}
.chat-sheet-close{width:40px;height:40px;border-radius:12px;border:1px solid var(--line-2);background:rgba(255,255,255,.05);color:var(--text);font-size:26px;line-height:1;cursor:pointer}
.chat-sheet-frame{flex:1;width:100%;border:0;background:#0b0b0e;padding-bottom:env(safe-area-inset-bottom)}
#platform-chat-body{overflow-y:auto}
.chat-card{height:auto;min-height:100%;gap:8px;padding:18px 16px}
.chat-card-tile{width:52px;height:52px;border-radius:16px}.chat-card-tile svg{width:24px;height:24px}
.chat-card-title{font-size:18px}.chat-card-text{font-size:13px}

/* Téléphone : chat de la plateforme intégré dans un panneau plus haut */
.chat-mobile{display:flex;flex-direction:column;height:100%}
.chat-mobile-frame{flex:1;width:100%;min-height:0;border:0;background:#0b0b0e}
.chat-mobile-bar{display:flex;gap:8px;padding:8px;border-top:1px solid var(--line)}
.chat-mobile-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:38px;border-radius:10px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
@media (max-width:760px){
  .chat-panel.platform-mobile,.chat-panel.has-native-chat.platform-mobile{height:min(82dvh,680px)}
  .chat-panel.platform-mobile #platform-chat-body{overflow:hidden}
}
@media (max-width:760px){
  .chat-panel.platform-mobile #platform-chat-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
  .chat-panel.platform-mobile .chat-mobile{flex:1 1 auto;min-height:0;height:auto}
}
.chat-mobile .chat-mobile-frame{flex:1 1 0;height:auto!important;min-height:0!important}.chat-mobile-bar{flex:0 0 auto}
.chat-mobile .chat-mobile-frame{position:static!important;inset:auto!important}.chat-panel.platform-mobile #platform-chat-body .chat-mobile{position:absolute;inset:0;display:flex;flex-direction:column}

/* Compteur de spectateurs cliquable + détail par plateforme */
.viewers.is-clickable{cursor:pointer;border-radius:999px;transition:background .2s}
.viewers.is-clickable:hover,.viewers.is-clickable[aria-expanded="true"]{background:rgba(255,255,255,.06)}
.viewers.is-clickable:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.live-heading{position:relative}
.viewers-detail{position:absolute;z-index:60;top:calc(100% + 8px);left:0;min-width:250px;padding:12px;border-radius:16px;background:#0f0f13;
  box-shadow:inset 0 0 0 1px var(--line-2),0 24px 50px -18px rgba(0,0,0,.85);font-size:14px;animation:vdIn .18s ease-out}
@keyframes vdIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.vd-head{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:2px 4px 8px}
.vd-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 6px;border-radius:9px}
.vd-row+.vd-row{border-top:1px solid var(--line)}
.vd-name{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:500}
.vd-name svg{flex:0 0 auto}
.vd-name.pf-twitch svg{color:#a970ff}.vd-name.pf-youtube svg{color:#ff3347}.vd-name.pf-kick svg{color:#53fc18}.vd-name.pf-tiktok svg{color:#fff}.vd-name.pf-facebook svg{color:#3d86ff}
.vd-val.is-ok{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.vd-val.is-muted{font-size:12px;color:var(--muted)}
.vd-total{display:flex;justify-content:space-between;margin-top:6px;padding:9px 6px 2px;border-top:1px solid var(--line-2);color:var(--text-2)}
.vd-total strong{color:var(--text);font-variant-numeric:tabular-nums}
.vd-foot{margin:8px 6px 0;font-size:11.5px;color:var(--muted)}