@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:optional;src:url(../media/nunito-latin-ext.0g2x4jcx_e7pz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:optional;src:url(../media/nunito-latin.29pidqftu435n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:italic;font-weight:400 700;font-display:optional;src:url(../media/nunito-italic-latin-ext.19c5fcu0u1_l8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:italic;font-weight:400 700;font-display:optional;src:url(../media/nunito-italic-latin.43ritpld78jne.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--green-900:#073b2f;--green-800:#0a4a3b;--green-700:#0e5c4a;--green-600:#177059;--green-500:#238768;--green-400:#3fa37f;--green-200:#bfe0d2;--green-100:#dfefe7;--green-050:#eef7f2;--orange-700:#b45812;--orange-600:#d96f1e;--orange-500:#ed8330;--orange-200:#f8d3b0;--orange-100:#fce9d6;--orange-050:#fdf3e8;--cream-000:#fff;--cream-050:#fbf9f4;--cream-100:#f7f3ec;--cream-200:#efe8db;--cream-300:#e3d9c7;--ink-900:#1c2a26;--ink-700:#3c4b46;--ink-500:#5f6f69;--ink-300:#94a29c;--blue-600:#2563ae;--blue-100:#dbeafb;--red-600:#c24030;--red-100:#faddd8;--yellow-500:#e8b421;--yellow-100:#fbf0cc;--brand:var(--green-700);--brand-strong:var(--green-800);--brand-soft:var(--green-100);--accent:var(--orange-600);--accent-strong:var(--orange-700);--accent-soft:var(--orange-100);--bg-app:var(--cream-100);--surface-card:var(--cream-000);--surface-raised:var(--cream-050);--surface-inverse:var(--green-700);--text-body:var(--ink-900);--text-muted:var(--ink-500);--text-on-brand:var(--cream-100);--text-on-accent:#fff;--text-brand:var(--green-700);--text-accent:var(--orange-700);--border-subtle:#1c2a261a;--border-strong:#1c2a2633;--success:var(--green-500);--info:var(--blue-600);--warning:var(--yellow-500);--danger:var(--red-600);--focus-ring:0 0 0 3px #d96f1e73}
:root{--font-sans:"Nunito","Arial Rounded MT Bold","Segoe UI",system-ui,sans-serif;--font-display:var(--font-sans);--font-mono:ui-monospace,"SF Mono",Menlo,monospace;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--weight-body:600;--weight-semibold:700;--weight-bold:800;--weight-black:900;--leading-tight:1.15;--leading-snug:1.3;--leading-body:1.55;--type-display:900 var(--text-4xl)/var(--leading-tight) var(--font-display);--type-h1:800 var(--text-3xl)/var(--leading-tight) var(--font-display);--type-h2:800 var(--text-2xl)/var(--leading-snug) var(--font-display);--type-h3:800 var(--text-xl)/var(--leading-snug) var(--font-display);--type-body:600 var(--text-md)/var(--leading-body) var(--font-sans);--type-body-sm:600 var(--text-sm)/var(--leading-body) var(--font-sans);--type-label:800 var(--text-sm)/1.2 var(--font-sans);--type-caption:700 var(--text-xs)/1.35 var(--font-sans)}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-pill:999px;--hit-min:48px;--hit-comfy:52px;--container-app:430px}
:root{--shadow-card:0 1px 2px #1c2a260d,0 6px 18px #1c2a2612;--shadow-raised:0 2px 4px #1c2a260f,0 12px 32px #1c2a261f;--shadow-overlay:0 8px 24px #1c2a2624,0 24px 64px #1c2a262e;--glow-brand:0 0 0 1px #0e5c4a1f,0 4px 24px #0e5c4a47;--glow-accent:0 0 0 1px #d96f1e26,0 4px 24px #d96f1e59;--glow-halo:0 0 48px #d96f1e40;--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.15s;--dur-med:.28s;--dur-slow:.45s;--bg-glow:radial-gradient(120% 80% at 50% -10%,#3fa37f24,transparent 60%),radial-gradient(90% 60% at 90% 100%,#ed83301a,transparent 55%)}
body{font:var(--type-body);color:var(--text-body);background:var(--bg-app);margin:0}a{color:var(--text-brand);text-underline-offset:3px;font-weight:800;text-decoration-color:#0e5c4a59}a:hover{color:var(--accent-strong);text-decoration-color:currentColor}::selection{background:var(--orange-200)}:focus-visible{box-shadow:var(--focus-ring);outline:none}

.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{border-bottom:1px solid var(--border-subtle);background:var(--surface-card)}.app-header .row{width:min(760px, 100% - 2 * var(--space-4));padding-block:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin-inline:auto;display:flex}.app-header .mark{font:var(--type-h3);color:var(--text-brand);text-decoration:none}.app-main{width:min(760px, 100% - 2 * var(--space-4));padding-block:var(--space-6);flex:1;margin-inline:auto}.demo-banner{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font:var(--type-body-sm);margin-bottom:var(--space-5)}.stack{gap:var(--space-4);display:grid}.stack-lg{gap:var(--space-6);display:grid}.tile{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.tile h2{font:var(--type-h3);color:var(--text-brand);margin:0 0 var(--space-3)}.tile p{font:var(--type-body-sm);margin:0}.profile-button{text-align:start;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;padding:var(--space-5);cursor:pointer;min-height:var(--hit-comfy);font:var(--type-body-sm);color:var(--text-body);display:block}.profile-button:hover:enabled{border-color:var(--brand)}.profile-button:disabled{opacity:.6;cursor:not-allowed}.profile-button strong{font:var(--type-h3);color:var(--text-brand);margin-bottom:var(--space-2);display:block}.before-after{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid}.before-after .side{border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-subtle)}.before-after .side.before{background:var(--surface-raised)}.before-after .side.after{background:var(--brand);color:var(--text-on-brand);border-color:var(--brand)}.before-after .side .label{font:var(--type-label);opacity:.85}.before-after .side .value{font:var(--type-display);margin:var(--space-2) 0;line-height:1;display:block}.competences{gap:var(--space-2);display:grid}.competence{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-subtle);font:var(--type-body-sm);display:flex}.dot{border-radius:var(--radius-pill);flex:none;width:12px;height:12px}.dot-maitrise{background:var(--success)}.dot-en_cours{background:var(--warning)}.dot-a_reviser{background:var(--info)}.dot-a_decouvrir{background:var(--border-strong)}.exercise{background:var(--surface-raised);border:1px solid var(--border-subtle);border-inline-start:4px solid var(--accent-strong);border-radius:var(--radius-md);padding:var(--space-4);font:var(--type-body);margin-bottom:var(--space-5)}.thread{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.turn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font:var(--type-body-sm);white-space:pre-wrap;max-width:88%}.turn-child{background:var(--brand);color:var(--text-on-brand);border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.turn-tutor{background:var(--surface-card);border:1px solid var(--border-subtle);border-bottom-left-radius:var(--radius-sm);white-space:normal;align-self:flex-start}.turn-tutor>:last-child{margin-bottom:0}.turn-tutor code{font:var(--type-body-sm);font-family:var(--font-mono);background:var(--surface-raised);border-radius:var(--radius-sm);padding:0 4px}.composer{gap:var(--space-3);align-items:flex-end;display:flex}.composer textarea{font:var(--type-body-sm);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);min-height:var(--hit-comfy);resize:vertical;flex:1}.help-scale{gap:var(--space-2);font:var(--type-caption);color:var(--text-muted);margin-bottom:var(--space-4);align-items:center;display:flex}.rung{border-radius:var(--radius-pill);background:var(--border-subtle);width:22px;height:6px}.rung-on{background:var(--accent-strong)}.action{min-height:var(--hit-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--brand);color:var(--text-on-brand);font:var(--type-label);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.action:hover:enabled{background:var(--brand-strong);color:var(--text-on-brand)}.action:disabled{opacity:.6;cursor:progress}.action-secondary{color:var(--text-brand);border-color:var(--border-strong);background:0 0}.error{color:var(--danger);font:var(--type-body-sm)}.muted{color:var(--text-muted);font:var(--type-body-sm)}.field{gap:var(--space-2);font:var(--type-label);display:grid}.field input,.field select,.field textarea{font:var(--type-body);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);min-height:var(--hit-min);width:100%}.banner{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-5);background:var(--surface-inverse);color:var(--text-on-brand);font:var(--type-body-sm);flex-wrap:wrap;display:flex}.banner .action-secondary{color:var(--text-on-brand);border-color:var(--text-on-brand)}.banner-install{background:var(--accent-soft);color:var(--text-body);border-bottom:1px solid var(--accent)}.banner-install .action-secondary{color:var(--text-brand);border-color:var(--border-strong)}.heatmap{border-collapse:separate;border-spacing:3px;font:var(--type-body-sm)}.heatmap th{font:var(--type-label);text-align:start;padding:var(--space-2);white-space:nowrap}.heatmap thead th{writing-mode:vertical-rl;max-height:120px;transform:rotate(180deg)}.heat{border-radius:var(--radius-sm);background:var(--border-subtle);width:26px;height:26px}.heat-acquis{background:var(--success)}.heat-en_cours{background:var(--warning)}.heat-fragile{background:var(--danger)}.heat-a_decouvrir{background:var(--border-subtle)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}