@import "https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap";:root{--color-primary:#2e3192;--color-secondary:#0000fe;--color-text:#1a1a1a;--color-text-muted:#4a4f5a;--color-text-subtle:#6b6f7a;--color-bg:#f8f9fb;--color-bg-alt:#f4f6f8;--color-border:#e4e7ec;--color-badge-bg:#eef0ff;--color-success:#0a7a3f;--color-warning:#f5a623;--color-error:#e53206;--color-bordeaux:#7a1f2b;--font-heading:"Heebo", sans-serif;--font-body:"Roboto", sans-serif;--radius-card:14px;--radius-button:9px;--container-max:1200px;--shadow-card:0 2px 4px #00000014, 0 4px 12px #00000014}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0 0 .5em;font-weight:700}a{color:var(--color-primary)}#app{flex-direction:column;min-height:100vh;display:flex}.container{max-width:var(--container-max);width:100%;margin:0 auto;padding:0 24px}.container-wide{width:100%;padding:0 24px}.exercice-layout{grid-template-columns:minmax(360px,42%) 1fr;align-items:start;gap:24px;display:grid}.exercice-col-left,.exercice-col-right{min-width:0}@media (width<=960px){.exercice-layout{grid-template-columns:1fr}}.card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;padding:24px}summary.section-summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}summary.section-summary::-webkit-details-marker{display:none}.section-summary-title{align-items:center;gap:8px;display:flex}.chevron{color:var(--color-text-subtle);font-size:11px;transition:transform .15s;display:inline-block}details[open]>summary.section-summary .chevron{transform:rotate(90deg)}.btn{border-radius:var(--radius-button);font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;justify-content:center;align-items:center;padding:13px 24px;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-secondary)}.btn:disabled{opacity:.6;cursor:not-allowed}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-button);width:100%;font-family:var(--font-body);padding:12px 14px;font-size:15px}.alert{border-radius:var(--radius-button);margin:16px 0;padding:12px 16px;font-size:14px}.alert-error{color:var(--color-error);background:#fdecea}.alert-success{color:var(--color-success);background:#e9f7ef}.alert-warning{color:var(--color-warning);background:#fef3e2}.code-block{border:1px solid var(--color-border);border-radius:var(--radius-button);background:0 0;padding:12px 14px;font-size:13px;overflow-x:auto}.code-block code{background:0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.hljs-keyword,.hljs-built_in,.hljs-literal{color:var(--color-primary);font-weight:600}.hljs-string,.hljs-attr{color:var(--color-success)}.hljs-comment{color:var(--color-text-subtle);font-style:italic}.hljs-number{color:#b5563b}.hljs-title,.hljs-title.function_,.hljs-title.class_{color:var(--color-secondary)}.hljs-params{color:var(--color-text)}dialog::backdrop{background:#00000080}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.spinner-light{border-color:#fff #fff6 #fff6}@keyframes spin{to{transform:rotate(360deg)}}