[data-dessin=cahier]{--cahier-papier-2:var(--color-paper-warm);--cahier-gris:#6b6658;--cahier-or-clair:#fcebc9;--cahier-surface:0 1px 0 rgba(27,42,74,.05),0 10px 26px -18px rgba(27,42,74,.35);--cahier-surface-haute:0 1px 0 rgba(27,42,74,.05),0 16px 32px -18px rgba(27,42,74,.45);--cahier-ui:var(--font-cahier-ui),"Lexend",system-ui,sans-serif;--font-display:var(--font-cahier-titre),var(--font-fraunces),Georgia,serif;--font-body:var(--font-cahier-primaire),"Andika",system-ui,sans-serif;--radius-lg:20px;--radius-xl:24px;--play-radius:24px;--notion-rayon:16px;--notion-rayon-l:24px;--shadow-sm:var(--cahier-surface);--shadow-md:var(--cahier-surface-haute);--notion-ombre:var(--cahier-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased}[data-dessin=cahier]:is([data-play=college],[data-play=lycee]){--font-display:var(--font-fraunces),Georgia,serif;--font-body:var(--font-cahier-ui),"Lexend",system-ui,sans-serif;--radius-lg:16px;--radius-xl:18px;--play-radius:16px}[data-dessin=cahier][data-play=lycee]{--play-radius:12px}[data-dessin=cahier] :is(.font-display,h1,h2,h3,h4){font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 0}[data-dessin=cahier]:is([data-play=college],[data-play=lycee]) :is(.font-display,h1,h2,h3,h4){font-variation-settings:"SOFT" 40,"WONK" 0}[data-dessin=cahier]>header{background:hsla(48,38%,97%,.95);border-bottom-color:var(--color-border)}[data-dessin=cahier]>header .play-reward>span{gap:8px;min-height:38px;padding:0 14px 0 10px;background:var(--cahier-or-clair);color:var(--color-accent-text);font-family:var(--cahier-ui);font-size:14.5px;font-weight:700}[data-dessin=cahier]>header .play-reward>span:before{content:"";flex:none;width:20px;height:20px;background:var(--color-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c3.7 5.1 6.2 8.5 6.2 11.6a6.2 6.2 0 0 1-12.4 0c0-3.1 2.5-6.5 6.2-11.6z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c3.7 5.1 6.2 8.5 6.2 11.6a6.2 6.2 0 0 1-12.4 0c0-3.1 2.5-6.5 6.2-11.6z'/%3E%3C/svg%3E") center /contain no-repeat}[data-dessin=cahier]>header a[href="/login"]{font-family:var(--cahier-ui);font-size:15px;font-weight:700;color:var(--color-ink-soft);text-decoration:underline;text-decoration-color:rgba(27,42,74,.28);text-underline-offset:5px}[data-dessin=cahier]>header form>button[type=submit]{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px 0 14px;border:0;border-radius:21px;background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-ink);font-family:var(--cahier-ui);font-size:15px;font-weight:700;color:var(--color-ink)}[data-dessin=cahier]>header form>button[type=submit]:before{content:"";flex:none;width:19px;height:19px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5H6.5a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2H14'/%3E%3Cpath d='M10.5 12H20M16.5 8l4 4-4 4'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5H6.5a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2H14'/%3E%3Cpath d='M10.5 12H20M16.5 8l4 4-4 4'/%3E%3C/svg%3E") center /contain no-repeat}@media (max-width:639px){[data-dessin=cahier]>header>div>div:last-child{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-end;row-gap:10px}[data-dessin=cahier]>header .play-reward{flex:1 1 100%}[data-dessin=cahier]>header .play-reward>span{min-height:34px;font-size:13px;white-space:nowrap}[data-dessin=cahier]>header a[href="/login"],[data-dessin=cahier]>header form>button[type=submit]{font-size:13.5px;white-space:nowrap}[data-dessin=cahier]>header form>button[type=submit]{min-height:36px;padding:0 12px 0 10px}[data-dessin=cahier]>header>div>div:last-child:not(:has(>.play-reward)){flex:0 1 auto}[data-dessin=cahier]>main>div>div.flex-col>div.flex-wrap>h1{flex:1 1 0}}[data-dessin=cahier]>main>div:first-child>a[href]{font-family:var(--cahier-ui);font-size:15px;font-weight:700;color:var(--color-primary)}[data-dessin=cahier]>main span.uppercase.tracking-widest{font-family:var(--cahier-ui);font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--cahier-gris)}[data-dessin=cahier]>main h1{font-weight:640;letter-spacing:-.015em;font-variation-settings:"SOFT" 100,"WONK" 1}[data-dessin=cahier]:is([data-play=college],[data-play=lycee])>main h1{font-variation-settings:"SOFT" 40,"WONK" 0}[data-dessin=cahier]>main a[href$="/profil"].rounded-full:not([data-avatar=accueil]){box-shadow:0 0 0 3px var(--color-surface),0 0 0 5px var(--color-ink)}[data-dessin=cahier]>main>.play-reward>p{position:relative;padding:12px 18px;border-radius:22px;background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-ink);font-size:1.0625rem;font-weight:400;line-height:1.4;color:var(--color-ink)}[data-dessin=cahier]>main>.play-reward>p:before{content:"";position:absolute;left:36px;top:-9px;width:16px;height:16px;background:var(--color-surface);border-left:2px solid var(--color-ink);border-top:2px solid var(--color-ink);border-radius:4px 0 0 0;transform:rotate(45deg)}[data-dessin=cahier] main :is(.bg-surface,.bg-play-surface,.subject-tint).border-border:is(.rounded-play,.rounded-xl,.rounded-lg,.rounded-2xl):not(.border-dashed):not(input,select,textarea,button,label){border-color:transparent;box-shadow:var(--cahier-surface)}[data-dessin=cahier] main :is(.bg-surface,.bg-play-surface,.subject-tint).border-border:is(.rounded-play,.rounded-xl,.rounded-lg,.rounded-2xl):not(.border-dashed):not(input,select,textarea,button,label):is(a,[role=button]):hover{box-shadow:var(--cahier-surface-haute)}[data-dessin=cahier] main .border-dashed.border-border{border-color:#cfc8b6}[data-dessin=cahier]>main h2{font-weight:620;letter-spacing:-.01em}[data-dessin=cahier] main :is(a,button).bg-primary{border-radius:999px;font-family:var(--cahier-ui);font-weight:700}[data-dessin=cahier][data-play=lycee] main :is(a,button).bg-primary{border-radius:12px}[data-dessin=cahier] main :is(a,button).border-ink-soft.bg-transparent{border:0;border-radius:999px;box-shadow:inset 0 0 0 2px var(--color-ink);font-family:var(--cahier-ui);font-weight:700}[data-dessin=cahier] main a.text-primary-strong.font-semibold{font-family:var(--cahier-ui);font-weight:700;color:var(--color-primary);text-decoration:underline;text-decoration-color:rgba(14,85,151,.3);text-underline-offset:5px}[data-dessin=cahier] section[aria-label="Tes bulles de matières"] h3.uppercase{font-family:var(--cahier-ui);font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--cahier-gris);font-variation-settings:normal}[data-dessin=cahier] section[aria-label="Tes bulles de matières"]{border-color:transparent;background:var(--color-surface);box-shadow:var(--cahier-surface)}[data-dessin=cahier] [data-cours] section[data-notion]{position:relative;margin-block:0 24px;padding:28px 24px 24px 56px;border:0;border-radius:6px 20px 20px 6px;background-color:#fdfcf8;background-image:linear-gradient(90deg,transparent 39px,rgba(206,84,96,.55) 0,rgba(206,84,96,.55) 40.5px,transparent 0),repeating-linear-gradient(180deg,transparent 0 31px,rgba(84,112,184,.26) 31px 32px),repeating-linear-gradient(180deg,transparent 0 7px,rgba(84,112,184,.11) 7px 8px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(84,112,184,.1) 31px 32px);background-position:0 0,0 6px,0 6px,8px 0;box-shadow:var(--cahier-surface)}@media (max-width:639px){[data-dessin=cahier] [data-cours] section[data-notion]{padding:22px 14px 20px 38px}}[data-dessin=cahier] [data-pierre]>div{margin-inline:4px;padding:20px 20px 18px;border-radius:2px;background:#fffdf5;box-shadow:0 1px 1px rgba(27,42,74,.08),0 8px 18px -12px rgba(27,42,74,.45);transform:rotate(-.7deg)}[data-dessin=cahier] [data-pierre]>div:after,[data-dessin=cahier] [data-pierre]>div:before{content:"";position:absolute;top:-10px;bottom:auto;width:58px;height:22px;border-radius:0;background:rgba(232,161,58,.42);box-shadow:inset 0 0 0 1px rgba(232,161,58,.25)}[data-dessin=cahier] [data-pierre]>div:before{left:-12px;transform:rotate(-24deg)}[data-dessin=cahier] [data-pierre]>div:after{right:-12px;transform:rotate(22deg)}@media (prefers-reduced-motion:reduce){[data-dessin=cahier] [data-pierre]>div{transform:none}}[data-dessin=cahier] [data-cours] p.border-border.shadow-notion:has(>b.font-hand){border:0;border-radius:6px 22px 22px 22px;background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-ink);font-size:1.0625rem;color:var(--color-ink)}[data-dessin=cahier] [data-cours] p.border-border.shadow-notion>b.font-hand{font-family:var(--font-display);font-style:italic;font-size:17px;font-variation-settings:"SOFT" 100,"WONK" 1}[data-dessin=cahier] [data-cours] button.bg-primary{min-height:56px;border-radius:18px;font-family:var(--font-display);font-size:19px;font-weight:640;font-variation-settings:"SOFT" 100,"WONK" 0}[data-dessin=cahier] [data-cours] section>button.border-border.bg-transparent{min-height:56px;border:0;border-radius:18px;box-shadow:inset 0 0 0 2px var(--color-ink);font-family:var(--font-display);font-size:19px;font-weight:640;font-variation-settings:"SOFT" 100,"WONK" 0;color:var(--color-ink)}[data-dessin=cahier] #porte-essentiel>div.grid{gap:18px;margin:4px 12px 16px;padding:22px 20px 22px 56px;border-radius:4px;background-color:#fdfcf8;background-image:linear-gradient(90deg,transparent 39px,rgba(206,84,96,.55) 0,rgba(206,84,96,.55) 40.5px,transparent 0),repeating-linear-gradient(180deg,transparent 0 31px,rgba(84,112,184,.26) 31px 32px),repeating-linear-gradient(180deg,transparent 0 7px,rgba(84,112,184,.11) 7px 8px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(84,112,184,.1) 31px 32px);background-position:0 0,0 6px,0 6px,8px 0}[data-dessin=cahier] #porte-essentiel>div.grid>div{position:relative;border:0;border-radius:2px;padding:16px 18px;background:#fffdf5;box-shadow:0 1px 1px rgba(27,42,74,.08),0 8px 18px -12px rgba(27,42,74,.45);font-size:16.5px;transform:rotate(-.5deg)}[data-dessin=cahier] #porte-essentiel>div.grid>div:nth-child(2n){transform:rotate(.4deg)}[data-dessin=cahier] #porte-essentiel>div.grid>div:after,[data-dessin=cahier] #porte-essentiel>div.grid>div:before{content:"";position:absolute;top:-9px;width:52px;height:20px;background:rgba(232,161,58,.42);box-shadow:inset 0 0 0 1px rgba(232,161,58,.25)}[data-dessin=cahier] #porte-essentiel>div.grid>div:before{left:-12px;transform:rotate(-24deg)}[data-dessin=cahier] #porte-essentiel>div.grid>div:after{right:-12px;transform:rotate(22deg)}@media (prefers-reduced-motion:reduce){[data-dessin=cahier] #porte-essentiel>div.grid>div{transform:none}}[data-dessin=cahier] [data-cours]>div:last-child>:is(a,button).rounded-full,[data-dessin=cahier]>main>div>:is(a,button).rounded-full.border-border{min-height:48px;padding-inline:16px;border:0;box-shadow:inset 0 0 0 1.5px var(--color-border),var(--cahier-surface);font-family:var(--cahier-ui);font-size:14px;font-weight:700}[data-dessin=cahier] [data-cours=immersif] [role=progressbar]{flex:1;min-width:0;align-items:center;gap:6px}[data-dessin=cahier] [data-cours=immersif] [role=progressbar]:has(>i:nth-child(17)){gap:3px}[data-dessin=cahier] [data-cours=immersif] [role=progressbar]:has(>i:nth-child(33)){gap:2px}[data-dessin=cahier] [data-cours=immersif] [role=progressbar]:has(>i:nth-child(65)){gap:0}[data-dessin=cahier] [data-cours=immersif] [role=progressbar]:has(>i:nth-child(65))>i{min-width:0}[data-dessin=cahier] [data-cours=immersif] [role=progressbar]>i{flex:0 1 16px;min-width:2px;height:20px;border-radius:0;box-shadow:none;opacity:1;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20'%3E%3Cpath d='M8 0C12.5 6.2 16 10.3 16 13.4A8 6.9 0 0 1 0 13.4C0 10.3 3.5 6.2 8 0Z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20'%3E%3Cpath d='M8 0C12.5 6.2 16 10.3 16 13.4A8 6.9 0 0 1 0 13.4C0 10.3 3.5 6.2 8 0Z'/%3E%3C/svg%3E") center /contain no-repeat}[data-dessin=cahier] [data-cours=immersif] [role=progressbar]>i.bg-subj{background:var(--color-accent)}[data-dessin=cahier] [data-cours=immersif] [role=progressbar]>i.bg-subj.opacity-45{background:var(--color-ink)}[data-dessin=cahier] [data-cours=immersif] [role=progressbar]>i.bg-border{background:#dcd6c6}[data-dessin=cahier] [data-cours=immersif] [role=progressbar]>i.bg-surface{background:#b9b3a3}[data-dessin=cahier] [data-cours=immersif] button.h-11.w-11.rounded-full{flex:none;background:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--color-border);color:var(--color-ink)}[data-dessin=cahier] [data-cours=immersif] .flex-1:has(>[data-question]){margin:4px 16px 16px;padding:28px 24px 24px 64px;border-radius:4px 20px 20px 4px;background-color:#fdfcf8;background-image:linear-gradient(90deg,transparent 39px,rgba(206,84,96,.55) 0,rgba(206,84,96,.55) 40.5px,transparent 0),repeating-linear-gradient(180deg,transparent 0 31px,rgba(84,112,184,.26) 31px 32px),repeating-linear-gradient(180deg,transparent 0 7px,rgba(84,112,184,.11) 7px 8px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(84,112,184,.1) 31px 32px);background-position:0 0,0 6px,0 6px,8px 0;box-shadow:var(--cahier-surface-haute)}@media (max-width:639px){[data-dessin=cahier] #porte-essentiel>div.grid,[data-dessin=cahier] [data-cours=immersif] .flex-1:has(>[data-question]),[data-dessin=cahier] [data-cours] section[data-notion]{background-image:linear-gradient(90deg,transparent 27px,rgba(206,84,96,.55) 0,rgba(206,84,96,.55) 28.5px,transparent 0),repeating-linear-gradient(180deg,transparent 0 31px,rgba(84,112,184,.26) 31px 32px),repeating-linear-gradient(180deg,transparent 0 7px,rgba(84,112,184,.11) 7px 8px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(84,112,184,.1) 31px 32px)}[data-dessin=cahier] [data-cours=immersif] .flex-1:has(>[data-question]){margin:4px 6px 12px;padding:20px 12px 18px 38px}[data-dessin=cahier] #porte-essentiel>div.grid{margin:4px 6px 12px;padding:20px 12px 20px 38px}}[data-dessin=cahier] [data-cours] a.bg-primary{border-radius:18px;font-family:var(--font-display);font-size:19px;font-weight:640;font-variation-settings:"SOFT" 100,"WONK" 0}[data-dessin=cahier] [data-cours=immersif] button.border-border.bg-transparent{border:0;border-radius:18px;box-shadow:inset 0 0 0 2px var(--color-ink);font-family:var(--cahier-ui);font-weight:700;color:var(--color-ink)}[data-dessin=cahier] [data-cours=immersif] button.bg-paper-warm.rounded-notion{border-radius:18px;font-family:var(--cahier-ui);font-weight:700}[data-dessin=cahier] [data-cours=immersif]>div>div.sticky{border-top-color:var(--color-border);background:var(--color-surface)}[data-dessin=cahier] [data-speech-bubble]{--font-body:var(--font-inter),system-ui,sans-serif;font-family:var(--font-body)}@media (max-width:639px){[data-dessin=cahier] [data-cours] section[data-notion] figure:has(>div>[data-speech-bubble]){margin-inline-start:-38px!important;width:calc(100% + 52px)!important}}[data-dessin=cahier]:before{content:"Aa"/"";position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);font-family:var(--font-inter),system-ui,sans-serif;pointer-events:none}[data-dessin=cahier] [data-cours] fieldset li>label{min-height:64px;border-radius:20px;border-width:2px;font-size:1.125rem}[data-dessin=cahier]:is([data-play=college],[data-play=lycee]) [data-cours] fieldset li>label{min-height:56px;border-radius:16px;font-size:1.0625rem}[data-dessin=cahier]{--color-muted:var(--cahier-gris)}[data-dessin=cahier] span.font-display[style*="--state-progress"]{color:var(--color-accent-text)!important}[data-dessin=cahier] span.font-display[style*="--state-redo"]{color:var(--color-attention-text)!important}[data-dessin=cahier][data-play=primary] :is(a[href],button,select,summary,input:not([type=radio],[type=checkbox],[type=hidden])){min-height:48px;min-width:48px}[data-dessin=cahier][data-play=primary] a[href]:not(.flex,.grid,.block,.inline-flex,.inline-block):not(:has(>*)){display:inline-flex;align-items:center}[data-dessin=cahier][data-play=primary] a[href]:not(.flex,.grid,.block,.inline-flex,.inline-block,[style*=block-size]):has(>*){display:inline-block;padding-block:13px}[data-dessin=cahier][data-play=primary] .truncate>a[href]:has(>*){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-dessin=cahier][data-play=primary] :is(button,a[href]).inline-flex,[data-dessin=cahier][data-play=primary]>header form>button[type=submit]{align-items:center}@media (min-width:1024px){[data-dessin=cahier] section[aria-label="Mon plan de la semaine"]:has(>ul){display:grid;grid-template-columns:minmax(0,352px) minmax(0,1fr);gap:24px 32px;align-items:start}[data-dessin=cahier] section[aria-label="Mon plan de la semaine"]:has(>ul)>*{grid-column:1/-1}[data-dessin=cahier] section[aria-label="Mon plan de la semaine"]:has(>ul)>div:first-child{grid-column:1;flex-direction:column;align-items:center;gap:20px;padding:32px;text-align:start}[data-dessin=cahier] section[aria-label="Mon plan de la semaine"]:has(>ul)>div:first-child+ul{grid-column:2}}[data-dessin=cahier] section[aria-label="Mon plan de la semaine"]:has(>ul)>div:first-child p.font-display{font-size:1.25rem;line-height:1.25;font-weight:620}@media (min-width:1024px){[data-dessin=cahier] section[aria-label="Mon plan de la semaine"]:has(>ul)>div:first-child p.font-display{font-size:1.5rem}}[data-dessin=cahier] section[aria-label="Mon plan de la semaine"]:has(>ul) article{border-color:transparent;box-shadow:var(--cahier-surface)}[data-dessin=cahier] section[aria-label="Mon plan de la semaine"]:has(>ul) article b.font-display{font-size:1.375rem;line-height:1.2;font-weight:620}