body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{box-sizing:border-box;padding:20px}.App,.welcome-screen{align-items:center;display:flex;justify-content:center;min-height:100vh}.welcome-screen{padding:10px}.welcome-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:600px;padding:30px;text-align:center}.welcome-container h1{color:#2c3e50;font-size:2.5rem;font-weight:600;margin-bottom:30px}.instructions{margin-bottom:30px;text-align:left}.instructions h2{color:#34495e;font-size:1.5rem;margin-bottom:15px}.instructions p{color:#555;line-height:1.6;margin-bottom:15px}.instruction-options{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.option{color:#333;font-size:1rem;margin-bottom:10px}.option:last-child{margin-bottom:0}.note{color:#666;font-size:.9rem;font-style:italic}.survey-info{background:#e8f4f8;border-radius:8px;margin:30px 0;padding:20px;text-align:left}.survey-info p{color:#2c3e50;margin-bottom:10px}.survey-info p:last-child{margin-bottom:0}.start-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:15px 40px;transition:background-color .3s ease}.start-button:hover{background:#2980b9}.start-button:active{transform:translateY(1px)}@media (max-width:768px){.welcome-container{border-radius:8px;margin:5px;padding:25px}.welcome-container h1{font-size:2rem;margin-bottom:25px}.instructions h2{font-size:1.3rem}.instruction-options{margin:15px 0;padding:15px}.survey-info{margin:25px 0;padding:15px}.start-button{font-size:1.1rem;padding:12px 30px}}@media (max-width:480px){.welcome-screen{align-items:flex-start;padding:20px 5px 5px}.welcome-container{border-radius:6px;margin:0;padding:20px}.welcome-container h1{font-size:1.6rem;line-height:1.2;margin-bottom:20px}.instructions{margin-bottom:20px}.instructions h2{font-size:1.2rem;margin-bottom:12px}.instructions p{font-size:.9rem;margin-bottom:12px}.instruction-options{margin:15px 0;padding:12px}.option{font-size:.9rem;margin-bottom:8px}.note{font-size:.85rem}.survey-info{margin:20px 0;padding:12px}.survey-info p{font-size:.9rem;margin-bottom:8px}.start-button{font-size:1rem;padding:12px 20px;width:100%}}.survey{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:10px}.survey-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:900px;padding:20px;width:100%}.progress-section{margin-bottom:40px}.progress-text{color:#555;font-size:1.1rem;font-weight:500;margin-bottom:15px;text-align:center}.progress-bar{background:#e9ecef;border-radius:10px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:10px;height:100%;transition:width .3s ease}.question-section{margin-bottom:40px}.question-text{font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:30px;text-align:center}.answer-options{display:flex;flex-direction:column;gap:15px}.answer-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;padding:20px;transition:all .3s ease}.answer-option:hover{background:#f8f9fa;border-color:#3498db}.answer-option.selected{background:#e8f4f8;border-color:#3498db}.answer-option input[type=radio]{margin-right:15px;transform:scale(1.2)}.option-text{color:#2c3e50;font-weight:600;margin-right:15px;min-width:60px}.option-description{color:#666;font-style:italic}.navigation-section{align-items:center;display:flex;justify-content:space-between}.nav-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.prev-button{background:#6c757d;color:#fff}.prev-button:hover:not(:disabled){background:#5a6268}.prev-button:disabled{background:#dee2e6;color:#6c757d;cursor:not-allowed}.next-button{background:#3498db;color:#fff}.next-button:hover:not(:disabled){background:#2980b9}.next-button:disabled{background:#dee2e6;color:#6c757d;cursor:not-allowed}.all-questions-section{margin-bottom:40px}.question-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.question-item:hover{background:#fff;border-color:#3498db}.question-number{color:#2c3e50;flex-shrink:0;font-size:1rem;font-weight:600;margin-right:15px;min-width:35px}.question-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.question-text{color:#2c3e50;flex:1 1;font-size:.95rem;font-weight:500;line-height:1.3;margin:0;padding-right:15px;text-align:left}.answer-options-inline{align-items:center;display:flex;flex-shrink:0;gap:8px}.answer-option-inline{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;justify-content:center;min-width:65px;padding:8px 12px;transition:all .3s ease}.answer-option-inline:hover{background:#e8f4f8;border-color:#3498db}.answer-option-inline.selected{background:#3498db;border-color:#3498db;color:#fff}.answer-option-inline input[type=radio]{margin-right:8px;transform:scale(1.1)}.answer-option-inline .option-text{font-size:.9rem;font-weight:500}.answer-option-inline.selected .option-text{color:#fff}.submit-section{border-top:2px solid #e9ecef;padding-top:30px;text-align:center}.submit-button{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:15px 40px;transition:all .3s ease}.submit-button:hover:not(:disabled){background:#219a52;transform:translateY(-1px)}.submit-button:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}@media (max-width:768px){.survey-container{border-radius:8px;margin:5px;padding:15px}.progress-section{margin-bottom:25px}.question-item{margin-bottom:8px;padding:12px}.question-number{font-size:.9rem;min-width:30px}.question-text{font-size:.9rem;padding-right:10px}.answer-options-inline{gap:6px}.answer-option-inline{min-width:60px;padding:6px 10px}.answer-option-inline .option-text{font-size:.85rem}}@media (max-width:480px){.survey{padding:5px}.survey-container{border-radius:6px;margin:0;padding:10px}.progress-section{margin-bottom:20px}.progress-text{font-size:.95rem}.question-item{margin-bottom:8px;padding:10px}.question-content,.question-item{align-items:flex-start;flex-direction:column}.question-content{width:100%}.question-number{font-size:.85rem;margin-bottom:8px}.question-text{font-size:.85rem;line-height:1.3;margin-bottom:10px;padding-right:0}.answer-options-inline{align-items:center;flex-direction:row;gap:5px;justify-content:space-between;width:100%}.answer-option-inline{flex:1 1;justify-content:center;min-width:0;padding:8px 4px}.answer-option-inline .option-text{font-size:.8rem}.submit-section{padding-top:20px}.submit-button{font-size:1rem;padding:12px 20px;width:100%}}.results{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:10px}.results-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:800px;padding:30px;width:100%}.results-container h1{color:#2c3e50;font-size:2.2rem;font-weight:600;margin-bottom:20px;text-align:center}.results-explanation{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.results-explanation p{color:#555;font-size:1.1rem;line-height:1.6;margin:0}.chart-container{margin-bottom:40px}.chart-container h2{color:#2c3e50;font-size:1.8rem;margin-bottom:25px;text-align:center}.bar-chart{display:flex;flex-direction:column;gap:20px}.bar-item{align-items:center;display:flex}.bar-info{flex:1 1}.bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.rank{background:#34495e;border-radius:4px;color:#fff;font-size:.9rem;font-weight:700;min-width:30px;padding:4px 8px;text-align:center}.category-name{color:#2c3e50;flex:1 1;font-size:1.1rem;font-weight:600;margin-left:15px}.score{color:#666;font-size:.9rem;font-weight:500}.bar-wrapper{background:#e9ecef;height:25px;overflow:hidden}.bar,.bar-wrapper{border-radius:12px;position:relative}.bar{height:100%;transition:width .8s ease}.ranked-list{margin-bottom:40px}.ranked-list h3{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.needs-list{list-style:none;margin:0;padding:0}.need-item{background:#f8f9fa;border-left:4px solid #e9ecef;border-radius:8px;margin-bottom:15px;padding:20px}.need-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.need-indicator{border-radius:50%;flex-shrink:0;height:16px;width:16px}.need-header strong{color:#2c3e50;flex:1 1;font-size:1.1rem}.need-score{color:#666;font-size:.9rem;font-weight:500}.need-description{color:#555;line-height:1.5;padding-left:28px}.actions{border-top:1px solid #e9ecef;padding-top:20px;text-align:center}.retake-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:background-color .3s ease}.retake-button:hover{background:#2980b9}@media (max-width:768px){.results-container{border-radius:8px;margin:5px;padding:25px}.results-container h1{font-size:1.9rem}.chart-container h2{font-size:1.6rem}.bar-header{align-items:flex-start;flex-direction:column;gap:5px}.category-name{font-size:1rem;margin-left:0}.need-header{align-items:flex-start;flex-direction:column;gap:8px}.need-description{font-size:.9rem;padding-left:0}.retake-button{font-size:1rem;padding:12px 25px}}@media (max-width:480px){.results{padding:5px}.results-container{border-radius:6px;margin:0;padding:15px}.results-container h1{font-size:1.5rem;line-height:1.2;margin-bottom:15px}.results-explanation{margin-bottom:20px;padding:15px}.results-explanation p{font-size:.95rem}.chart-container{margin-bottom:30px}.chart-container h2{font-size:1.4rem;margin-bottom:20px}.bar-chart{gap:15px}.bar-item{margin-bottom:10px}.bar-header{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:6px}.rank{font-size:.8rem;min-width:25px;padding:3px 6px}.category-name{font-size:.95rem;margin-left:0}.score{font-size:.85rem}.bar-wrapper{height:20px}.ranked-list h3{font-size:1.3rem;margin-bottom:15px}.need-item{margin-bottom:10px;padding:15px}.need-header{align-items:flex-start;flex-direction:column;gap:6px}.need-header strong{font-size:1rem}.need-score{font-size:.85rem}.need-description{font-size:.85rem;line-height:1.4;padding-left:0}.actions{padding-top:15px}.retake-button{font-size:1rem;padding:12px 20px;width:100%}}
/*# sourceMappingURL=main.45dc593f.css.map*/