/* =====================================================================
   JM RADIO — theme-clair.css : version BLANC + ROUGE du site (06/10/2026)
   Activée par la classe « theme-clair » sur <html> dans les pages publiques.
   POUR REVENIR AU NOIR : enlever class="theme-clair" de <html> (ou ce fichier).
   Partie 1 : retouches à la main. Partie 2 : générée automatiquement à partir
   des feuilles sombres (couleurs claires <-> sombres, doré -> rouge).
   ===================================================================== */
html.theme-clair {
    color-scheme: light;
    --gold: #E72535; --gold-light: #F87171; --gold-dark: #B91C1C; --gold-glow: rgba(231, 37, 53, 0.3);
    --gold-gradient: linear-gradient(135deg, #F0414F 0%, #E72535 55%, #C4162A 100%);
    --gradient-gold: linear-gradient(135deg, #F0414F 0%, #E72535 55%, #C4162A 100%);
    --bg-primary: #F3F4F7; --bg-secondary: #FFFFFF; --text-primary: #0F172A; --text-secondary: #64748B;
    --border-color: rgba(231, 37, 53, 0.2); --card-bg: #FFFFFF;
    --shadow-md: 0 8px 20px rgba(15, 23, 42, 0.06); --shadow-lg: 0 14px 30px rgba(15, 23, 42, 0.08); --shadow-xl: 0 20px 44px rgba(15, 23, 42, 0.12);
    --jm-panel: #FFFFFF; --jm-border: #E6E8EE;
    --hm-panel: #FFFFFF; --hm-panel-border: #E6E8EE; --hm-panel-hover: #D7DAE2; --hm-text: #0F172A; --hm-muted: #64748B; --hm-dim: #94A3B8;
    --sb-bg: #FFFFFF; --sb-line: #EEF0F4;
    --badge-bg: rgba(231, 37, 53, 0.1); --badge-border: rgba(231, 37, 53, 0.3); --dot-off: rgba(15, 23, 42, 0.18);
}
html.theme-clair, html.theme-clair body { background: #F3F4F7; color: #0F172A; }
html.theme-clair .bg, html.theme-clair .overlay { display: none; }

/* ---------- d'après style.css ---------- */
html.theme-clair { --gold: #E72535; --gold-light: #E72535; --gold-dark: #E72535; --gold-glow: rgba(231, 37, 53, 0.35); --border-color: rgba(231, 37, 53, 0.2); }
html.theme-clair { background-color: var(--bg-primary, #FFFFFF); }
html.theme-clair body { background: var(--bg-primary); color: var(--text-primary); }
html.theme-clair #loader-wrapper { background: #FFFFFF; }
html.theme-clair .loader-spinner { border: 3px solid transparent; border-top-color: var(--gold); border-bottom-color: var(--jmradio-red); }
html.theme-clair .loader-text { color: var(--text-secondary); }
html.theme-clair .bg { filter: blur(18px) brightness(0.45) saturate(0.9); }
html.theme-clair .overlay { background: radial-gradient(circle at 50% 0%, rgba(231, 37, 53, 0.06), rgba(255, 255, 255, 0.92) 55%, rgba(255, 255, 255, 0.92) 100%); }
html.theme-clair .section-title { color: var(--text-primary); }
html.theme-clair .section-title::before { background: var(--gradient-gold); }
html.theme-clair .artist { color: var(--gold); }
html.theme-clair .info-badge-live { background: #E72535; color: white; }
html.theme-clair .pc-monitor { background: #EEF1F5; border: 14px solid #E2E5EB; outline: 2px solid var(--gold); box-shadow: var(--shadow-xl); }
html.theme-clair .screen-content { background: #FFFFFF; }
html.theme-clair .slide-panel { color: #0F172A; }
html.theme-clair .slide-app { background: radial-gradient(circle, #EEF1F5, #FFFFFF); }
html.theme-clair .slide-insta { background: radial-gradient(circle, #8a1d41, #FFFFFF); }
html.theme-clair .slide-tiktok { background: radial-gradient(circle, #EEF1F5, #000000); }
html.theme-clair .slide-discord { background: radial-gradient(circle, #3c458a, #EEF1F5); }
html.theme-clair .slide-panel p { color: rgba(15, 23, 42, 0.85); }
html.theme-clair .hub-action-btn { background: var(--gradient-gold); color: #FFFFFF; box-shadow: 0 4px 12px rgba(231, 37, 53, 0.2); }
html.theme-clair .hub-action-btn:hover { filter: brightness(1.1); }
html.theme-clair .windows-taskbar { background: rgba(255, 255, 255, 0.92); border-top: 1px solid rgba(15, 23, 42, 0.112); }
html.theme-clair .taskbar-right { color: #0F172A; }
html.theme-clair #winDate { color: #64748B; }
html.theme-clair .tb-icon { color: #0F172A; }
html.theme-clair .tb-icon.start { color: #0078d7; }
html.theme-clair .pc-stand { background: #94a3b8; }
html.theme-clair .pc-base { background: #cbd5e1; }
html.theme-clair .day-tab { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.07); color: var(--text-secondary); }
html.theme-clair .timeline-line { background: linear-gradient(180deg, rgba(231, 37, 53, 0.4) 0%, rgba(15, 23, 42, 0.03) 100%); }
html.theme-clair .timeline-item.live-now .timeline-line { background: linear-gradient(180deg, #EF4444 0%, rgba(239, 68, 68, 0.2) 100%); }
html.theme-clair .empty-schedule { color: var(--text-secondary); background: var(--card-bg); border: 1px solid var(--border-color); }
html.theme-clair .player-bar { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.07); box-shadow: 0 10px 40px rgba(15, 23, 42, 0.12); }
html.theme-clair .player-left img { border: 1.5px solid var(--gold); }
html.theme-clair #barTitle { color: #0F172A; }
html.theme-clair #barArtist { color: var(--text-secondary); }
html.theme-clair .playBtn { background: var(--gradient-gold); border: none; color: #FFFFFF; box-shadow: 0 0 20px rgba(231, 37, 53, 0.3); }
html.theme-clair .playBtn:hover { box-shadow: 0 0 20px rgba(231, 37, 53, 0.6); }
html.theme-clair .volume { color: #64748B; }
html.theme-clair .volume:hover { color: #0F172A; }
html.theme-clair .volume input { accent-color: var(--gold); }
html.theme-clair .modal { background: rgba(15, 23, 42, 0.45); }
html.theme-clair .modal-content { background: #FFFFFF; border: 1px solid var(--border-color); box-shadow: var(--shadow-xl); }
html.theme-clair .close-modal { background: rgba(15, 23, 42, 0.03); border: none; color: #64748B; }
html.theme-clair .close-modal:hover { background: rgba(239, 64, 64, 0.2); color: var(--error); }
html.theme-clair .modal-content h2 { color: #0F172A; }
html.theme-clair .input-group i { color: var(--text-secondary); }
html.theme-clair .input-group input,
html.theme-clair .input-group textarea { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(231, 37, 53, 0.2); color: #0F172A; outline: none; }
html.theme-clair .input-group input:focus,
html.theme-clair .input-group textarea:focus { border-color: var(--gold); background: rgba(231, 37, 53, 0.05); box-shadow: 0 0 15px rgba(231, 37, 53, 0.1); }
html.theme-clair .char-count { color: var(--text-secondary); }
html.theme-clair .modal-content button[type="submit"] { background: var(--gradient-gold); border: none; color: #FFFFFF; box-shadow: var(--shadow-md); }
html.theme-clair .membre-card { background: var(--card-bg, rgba(255, 255, 255, 0.92)) !important; border: 1px solid var(--border-color, rgba(231, 37, 53, 0.12)) !important; }
html.theme-clair .membre-card:hover { border-color: var(--gold, #E72535) !important; box-shadow: var(--shadow-gold, 0 0 25px rgba(231, 37, 53, 0.25)) !important; }
html.theme-clair .membre-image-container { background: #FFFFFF !important; }
@media (max-width: 992px) {
html.theme-clair .player-bar { border-top: 1px solid var(--border-color, rgba(231, 37, 53, 0.12)) !important; }
html.theme-clair .mobile-bottom-nav { background: #FFFFFF !important; border-top: 1px solid rgba(15, 23, 42, 0.112) !important; }
html.theme-clair .mobile-nav-item { color: var(--text-secondary, #64748B) !important; border: none !important; background: transparent !important; }
html.theme-clair .mobile-nav-item.active { color: var(--gold, #E72535) !important; }
}
html.theme-clair .news-feed-ticker { background: rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.14); }
html.theme-clair .ticker-item { color: #0F172A; }
html.theme-clair .btn-vocal { background: linear-gradient(135deg, #FFFFFF, #EEF1F5); border: 1px solid var(--jmradio-red); color: var(--jmradio-red); }
html.theme-clair .btn-vocal:hover { background: var(--jmradio-red); color: #fff; box-shadow: 0 0 15px rgba(255, 0, 68, 0.4); }
html.theme-clair .record-btn { background: #ef4444; border: none; color: white; box-shadow: var(--shadow-md); }
html.theme-clair .record-waves span { background: var(--jmradio-red); }
html.theme-clair .pip-btn,
html.theme-clair .karaoke-btn { background: none; border: none; color: #64748B; }
html.theme-clair .pip-btn:hover,
html.theme-clair .karaoke-btn:hover { color: #0F172A; }
html.theme-clair .karaoke-content { background: #000; }
html.theme-clair .karaoke-blur-bg { filter: blur(50px) brightness(0.3); }
html.theme-clair .karaoke-lyrics { color: rgba(15, 23, 42, 0.4); }
html.theme-clair .karaoke-lyrics p:hover { color: #0F172A; }
html.theme-clair .close-karaoke { background: rgba(0,0,0,0.5); border: none; color: white; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12); }
html.theme-clair .news-card { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(231, 37, 53, 0.15); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.09); }
html.theme-clair .news-card:hover { border-color: rgba(231, 37, 53, 0.4); }
html.theme-clair .news-badge { background: #EF4444; color: white; }
html.theme-clair .news-title { color: #0F172A; }
html.theme-clair .news-desc { color: #64748B; }
html.theme-clair .android-card { background: linear-gradient(135deg, rgba(60, 223, 124, 0.08), rgba(60, 223, 124, 0.01)); border-color: rgba(60, 223, 124, 0.15); }
html.theme-clair .android-card i { color: #3CDF7C; }
html.theme-clair .windows-card { background: linear-gradient(135deg, rgba(0, 164, 239, 0.08), rgba(0, 164, 239, 0.01)); border-color: rgba(0, 164, 239, 0.15); }
html.theme-clair .windows-card i { color: #00a4ef; }
html.theme-clair .insta-card { background: linear-gradient(135deg, rgba(228, 64, 95, 0.08), rgba(228, 64, 95, 0.01)); border-color: rgba(228, 64, 95, 0.15); }
html.theme-clair .insta-card i { color: #E4405F; }
html.theme-clair .tiktok-card { background: linear-gradient(135deg, rgba(15, 23, 42, 0.048), rgba(15, 23, 42, 0.025)); border-color: rgba(15, 23, 42, 0.18); }
html.theme-clair .tiktok-card i { color: #0F172A; }
html.theme-clair .discord-card { background: linear-gradient(135deg, rgba(88, 101, 242, 0.08), rgba(88, 101, 242, 0.01)); border-color: rgba(88, 101, 242, 0.15); }
html.theme-clair .discord-card i { color: #5865F2; }
html.theme-clair .android-card:hover { background: linear-gradient(135deg, rgba(60, 223, 124, 0.2), rgba(60, 223, 124, 0.05)); border-color: #3CDF7C; box-shadow: 0 10px 25px rgba(60, 223, 124, 0.25); }
html.theme-clair .windows-card:hover { background: linear-gradient(135deg, rgba(0, 164, 239, 0.2), rgba(0, 164, 239, 0.05)); border-color: #00a4ef; box-shadow: 0 10px 25px rgba(0, 164, 239, 0.25); }
html.theme-clair .insta-card:hover { background: linear-gradient(135deg, rgba(228, 64, 95, 0.2), rgba(228, 64, 95, 0.05)); border-color: #E4405F; box-shadow: 0 10px 25px rgba(228, 64, 95, 0.25); }
html.theme-clair .tiktok-card:hover { background: linear-gradient(135deg, rgba(15, 23, 42, 0.12), rgba(15, 23, 42, 0.03)); border-color: #fff; box-shadow: 0 10px 25px rgba(255, 255, 255, 0.25); }
html.theme-clair .discord-card:hover { background: linear-gradient(135deg, rgba(88, 101, 242, 0.2), rgba(88, 101, 242, 0.05)); border-color: #5865F2; box-shadow: 0 10px 25px rgba(88, 101, 242, 0.25); }
html.theme-clair .player-bar { background: rgba(255, 255, 255, 0.95) !important; border-top: 1px solid rgba(15, 23, 42, 0.14) !important; }
html.theme-clair .player-meta-info #barTitle { color: #0F172A !important; }
html.theme-clair .player-meta-info #barArtist { color: rgba(15, 23, 42, 0.6) !important; }
html.theme-clair .player-center .playBtn { background: #E72535 !important; border: none !important; color: #FFFFFF !important; box-shadow: 0 0 15px rgba(231, 37, 53, 0.6) !important; }
html.theme-clair .volume { color: #0F172A !important; }
@media (max-width: 768px) {
html.theme-clair .mobile-day-controls { background: rgba(15, 23, 42, 0.03) !important; border: 1px solid rgba(15, 23, 42, 0.14) !important; }
html.theme-clair .next-day-btn { background: linear-gradient(135deg, #ff0055 0%, #ff5500 100%) !important; color: #ffffff !important; border: none !important; }
}
html.theme-clair .now-playing-banner { background: var(--card-bg, rgba(255, 255, 255, 0.92)) !important; border: 1px solid var(--border-color, rgba(231, 37, 53, 0.12)) !important; box-shadow: var(--shadow-lg, 0 16px 36px rgba(15, 23, 42, 0.048)) !important; }
html.theme-clair .now-playing-banner img { border: 2px solid var(--gold, #E72535) !important; box-shadow: 0 0 25px rgba(231, 37, 53, 0.25) !important; }
html.theme-clair .now-playing-tag { color: var(--jmradio-red, #E72535) !important; }
html.theme-clair .now-playing-artist { color: #0F172A !important; }
html.theme-clair .now-playing-title { color: var(--text-secondary, #64748B) !important; }
html.theme-clair .timeline-filters { background: rgba(15, 23, 42, 0.025) !important; border: 1px solid rgba(15, 23, 42, 0.07) !important; }
html.theme-clair .date-display-fr { color: var(--gold, #E72535) !important; }
html.theme-clair .timeline-filters input[type="date"],
html.theme-clair .timeline-filters input[type="time"] { background: #FFFFFF !important; border: 1px solid var(--border-color, rgba(231, 37, 53, 0.12)) !important; color: #0F172A !important; outline: none !important; }
html.theme-clair .btn-reset-time { background: rgba(15, 23, 42, 0.03) !important; border: 1px solid var(--border-color, rgba(231, 37, 53, 0.12)) !important; color: var(--text-secondary, #64748B) !important; }
html.theme-clair .btn-reset-time:hover { background: var(--gold, #E72535) !important; color: #FFFFFF !important; }
@media (max-width: 576px) {
html.theme-clair .timeline-time { background: var(--jmradio-red, #E60000) !important; color: white !important; box-shadow: 0 4px 10px rgba(15, 23, 42, 0.09) !important; }
html.theme-clair .timeline-card { background: rgba(15, 23, 42, 0.025) !important; border: 1px solid rgba(15, 23, 42, 0.112) !important; box-shadow: 0 4px 15px rgba(15, 23, 42, 0.06) !important; }
}
html.theme-clair .day-tab:hover { color: var(--text-primary); border-color: rgba(231, 37, 53, 0.3); background: rgba(15, 23, 42, 0.025); }
html.theme-clair .day-tab.active { background: rgba(231, 37, 53, 0.08); border: 1.5px solid rgba(231, 37, 53, 0.6); color: var(--gold); box-shadow: 0 0 15px rgba(231, 37, 53, 0.15); }
html.theme-clair { background-color: var(--bg-primary, #FFFFFF) !important; }
html.theme-clair .next-week-btn { background: rgba(231, 37, 53, 0.1); border: 1px solid rgba(231, 37, 53, 0.3); color: var(--gold, #E72535); }
html.theme-clair .next-week-btn:hover { background: linear-gradient(135deg, #E72535, #E72535); color: #FFFFFF; border-color: transparent; }
html.theme-clair body { background-color: transparent !important; }
html.theme-clair .days-navbar::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.03); }
html.theme-clair .days-navbar::-webkit-scrollbar-thumb { background: rgba(231, 37, 53, 0.4); }
html.theme-clair .beautiful-timeline { background: transparent !important; border: none !important; box-shadow: none !important; }
html.theme-clair .custom-modal-overlay { background: rgba(15, 23, 42, 0.45); }
html.theme-clair .custom-modal-content { background: var(--bg-primary); border: 1px solid rgba(15, 23, 42, 0.14); box-shadow: 0 25px 50px rgba(15, 23, 42, 0.12); }
html.theme-clair .custom-modal-close { background: rgba(15, 23, 42, 0.06); border: none; color: #0F172A; }
html.theme-clair .custom-modal-close:hover { background: #EF4444; }
html.theme-clair .top30-card { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.07); }
html.theme-clair .top30-card:hover { border-color: var(--gold); }
html.theme-clair .top30-badge { background: #E72535; color: white; box-shadow: 2px -2px 10px rgba(15, 23, 42, 0.12); }
html.theme-clair .top30-artist { color: #64748B; }
html.theme-clair .top30-title { color: #0F172A; }
html.theme-clair .bio-content { color: #334155; }
html.theme-clair .bio-content strong { color: var(--gold); }
html.theme-clair .timeline-item::before { background: linear-gradient(to bottom, rgba(15, 23, 42, 0.12), rgba(15, 23, 42, 0.03)) !important; }
html.theme-clair .player-extra-btn { background: rgba(15, 23, 42, 0.048) !important; border: 1px solid rgba(15, 23, 42, 0.18) !important; color: #0F172A !important; outline: none !important; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.09) !important; }
html.theme-clair .player-extra-btn:hover { background: rgba(231, 37, 53, 0.2) !important; border-color: #E72535 !important; color: #E72535 !important; box-shadow: 0 6px 16px rgba(231, 37, 53, 0.4) !important; }
html.theme-clair .player-extra-btn.active { background: #E72535 !important; border-color: #E72535 !important; color: #FFF !important; box-shadow: 0 0 15px rgba(231, 37, 53, 0.6) !important; }
html.theme-clair .mini-player-overlay { background: rgba(255, 255, 255, 0.92); }
html.theme-clair .mini-player-card { background: rgba(255, 255, 255, 0.95); border: 1px solid rgba(15, 23, 42, 0.168); box-shadow: 0 25px 60px rgba(15, 23, 42, 0.12), 0 0 30px rgba(231, 37, 53, 0.2); }
html.theme-clair .mini-player-badge { background: rgba(231, 37, 53, 0.15); border: 1px solid rgba(231, 37, 53, 0.4); color: #E72535; }
html.theme-clair .mini-action-btn { background: rgba(15, 23, 42, 0.048); border: 1px solid rgba(15, 23, 42, 0.18); color: #0F172A; }
html.theme-clair .mini-action-btn:hover { background: rgba(15, 23, 42, 0.12); color: #E72535; }
html.theme-clair .vinyl-record { background: radial-gradient(circle, #FFFFFF 0%, #FFFFFF 100%); border: 4px solid #E2E5EB; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12), 0 0 20px rgba(231, 37, 53, 0.2); }
html.theme-clair .mini-cover-img { border: 3px solid #E72535; box-shadow: 0 0 15px rgba(231, 37, 53, 0.5); }
html.theme-clair .mini-title { color: #0F172A; }
html.theme-clair .mini-artist { color: #E72535; }
html.theme-clair .mini-play-btn { background: linear-gradient(135deg, #E72535 0%, #E72535 100%); border: none; color: #FFFFFF; box-shadow: 0 0 20px rgba(231, 37, 53, 0.6); }
html.theme-clair .mini-volume-row { color: rgba(15, 23, 42, 0.7); }
html.theme-clair .mini-volume-row input[type="range"] { accent-color: #E72535; }
html.theme-clair .lyrics-modal-overlay { background: rgba(255, 255, 255, 0.92); }
html.theme-clair .lyrics-card { background: rgba(255, 255, 255, 0.95); border: 1px solid rgba(15, 23, 42, 0.168); box-shadow: 0 25px 60px rgba(15, 23, 42, 0.12), 0 0 30px rgba(231, 37, 53, 0.15); }
html.theme-clair .lyrics-header { border-bottom: 1px solid rgba(15, 23, 42, 0.14); }
html.theme-clair .lyrics-badge { background: rgba(231, 37, 53, 0.12); border: 1px solid rgba(231, 37, 53, 0.3); color: #E72535; }
html.theme-clair .lyrics-title-group h3 { color: #0F172A; }
html.theme-clair .lyrics-title-group p { color: #E72535; }
html.theme-clair .close-lyrics-btn { background: rgba(15, 23, 42, 0.048); border: 1px solid rgba(15, 23, 42, 0.18); color: #0F172A; }
html.theme-clair .close-lyrics-btn:hover { background: #E72535; color: #FFF; }
html.theme-clair .lyrics-body { color: rgba(15, 23, 42, 0.9); }
html.theme-clair .lyrics-body::-webkit-scrollbar-thumb { background: rgba(15, 23, 42, 0.12); }
html.theme-clair .lyrics-loading { color: #E72535; }
html.theme-clair .lyrics-loading p { color: rgba(15, 23, 42, 0.7); }
html.theme-clair .lyrics-modal-overlay { background: rgba(255, 255, 255, 0.92); }
html.theme-clair .lyrics-card-deezer { background: linear-gradient(165deg, #FFFFFF 0%, #FFFFFF 100%); border: 1px solid rgba(15, 23, 42, 0.168); box-shadow: 0 30px 80px rgba(15, 23, 42, 0.12), 0 0 40px rgba(168, 85, 247, 0.15); }
html.theme-clair .lyrics-card-deezer::before { background: radial-gradient(circle, rgba(231, 37, 53, 0.25) 0%, rgba(168, 85, 247, 0.2) 50%, transparent 70%); filter: blur(50px); }
html.theme-clair .lyrics-header-deezer { border-bottom: 1px solid rgba(15, 23, 42, 0.112); }
html.theme-clair .lyrics-cover-thumb { box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12); border: 1px solid rgba(15, 23, 42, 0.18); }
html.theme-clair .lyrics-meta-deezer h3 { color: #0F172A; }
html.theme-clair .lyrics-meta-deezer p { color: #E72535; }
html.theme-clair .lyrics-content-deezer::-webkit-scrollbar-thumb { background: rgba(15, 23, 42, 0.12); }
html.theme-clair .deezer-lyric-line { color: rgba(15, 23, 42, 0.35); }
html.theme-clair .deezer-lyric-line:hover { color: rgba(15, 23, 42, 0.7); }
html.theme-clair .deezer-lyric-line.active { color: #0F172A; text-shadow: 0 0 20px rgba(255, 255, 255, 0.6); }
html.theme-clair .btn-kiffe { background: linear-gradient(135deg, rgba(236, 72, 153, 0.25) 0%, rgba(231, 37, 53, 0.2) 100%); border: 1px solid rgba(236, 72, 153, 0.45); color: #FF6699; box-shadow: 0 4px 15px rgba(236, 72, 153, 0.25); }
html.theme-clair .btn-kiffe:hover { background: linear-gradient(135deg, #EC4899 0%, #E72535 100%); color: #FFF; border-color: #EC4899; box-shadow: 0 6px 25px rgba(236, 72, 153, 0.55); }
html.theme-clair .btn-kiffe.liked { background: linear-gradient(135deg, #EC4899 0%, #E72535 100%); color: #FFF; border-color: #FF6699; box-shadow: 0 0 20px rgba(236, 72, 153, 0.6); }
html.theme-clair .btn-kiffe i { color: #FF3366; }
html.theme-clair .btn-kiffe:hover i,
html.theme-clair .btn-kiffe.liked i { color: #0F172A; }
html.theme-clair .btn-kiffe-sidebar { background: linear-gradient(135deg, rgba(236, 72, 153, 0.15), rgba(231, 37, 53, 0.08)); border: 1px solid rgba(236, 72, 153, 0.35); color: #D6004F; }
html.theme-clair .btn-kiffe-sidebar:hover { background: linear-gradient(135deg, #EC4899, #E72535); color: #FFF; border-color: #EC4899; box-shadow: 0 4px 18px rgba(236, 72, 153, 0.4); }
html.theme-clair .floating-heart { color: #FF3366; }
html.theme-clair .btn-kiffe-bar { background: rgba(236, 72, 153, 0.12); border: 1px solid rgba(236, 72, 153, 0.35); color: #FF6699; outline: none; box-shadow: 0 3px 12px rgba(236, 72, 153, 0.15); }
html.theme-clair .btn-kiffe-bar:hover { background: rgba(236, 72, 153, 0.25); border-color: rgba(236, 72, 153, 0.6); color: #0F172A; box-shadow: 0 4px 18px rgba(236, 72, 153, 0.4); }
html.theme-clair .btn-kiffe-bar.liked { background: linear-gradient(135deg, #EC4899 0%, #E72535 100%); border-color: #FF6699; color: #FFF; box-shadow: 0 0 15px rgba(236, 72, 153, 0.5); }
html.theme-clair .btn-kiffe-bar i { color: #FF4D79; }
html.theme-clair .btn-kiffe-bar.liked i,
html.theme-clair .btn-kiffe-bar:hover i { color: #0F172A; }
html.theme-clair .btn-kiffe-bar .kiffe-count-val { background: rgba(15, 23, 42, 0.09); color: #0F172A; }
html.theme-clair .btn-kiffe-bar { background: rgba(236, 72, 153, 0.15) !important; border: 1px solid rgba(236, 72, 153, 0.4) !important; color: #FF6699 !important; outline: none !important; box-shadow: 0 3px 12px rgba(236, 72, 153, 0.2) !important; }
html.theme-clair .btn-kiffe-bar:hover { background: rgba(236, 72, 153, 0.3) !important; border-color: rgba(236, 72, 153, 0.7) !important; color: #0F172A !important; }
html.theme-clair .btn-kiffe-bar.liked { background: linear-gradient(135deg, #EC4899 0%, #E72535 100%) !important; border-color: #FF6699 !important; color: #FFF !important; box-shadow: 0 0 15px rgba(236, 72, 153, 0.5) !important; }
html.theme-clair .btn-kiffe-bar i { color: #FF4D79 !important; }
html.theme-clair .btn-kiffe-bar.liked i,
html.theme-clair .btn-kiffe-bar:hover i { color: #0F172A !important; }
html.theme-clair .btn-kiffe-bar .kiffe-count-val { color: #0F172A !important; }
html.theme-clair .octobre-rose-tag { background: rgba(236, 72, 153, 0.1); border: 1px solid rgba(236, 72, 153, 0.3); color: #C80E73; }
html.theme-clair .octobre-rose-tag:hover { background: rgba(236, 72, 153, 0.2); border-color: rgba(236, 72, 153, 0.5); color: #0F172A; }
html.theme-clair .octobre-rose-modal-overlay { background: rgba(15, 23, 42, 0.45); }
html.theme-clair .octobre-rose-modal-card { background: linear-gradient(170deg, #FFFFFF 0%, #FFFFFF 100%); border: 1px solid rgba(236, 72, 153, 0.4); box-shadow: 0 25px 60px rgba(15, 23, 42, 0.12), 0 0 40px rgba(236, 72, 153, 0.3); }
html.theme-clair .octobre-rose-modal-close { background: rgba(15, 23, 42, 0.048); border: 1px solid rgba(15, 23, 42, 0.18); color: #0F172A; }
html.theme-clair .octobre-rose-modal-close:hover { background: rgba(236, 72, 153, 0.3); border-color: #EC4899; }
html.theme-clair .octobre-rose-modal-icon { filter: drop-shadow(0 0 15px rgba(236, 72, 153, 0.6)); }
html.theme-clair .octobre-rose-modal-title { color: #0F172A; }
html.theme-clair .octobre-rose-modal-subtitle { color: #C7106F; }
html.theme-clair .octobre-rose-modal-body { color: #334155; }
html.theme-clair .octobre-rose-btn-primary { background: linear-gradient(135deg, #E11D48 0%, #EC4899 100%); color: #FFF; border: none; box-shadow: 0 6px 20px rgba(225, 29, 72, 0.45); }
html.theme-clair .octobre-rose-btn-primary:hover { box-shadow: 0 10px 28px rgba(225, 29, 72, 0.65); }
html.theme-clair .octobre-rose-btn-secondary { background: rgba(15, 23, 42, 0.048); border: 1px solid rgba(15, 23, 42, 0.18); color: #0F172A; }
html.theme-clair .octobre-rose-btn-secondary:hover { background: rgba(15, 23, 42, 0.096); border-color: rgba(15, 23, 42, 0.18); }

/* ---------- d'après site.css ---------- */
html.theme-clair .sidebar { background: none; border: 0; }
html.theme-clair .sb-rail { background: var(--sb-bg); border-right: 1px solid var(--sb-line); }
html.theme-clair .sb-burger { background: rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.126); }
html.theme-clair .sb-burger span { background: #E2E8F0; }
html.theme-clair .sb-burger:hover { border-color: rgba(231, 37, 53, 0.45); background: rgba(231, 37, 53, 0.08); }
html.theme-clair .sb-burger:hover span { background: var(--gold); }
html.theme-clair .sb-burger:focus-visible { outline: 2px solid var(--gold); }
html.theme-clair .sidebar.panel-open .sb-burger,
html.theme-clair .sidebar.active .sb-burger { background: var(--gradient-gold); border-color: transparent; box-shadow: 0 6px 18px rgba(231, 37, 53, 0.3); }
html.theme-clair .sidebar.panel-open .sb-burger span,
html.theme-clair .sidebar.active .sb-burger span { background: #FFFFFF; }
html.theme-clair .sidebar .logo-zone { border-bottom: 1px solid var(--sb-line); }
html.theme-clair .sb-logo img { border: 2px solid rgba(236, 72, 153, 0.4); filter: drop-shadow(0 4px 12px rgba(236, 72, 153, 0.3)); }
html.theme-clair .sidebar .sidebar-nav > a,
html.theme-clair .sidebar .sidebar-nav > button { border: 0; background: none; color: #64748B; box-shadow: none; }
html.theme-clair .sidebar .sidebar-nav i { color: #6B7280; background: transparent; }
html.theme-clair .sidebar .sidebar-nav > a:hover,
html.theme-clair .sidebar .sidebar-nav > button:hover { color: #0F172A; background: none; }
html.theme-clair .sidebar .sidebar-nav > a:hover i,
html.theme-clair .sidebar .sidebar-nav > button:hover i { color: var(--gold); background: rgba(15, 23, 42, 0.036); }
html.theme-clair .sidebar .sidebar-nav > a.active { color: var(--gold); background: none; border: 0; }
html.theme-clair .sidebar .sidebar-nav > a.active i { color: #FFFFFF; background: var(--gradient-gold); box-shadow: 0 6px 16px rgba(231, 37, 53, 0.28); }
html.theme-clair .sidebar .sidebar-nav .sb-dedi i { color: #CC0A0A; }
html.theme-clair .sidebar .sidebar-nav .sb-dedi:hover i { color: #CF0707; background: rgba(231, 37, 53, 0.14); }
html.theme-clair .sidebar .sidebar-nav > a:focus-visible,
html.theme-clair .sidebar .sidebar-nav > button:focus-visible { outline: none; }
html.theme-clair .sidebar .sidebar-nav > a:focus-visible i,
html.theme-clair .sidebar .sidebar-nav > button:focus-visible i { box-shadow: 0 0 0 2px var(--gold); }
html.theme-clair .sb-panel { color: #1E293B; background: rgba(255, 255, 255, 0.97); border-right: 1px solid rgba(231, 37, 53, 0.14); box-shadow: 18px 0 50px rgba(15, 23, 42, 0.12); }
html.theme-clair body:has(.sidebar.panel-open)::before { background: rgba(255, 255, 255, 0.92); }
html.theme-clair .sb-panel-head { border-bottom: 1px solid var(--sb-line); }
html.theme-clair .sb-panel-head .brand-name { background: var(--gradient-gold); -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; }
html.theme-clair .sb-panel-head .brand-tagline { color: var(--text-secondary, #64748B); }
html.theme-clair .sb-sec-title { color: #64748B; }
html.theme-clair .sb-sec-title i { color: var(--gold); }
html.theme-clair .sb-st { border: 1px solid rgba(15, 23, 42, 0.084); background: rgba(15, 23, 42, 0.025); color: inherit; }
html.theme-clair .sb-st-txt b { color: #0F172A; }
html.theme-clair .sb-st-txt small { color: #64748B; }
html.theme-clair .sb-st-play { color: var(--st); background: rgba(15, 23, 42, 0.036); border: 1px solid rgba(15, 23, 42, 0.14); }
html.theme-clair .sb-st:hover { background: rgba(15, 23, 42, 0.03); border-color: rgba(15, 23, 42, 0.168); }
html.theme-clair .sb-st:hover .sb-st-play { background: var(--st); border-color: transparent; color: #fff; }
html.theme-clair .sb-st[data-sb-station="classiks"]:hover .sb-st-play,
html.theme-clair .sb-st.on[data-sb-station="classiks"] .sb-st-play { color: #111; }
html.theme-clair .sb-st:focus-visible { outline: 2px solid var(--gold); }
html.theme-clair .sb-st.on { border-color: color-mix(in srgb, var(--st) 50%, transparent); background: color-mix(in srgb, var(--st) 10%, transparent); }
html.theme-clair .sb-st.on .sb-st-txt small { color: var(--st); }
html.theme-clair .sb-st.on .sb-st-play { background: var(--st); border-color: transparent; color: #fff; }
html.theme-clair .sb-panel-nav a { color: #334155; }
html.theme-clair .sb-panel-nav a i { color: #64748B; background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .sb-panel-nav a small { color: #64748B; }
html.theme-clair .sb-panel-nav a:hover { color: #0F172A; background: rgba(15, 23, 42, 0.03); }
html.theme-clair .sb-panel-nav a:hover i { color: var(--gold); border-color: rgba(231, 37, 53, 0.35); background: rgba(231, 37, 53, 0.08); }
html.theme-clair .sb-panel-nav a.active { color: var(--gold); background: linear-gradient(90deg, rgba(231, 37, 53, 0.14) 0%, transparent 100%); }
html.theme-clair .sb-panel-nav a.active i { color: #FFFFFF; background: var(--gradient-gold); border-color: transparent; }
html.theme-clair .sb-panel-nav a:focus-visible { outline: 2px solid var(--gold); }
html.theme-clair .sb-panel-foot { border-top: 1px solid var(--sb-line); }
html.theme-clair .sb-panel .sidebar-social a { color: #334155; background: rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.112); }
html.theme-clair .sb-panel .sidebar-social a:hover { color: var(--gold); border-color: rgba(231, 37, 53, 0.4); }
html.theme-clair .sb-legal a { color: #6B7280; }
html.theme-clair .sb-legal a:hover,
html.theme-clair .sb-legal a.active { color: var(--gold); }
@media (max-width: 992px) {
html.theme-clair .sidebar.active { box-shadow: 14px 0 44px rgba(15, 23, 42, 0.12); }
html.theme-clair body:has(.sidebar.active)::before { background: rgba(255, 255, 255, 0.92); }
html.theme-clair .sb-rail { background: rgba(255, 255, 255, 0.98); }
html.theme-clair .sb-panel { box-shadow: none; }
}
@media (max-width: 992px) {
html.theme-clair .mobile-brand-header img { border: 1px solid rgba(15, 23, 42, 0.168); box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12); }
html.theme-clair .mobile-brand-header::after { background: var(--gradient-gold); -webkit-text-fill-color: transparent; -webkit-background-clip: text; }
}
html.theme-clair .page-head .page-ico { background: rgba(231, 37, 53, 0.12); color: var(--gold); border: 1px solid rgba(231, 37, 53, 0.25); }
html.theme-clair .page-head h1 { color: #0F172A; }
html.theme-clair .page-head p { color: var(--text-secondary); }
html.theme-clair .jm-player { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.112); box-shadow: 0 18px 46px rgba(15, 23, 42, 0.12); }
html.theme-clair .jm-player-progress { background: rgba(15, 23, 42, 0.048); }
html.theme-clair .jm-player-progress span { background: var(--gradient-gold); }
html.theme-clair .jm-player-cover { background: #FFFFFF; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.105); }
html.theme-clair .jm-player-eq { background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); }
html.theme-clair .jm-player-eq i { background: #fff; }
html.theme-clair .jm-player-live { color: #64748B; }
html.theme-clair .jm-live-dot { background: #475569; }
html.theme-clair .jm-player.playing .jm-player-live { color: #64748B; }
html.theme-clair .jm-player.playing .jm-live-dot { background: var(--jmradio-red); }
html.theme-clair .jm-player-title { color: #0F172A; }
html.theme-clair .jm-player-artist { color: var(--gold); }
html.theme-clair .jm-player .playBtn { border: 0; color: #FFFFFF; background: var(--gradient-gold); box-shadow: 0 8px 22px rgba(231, 37, 53, 0.3); }
html.theme-clair .jm-player .playBtn:hover { box-shadow: 0 10px 28px rgba(231, 37, 53, 0.45); }
html.theme-clair .jm-player .playBtn:focus-visible { outline: 2px solid var(--gold); }
html.theme-clair .jm-player .playBtn::after { border: 2px solid var(--gold); }
html.theme-clair .jm-player-sep { background: rgba(15, 23, 42, 0.06); }
html.theme-clair .jm-pbtn { border: 1px solid rgba(15, 23, 42, 0.112); background: rgba(15, 23, 42, 0.025); color: #1E293B; }
html.theme-clair .jm-pbtn i { color: #64748B; }
html.theme-clair .jm-pbtn:hover { background: rgba(15, 23, 42, 0.054); border-color: rgba(15, 23, 42, 0.18); color: #0F172A; }
html.theme-clair .jm-pbtn:hover i { color: var(--gold); }
html.theme-clair .jm-pbtn:focus-visible { outline: 2px solid var(--gold); }
html.theme-clair .jm-player .btn-kiffe-bar { background: rgba(236, 72, 153, 0.1); border: 1px solid rgba(236, 72, 153, 0.35); color: #C80E73; box-shadow: none; }
html.theme-clair .jm-player .btn-kiffe-bar i { color: #EC4899; }
html.theme-clair .jm-player .btn-kiffe-bar .kiffe-count-val { background: rgba(15, 23, 42, 0.072); color: #0F172A; }
html.theme-clair .jm-player .btn-kiffe-bar:hover { background: rgba(236, 72, 153, 0.2); }
html.theme-clair .jm-player .btn-kiffe-bar.liked { background: linear-gradient(135deg, #EC4899, #E72535); border-color: transparent; color: #fff; }
html.theme-clair .jm-player .btn-kiffe-bar.liked i { color: #0F172A; }
html.theme-clair .jm-volume .jm-pbtn { border-color: transparent; background: transparent; }
html.theme-clair .jm-volume input[type="range"] { outline: none; background: linear-gradient(90deg, var(--gold) 0, var(--gold) var(--vol, 80%), rgba(15, 23, 42, 0.096) var(--vol, 80%), rgba(15, 23, 42, 0.096) 100%); }
html.theme-clair .jm-volume input[type="range"]::-webkit-slider-thumb { border: 0; background: #fff; box-shadow: 0 1px 5px rgba(15, 23, 42, 0.12); }
html.theme-clair .jm-volume input[type="range"]::-moz-range-thumb { border: 0; background: #fff; box-shadow: 0 1px 5px rgba(15, 23, 42, 0.12); }
html.theme-clair .jm-volume input[type="range"]:focus-visible { box-shadow: 0 0 0 3px rgba(231, 37, 53, 0.35); }
html.theme-clair[data-station="classiks"] .jm-player-cover { box-shadow: 0 0 0 2px #E72535, 0 6px 16px rgba(15, 23, 42, 0.105); }
@media (max-width: 992px) {
html.theme-clair .mobile-bottom-nav { background: rgba(255, 255, 255, 0.96); border-top: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .mobile-nav-item { color: #64748B; border: 0; background: none; }
html.theme-clair .mobile-nav-item.active { color: var(--gold); }
html.theme-clair .mobile-nav-item.active i { filter: drop-shadow(0 0 8px rgba(231, 37, 53, 0.5)); }
}
html.theme-clair .jm-dedi .modal-content { background: linear-gradient(170deg, #FFFFFF 0%, #FFFFFF 100%); border: 1px solid rgba(15, 23, 42, 0.14); box-shadow: 0 30px 80px rgba(15, 23, 42, 0.12); }
html.theme-clair .jm-dedi-ico { background: rgba(231, 37, 53, 0.14); color: #D60013; border: 1px solid rgba(231, 37, 53, 0.3); }
html.theme-clair .jm-dedi-head h2 { color: #0F172A; }
html.theme-clair .jm-dedi-head p { color: var(--text-secondary); }
html.theme-clair .jm-dedi-tabs { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .jm-dedi-tabs button { border: 0; background: transparent; color: #64748B; }
html.theme-clair .jm-dedi-tabs button:hover { color: #0F172A; }
html.theme-clair .jm-dedi-tabs button.active { background: rgba(231, 37, 53, 0.14); color: var(--gold); box-shadow: inset 0 0 0 1px rgba(231, 37, 53, 0.3); }
html.theme-clair .jm-field > i { color: #64748B; }
html.theme-clair .jm-field input,
html.theme-clair .jm-field textarea { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.14); color: #0F172A; outline: none; }
html.theme-clair .jm-field input:focus,
html.theme-clair .jm-field textarea:focus { border-color: rgba(231, 37, 53, 0.55); background: rgba(231, 37, 53, 0.04); }
html.theme-clair .jm-field input::placeholder,
html.theme-clair .jm-field textarea::placeholder { color: #64748B; }
html.theme-clair .jm-counter,
html.theme-clair .jm-hint { color: #64748B; }
html.theme-clair .jm-btn-primary { border: 0; color: #fff; background: linear-gradient(135deg, #FF3B4E, #E72535); box-shadow: 0 10px 24px rgba(231, 37, 53, 0.35); }
html.theme-clair .jm-btn-primary:hover { box-shadow: 0 14px 28px rgba(231, 37, 53, 0.5); }
html.theme-clair .jm-vocal { background: rgba(15, 23, 42, 0.025); border: 1px dashed rgba(15, 23, 42, 0.18); }
html.theme-clair .jm-record { border: 0; color: #fff; background: linear-gradient(135deg, #FF3B4E, #E72535); box-shadow: 0 10px 24px rgba(231, 37, 53, 0.4); }
html.theme-clair .jm-record.recording { background: #FFFFFF; border: 2px solid var(--jmradio-red); color: var(--jmradio-red); }
html.theme-clair .jm-vocal-info b { color: #0F172A; }
html.theme-clair .jm-vocal-info span { color: var(--text-secondary); }
html.theme-clair .jm-waves i { background: var(--jmradio-red); }
html.theme-clair .jm-vocal-timer { color: var(--jmradio-red); }
html.theme-clair .jm-lyrics { background: rgba(15, 23, 42, 0.45); }
html.theme-clair .jm-lyrics-card { background: linear-gradient(170deg, #FFFFFF 0%, #FFFFFF 100%); border: 1px solid rgba(15, 23, 42, 0.14); box-shadow: 0 30px 80px rgba(15, 23, 42, 0.12); }
html.theme-clair .jm-lyrics-head { border-bottom: 1px solid rgba(15, 23, 42, 0.098); background: rgba(15, 23, 42, 0.025); }
html.theme-clair .jm-lyrics-head img { border: 1px solid rgba(15, 23, 42, 0.14); background: #FFFFFF; }
html.theme-clair .jm-lyrics-tag { color: var(--gold); background: rgba(231, 37, 53, 0.12); border: 1px solid rgba(231, 37, 53, 0.25); }
html.theme-clair .jm-lyrics-meta h3 { color: #0F172A; }
html.theme-clair .jm-lyrics-meta p { color: var(--gold); }
html.theme-clair .jm-lyrics-close { border: 1px solid rgba(15, 23, 42, 0.14); background: rgba(15, 23, 42, 0.03); color: #334155; }
html.theme-clair .jm-lyrics-close:hover { background: rgba(231, 37, 53, 0.2); color: #0F172A; border-color: rgba(231, 37, 53, 0.4); }
html.theme-clair .jm-lyrics-body::-webkit-scrollbar-thumb { background: rgba(15, 23, 42, 0.09); }
html.theme-clair .deezer-lyric-line { color: rgba(15, 23, 42, 0.42); }
html.theme-clair .deezer-lyric-line:hover { color: rgba(15, 23, 42, 0.75); }
html.theme-clair .deezer-lyric-line.active { color: #0F172A; }
html.theme-clair .jm-lyrics-state { color: var(--text-secondary); }
html.theme-clair .jm-lyrics-state i { color: var(--gold); }
html.theme-clair .jm-lyrics-state h4 { color: #0F172A; }
html.theme-clair .jm-lyrics-foot { color: #64748B; border-top: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .jm-notif { background: rgba(255, 255, 255, 0.97); border: 1px solid rgba(231, 37, 53, 0.3); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12); }
html.theme-clair .jm-notif-close { border: 0; background: rgba(15, 23, 42, 0.036); color: #64748B; }
html.theme-clair .jm-notif-close:hover { background: rgba(15, 23, 42, 0.072); color: #0F172A; }
html.theme-clair .jm-notif-head > div b { color: #0F172A; }
html.theme-clair .jm-notif-head > div span { color: #64748B; }
html.theme-clair .jm-notif-ico { color: #FFFFFF; background: var(--gradient-gold); box-shadow: 0 8px 18px rgba(231, 37, 53, 0.3); }
html.theme-clair .jm-notif-ico.star { background: linear-gradient(135deg, #E72535, #E72535); }
html.theme-clair .jm-notif-ico.ok { background: linear-gradient(135deg, #E72535, #B91C1C); color: #fff; box-shadow: 0 8px 18px rgba(231, 37, 53, 0.35); }
html.theme-clair .jm-notif-row input { border: 1px solid rgba(15, 23, 42, 0.168); background: rgba(255, 255, 255, 0.92); color: #0F172A; outline: none; }
html.theme-clair .jm-notif-row input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(231, 37, 53, 0.18); }
html.theme-clair .jm-notif-btn { border: 0; background: var(--gradient-gold); color: #FFFFFF; }
html.theme-clair .jm-notif-btn:hover { filter: brightness(1.07); }
html.theme-clair .jm-notif-consent { color: #64748B; }
html.theme-clair .jm-notif-consent input { accent-color: #E72535; }
html.theme-clair .jm-notif-consent a { color: var(--gold); }
html.theme-clair .jm-notif-msg.err { color: #CC0A0A; }
html.theme-clair .jm-notif-msg.ok { color: #34D399; }
html.theme-clair .jm-notif-skip { border: 0; background: none; color: #64748B; }
html.theme-clair .jm-notif-skip:hover { color: #334155; }
html.theme-clair .jm-star { border: 0; background: rgba(15, 23, 42, 0.025); color: #334155; }
html.theme-clair .jm-star.on { color: #E72535; background: rgba(231, 37, 53, 0.1); text-shadow: 0 0 14px rgba(231, 37, 53, 0.45); }
html.theme-clair .jm-stars-label { color: #334155; }
html.theme-clair .jm-rate-more textarea { border: 1px solid rgba(15, 23, 42, 0.168); background: rgba(255, 255, 255, 0.92); color: #0F172A; outline: none; }
html.theme-clair .jm-rate-more textarea:focus { border-color: var(--gold); }
html.theme-clair .jm-notif-thanks b { color: #0F172A; }
html.theme-clair .jm-notif-thanks > span:not(.jm-notif-ico) { color: #64748B; }
html.theme-clair .jm-actu { background: rgba(15, 23, 42, 0.45); }
html.theme-clair .jm-actu-card { background: #FFFFFF; border: 1px solid rgba(15, 23, 42, 0.112); box-shadow: 0 30px 80px rgba(15, 23, 42, 0.12); outline: none; }
html.theme-clair .jm-actu-close { border: 0; color: #fff; background: rgba(0, 0, 0, 0.55); }
html.theme-clair .jm-actu-close:hover { background: rgba(0, 0, 0, 0.75); }
html.theme-clair .jm-actu-close:focus-visible { outline: 2px solid var(--gold); }
html.theme-clair .jm-actu-media { background: #FFFFFF; }
html.theme-clair .jm-actu-chip { color: #fff; background: #E72535; }
html.theme-clair .jm-actu-when { color: #64748B; }
html.theme-clair .jm-actu-body h2 { color: #0F172A; }
html.theme-clair .jm-actu-text p { color: #334155; }
html.theme-clair .jm-actu-src { color: #64748B; }
html.theme-clair .jm-actu-src i { color: #F97316; }
html.theme-clair .jm-actu-more { border-top: 1px solid rgba(15, 23, 42, 0.112); }
html.theme-clair .jm-actu-more h3 { color: #64748B; }
html.theme-clair .jm-actu-mini { border: 1px solid rgba(15, 23, 42, 0.098); background: rgba(15, 23, 42, 0.025); color: inherit; }
html.theme-clair .jm-actu-mini:hover { border-color: rgba(231, 37, 53, 0.45); background: rgba(15, 23, 42, 0.03); }
html.theme-clair .jm-actu-mini img { background: #FFFFFF; }
html.theme-clair .jm-actu-mini b { color: #1E293B; }
html.theme-clair .jm-actu-mini small { color: #64748B; }
@media (max-width: 640px) {
html.theme-clair .jm-actu-card { border: 0; }
}
html.theme-clair .sb-theme { border: 0; border-top: 1px solid var(--sb-line, rgba(15, 23, 42, 0.084)); background: none; color: #64748B; }
html.theme-clair .sb-theme i { color: var(--gold); background: rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.112); }
html.theme-clair .sb-theme:hover { color: #0F172A; }
html.theme-clair .sb-theme:hover i { background: rgba(15, 23, 42, 0.054); }
html.theme-clair .sb-theme:focus-visible { outline: none; }
html.theme-clair .sb-theme:focus-visible i { box-shadow: 0 0 0 2px var(--gold); }

/* ---------- d'après accueil.css ---------- */
html.theme-clair .hm-sec-head h2 { color: #1E293B; }
html.theme-clair .hm-sec-head h2 i { color: var(--gold); }
html.theme-clair .hm-sec-head a { color: var(--hm-muted); }
html.theme-clair .hm-sec-head a:hover { color: var(--gold); }
html.theme-clair .hm-chip { color: var(--gold); background: rgba(231, 37, 53, 0.1); border: 1px solid rgba(231, 37, 53, 0.25); }
html.theme-clair .hm-chip.green { color: #34D399; background: rgba(52, 211, 153, 0.1); border-color: rgba(52, 211, 153, 0.3); }
html.theme-clair .hm-chip.pink { color: #C80E73; background: rgba(236, 72, 153, 0.12); border-color: rgba(236, 72, 153, 0.35); }
html.theme-clair .hm-chip.red { color: #CF0707; background: rgba(231, 37, 53, 0.14); border-color: rgba(231, 37, 53, 0.4); }
html.theme-clair .hm-chip.grey { color: #334155; background: rgba(15, 23, 42, 0.042); border-color: rgba(15, 23, 42, 0.168); }
html.theme-clair .hm-nav-btn { border: 1px solid rgba(15, 23, 42, 0.168); background: rgba(15, 23, 42, 0.03); color: #1E293B; }
html.theme-clair .hm-nav-btn:hover { background: rgba(231, 37, 53, 0.18); border-color: rgba(231, 37, 53, 0.45); color: var(--gold); }
html.theme-clair .hm-dots span { background: rgba(15, 23, 42, 0.108); }
html.theme-clair .hm-dots span.active { background: var(--gold); }
html.theme-clair .hm-empty { color: var(--hm-muted); border: 1px dashed rgba(15, 23, 42, 0.14); }
html.theme-clair .hm-empty i { color: var(--hm-dim); }
html.theme-clair .rank-badge,
html.theme-clair .top5-rank-bento { color: #1E293B; background: linear-gradient(145deg, rgba(15, 23, 42, 0.072), rgba(15, 23, 42, 0.025)); border: 1px solid rgba(15, 23, 42, 0.18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 2px 6px rgba(15, 23, 42, 0.105); }
html.theme-clair .rank-badge.rank-1,
html.theme-clair .top5-item-bento.rank-1 .top5-rank-bento { background: linear-gradient(145deg, #E72535 0%, #E72535 48%, #E72535 100%); color: #FFFFFF; border-color: #E72535; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 0 0 3px rgba(231, 37, 53, 0.18), 0 4px 14px rgba(231, 37, 53, 0.4); }
html.theme-clair .rank-badge.rank-2,
html.theme-clair .top5-item-bento.rank-2 .top5-rank-bento { background: linear-gradient(145deg, #FFFFFF 0%, #CBD5E1 48%, #64748B 100%); color: #0F172A; border-color: #F1F5F9; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(203, 213, 225, 0.14), 0 4px 14px rgba(148, 163, 184, 0.3); }
html.theme-clair .rank-badge.rank-3,
html.theme-clair .top5-item-bento.rank-3 .top5-rank-bento { background: linear-gradient(145deg, #E72535 0%, #F97316 48%, #7C2D12 100%); color: #FFF7ED; border-color: #E72535; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(249, 115, 22, 0.14), 0 4px 14px rgba(249, 115, 22, 0.3); }
html.theme-clair .hm-hero { background: #FFFFFF; border: 1px solid rgba(15, 23, 42, 0.112); box-shadow: 0 30px 60px rgba(15, 23, 42, 0.12); }
html.theme-clair .hm-hero-bg img { filter: blur(30px) saturate(1.4) brightness(0.5); }
html.theme-clair .hm-hero-bg::after { background: linear-gradient(100deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.92) 45%, rgba(255, 255, 255, 0.3) 100%); }
html.theme-clair .hm-hero-cover { background: #FFFFFF; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.12); }
html.theme-clair .hm-eq { background: rgba(0, 0, 0, 0.55); }
html.theme-clair .hm-eq i { background: var(--gold); }
html.theme-clair .hm-live { background: rgba(15, 23, 42, 0.06); border: 1px solid rgba(15, 23, 42, 0.18); color: #0F172A; }
html.theme-clair .hm-live i { color: #64748B; }
html.theme-clair .hm-live.on { background: var(--jmradio-red); border-color: transparent; box-shadow: 0 0 0 4px rgba(231, 37, 53, 0.2); }
html.theme-clair .hm-live.on i { color: #0F172A; }
html.theme-clair .hm-show-label { color: #334155; }
html.theme-clair .hm-show-label b { color: #0F172A; }
html.theme-clair .hm-hero h1 { color: #0F172A; }
html.theme-clair .hm-hero-artist { color: var(--gold); }
html.theme-clair .hm-btn { border: 1px solid transparent; color: #0F172A; }
html.theme-clair .hm-btn-play { background: linear-gradient(135deg, #FF3B4E, #E72535); box-shadow: 0 10px 25px rgba(231, 37, 53, 0.35); }
html.theme-clair .hm-btn-play:hover { box-shadow: 0 14px 30px rgba(231, 37, 53, 0.5); }
html.theme-clair .hm-btn-ghost { background: rgba(15, 23, 42, 0.048); border-color: rgba(15, 23, 42, 0.18); }
html.theme-clair .hm-btn-ghost:hover { background: rgba(15, 23, 42, 0.096); border-color: rgba(15, 23, 42, 0.18); }
html.theme-clair .hm-hero .btn-kiffe { box-shadow: none; background: rgba(236, 72, 153, 0.12); border: 1px solid rgba(236, 72, 153, 0.4); color: #D60036; }
html.theme-clair .hm-hero .btn-kiffe i { color: #EC4899; }
html.theme-clair .hm-hero .btn-kiffe:hover { background: rgba(236, 72, 153, 0.22); }
html.theme-clair .hm-hero .btn-kiffe.liked { background: linear-gradient(135deg, #EC4899, #E72535); border-color: transparent; color: #fff; box-shadow: 0 10px 25px rgba(236, 72, 153, 0.35); }
html.theme-clair .hm-hero .btn-kiffe.liked i { color: #0F172A; }
html.theme-clair .hm-hero .btn-kiffe .kiffe-count-val { background: rgba(15, 23, 42, 0.084); color: #0F172A; }
html.theme-clair .hm-next-card { background: var(--hm-panel); border: 1px solid var(--hm-panel-border); color: inherit; }
html.theme-clair .hm-next-card:hover { border-color: rgba(231, 37, 53, 0.4); box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12); }
html.theme-clair .hm-next-media { background: linear-gradient(135deg, #EEF1F5, #FFFFFF); }
html.theme-clair .hm-next-media::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.92) 100%); }
html.theme-clair .hm-next-fallback { color: #334155; }
html.theme-clair .hm-next-time { color: #0F172A; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.18); }
html.theme-clair .hm-next-time i { color: var(--gold); }
html.theme-clair .hm-next-title { color: #0F172A; }
html.theme-clair .hm-next-host { color: var(--hm-muted); }
html.theme-clair .hm-next-host i { color: var(--gold); }
html.theme-clair .hm-panel { background: var(--hm-panel); border: 1px solid var(--hm-panel-border); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.075); }
html.theme-clair .hm-panel:hover { border-color: var(--hm-panel-hover); }
html.theme-clair .hm-ico { background: rgba(231, 37, 53, 0.12); color: var(--gold); border: 1px solid rgba(231, 37, 53, 0.2); }
html.theme-clair .hm-ico.red { background: rgba(231, 37, 53, 0.14); color: #D60013; border-color: rgba(231, 37, 53, 0.3); }
html.theme-clair .hm-ico.orange { background: rgba(249, 115, 22, 0.14); color: #C81E2E; border-color: rgba(249, 115, 22, 0.3); }
html.theme-clair .hm-ico.pink { background: rgba(236, 72, 153, 0.14); color: #C80E73; border-color: rgba(236, 72, 153, 0.3); }
html.theme-clair .hm-ico.blue { background: rgba(59, 130, 246, 0.14); color: #0465D2; border-color: rgba(59, 130, 246, 0.3); }
html.theme-clair .hm-ico.sky { background: rgba(14, 165, 233, 0.14); color: #058FD1; border-color: rgba(14, 165, 233, 0.3); }
html.theme-clair .hm-ico.green { background: rgba(16, 185, 129, 0.14); color: #6EE7B7; border-color: rgba(16, 185, 129, 0.3); }
html.theme-clair .hm-ico.purple { background: rgba(139, 92, 246, 0.14); color: #3006D1; border-color: rgba(139, 92, 246, 0.3); }
html.theme-clair .hm-panel-head h2 { color: var(--hm-text); }
html.theme-clair .hm-panel-head .hm-sub { color: var(--hm-dim); }
html.theme-clair .hm-track { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .hm-track:hover { border-color: rgba(231, 37, 53, 0.4); box-shadow: 0 12px 24px rgba(15, 23, 42, 0.105); }
html.theme-clair .hm-track-img { background: #FFFFFF; }
html.theme-clair .hm-track-time { color: #fff; background: rgba(0, 0, 0, 0.62); }
html.theme-clair .hm-track-title { color: #0F172A; }
html.theme-clair .hm-track-artist { color: var(--gold); }
html.theme-clair .hm-new { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .hm-new:hover { border-color: rgba(249, 115, 22, 0.45); box-shadow: 0 12px 24px rgba(15, 23, 42, 0.105); }
html.theme-clair .hm-new-img { background: #FFFFFF; }
html.theme-clair .hm-new-title { color: #0F172A; }
html.theme-clair .hm-new-artist { color: var(--gold); }
html.theme-clair .top-kiffe-card { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .top-kiffe-card:hover { border-color: rgba(236, 72, 153, 0.4); background: rgba(236, 72, 153, 0.05); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.105); }
html.theme-clair .tk-cover { background: #FFFFFF; box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12); }
html.theme-clair .tk-title { color: #0F172A; }
html.theme-clair .tk-artist { color: var(--hm-muted); }
html.theme-clair .btn-kiffe-card { outline: none; background: rgba(236, 72, 153, 0.12); border: 1px solid rgba(236, 72, 153, 0.4); color: #FF6699; }
html.theme-clair .btn-kiffe-card i { color: #EC4899; }
html.theme-clair .btn-kiffe-card span { color: #0F172A; }
html.theme-clair .btn-kiffe-card:hover { background: rgba(236, 72, 153, 0.26); }
html.theme-clair .btn-kiffe-card.liked { background: linear-gradient(135deg, #EC4899 0%, #E72535 100%); border-color: transparent; color: #fff; box-shadow: 0 0 14px rgba(236, 72, 153, 0.45); }
html.theme-clair .btn-kiffe-card.liked i { color: #0F172A; }
html.theme-clair .hm-news-item { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); color: inherit; }
html.theme-clair .hm-news-item:hover { border-color: rgba(59, 130, 246, 0.45); background: rgba(59, 130, 246, 0.05); }
html.theme-clair .hm-news-img { background: #FFFFFF; border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .hm-news-source { color: var(--hm-dim); }
html.theme-clair .hm-news-item h3 { color: #0F172A; }
html.theme-clair .hm-news-item p { color: var(--hm-muted); }
html.theme-clair .hm-live-dot { background: #22C55E; box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2); }
html.theme-clair .hm-city { border: 1px solid rgba(15, 23, 42, 0.112); background: #FFFFFF; }
html.theme-clair .hm-city::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.92) 100%); }
html.theme-clair .hm-city-name { color: #0F172A; text-shadow: 0 1px 6px rgba(15, 23, 42, 0.12); }
html.theme-clair .hm-city-extra { color: #334155; text-shadow: 0 1px 4px rgba(15, 23, 42, 0.12); }
html.theme-clair .hm-city-temp { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.18); color: #0F172A; }
html.theme-clair .hm-city.pending .hm-city-temp { color: var(--hm-muted); }
html.theme-clair .hm-une { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .hm-une:hover { border-color: rgba(16, 185, 129, 0.45); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.105); }
html.theme-clair .hm-une-cap h3 { color: var(--gold); }
html.theme-clair .hm-une-cap p { color: var(--hm-muted); }
html.theme-clair #topRankRangeBadge { background: rgba(231, 37, 53, 0.12) !important; border: 1px solid rgba(231, 37, 53, 0.3) !important; color: var(--gold) !important; }
html.theme-clair .top5-item-bento { background: rgba(15, 23, 42, 0.025); border: 1px solid transparent; }
html.theme-clair .top5-item-bento:hover { background: rgba(15, 23, 42, 0.036); border-color: rgba(15, 23, 42, 0.14); }
html.theme-clair .top5-item-bento img { background: #FFFFFF; border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .top5-item-bento.rank-1 img { box-shadow: 0 0 0 2px rgba(231, 37, 53, 0.45), 0 6px 14px rgba(15, 23, 42, 0.12); }
html.theme-clair .top5-title-bento { color: #0F172A; }
html.theme-clair .top5-artist-bento { color: var(--hm-muted); }
html.theme-clair .top30-nav .top30-arrow { border: 1px solid rgba(15, 23, 42, 0.168); background: rgba(15, 23, 42, 0.03); color: #334155; }
html.theme-clair .top30-nav .top30-arrow:hover { background: rgba(231, 37, 53, 0.18); color: var(--gold); border-color: rgba(231, 37, 53, 0.4); }
html.theme-clair .btn-see-top30 { background: linear-gradient(135deg, rgba(231, 37, 53, 0.16), rgba(231, 37, 53, 0.08)); border: 1px solid rgba(231, 37, 53, 0.35); color: var(--gold); }
html.theme-clair .btn-see-top30:hover { background: linear-gradient(135deg, rgba(231, 37, 53, 0.28), rgba(231, 37, 53, 0.14)); box-shadow: 0 8px 22px rgba(231, 37, 53, 0.2); }
html.theme-clair .hm-dedi-avatar { color: #fff; background: linear-gradient(135deg, #E72535, #9F1239); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); }
html.theme-clair .hm-dedi-avatar.c2 { background: linear-gradient(135deg, #E72535, #E72535); }
html.theme-clair .hm-dedi-avatar.c3 { background: linear-gradient(135deg, #3B82F6, #1E40AF); }
html.theme-clair .hm-dedi-avatar.c4 { background: linear-gradient(135deg, #EC4899, #9D174D); }
html.theme-clair .hm-dedi-avatar.c5 { background: linear-gradient(135deg, #10B981, #065F46); }
html.theme-clair .hm-dedi-bubble { background: rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .hm-dedi-name { color: var(--gold); }
html.theme-clair .hm-dedi-msg { color: #416195; }
html.theme-clair .hm-dedi-actions .hm-btn i { color: var(--gold); }
html.theme-clair .hm-link { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); color: inherit; }
html.theme-clair .hm-link:hover { border-color: var(--c, rgba(15, 23, 42, 0.18)); background: rgba(15, 23, 42, 0.03); }
html.theme-clair .hm-link i { background: rgba(15, 23, 42, 0.036); color: var(--c, #0F172A); }
html.theme-clair .hm-link b { color: #0F172A; }
html.theme-clair .hm-link small { color: var(--hm-dim); }
html.theme-clair .chat-live { color: #CF0707; background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.3); }
html.theme-clair .chat-live i { background: #EF4444; }
html.theme-clair .chat-tabs { background: rgba(15, 23, 42, 0.045); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .chat-tabs button { border: 0; background: none; color: var(--hm-muted); }
html.theme-clair .chat-tabs button:hover { color: #0F172A; }
html.theme-clair .chat-tabs button.active { background: rgba(16, 185, 129, 0.16); color: #6EE7B7; }
html.theme-clair .chat-tabs button[data-room="adultes"].active { background: rgba(239, 68, 68, 0.16); color: #CF0707; }
html.theme-clair .chat-box { background: rgba(15, 23, 42, 0.042); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .chat-av { color: #0B0F17; }
html.theme-clair .chat-bubble { background: rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.07); }
html.theme-clair .chat-meta time { color: var(--hm-dim); }
html.theme-clair .chat-text { color: #1E293B; }
html.theme-clair .chat-msg.me .chat-bubble { background: rgba(231, 37, 53, 0.12); border-color: rgba(231, 37, 53, 0.25); }
html.theme-clair .chat-msg.staff .chat-bubble { background: linear-gradient(135deg, rgba(231, 37, 53, 0.2), rgba(231, 37, 53, 0.06)); border-color: rgba(231, 37, 53, 0.35); }
html.theme-clair .chat-msg.staff .chat-meta b { color: #CF0707 !important; }
html.theme-clair .chat-msg.staff .chat-av { background: linear-gradient(135deg, #E72535, #B91C1C) !important; color: #fff; }
html.theme-clair .chat-report { border: 0; background: rgba(255, 255, 255, 0.92); color: #64748B; }
html.theme-clair .chat-report:hover { color: #CC0A0A; }
html.theme-clair .chat-sys { color: var(--hm-dim); }
html.theme-clair .chat-empty { color: var(--hm-dim); }
html.theme-clair .chat-empty i { color: #34D399; }
html.theme-clair .chat-new { border: 0; background: var(--gradient-gold); color: #FFFFFF; box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12); }
html.theme-clair .chat-join-ico { color: #fff; background: linear-gradient(135deg, #10B981, #059669); box-shadow: 0 10px 24px rgba(16, 185, 129, 0.3); }
html.theme-clair .chat-join > b { color: #0F172A; }
html.theme-clair .chat-join > span { color: var(--hm-muted); }
html.theme-clair .chat-join input[type=text],
html.theme-clair .chat-join input[type=number] { border: 1px solid rgba(15, 23, 42, 0.168); background: rgba(255, 255, 255, 0.92); color: #0F172A; outline: none; }
html.theme-clair .chat-join input:focus { border-color: #34D399; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.18); }
html.theme-clair .chat-rules { color: var(--hm-muted); }
html.theme-clair .chat-rules i { color: #34D399; }
html.theme-clair .chat-accept { color: var(--hm-muted); }
html.theme-clair .chat-accept input { accent-color: #10B981; }
html.theme-clair .chat-accept a { color: var(--gold); }
html.theme-clair .chat-err { color: #CC0A0A; }
html.theme-clair .chat-join-btn { border: 0; background: linear-gradient(135deg, #10B981, #059669); color: #fff; box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3); }
html.theme-clair .chat-join-btn:hover { filter: brightness(1.08); }
html.theme-clair .chat-join-acc { color: var(--hm-muted); }
html.theme-clair .chat-join-acc i { color: var(--gold); }
html.theme-clair .chat-join-acc a { color: var(--gold); }
html.theme-clair .chat-msg.member .chat-av { color: #0B0F17; }
html.theme-clair .chat-ok { color: #34D399; }
html.theme-clair .chat-locked { background: radial-gradient(circle at 50% 30%, rgba(239, 68, 68, 0.12), transparent 60%); }
html.theme-clair .chat-locked-ico { color: #fff; background: linear-gradient(135deg, #EF4444, #B91C1C); box-shadow: 0 12px 26px rgba(239, 68, 68, 0.3); }
html.theme-clair .chat-locked > b { color: #0F172A; }
html.theme-clair .chat-locked > span { color: var(--hm-muted); }
html.theme-clair .chat-ghost-btn { border: 1px solid rgba(15, 23, 42, 0.18); background: rgba(15, 23, 42, 0.03); color: #0F172A; }
html.theme-clair .chat-ghost-btn:hover { border-color: rgba(231, 37, 53, 0.5); }
html.theme-clair .chat-banned { background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.35); color: #D20404; }
html.theme-clair .chat-banned i { color: #CC0A0A; }
html.theme-clair .chat-form input { border: 1px solid rgba(15, 23, 42, 0.168); background: rgba(255, 255, 255, 0.92); color: #0F172A; outline: none; }
html.theme-clair .chat-form input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(231, 37, 53, 0.18); }
html.theme-clair .chat-form button { border: 0; background: var(--gradient-gold); color: #FFFFFF; }
html.theme-clair .chat-foot { color: var(--hm-dim); }
html.theme-clair .chat-foot b { color: #334155; }
html.theme-clair .chat-foot button { border: 0; background: none; color: var(--hm-muted); }
html.theme-clair .chat-toast { background: rgba(239, 68, 68, 0.92); color: #fff; }
html.theme-clair .hm-live.station { color: #C81E2E; background: rgba(231, 37, 53, 0.14); border-color: rgba(231, 37, 53, 0.4); }
html.theme-clair .hm-live.station i { color: #E72535; }
html.theme-clair .hm-all { color: var(--hm-muted, #64748B); }
html.theme-clair .hm-all:hover { color: var(--gold); }
html.theme-clair .hm-news-item:focus-visible { outline: 2px solid var(--gold); }
html.theme-clair .hm-poll { background: radial-gradient(120% 150% at 0% 0%, rgba(231, 37, 53, 0.18), rgba(231, 37, 53, 0) 55%), radial-gradient(90% 120% at 100% 100%, rgba(231, 37, 53, 0.07), rgba(231, 37, 53, 0) 60%), var(--hm-panel); border: 1px solid rgba(231, 37, 53, 0.3); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.09); }
html.theme-clair .hm-poll-time { background: rgba(15, 23, 42, 0.036); }
html.theme-clair .hm-poll-time i { background: linear-gradient(90deg, #E72535, #FF6B78); }
html.theme-clair .hm-poll-badge { color: #D60012; background: rgba(231, 37, 53, 0.14); border: 1px solid rgba(231, 37, 53, 0.36); }
html.theme-clair .hm-poll-dot { background: #FF4D5E; }
html.theme-clair .hm-poll.is-ended .hm-poll-dot { background: #64748B; }
html.theme-clair .hm-poll.is-ended .hm-poll-badge { color: #334155; background: rgba(15, 23, 42, 0.042); border-color: rgba(15, 23, 42, 0.18); }
html.theme-clair .hm-poll-timer { color: var(--hm-muted); }
html.theme-clair .hm-poll-timer b { color: #406B96; }
html.theme-clair .hm-poll-q { color: var(--hm-text); }
html.theme-clair .hm-poll-foot { color: var(--hm-muted); }
html.theme-clair .hm-poll-foot b { color: #1E293B; }
html.theme-clair .hm-poll-foot .ok { color: #6EE7B7; }
html.theme-clair .hm-poll-opt { border: 1px solid rgba(15, 23, 42, 0.14); background: rgba(15, 23, 42, 0.025); color: var(--hm-text); }
html.theme-clair .hm-poll-opt:hover { border-color: rgba(231, 37, 53, 0.55); background: rgba(231, 37, 53, 0.08); }
html.theme-clair .hm-poll-opt:focus-visible { outline: 2px solid #FF6B78; }
html.theme-clair .hm-poll-letter { color: #D60012; background: rgba(231, 37, 53, 0.14); border: 1px solid rgba(231, 37, 53, 0.3); }
html.theme-clair .hm-poll-go { color: var(--hm-dim); }
html.theme-clair .hm-poll-opt:hover .hm-poll-go { color: #D60013; }
html.theme-clair .hm-poll-opt.picked { border-color: #E72535; background: rgba(231, 37, 53, 0.16); }
html.theme-clair .hm-poll-opt.picked .hm-poll-letter { background: #E72535; color: #FFFFFF; border-color: #E72535; }
html.theme-clair .hm-poll-opt.res,
html.theme-clair .hm-poll-opt.res:hover { border-color: rgba(15, 23, 42, 0.14); background: rgba(15, 23, 42, 0.025); }
html.theme-clair .hm-poll-fill { background: linear-gradient(90deg, rgba(231, 37, 53, 0.32), rgba(231, 37, 53, 0.12)); box-shadow: inset -2px 0 0 rgba(255, 107, 120, 0.55); }
html.theme-clair .hm-poll-fill.zero { box-shadow: none; }
html.theme-clair .hm-poll-opt.lead .hm-poll-fill { background: linear-gradient(90deg, rgba(231, 37, 53, 0.52), rgba(231, 37, 53, 0.2)); }
html.theme-clair .hm-poll-pct { color: #406B96; }
html.theme-clair .hm-poll-opt.res.mine { border-color: rgba(231, 37, 53, 0.65); }
html.theme-clair .hm-poll-opt.mine .hm-poll-letter { background: #E72535; color: #FFFFFF; border-color: #E72535; }
html.theme-clair .hm-poll-tag { color: #D60012; }
html.theme-clair .hm-poll-tag.win { color: #E72535; }
html.theme-clair .chat-day { color: var(--hm-muted); }
html.theme-clair .chat-day::before,
html.theme-clair .chat-day::after { background: rgba(15, 23, 42, 0.048); }
html.theme-clair .chat-day span { background: rgba(15, 23, 42, 0.036); border: 1px solid rgba(15, 23, 42, 0.112); }
html.theme-clair .top5-mv.up { color: #34D399; background: rgba(16, 185, 129, 0.13); }
html.theme-clair .top5-mv.down { color: #CC0A0A; background: rgba(239, 68, 68, 0.13); }
html.theme-clair .top5-mv.same { color: #64748B; background: rgba(15, 23, 42, 0.036); }
html.theme-clair .top5-mv.new { color: #FFFFFF; background: linear-gradient(135deg, #E72535, #E72535); }

/* ---------- d'après stations.css ---------- */
html.theme-clair .st-card { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid rgba(15, 23, 42, 0.098); box-shadow: 0 14px 34px rgba(15, 23, 42, 0.105); }
html.theme-clair .st-card:hover { box-shadow: 0 20px 44px rgba(15, 23, 42, 0.12); }
html.theme-clair .st-card.is-playing { border-color: color-mix(in srgb, var(--st) 70%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--st) 55%, transparent), 0 20px 44px rgba(15, 23, 42, 0.12); }
html.theme-clair .st-cover { border: 0; background: #FFFFFF; }
html.theme-clair .st-cover::after { background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.55)); }
html.theme-clair .st-card.is-playing .st-cover img { filter: brightness(.82); }
html.theme-clair .st-play { color: #fff; background: var(--st); box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12); }
html.theme-clair .st-card[data-station="classiks"] .st-play { color: #111; }
html.theme-clair .st-cover:hover .st-play { filter: brightness(1.08); }
html.theme-clair .st-cover:focus-visible { outline: 3px solid var(--st); }
html.theme-clair .st-eq i { background: #fff; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.105); }
html.theme-clair .st-live { color: #fff; background: rgba(0, 0, 0, 0.6); }
html.theme-clair .st-live i { background: var(--st); }
html.theme-clair .st-name { color: var(--st); }
html.theme-clair .st-now { color: #406B96; }
html.theme-clair .st-hint { color: var(--text-secondary); background: rgba(15, 23, 42, 0.025); border: 1px dashed rgba(15, 23, 42, 0.14); }
html.theme-clair .st-hint i { color: var(--gold); }

/* ---------- d'après actus.css ---------- */
html.theme-clair .ac-tabs button { border: 1px solid rgba(15, 23, 42, 0.14); background: rgba(15, 23, 42, 0.025); color: #334155; }
html.theme-clair .ac-tabs button i { color: #64748B; }
html.theme-clair .ac-tabs button:hover { color: #0F172A; border-color: rgba(231, 37, 53, 0.45); }
html.theme-clair .ac-tabs button.active { color: #fff; background: #E72535; border-color: #E72535; box-shadow: 0 6px 18px rgba(231, 37, 53, 0.35); }
html.theme-clair .ac-tabs button.active i { color: #0F172A; }
html.theme-clair .ac-feature { color: inherit; background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid rgba(15, 23, 42, 0.098); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.105); }
html.theme-clair .ac-feature:hover { border-color: rgba(231, 37, 53, 0.45); }
html.theme-clair .ac-feature-img { background: #FFFFFF; }
html.theme-clair .ac-feature-body h2 { color: #0F172A; }
html.theme-clair .ac-feature-body p { color: var(--text-secondary, #64748B); }
html.theme-clair .ac-chip { color: #fff; background: #E72535; }
html.theme-clair .ac-when { color: #64748B; }
html.theme-clair .ac-read { color: var(--gold, #E72535); }
html.theme-clair .ac-card { color: inherit; background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .ac-card:hover { border-color: rgba(231, 37, 53, 0.45); }
html.theme-clair .ac-card-img { background: #FFFFFF; }
html.theme-clair img.is-logo { background: #FFFFFF; }
html.theme-clair .ac-card-body h3 { color: #406B96; }
html.theme-clair .ac-card-body p { color: #64748B; }
html.theme-clair .ac-skel .ac-feature-img,
html.theme-clair .ac-skel .ac-card-img,
html.theme-clair .ac-skel i { background: linear-gradient(90deg, rgba(15, 23, 42, 0.025) 25%, rgba(15, 23, 42, 0.054) 50%, rgba(15, 23, 42, 0.025) 75%); background-size: 200% 100%; }
html.theme-clair .ac-empty { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px dashed rgba(15, 23, 42, 0.168); color: #64748B; }
html.theme-clair .ac-empty > i { color: #E72535; }
html.theme-clair .ac-empty b { color: #0F172A; }
html.theme-clair .ac-retry { border: 0; background: #E72535; color: #fff; }
html.theme-clair .ac-retry:hover { filter: brightness(1.1); }
html.theme-clair .ac-source { color: #64748B; }
html.theme-clair .ac-source i { color: #F97316; }
html.theme-clair .ac-feature:focus-visible,
html.theme-clair .ac-card:focus-visible { outline: 2px solid var(--gold); }

/* ---------- d'après titres.css ---------- */
html.theme-clair .ti-now { background: linear-gradient(120deg, rgba(231, 37, 53, 0.1), rgba(255, 255, 255, 0.92) 55%); border: 1px solid rgba(231, 37, 53, 0.22); }
html.theme-clair .ti-now-cover { background: #FFFFFF; box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12); }
html.theme-clair .ti-eq { background: rgba(0, 0, 0, 0.6); }
html.theme-clair .ti-eq i { background: var(--gold); }
html.theme-clair .ti-live { color: #CF0707; }
html.theme-clair .ti-dot { background: #EF4444; box-shadow: 0 0 0 0 rgba(239, 68, 68, .6); }
html.theme-clair .ti-now-body h2 { color: #0F172A; }
html.theme-clair .ti-now-body p { color: var(--gold); }
html.theme-clair .ti-btn { border: 1px solid rgba(15, 23, 42, 0.168); background: rgba(15, 23, 42, 0.03); color: #0F172A; }
html.theme-clair .ti-btn i { color: var(--gold); }
html.theme-clair .ti-btn:hover { border-color: rgba(231, 37, 53, 0.45); background: rgba(231, 37, 53, 0.08); }
html.theme-clair .ti-btn.primary { background: linear-gradient(135deg, #E72535, #B91C1C); border-color: transparent; box-shadow: 0 8px 20px rgba(231, 37, 53, 0.3); }
html.theme-clair .ti-btn.primary i { color: #0F172A; }
html.theme-clair .ti-btn.primary:hover { filter: brightness(1.08); }
html.theme-clair .ti-controls { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); }
html.theme-clair .ti-day { border: 1px solid rgba(15, 23, 42, 0.098); background: rgba(15, 23, 42, 0.025); color: #334155; }
html.theme-clair .ti-day small { color: #64748B; }
html.theme-clair .ti-day b { color: #0F172A; }
html.theme-clair .ti-day:hover { border-color: rgba(231, 37, 53, 0.35); }
html.theme-clair .ti-day.active { background: linear-gradient(135deg, rgba(231, 37, 53, 0.2), rgba(231, 37, 53, 0.06)); border-color: rgba(231, 37, 53, 0.55); }
html.theme-clair .ti-day.active small { color: var(--gold); }
html.theme-clair .ti-field { border: 1px solid rgba(15, 23, 42, 0.126); background: rgba(255, 255, 255, 0.92); color: #0F172A; }
html.theme-clair .ti-field i { color: #64748B; }
html.theme-clair .ti-field input,
html.theme-clair .ti-field select { background: none; border: 0; outline: none; color: #0F172A; }
html.theme-clair .ti-field select option { background: #FFFFFF; }
html.theme-clair .ti-field:focus-within { border-color: rgba(231, 37, 53, 0.5); }
html.theme-clair .ti-summary { color: var(--text-secondary); }
html.theme-clair .ti-summary b { color: #0F172A; }
html.theme-clair .ti-hour { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); }
html.theme-clair .ti-hour header { border-bottom: 1px solid rgba(15, 23, 42, 0.084); background: rgba(15, 23, 42, 0.025); }
html.theme-clair .ti-hour-label { color: var(--gold); }
html.theme-clair .ti-hour-count { color: var(--text-secondary); }
html.theme-clair .ti-rows { background-image: linear-gradient(rgba(15, 23, 42, 0.042), rgba(15, 23, 42, 0.042)); }
html.theme-clair .ti-row { border-bottom: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .ti-row:hover { background: rgba(15, 23, 42, 0.025); }
html.theme-clair .ti-time { color: #64748B; }
html.theme-clair .ti-cover { background: #FFFFFF; }
html.theme-clair .ti-meta b { color: #0F172A; }
html.theme-clair .ti-meta span { color: var(--text-secondary); }
html.theme-clair .ti-ask { border: 1px solid rgba(15, 23, 42, 0.112); background: none; color: #64748B; }
html.theme-clair .ti-ask:hover { color: #FFFFFF; background: var(--gradient-gold); border-color: transparent; }
html.theme-clair .ti-loading,
html.theme-clair .ti-empty { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); color: var(--text-secondary); }
html.theme-clair .ti-loading i,
html.theme-clair .ti-empty i { color: var(--gold); }
html.theme-clair .ti-empty b { color: #0F172A; }
@media (max-width: 1200px) {
html.theme-clair .ti-rows { background-image: none; }
}

/* ---------- d'après programme.css ---------- */
html.theme-clair .pg-today-btn { border: 1px solid rgba(231, 37, 53, 0.35); background: rgba(231, 37, 53, 0.12); color: var(--gold); }
html.theme-clair .pg-today-btn:hover { background: rgba(231, 37, 53, 0.22); }
html.theme-clair .pg-now { background: #FFFFFF; border: 1px solid rgba(15, 23, 42, 0.112); box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12); }
html.theme-clair .pg-now-bg img { filter: blur(26px) brightness(0.45) saturate(1.3); }
html.theme-clair .pg-now-bg::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.92) 55%, rgba(255, 255, 255, 0.92) 100%); }
html.theme-clair .pg-now-poster { background: #FFFFFF; border: 1px solid rgba(15, 23, 42, 0.168); box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12); }
html.theme-clair .pg-live { background: var(--jmradio-red); color: #fff; box-shadow: 0 0 0 4px rgba(231, 37, 53, 0.18); }
html.theme-clair .pg-live.off { background: rgba(15, 23, 42, 0.06); border: 1px solid rgba(15, 23, 42, 0.18); box-shadow: none; }
html.theme-clair .pg-live.off i { color: #64748B; }
html.theme-clair .pg-now-time { color: #334155; }
html.theme-clair .pg-now h2 { color: #0F172A; }
html.theme-clair .pg-now-host { color: var(--gold); }
html.theme-clair .pg-now-desc { color: var(--text-secondary); }
html.theme-clair .pg-btn { border: 1px solid transparent; color: #0F172A; }
html.theme-clair .pg-btn-play { background: linear-gradient(135deg, #FF3B4E, #E72535); box-shadow: 0 10px 22px rgba(231, 37, 53, 0.35); }
html.theme-clair .pg-btn-play:hover { box-shadow: 0 14px 28px rgba(231, 37, 53, 0.5); }
html.theme-clair .pg-btn-ghost { background: rgba(15, 23, 42, 0.048); border-color: rgba(15, 23, 42, 0.18); }
html.theme-clair .pg-btn-ghost:hover { background: rgba(15, 23, 42, 0.096); }
html.theme-clair .pg-btn-gold { background: rgba(231, 37, 53, 0.14); border-color: rgba(231, 37, 53, 0.35); color: var(--gold); }
html.theme-clair .pg-btn-gold:hover { background: rgba(231, 37, 53, 0.24); }
html.theme-clair .pg-day { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.098); color: #334155; }
html.theme-clair .pg-day:hover { border-color: rgba(231, 37, 53, 0.35); color: #0F172A; }
html.theme-clair .pg-day b { color: #0F172A; }
html.theme-clair .pg-day small { color: #64748B; }
html.theme-clair .pg-day em { color: #64748B; }
html.theme-clair .pg-day .pg-day-count { background: var(--jmradio-red); color: #fff; border: 2px solid #E2E5EB; }
html.theme-clair .pg-day.today small { color: var(--gold); }
html.theme-clair .pg-day.active { background: linear-gradient(145deg, rgba(231, 37, 53, 0.22), rgba(231, 37, 53, 0.08)); border-color: rgba(231, 37, 53, 0.55); box-shadow: 0 10px 24px rgba(231, 37, 53, 0.15); }
html.theme-clair .pg-day.active b,
html.theme-clair .pg-day.active small,
html.theme-clair .pg-day.active em { color: #0F172A; }
html.theme-clair .pg-day.active small { color: var(--gold); }
html.theme-clair .pg-arrow { border: 1px solid rgba(15, 23, 42, 0.168); background: rgba(15, 23, 42, 0.03); color: #1E293B; }
html.theme-clair .pg-arrow:hover { background: rgba(231, 37, 53, 0.18); border-color: rgba(231, 37, 53, 0.45); color: var(--gold); }
html.theme-clair .pg-daybar h3 { color: #0F172A; }
html.theme-clair .pg-daybar span { color: var(--text-secondary); }
html.theme-clair .pg-card { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .pg-card:hover { border-color: rgba(231, 37, 53, 0.4); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12); }
html.theme-clair .pg-card.is-live { border-color: rgba(231, 37, 53, 0.55); box-shadow: 0 0 0 3px rgba(231, 37, 53, 0.12), 0 18px 40px rgba(15, 23, 42, 0.12); }
html.theme-clair .pg-media { background: linear-gradient(135deg, #EEF1F5, #FFFFFF); }
html.theme-clair .pg-media::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.92) 100%); }
html.theme-clair .pg-media .pg-time { color: #0F172A; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.18); }
html.theme-clair .pg-media .pg-time i { color: var(--gold); }
html.theme-clair .pg-state { color: #334155; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.18); }
html.theme-clair .pg-state.soon { color: #6EE7B7; border-color: rgba(16, 185, 129, 0.4); }
html.theme-clair .pg-title { color: #0F172A; }
html.theme-clair .pg-host { color: var(--gold); }
html.theme-clair .pg-host-avatar { border: 1px solid rgba(15, 23, 42, 0.18); background: #FFFFFF; }
html.theme-clair .pg-host-initial { color: #FFFFFF; background: linear-gradient(135deg, #E72535, #E72535); }
html.theme-clair .pg-desc { color: var(--text-secondary); }
html.theme-clair .pg-empty { background: rgba(255, 255, 255, 0.92); border: 1px dashed rgba(15, 23, 42, 0.168); color: var(--text-secondary); }
html.theme-clair .pg-empty i { color: var(--gold); }
html.theme-clair .pg-empty b { color: #0F172A; }
html.theme-clair .pg-bio .modal-content { background: linear-gradient(170deg, #FFFFFF, #FFFFFF); border: 1px solid rgba(231, 37, 53, 0.3); }
html.theme-clair .pg-bio img { border: 3px solid var(--gold); box-shadow: 0 0 28px rgba(231, 37, 53, 0.3); }
html.theme-clair .pg-bio .pg-bio-role { color: var(--gold); }
html.theme-clair .pg-bio p { color: #334155; }

/* ---------- d'après classement.css ---------- */
html.theme-clair .cl-tab { border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); background: var(--jm-panel, rgba(255, 255, 255, 0.92)); color: #334155; }
html.theme-clair .cl-tab:hover { border-color: rgba(231, 37, 53, 0.35); }
html.theme-clair .cl-tab-ico { background: rgba(15, 23, 42, 0.03); color: #64748B; }
html.theme-clair .cl-tab-txt b { color: #0F172A; }
html.theme-clair .cl-tab-txt small { color: var(--text-secondary); }
html.theme-clair .cl-tab.active { border-color: rgba(231, 37, 53, 0.55); background: linear-gradient(135deg, rgba(231, 37, 53, 0.14), rgba(255, 255, 255, 0.92)); }
html.theme-clair .cl-tab.active .cl-tab-ico { background: var(--gradient-gold); color: #FFFFFF; }
html.theme-clair .cl-tab[data-chart="us"].active .cl-tab-ico { background: linear-gradient(135deg, #3B82F6, #1D4ED8); color: #fff; }
html.theme-clair .cl-tab[data-chart="us"].active { border-color: rgba(59, 130, 246, 0.55); background: linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(255, 255, 255, 0.92)); }
html.theme-clair .cl-board { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); }
html.theme-clair .cl-board-head h2 { color: #0F172A; }
html.theme-clair .cl-board-head p { color: var(--text-secondary); }
html.theme-clair .cl-btn { border: 1px solid rgba(15, 23, 42, 0.14); background: rgba(15, 23, 42, 0.025); color: #0F172A; }
html.theme-clair .cl-btn i { color: var(--gold); }
html.theme-clair .cl-btn:hover { border-color: rgba(231, 37, 53, 0.45); background: rgba(231, 37, 53, 0.08); }
html.theme-clair .cl-pod { border: 1px solid rgba(15, 23, 42, 0.112); background: rgba(15, 23, 42, 0.025); color: #0F172A; }
html.theme-clair .cl-pod:hover { border-color: rgba(231, 37, 53, 0.35); }
html.theme-clair .cl-pod.rank-1 { border-color: rgba(231, 37, 53, 0.45); background: linear-gradient(180deg, rgba(231, 37, 53, 0.12), rgba(15, 23, 42, 0.025)); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.105); }
html.theme-clair .cl-pod-cover { background: #FFFFFF; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12); }
html.theme-clair .cl-medal { color: #111; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12); }
html.theme-clair .cl-pod.rank-1 .cl-medal { background: linear-gradient(135deg, #E72535, #E72535); }
html.theme-clair .cl-pod.rank-2 .cl-medal { background: linear-gradient(135deg, #F1F5F9, #94A3B8); }
html.theme-clair .cl-pod.rank-3 .cl-medal { background: linear-gradient(135deg, #E72535, #E72535); }
html.theme-clair .cl-pod-meta span { color: var(--gold); }
html.theme-clair .cl-play { background: rgba(0, 0, 0, 0.45); }
html.theme-clair .cl-play i { background: var(--gradient-gold); color: #FFFFFF; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12); }
html.theme-clair .cl-eq { background: rgba(0, 0, 0, 0.6); }
html.theme-clair .cl-eq i { background: var(--gold); }
html.theme-clair .cl-pod.playing { border-color: var(--gold); box-shadow: 0 0 0 1px rgba(231, 37, 53, 0.4), 0 18px 40px rgba(15, 23, 42, 0.105); }
html.theme-clair .cl-row { border: 1px solid transparent; background: rgba(15, 23, 42, 0.025); outline: none; }
html.theme-clair .cl-row:hover,
html.theme-clair .cl-row:focus-visible { background: rgba(15, 23, 42, 0.036); border-color: rgba(15, 23, 42, 0.112); }
html.theme-clair .cl-row.playing { background: rgba(231, 37, 53, 0.09); border-color: rgba(231, 37, 53, 0.35); }
html.theme-clair .cl-rank { color: #64748B; }
html.theme-clair .cl-row.playing .cl-rank { color: var(--gold); }
html.theme-clair .cl-cover { background: #FFFFFF; }
html.theme-clair .cl-meta b { color: #0F172A; }
html.theme-clair .cl-meta span { color: var(--text-secondary); }
html.theme-clair .cl-play-btn { border: 1px solid rgba(15, 23, 42, 0.14); color: #334155; }
html.theme-clair .cl-row:hover .cl-play-btn { background: var(--gradient-gold); border-color: transparent; color: #FFFFFF; }
html.theme-clair .cl-row.playing .cl-play-btn,
html.theme-clair .cl-row.loading .cl-play-btn { background: var(--gradient-gold); border-color: transparent; color: #FFFFFF; }
html.theme-clair .cl-loading { color: var(--text-secondary); }
html.theme-clair .cl-loading i { color: var(--gold); }
html.theme-clair .cl-empty-ico { color: #0465D2; background: rgba(59, 130, 246, 0.12); border: 1px solid rgba(59, 130, 246, 0.3); }
html.theme-clair .cl-empty b { color: #0F172A; }
html.theme-clair .cl-empty p { color: var(--text-secondary); }
html.theme-clair .cl-board[data-chart="us"] .cl-pod-meta span { color: #0465D2; }
html.theme-clair .cl-pod-mv { box-shadow: 0 4px 12px rgba(15, 23, 42, 0.105); }
html.theme-clair .cl-mv.up,
html.theme-clair .cl-pod-mv.up { color: #34D399; background: rgba(6, 78, 59, 0.55); }
html.theme-clair .cl-mv.down,
html.theme-clair .cl-pod-mv.down { color: #CF0707; background: rgba(127, 29, 29, 0.55); }
html.theme-clair .cl-mv.same,
html.theme-clair .cl-pod-mv.same { color: #334155; background: rgba(238, 241, 245, 0.9); }
html.theme-clair .cl-mv.new,
html.theme-clair .cl-pod-mv.new { color: #FFFFFF; background: linear-gradient(135deg, #E72535, #E72535); }

/* ---------- d'après equipe.css ---------- */
html.theme-clair .eq-section-head h2 { color: #0F172A; }
html.theme-clair .eq-section-head .eq-count { color: var(--text-secondary); background: rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.112); }
html.theme-clair .eq-section-head::after { background: linear-gradient(90deg, rgba(15, 23, 42, 0.06), transparent); }
html.theme-clair .eq-card { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); }
html.theme-clair .eq-card:hover { border-color: rgba(231, 37, 53, 0.3); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.105); }
html.theme-clair .eq-card.is-live { border-color: rgba(239, 68, 68, 0.5); }
html.theme-clair .eq-photo { background: #FFFFFF; }
html.theme-clair .eq-photo::after { background: linear-gradient(transparent, rgba(255, 255, 255, 0.92)); }
html.theme-clair .eq-tag { color: #0F172A; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.18); }
html.theme-clair .eq-tag i { color: var(--gold); }
html.theme-clair .eq-tag.dir { color: #FFFFFF; background: var(--gradient-gold); border-color: transparent; }
html.theme-clair .eq-tag.dir i { color: #111; }
html.theme-clair .eq-live { color: #fff; background: #DC2626; box-shadow: 0 6px 16px rgba(220, 38, 38, 0.4); }
html.theme-clair .eq-live::before { background: #fff; }
html.theme-clair .eq-name { color: #0F172A; }
html.theme-clair .eq-role { color: var(--gold); }
html.theme-clair .eq-chip { color: #334155; background: rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .eq-chip i { color: #64748B; }
html.theme-clair .eq-next { color: var(--text-secondary); }
html.theme-clair .eq-next i { color: #64748B; }
html.theme-clair .eq-next b { color: #1E293B; }
html.theme-clair .eq-card.is-live .eq-next { color: #CF0707; }
html.theme-clair .eq-card.is-live .eq-next i { color: #EF4444; }
html.theme-clair .eq-btn { border: 1px solid rgba(15, 23, 42, 0.14); background: rgba(15, 23, 42, 0.025); color: #0F172A; }
html.theme-clair .eq-btn i { color: var(--gold); }
html.theme-clair .eq-btn:hover { border-color: rgba(231, 37, 53, 0.45); background: rgba(231, 37, 53, 0.08); }
html.theme-clair .eq-btn.primary { background: var(--gradient-gold); color: #FFFFFF; border-color: transparent; }
html.theme-clair .eq-btn.primary i { color: #111; }
html.theme-clair .eq-btn.primary:hover { filter: brightness(1.06); }
html.theme-clair .eq-icon { color: #334155; background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.14); }
html.theme-clair .eq-icon:hover { color: #0F172A; border-color: rgba(236, 72, 153, 0.5); background: rgba(236, 72, 153, 0.12); }
html.theme-clair .eq-value { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); }
html.theme-clair .eq-value i { background: rgba(231, 37, 53, 0.12); color: var(--gold); }
html.theme-clair .eq-value h3 { color: #0F172A; }
html.theme-clair .eq-value p { color: var(--text-secondary); }
html.theme-clair .eq-join { background: linear-gradient(120deg, rgba(231, 37, 53, 0.16), rgba(255, 255, 255, 0.92) 55%); border: 1px solid rgba(231, 37, 53, 0.3); }
html.theme-clair .eq-join-ico { color: #fff; background: linear-gradient(135deg, #E72535, #B91C1C); box-shadow: 0 10px 24px rgba(231, 37, 53, 0.35); }
html.theme-clair .eq-join-txt h2 { color: #0F172A; }
html.theme-clair .eq-join-txt p { color: #334155; }
html.theme-clair .eq-join .eq-btn { background: linear-gradient(135deg, #E72535, #B91C1C); border-color: transparent; color: #fff; }
html.theme-clair .eq-join .eq-btn i { color: #0F172A; }
html.theme-clair .eq-join .eq-btn:hover { filter: brightness(1.1); }
html.theme-clair .eq-modal { background: rgba(15, 23, 42, 0.45); }
html.theme-clair .eq-modal-card { background: #FFFFFF; border: 1px solid rgba(15, 23, 42, 0.126); box-shadow: 0 30px 80px rgba(15, 23, 42, 0.12); }
html.theme-clair .eq-modal-close { border: 1px solid rgba(15, 23, 42, 0.18); background: rgba(255, 255, 255, 0.92); color: #0F172A; }
html.theme-clair .eq-modal-close:hover { background: rgba(15, 23, 42, 0.09); }
html.theme-clair .eq-modal-banner { background: #FFFFFF; }
html.theme-clair .eq-modal-banner::after { background: linear-gradient(transparent 40%, #FFFFFF); }
html.theme-clair .eq-modal-id h2 { color: #0F172A; }
html.theme-clair .eq-next-box { background: rgba(231, 37, 53, 0.07); border: 1px solid rgba(231, 37, 53, 0.25); }
html.theme-clair .eq-next-box.live { background: rgba(220, 38, 38, 0.1); border-color: rgba(239, 68, 68, 0.45); }
html.theme-clair .eq-next-box > i { background: rgba(231, 37, 53, 0.15); color: var(--gold); }
html.theme-clair .eq-next-box.live > i { background: #DC2626; color: #fff; }
html.theme-clair .eq-next-box small { color: var(--text-secondary); }
html.theme-clair .eq-next-box b { color: #0F172A; }
html.theme-clair .eq-next-box span { color: var(--gold); }
html.theme-clair .eq-next-box.live span { color: #CF0707; }
html.theme-clair .eq-modal-h { color: #64748B; }
html.theme-clair .eq-bio { color: #334155; }
html.theme-clair .eq-show { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .eq-show img { background: #FFFFFF; }
html.theme-clair .eq-show b { color: #0F172A; }
html.theme-clair .eq-show span { color: var(--text-secondary); }
html.theme-clair .eq-empty-shows { color: var(--text-secondary); }

/* ---------- d'après partenaires.css ---------- */
html.theme-clair #paPage { --pa-gold: #E72535; }
html.theme-clair .pa-btn { border: 1px solid transparent; }
html.theme-clair .pa-btn-discord { background: linear-gradient(135deg, #5865F2, #4048C8); color: #fff; box-shadow: 0 12px 30px rgba(88, 101, 242, 0.4); }
html.theme-clair .pa-btn-discord:hover { box-shadow: 0 16px 38px rgba(88, 101, 242, 0.55); filter: brightness(1.06); }
html.theme-clair .pa-btn-ghost { background: rgba(15, 23, 42, 0.03); border-color: rgba(15, 23, 42, 0.18); color: #0F172A; }
html.theme-clair .pa-btn-ghost i { color: var(--pa-gold); }
html.theme-clair .pa-btn-ghost:hover { border-color: rgba(231, 37, 53, 0.5); background: rgba(231, 37, 53, 0.08); }
html.theme-clair .pa-btn-coffee { background: linear-gradient(135deg, #D9A272, #9A6338); color: #1B1009; box-shadow: 0 12px 28px rgba(192, 139, 92, 0.35); }
html.theme-clair .pa-btn-coffee:hover { filter: brightness(1.08); }
html.theme-clair .pa-kicker { color: var(--pa-gold); }
html.theme-clair .pa-hero { background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)); border: 1px solid rgba(15, 23, 42, 0.112); box-shadow: 0 30px 70px rgba(15, 23, 42, 0.12); }
html.theme-clair .pa-hero::before { background-image: linear-gradient(rgba(15, 23, 42, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, 0.025) 1px, transparent 1px); }
html.theme-clair .pa-hero-glow { background: radial-gradient(circle at 80% 35%, rgba(88, 101, 242, 0.35), transparent 45%), radial-gradient(circle at 60% 90%, rgba(231, 37, 53, 0.18), transparent 45%), radial-gradient(circle at 0% 0%, rgba(231, 37, 53, 0.14), transparent 40%); }
html.theme-clair .pa-hero h1 { color: #0F172A; }
html.theme-clair .pa-hero h1 span { background: linear-gradient(135deg, #E72535, #E72535); -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; }
html.theme-clair .pa-hero p { color: #334155; }
html.theme-clair .pa-orbit { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.112); }
html.theme-clair .pa-orbit::before { border: 1px dashed rgba(15, 23, 42, 0.168); }
html.theme-clair .pa-bubble { background: #FFFFFF; border: 3px solid rgba(15, 23, 42, 0.168); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12); }
html.theme-clair .pa-bubble.jm { border-color: rgba(231, 37, 53, 0.6); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12), 0 0 0 8px rgba(231, 37, 53, 0.08); }
html.theme-clair .pa-bubble.partner { border-color: rgba(192, 139, 92, 0.7); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12), 0 0 0 8px rgba(192, 139, 92, 0.1); }
html.theme-clair .pa-x { color: #FFFFFF; background: linear-gradient(135deg, #E72535, #E72535); box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12); }
html.theme-clair .pa-hero-tags span { color: #1E293B; background: rgba(15, 23, 42, 0.036); border: 1px solid rgba(15, 23, 42, 0.14); }
html.theme-clair .pa-hero-tags i { color: var(--pa-gold); }
html.theme-clair .pa-head h2 { color: #0F172A; }
html.theme-clair .pa-head h2 i { color: var(--pa-gold); }
html.theme-clair .pa-head::after { background: linear-gradient(90deg, rgba(15, 23, 42, 0.072), transparent); }
html.theme-clair .pa-head > span { color: var(--text-secondary); background: rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.112); }
html.theme-clair .pa-feature { background: linear-gradient(120deg, rgba(238, 241, 245, 0.9), rgba(255, 255, 255, 0.92) 55%); border: 1px solid rgba(192, 139, 92, 0.35); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12); }
html.theme-clair .pa-feature:hover { box-shadow: 0 30px 70px rgba(15, 23, 42, 0.12); }
html.theme-clair .pa-feature-art { background: radial-gradient(circle at 50% 40%, rgba(217, 162, 114, 0.35), rgba(255, 255, 255, 0.92) 70%); }
html.theme-clair .pa-feature-logo { border: 4px solid rgba(15, 23, 42, 0.18); box-shadow: 0 20px 44px rgba(15, 23, 42, 0.12); }
html.theme-clair .pa-official { color: #FFFFFF; background: linear-gradient(135deg, #E72535, #E72535); }
html.theme-clair .pa-type { color: #AA6B2C; }
html.theme-clair .pa-type i { color: #0729CF; }
html.theme-clair .pa-feature-body h3 { color: #0F172A; }
html.theme-clair .pa-feature-body p { color: #334155; }
html.theme-clair .pa-chips span { color: #A06D37; background: rgba(192, 139, 92, 0.14); border: 1px solid rgba(192, 139, 92, 0.3); }
html.theme-clair .pa-chips i { color: #D9A272; }
html.theme-clair .pa-perk { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); }
html.theme-clair .pa-perk::after { background: radial-gradient(circle, var(--c, rgba(231, 37, 53, 0.25)), transparent 70%); }
html.theme-clair .pa-perk:hover { border-color: var(--b, rgba(231, 37, 53, 0.4)); }
html.theme-clair .pa-perk.gold { --c: rgba(231, 37, 53, 0.25); --b: rgba(231, 37, 53, 0.45); }
html.theme-clair .pa-perk-ico { color: #111; background: var(--i); box-shadow: 0 10px 24px rgba(15, 23, 42, 0.105); }
html.theme-clair .pa-perk.blue .pa-perk-ico { color: #0F172A; }
html.theme-clair .pa-perk h3 { color: #0F172A; }
html.theme-clair .pa-perk p { color: var(--text-secondary); }
html.theme-clair .pa-join { background: radial-gradient(circle at 100% 0%, rgba(88, 101, 242, 0.22), transparent 50%), linear-gradient(135deg, rgba(231, 37, 53, 0.1), rgba(255, 255, 255, 0.92) 60%); border: 1px solid rgba(231, 37, 53, 0.25); }
html.theme-clair .pa-join h2 { color: #0F172A; }
html.theme-clair .pa-join p { color: #334155; }
html.theme-clair .pa-steps::before { background: linear-gradient(90deg, rgba(231, 37, 53, 0.6), rgba(88, 101, 242, 0.6)); }
html.theme-clair .pa-steps li > span { color: #FFFFFF; background: linear-gradient(135deg, #E72535, #E72535); box-shadow: 0 0 0 5px rgba(15, 23, 42, 0.12); }
html.theme-clair .pa-steps b { color: #0F172A; }
html.theme-clair .pa-steps small { color: var(--text-secondary); }
html.theme-clair .pa-slot { border: 2px dashed rgba(231, 37, 53, 0.4); background: rgba(231, 37, 53, 0.04); }
html.theme-clair .pa-slot-logo { color: var(--pa-gold); border: 2px dashed rgba(231, 37, 53, 0.5); }
html.theme-clair .pa-slot b { color: #0F172A; }
html.theme-clair .pa-slot span { color: var(--text-secondary); }
@media (max-width: 760px) {
html.theme-clair .pa-steps::before { background: linear-gradient(180deg, rgba(231, 37, 53, 0.6), rgba(88, 101, 242, 0.6)); }
}

/* ---------- d'après recrutement.css ---------- */
html.theme-clair .rc-box { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); }
html.theme-clair .rc-box h2 { color: #0F172A; }
html.theme-clair .rc-steps li:not(:last-child)::before { background: rgba(231, 37, 53, 0.25); }
html.theme-clair .rc-steps li > span { color: #FFFFFF; background: var(--gradient-gold); }
html.theme-clair .rc-steps b { color: #0F172A; }
html.theme-clair .rc-steps small { color: var(--text-secondary); }
html.theme-clair .rc-perk i { background: rgba(231, 37, 53, 0.12); color: var(--gold); }
html.theme-clair .rc-perk b { color: #0F172A; }
html.theme-clair .rc-perk span { color: var(--text-secondary); }
html.theme-clair .rc-card { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); }
html.theme-clair .rc-card-head h2 { color: #0F172A; }
html.theme-clair .rc-card-head h2 i { color: var(--gold); }
html.theme-clair .rc-card-head p { color: var(--text-secondary); }
html.theme-clair .rc-progress span { color: var(--gold); }
html.theme-clair .rc-progress-bar { background: rgba(15, 23, 42, 0.048); }
html.theme-clair .rc-progress-bar i { background: var(--gradient-gold); }
html.theme-clair .rec-section { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .rec-section h3 { color: #0F172A; }
html.theme-clair .rc-num { color: var(--gold); background: rgba(231, 37, 53, 0.12); border: 1px solid rgba(231, 37, 53, 0.3); }
html.theme-clair .rec-field label { color: #334155; }
html.theme-clair .rec-field input,
html.theme-clair .rec-field textarea { border: 1px solid rgba(15, 23, 42, 0.14); background: rgba(255, 255, 255, 0.92); color: #406B96; outline: none; }
html.theme-clair .rec-field input::placeholder,
html.theme-clair .rec-field textarea::placeholder { color: #4B5563; }
html.theme-clair .rec-field input:focus,
html.theme-clair .rec-field textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(231, 37, 53, 0.18); }
html.theme-clair .rec-field .hint { color: var(--text-secondary); }
html.theme-clair .rec-field .err { color: #CC0A0A; }
html.theme-clair .rec-field.invalid input,
html.theme-clair .rec-field.invalid textarea { border-color: #EF4444; }
html.theme-clair .rec-choice { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .rec-q { color: #0F172A; }
html.theme-clair .rec-radios { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .rec-radios label span { color: #64748B; }
html.theme-clair .rec-radios label:hover span { color: #0F172A; }
html.theme-clair .rec-radios input:checked + span { background: var(--gradient-gold); color: #FFFFFF; }
html.theme-clair .rec-radios input:focus-visible + span { outline: 2px solid var(--gold); }
html.theme-clair .rec-sub { border-top: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .rec-btn { border: 0; background: var(--gradient-gold); color: #FFFFFF; box-shadow: 0 10px 24px rgba(231, 37, 53, 0.3); }
html.theme-clair .rec-btn:hover { box-shadow: 0 14px 30px rgba(231, 37, 53, 0.45); }
html.theme-clair .rec-msg.error { color: #CC0A0A; }
html.theme-clair .rec-consent { color: var(--text-secondary); }
html.theme-clair .rec-consent a { color: var(--gold); }
html.theme-clair .rec-success .ico { color: #fff; background: #10B981; box-shadow: 0 10px 25px rgba(16, 185, 129, 0.4); }
html.theme-clair .rec-success h2 { color: #0F172A; }
html.theme-clair .rec-success p { color: var(--text-secondary); }
html.theme-clair .rec-link { color: #64748B; }

/* ---------- d'après legal.css ---------- */
html.theme-clair .lg-box { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); }
html.theme-clair .lg-box-title { color: #64748B; }
html.theme-clair .lg-toc a,
html.theme-clair .lg-docs a { color: #64748B; }
html.theme-clair .lg-toc a span { color: #64748B; background: rgba(15, 23, 42, 0.03); }
html.theme-clair .lg-toc a:hover,
html.theme-clair .lg-docs a:hover { background: rgba(15, 23, 42, 0.03); color: #0F172A; }
html.theme-clair .lg-toc a.active { color: #0F172A; background: rgba(231, 37, 53, 0.1); }
html.theme-clair .lg-toc a.active span { background: var(--gradient-gold); color: #FFFFFF; }
html.theme-clair .lg-docs a i { color: #64748B; }
html.theme-clair .lg-docs a.active { color: #0F172A; background: rgba(231, 37, 53, 0.12); box-shadow: inset 0 0 0 1px rgba(231, 37, 53, 0.25); }
html.theme-clair .lg-docs a.active i { color: var(--gold); }
html.theme-clair .lg-section { background: var(--jm-panel, rgba(255, 255, 255, 0.92)); border: 1px solid var(--jm-border, rgba(15, 23, 42, 0.098)); }
html.theme-clair .lg-section:target { border-color: rgba(231, 37, 53, 0.45); }
html.theme-clair .lg-section h2 { color: #0F172A; }
html.theme-clair .lg-ico { color: var(--gold); background: rgba(231, 37, 53, 0.12); border: 1px solid rgba(231, 37, 53, 0.25); }
html.theme-clair .lg-n { color: #475569; }
html.theme-clair .lg-body { color: #334155; }
html.theme-clair .lg-body strong { color: #0F172A; }
html.theme-clair .lg-body a { color: var(--gold); }
html.theme-clair .lg-note { color: #C81E2E; background: rgba(231, 37, 53, 0.08); border: 1px solid rgba(231, 37, 53, 0.22); }
html.theme-clair .lg-note > i:first-child { color: var(--gold); }
html.theme-clair .lg-list li { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.07); }
html.theme-clair .lg-list li > i:first-child { color: var(--gold); }
html.theme-clair .lg-list li > i.fa-ban { color: #CC0A0A; }
html.theme-clair .lg-badge { color: #1E293B; background: rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.14); }
html.theme-clair .lg-foot { color: var(--text-secondary); background: rgba(15, 23, 42, 0.025); border: 1px dashed rgba(15, 23, 42, 0.14); }
html.theme-clair .lg-foot i { color: var(--gold); }
html.theme-clair .lg-foot a { color: var(--gold); }
@media (max-width: 1100px) {
html.theme-clair .lg-docs a { background: rgba(15, 23, 42, 0.025); }
}

/* ---------- d'après compte.css ---------- */
html.theme-clair #acPage,
html.theme-clair .ac-modal { --ac-gold: #E72535; }
html.theme-clair .ac-kicker { color: var(--ac-gold); }
html.theme-clair .ac-loading { color: var(--ac-muted); }
html.theme-clair .ac-loading i { color: var(--ac-gold); }
html.theme-clair .ac-btn { border: 1px solid rgba(15, 23, 42, 0.168); background: rgba(15, 23, 42, 0.03); color: #0F172A; }
html.theme-clair .ac-btn:hover { border-color: rgba(231, 37, 53, 0.45); background: rgba(231, 37, 53, 0.07); }
html.theme-clair .ac-btn.primary { border-color: transparent; background: linear-gradient(135deg, #E72535, #E72535); color: #FFFFFF; box-shadow: 0 10px 26px rgba(231, 37, 53, 0.28); }
html.theme-clair .ac-btn.primary:hover { filter: brightness(1.06); }
html.theme-clair .ac-btn.red { border-color: transparent; background: linear-gradient(135deg, #E72535, #B91C1C); box-shadow: 0 10px 24px rgba(231, 37, 53, 0.3); }
html.theme-clair .ac-btn.green { border-color: transparent; background: linear-gradient(135deg, #10B981, #059669); box-shadow: 0 10px 24px rgba(16, 185, 129, 0.28); }
html.theme-clair .ac-btn.danger { color: #CF0707; border-color: rgba(239, 68, 68, 0.35); background: rgba(239, 68, 68, 0.08); }
html.theme-clair .ac-btn.danger:hover { background: rgba(239, 68, 68, 0.16); border-color: rgba(239, 68, 68, 0.6); }
html.theme-clair .ac-link { border: 0; background: none; color: var(--ac-muted); }
html.theme-clair .ac-link:hover { color: #0F172A; }
html.theme-clair .ac-field > span { color: #334155; }
html.theme-clair .ac-field > small { color: var(--ac-dim); }
html.theme-clair .ac-input { border: 1px solid rgba(15, 23, 42, 0.14); background: rgba(255, 255, 255, 0.92); }
html.theme-clair .ac-input:focus-within { border-color: rgba(231, 37, 53, 0.6); box-shadow: 0 0 0 4px rgba(231, 37, 53, 0.12); }
html.theme-clair .ac-input > i { color: var(--ac-dim); }
html.theme-clair .ac-input input,
html.theme-clair .ac-input select { border: 0; outline: none; background: none; color: #0F172A; }
html.theme-clair .ac-input select option { background: #FFFFFF; }
html.theme-clair .ac-eye { border: 0; background: none; color: var(--ac-dim); }
html.theme-clair .ac-eye:hover { color: #0F172A; }
html.theme-clair .ac-check { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.084); color: #334155; }
html.theme-clair .ac-check input { accent-color: #E72535; }
html.theme-clair .ac-check a { color: var(--ac-gold); }
html.theme-clair .ac-check:has(input:checked) { border-color: rgba(231, 37, 53, 0.35); background: rgba(231, 37, 53, 0.06); }
html.theme-clair .ac-msg.err { color: #D20404; background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.3); }
html.theme-clair .ac-msg.ok { color: #1ABC72; background: rgba(16, 185, 129, 0.12); border: 1px solid rgba(16, 185, 129, 0.3); }
html.theme-clair .ac-fine { color: var(--ac-dim); }
html.theme-clair .ac-fine i { color: var(--ac-gold); }
html.theme-clair .ac-pw-meter i { background: rgba(15, 23, 42, 0.048); }
html.theme-clair .ac-pw-meter[data-s="1"] i:nth-child(-n+1) { background: #EF4444; }
html.theme-clair .ac-pw-meter[data-s="2"] i:nth-child(-n+2) { background: #E72535; }
html.theme-clair .ac-pw-meter[data-s="3"] i:nth-child(-n+3) { background: #84CC16; }
html.theme-clair .ac-pw-meter[data-s="4"] i { background: #10B981; }
html.theme-clair .ac-auth { background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)); border: 1px solid rgba(15, 23, 42, 0.112); box-shadow: 0 30px 70px rgba(15, 23, 42, 0.12); }
html.theme-clair .ac-auth::before { background: radial-gradient(circle at 12% 10%, rgba(231, 37, 53, 0.14), transparent 40%), radial-gradient(circle at 90% 90%, rgba(231, 37, 53, 0.12), transparent 45%); }
html.theme-clair .ac-pitch h1 { color: #0F172A; }
html.theme-clair .ac-pitch h1 span { background: linear-gradient(135deg, #E72535, #E72535); -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; }
html.theme-clair .ac-pitch > p { color: #334155; }
html.theme-clair .ac-perks li { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .ac-perks li > i { color: var(--ac-gold); background: rgba(231, 37, 53, 0.12); border: 1px solid rgba(231, 37, 53, 0.22); }
html.theme-clair .ac-perks li:last-child > i { color: #CF0707; background: rgba(239, 68, 68, 0.12); border-color: rgba(239, 68, 68, 0.25); }
html.theme-clair .ac-perks b { color: #0F172A; }
html.theme-clair .ac-perks span { color: var(--ac-muted); }
html.theme-clair .ac-card { background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.126); box-shadow: 0 24px 50px rgba(15, 23, 42, 0.12); }
html.theme-clair .ac-tabs { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .ac-tabs button { border: 0; background: none; color: var(--ac-muted); }
html.theme-clair .ac-tabs button:hover { color: #0F172A; }
html.theme-clair .ac-tabs button.active { background: linear-gradient(135deg, #E72535, #E72535); color: #FFFFFF; box-shadow: 0 6px 16px rgba(231, 37, 53, 0.25); }
html.theme-clair .ac-card h2 { color: #0F172A; }
html.theme-clair .ac-card .ac-sub { color: var(--ac-muted); }
html.theme-clair .ac-head { background: linear-gradient(120deg, rgba(231, 37, 53, 0.12), rgba(255, 255, 255, 0.92) 45%, rgba(231, 37, 53, 0.1)); border: 1px solid rgba(231, 37, 53, 0.2); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12); }
html.theme-clair .ac-avatar { color: #FFFFFF; background: var(--av, #E72535); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.06), 0 16px 34px rgba(15, 23, 42, 0.12); }
html.theme-clair .ac-id h1 { color: #0F172A; }
html.theme-clair .ac-chip { color: #1E293B; background: rgba(15, 23, 42, 0.036); border: 1px solid rgba(15, 23, 42, 0.14); }
html.theme-clair .ac-chip.ok { color: #6EE7B7; background: rgba(16, 185, 129, 0.12); border-color: rgba(16, 185, 129, 0.3); }
html.theme-clair .ac-chip.wait { color: #C81E2E; background: rgba(231, 37, 53, 0.1); border-color: rgba(231, 37, 53, 0.3); }
html.theme-clair .ac-level { background: rgba(15, 23, 42, 0.042); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .ac-level-top { color: var(--ac-muted); }
html.theme-clair .ac-level-top b { color: #0F172A; }
html.theme-clair .ac-bar { background: rgba(15, 23, 42, 0.042); }
html.theme-clair .ac-bar i { background: linear-gradient(90deg, #E72535, #E72535); }
html.theme-clair .ac-level small { color: var(--ac-dim); }
html.theme-clair .ac-kpi { background: var(--ac-panel); border: 1px solid var(--ac-border); }
html.theme-clair .ac-kpi > i { color: var(--c, #FBBF24); background: color-mix(in srgb, var(--c, #E72535) 14%, transparent); border: 1px solid color-mix(in srgb, var(--c, #E72535) 28%, transparent); }
html.theme-clair .ac-kpi b { color: #0F172A; }
html.theme-clair .ac-kpi span { color: var(--ac-muted); }
html.theme-clair .ac-panel { background: var(--ac-panel); border: 1px solid var(--ac-border); }
html.theme-clair .ac-ph > i { color: var(--ac-gold); background: rgba(231, 37, 53, 0.12); border: 1px solid rgba(231, 37, 53, 0.22); }
html.theme-clair .ac-ph h2 { color: #0F172A; }
html.theme-clair .ac-ph p { color: var(--ac-muted); }
html.theme-clair .ac-count { color: #334155; background: rgba(15, 23, 42, 0.036); }
html.theme-clair .ac-empty { border: 1px dashed rgba(15, 23, 42, 0.14); color: var(--ac-muted); }
html.theme-clair .ac-empty i { color: var(--ac-gold); }
html.theme-clair .ac-empty a { color: var(--ac-gold); }
html.theme-clair .ac-chart-bar { background: linear-gradient(180deg, #E72535, #E72535); }
html.theme-clair .ac-chart-bar.zero { background: rgba(15, 23, 42, 0.048); }
html.theme-clair .ac-chart-col.today .ac-chart-bar { background: linear-gradient(180deg, #FCA5A5, #E72535); }
html.theme-clair .ac-chart-col small { color: var(--ac-dim); }
html.theme-clair .ac-chart-col.today small { color: #CF0707; }
html.theme-clair .ac-chart-legend { color: var(--ac-muted); }
html.theme-clair .ac-chart-legend b { color: #0F172A; }
html.theme-clair .ac-item { border-bottom: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .ac-item:last-child { border-bottom: 0; }
html.theme-clair .ac-ico { color: #CC0A0A; background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.2); }
html.theme-clair .ac-ico.gold { color: var(--ac-gold); background: rgba(231, 37, 53, 0.1); border-color: rgba(231, 37, 53, 0.22); }
html.theme-clair .ac-ico.blue { color: #0465D2; background: rgba(59, 130, 246, 0.1); border-color: rgba(59, 130, 246, 0.25); }
html.theme-clair .ac-meta b { color: #0F172A; }
html.theme-clair .ac-meta span { color: var(--ac-muted); }
html.theme-clair .ac-meta p { color: #334155; }
html.theme-clair .ac-icon-btn { border: 1px solid rgba(15, 23, 42, 0.112); background: rgba(15, 23, 42, 0.025); color: var(--ac-muted); }
html.theme-clair .ac-icon-btn:hover { color: #FFFFFF; background: linear-gradient(135deg, #E72535, #E72535); border-color: transparent; }
html.theme-clair .ac-icon-btn.del:hover { color: #fff; background: #DC2626; }
html.theme-clair .ac-pill.new { color: #C81E2E; background: rgba(231, 37, 53, 0.12); }
html.theme-clair .ac-pill.played { color: #6EE7B7; background: rgba(16, 185, 129, 0.14); }
html.theme-clair .ac-pill.dismissed { color: #64748B; background: rgba(148, 163, 184, 0.12); }
html.theme-clair .ac-seg { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .ac-seg button { border: 0; background: none; color: var(--ac-muted); }
html.theme-clair .ac-seg button.active { background: rgba(231, 37, 53, 0.14); color: #C81E2E; }
html.theme-clair .ac-fav { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .ac-fav img { background: #FFFFFF; }
html.theme-clair .ac-fav .live { color: #CF0707; }
html.theme-clair .ac-star { border: 1px solid rgba(231, 37, 53, 0.35); background: rgba(231, 37, 53, 0.12); color: var(--ac-gold); }
html.theme-clair .ac-star:hover { background: rgba(239, 68, 68, 0.15); color: #CF0707; border-color: rgba(239, 68, 68, 0.4); }
html.theme-clair .ac-shows-title { color: var(--ac-dim); }
html.theme-clair .ac-show { border: 1px solid rgba(15, 23, 42, 0.14); background: rgba(15, 23, 42, 0.025); color: #334155; }
html.theme-clair .ac-show i { color: var(--ac-dim); }
html.theme-clair .ac-show:hover { border-color: rgba(231, 37, 53, 0.5); color: #0F172A; }
html.theme-clair .ac-show:hover i { color: var(--ac-gold); }
html.theme-clair .ac-badge { background: rgba(231, 37, 53, 0.06); border: 1px solid rgba(231, 37, 53, 0.22); }
html.theme-clair .ac-badge > i { color: #FFFFFF; background: linear-gradient(135deg, #E72535, #E72535); box-shadow: 0 8px 20px rgba(231, 37, 53, 0.25); }
html.theme-clair .ac-badge b { color: #0F172A; }
html.theme-clair .ac-badge span { color: var(--ac-muted); }
html.theme-clair .ac-badge.off { background: rgba(15, 23, 42, 0.025); border-color: rgba(15, 23, 42, 0.084); }
html.theme-clair .ac-badge.off > i { color: #475569; background: rgba(15, 23, 42, 0.03); box-shadow: none; }
html.theme-clair .ac-badge.off b { color: #64748B; }
html.theme-clair .ac-age { background: linear-gradient(160deg, rgba(239, 68, 68, 0.12), rgba(255, 255, 255, 0.92) 55%); border-color: rgba(239, 68, 68, 0.28); }
html.theme-clair .ac-age .ac-ph > i { color: #CF0707; background: rgba(239, 68, 68, 0.14); border-color: rgba(239, 68, 68, 0.3); }
html.theme-clair .ac-age-state { background: rgba(15, 23, 42, 0.037); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .ac-age-state b { color: #0F172A; }
html.theme-clair .ac-age-state span { color: #334155; }
html.theme-clair .ac-age-state.ok > i { color: #34D399; }
html.theme-clair .ac-age-state.wait > i { color: var(--ac-gold); }
html.theme-clair .ac-age-state.ko > i { color: #CC0A0A; }
html.theme-clair .ac-age-state.lock > i { color: #CF0707; }
html.theme-clair .ac-age-points li { color: #334155; }
html.theme-clair .ac-age-points li > i { color: #34D399; }
html.theme-clair .ac-swatch { border: 2px solid transparent; background: var(--c); box-shadow: inset 0 0 0 2px rgba(15, 23, 42, 0.075); }
html.theme-clair .ac-swatch:has(input:checked) { border-color: #fff; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15); }
html.theme-clair .ac-swatch:has(input:focus-visible) { outline: 2px solid var(--ac-gold); }
html.theme-clair .ac-av-opt { color: #334155; background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.112); }
html.theme-clair .ac-av-opt:hover { border-color: rgba(231, 37, 53, 0.4); }
html.theme-clair .ac-av-opt:has(input:checked) { color: #FFFFFF; background: var(--av, #E72535); border-color: transparent; }
html.theme-clair .ac-preview { background: rgba(15, 23, 42, 0.042); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .ac-preview .pv-av { color: #0B0F17; }
html.theme-clair .ac-preview .pv-bubble { background: rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.07); color: #1E293B; }
html.theme-clair .ac-sep { background: rgba(15, 23, 42, 0.042); }
html.theme-clair .ac-h3 { color: #0F172A; }
html.theme-clair .ac-h3 i { color: var(--ac-gold); }
html.theme-clair .ac-data-list li { color: #334155; background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.07); }
html.theme-clair .ac-data-list li > i { color: var(--ac-gold); }
html.theme-clair .ac-data-list b { color: #0F172A; }
html.theme-clair .ac-data-list a { color: var(--ac-gold); }
html.theme-clair .ac-danger-zone { background: rgba(239, 68, 68, 0.06); border: 1px solid rgba(239, 68, 68, 0.22); }
html.theme-clair .ac-danger-zone p { color: #D20404; }
html.theme-clair .ac-modal { background: rgba(15, 23, 42, 0.45); }
html.theme-clair .ac-modal-box { background: #FFFFFF; border: 1px solid rgba(15, 23, 42, 0.14); box-shadow: 0 40px 90px rgba(15, 23, 42, 0.12); }
html.theme-clair .ac-modal-head { background: rgba(255, 255, 255, 0.96); border-bottom: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .ac-modal-head > i { color: #fff; background: linear-gradient(135deg, #EF4444, #B91C1C); }
html.theme-clair .ac-modal-head h2 { color: #0F172A; }
html.theme-clair .ac-modal-head p { color: var(--ac-muted, #64748B); }
html.theme-clair .ac-close { border: 1px solid rgba(15, 23, 42, 0.14); background: rgba(15, 23, 42, 0.025); color: #334155; }
html.theme-clair .ac-close:hover { color: #0F172A; border-color: rgba(15, 23, 42, 0.18); }
html.theme-clair .ac-step { color: #64748B; background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.084); }
html.theme-clair .ac-step span { background: rgba(15, 23, 42, 0.036); color: #64748B; }
html.theme-clair .ac-step.on { color: #0F172A; border-color: rgba(231, 37, 53, 0.35); background: rgba(231, 37, 53, 0.07); }
html.theme-clair .ac-step.on span { background: linear-gradient(135deg, #E72535, #E72535); color: #FFFFFF; }
html.theme-clair .ac-step.done span { background: #10B981; color: #fff; }
html.theme-clair .ac-intro { color: #334155; }
html.theme-clair .ac-intro b { color: #0F172A; }
html.theme-clair .ac-info { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .ac-info h3 { color: #0F172A; }
html.theme-clair .ac-info h3 i { color: var(--ac-gold, #E72535); background: rgba(231, 37, 53, 0.12); }
html.theme-clair .ac-info p { color: #334155; }
html.theme-clair .ac-info p a { color: var(--ac-gold, #E72535); }
html.theme-clair .ac-modal-foot a { color: var(--ac-gold, #E72535); }
html.theme-clair .ac-drop { border: 2px dashed rgba(231, 37, 53, 0.35); background: rgba(231, 37, 53, 0.04); }
html.theme-clair .ac-drop:hover,
html.theme-clair .ac-drop.over { border-color: rgba(231, 37, 53, 0.7); background: rgba(231, 37, 53, 0.08); }
html.theme-clair .ac-drop > i { color: var(--ac-gold, #E72535); }
html.theme-clair .ac-drop b { color: #0F172A; }
html.theme-clair .ac-drop span { color: #64748B; }
html.theme-clair .ac-canvas-wrap { background: #000; border: 1px solid rgba(15, 23, 42, 0.14); }
html.theme-clair .ac-canvas-hint { color: #fff; background: rgba(0, 0, 0, 0.65); }
html.theme-clair .ac-tip { color: #334155; background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .ac-tip b { color: #0F172A; }
html.theme-clair .ac-tip .hide { color: #CF0707; }
html.theme-clair .ac-tip .keep { color: #6EE7B7; }
html.theme-clair .ac-sent > i { color: #fff; background: linear-gradient(135deg, #10B981, #059669); box-shadow: 0 14px 30px rgba(16, 185, 129, 0.35); }
html.theme-clair .ac-sent b { color: #0F172A; }
html.theme-clair .ac-sent span { color: #334155; }
html.theme-clair .ac-photo-box { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .ac-photo-prev { color: #FFFFFF; background: var(--av, #E72535); box-shadow: 0 10px 24px rgba(15, 23, 42, 0.105); }
html.theme-clair .ac-kpi.link:hover { border-color: rgba(231, 37, 53, 0.45); }
html.theme-clair .ac-tier { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .ac-tier > i { color: var(--t); }
html.theme-clair .ac-tier b { color: #0F172A; }
html.theme-clair .ac-tier span { color: var(--ac-muted); }
html.theme-clair .ac-tier.on { border-color: var(--t); background: rgba(15, 23, 42, 0.036); box-shadow: 0 0 0 3px rgba(231, 37, 53, 0.08); }
html.theme-clair .ac-tier.on::after { color: #111; background: var(--t); }

/* ---------- d'après jeux.css ---------- */
html.theme-clair .gx-wallet { background: linear-gradient(135deg, rgba(231, 37, 53, 0.12), rgba(231, 37, 53, 0.08)); border: 1px solid rgba(231, 37, 53, 0.28); }
html.theme-clair .gx-wallet-txt b { color: #0F172A; }
html.theme-clair .gx-wallet-txt small { color: #64748B; }
html.theme-clair .gx-tier { color: #0F172A; background: rgba(15, 23, 42, 0.045); border: 1px solid var(--t); }
html.theme-clair .gx-tier i { color: var(--t); }
html.theme-clair .gx-tab { border: 1px solid rgba(15, 23, 42, 0.112); background: rgba(15, 23, 42, 0.025); color: #334155; }
html.theme-clair .gx-tab > i { background: rgba(15, 23, 42, 0.036); color: #64748B; }
html.theme-clair .gx-tab b { color: #0F172A; }
html.theme-clair .gx-tab small { color: #64748B; }
html.theme-clair .gx-tab:hover { border-color: rgba(231, 37, 53, 0.45); }
html.theme-clair .gx-tab.active { border-color: rgba(231, 37, 53, 0.7); background: rgba(231, 37, 53, 0.1); }
html.theme-clair .gx-tab.active > i { background: linear-gradient(135deg, #F0414F, #C4162A); color: #fff; box-shadow: 0 6px 16px rgba(231, 37, 53, 0.35); }
html.theme-clair .gx-stage { background: radial-gradient(120% 90% at 50% 0%, rgba(231, 37, 53, 0.16), rgba(231, 37, 53, 0) 60%), rgba(255, 255, 255, 0.92); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .gx-low { color: #CF0707; }
html.theme-clair .gx-box { background: rgba(15, 23, 42, 0.025); border: 1px solid rgba(15, 23, 42, 0.098); }
html.theme-clair .gx-box h3 { color: #0F172A; }
html.theme-clair .gx-box h3 i { color: #E72535; }
html.theme-clair .gx-prizes b,
html.theme-clair .gx-claims b { color: #0F172A; }
html.theme-clair .gx-prizes small,
html.theme-clair .gx-claims small { color: #64748B; }
html.theme-clair .gx-fine { color: #64748B; }
html.theme-clair .gx-fine a { color: #CF0707; }
html.theme-clair .gx-st.wait { color: #C81E2E; background: rgba(231, 37, 53, 0.12); }
html.theme-clair .gx-st.ok { color: #6EE7B7; background: rgba(16, 185, 129, 0.14); }
html.theme-clair .gx-st.off { color: #64748B; background: rgba(148, 163, 184, 0.12); }
html.theme-clair .gx-empty { color: #64748B; }
html.theme-clair .gx-hist li { border-bottom: 1px solid rgba(15, 23, 42, 0.07); color: #64748B; }
html.theme-clair .gx-hist li:last-child { border-bottom: 0; }
html.theme-clair .gx-hist li.gx-empty { border: 0; }
html.theme-clair .gx-hist li b { color: #334155; }
html.theme-clair .gx-hist li.win b { color: #6EE7B7; }
html.theme-clair .gx-hist li.malus b { color: #CF0707; }
html.theme-clair .gx-hist time { color: #64748B; }
html.theme-clair .gx-result { background: rgba(255, 255, 255, 0.92); }
html.theme-clair .gx-result-card { background: #FFFFFF; border: 1px solid rgba(15, 23, 42, 0.14); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12); }
html.theme-clair .gx-result.win .gx-result-card { border-color: rgba(231, 37, 53, 0.55); }
html.theme-clair .gx-result h3 { color: #0F172A; }
html.theme-clair .gx-result p { color: #334155; }
html.theme-clair .gx-ok { color: #6EE7B7 !important; }

/* ---------- Retouches finales ---------- */
html.theme-clair body { background: #F3F4F7 !important; }
/* Menu */
html.theme-clair .sb-burger span { background: #1E293B; }
html.theme-clair .sidebar.panel-open .sb-burger span, html.theme-clair .sidebar.active .sb-burger span { background: #fff; }
html.theme-clair .sb-rail { background: #FFFFFF; border-right: 1px solid #E6E8EE; box-shadow: 4px 0 24px rgba(15, 23, 42, 0.05); }
html.theme-clair .sb-panel { background: #FFFFFF; border-right: 1px solid #E6E8EE; box-shadow: 18px 0 50px rgba(15, 23, 42, 0.18); }
html.theme-clair body:has(.sidebar.panel-open)::before, html.theme-clair body:has(.sidebar.active)::before { background: rgba(15, 23, 42, 0.38); }
html.theme-clair .sb-st[data-sb-station="classiks"] .sb-st-play { color: #D97706; }
html.theme-clair .sb-st.on[data-sb-station="classiks"] .sb-st-play, html.theme-clair .sb-st[data-sb-station="classiks"]:hover .sb-st-play { color: #111; }
/* Accueil */
html.theme-clair .hm-hero-bg img { filter: blur(30px) saturate(1.3) brightness(1.05); opacity: 0.6; }
html.theme-clair .hm-new-img .hm-chip { background: #E72535; color: #fff; border-color: transparent; }
/* Stations : le doré de JM Classiks un peu plus foncé pour rester lisible sur blanc */
html.theme-clair .st-card[data-station="classiks"] .st-name { color: #B45309; }
/* Tchat : pseudos (couleurs vives prévues pour le noir) un peu assombris */
html.theme-clair .chat-meta b, html.theme-clair .pv-bubble b { filter: brightness(0.72) saturate(1.25); }
/* Textes en ligne prévus pour le fond noir */
html.theme-clair [style*="color:#fff"] { color: #0F172A !important; }
html.theme-clair [style*="color:#FBBF24"] { color: #E72535 !important; }
/* Boutons qui étaient dorés avec texte foncé : texte blanc sur le rouge */
html.theme-clair .jm-player .playBtn, html.theme-clair .playBtn { color: #fff; }
html.theme-clair .jm-player .playBtn i, html.theme-clair .playBtn i { color: #fff; }
html.theme-clair .pg-live.off { color: #475569; }
/* Lecteur : JM Classiks garde son liseré doré, curseur de volume bien visible sur blanc */
html.theme-clair[data-station="classiks"] .jm-player-cover { box-shadow: 0 0 0 2px #F59E0B, 0 6px 16px rgba(15, 23, 42, 0.15); }
html.theme-clair .jm-volume input[type="range"]::-webkit-slider-thumb { box-shadow: 0 1px 4px rgba(15, 23, 42, 0.35); }
html.theme-clair .jm-volume input[type="range"]::-moz-range-thumb { box-shadow: 0 1px 4px rgba(15, 23, 42, 0.35); }
/* v27 : sondage express et jeux */
html.theme-clair .hm-poll-foot .ok { color: #059669; }
html.theme-clair .hm-poll-pct, html.theme-clair .hm-poll-timer b { color: #0F172A; }
/* v34 : évolutions du classement (▲ ▼ = NEW) */
html.theme-clair .top5-mv.up, html.theme-clair .cl-mv.up { color: #047857; background: rgba(16, 185, 129, 0.14); }
html.theme-clair .top5-mv.down, html.theme-clair .cl-mv.down { color: #B91C1C; background: rgba(239, 68, 68, 0.12); }
html.theme-clair .cl-mv.same { color: #475569; background: rgba(15, 23, 42, 0.06); }
html.theme-clair .cl-pod-mv.up { color: #047857; background: #ECFDF5; }
html.theme-clair .cl-pod-mv.down { color: #B91C1C; background: #FEF2F2; }
html.theme-clair .cl-pod-mv.same { color: #334155; background: #F1F5F9; }