:root{--text-title: #333333;--text-subtitle: #999999;--input-border: #e6e6e6;--input-placeholder: #b3b3b3;--button-bg: #3434ff;--button-bg-clicked: #000099;--button-text: #ffffff;--erreur-champ: #ec2222;--conseil-bg: #eef0ff;--conseil-border: #c9d0ff;--conseil-texte: #3434ff;--detect-bg: #f4ecfe;--detect-border: #7b1cf0;--detect-texte: #7b1cf0;--value-cell-bg: #fafafa}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#fff;color:var(--text-title)}.screen{display:flex;flex-direction:column;gap:32px;max-width:480px;margin:0 auto;padding:48px 20px 24px}.titre-bloc{display:flex;flex-direction:column;gap:4px}.titre-bloc h1{margin:0;font-family:Satoshi,sans-serif;font-weight:700;font-size:32px;line-height:43.2px;color:var(--text-title)}.sous-titre{margin:0;font-family:Satoshi,sans-serif;font-weight:500;font-size:16px;line-height:21.6px;color:var(--text-subtitle)}.kv-bloc{display:flex;flex-direction:column;gap:32px}.key-values{display:flex;flex-direction:column;gap:24px}.champ{display:flex;flex-direction:column;gap:8px}.champ label{font-family:Satoshi,sans-serif;font-weight:700;font-size:16px;line-height:21.6px;color:var(--text-title)}.input-box{background:#fff;border:1px solid var(--input-border);border-radius:16px;padding:20px 16px;filter:drop-shadow(0 0 4px rgba(0,0,0,.08))}.input-box input{width:100%;border:none;outline:none;background:transparent;font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--text-title)}.input-box input::placeholder{color:var(--input-placeholder)}.champ.erreur .input-box{border-color:var(--erreur-champ)}.erreur-champ{margin:0;font-family:Satoshi,sans-serif;font-weight:500;font-size:14px;line-height:18.9px;color:var(--erreur-champ)}.feedback{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-radius:12px;border:1px solid transparent;overflow:hidden;max-height:300px;opacity:1;transition:max-height .25s ease,opacity .2s ease,padding .25s ease,border-width .25s ease}.feedback-sortie{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-width:0}.feedback-advice{background:var(--conseil-bg);border-color:var(--conseil-border);color:var(--conseil-texte)}.feedback-body{display:flex;flex-direction:column;gap:8px}.feedback-texte{margin:0;font-family:Satoshi,sans-serif;font-weight:500;font-size:14px;line-height:22px}.feedback-lien{font-family:Satoshi,sans-serif;font-weight:500;font-size:14px;color:var(--conseil-texte);text-decoration:underline}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:20px 16px;border:none;border-radius:16px;font-family:Satoshi,sans-serif;font-weight:700;font-size:16px;line-height:21.6px;cursor:pointer}.btn-primary{background:var(--button-bg);color:var(--button-text)}.btn-primary:active{background:var(--button-bg-clicked)}.btn-notion{background:var(--button-bg);color:var(--button-text)}.btn-notion:active{background:var(--button-bg-clicked)}.notion-badge{flex-shrink:0;width:20px;height:20px;border-radius:6px}.btn-secondary{background:#fafafa;color:var(--text-title);border:1px solid #e0e0e0}.btn-secondary:active{background:#f5f5f5}.notion-status{margin:0;text-align:center;font-family:Satoshi,sans-serif;font-weight:500;font-size:13px;color:var(--text-subtitle)}#etat-formulaire{display:flex;flex-direction:column;gap:32px}.chargement{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 0}.chargement-spinner{width:32px;height:32px;border:3px solid var(--input-border);border-top-color:var(--button-bg);border-radius:50%;animation:chargement-rotation .8s linear infinite}@keyframes chargement-rotation{to{transform:rotate(360deg)}}.chargement-texte{margin:0;font-family:Satoshi,sans-serif;font-weight:700;font-size:14px;color:var(--text-title)}.resultats-bloc{display:flex;flex-direction:column;gap:32px}.cta-groupe{display:flex;flex-direction:column;gap:12px}.value-cells-groupe{display:flex;flex-direction:column;gap:16px}.value-cell-gap-reduit{margin-bottom:-16px}.value-cell{display:flex;flex-direction:column;gap:24px;background:var(--value-cell-bg);border:1px solid var(--input-border);border-radius:16px;padding:16px;filter:drop-shadow(0 0 4px rgba(0,0,0,.08))}.value-cell-ligne{display:flex;align-items:center;gap:12px}.value-cell-icone{flex-shrink:0;font-size:16px}.value-cell-label{display:flex;align-items:baseline;gap:4px;flex:1;margin:0;min-width:0;font-family:Satoshi,sans-serif;font-weight:700;font-size:16px;color:var(--text-title)}.value-cell-suffixe{font-family:Satoshi,sans-serif;font-weight:500;font-size:12px;color:#999}@keyframes anime-sortie-haut{to{opacity:0;transform:translateY(-8px)}}@keyframes anime-entree-haut{0%{opacity:0;transform:translateY(8px)}}.anime-sortie-haut{animation:anime-sortie-haut .15s ease forwards}.anime-entree-haut{animation:anime-entree-haut .15s ease forwards}@keyframes anime-entree-gauche{0%{opacity:0;transform:translate(-24px)}}.anime-entree-gauche{animation:anime-entree-gauche .3s ease forwards}.value-cell-montant{margin:0;font-family:Inter,sans-serif;font-weight:700;font-size:16px;color:var(--text-title)}.value-cell-toggle{flex-shrink:0;display:flex;background:none;border:none;padding:4px;color:var(--text-subtitle);cursor:pointer}.value-cell-toggle svg{width:17px;height:17px;transition:transform .3s ease}.value-cell-toggle.retourne svg{transform:rotate(180deg)}.system-detect{display:flex;align-items:flex-start;gap:8px;background:var(--detect-bg);border:none;border-left:4px solid var(--detect-border);border-radius:0;padding:16px;color:var(--detect-texte);overflow:hidden;max-height:300px;opacity:1;transition:max-height .25s ease,opacity .2s ease,padding .25s ease,border-width .25s ease}.system-detect-sortie{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-width:0}.system-detect-icone{flex-shrink:0;width:18px;height:18px;padding-top:2px;box-sizing:content-box}.system-detect p{margin:0;font-family:Satoshi,sans-serif;font-weight:500;font-size:14px;line-height:22px}.system-detect-surplus{font-family:Inter,sans-serif;font-weight:700}.slider-bloc{display:flex;flex-direction:column;gap:16px}.slider-labels{display:flex;justify-content:space-between}.slider-label{display:flex;flex-direction:column;gap:4px}.slider-label-droite{align-items:flex-end;text-align:right}.slider-label-titre{font-family:Satoshi,sans-serif;font-weight:700;font-size:14px;color:var(--text-title)}.slider-label p{margin:0;font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:var(--text-title)}.slider-label-pct{font-weight:500;color:var(--text-subtitle)}#curseur{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}#curseur::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--input-border)}#curseur::-moz-range-track{height:6px;border-radius:3px;background:var(--input-border)}#curseur::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:var(--button-bg);cursor:pointer}#curseur::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:var(--button-bg);cursor:pointer}.confirmation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:10;opacity:1;transition:opacity .3s ease}.confirmation-overlay.confirmation-sortie{opacity:0}.confirmation-toast{display:flex;flex-direction:column;align-items:center;gap:0;background:#0009;color:#fff;padding:16px 16px 4px;border-radius:16px;font-family:Satoshi,sans-serif;font-weight:700;font-size:16px}.confirmation-toast p{margin-top:5px}.notion-confirmation{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:24px;text-align:center}.notion-confirmation-titre{margin:20px 0 0;font-family:Satoshi,sans-serif;font-weight:700;font-size:18px;color:var(--text-title)}.notion-confirmation-sous-titre{margin:8px 0 0;font-family:Satoshi,sans-serif;font-weight:500;font-size:14px;color:var(--text-subtitle)}@keyframes notion-confirmation-entree{0%{transform:translate(100%)}}@keyframes notion-confirmation-sortie{to{transform:translate(100%)}}.notion-confirmation-entree{animation:notion-confirmation-entree .3s ease forwards}.notion-confirmation-sortie{animation:notion-confirmation-sortie .3s ease forwards}.confirmation-check{flex-shrink:0}