.demo-stage[data-astro-cid-prwxh6m4]{padding-block:var(--space-4) var(--space-12);background:var(--gradient-nuit);font-family:var(--font-family-base);line-height:var(--font-line-height-texte)}h1[data-astro-cid-prwxh6m4],h2[data-astro-cid-prwxh6m4]{font-family:var(--font-family-titre);font-weight:var(--font-weight-titre);line-height:var(--font-line-height-titre);color:var(--color-blanc-100);text-wrap:balance}p[data-astro-cid-prwxh6m4]{text-wrap:pretty}.demo-grid[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:minmax(0,520px);grid-template-areas:"phone" "guide" "actions";justify-content:center;row-gap:var(--space-6)}.demo-head[data-astro-cid-prwxh6m4]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.demo-title[data-astro-cid-prwxh6m4]{max-width:16ch;font-size:var(--font-size-2xl)}.demo-intro[data-astro-cid-prwxh6m4]{max-width:52ch;margin-top:var(--space-3);color:var(--color-blanc-70)}.demo-intro[data-astro-cid-prwxh6m4] strong[data-astro-cid-prwxh6m4]{color:var(--color-blanc-100);font-weight:var(--font-weight-label)}.phone-col[data-astro-cid-prwxh6m4]{grid-area:phone;display:flex;flex-direction:column;gap:var(--space-4)}.phone-col[data-astro-cid-prwxh6m4] .fullscreen-btn[data-astro-cid-prwxh6m4]{width:100%}.phone-frame[data-astro-cid-prwxh6m4]{height:calc(100svh - var(--header-height) - var(--space-20) - var(--space-6));min-height:480px;overflow:hidden;border:1px solid var(--color-nuit-750);border-radius:var(--radius-lg);background:var(--color-nuit-850)}.phone-screen[data-astro-cid-prwxh6m4]{display:block;width:100%;height:100%;border:0;background:var(--color-nuit-1000)}.demo-actions[data-astro-cid-prwxh6m4]{grid-area:actions;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.demo-actions[data-astro-cid-prwxh6m4] .o-pill[data-astro-cid-prwxh6m4]{width:100%}.insta-link[data-astro-cid-prwxh6m4]{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-blanc-70);font-size:var(--font-size-sm);font-weight:var(--font-weight-label);transition:color var(--motion-duration-rapide) var(--motion-easing-standard)}.insta-link[data-astro-cid-prwxh6m4]:hover{color:var(--color-ambre-300)}.demo-guide[data-astro-cid-prwxh6m4]{grid-area:guide;min-width:0}.quiz-list[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.quiz-item[data-astro-cid-prwxh6m4]{min-width:0;display:flex;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-nuit-750);border-radius:var(--radius-lg);background:var(--color-nuit-850);transition:border-color var(--motion-duration-rapide) var(--motion-easing-standard)}.quiz-badge[data-astro-cid-prwxh6m4]{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border:1px solid var(--color-nuit-600);border-radius:var(--radius-pilule);color:var(--color-blanc-100);font-size:var(--font-size-sm);font-weight:var(--font-weight-label);font-variant-numeric:tabular-nums;transition:border-color var(--motion-duration-rapide) var(--motion-easing-standard),color var(--motion-duration-rapide) var(--motion-easing-standard)}.quiz-body[data-astro-cid-prwxh6m4]{flex:1;min-width:0}.quiz-type[data-astro-cid-prwxh6m4]{color:var(--color-blanc-100);font-weight:var(--font-weight-label);line-height:var(--font-line-height-titre)}.quiz-source[data-astro-cid-prwxh6m4]{margin-top:var(--space-1);overflow:hidden;color:var(--color-blanc-50);font-size:var(--font-size-xs);line-height:var(--font-line-height-titre);white-space:nowrap;text-overflow:ellipsis}.quiz-difficulty[data-astro-cid-prwxh6m4]{display:flex;flex-shrink:0;gap:var(--space-1)}.dot[data-astro-cid-prwxh6m4]{width:var(--space-2);height:var(--space-2);border:1px solid var(--color-nuit-600);border-radius:var(--radius-pilule)}.dot[data-astro-cid-prwxh6m4].filled{border-color:var(--color-blanc-70);background:var(--color-blanc-70)}.quiz-status[data-astro-cid-prwxh6m4]{display:flex;flex-shrink:0;width:var(--icon-size-md)}.quiz-mark[data-astro-cid-prwxh6m4]{display:none}.quiz-item[data-astro-cid-prwxh6m4].current{border-color:var(--color-ambre-500)}.quiz-item[data-astro-cid-prwxh6m4].current .quiz-badge[data-astro-cid-prwxh6m4]{border-color:var(--color-ambre-500);color:var(--color-ambre-500)}.quiz-item[data-astro-cid-prwxh6m4].correct{border-color:var(--color-succes-texte)}.quiz-item[data-astro-cid-prwxh6m4].correct .quiz-badge[data-astro-cid-prwxh6m4]{border-color:var(--color-succes-texte);color:var(--color-succes-texte)}.quiz-item[data-astro-cid-prwxh6m4].correct .quiz-mark--correct[data-astro-cid-prwxh6m4]{display:flex;color:var(--color-succes-texte)}.quiz-item[data-astro-cid-prwxh6m4].wrong{border-color:var(--color-erreur-texte)}.quiz-item[data-astro-cid-prwxh6m4].wrong .quiz-badge[data-astro-cid-prwxh6m4]{border-color:var(--color-erreur-texte);color:var(--color-erreur-texte)}.quiz-item[data-astro-cid-prwxh6m4].wrong .quiz-mark--wrong[data-astro-cid-prwxh6m4]{display:flex;color:var(--color-erreur-texte)}.demo-steps[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:minmax(0,1fr);margin-top:var(--space-4)}.demo-steps[data-astro-cid-prwxh6m4]>li[data-astro-cid-prwxh6m4]{grid-area:1 / 1}.demo-step[data-astro-cid-prwxh6m4]{align-self:start;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-nuit-750);border-radius:var(--radius-lg);background:var(--color-nuit-850)}.step-badge[data-astro-cid-prwxh6m4]{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border:1px solid var(--color-nuit-600);border-radius:var(--radius-pilule);color:var(--color-blanc-70)}.step-title[data-astro-cid-prwxh6m4]{font-size:var(--font-size-lg)}.demo-step[data-astro-cid-prwxh6m4][hidden],.demo-result[data-astro-cid-prwxh6m4][hidden]{display:none}.demo-result[data-astro-cid-prwxh6m4]{padding:var(--space-4) var(--space-6);border:1px solid var(--color-ambre-500);border-radius:var(--radius-lg);background:var(--color-nuit-850);box-shadow:var(--glow-ambre)}.demo-result[data-astro-cid-prwxh6m4]:not([hidden]){animation:result-in var(--motion-duration-base) var(--motion-easing-standard) both}@keyframes result-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}.result-status[data-astro-cid-prwxh6m4]{color:var(--color-blanc-70);font-size:var(--font-size-sm);font-weight:var(--font-weight-label);line-height:var(--font-line-height-titre)}.result-score[data-astro-cid-prwxh6m4]{margin-top:var(--space-2);color:var(--color-ambre-500);font-size:var(--font-size-2xl);font-weight:var(--font-weight-titre);line-height:var(--font-line-height-titre);font-variant-numeric:tabular-nums}.result-text[data-astro-cid-prwxh6m4]{min-height:calc(var(--font-size-base) * var(--font-line-height-texte) * 2);margin-top:var(--space-2);color:var(--color-blanc-70)}@media(min-width:480px){.phone-col[data-astro-cid-prwxh6m4]{justify-self:center;width:fit-content}.phone-frame[data-astro-cid-prwxh6m4]{align-self:center;height:clamp(560px,calc(100dvh - var(--header-height) - var(--space-12)),844px);min-height:0;aspect-ratio:390 / 844;padding:var(--space-2);border-radius:var(--radius-xl-token);box-shadow:var(--glow-ambre-fort)}.phone-screen[data-astro-cid-prwxh6m4]{border-radius:var(--radius-lg)}}@media(min-width:768px){.demo-stage[data-astro-cid-prwxh6m4]{padding-block:var(--space-8) var(--space-20)}.demo-grid[data-astro-cid-prwxh6m4]{grid-template-areas:"head" "phone" "guide" "actions";row-gap:var(--space-8)}.demo-head[data-astro-cid-prwxh6m4]{grid-area:head;position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.demo-title[data-astro-cid-prwxh6m4]{font-size:var(--font-size-3xl)}.demo-intro[data-astro-cid-prwxh6m4]{font-size:var(--font-size-lg)}}@media(min-width:1024px){.demo-stage[data-astro-cid-prwxh6m4]{padding-block:var(--space-6) var(--space-12)}.demo-grid[data-astro-cid-prwxh6m4]{grid-template-columns:auto minmax(0,440px);grid-template-areas:"phone head" "phone guide" "phone actions";grid-template-rows:1fr auto 1fr;align-content:center;column-gap:var(--space-20);row-gap:var(--space-6)}.demo-head[data-astro-cid-prwxh6m4]{align-self:end}.phone-col[data-astro-cid-prwxh6m4]{align-self:start}.phone-col[data-astro-cid-prwxh6m4] .fullscreen-btn[data-astro-cid-prwxh6m4]{display:none}.quiz-list[data-astro-cid-prwxh6m4]{gap:var(--space-1)}.quiz-item[data-astro-cid-prwxh6m4]{min-height:0;padding:var(--space-2) var(--space-3)}.quiz-badge[data-astro-cid-prwxh6m4]{width:var(--icon-size-lg);height:var(--icon-size-lg);font-size:var(--font-size-xs)}.quiz-type[data-astro-cid-prwxh6m4]{font-size:var(--font-size-sm)}.quiz-source[data-astro-cid-prwxh6m4]{display:none}.quiz-item[data-astro-cid-prwxh6m4].current .quiz-source[data-astro-cid-prwxh6m4]{display:block}.demo-guide[data-astro-cid-prwxh6m4],.demo-actions[data-astro-cid-prwxh6m4]{align-self:start}}@media(prefers-reduced-motion:reduce){.insta-link[data-astro-cid-prwxh6m4],.quiz-item[data-astro-cid-prwxh6m4],.quiz-badge[data-astro-cid-prwxh6m4]{transition:none}.demo-result[data-astro-cid-prwxh6m4]:not([hidden]){animation:none}}