[data-dessin=cahier].c-g7b-parcours{--color-paper:#fbfaf6;--play-bg:#fbfaf6;--color-border:#e6e1d5;--c-g7b-filet:#e6e1d5;--c-g7b-papier-2:#f4f1e8;--c-g7b-gris:#6b6658;--c-g7b-stylo-clair:#e2ecf7;--c-g7b-or-clair:#fcebc9;--c-g7b-juste:#2fa36b;--c-g7b-juste-texte:#1e6b46;--c-g7b-juste-clair:#e2f4ea;--c-g7b-rouge:#d4574e;--c-g7b-rouge-texte:#ac3b33;--c-g7b-rouge-clair:#f8e6e3;--c-g7b-surface:0 1px 0 rgba(27,42,74,.05),0 10px 26px -18px rgba(27,42,74,.35);--c-g7b-coche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");--c-g7b-plume:136px;align-items:flex-start;padding-top:32px;padding-bottom:48px;background:var(--color-paper);color:var(--color-ink);font-size:18px;line-height:1.45}[data-dessin=cahier].c-g7b-tunnel[data-cahier-age=inconnu]{--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}[data-dessin=cahier].c-g7b-tunnel[data-cahier-age=inconnu] :is(a[href],button,input:not([type=hidden])){min-height:48px;min-width:48px}[data-dessin=cahier].c-g7b-parcours:is([data-play=college],[data-play=lycee]):not([data-cahier-age=inconnu]){font-size:16px}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne{min-height:calc(100dvh - 80px);gap:20px}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child{margin-block:auto}[data-dessin=cahier].c-g7b-parcours .c-g7b-rang{gap:16px;flex:none}[data-dessin=cahier].c-g7b-parcours .c-g7b-rang>button[aria-label="Revenir à l'écran précédent"]{width:48px;height:48px;background:var(--color-surface);box-shadow:0 0 0 1.5px var(--c-g7b-filet);color:var(--color-ink);font-size:22px;font-weight:700}[data-dessin=cahier].c-g7b-parcours .c-g7b-rang>button[aria-label="Revenir à l'écran précédent"]:hover{background:var(--c-g7b-papier-2)}[data-dessin=cahier].c-g7b-parcours .c-g7b-rang>[role=progressbar]{height:10px;border-radius:5px;background:var(--c-g7b-filet)}[data-dessin=cahier].c-g7b-parcours .c-g7b-rang>[role=progressbar]>div{border-radius:5px;background:var(--color-primary)}[data-dessin=cahier].c-g7b-tunnel [data-testid=commencer-deja-un-espace]{max-width:none;margin:0;align-items:center;gap:16px;padding:14px 14px 14px 20px;border:0;border-radius:18px;background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-accent),0 8px 22px -18px rgba(27,42,74,.5);font-size:17px;line-height:1.4}[data-dessin=cahier].c-g7b-tunnel [data-testid=commencer-deja-un-espace]>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:14px;font-family:var(--font-display);font-size:17px;font-weight:640}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child>p.uppercase:first-child{font-family:var(--cahier-ui);font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.07em;color:var(--color-primary)}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child :not(.c-g7b-colonne)>p.uppercase.tracking-wide,[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child p.uppercase.tracking-wide:not(:first-child){font-family:var(--cahier-ui);font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--c-g7b-gris)}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child>h1{font-size:42px;font-weight:620;line-height:1.12;letter-spacing:-.01em}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child>h1+p.text-sm{font-size:20px;line-height:1.45;color:var(--color-ink-soft)}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child>h2{font-size:25px;font-weight:620;line-height:1.2}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne .font-hand{font-family:var(--font-display);font-style:italic;font-weight:520;font-size:24px;line-height:1.3;font-variation-settings:"SOFT" 100,"WONK" 1;color:var(--color-primary)}[data-dessin=cahier].c-g7b-parcours:is([data-play=college],[data-play=lycee]):not([data-cahier-age=inconnu]) .c-g7b-colonne>:last-child>h1{font-size:38px}[data-dessin=cahier].c-g7b-parcours:is([data-play=college],[data-play=lycee]):not([data-cahier-age=inconnu]) .c-g7b-colonne>:last-child>h1+p.text-sm{font-size:18px}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child .text-sm{font-size:17px;line-height:1.45}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child .text-xs{font-size:15px;line-height:1.45}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne :is(a,button).bg-primary{min-height:58px;border-radius:18px;font-family:var(--font-display);font-size:20px;font-weight:640;font-variation-settings:"SOFT" 100}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne button.bg-primary:disabled:not([aria-busy=true]){opacity:1;background:var(--c-g7b-stylo-clair);color:#4a6b90;box-shadow:inset 0 0 0 2px #c7d7ea}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne :is(a,button).bg-transparent.text-primary-strong{min-height:58px;border-radius:18px;color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-ink);font-family:var(--font-display);font-size:20px;font-weight:640;font-variation-settings:"SOFT" 100}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne button.border-ink-soft.bg-transparent{min-height:48px;padding:0 18px;border:0;border-radius:14px;background:var(--color-surface);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-ink);font-family:var(--cahier-ui);font-size:16px;font-weight:700}[data-dessin=cahier].c-g7b-parcours:is([data-play=college],[data-play=lycee]):not([data-cahier-age=inconnu]) .c-g7b-colonne :is(a,button):is(.bg-primary,.bg-transparent.text-primary-strong){min-height:54px;border-radius:14px;font-family:var(--cahier-ui);font-size:17px;font-weight:700;font-variation-settings:normal}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix]{border:0;background:var(--color-surface);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--c-g7b-filet),0 2px 0 rgba(27,42,74,.06)}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix]:hover{box-shadow:inset 0 0 0 2px #c9c3b3,0 2px 0 rgba(27,42,74,.06)}[data-dessin=cahier].c-g7b-tunnel [data-cahier-choix][aria-pressed=true]{background:var(--c-g7b-stylo-clair);color:var(--color-ink);box-shadow:inset 0 0 0 3px var(--color-primary)}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=tuile]{min-height:72px;gap:6px;padding:12px 10px;border-radius:20px;font-size:18px;font-weight:700;line-height:1.2}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=tuile]>span.absolute{top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:13px;font-weight:700;line-height:1}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=classe] [data-cahier-choix=tuile]{min-height:68px;padding:10px 8px;font-family:var(--font-display);font-size:18px;font-weight:640;font-variation-settings:"SOFT" 100;line-height:1.1}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=tuile]>span[aria-hidden].text-xl{font-size:34px;line-height:1}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=matiere] [data-cahier-choix=tuile]>span[aria-hidden].text-xl{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--color-surface);box-shadow:inset 0 0 0 2.5px var(--color-primary);color:var(--color-primary);font-size:24px}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=tuile]>span[aria-hidden].text-xl .cahier-dessin-muet{width:28px;height:28px}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=ligne]{min-height:76px;gap:14px;padding:12px 18px 12px 12px;border-radius:20px}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=ligne]:not(:has(>span.text-xl)){padding-left:20px}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=ligne]>span.text-xl{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:15px;background:var(--c-g7b-papier-2);font-size:26px}[data-dessin=cahier].c-g7b-tunnel [data-cahier-choix=ligne][aria-pressed=true]>span.text-xl{background:var(--color-surface)}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=ligne]>span.flex-1>span:first-child{font-size:20px;font-weight:700;line-height:1.25}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=ligne]>span.flex-1>span+span{margin-top:2px;font-size:16px;line-height:1.35;color:var(--c-g7b-gris)}[data-dessin=cahier].c-g7b-tunnel [data-cahier-choix=ligne][aria-pressed=true]>span.flex-1>span+span{color:var(--color-ink-soft)}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=ligne]{position:relative}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=ligne][aria-pressed=false]:after{content:"";position:absolute;right:18px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;box-shadow:inset 0 0 0 2px #c9c3b3;pointer-events:none}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=ligne]>span[aria-hidden]:last-child{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;color:#fff;font-size:15px;font-weight:700;line-height:1}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=ligne][aria-pressed=true]>span[aria-hidden]:last-child{background:var(--color-primary);color:#fff}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=puce]{min-height:48px;gap:8px;padding:0 18px 0 14px;border-radius:24px;font-size:18px;font-weight:700;white-space:nowrap}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=puce]:not(:has(>span)){padding:0 18px}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=puce]>span[aria-hidden]{font-size:20px}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=puce] .cahier-dessin-muet{color:var(--color-ink)}[data-dessin=cahier].c-g7b-tunnel [data-cahier-choix=puce][aria-pressed=true]:after{content:"";flex:none;width:18px;height:18px;background:var(--color-primary);-webkit-mask:var(--c-g7b-coche) center /contain no-repeat;mask:var(--c-g7b-coche) center /contain no-repeat}[data-dessin=cahier].c-g7b-parcours [role=radiogroup]{gap:12px}[data-dessin=cahier].c-g7b-parcours [role=radiogroup]>[role=radio]{align-items:center;gap:14px;min-height:68px;padding:12px 18px;border:0;border-radius:20px;background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--c-g7b-filet),0 2px 0 rgba(27,42,74,.06)}[data-dessin=cahier].c-g7b-parcours [role=radiogroup]>[role=radio]:before{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--color-surface);box-shadow:inset 0 0 0 2px #c9c3b3}[data-dessin=cahier].c-g7b-parcours [role=radiogroup]>[role=radio][aria-checked=true]{background:var(--c-g7b-stylo-clair);box-shadow:inset 0 0 0 3px var(--color-primary)}[data-dessin=cahier].c-g7b-parcours [role=radiogroup]>[role=radio][aria-checked=true]:before{background:var(--color-primary);box-shadow:inset 0 0 0 2px var(--color-primary),inset 0 0 0 7px var(--color-surface)}[data-dessin=cahier].c-g7b-parcours [role=radiogroup]>[role=radio]>span{font-size:22px;font-weight:600;line-height:1.2;font-variation-settings:"SOFT" 100}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=objectif] .grid.grid-cols-2.gap-6{gap:16px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=objectif] .grid.grid-cols-2.gap-6>div{padding:20px 12px;border-radius:18px;background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--c-g7b-filet)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=objectif] .grid.grid-cols-2.gap-6 button{width:48px;height:48px;border:0;box-shadow:inset 0 0 0 1.5px var(--c-g7b-filet);font-size:22px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=objectif] .grid.grid-cols-2.gap-6 span.font-display{font-size:48px;font-weight:660;line-height:1}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=objectif] .grid.grid-cols-2.gap-6 span.font-display>small{font-size:17px;font-weight:600;color:var(--c-g7b-gris)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=ecran] .c-g7b-colonne>:last-child>.ring-1{gap:6px;padding:26px 24px 24px;border-radius:24px;box-shadow:var(--c-g7b-surface);--tw-ring-shadow:0 0 #0000}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=ecran] .c-g7b-colonne>:last-child>.ring-1>span[aria-hidden]{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--c-g7b-stylo-clair);font-size:32px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=ecran] .c-g7b-colonne>:last-child>.ring-1>p.font-display{margin-top:4px;font-size:48px;font-weight:660;line-height:1.05}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=ecran] input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:48px;margin:0;background:transparent;cursor:pointer}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=ecran] input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:5px;background:linear-gradient(90deg,var(--color-primary) 0 var(--c-g7b-curseur,0),var(--c-g7b-filet) var(--c-g7b-curseur,0) 100%)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=ecran] input[type=range]::-moz-range-track{height:10px;border-radius:5px;background:linear-gradient(90deg,var(--color-primary) 0 var(--c-g7b-curseur,0),var(--c-g7b-filet) var(--c-g7b-curseur,0) 100%)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=ecran] input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;margin-top:-15px;border:0;border-radius:50%;background:var(--color-surface);box-shadow:inset 0 0 0 4px var(--color-primary),0 4px 10px -4px rgba(27,42,74,.5)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=ecran] input[type=range]::-moz-range-thumb{width:40px;height:40px;border:0;border-radius:50%;background:var(--color-surface);box-shadow:inset 0 0 0 4px var(--color-primary),0 4px 10px -4px rgba(27,42,74,.5)}[data-dessin=cahier].c-g7b-tunnel [data-cahier-plume]{gap:14px;padding:0;background:transparent;--tw-ring-shadow:0 0 #0000;box-shadow:none}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=welcome]{--c-g7b-plume:176px}[data-dessin=cahier].c-g7b-tunnel [data-cahier-plume]>img{flex:none}[data-dessin=cahier].c-g7b-tunnel .c-g7b-colonne [data-cahier-plume]>p.text-sm{position:relative;padding:16px 22px;border-radius:22px;background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-ink);font-size:20px;line-height:1.4;color:var(--color-ink);text-align:start}[data-dessin=cahier].c-g7b-tunnel [data-cahier-plume]>p:before{content:"";position:absolute;left:-9px;top:50%;width:18px;height:18px;margin-top:-9px;background:var(--color-surface);border-left:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);border-radius:0 0 0 4px;transform:rotate(45deg)}[data-dessin=cahier].c-g7b-bienvenue [data-cahier-plume]{gap:14px;padding:16px 20px;border-radius:20px;background:var(--c-g7b-papier-2);--tw-ring-shadow:0 0 #0000;box-shadow:none}[data-dessin=cahier].c-g7b-bienvenue .c-g7b-colonne [data-cahier-plume]>p.text-sm{font-size:18px;line-height:1.45}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child{position:relative;isolation:isolate;gap:20px;padding:36px 40px 40px 92px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:10px;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:0 1px 0 rgba(27,42,74,.05),0 18px 40px -26px rgba(27,42,74,.45)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child:has(>button.bg-primary:last-child){padding-bottom:0}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child:has(>button.bg-primary:last-child):before{bottom:82px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>button.bg-primary:last-child{width:calc(100% + 132px);margin:64px -40px 0 -92px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>p.text-lg{font-family:var(--font-display);font-size:28px;font-weight:620;line-height:1.15;font-variation-settings:"SOFT" 100}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.flex-col.gap-2{gap:12px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.flex-col.gap-2>button{position:relative;min-height:64px;padding:10px 18px;border:0;border-radius:20px;background:var(--color-surface);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--c-g7b-filet),0 2px 0 rgba(27,42,74,.06);font-size:21px;line-height:1.25}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.flex-col.gap-2>button:disabled:not(.border-attention,.border-correct){opacity:.8}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.flex-col.gap-2>button.border-attention{background:var(--c-g7b-rouge-clair);box-shadow:inset 0 0 0 2px var(--c-g7b-rouge);-webkit-text-decoration:underline wavy rgba(212,87,78,.85);text-decoration:underline wavy rgba(212,87,78,.85);text-decoration-thickness:2px;text-underline-offset:5px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.flex-col.gap-2>button.border-correct{background:var(--c-g7b-juste-clair);color:var(--color-ink);box-shadow:inset 0 0 0 3px var(--c-g7b-juste);-webkit-text-decoration:underline rgba(47,163,107,.9);text-decoration:underline rgba(47,163,107,.9);text-decoration-thickness:3px;text-underline-offset:5px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.flex-col.gap-2>button.border-correct:before{content:"";position:absolute;left:-48px;top:50%;width:30px;height:30px;margin-top:-15px;background:var(--c-g7b-juste-texte);-webkit-mask:var(--c-g7b-coche) center /contain no-repeat;mask:var(--c-g7b-coche) center /contain no-repeat}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.ring-1{gap:14px;padding:18px 20px;border-radius:24px;--tw-ring-shadow:0 0 #0000;box-shadow:var(--c-g7b-surface)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.ring-1>span[aria-hidden]{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--c-g7b-juste-clair);font-size:24px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.ring-1 p.font-display{font-size:22px;font-weight:620;line-height:1.2}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.ring-1 p.text-sm{font-size:18px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=analyse] article{padding:22px;border:0;border-radius:24px;box-shadow:var(--c-g7b-surface)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=analyse] article>p.font-display{margin-top:8px;font-size:22px;font-weight:620;line-height:1.22}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=analyse] article>p.text-sm{margin-top:8px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=analyse] .c-g7b-colonne>:last-child>.bg-halo-primary{gap:14px;padding:20px 22px;border-radius:20px;background:var(--c-g7b-stylo-clair);font-size:18px;line-height:1.45}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=analyse] .c-g7b-colonne>:last-child>.bg-halo-primary .cahier-dessin-muet{width:28px;height:28px;margin-top:1px;color:var(--color-primary)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=avatar] [role=listbox]{gap:14px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=avatar] [role=option]{background:var(--color-surface);--tw-ring-color:var(--c-g7b-filet)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=avatar] [role=option][aria-selected=true]{--tw-ring-color:var(--color-primary)}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=compagnon] .c-g7b-colonne>:last-child>p.font-display{font-size:30px;font-weight:620;line-height:1.2}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=compagnon] ul>li{gap:16px;border:0;border-radius:24px;box-shadow:var(--c-g7b-surface)}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=compagnon] ul>li p.font-display{font-size:22px;font-weight:640}[data-dessin=cahier].c-g7b-parcours:is([data-cahier-etape=final],[data-cahier-etape=identifiants]) img[alt="Ton avatar"]{width:64px;height:64px;box-shadow:0 0 0 3px var(--color-surface),0 0 0 5px var(--color-primary);--tw-ring-shadow:0 0 #0000}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=final] p.font-semibold{font-size:20px;font-weight:700}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=final] .border-l-4.border-l-accent{border:0;border-radius:24px;box-shadow:inset 6px 0 0 var(--color-primary),var(--c-g7b-surface);padding:20px 22px 20px 26px}[data-dessin=cahier].c-g7b-bienvenue[data-cahier-etape=final] .border-l-4.border-l-accent{box-shadow:inset 6px 0 0 var(--color-accent),var(--c-g7b-surface)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=final] .border-l-4.border-l-accent>span[aria-hidden]{border-radius:14px;background:var(--c-g7b-stylo-clair)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=final] .border-l-4.border-l-accent p.font-display{font-size:26px;font-weight:640}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=final] section.shadow-sm{border:0;border-radius:24px;box-shadow:inset 0 0 0 2px var(--c-g7b-filet)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=final] section.shadow-sm p.font-display{font-size:24px;font-weight:640}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=final] section.shadow-sm li>span[aria-hidden]{width:28px;height:28px;background:var(--c-g7b-papier-2);box-shadow:inset 0 0 0 1.5px var(--c-g7b-filet);color:var(--color-ink);font-size:14px}[data-dessin=cahier].c-g7b-parcours:is([data-cahier-etape=final],[data-cahier-etape=identifiants]) .bg-halo-accent.p-4{gap:14px;padding:18px 22px;border-radius:20px;background:var(--c-g7b-or-clair)}[data-dessin=cahier].c-g7b-parcours:is([data-cahier-etape=final],[data-cahier-etape=identifiants]) .bg-halo-accent.p-4>span[aria-hidden] .cahier-dessin-muet{width:40px;height:40px;margin:-6px -6px 0 -8px;vertical-align:-.35em}[data-dessin=cahier].c-g7b-parcours:is([data-cahier-etape=final],[data-cahier-etape=identifiants]) .bg-halo-accent.p-4 p.font-semibold{font-size:19px;font-weight:700}[data-dessin=cahier].c-g7b-bienvenue[data-cahier-etape=final] .c-g7b-colonne>:last-child>.bg-halo-primary{padding:18px 22px;border-radius:20px;background:var(--c-g7b-stylo-clair)}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] .c-g7b-colonne>:last-child>div.border.p-5{border:0;border-radius:24px;box-shadow:inset 0 0 0 2px var(--c-g7b-filet);padding:22px 24px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] .c-g7b-colonne>:last-child>div.border-2.border-accent{border:0;border-radius:24px;background:var(--color-surface);box-shadow:inset 0 0 0 3px var(--color-primary),var(--c-g7b-surface);padding:22px 24px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] .c-g7b-colonne>:last-child>div.border-2.border-accent>p.uppercase{color:var(--color-primary)}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] :is([data-testid=code-eleve],[data-testid=mot-de-passe-eleve]){font-size:40px;font-weight:700;letter-spacing:.04em;line-height:1.15;font-variation-settings:"SOFT" 100}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] .border-l-4.border-l-attention{border:0;border-radius:20px;box-shadow:inset 6px 0 0 var(--c-g7b-rouge),var(--c-g7b-surface);padding:16px 22px 16px 24px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] [data-testid=adresse-secours]{gap:14px;border:0;border-radius:24px;box-shadow:inset 0 0 0 2px var(--c-g7b-filet);padding:22px 24px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] [data-testid=adresse-secours] p.font-display{font-size:22px;font-weight:640}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] [data-testid=adresse-secours] input{min-height:56px;border:0;border-radius:14px;box-shadow:inset 0 0 0 2px var(--c-g7b-filet);font-size:18px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] [data-testid=adresse-secours] :is(button.bg-primary,button.bg-transparent.text-primary-strong){min-height:48px;padding:0 22px;border-radius:14px;font-size:18px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=prenom] input[aria-label="Ton prénom"]{min-height:68px;padding:0 22px;border:0;border-radius:20px;box-shadow:inset 0 0 0 2px var(--c-g7b-filet);font-size:26px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=prenom] input[aria-label="Ton prénom"]:focus-visible{box-shadow:inset 0 0 0 3px var(--color-primary);--tw-ring-shadow:0 0 #0000}[data-dessin=cahier].c-g7b-parcours.c-g7b-bienvenue,[data-dessin=cahier].c-g7b-parcours.c-g7b-bienvenue[data-cahier-etape]{--c-g7b-plume:64px}[data-dessin=cahier].c-g7b-bienvenue .c-g7b-colonne{max-width:760px}[data-dessin=cahier].c-g7b-bienvenue .c-g7b-colonne>:last-child{margin-block:0 auto;padding:48px 56px;border-radius:28px;background:var(--color-surface);box-shadow:0 1px 0 rgba(27,42,74,.05),0 24px 48px -28px rgba(27,42,74,.45)}[data-dessin=cahier].c-g7b-bienvenue[data-cahier-etape=welcome] .c-g7b-colonne>:last-child{align-items:stretch;text-align:start}[data-dessin=cahier].c-g7b-bienvenue .c-g7b-colonne>:last-child>p.uppercase:first-child{color:var(--c-g7b-gris)}[data-dessin=cahier].c-g7b-bienvenue [data-cahier-choix][aria-pressed=true]{background:var(--color-ink);color:var(--color-surface);box-shadow:none}[data-dessin=cahier].c-g7b-bienvenue [data-cahier-choix=tuile][aria-pressed=true]>span.absolute{background:var(--color-accent);color:var(--color-ink)}[data-dessin=cahier].c-g7b-bienvenue [data-cahier-choix=ligne][aria-pressed=true]>span.flex-1>span+span{color:hsla(0,0%,100%,.85)}[data-dessin=cahier].c-g7b-bienvenue [data-cahier-choix=ligne][aria-pressed=true]>span[aria-hidden]:last-child{background:var(--color-accent);color:var(--color-ink)}[data-dessin=cahier].c-g7b-bienvenue[data-cahier-etape=diag] .c-g7b-colonne>:last-child{background:transparent;box-shadow:none;border-radius:0}[data-dessin=cahier].c-g7b-bienvenue [data-cahier-choix=puce][aria-pressed=true] .cahier-dessin-muet{color:currentColor}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=matiere] .c-g7b-colonne>:last-child>div.border.p-4{gap:10px;padding:20px 22px;border:0;border-radius:20px;box-shadow:inset 0 0 0 2px var(--c-g7b-filet)}[data-dessin=cahier].c-g7b-bienvenue[data-cahier-etape=matiere] .c-g7b-colonne>:last-child>div.border.p-4{background:var(--c-g7b-papier-2);box-shadow:none}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=matiere] .c-g7b-colonne>:last-child>div.border.p-4>p.font-semibold{font-size:20px;font-weight:700}@media (min-width:768px){[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=classe] .grid.grid-cols-3{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=objectif] .grid.grid-cols-2.gap-3{grid-template-columns:repeat(4,minmax(0,1fr))}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=analyse] .c-g7b-colonne>:last-child>div.flex-col.gap-3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=avatar] [role=listbox]{grid-template-columns:repeat(6,minmax(0,1fr))}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=avatar] .c-g7b-colonne>:last-child>div.flex-col.gap-2:last-child{flex-direction:row;gap:12px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=avatar] .c-g7b-colonne>:last-child>div.flex-col.gap-2:last-child>button{flex:1 1 0}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=compagnon] ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=compagnon] ul>li{flex-direction:column;padding:24px 18px;text-align:center}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=compagnon] ul>li>span[aria-hidden]{width:136px;height:136px;border-radius:24px;background:var(--c-g7b-papier-2);--tw-ring-color:var(--c-g7b-filet)}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=compagnon] ul>li>span[aria-hidden]>img{width:120px!important;height:120px!important}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=compagnon] ul>li>div{align-items:center}}@media (max-width:639px){[data-dessin=cahier].c-g7b-parcours{--c-g7b-plume:120px;padding-top:10px;padding-bottom:20px;font-size:17px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=welcome]{--c-g7b-plume:156px}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne{min-height:calc(100dvh - 30px);gap:16px}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child{flex:1 0 auto;margin-block:0}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child>:is(button,div):last-child{margin-top:auto}[data-dessin=cahier].c-g7b-parcours:is([data-cahier-etape=welcome],[data-cahier-etape=diagintro]) .c-g7b-colonne>:last-child>:first-child{margin-top:auto}[data-dessin=cahier].c-g7b-parcours .c-g7b-rang>button[aria-label="Revenir à l'écran précédent"]{width:48px;height:48px}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child>h1{font-size:30px}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne>:last-child>h1+p.text-sm{font-size:18px}[data-dessin=cahier].c-g7b-parcours:is([data-play=college],[data-play=lycee]):not([data-cahier-age=inconnu]) .c-g7b-colonne>:last-child>h1{font-size:27px}[data-dessin=cahier].c-g7b-parcours:is([data-play=college],[data-play=lycee]):not([data-cahier-age=inconnu]) .c-g7b-colonne>:last-child>h1+p.text-sm{font-size:16px}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne .font-hand{font-size:20px}[data-dessin=cahier].c-g7b-tunnel [data-cahier-plume]{flex-direction:column;gap:10px}[data-dessin=cahier].c-g7b-tunnel .c-g7b-colonne [data-cahier-plume]>p.text-sm{width:100%;font-size:18px;padding:12px 16px;text-align:center}[data-dessin=cahier].c-g7b-tunnel [data-cahier-plume]>p:before{left:50%;top:-9px;margin:0 0 0 -9px;border-left:2px solid var(--color-ink);border-top:2px solid var(--color-ink);border-bottom:0;border-radius:4px 0 0 0}[data-dessin=cahier].c-g7b-tunnel:is([data-cahier-etape=final],[data-cahier-etape=identifiants]) .c-g7b-colonne [data-cahier-plume]>p.text-sm{text-align:start}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=ligne]>span.flex-1>span:first-child{font-size:19px}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=puce]{font-size:17px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=classe] [data-cahier-choix=tuile]{padding:16px 10px 10px;font-size:16px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=ecran] .c-g7b-colonne>:last-child>.ring-1>p.font-display{font-size:42px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child{margin-inline:-16px;padding:24px 20px 28px 58px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child:before{border-radius:0}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>button.bg-primary:last-child{width:calc(100% + 46px);margin:auto -4px 0 -42px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>p.text-lg{font-size:23px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.flex-col.gap-2>button{font-size:19px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.flex-col.gap-2>button.border-correct:before{left:-40px;width:26px;height:26px;margin-top:-13px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=avatar] [role=listbox]{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] :is([data-testid=code-eleve],[data-testid=mot-de-passe-eleve]){font-size:28px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=final] .border-l-4.border-l-accent p.font-display{font-size:22px}[data-dessin=cahier].c-g7b-bienvenue .c-g7b-colonne>:last-child{padding:0;background:transparent;box-shadow:none}}[data-dessin=cahier].c-g7b-parcours:is([data-play=college],[data-play=lycee]):not([data-cahier-age=inconnu]) [data-cahier-choix=ligne]>span.flex-1>span:first-child{font-size:17px}[data-dessin=cahier].c-g7b-parcours:is([data-play=college],[data-play=lycee]):not([data-cahier-age=inconnu]) [data-cahier-choix=ligne]>span.flex-1>span+span{font-size:15px}[data-dessin=cahier].c-g7b-parcours:is([data-play=college],[data-play=lycee]):not([data-cahier-age=inconnu]) [data-cahier-choix=puce]{min-height:44px;border-radius:22px;font-size:15px}[data-dessin=cahier].c-g7b-parcours:is([data-play=college],[data-play=lycee]):not([data-cahier-age=inconnu]) [data-cahier-choix]{border-radius:16px}[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne p.font-display{line-height:1.2}@media (max-width:639px){[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne :is(a,button):is(.bg-primary,.bg-transparent.text-primary-strong){padding-inline:14px;font-size:18px;line-height:1.15}}[data-dessin=cahier].c-g7b-parcours .c-g7b-dessin{vertical-align:-.2em}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=tuile]>span[aria-hidden].text-xl .cahier-dessin-muet{width:36px;height:36px;vertical-align:0}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=ligne]>span.text-xl .cahier-dessin-muet{width:28px;height:28px;vertical-align:0;color:var(--color-ink)}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=puce]>span[aria-hidden]{display:inline-flex}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=puce]>span[aria-hidden] .cahier-dessin-muet{width:22px;height:22px;vertical-align:0}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=ecran] .c-g7b-colonne>:last-child>.ring-1>span[aria-hidden] .cahier-dessin-muet{width:34px;height:34px;vertical-align:0;color:var(--color-primary)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=diag] .c-g7b-colonne>:last-child>div.ring-1>span[aria-hidden] .cahier-dessin-muet{width:28px;height:28px;vertical-align:0;color:var(--c-g7b-juste-texte)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=analyse] article>p.uppercase:first-child{display:flex;align-items:center;gap:10px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=analyse] .c-g7b-surtitre-pic{flex:none;width:36px;height:36px;padding:8px;border-radius:50%;background:var(--c-g7b-stylo-clair);color:var(--color-primary);vertical-align:0}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=final] .border-l-4.border-l-accent>span[aria-hidden] .cahier-dessin-muet{width:26px;height:26px;vertical-align:0;color:var(--color-primary)}[data-dessin=cahier].c-g7b-bienvenue[data-cahier-etape=final] .c-g7b-colonne>:last-child>.bg-halo-primary>span[aria-hidden] .cahier-dessin-muet{width:24px;height:24px;color:var(--color-primary)}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] .border-l-4.border-l-attention>span[aria-hidden] .cahier-dessin-muet{width:24px;height:24px;vertical-align:-.1em;color:var(--c-g7b-rouge-texte)}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] [data-testid=adresse-secours] p.font-display{display:flex;align-items:center;gap:12px}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] .c-g7b-cle{flex:none;width:44px;height:44px;padding:10px;border-radius:50%;background:var(--c-g7b-or-clair);color:var(--color-accent-text)}[data-dessin=cahier].c-g7b-tunnel[data-cahier-etape=identifiants] button.border-ink-soft .c-g7b-dessin{width:20px;height:20px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=avatar] button .c-g7b-dessin{width:22px;height:22px}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=matiere] [data-cahier-choix=tuile][data-subject]>span[aria-hidden].text-xl{background:radial-gradient(circle at 35% 30%,#fff,#fff 55%,#eceef2);box-shadow:inset 0 0 0 2.5px var(--subj),inset -5px -7px 12px rgba(17,28,53,.1),inset 4px 5px 10px hsla(0,0%,100%,.5);color:var(--subj-text)}[data-dessin=cahier].c-g7b-parcours[data-cahier-etape=matiere] [data-cahier-choix=tuile][data-subject]>span[aria-hidden].text-xl .cahier-dessin-muet{color:var(--subj-text)}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=puce][data-subject]>span[aria-hidden]{display:grid;place-items:center;flex:none;width:30px;height:30px;margin-left:-4px;border-radius:50%;background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--subj),inset -3px -4px 7px rgba(17,28,53,.08);font-size:15px}[data-dessin=cahier].c-g7b-parcours [data-cahier-choix=puce][data-subject]>span[aria-hidden] .cahier-dessin-muet{width:17px;height:17px;color:var(--subj-text)}@media (prefers-reduced-motion:reduce){[data-dessin=cahier].c-g7b-parcours .c-g7b-colonne :is(button,a,[role=progressbar]>div){transition:none}}