:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Arial,sans-serif}body{min-width:320px;margin:0}button{font-family:inherit}#root{width:100%;min-height:100vh}*{box-sizing:border-box}body{background:#f2f2f2;margin:0;font-family:Arial,sans-serif}.app{background:#fff;max-width:500px;min-height:100vh;margin:0 auto}.header{color:#fff;background:#111;padding:28px 22px}.header h2{letter-spacing:1px;margin:0;font-size:19px;font-weight:900}.header h2 span{color:#ef4596}.header p{letter-spacing:2px;color:#ccc;margin-top:9px;font-size:10px}main{padding:35px 22px}.label{color:#ef4596;letter-spacing:2px;font-size:12px;font-weight:700}h1{color:#111;margin:22px 0;font-size:37px;font-weight:900;line-height:1.15}h1 span{color:#ef4596}.description{color:#777;margin-bottom:35px;line-height:1.7}.card{color:#fff;background:#111;border-radius:18px;margin-bottom:20px;padding:25px}.card>p:first-child{color:#ef4596;letter-spacing:1px;font-size:11px;font-weight:700}.card h2{font-size:21px}.card button,.mental button{color:#fff;cursor:pointer;background:#ef4596;border:none;border-radius:10px;width:100%;margin-top:15px;padding:15px;font-size:14px;font-weight:700}.mental{background:#f6f6f6;border-radius:18px;padding:25px}.mental h2{color:#111;font-size:19px}.mental p{color:#777;line-height:1.6}@media (width<=400px){h1{font-size:31px}main{padding:28px 18px}}.planning-card{background:#f6f6f6;border-radius:18px;margin-bottom:20px;padding:25px}.planning-label{color:#ef4596;letter-spacing:1px;font-size:11px;font-weight:700}.planning-card h2{margin:18px 0;font-size:21px}.planning-card p{line-height:1.6}.planning-card hr{border:none;border-top:1px solid #ddd;margin:22px 0}.planning-objective{color:#777;font-size:14px}.planning-info{color:#fff;background:#111;border-radius:14px;margin-bottom:20px;padding:20px;font-size:14px;line-height:1.6}.back-button{color:#fff;cursor:pointer;background:#ef4596;border:none;border-radius:10px;width:100%;padding:16px;font-size:14px;font-weight:700}.bilan-card{background:#f6f6f6;border-radius:18px;margin-bottom:20px;padding:25px}.bilan-card label{color:#111;margin:20px 0 12px;font-size:14px;font-weight:700;display:block}.bilan-card input[type=range]{accent-color:#ef4596;width:100%}.bilan-card select,.bilan-card textarea{background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;padding:14px;font-family:inherit;font-size:14px}.bilan-card textarea{resize:vertical;min-height:90px}.bilan-success{color:#17663b;background:#e7f7ed;border-radius:10px;padding:15px;font-size:13px;line-height:1.5}.questionnaire-tabs{grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0;display:grid}.questionnaire-tabs button{color:#fff;cursor:pointer;background:#151515;border:2px solid #151515;border-radius:16px;padding:14px 10px;font-size:13px;font-weight:700;transition:all .2s}.questionnaire-tabs button.active{color:#fff;background:#d81b70;border-color:#d81b70}.questionnaire-tabs button:focus-visible{outline-offset:3px;outline:3px solid #d81b70}