:root{--ink: #121a17;--ink-2: #1c2722;--ink-3: #2a3832;--paper: #f3eee4;--paper-2: #e8e1d2;--cream: #faf7f0;--sage: #3f5d53;--sage-2: #6b9080;--copper: #b56a3c;--copper-2: #d08a5c;--line: color-mix(in srgb, var(--ink) 12%, transparent);--shadow: 0 18px 40px color-mix(in srgb, var(--ink) 10%, transparent);--serif: "Fraunces", "Iowan Old Style", Georgia, serif;--sans: "Figtree", "Segoe UI", sans-serif;--sidebar: 248px;--radius: 18px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16.5px;line-height:1.55;letter-spacing:-.011em}button,input,textarea,select{font:inherit}a{color:inherit}h1,h2,h3,.serif{font-family:var(--serif);font-weight:560;letter-spacing:-.03em;line-height:1.12}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:28px 22px;background:radial-gradient(1200px 400px at 0% 0%,color-mix(in srgb,var(--sage-2) 22%,transparent),transparent 55%),var(--ink);color:#f4efe6;display:flex;flex-direction:column;gap:28px}.brand{display:flex;flex-direction:column;gap:6px;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,#f4efe6 10%,transparent);border:1px solid color-mix(in srgb,#f4efe6 16%,transparent);font-family:var(--serif);font-size:18px}.brand small{opacity:.62;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:4px}.nav a{text-decoration:none;padding:10px 12px;border-radius:12px;color:color-mix(in srgb,#f4efe6 78%,transparent);display:flex;justify-content:space-between;align-items:baseline}.nav a span{font-size:12px;opacity:.45;font-variant-numeric:tabular-nums}.nav a.active,.nav a:hover{background:color-mix(in srgb,#f4efe6 9%,transparent);color:#fff}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.search-btn,.ghost-btn,.primary-btn,.chip,.icon-btn{border:0;cursor:pointer}.search-btn{width:100%;text-align:left;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#f4efe6 8%,transparent);color:color-mix(in srgb,#f4efe6 78%,transparent);display:flex;justify-content:space-between}.search-btn kbd{font-size:11px;border:1px solid color-mix(in srgb,#f4efe6 22%,transparent);border-radius:6px;padding:1px 6px}.main{min-width:0;padding:36px 48px 72px}.topbar{display:none}.page-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);font-weight:600;margin:0 0 10px}h1{font-size:clamp(2.1rem,4vw,3.4rem);margin:0 0 14px}.lede{max-width:62ch;font-size:1.08rem;color:color-mix(in srgb,var(--ink) 78%,transparent);margin:0 0 32px}.grid-3,.grid-2,.stats,.cards{display:grid;gap:16px}.split{display:grid;grid-template-columns:1.3fr .85fr;gap:16px;align-items:start}.stats{grid-template-columns:repeat(6,1fr);margin:28px 0 36px}.stat{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:16px 14px}.stat strong{display:block;font-family:var(--serif);font-size:1.55rem}.stat span{font-size:12.5px;color:color-mix(in srgb,var(--ink) 62%,transparent)}.cards{grid-template-columns:repeat(3,1fr)}.card,.panel{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card{text-decoration:none;display:flex;flex-direction:column;gap:8px;min-height:170px;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);font-weight:600}.card h2,.panel h2,.panel h3{margin:0;font-size:1.45rem}.muted{color:color-mix(in srgb,var(--ink) 64%,transparent)}.panel a{color:var(--sage);font-weight:600}.pills,.row{display:flex;flex-wrap:wrap;gap:8px}.chip,a.chip,a.primary-btn,a.ghost-btn{text-decoration:none}.chip{padding:7px 12px;border-radius:999px;background:transparent;border:1px solid var(--line);color:var(--ink);display:inline-flex;align-items:center}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip.copper.active{background:var(--copper);border-color:var(--copper)}.chip.sage.active{background:var(--sage);border-color:var(--sage)}.lesson-echec{border-left:3px solid var(--copper)}.lesson-reussite{border-left:3px solid var(--sage)}.field{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--cream);outline:none}.field:focus{border-color:var(--sage-2)}.star-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.star-card{text-decoration:none;display:flex;flex-direction:column;gap:10px}.star-card .meta{display:flex;justify-content:space-between;gap:8px;font-size:13px}.star-s{font-size:.95rem}.letter{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--ink);color:var(--paper);font-size:11px;font-weight:700;margin-right:8px}.star-block{margin:0 0 16px}.star-block p{margin:6px 0 0}.punch{background:color-mix(in srgb,var(--sage) 10%,var(--cream));border-left:3px solid var(--sage);padding:14px 16px;border-radius:0 14px 14px 0}.primary-btn{background:var(--ink);color:var(--paper);padding:11px 16px;border-radius:12px;display:inline-flex;align-items:center}.ghost-btn{background:transparent;border:1px solid var(--line);padding:11px 16px;border-radius:12px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 24px}.glossary-list{display:flex;flex-direction:column;gap:12px}.term{scroll-margin-top:24px}.say{font-family:var(--serif);font-size:1.12rem;margin:10px 0 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ink) 45%,transparent);display:grid;place-items:start center;padding:12vh 16px 16px;z-index:40}.modal{width:min(720px,100%);background:var(--cream);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.modal input{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 20px;font-size:1.05rem;background:transparent}.search-hit{display:block;padding:12px 20px;text-decoration:none;border-top:1px solid var(--line)}.search-hit:hover{background:var(--paper)}.kind{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--copper)}.option,.fit-q{width:100%;text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 10px;cursor:pointer}.option.correct{border-color:var(--sage);background:color-mix(in srgb,var(--sage) 12%,var(--cream))}.option.wrong{border-color:var(--copper);background:color-mix(in srgb,var(--copper) 10%,var(--cream))}.progress{height:6px;background:var(--paper-2);border-radius:99px;overflow:hidden;margin:0 0 22px}.progress>span{display:block;height:100%;background:var(--sage)}.step-nav{display:flex;gap:10px;margin-top:20px}.chapter{scroll-margin-top:20px}.tips{padding-left:18px}.mobile-nav{display:none}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.main{padding:20px 18px 96px}.stats,.cards,.star-grid,.split{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:#f4efe6;justify-content:space-around;padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:20}.mobile-nav a{text-decoration:none;font-size:12px;opacity:.7}.mobile-nav a.active{opacity:1}}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px}.gate-card{width:min(420px,100%);display:flex;flex-direction:column;gap:12px}.gate-error{color:var(--copper);margin:0}