:root{--fond:#0a0f1f;--surface:#121a30;--surface-2:#1a2440;--bordure:#24304f;--texte:#e8ecf7;--texte-doux:#8f9abb;--accent:#4b7dff;--accent-clair:#7fa4ff;--live:#ff5d73;--rayon:18px;--nav-h:68px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:Inter,SF Pro Text,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--fond);color:var(--texte);margin:0}body{overscroll-behavior-y:none;min-height:100dvh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2{letter-spacing:-.02em;margin:0}h1{font-size:1.9rem;font-weight:800;line-height:1.15}h2{margin:28px 0 12px;font-size:1.2rem;font-weight:750}.appli{max-width:720px;margin:0 auto}.contenu{padding:calc(env(safe-area-inset-top) + 16px) 16px calc(var(--nav-h) + env(safe-area-inset-bottom) + 24px)}.entete{padding:12px 0 18px;position:relative}.entete:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#4b7dff47,#0000);width:260px;height:220px;position:absolute;inset:-60px -40px auto auto}.entete-compact{padding-top:4px}.entete-compact h1{font-size:1.6rem}.surtitre{color:var(--accent-clair);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:.8rem;font-weight:700}.surtitre a{-webkit-text-decoration:underline #7fa4ff66;text-decoration:underline #7fa4ff66}.degrade{background:linear-gradient(90deg, var(--accent-clair), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.compteur{color:var(--texte-doux);margin:8px 0 0;font-size:.95rem}.recherche{background:var(--surface);border:1px solid var(--bordure);min-height:54px;color:var(--texte-doux);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.recherche:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4b7dff40}.recherche input{min-width:0;color:var(--texte);background:0 0;border:0;outline:0;flex:1;padding:14px 0;font-size:1.05rem}.recherche input::-webkit-search-cancel-button{display:none}.bouton-icone{color:var(--texte-doux);cursor:pointer;background:0 0;border:0;margin-right:-8px;padding:8px}.raccourcis{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.tuile{border-radius:var(--rayon);background:var(--surface);border:1px solid var(--bordure);align-items:center;gap:12px;min-height:84px;padding:18px 16px;display:flex}.tuile strong{font-size:1.05rem;display:block}.tuile small{color:var(--texte-doux);font-size:.82rem}.tuile-principale{background:linear-gradient(135deg, #2f5fe6, var(--accent));border-color:#0000;box-shadow:0 8px 28px #4b7dff59}.tuile-principale small{color:#ffffffd9}.tuile-bientot{opacity:.55}.titre-section{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.titre-section .compteur{margin:16px 0 8px}.lien-discret{color:var(--accent-clair);cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:600}.defilement{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -16px 14px;padding:0 16px 4px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.defilement::-webkit-scrollbar{display:none}.carte-live{scroll-snap-align:start;background:var(--surface);border:1px solid var(--bordure);border-radius:16px;flex-direction:column;flex:0 0 150px;gap:4px;padding:14px;display:flex}.carte-live strong{font-size:1rem;line-height:1.25}.carte-live small{color:var(--texte-doux)}.carte-live-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--live);align-self:flex-start;font-size:.72rem;font-weight:800}.carte-live-tag:before{content:"● "}.bouton{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 22px;font-weight:700;display:inline-flex}.bouton-secondaire{background:var(--surface);border:1px solid var(--bordure);width:100%;color:var(--texte)}.retour{color:var(--accent-clair);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;min-height:44px;padding:10px 8px 10px 0;font-weight:600;display:inline-flex}.liste-modules{gap:10px;display:grid}.carte-module{background:var(--surface);border:1px solid var(--bordure);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:12px;min-height:72px;padding:16px;display:grid}.carte-module svg{color:var(--texte-doux);grid-area:1/2/span 2}.carte-module-titre{font-size:1.02rem;font-weight:700}.carte-module-nb{color:var(--texte-doux);margin-top:2px;font-size:.88rem}.carte-module:active,.carte-lecon:active,.carte-live:active,.tuile:active{background:var(--surface-2);transform:scale(.985)}.liste-lecons{gap:10px;margin-top:8px;display:grid}.carte-lecon{background:var(--surface);border:1px solid var(--bordure);border-radius:16px;align-items:flex-start;gap:14px;min-height:72px;padding:14px;display:flex}.carte-lecon-lecture{height:44px;color:var(--accent-clair);background:#4b7dff24;border-radius:12px;flex:0 0 44px;place-items:center;display:grid}.carte-lecon-texte{flex-direction:column;gap:8px;min-width:0;display:flex}.carte-lecon-titre{font-weight:650;line-height:1.3}.badges{flex-wrap:wrap;gap:6px;display:flex}.entete .badges{margin-top:12px}.badge{background:var(--surface-2);color:var(--texte-doux);border:1px solid var(--bordure);border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:650}.badge-niveau{color:var(--accent-clair);border-color:#4b7dff66}.badge-niveau.n4,.badge-niveau.n5{color:#ffb86b;border-color:#ffb86b66}.badge-discipline{color:#6be3b4;border-color:#6be3b459}.badge-live{color:var(--live);border-color:#ff5d7366}.filtres{gap:10px;margin:14px 0 4px;display:grid}.groupe-filtres{scrollbar-width:none;align-items:center;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.groupe-filtres::-webkit-scrollbar{display:none}.groupe-filtres-titre{color:var(--texte-doux);flex:0 0 76px;font-size:.85rem;font-weight:600}.puce{cursor:pointer;background:var(--surface);border:1px solid var(--bordure);border-radius:999px;flex:none;min-width:46px;min-height:42px;padding:0 14px;font-weight:650}.puce[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.lecteur-attente{aspect-ratio:16/9;border-radius:var(--rayon);color:var(--texte-doux);text-align:center;background:#000 radial-gradient(circle at 50% 40%,#4b7dff40,#0000 60%);place-content:center;justify-items:center;gap:6px;margin:4px 0 8px;padding:16px;display:grid}.lecteur-attente p{margin:0}.liste-videos{gap:8px;margin:0;padding-left:22px;display:grid}.liste-videos li{padding:4px 0}section>.bouton-secondaire{margin-top:4px}.contenu>.bouton-secondaire{margin:4px 0 8px}.vide{color:var(--texte-doux);text-align:center;padding:30px 10px}.vide-grand{text-align:center;color:var(--texte-doux);justify-items:center;gap:14px;padding:48px 12px;display:grid}.vide-grand p{max-width:32ch;margin:0}.vide-grand .petit{font-size:.9rem}.barre-nav{z-index:10;padding:6px 8px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--bordure);background:#0a0f1fe0;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.onglet{max-width:200px;min-height:56px;color:var(--texte-doux);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.75rem;font-weight:650;display:flex}.onglet.active{color:var(--accent-clair)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}