:root{--p3-deep-teal: #134e52;--p3-coral: #e2604a;--p3-light-teal: #7fc4c9;--p3-light-coral: #ec7a62;--p3-ink: #1c2321;--p3-pale-teal: #e2eeed;--p3-cream: #faf6f0;--app-bg: #1c2321;--app-surface: #262f2d;--app-surface-2: #134e52;--app-text: #faf6f0;--app-text-2: #9fb3b0;--app-text-3: #7d8f8c;--app-line: #3b4644;--app-accent: #ec7a62;--app-accent-2: #7fc4c9;--app-danger: #ff8577;--app-warning: #f0c56b;--app-success: var(--app-accent-2);--app-scrim: rgba(28, 35, 33, .72);--font-display: Georgia, "Times New Roman", serif;--font-body: -apple-system, "Roboto", "Helvetica Neue", Arial, sans-serif;--type-display-size: 28px;--type-display-lh: 34px;--type-title1-size: 22px;--type-title1-lh: 28px;--type-title2-size: 18px;--type-title2-lh: 24px;--type-body-size: 15px;--type-body-lh: 22px;--type-body-small-size: 13px;--type-body-small-lh: 18px;--type-caption-size: 11px;--type-caption-lh: 16px;--type-overline-size: 11px;--type-overline-lh: 14px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 40px;--space-huge: 64px;--radius-none: 0;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-icon-xl: 32px;--size-avatar-sm: 32px;--size-avatar-md: 56px;--size-avatar-lg: 96px;--size-touch-min: 44px;--size-nav-bar: 64px;--size-app-bar: 56px;--motion-fast: .15s;--motion-base: .25s;--motion-slow: .4s;--motion-standard: cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--app-bg: #faf6f0;--app-surface: #ffffff;--app-surface-2: #e2eeed;--app-text: #1c2321;--app-text-2: #4d5f5c;--app-text-3: #7d8f8c;--app-line: #ddd8d2;--app-accent: #e2604a;--app-accent-2: #134e52;--app-danger: #b3261e;--app-warning: #8a5a06;--app-scrim: rgba(28, 35, 33, .45)}}:root[data-theme=light]{--app-bg: #faf6f0;--app-surface: #ffffff;--app-surface-2: #e2eeed;--app-text: #1c2321;--app-text-2: #4d5f5c;--app-text-3: #7d8f8c;--app-line: #ddd8d2;--app-accent: #e2604a;--app-accent-2: #134e52;--app-danger: #b3261e;--app-warning: #8a5a06;--app-scrim: rgba(28, 35, 33, .45)}:root[data-theme=dark]{--app-bg: #1c2321;--app-surface: #262f2d;--app-surface-2: #134e52;--app-text: #faf6f0;--app-text-2: #9fb3b0;--app-text-3: #7d8f8c;--app-line: #3b4644;--app-accent: #ec7a62;--app-accent-2: #7fc4c9;--app-danger: #ff8577;--app-warning: #f0c56b;--app-scrim: rgba(28, 35, 33, .72)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;width:100%;max-width:100%;overflow-x:hidden;min-height:100%;background:var(--app-bg);color:var(--app-text);font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-lh);-webkit-text-size-adjust:100%}#root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}a{color:var(--app-accent)}h1,h2,p,li,label,span{overflow-wrap:anywhere}.page>*,.formulaire>*,.point>div{min-width:0}.page{width:100%;max-width:520px;margin:0 auto;padding:var(--space-md) var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.page--accueil{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:space-between;gap:var(--space-md)}.accueil-entete{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.logo{width:56px;height:56px}.marque{margin:0;font-size:var(--type-title2-size);font-weight:800;letter-spacing:.18em}.accroche{margin:0;font-family:var(--font-display);font-size:var(--type-display-size);line-height:var(--type-display-lh);font-weight:700;text-align:center}.intro{margin:var(--space-xs) 0 0;color:var(--app-text-2);font-size:var(--type-body-small-size);line-height:var(--type-body-small-lh);text-align:center}.pastilles{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.pastille{padding:var(--space-xxs) var(--space-sm);border:1px solid var(--app-line);border-radius:var(--radius-pill);background:var(--app-surface);font-size:var(--type-body-small-size);line-height:var(--type-body-small-lh)}.pastille--accent{border-color:var(--app-accent);color:var(--app-accent);font-weight:700}.points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.point{display:flex;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--app-surface)}.point-numero{flex:0 0 var(--size-icon-lg);width:var(--size-icon-lg);height:var(--size-icon-lg);display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--app-surface-2);color:var(--app-text);font-weight:700}.point-titre{margin:0;font-size:var(--type-body-size);line-height:var(--type-body-lh)}.point-texte{margin:0;color:var(--app-text-2);font-size:var(--type-body-small-size);line-height:var(--type-body-small-lh)}.accueil-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.mention{margin:0;text-align:center;color:var(--app-text-3);font-size:var(--type-body-small-size)}.btn{display:flex;align-items:center;justify-content:center;min-height:var(--size-touch-min);padding:var(--space-sm) var(--space-xl);border:2px solid var(--app-accent);border-radius:var(--radius-pill);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.btn--primaire{background:var(--app-accent);color:var(--app-bg)}.btn--secondaire{background:transparent;color:var(--app-accent)}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--app-accent-2);outline-offset:2px}.entete{display:flex;flex-direction:column;gap:var(--space-sm)}.retour{align-self:flex-start;display:inline-flex;align-items:center;min-height:var(--size-touch-min);text-decoration:none}.entete-titre{margin:0;font-family:var(--font-display);font-size:var(--type-title1-size);line-height:var(--type-title1-lh)}.rappel{margin:calc(var(--space-md) * -1) 0 0;color:var(--app-text-2);font-size:var(--type-body-small-size)}.formulaire{display:flex;flex-direction:column;gap:var(--space-md)}.champ{display:flex;flex-direction:column;gap:var(--space-xxs)}.champ-libelle{font-size:var(--type-body-small-size);color:var(--app-text-2)}input[type=text],input[type=email],input[type=password],input[type=date]{width:100%;min-height:var(--size-touch-min);padding:var(--space-xs) var(--space-sm);border:1px solid var(--app-line);border-radius:var(--radius-sm);background:var(--app-surface);color:var(--app-text);font:inherit}.regles{list-style:none;margin:calc(var(--space-xs) * -1) 0 0;padding:0;display:grid;gap:var(--space-xxs);font-size:var(--type-body-small-size);color:var(--app-text-3)}.regle--ok{color:var(--app-success)}.case{display:flex;align-items:flex-start;gap:var(--space-sm);min-height:var(--size-touch-min)}.case input{flex:0 0 var(--size-icon-lg);width:var(--size-icon-lg);height:var(--size-icon-lg);margin:0;accent-color:var(--app-accent)}.erreur{margin:0;color:var(--app-danger)}.avis{margin:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--app-surface-2)}.bas-de-page{margin:0;text-align:center;color:var(--app-text-2)}input[type=text],input[type=date],input[type=email],input[type=password]{min-width:0;max-width:100%;-webkit-appearance:none;appearance:none}@media (max-height: 740px){.page--accueil .intro,.page--accueil .point-texte{display:none}.page--accueil .logo{width:40px;height:40px}}.btn:disabled{opacity:.6;cursor:default}.page--formulaire{height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden;gap:var(--space-sm);padding-top:var(--space-xs);padding-bottom:var(--space-sm)}.page--formulaire .entete{flex-direction:row;align-items:center;gap:var(--space-md)}.page--formulaire .retour{min-height:36px}.page--formulaire .entete-titre{font-size:var(--type-title2-size, 1.25rem);line-height:1.2}.page--formulaire .rappel{margin:0}.page--formulaire .formulaire{flex:1;min-height:0;justify-content:space-between;gap:var(--space-xs)}.page--formulaire input[type=text],.page--formulaire input[type=email],.page--formulaire input[type=password],.page--formulaire input[type=date]{min-height:40px;padding-top:4px;padding-bottom:4px}.page--formulaire .champ{gap:2px}.page--formulaire .champ-libelle{font-size:.8125rem}.page--formulaire .regles{display:flex;flex-wrap:wrap;gap:2px var(--space-sm);margin:0;font-size:.75rem}.page--formulaire .case{min-height:0;gap:var(--space-xs);font-size:.875rem}.page--formulaire .case input{flex-basis:20px;width:20px;height:20px}.page--formulaire .btn{min-height:44px}@media (max-height: 800px){.page--formulaire .rappel{display:none}}
