:root{--ok: #3d7a57;--danger: #a63d2a;--on-accent: var(--papier)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ok: #86c29d;--danger: #ef8a73;--on-accent: var(--nuit)}}:root[data-theme=dark]{--ok: #86c29d;--danger: #ef8a73;--on-accent: var(--nuit)}.compte{--gx: 7px;--gy: -3px;display:flex;flex-direction:column;align-items:center;min-height:calc(100svh - var(--top-h));padding:clamp(32px,8vh,96px) var(--m) clamp(56px,11vh,128px)}.compte-feuille{width:100%;max-width:460px;padding:clamp(26px,6vw,44px) clamp(22px,6vw,44px) clamp(26px,5vw,38px)}.compte-feuille[data-vue=compte]{max-width:680px}.compte-feuille.coupe:before{inset:-14px}@media(max-width:520px){.compte{padding-inline:14px}.compte-feuille.coupe:before{inset:-10px}}.compte a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}.compte strong{font-weight:650}.compte-kicker{margin:0 0 12px;color:var(--fg2)}.compte-titre{margin:0 0 10px;font:400 clamp(32px,8vw,42px) / 1.06 var(--display);letter-spacing:-.012em;text-wrap:balance}.compte-lead{margin:0 0 26px;color:var(--fg2);font-size:16px;line-height:1.55;text-wrap:pretty}.compte-lead strong{color:var(--fg);overflow-wrap:anywhere}.compte-picto{display:grid;place-items:center;width:52px;height:52px;margin:0 0 20px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.compte-picto-ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.compte-picto .ico{width:26px;height:26px}.compte-form{display:grid;gap:20px}.champ-tete{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 7px}.champ label{color:var(--fg);font:600 14.5px/1.3 var(--sans)}.champ input{display:block;width:100%;height:50px;padding:0 14px;border:1px solid color-mix(in srgb,var(--fg) 22%,transparent);border-radius:8px;background:var(--bg);color:var(--fg);font:400 16px var(--sans);transition:border-color .15s,box-shadow .15s}.champ input:hover{border-color:color-mix(in srgb,var(--fg) 38%,transparent)}.champ input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.champ input:disabled{opacity:.6}.champ-mdp{position:relative}.champ-mdp input{padding-right:52px}.champ-oeil{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:6px;background:none;color:var(--fg2);cursor:pointer}.champ-oeil:hover{background:var(--bg2);color:var(--fg)}.champ-oeil:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.champ-oeil .ico{width:20px;height:20px}.champ-aide{margin:7px 0 0;color:var(--fg2);font-size:13.5px}.champ input.champ-code{height:60px;padding-left:calc(14px + .42em);text-align:center;font:600 27px/1 var(--mono);letter-spacing:.42em}.champ input.champ-code::placeholder{font:400 16px var(--sans);letter-spacing:0}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:8px;font:600 15px/1.25 var(--sans);text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.compte a.bouton{color:var(--fg)}.bouton:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bouton .ico{width:17px;height:17px;flex-shrink:0}.bouton-plein,.bouton-fort{background:var(--accent);color:var(--on-accent)}.bouton-plein{width:100%;min-height:52px;font-size:16px}.bouton-plein:hover,.bouton-fort:hover{background:color-mix(in srgb,var(--accent) 86%,var(--fg))}.bouton-plein:disabled{border-color:color-mix(in srgb,var(--fg) 14%,transparent);background:var(--bg2);color:var(--fg2);cursor:default}.bouton-second{border-color:color-mix(in srgb,var(--fg) 22%,transparent);background:transparent;color:var(--fg)}.bouton-second:hover{border-color:color-mix(in srgb,var(--fg) 36%,transparent);background:var(--bg2)}.bouton-danger{background:var(--danger);color:var(--on-accent)}.bouton-danger:hover{background:color-mix(in srgb,var(--danger) 86%,var(--fg))}.bouton:disabled{cursor:default}.compte-roue{display:inline-block;width:16px;height:16px;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:compte-tourne .75s linear infinite}@keyframes compte-tourne{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.compte-roue{animation-duration:2.4s}}.compte-lien{display:inline-flex;align-items:center;min-height:24px;padding:0;border:0;background:none;color:var(--accent);font:600 15px/1.4 var(--sans);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;cursor:pointer;transition:text-decoration-color .15s}.compte-lien:hover{text-decoration-color:currentColor}.compte-lien:disabled{color:var(--fg2);text-decoration-color:transparent;cursor:default}.compte-lien:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.compte-lien-discret{font-size:14px;font-weight:500}.compte-lien-retour{display:inline-flex;align-items:center;gap:7px}.compte-lien-retour .ico{width:17px;height:17px}.compte-lien-danger{color:var(--danger)}.compte-bas{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--fg2);font-size:15px;text-align:center}.compte-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:20px 0 0}.compte-actions-plein .bouton{width:100%}@media(max-width:520px){.compte-actions .bouton{flex:1 1 100%}}.compte-texte{margin:0}.compte-petit{margin:12px 0 0;color:var(--fg2);font-size:13.5px;line-height:1.5}.compte-petit-haut{margin-top:0}.compte-centre{text-align:center}.compte-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 22px;padding:12px 14px;border:1px solid;border-radius:8px;font-size:15px;line-height:1.45}.compte-note p{margin:0}.compte-note .ico{flex-shrink:0;width:20px;height:20px;margin-top:1px}.compte-ok{border-color:color-mix(in srgb,var(--ok) 38%,transparent);background:color-mix(in srgb,var(--ok) 8%,transparent)}.compte-ok .ico{color:var(--ok)}.compte-erreur{border-color:color-mix(in srgb,var(--danger) 42%,transparent);background:color-mix(in srgb,var(--danger) 7%,transparent)}.compte-erreur .ico{color:var(--danger)}.compte-attente{display:flex;align-items:center;gap:12px;margin:0;color:var(--fg2)}.compte-qui{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 30px}.compte-qui .releve{color:var(--fg2)}.compte-email{font:500 14.5px/1.45 var(--mono);overflow-wrap:anywhere}.compte-section+.compte-section{margin-top:40px}.compte-regle{position:relative;margin:0 0 18px;padding-top:13px;border-top:1px solid var(--fg)}.compte-regle:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;pointer-events:none;background:repeating-linear-gradient(90deg,var(--fg) 0 1px,transparent 1px 80px) 0 0 / 100% 8px no-repeat,repeating-linear-gradient(90deg,var(--hair) 0 1px,transparent 1px 16px) 0 0 / 100% 4px no-repeat}.compte-regle h2{margin:0;color:var(--fg);font-weight:500}.compte-statut{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0 0 16px;font-size:16px}.pastille{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 9px;border-radius:999px;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);font:600 11.5px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;transform:translateY(-1px)}.pastille:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pastille-fin{background:color-mix(in srgb,var(--or) 24%,transparent);color:var(--fg)}.pastille-neutre{background:var(--bg2);color:var(--fg2)}.compte-prix{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 18px}.compte-montant{font:400 48px/1 var(--display);letter-spacing:-.015em}.compte-periode{color:var(--fg2)}.compte-atouts{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}.compte-atouts li{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;line-height:1.45}.compte-atouts .ico{width:20px;height:20px;margin-top:1px;color:var(--accent)}.compte-atouts strong{display:block}.compte-atouts span{color:var(--fg2)}.compte-atouts span strong{color:var(--fg)}.compte-achat{display:grid;gap:14px;margin:24px 0 0;padding:20px 18px 18px;border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);border-radius:10px;background:color-mix(in srgb,var(--bg) 55%,transparent)}.compte-achat-titre{margin:0;color:var(--fg2)}.compte-case{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;cursor:pointer}.compte-case input{flex-shrink:0;width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent);cursor:pointer}.compte-achat .bouton-plein{margin-top:4px}.compte-aide-achat{margin:-4px 0 0;color:var(--fg2);font-size:13.5px;text-align:center}.compte-aide-achat:empty{display:none}.compte-retract{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.compte-retract h3{margin:0 0 6px;font:650 16px/1.35 var(--sans)}.compte-retract .compte-actions{display:block;margin-top:14px}.compte-sensible{margin-top:26px;padding-top:18px;border-top:1px dashed color-mix(in srgb,var(--fg) 22%,transparent)}.compte-confirmer{padding:16px 18px 18px;border:1px solid color-mix(in srgb,var(--fg) 18%,transparent);border-radius:10px;background:color-mix(in srgb,var(--bg) 60%,transparent)}.compte-confirmer-danger{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 6%,transparent)}.compte-confirmer p{margin:0 0 4px;font-size:15px;line-height:1.5}.compte-confirmer .compte-confirmer-titre{margin:0 0 6px;font-weight:650}.compte-confirmer .compte-actions{margin-top:14px}@media(pointer:coarse){.compte-lien{min-height:44px}}