.App{min-height:100vh;display:flex;flex-direction:column;color:var(--text-color)}.App-header{background-color:var(--primary-color);color:#fff;padding:20px;text-align:center}.card{margin:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.stepper{margin:20px 0}button{background-color:var(--primary-color);color:#fff}.error{color:var(--error-color);margin-top:10px}.mindset-set{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;padding:1rem;border:1px solid var(--secondary-color);border-radius:8px;margin-bottom:1rem}.MuiDrawer-paper{z-index:1200;display:block}.rank-list{list-style:none;padding:0;width:100%;margin:0}.rank-list .statement{transition:background-color .2s ease}.rank-badge{background:var(--secondary-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;min-width:40px;text-align:center}.statement-text{flex:1;margin-right:8px}.statement{white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;font-size:.9rem;line-height:1.4;margin-bottom:.5rem;padding:.5rem}.mindset-set label,.mindset-set p,.mindset-set span,.mindset-set .MuiInputLabel-root{white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;flex:1;font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.statement select,.statement input{white-space:normal!important;min-width:auto}@media (max-width: 600px){.App{padding:10px}.statement{font-size:.85rem}.mindset-set{padding:.75rem}}:root{--primary-color: #0E3364;--secondary-color: #C03431;--error-color: #f44336}html[data-theme=dark]{--text-color: #e0e0e0}