:root{--bg-page:#f8fafc;--bg-card:#fff;--bg-code:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--color-border:#e2e8f0;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-success:#16a34a;--color-warning:#ea580c;--color-error:#dc2626;--badge-bg:#fee2e2;--badge-text:#991b1b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a}[data-theme=dark]{--bg-page:#0f172a;--bg-card:#1e293b;--bg-code:#0b1120;--text-main:#f8fafc;--text-muted:#94a3b8;--color-border:#334155;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-success:#22c55e;--color-warning:#f97316;--color-error:#ef4444;--badge-bg:#450a0a;--badge-text:#fecaca;--shadow-sm:0 1px 2px 0 #00000080;--shadow:0 4px 6px -1px #00000080}*{box-sizing:border-box}body{background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.app-container{max-width:1100px;margin:0 auto;padding:0 1rem 3rem}.navbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 0;display:flex}.nav-links{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.nav-item{color:var(--text-muted);border-radius:6px;padding:.4rem .75rem;font-size:.95rem;font-weight:500}.nav-item:hover,.nav-item.active{color:var(--color-primary);background-color:var(--bg-card);text-decoration:none}.badge-erreurs{background:var(--badge-bg);color:var(--badge-text);border-radius:12px;margin-left:4px;padding:2px 8px;font-size:.8rem}.search-box{align-items:center;display:flex;position:relative}.search-input{border:1px solid var(--color-border);background:var(--bg-card);color:var(--text-main);border-radius:6px;width:220px;padding:.4rem .75rem;font-size:.9rem}.search-input:focus{outline:2px solid var(--color-primary);border-color:#0000}.theme-toggle-btn{background:var(--bg-card);color:var(--text-main);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:.4rem .6rem}.card{background:var(--bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:8px;margin-bottom:1rem;padding:1.25rem}.progress-bar-bg{background:var(--bg-code);border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden}.progress-bar-fill{background:var(--color-primary);height:100%;transition:width .3s}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn-primary:hover{background:var(--color-primary-hover)}.app-container{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.titre-appli{color:var(--text-main);font-size:1.15rem;font-weight:700;text-decoration:none}.navbar-actions{align-items:center;gap:.5rem;display:flex}.barre-onglets{background:var(--bg-card);border-top:1px solid var(--color-border);padding:.35rem 0 calc(.35rem + env(safe-area-inset-bottom));z-index:50;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.onglet{min-width:64px;min-height:48px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;text-decoration:none;display:flex}.onglet span{font-size:1.3rem}.onglet.actif{color:var(--color-primary);font-weight:600}.onglet:hover{text-decoration:none}.btn-session{background:var(--color-primary);color:#fff;text-align:center;border-radius:14px;margin-bottom:1rem;padding:1.1rem 1rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:block}.btn-session span{opacity:.9;font-size:.85rem;font-weight:400;display:block}.btn-session:hover{background:var(--color-primary-hover);text-decoration:none}.btn-large{text-align:center;width:100%;min-height:48px;margin:.75rem 0;font-size:1rem;display:block}.btn-secondaire{background:var(--bg-code);color:var(--text-main);border:1px solid var(--color-border);cursor:pointer;border-radius:8px}.btn-ecouter{float:right;border:1px solid var(--color-border);background:var(--bg-code);min-height:44px;color:var(--text-main);cursor:pointer;border-radius:22px;padding:0 1rem}.session-etape,.muted{color:var(--text-muted);font-size:.9rem}.session-carte{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;min-height:40vh;display:flex}.session-question{font-size:1.2rem;font-weight:600}.session-reponse{border-top:1px solid var(--color-border);padding-top:1rem;font-size:1.05rem}.session-notes{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:1rem;display:grid}.btn-note,.btn-choix{border:1px solid var(--color-border);background:var(--bg-card);min-height:52px;color:var(--text-main);cursor:pointer;border-radius:10px;font-size:1rem}.btn-choix{text-align:left;width:100%;margin:.5rem 0;padding:.75rem 1rem;display:block}.btn-choix.juste{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 15%, transparent)}.btn-choix.faux{border-color:var(--color-error);background:color-mix(in srgb, var(--color-error) 15%, transparent)}.note-revoir{border-color:var(--color-error)}.note-difficile{border-color:var(--color-warning)}.note-bien{border-color:var(--color-primary)}.note-facile{border-color:var(--color-success)}.erreur{color:var(--color-error)}@media (width<=640px){.app-container{padding-left:.75rem;padding-right:.75rem}.card{padding:1rem!important}h1{font-size:1.4rem!important}.search-input{width:9rem}}