:root{--couleur-primaire:#20243d;--couleur-secondaire:#f4365f;--couleur-texte:#2d3436;--couleur-fond:#f9f9f9;--couleur-carte:#ffffff;--couleur-hausse:#00b894;--couleur-baisse:#d63031;--ombre:0 10px 30px rgba(0, 0, 0, 0.1);--rayon:16px}.container{width:100%;max-width:500px;padding:20px}.calculateur{background:var(--couleur-carte);border-radius:var(--rayon);box-shadow:var(--ombre);overflow:hidden;transition:all 0.3s ease}.titre{padding:0 15px;background:#20243d;color:#fff;text-align:center}.titre h1{font-size:1.8rem;font-weight:600;margin-bottom:5px}.soustitre{font-size:.9rem;opacity:.9}.carteCalcul{padding:30px}.champInput{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:500;color:var(--couleur-texte)}input{width:100%;padding:15px;border:2px solid #eee;border-radius:var(--rayon);font-size:1rem;transition:border 0.3s ease}input:focus{border-color:var(--couleur-primaire);outline:none}button{width:100%;padding:15px;background:var(--couleur-primaire);color:#fff;border:none;border-radius:var(--rayon);font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;margin-bottom:25px}button:hover{background:#5f52d8;transform:translateY(-2px);box-shadow:0 5px 15px rgba(108,92,231,.3)}.resultat{display:flex;flex-direction:column;align-items:center;margin-top:10px}.cercleResultat{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,var(--couleur-primaire),#3a3f66);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;margin-bottom:20px;transition:all 0.5s ease}#pourcentage{font-size:2rem;font-weight:600}#variation{font-size:.9rem;opacity:.9}.detailsResultat{width:100%;background-color:#f7f7f7;border-radius:var(--rayon);padding:15px}.detail{display:flex;justify-content:space-between;margin-bottom:10px}.detail:last-child{margin-bottom:0}.hausse{background:linear-gradient(135deg,var(--couleur-secondaire),#ff6b8b)}.baisse{background:linear-gradient(135deg,var(--couleur-baisse),#ff7675)}.infobulle{margin-top:20px;padding:20px;background-color:#f0f0f0;border-radius:0 0 var(--rayon) var(--rayon);font-size:.9rem}.infobulleTexte h3{margin-bottom:10px;color:var(--couleur-primaire)}.infobulleTexte p{margin-bottom:8px;line-height:1.5}.barChartContainer{width:100%;margin:20px 0}.barChart{display:flex;justify-content:space-around;align-items:flex-end;height:220px;background-color:#f7f7f7;border-radius:var(--rayon) var(--rayon) 0 0;padding:40px 10px 0}.bar{width:60px;min-height:30px;border-radius:var(--rayon) var(--rayon) 0 0;position:relative;transition:height 0.5s ease;display:flex;justify-content:center}.initialBar{background:linear-gradient(to top,var(--couleur-primaire),#3a3f66)}.finalBar{background:linear-gradient(to top,var(--couleur-primaire),#3a3f66)}.finalBar.hausse{background:linear-gradient(to top,var(--couleur-secondaire),#ff6b8b)}.finalBar.baisse{background:linear-gradient(to top,#3a3f66,var(--couleur-primaire))}.barValue{position:absolute;top:-30px;color:var(--couleur-texte);font-weight:500}.barLabels{display:flex;justify-content:space-around;background-color:#f7f7f7;border-radius:0 0 var(--rayon) var(--rayon);padding:10px}.barLabel{width:60px;text-align:center;font-size:.8rem;color:var(--couleur-texte)}@media (max-width:600px){.container{padding:10px}.titre h1{font-size:1.5rem}.cercleResultat{width:120px;height:120px}#pourcentage{font-size:1.7rem}.bar{width:40px}.barLabel{width:40px;font-size:.7rem}}@media (max-width:400px){.carteCalcul{padding:20px}input,button{padding:12px}.cercleResultat{width:100px;height:100px}#pourcentage{font-size:1.5rem}.barChart{height:150px}}#formule{display:block;margin:15px 0;overflow-x:auto;text-align:center}.katex-display{margin:.5em 0}@media (max-width:600px){.katex-display{font-size:.9em}}@media (max-width:400px){.katex-display{font-size:.8em}}