body,html{margin:0;height:100%;width:100%;overflow:hidden;font-family:HK Grotesk,sans-serif;background-color:#fff;color:#34261c}*{box-sizing:border-box}.default-page{align-items:center;justify-content:flex-start;height:100vh;padding-top:20px;padding-bottom:20px;background-color:#fff;color:#34261c}.default-page,.flex-container{display:flex;flex-direction:column;overflow:hidden}.flex-container{justify-content:space-between;height:85%;width:100%;padding:20px}.flex-item{justify-content:center;align-items:center;position:sticky}.question-card{flex:5;overflow-y:auto;padding:0 48px 48px;background-color:#fff;text-align:center;border-radius:12px;transition:transform .2s;-webkit-overflow-scrolling:touch;position:relative}.question-title{font-size:1.2em;margin-bottom:40px;color:#34261c}.text-question-card{flex:1;overflow-y:auto;padding:24px;margin-bottom:80px;background-color:#fff;text-align:center;border-radius:12px}.spam-text{font-size:1em;margin-bottom:40px;color:#34261c;text-align:center;font-weight:700}.text-question-card.keyboard-visible{margin-bottom:150px;transition:margin-bottom .3s ease}.primary-button{padding:15px 30px;font-size:18px;border-radius:25px;width:calc(100% - 40px);max-width:500px;position:fixed;bottom:80px;left:50%;transform:translateX(-50%);margin:0 auto;border:none;z-index:10}.primary-button:enabled{background-color:#34261c;color:#fff;cursor:pointer}.primary-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}@media (max-width:768px){.default-page{padding-top:5vh;padding-bottom:5vh}.default-page>*{width:95%}.flex-container{padding:10px}.question-card{padding:12px;bottom:20px}.question-title{font-size:1.2em;margin-bottom:20px}.primary-button{left:50%;transform:translateX(-50%);font-size:16px;bottom:30px}}.options-grid{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:stretch;list-style-type:decimal}.option-button{width:100%;padding:12px 20px;border:2px solid #ddd;border-radius:8px;background-color:#fff;cursor:pointer;transition:background-color .3s;font-size:1em;color:#333}.option-button.selected{background-color:#c08f66;color:#fff;border-color:#c08f66}.option-button.deselected{background-color:#fff;color:#333;border:1px solid #ddd}.welcome-page{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding-top:20vh;padding-left:10vh;padding-right:10vh;background-color:#fff;color:#34261c;font-family:HK Grotesk,sans-serif;overflow-y:auto}.welcome-content{width:100%}.welcome-title{font-size:36px;margin:0}.welcome-text{font-size:22px;margin-top:10px}.welcome-button{padding:15px 30px;font-size:18px;border-radius:25px;background-color:#34261c;color:#fff;border:none;cursor:pointer;align-self:flex-start;margin-bottom:35px;margin-top:35px}@media (max-width:768px){.welcome-page{padding-left:5vh;padding-right:5vh;padding-top:10vh}.welcome-title{font-size:28px}.welcome-text{font-size:18px}.welcome-button{padding:12px 20px;font-size:16px}}.answer-input{width:100%;border:1px solid #ccc;border-radius:8px;padding:10px;font-size:1.2em;transition:border-color .3s}.answer-input:focus{border-color:#c08f66;outline:none}.question-indicator{margin-bottom:10px;font-size:18px;color:#34261c;flex:0.5}@media (min-width:769px){.question-indicator{margin-top:60px;margin-bottom:20px}}.imageGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:4px;justify-content:center;padding:10px}.imageOptionContainer{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:10px;border:2px solid transparent;border-radius:8px;transition:border-color .2s,background-color .2s,box-shadow .2s}.imageOptionContainer.selected{border-color:#c08f66;background-color:#c08f66;box-shadow:0 4px 8px #c08f66}.imageOption{padding:2px;background-color:#fff;border-radius:8px;box-sizing:border-box}.image{width:100%;height:auto;border-radius:8px}.imageLabel{padding-top:10px;font-size:14px;color:#34261c;text-align:center}@media (max-width:768px){.imageGrid{grid-template-columns:repeat(2,1fr)}.imageOptionContainer{width:100%}}.scale-option-button{list-style-type:none;padding:10px;background-color:#f9f9f9;border:1px dashed #ddd;color:#333;border-radius:8px;margin:5px 0;cursor:grab;transition:box-shadow .15s ease}.scale-option-button:active{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,.15);border:2px dashed #c08f66}.scale-option-button.dragging{background-color:#c08f66;border:2px dashed #c08f66;box-shadow:0 4px 12px rgba(0,0,0,.2);cursor:grabbing}.scale-options-grid{position:relative;padding:10px;margin:0;list-style-type:none;background-color:#f2f2f2;border-radius:8px}