html{background:var(--bg)}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}#app{container:app / inline-size;width:100%;height:100dvh;position:relative;background:var(--bg);color:var(--ink);overflow:hidden;display:block;border:0;border-radius:0;max-width:none}#app *,#app *:before,#app *:after{box-sizing:border-box}#app .shell{position:absolute;inset:0;display:flex;flex-direction:column}#app [hidden]{display:none!important}#app .topbar{flex:none;height:60px;display:flex;align-items:center;gap:12px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line);z-index:20}#app .marque{display:flex;align-items:center;gap:9px;min-height:var(--cible);text-decoration:none;color:var(--ink);flex:none}#app .marque:before,#app .marque:after{content:none}#app .marque svg{width:32px;height:32px}#app .marque b{font:600 var(--t-h2)/1 var(--f-display);letter-spacing:var(--suivi-titre)}#app .marque b span{color:var(--accent);font-size:.66em;letter-spacing:0;margin-left:1px}#app .topbar .nav{display:none;position:static;width:auto;height:auto;min-width:0;flex:none;flex-direction:row;align-items:center;order:0;padding:0;margin:0;background:none;border:0;box-shadow:none}#app .top-droite{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}#qbar-mat{display:contents}#app .main{flex:1;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;overscroll-behavior:contain;position:relative;display:block;padding:0}#app .screen{display:none;height:auto;min-height:0;width:100%;overflow:visible;position:static;flex:none}#app .screen[data-active=true]{display:block}#app .screen>.sheetwrap,#app .screen>.page{max-width:1120px;margin:0 auto;padding:22px 16px 112px;height:auto;min-height:0;overflow:visible;width:100%}#app .screen .cols,#app .screen .col-main,#app .screen .col-aside{height:auto;min-height:0;overflow:visible}#app .main[data-lecture] .lecon{width:100%;max-width:720px;margin:0 auto}#app .page{max-width:1120px;margin:0 auto;padding:22px 16px 112px}#app .tabbar{flex:none;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--line);z-index:20}html:not([data-session=compte]) #app :is(.topbar .nav,.tabbar)>a[data-onglet=travailler]{display:none}html:not([data-session=compte]) #app .tabbar{grid-template-columns:repeat(4,1fr)}html:not([data-session]) #app :is(.topbar .nav,.tabbar)>a,html:not([data-session]) #app #coque-avatar{visibility:hidden}html[data-session=compte] #app #coque-avatar.visiteur{background:var(--ink);color:var(--bg);box-shadow:none}html[data-session=compte] #app #coque-avatar.visiteur svg{display:none}html[data-session=compte] #app #coque-avatar.visiteur:before{content:var(--initiale, "")}:is(html[data-amorce-onglet=travailler] a[data-onglet=travailler],html[data-amorce-onglet=chapitres] a[data-onglet=chapitres],html[data-amorce-onglet=exercices] a[data-onglet=exercices],html[data-amorce-onglet=annales] a[data-onglet=annales],html[data-amorce-onglet=laboratoire] a[data-onglet=laboratoire]):is(#app .tabbar:not(:has([aria-current]))>.tab){color:var(--accent)}html[data-amorce-onglet=moi][data-session=compte] #app #coque-avatar:not([aria-current]){box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}html[data-amorce-onglet=moi]:not([data-session=compte]) #app #coque-avatar.visiteur:not([aria-current]){box-shadow:inset 0 0 0 1px var(--line),0 0 0 2px var(--bg),0 0 0 4px var(--accent)}html:not([data-amorce-matiere]) #app #mat-bar:not(:has([aria-pressed=true])){visibility:hidden}:is(html[data-amorce-matiere=mathematiques] [data-matiere=mathematiques],html[data-amorce-matiere=physique-chimie] [data-matiere=physique-chimie]):is(#app #mat-bar:not(:has([aria-pressed=true]))>button){color:var(--ink)}:is(html[data-amorce-matiere=mathematiques] [data-matiere=physique-chimie],html[data-amorce-matiere=physique-chimie] [data-matiere=mathematiques]):is(#app #mat-bar:not(:has([aria-pressed=true]))>button)>.ind{display:none}#app .tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0 4px;min-height:52px;text-decoration:none;color:var(--ink-3);font-size:var(--t-onglet);font-weight:600;border-radius:var(--r-s)}#app .tab svg.i{width:23px;height:23px}#app .tab[aria-current=page]{color:var(--accent)}#app .tab:active{background:var(--surface-2)}#app .seg.matiere{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;background:var(--surface-2);border-radius:var(--r-m);border:1px solid var(--line);max-width:100%}#app .seg.matiere button{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;min-height:36px;padding:0 11px;border:0;border-radius:var(--r-s);background:transparent;color:var(--ink-2);font-size:var(--t-meta);font-weight:600;white-space:nowrap}#app .seg.matiere button[aria-pressed=true]{color:var(--ink)}#app .seg.matiere .ind{position:absolute;inset:0;z-index:-1;border-radius:var(--r-s);background:var(--surface);box-shadow:var(--shadow-s);view-transition-name:ind-matiere;view-transition-class:seg}#app .seg.matiere svg.i{display:none}#app .recherche-b{width:44px;height:44px;min-height:44px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface);color:var(--ink-2)}#app .recherche-b .txt,#app .recherche-b kbd{display:none}#app .avatar{width:44px;height:44px;flex:none;border-radius:var(--r-m);background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:var(--t-texte);font-weight:600;text-decoration:none;position:relative}#app .avatar[aria-current=page]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}#app .avatar[data-attente]:after{content:attr(data-attente);position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:600;box-sizing:content-box;display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg)}#app .avatar.visiteur{background:var(--surface-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}#app .avatar.visiteur[aria-current=page]{box-shadow:inset 0 0 0 1px var(--line),0 0 0 2px var(--bg),0 0 0 4px var(--accent)}#app .focus .topbar,#app .focus .tabbar{display:none}#app .focusbar{flex:none;display:flex;align-items:center;gap:10px;height:58px;padding:0 max(8px,env(safe-area-inset-right)) 0 max(6px,env(safe-area-inset-left));background:var(--bg);border-bottom:1px solid var(--line)}#app .focusbar .titre{font-weight:600;font-size:var(--t-petit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#app .focusbar .titre span{color:var(--ink-2);font-weight:400}#app .focusbar .titre.etire{flex:1}#app .focusbar .droite{margin-left:auto}#app .focusbar .quitter-l{display:none;margin:0}#app .marque-f{margin-left:6px}#app .q-page{max-width:760px;margin:0 auto;padding:18px 16px max(150px,calc(var(--h-barre, 0px) + 16px));display:grid;grid-template-columns:minmax(0,1fr);gap:14px}#app .focus .screen>.sheetwrap{max-width:760px;margin:0 auto;padding:18px 16px 150px}#app .q-page.etroite{max-width:640px}#app .actionbar{position:absolute;left:0;right:0;bottom:0;z-index:15;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--line)}#app .actionbar.dans-flux{position:static;flex:none}#app .actionbar .dedans{max-width:712px;margin:0 auto;display:flex;gap:10px;align-items:center}#app .actionbar .dedans.colonne{flex-direction:column;align-items:stretch}#app .actionbar .rangee-a{display:flex;gap:10px}#app .actionbar .btn{flex:1}#app .actionbar .btn.suite{flex:none}#app a.retour{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin:-6px 0 8px -6px;padding:0 12px 0 6px;border-radius:var(--r-s);color:var(--ink-2);font-size:15px;font-weight:600;text-decoration:none;position:static;background:none;border:0;box-shadow:none}#app .bandeau{flex:none;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface-2);color:var(--ink);font-size:var(--t-petit);border:0;border-bottom:1px solid var(--line)}#app .bandeau svg{color:var(--ink-2)}#app .bandeau.mise-a-jour{position:static;inset:auto;margin:0;border-radius:0;box-shadow:none;width:auto;max-width:none;z-index:auto}#app .bandeau.mise-a-jour button{min-width:0;min-height:0;height:var(--h-btn-petit);padding:0 10px;margin:-10px 0 -10px auto;border:1px solid transparent;border-radius:var(--r-m);background:transparent;color:var(--accent-ink);font:600 var(--t-petit)/1 var(--f-ui)}#app .bandeau.mise-a-jour button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){#app .bandeau.mise-a-jour button:hover{background:var(--accent-soft)}}#app .retour-site{position:static;width:fit-content;margin:-88px 10px 44px auto;color:var(--ink-2);font-size:var(--t-meta);background:var(--bg);padding:0 6px;min-height:44px;display:flex;align-items:center;border-radius:var(--r-s);text-decoration:none;text-underline-offset:3px}@media (hover:hover){#app .retour-site:hover{color:var(--ink);text-decoration:underline}}#app .focus .retour-site{display:none}#app #main[data-etat]>[data-screen],#app #main[data-chargement]>[data-screen]{display:none}#app .screen.ecran-entre{animation:none}#main:focus{outline:none}.evitement{font-family:var(--f-ui)}.evitement:focus{box-shadow:none;z-index:60;background:var(--accent);color:var(--on-accent);border-radius:var(--r-m);display:inline-flex;align-items:center;box-sizing:border-box;height:var(--h-btn-petit);padding:0 12px;border:1px solid transparent;font-size:var(--t-petit);justify-content:center;gap:8px;text-align:center;user-select:none;top:9.5px;inset-inline-start:max(16px,env(safe-area-inset-left))}body:has(#shell.focus) .evitement:focus{top:8.5px;inset-inline-start:calc(max(6px,env(safe-area-inset-left)) + 6px)}.evitement:focus~#app :is(.topbar,.focusbar)>*{opacity:0;scale:0}@media (min-width:960px){.evitement:focus{top:11.5px;inset-inline-start:max(28px,env(safe-area-inset-left))}body:has(#shell.focus) .evitement:focus{top:11.5px;inset-inline-start:calc(max(18px,env(safe-area-inset-left)) + 6px)}}@container app (max-width:519px){#app .seg.matiere{grid-auto-columns:auto}#app .seg.matiere button[aria-pressed=false]{display:none}#app .seg.matiere button{padding:0 10px 0 12px}#app .seg.matiere svg.i{display:block;color:var(--ink-3)}:is(html[data-amorce-matiere=mathematiques] [data-matiere=mathematiques],html[data-amorce-matiere=physique-chimie] [data-matiere=physique-chimie]):is(#app #mat-bar:not(:has([aria-pressed=true]))>button){display:inline-flex}#app .topbar{gap:8px}#app .focusbar .titre.seance{display:none}}@container app (max-width:419px){#app .topbar{gap:6px}#app .topbar .marque{gap:7px}#app .topbar .marque b{font-size:19px}}@container app (max-width:389px){#app .topbar,#app .topbar .top-droite{gap:4px}#app .topbar .marque b{font-size:15px}}@container app (max-width:359px){#app .topbar .marque b{display:none}}@container app (min-width:720px){#app .shell{--pad-carte:24px}#app .focusbar .quitter{display:none}#app .focusbar .quitter-l{display:inline-flex}#app .actionbar .dedans:not(.colonne){justify-content:flex-end}#app .actionbar .btn{flex:0 1 auto;min-width:200px}}@container app (min-width:960px){#app .shell{--t-h2:24px;--t-h1:40px;--t-display:46px}#app .topbar{height:64px;padding:0 max(28px,env(safe-area-inset-right)) 0 max(28px,env(safe-area-inset-left));gap:24px}#app .topbar .nav{display:flex;gap:4px}#app .topbar .nav a{flex:none;flex-direction:row;font-size:var(--t-texte);display:flex;align-items:center;justify-content:center;gap:8px;min-width:var(--cible);height:var(--cible);padding:0 12px;border-radius:var(--r-s);text-decoration:none;color:var(--ink-2);font-weight:600;transition:background-color .15s,color .15s;background:none;border:0;box-shadow:none;margin:0}#app .topbar .nav a:before,#app .topbar .nav a:after{content:none}#app .topbar .nav a svg{width:20px;height:20px;stroke-width:1.75}#app .topbar .nav a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#app .topbar .nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}:is(html[data-amorce-onglet=travailler] a[data-onglet=travailler],html[data-amorce-onglet=chapitres] a[data-onglet=chapitres],html[data-amorce-onglet=exercices] a[data-onglet=exercices],html[data-amorce-onglet=annales] a[data-onglet=annales],html[data-amorce-onglet=laboratoire] a[data-onglet=laboratoire]):is(#app .topbar .nav:not(:has([aria-current]))>a){color:var(--accent);background:var(--accent-soft)}#app .topbar .nav>:not(a[data-onglet]){display:none}#app .tabbar{display:none}#app .page,#app .screen>.page,#app .screen>.sheetwrap{padding:40px 28px 120px}#app .focusbar{height:64px;padding:0 max(20px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));gap:20px}#app .focusbar .titre:not(.etire){flex:0 1 auto;max-width:300px}#app .q-page,#app .focus .screen>.sheetwrap{padding:36px 24px 160px;gap:18px}#app .q-page{padding-bottom:max(160px,calc(var(--h-barre, 0px) + 16px))}#app .actionbar{padding:14px max(24px,env(safe-area-inset-right)) 18px max(24px,env(safe-area-inset-left))}#app .retour-site{margin:-96px max(22px,calc((100% - 1120px)/2 + 22px)) 52px auto}}@container app (min-width:1180px){#app .topbar .nav a span{position:static;width:auto;height:auto;overflow:visible;clip:auto}}@container app (min-width:1280px){#app .recherche-b{width:240px;flex:0 1 240px;padding:0 8px 0 12px;gap:10px;justify-content:flex-start}#app .recherche-b .txt{display:block;flex:1;text-align:left;font-size:14px}#app .recherche-b kbd{display:block}}@media (hover:hover) and (pointer:fine){#app .topbar .nav a:hover,#app a.retour:hover{background:var(--surface-2);color:var(--ink)}}@media (prefers-reduced-motion:reduce){#app *,#app *:before,#app *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@container app (min-width:1100px){#app .main[data-lecture] [data-screen=cours]>.sheetwrap{max-width:1120px}#app .lecon-cadre,#app .devoir-cadre{display:grid;grid-template-columns:220px minmax(0,720px);gap:56px;justify-content:center}#app .focus [data-screen=devoir]>.sheetwrap:has(.devoir-cadre){max-width:1120px}#app .devoir-cadre .q-page{margin:0;padding-left:0;padding-right:0}}#app #coque-etat.q-page>.carte.etat{justify-self:center;width:fit-content;max-width:460px}