@layer components{.ls,.ls-jetons{--ls-fond:#f6f5f2;--ls-fond-doux:#efeee9;--ls-surface:#fff;--ls-ligne:#18181b17;--ls-ligne-forte:#18181b29;--ls-texte:#18181b;--ls-texte-doux:#4f5866;--ls-texte-faible:#5f6a79;--ls-or:#fbbf24;--ls-or-doux:#fbbf2424;--ls-or-ligne:#d977064d;--ls-or-encre:#9a4404;--ls-or-profond:#f97316;--ls-corail:#fb7185;--ls-succes:#047857;--ls-succes-doux:#ecfdf5;--ls-succes-ligne:#a7f3d0;--ls-alerte:#9a3412;--ls-alerte-doux:#fff7ed;--ls-nuit:#0a0906;--ls-nuit-douce:#15120d;--ls-ombre:0 1px 2px #1018280a, 0 16px 40px -24px #1018282e;--ls-mesure:70ch;--ls-barre:3.5rem}.ls{background-color:var(--ls-fond);color:var(--ls-texte)}.ls :where(a,button,summary,[role=tab]):focus-visible,.ls-jetons :where(a,button,summary):focus-visible{outline:2px solid var(--ls-or-encre);outline-offset:2px;border-radius:6px}.ls-etiquette{letter-spacing:.18em;text-transform:uppercase;color:var(--ls-or-encre);font-size:11px;font-weight:600}.ls-etiquette-neutre{letter-spacing:.14em;text-transform:uppercase;color:var(--ls-texte-faible);font-size:11px;font-weight:600}.ls-titre{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.025em;color:var(--ls-texte);font-weight:600}.ls-degrade{background:linear-gradient(100deg, var(--ls-or-encre), #c2410c 55%, #be123c);color:#0000;-webkit-background-clip:text;background-clip:text}.ls-sombre .ls-degrade{background:linear-gradient(100deg, var(--ls-or), var(--ls-or-profond) 55%, var(--ls-corail));-webkit-background-clip:text;background-clip:text}.ls-prose{max-width:var(--ls-mesure);color:var(--ls-texte-doux);font-size:1rem;line-height:1.78}.ls-prose strong{color:var(--ls-texte);font-weight:600}.ls-prose code{background:var(--ls-or-doux);color:var(--ls-or-encre);border-radius:5px;padding:.08em .36em;font-size:.88em}.ls-lead{max-width:var(--ls-mesure);color:var(--ls-texte-doux);font-size:1.0625rem;line-height:1.8}.ls-bouton{white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 1.125rem;font-size:.8125rem;font-weight:600;line-height:1.2;transition:filter .15s,background-color .15s,border-color .15s,color .15s;display:inline-flex}.ls-bouton:disabled{cursor:not-allowed;opacity:.5}.ls-bouton-lg{min-height:3rem;padding:0 1.5rem;font-size:.875rem}.ls-bouton-sm{min-height:2rem;padding:0 .875rem;font-size:.75rem}.ls-bouton-or{background:linear-gradient(90deg, var(--ls-or), var(--ls-or-profond));color:#241a05;box-shadow:0 10px 30px -14px #d977068c}.ls-bouton-or:hover:not(:disabled){filter:brightness(1.05)}.ls-bouton-contour{border:1px solid var(--ls-ligne-forte);background:var(--ls-surface);color:var(--ls-texte)}.ls-bouton-contour:hover:not(:disabled){border-color:var(--ls-texte-faible)}.ls-bouton-fantome{color:var(--ls-texte-doux)}.ls-bouton-fantome:hover:not(:disabled){background:var(--ls-fond-doux);color:var(--ls-texte)}.ls-bouton-icone{border:1px solid var(--ls-ligne);background:var(--ls-surface);width:2.25rem;height:2.25rem;color:var(--ls-texte-doux);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:inline-flex}.ls-bouton-icone:hover{border-color:var(--ls-ligne-forte);color:var(--ls-texte)}.ls-fleche{transition:transform .2s}.ls-groupe:hover .ls-fleche{transform:translate(3px)}.ls-groupe:hover .ls-fleche-gauche{transform:translate(-3px)}.ls-barre{height:var(--ls-barre);border-bottom:1px solid var(--ls-ligne);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);background:#ffffffdb;flex-shrink:0;align-items:center;gap:.75rem;padding:0 .75rem;display:flex;position:relative}@media (min-width:640px){.ls-barre{padding:0 1rem}}@media (max-width:639.98px){.ls-barre{gap:.375rem;padding:0 .5rem}.ls-barre .ls-bouton-icone{width:2.125rem;height:2.125rem}.ls-barre .ls-phases{padding:2px}.ls-barre .ls-phase{gap:.3125rem;padding:0 .5rem}}.ls-barre-progression{pointer-events:none;background:0 0;height:2px;position:absolute;inset:auto 0 -1px}.ls-barre-progression>span{background:linear-gradient(90deg, var(--ls-or), var(--ls-or-profond));height:100%;transition:width .6s;display:block}.ls-fil{min-width:0;color:var(--ls-texte-faible);align-items:center;gap:.375rem;font-size:12px;display:flex}.ls-fil a:hover{color:var(--ls-texte)}.ls-phases{border:1px solid var(--ls-ligne);background:var(--ls-fond-doux);border-radius:9999px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.ls-phase{height:1.875rem;color:var(--ls-texte-doux);border-radius:9999px;align-items:center;gap:.375rem;padding:0 .875rem;font-size:12.5px;font-weight:600;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.ls-phase:hover{color:var(--ls-texte)}.ls-phase[aria-selected=true]{background:var(--ls-surface);color:var(--ls-texte);box-shadow:0 1px 2px #10182814, 0 0 0 1px var(--ls-ligne)}.ls-phase-pastille{background:var(--ls-ligne-forte);border-radius:9999px;width:.4375rem;height:.4375rem}.ls-phase[aria-selected=true] .ls-phase-pastille{background:linear-gradient(135deg, var(--ls-or), var(--ls-or-profond))}.ls-phase .ls-phase-pastille[data-fait=true]{background:var(--ls-succes)}.ls-tiroir-voile{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a09065c;position:absolute;inset:0}.ls-tiroir{z-index:1;border-right:1px solid var(--ls-ligne);background:var(--ls-surface);flex-direction:column;width:min(340px,88vw);height:100%;animation:.22s ease-out both ls-tiroir-entree;display:flex;position:relative;box-shadow:0 24px 60px -20px #0a090673}@keyframes ls-tiroir-entree{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.ls-aside{background:var(--ls-surface);border-right:1px solid var(--ls-ligne)}.ls-rail{border-right:1px solid var(--ls-ligne);background:var(--ls-surface);width:2.75rem;height:100%;color:var(--ls-texte-doux);flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;padding-top:.75rem;transition:color .15s,background-color .15s}.ls-rail:hover{background:var(--ls-fond);color:var(--ls-texte)}.ls-rail-libelle{writing-mode:vertical-rl;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:600;transform:rotate(180deg)}.ls-module{border-radius:.75rem}.ls-module-entete{text-align:left;border-radius:.625rem;align-items:center;gap:.625rem;width:100%;padding:.5rem;transition:background-color .15s;display:flex}.ls-module-entete:hover{background:var(--ls-fond)}.ls-module-numero{border:1px solid var(--ls-ligne);background:var(--ls-fond);width:1.625rem;height:1.625rem;font-family:var(--font-mono), ui-monospace, monospace;color:var(--ls-texte-faible);border-radius:.5rem;flex-shrink:0;place-items:center;font-size:10.5px;font-weight:600;display:grid}.ls-module[data-actif=true] .ls-module-numero{border-color:var(--ls-or-ligne);background:var(--ls-or-doux);color:var(--ls-or-encre)}.ls-module[data-termine=true] .ls-module-numero{border-color:var(--ls-succes-ligne);background:var(--ls-succes-doux);color:var(--ls-succes)}.ls-jauge{background:var(--ls-fond-doux);border-radius:9999px;height:4px;position:relative;overflow:hidden}.ls-jauge>span{border-radius:inherit;background:linear-gradient(90deg, var(--ls-or), var(--ls-or-profond));transition:width .6s;position:absolute;inset:0 auto 0 0}.ls-jauge[data-termine=true]>span{background:var(--ls-succes)}.ls-lecon{color:var(--ls-texte-doux);border-radius:.5rem;align-items:flex-start;gap:.625rem;padding:.4375rem .5rem .4375rem .625rem;font-size:12.5px;line-height:1.4;transition:background-color .15s,color .15s;display:flex;position:relative}.ls-lecon:hover{background:var(--ls-fond);color:var(--ls-texte)}.ls-lecon[aria-current=page]{background:var(--ls-or-doux);color:var(--ls-texte);font-weight:600}.ls-lecon[aria-current=page]:before{content:"";background:linear-gradient(180deg, var(--ls-or), var(--ls-or-profond));border-radius:9999px;width:3px;position:absolute;inset:.375rem auto .375rem 0}.ls-statut{border:1.5px solid var(--ls-ligne-forte);color:#fff;border-radius:9999px;flex-shrink:0;place-items:center;width:1rem;height:1rem;margin-top:.0625rem;display:grid}.ls-statut[data-etat=fait]{border-color:var(--ls-succes);background:var(--ls-succes)}.ls-statut[data-etat=actif]{border-color:var(--ls-or-profond)}.ls-statut[data-etat=actif]:after{content:"";background:var(--ls-or-profond);border-radius:9999px;width:.375rem;height:.375rem}.ls-sombre{--ls-texte:#f7f5f1;--ls-texte-doux:#f7f5f1c7;--ls-texte-faible:#f7f5f1a3;--ls-ligne:#ffffff24;--ls-ligne-forte:#ffffff3d;--ls-or-encre:var(--ls-or);color:var(--ls-texte)}.ls-banniere{isolation:isolate;background:var(--ls-nuit);border-radius:1.25rem;position:relative;overflow:hidden}.ls-banniere-voile{z-index:0;pointer-events:none;background:linear-gradient(90deg,#0a0906e0 0%,#0a0906a8 55%,#0a090661 100%),linear-gradient(#0000 45%,#0a09068c);position:absolute;inset:0}.ls-banniere-repli{background:radial-gradient(60% 80% at 85% 20%, #f9731657, transparent 70%), radial-gradient(50% 70% at 65% 100%, #fb718538, transparent 70%), radial-gradient(40% 60% at 100% 80%, #fbbf243d, transparent 70%), var(--ls-nuit);position:absolute;inset:0}.ls-puce-sombre{color:#f7f5f1e0;background:#ffffff12;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:12px;font-weight:500;display:inline-flex}.ls-carte{border:1px solid var(--ls-ligne);background:var(--ls-surface);box-shadow:var(--ls-ombre);border-radius:1rem}.ls-encadre{border:1px solid var(--ls-ligne);background:var(--ls-surface);border-radius:.875rem;padding:1rem 1.125rem 1rem 1.375rem;position:relative;overflow:hidden}.ls-encadre:before{content:"";background:var(--ls-encadre-filet,var(--ls-ligne-forte));width:4px;position:absolute;inset:0 auto 0 0}.ls-encadre[data-ton=or]{--ls-encadre-filet:linear-gradient(180deg, var(--ls-or), var(--ls-or-profond));background:linear-gradient(90deg, #fbbf2417, var(--ls-surface) 70%)}.ls-encadre[data-ton=alerte]{--ls-encadre-filet:#ea580c;background:linear-gradient(90deg, var(--ls-alerte-doux), var(--ls-surface) 70%)}.ls-encadre[data-ton=examen]{--ls-encadre-filet:var(--ls-texte);background:var(--ls-fond)}.ls-encadre[data-ton=astuce]{--ls-encadre-filet:var(--ls-succes)}.ls-encadre-icone{background:var(--ls-or-doux);width:1.75rem;height:1.75rem;color:var(--ls-or-encre);border-radius:.5rem;flex-shrink:0;place-items:center;display:grid}.ls-encadre[data-ton=alerte] .ls-encadre-icone{color:var(--ls-alerte);background:#ffedd5}.ls-encadre[data-ton=examen] .ls-encadre-icone{background:var(--ls-surface);color:var(--ls-texte);box-shadow:0 0 0 1px var(--ls-ligne)}.ls-encadre[data-ton=astuce] .ls-encadre-icone{background:var(--ls-succes-doux);color:var(--ls-succes)}.ls-figure{border:1px solid var(--ls-ligne);background:var(--ls-surface);box-shadow:var(--ls-ombre);border-radius:1rem;overflow:hidden}.ls-figure-entete{border-bottom:1px solid var(--ls-ligne);background:var(--ls-fond);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}.ls-figure-corps{padding:1rem}@media (min-width:640px){.ls-figure-corps{padding:1.25rem 1.5rem}}.ls-code{color:#ece8e1;background:#14120f;border:1px solid #2a2722;border-radius:.875rem;overflow:hidden}.ls-code-entete{letter-spacing:.12em;text-transform:uppercase;color:#c9c2b6;background:#1b1915;border-bottom:1px solid #2a2722;align-items:center;gap:.625rem;padding:.5rem .875rem;font-size:11px;font-weight:600;display:flex}.ls-code-points{gap:.3125rem;display:inline-flex}.ls-code-points>span{background:#3a362f;border-radius:9999px;width:.5rem;height:.5rem}.ls-code pre,.ls-code textarea{font-family:var(--font-mono), ui-monospace, monospace;color:#ece8e1;tab-size:4;font-size:13px;line-height:1.7}.ls-code textarea::placeholder{color:#8f877b}.ls-code textarea:focus{outline:none;box-shadow:inset 0 0 0 2px #fbbf248c}.ls-retenir{border:1px solid var(--ls-or-ligne);background:radial-gradient(80% 120% at 100% 0%, #fbbf2429, transparent 60%), var(--ls-surface);box-shadow:var(--ls-ombre);border-radius:1.125rem;padding:1.25rem 1.25rem 1.375rem;position:relative;overflow:hidden}@media (min-width:640px){.ls-retenir{padding:1.5rem 1.75rem 1.75rem}}.ls-coche{background:var(--ls-or-doux);width:1.25rem;height:1.25rem;color:var(--ls-or-encre);border-radius:9999px;flex-shrink:0;place-items:center;margin-top:.1875rem;display:grid}.ls-sommaire{z-index:10;border-bottom:1px solid var(--ls-ligne);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);background:#f6f5f2eb;margin:0 -1rem;padding:.625rem 1rem;position:sticky;top:0}@media (min-width:640px){.ls-sommaire{margin:0 -2rem;padding:.75rem 2rem}}.ls-etape{border:1px solid var(--ls-ligne);background:var(--ls-surface);min-width:1.75rem;height:1.75rem;font-family:var(--font-mono), ui-monospace, monospace;color:var(--ls-texte-faible);border-radius:9999px;justify-content:center;align-items:center;gap:.25rem;padding:0 .5rem;font-size:11px;font-weight:600;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.ls-etape:hover{border-color:var(--ls-ligne-forte);color:var(--ls-texte)}.ls-etape[data-etat=fait]{border-color:var(--ls-succes-ligne);background:var(--ls-succes-doux);color:var(--ls-succes)}.ls-etape[aria-current=step]{background:linear-gradient(90deg, var(--ls-or), var(--ls-or-profond));color:#241a05;border-color:#0000}.ls-section-numero{font-family:var(--font-mono), ui-monospace, monospace;color:var(--ls-or-encre);font-size:.8125rem;font-weight:600}.ls-consigne{border:1px solid var(--ls-or-ligne);background:linear-gradient(180deg, #fbbf241a, var(--ls-surface) 85%);border-radius:.875rem;padding:1rem 1rem 1.0625rem;position:relative;overflow:hidden}.ls-indice{border:1px dashed var(--ls-ligne-forte);background:var(--ls-fond);border-radius:.75rem;padding:.75rem .875rem}.ls-valide{border:1px solid var(--ls-succes-ligne);background:radial-gradient(90% 140% at 0% 0%, #10b98124, transparent 60%), var(--ls-succes-doux);border-radius:.875rem;padding:.875rem 1rem;position:relative;overflow:hidden}.ls-valide-medaille{background:var(--ls-succes);color:#fff;border-radius:9999px;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;animation:.42s cubic-bezier(.2,.9,.3,1.2) both ls-medaille;display:grid;box-shadow:0 0 0 4px #04785724}@keyframes ls-medaille{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.ls-a-faire{border:1px solid var(--ls-ligne);background:var(--ls-fond);border-radius:.875rem;padding:.75rem .875rem}@media (prefers-reduced-motion:reduce){.ls-tiroir,.ls-valide-medaille{animation:none}.ls-fleche,.ls-barre-progression>span,.ls-jauge>span{transition:none}}.ls-etape.ls-etape-texte{font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif;padding:0 .625rem}}.ls-volet[data-visible=false]{display:none}@media (min-width:1024px){.ls-volet[data-visible=false]{display:flex}}.ls-pratique .cm-editor{font-size:13.5px}.ls-pratique .cm-editor .cm-content,.ls-pratique .cm-editor .cm-gutters{line-height:1.65}.ls-pratique .cm-editor .cm-gutters{color:#9aa3b2}.ls-pratique .cm-editor .cm-activeLineGutter{color:#e5e7eb}.ls-pratique .workspace-panel-label{height:2rem;color:var(--ls-texte-faible)}@media (max-width:1023.98px){.ls-atelier>.grid.h-full{grid-template-rows:minmax(26rem,70dvh) 32rem;height:auto}}