:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:oklch(83.3% .171 82);--brand-strong:oklch(58% .135 68);--brand-soft:oklch(95% .05 88);--on-brand:oklch(25% .03 75);--bg:oklch(99% .006 75);--surface:oklch(100% 0 0);--surface-2:oklch(97.5% .008 72);--border:oklch(90% .01 70);--border-strong:oklch(82% .012 68);--fg:oklch(24% .01 60);--fg-muted:oklch(52% .012 62);--fg-faint:oklch(66% .01 64);--ready:oklch(55% .13 150);--ready-soft:oklch(95% .04 150);--attention:oklch(62% .13 78);--attention-soft:oklch(95% .055 88);--danger:oklch(55% .2 27);--danger-soft:oklch(95% .045 27);--info:oklch(55% .12 233);--info-soft:oklch(95% .035 233);--cat-1:oklch(52% .19 320);--cat-2:oklch(60% .16 148);--cat-3:oklch(58% .21 27);--cat-6:oklch(60% .17 12);--cat-11:oklch(52% .14 268);--cat-12:oklch(52% .05 58);--cat-13:oklch(68% .14 80);--cat-14:oklch(62% .13 233);--cat-20:oklch(60% .012 65);--cat-22:oklch(44% .055 52);--cat-fallback:var(--fg-muted);--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "SFMono-Regular", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.07rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--shadow-1:0 1px 2px oklch(50% .03 65/.08), 0 2px 8px oklch(50% .03 65/.06);--shadow-2:0 4px 12px oklch(45% .03 65/.12), 0 12px 32px oklch(45% .03 65/.1);--tap:48px;--tap-mic:96px;--ease:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur:.22s;--chrome-hidden:0;--chrome-ease:0s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font);font-size:var(--text-base);color:var(--fg);background:var(--bg);min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3{letter-spacing:-.01em;font-weight:700;line-height:1.15}button{font:inherit;color:inherit;cursor:pointer;appearance:none;background:0 0;border:none}button:disabled{cursor:not-allowed}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}svg{display:block}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-5);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);background:var(--surface-2);color:var(--fg);border:1px solid var(--border);transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5}.btn-primary{background:var(--brand);color:var(--on-brand);border-color:#0000}.btn-primary:not(:disabled):hover{background:var(--brand-strong)}.btn-ghost{color:var(--fg-muted);background:0 0;border-color:#0000}.btn-ghost:not(:disabled):hover{background:var(--surface-2);color:var(--fg)}.btn-block{width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ecran{width:100%;max-width:540px;padding:var(--space-4);flex-direction:column;flex:1;min-height:100dvh;margin:0 auto;display:flex}.ecran--centre{justify-content:center;align-items:center;gap:var(--space-5);text-align:center}.ecran--accueil,.ecran--dictee{padding-bottom:var(--space-7)}.ecran__centre{justify-content:center;align-items:center;gap:var(--space-5);text-align:center;padding-bottom:var(--space-6);flex-direction:column;flex:1;display:flex}.barre{top:env(safe-area-inset-top,0px);z-index:10;padding:var(--space-2) var(--space-1) var(--space-5);background:linear-gradient(to bottom, var(--bg) calc(100% - 12px), transparent);transform:translateY(calc(var(--chrome-hidden,0) * (-100% - env(safe-area-inset-top,0px))));transition:transform var(--chrome-ease,0s) var(--ease);will-change:transform;justify-content:space-between;align-items:center;display:flex;position:sticky}.barre--compacte{width:100%;max-width:540px;padding:var(--space-4) var(--space-4) var(--space-2);margin:0 auto}.barre__gauche{align-items:center;gap:var(--space-2);min-width:0;display:flex}.barre__logo{text-align:left;border-radius:var(--radius-sm);align-items:center;display:inline-flex}.barre__retour{width:44px;height:44px;margin-left:calc(-1 * var(--space-2));border-radius:var(--radius-pill);color:var(--fg-muted);transition:background var(--dur-fast) var(--ease);flex:none;place-items:center;display:grid}.barre__retour:active{background:var(--surface-2)}.marque{align-items:center;gap:var(--space-3);display:inline-flex}.marque__logo{filter:drop-shadow(var(--shadow-1));place-items:center;display:grid}.marque__logo svg{border-radius:8px}.marque__texte{flex-direction:column;line-height:1.1;display:flex}.marque__nom{font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em}.marque__sous{font-size:var(--text-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.barre__identite{text-align:right;line-height:1.2;font-size:var(--text-xs);color:var(--fg-muted);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:2px;font-weight:600;display:flex}.barre__identite--btn{min-height:44px;padding:var(--space-1) var(--space-2);margin-right:calc(-1 * var(--space-2));border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease)}.barre__identite--btn:active{background:var(--surface-2)}.barre__identite-campagne{align-items:center;gap:3px;display:inline-flex}.barre__identite-campagne svg{color:var(--fg-faint)}.capture__centre{justify-content:center;align-items:center;gap:var(--space-5);flex-direction:column;flex:1;display:flex}.capture__erreur{color:var(--danger);font-weight:600;font-size:var(--text-sm);text-align:center;max-width:30ch}.mic-zone{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.mic-btn{width:var(--tap-mic);height:var(--tap-mic);border-radius:var(--radius-pill);background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-2);transition:transform var(--dur) var(--ease), background var(--dur) var(--ease);place-items:center;display:grid;position:relative}.mic-btn:not(:disabled):active{transform:scale(.95)}.mic-btn:disabled{opacity:.5}.mic-btn__glyph{place-items:center;display:grid}.mic-btn.is-recording{background:var(--danger)}.mic-btn.is-recording:before{content:"";border-radius:var(--radius-pill);border:3px solid var(--danger);opacity:.6;animation:pulse 1.6s var(--ease) infinite;position:absolute;inset:-10px}@keyframes pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.35)}to{opacity:0}}.mic-hint{align-items:center;gap:var(--space-1);flex-direction:column;min-height:3.2em;display:flex}.mic-hint__main{font-size:var(--text-lg);font-weight:600}.mic-hint__sub{font-size:var(--text-sm);color:var(--fg-muted);font-style:italic}.exemple{align-items:center;gap:var(--space-2);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:var(--radius-md);flex-direction:column;display:flex}.exemple__viewport{place-items:center;max-width:34ch;min-height:4.5em;display:grid;position:relative;overflow:hidden}.exemple__phrase{font-size:var(--text-base);color:var(--fg);text-align:center;text-wrap:balance;grid-area:1/1;max-width:34ch;line-height:1.45}.exemple__phrase--entrante{animation:exemple-entre var(--dur) var(--ease)}.exemple__phrase--sortante{animation:exemple-sort var(--dur) var(--ease) forwards}@keyframes exemple-entre{0%{opacity:0;transform:translate(32px)}}@keyframes exemple-sort{to{opacity:0;transform:translate(-32px)}}@media (prefers-reduced-motion:reduce){.exemple__phrase--entrante{animation:none}.exemple__phrase--sortante{display:none}}.exemple__sub{font-size:var(--text-sm);color:var(--fg-muted);align-items:center;gap:2px;font-weight:600;display:inline-flex}.accueil__centre{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.accueil__action{align-items:center;gap:var(--space-4);width:100%;max-width:360px;min-height:72px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-1);font-size:var(--text-base);text-align:left;transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);font-weight:600;display:flex}.accueil__action:not(:disabled):hover{border-color:var(--brand)}.accueil__action:not(:disabled):active{transform:scale(.98)}.accueil__icone{border-radius:var(--radius-pill);background:var(--brand-soft);width:48px;height:48px;color:var(--brand-strong);flex:none;place-items:center;display:grid}.accueil__demo{min-height:var(--tap);padding:0 var(--space-4);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--fg-muted);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);transition:color var(--dur-fast) var(--ease);background:0 0;border:none}.accueil__demo:not(:disabled):hover{color:var(--fg);text-decoration-color:currentColor}.capture__tout-dicter{min-height:var(--tap);padding:0 var(--space-4);font-size:var(--text-sm);color:var(--brand-strong);border-radius:var(--radius-pill);align-items:center;gap:2px;font-weight:600;display:inline-flex}.sheet--exemples .exemples-liste{gap:var(--space-5);max-height:62vh;padding:var(--space-2) var(--space-1);flex-direction:column;list-style:none;display:flex;overflow-y:auto}.exemples-bloc{gap:var(--space-2);flex-direction:column;display:flex}.exemples-bloc__type{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);font-weight:700}.exemples-bloc__phrase{background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--fg);line-height:1.45}.exemples-bloc__legende{font-size:var(--text-sm);color:var(--fg-muted)}.exemples-roadmap{font-size:var(--text-sm);color:var(--fg-faint);text-align:center}.mic-timer{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;color:var(--fg);font-weight:700}.banner{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);display:flex}.banner--ready{background:var(--ready-soft);color:var(--ready)}.banner--attention{background:var(--attention-soft);color:var(--attention)}.banner svg{flex:none}.ecran--resume{gap:0;padding-top:0;padding-bottom:0}.resume__corps{gap:var(--space-4);padding-bottom:var(--space-5);flex-direction:column;flex:1;display:flex}.cartes{gap:var(--space-4);flex-direction:column;display:flex}.resume__pied{gap:var(--space-2);padding:var(--space-4) 0 calc(var(--space-4) + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 68%, transparent);transform:translateY(calc(var(--chrome-hidden,0) * (100% + env(safe-area-inset-bottom,0px))));transition:transform var(--chrome-ease,0s) var(--ease);will-change:transform;flex-direction:column;display:flex;position:sticky;bottom:0}.carte{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.carte--todo{border-color:color-mix(in oklch, var(--attention) 45%, var(--border))}.carte__tete{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.carte__titre{align-items:center;gap:var(--space-2);min-width:0;display:flex}.carte__titre h2{font-size:var(--text-lg);font-weight:700}.pastille{font-size:var(--text-xs);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.03em;flex:none;padding:4px 10px;font-weight:700}.pastille--ready{background:var(--ready-soft);color:var(--ready)}.pastille--todo{background:var(--attention-soft);color:var(--attention)}.carte__meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.meta-chip{font-size:var(--text-sm);color:var(--fg-muted);background:var(--surface-2);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.meta-chip svg{color:var(--fg-faint)}.carte__section{gap:var(--space-2);flex-direction:column;display:flex}.carte__section-titre{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);font-weight:700}.carte__section-total{color:var(--fg-faint);font-variant-numeric:tabular-nums}.badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.badge{max-width:100%;min-height:44px;padding:6px var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);text-align:left;transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);align-items:baseline;gap:6px;display:inline-flex}.badge:not(:disabled):hover{border-color:var(--border-strong)}.badge:not(:disabled):active{transform:scale(.97)}.badge__label{min-width:0;font-weight:600}.badge__sep{color:var(--fg-faint);flex:none}.badge__val{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.badge__val--todo{color:var(--attention)}.badge--todo{background:var(--attention-soft);border-color:color-mix(in oklch, var(--attention) 30%, transparent)}.badge--todo .badge__label{color:var(--attention);font-style:italic}.badge--fixe{background:0 0;border-color:#0000;min-height:32px;padding-inline:0}.badge--fixe .badge__label{color:var(--fg-muted)}.badge-ajout{border-radius:var(--radius-pill);border:1px dashed var(--border-strong);width:44px;height:44px;color:var(--brand-strong);transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);flex:none;place-items:center;display:grid}.badge-ajout:not(:disabled):hover{border-color:var(--brand);background:var(--brand-soft)}.badge-ajout:not(:disabled):active{transform:scale(.94)}.pastille-cat{border-radius:var(--radius-pill);flex:none;width:10px;height:10px}.carte__obs{font-size:var(--text-sm);color:var(--fg-muted);background:var(--surface-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.carte__vide{color:var(--fg-muted);font-size:var(--text-sm)}.carte__jetons{gap:var(--space-2);padding-top:var(--space-1);flex-wrap:wrap;display:flex}.token{border-radius:var(--radius-pill);max-width:100%;min-height:40px;font-size:var(--text-sm);transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.token:active{transform:scale(.96)}.token--todo{background:var(--attention-soft);color:var(--attention);border-color:color-mix(in oklch, var(--attention) 30%, transparent)}.token--todo:hover{background:color-mix(in oklch, var(--attention-soft) 80%, var(--attention))}.token__label{min-width:0}.token__q{font-weight:800}.sheet-backdrop{z-index:50;animation:fade var(--dur) var(--ease);padding-bottom:var(--kb,0px);transition:padding-bottom var(--dur) var(--ease);background:oklch(20% .02 65/.42);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:540px;max-height:calc(100dvh - var(--kb,0px) - var(--space-4));background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-2);padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));gap:var(--space-3);animation:monte var(--dur) var(--ease);flex-direction:column;display:flex;overflow-y:auto}.sheet__grip{border-radius:var(--radius-pill);background:var(--border-strong);width:40px;height:4px;margin:0 auto var(--space-1)}.sheet__title{font-size:var(--text-lg);text-align:center;font-weight:700}.sheet__options{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.option{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);text-align:left;transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);display:flex}.option:not(:disabled):hover{border-color:var(--brand)}.option:not(:disabled):active{transform:scale(.99)}.option:disabled{opacity:.6}.option__body{flex-direction:column;gap:2px;min-width:0;display:flex}.option__label{font-weight:600}.option__detail{font-size:var(--text-sm);color:var(--fg-muted)}.option svg{color:var(--fg-faint);flex:none}.sheet__note{color:var(--fg-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-2) 0}.sheet__statut{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-muted);text-align:center;font-weight:600;display:flex}.sheet__statut--refus{color:var(--attention);background:var(--attention-soft);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.sheet__statut .spinner--sm{border-width:3px;width:18px;height:18px}.sheet__close{margin-top:var(--space-1)}.confirm__message{color:var(--fg-muted);text-align:center;max-width:36ch;margin:0 auto var(--space-2);line-height:1.5}.confirm__abandon{color:var(--danger)}.traitement{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.spinner{border-radius:var(--radius-pill);border:4px solid var(--surface-2);border-top-color:var(--brand);width:48px;height:48px;animation:.8s linear infinite tourne}.traitement__etape{font-size:var(--text-lg);font-weight:600}.traitement__pas{gap:var(--space-4);color:var(--fg-faint);font-size:var(--text-sm);font-weight:600;list-style:none;display:flex}.traitement__pas .actif{color:var(--brand)}.traitement__pas .fait{color:var(--ready)}.ecran--pages{padding-bottom:0}.pages__entete{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:0 var(--space-1) var(--space-4);display:flex}.pages__titre{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:700}.pages__compte{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.pages__grille{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));list-style:none;display:grid}.pages__vignette{aspect-ratio:3/4;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow-1);position:relative;overflow:hidden}.pages__loupe{width:100%;height:100%;padding:0;display:block}.pages__vignette img{object-fit:cover;width:100%;height:100%;display:block}.pages__loupe-marque{bottom:var(--space-2);right:var(--space-2);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);width:26px;height:26px;color:var(--fg-muted);box-shadow:var(--shadow-1);transition:color var(--dur-fast) var(--ease);place-items:center;display:grid;position:absolute}.pages__loupe:hover .pages__loupe-marque{color:var(--brand-strong)}.pages__numero{top:var(--space-2);left:var(--space-2);border-radius:var(--radius-sm);background:var(--brand);min-width:24px;height:24px;color:var(--on-brand);font-size:var(--text-xs);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-1);place-items:center;padding:0 6px;font-weight:700;display:grid;position:absolute}.pages__retirer{z-index:1;top:var(--space-2);right:var(--space-2);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);width:32px;height:32px;color:var(--fg-muted);box-shadow:var(--shadow-1);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);place-items:center;display:grid;position:absolute}.pages__retirer:after{content:"";position:absolute;inset:-6px}.pages__retirer:hover{color:var(--danger);border-color:var(--danger)}.pages__ajout{aspect-ratio:3/4;justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-md);border:2px dashed var(--border-strong);background:var(--surface);color:var(--brand-strong);font-size:var(--text-xs);text-align:center;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);flex-direction:column;font-weight:600;line-height:1.25;display:flex}.pages__ajout:not(:disabled):hover{border-color:var(--brand);background:var(--brand-soft)}.pages__ajout:disabled{opacity:.6}.pages__ajout--seul{aspect-ratio:auto;gap:var(--space-3);min-height:160px;font-size:var(--text-base)}.pages__vide{gap:var(--space-4);padding-top:var(--space-3);flex-direction:column;display:flex}.pages__aide{color:var(--fg-muted);font-size:var(--text-sm);max-width:44ch;line-height:1.6}.pages__aide--plein{margin-bottom:var(--space-4)}.pages__avertissement{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--attention-soft);border:1px solid var(--attention);color:var(--fg);font-size:var(--text-sm);line-height:1.5}.pages__pied{gap:var(--space-2);padding:var(--space-4) 0 max(var(--space-4), env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border);flex-direction:column;margin-top:auto;display:flex;position:sticky;bottom:0}.pages__duree{text-align:center;font-size:var(--text-xs);color:var(--fg-muted)}.photo-plein{z-index:60;animation:fade var(--dur) var(--ease);background:oklch(17% .012 65);position:fixed;inset:0}.photo-plein__box{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;height:100%;display:flex;position:relative;overflow:auto}.photo-plein__img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%;margin:auto;display:block}.photo-plein__box--zoom .photo-plein__img{max-width:none;height:auto;max-height:none}.photo-plein__fermer{top:calc(env(safe-area-inset-top) + var(--space-3));right:calc(env(safe-area-inset-right) + var(--space-3));width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:oklch(24% .01 60);box-shadow:var(--shadow-2);background:oklch(99% .006 75/.92);place-items:center;display:grid;position:absolute}.photo-plein__legende{left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--space-4));padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:oklch(93% .006 75);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;background:oklch(17% .012 65/.72);font-weight:600;position:absolute;transform:translate(-50%)}.demo__aide{padding:0 var(--space-1);margin-bottom:var(--space-5);font-size:var(--text-sm);color:var(--fg-muted);max-width:60ch;line-height:1.5}.demo__chargement{align-items:center;gap:var(--space-3);padding:var(--space-6) 0;flex-direction:column;display:flex}.demo__groupe{margin-bottom:var(--space-5)}.demo__groupe-titre{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);padding:0 var(--space-1);font-weight:700}.demo__groupe-contexte{font-size:var(--text-sm);color:var(--fg-faint);padding:0 var(--space-1);margin:var(--space-1) 0 var(--space-3)}.demo__liste{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.demo__scenario{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);text-align:left;transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);display:flex}.demo__scenario:not(:disabled):hover{border-color:var(--brand)}.demo__scenario:not(:disabled):active{transform:scale(.99)}.demo__scenario:disabled{opacity:.6}.demo__scenario-label{min-width:0;font-weight:600}.demo__scenario-meta{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums;flex:none}.lecture{align-items:center;gap:var(--space-4);flex-direction:column;width:100%;max-width:36ch;display:flex}.lecture__titre{font-size:var(--text-xl);font-weight:700}.lecture__lot{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums;margin-top:calc(-1 * var(--space-2));font-weight:600}.lecture__barre{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);width:100%;height:10px;overflow:hidden}.lecture__jauge{background:var(--brand);transform-origin:0;width:100%;height:100%;transition:transform .3s linear;display:block}.lecture__etape{min-height:3rem;font-size:var(--text-base);color:var(--fg-muted);line-height:1.5}.lecture__veille{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--attention-soft);border:1px solid var(--attention);color:var(--fg);font-size:var(--text-sm);font-weight:600;line-height:1.4}.reouverture{align-items:center;gap:var(--space-4);flex-direction:column;max-width:34ch;display:flex}.reouverture h1{font-size:var(--text-xl)}.reouverture p{color:var(--fg-muted);line-height:1.6}.reouverture__icone{border-radius:var(--radius-pill);background:var(--attention-soft);width:64px;height:64px;color:var(--attention);place-items:center;display:grid}.reouverture__icone--danger{background:var(--danger-soft);color:var(--danger)}.reouverture .btn{margin-top:var(--space-2)}.bilan{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;max-width:34ch;display:flex}.bilan__icone{border-radius:var(--radius-pill);place-items:center;width:72px;height:72px;display:grid}.bilan--ok .bilan__icone{background:var(--ready-soft);color:var(--ready)}.bilan--partiel .bilan__icone{background:var(--attention-soft);color:var(--attention)}.bilan h1{font-size:var(--text-xl)}.bilan__liste{gap:var(--space-1);width:100%;margin-top:var(--space-2);flex-direction:column;list-style:none;display:flex}.bilan__liste li{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm);text-align:left;font-weight:600;display:flex}.bilan__liste li.echec{color:var(--danger)}.bilan__id{color:var(--fg-muted);font-variant-numeric:tabular-nums}.toast{width:calc(100% - 2 * var(--space-4));max-width:508px;margin:0 auto var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-weight:600;font-size:var(--text-sm);text-align:left;animation:fade var(--dur) var(--ease);display:block}.carte__type{text-align:left;min-width:0;color:var(--fg);align-items:center;gap:2px;display:inline-flex}.carte__type svg{color:var(--fg-faint);flex:none}.meta-chip--btn:not(:disabled):hover{color:var(--fg);background:color-mix(in oklch, var(--surface-2) 78%, var(--brand))}.carte__source{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--fg-muted);white-space:pre-line;overflow-wrap:anywhere;font-style:italic}.resume__lecture{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums;padding:0 var(--space-2)}.carte__obs-rangee{align-items:stretch;gap:var(--space-2);display:flex}.carte__obs--btn{align-items:center;gap:var(--space-2);text-align:left;min-width:0;min-height:var(--tap);flex:1;display:flex}.carte__obs--btn svg{color:var(--fg-faint);flex:none}.carte__obs-texte{min-width:0}.carte__obs--vide{color:var(--fg-faint);border:1px dashed var(--border-strong);background:0 0;font-style:italic}.option--danger .option__label{color:var(--danger)}.option--danger:not(:disabled):hover{border-color:var(--danger)}.resume__signaler{min-height:44px;padding:0 var(--space-4);font-size:var(--text-sm);color:var(--fg-muted);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);transition:color var(--dur-fast) var(--ease);background:0 0;border:none;align-self:center}.resume__signaler:not(:disabled):hover{color:var(--fg);text-decoration-color:currentColor}.resume__signaler:disabled{opacity:.5}.resume__signaler.est-envoye{color:var(--ready);font-weight:600;text-decoration-color:#0000}.carte__menu{border-radius:var(--radius-md);width:44px;height:44px;color:var(--fg-faint);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin:-10px -10px -10px 0;display:inline-flex}.carte__menu:not(:disabled):hover{color:var(--fg);background:var(--surface-2)}.carte__menu:not(:disabled):active{background:var(--border)}.carte--neuve{animation:carte-neuve 2s var(--ease)}@keyframes carte-neuve{0%,60%{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}to{border-color:var(--border);box-shadow:var(--shadow-1)}}@media (prefers-reduced-motion:reduce){.carte--neuve{border-color:var(--brand);animation:none}}.cartes__ajout{margin-top:calc(-1 * var(--space-1))}.resume__vide{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.resume__vide-titre{font-weight:700}.resume__vide-note{font-size:var(--text-sm);color:var(--fg-muted);margin-bottom:var(--space-2)}.toast--undo{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface-2);color:var(--fg);border:1px solid var(--border);display:flex}.toast__action{min-height:32px;padding:0 var(--space-3);color:var(--brand-strong);font-weight:700;font-size:var(--text-sm);text-underline-offset:3px;background:0 0;border:none;flex:none;text-decoration:underline}.sheet__sous{text-align:center;color:var(--fg-muted);font-size:var(--text-sm);margin-top:calc(-1 * var(--space-1))}.sheet__options--scroll{max-height:52vh;overflow-y:auto}.option--active{border-color:var(--brand);background:var(--brand-soft)}.segmented{background:var(--surface-2);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.segmented__opt{border-radius:var(--radius-sm);min-height:40px;font-weight:600;font-size:var(--text-sm);color:var(--fg-muted);flex:1}.segmented__opt.is-active{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-1)}.dose-champ{align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.dose-champ:focus-within{border-color:var(--brand)}.dose-champ__input{min-width:0;font-size:var(--text-2xl);font-variant-numeric:tabular-nums;background:0 0;border:none;flex:1;font-weight:700}.dose-champ__input:focus{outline:none}.dose-champ__unite{color:var(--fg-muted);font-weight:600}.champ-equiv{min-height:1.25rem;margin-top:calc(-1 * var(--space-1));color:var(--fg-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center;font-weight:600}.champ-equiv--vide{visibility:hidden}.champ-date{width:100%;min-height:var(--tap);padding:0 var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base)}.champ-texte{width:100%;min-height:96px;padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);resize:vertical}.champ-date:focus,.champ-texte:focus{border-color:var(--brand);outline:none}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chips--grille .chip{flex:40%}.chip{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);font-weight:600;font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.chip:not(:disabled):hover{border-color:var(--border-strong)}.chip--lg{justify-content:center;min-height:48px}.chip--active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-strong)}.chip__pastille{border-radius:var(--radius-pill);flex:none;width:8px;height:8px}.chips--barre{gap:var(--space-2);padding:var(--space-1) var(--space-4) var(--space-3);scrollbar-width:none;flex-wrap:nowrap;width:100%;max-width:600px;margin-inline:auto;overflow-x:auto}.chips--barre::-webkit-scrollbar{display:none}.chips--barre .chip{flex:none}.ecran--select{z-index:60;max-width:none;min-height:100dvh;padding:env(safe-area-inset-top) 0 0;background:var(--bg);animation:fade var(--dur) var(--ease);flex-direction:column;margin:0;display:flex;position:fixed;inset:0}.select__barre{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);width:100%;max-width:600px;margin-inline:auto;display:flex}.select__titre{font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.icone-btn{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--fg);flex:none;place-items:center;display:grid}.icone-btn:hover{background:var(--surface-2)}.select__recherche{align-items:center;gap:var(--space-2);margin:var(--space-3) auto 0;padding:0 var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);max-width:568px;width:calc(100% - 2 * var(--space-4));display:flex}.select__recherche:focus-within{border-color:var(--brand)}.select__recherche svg{color:var(--fg-faint);flex:none}.select__input{min-width:0;min-height:var(--tap);font-size:var(--text-base);background:0 0;border:none;flex:1}.select__input:focus{outline:none}.select__liste{padding:var(--space-2) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));flex:1;width:100%;max-width:600px;margin-inline:auto;overflow-y:auto}.select__section{margin-top:var(--space-2)}.select__section-titre{background:var(--bg);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);padding:var(--space-2) var(--space-2);z-index:1;font-weight:700;position:sticky;top:0}.select__rows{list-style:none}.select__vide{color:var(--fg-muted);text-align:center;padding:var(--space-6) 0}.row{align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-2);border-radius:var(--radius-md);text-align:left;display:flex}.row:not(:disabled):hover{background:var(--surface-2)}.row--choisi{color:var(--brand-strong)}.row--choisi svg{color:var(--brand);flex:none}.row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row__label{font-weight:600}.row__sous{font-size:var(--text-sm);color:var(--fg-muted)}.vlist__cap{width:100%;max-width:600px;padding:var(--space-2) calc(var(--space-4) + var(--space-2));background:var(--bg);border-bottom:1px solid var(--border);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);margin:0 auto;font-weight:700}.vlist__spacer{position:relative}.vlist__spacer .row,.vlist__header{position:absolute;left:0;right:0}.vlist__header{padding:0 var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);align-items:center;font-weight:700;display:flex}.journal{gap:var(--space-2);padding-top:var(--space-2);padding-bottom:var(--space-6);flex-direction:column;display:flex}.journal__tete{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-1);color:var(--fg-muted);display:flex}.journal__titre{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.journal__compte{border-radius:var(--radius-pill);background:var(--surface-2);min-width:20px;height:20px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-weight:700;display:grid}.journal__chevron{color:var(--fg-faint);transition:transform var(--dur) var(--ease);place-items:center;margin-left:auto;display:grid;transform:rotate(-90deg)}.journal__chevron.is-ouvert{transform:rotate(0)}.journal__liste{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.journal__bulle{max-width:88%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md) var(--radius-md) var(--radius-sm) var(--radius-md);background:var(--brand-soft);color:var(--fg);font-size:var(--text-sm);align-self:flex-end;line-height:1.45}@keyframes tourne{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes monte{0%{opacity:0;transform:translateY(12px)}}.triage__etape{font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.triage__question{width:100%;max-width:600px;padding:var(--space-4) var(--space-4) var(--space-2);margin-inline:auto}.triage__mention{font-size:var(--text-xl);overflow-wrap:anywhere;font-weight:700;line-height:1.15}.triage__portee{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--fg-muted)}.triage__chercher{margin-top:var(--space-2);color:var(--brand-strong)}.triage__chercher svg{flex:none}.triage__pied{width:100%;max-width:600px;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg);margin-inline:auto}.toast--filet{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--surface-2);color:var(--fg);border:1px solid var(--border);display:flex}.toast--filet .toast__action--non{color:var(--fg-muted)}.toast--flottant{top:calc(env(safe-area-inset-top) + var(--space-3));z-index:70;width:calc(100% - 2 * var(--space-4));position:fixed;left:50%;translate:-50%}