body{margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:#f9f9f9;color:#333}.app-container{padding:2rem;max-width:700px;margin:0 auto}h1{font-size:2.25rem;text-align:center;margin-bottom:1.75rem;font-weight:700}p{line-height:1.7;font-size:1.05rem;margin-bottom:1.25rem;max-width:60ch;margin-left:auto;margin-right:auto}strong{font-weight:600}.question-block{margin-bottom:1.5rem}label{display:block;font-size:1.1rem;margin-bottom:.5rem;font-weight:500}button{padding:.6rem 1.2rem;border:1px solid #ccc;border-radius:6px;background-color:#f0f0f0;cursor:pointer;font-size:1rem;transition:background-color .25s ease,color .25s ease,transform .15s;margin-right:.5rem;margin-top:.5rem}button:hover{background-color:#e0e0e0;transform:scale(1.02)}button:focus{outline:none;box-shadow:0 0 0 2px #ccc}.selected-yes{background-color:#4caf50!important;color:#fff!important;border-color:#4caf50!important}.selected-no{background-color:#f44336!important;color:#fff!important;border-color:#f44336!important}.results{margin-top:2.5rem;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 6px 20px #00000014;max-width:700px;margin-left:auto;margin-right:auto;font-size:1rem;opacity:0;animation:fadeIn .6s ease forwards}.results strong{display:block;margin-top:1.5rem;font-size:1.05rem}.reflection{margin-top:1.5rem;background-color:#f9f2ff;border-left:4px solid #b47cff;padding:1.25rem 1.5rem;border-radius:6px;animation:fadeIn .6s ease forwards}.reflection ul{padding-left:1.5rem;list-style-type:disc}.reflection p{margin-top:1rem}.accent-button{background-color:#b47cff;color:#fff;font-weight:600;border:none;margin-top:1.25rem}.accent-button:hover{background-color:#9b5def}.calculate-button{margin-top:1.25rem;background-color:#333;color:#fff;border:none;font-weight:600;padding:.6rem 1.2rem;border-radius:6px;transition:background-color .25s ease}.calculate-button:hover{background-color:#111}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){body{padding:1rem}button{width:100%;margin-right:0;margin-bottom:.5rem}h1{font-size:1.75rem}.results,.reflection{padding:1rem}}
