.welcome-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1a1a;padding:20px;box-sizing:border-box}.welcome-card{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideIn .5s ease-out}.welcome-card h1{margin:0 0 20px;color:#1a1a1a;font-size:32px;font-weight:700;text-align:center}.welcome-description{color:#666;font-size:16px;line-height:1.6;margin-bottom:15px;text-align:justify}.welcome-form{margin-top:30px}.input-group{margin-bottom:25px}.input-group label{display:block;margin-bottom:10px;color:#333;font-size:16px;font-weight:600}.name-input{width:100%;padding:14px 18px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.name-input:focus{border-color:#1a1a1a}.name-input::placeholder{color:#aaa}.begin-button{width:100%;padding:16px;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:#1a1a1a}.begin-button:hover{transform:translateY(-.2px);box-shadow:#1a1a1a}.begin-button:active{transform:translateY(0)}@media(max-width:600px){.welcome-card{padding:30px 20px}.welcome-card h1{font-size:26px}.welcome-description{font-size:14px}}.message-bubble{margin:10px;padding:12px 16px;border-radius:12px;max-width:70%;word-wrap:break-word;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.bot{background-color:#e0e0e0;color:#1a1a1a;align-self:flex-start;margin-right:auto}.message-bubble.user{background-color:#2a2a2a;color:#fff;align-self:flex-end;margin-left:auto}.message-content{margin-bottom:0%}.message-options{display:flex;flex-direction:column;gap:8px;margin-top:12px}.option-button{padding:10px 16px;background-color:#fff;border:2px solid #2a2a2a;border-radius:8px;color:#2a2a2a;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.option-button:hover{background-color:#2a2a2a;color:#fff;transform:translateY(-2px);box-shadow:0 2px 8px #0003}.option-button:active{transform:translateY(0)}.input-box{display:flex;flex-direction:column;gap:10px;padding:16px;background-color:#fff;border-top:1px solid #e0e0e0;overflow-x:hidden;width:100%;box-sizing:border-box}.input-error{color:#d32f2f;font-size:14px;padding:8px 12px;background-color:#ffebee;border-radius:8px;border-left:4px solid #d32f2f}.amount-input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:24px;font-size:16px;outline:none;transition:border-color .2s ease;box-sizing:border-box;min-width:0}.amount-input:focus{border-color:#2a2a2a}.amount-input:disabled{background-color:#f5f5f5;color:#9e9e9e;cursor:not-allowed;border-color:#e0e0e0}.input-error-border{border-color:#d32f2f!important}.input-error-border:focus{border-color:#d32f2f!important}.submit-button{padding:12px 24px;background-color:#2a2a2a;color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-button:hover{background-color:#1a1a1a;box-shadow:0 4px 8px #0000004d}.submit-button:active{transform:translateY(0)}.submit-button:disabled{background-color:#9e9e9e;cursor:not-allowed;transform:none;box-shadow:none}.submit-button:disabled:hover{background-color:#9e9e9e;transform:none;box-shadow:none}.chat-window{display:flex;flex-direction:column;height:100vh;max-width:375px;margin:0 auto;background-color:#fff;box-shadow:0 0 40px #0000004d;border-radius:20px;overflow:hidden;overflow-x:hidden}.chat-header{padding:20px;background:#1a1a1a;color:#fff;text-align:center;box-shadow:0 2px 10px #0003}.chat-header h2{margin:0;font-size:24px;font-weight:600}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:3%;display:flex;flex-direction:column;background-color:#f5f5f5}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}.experiment-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e8e8e8;padding:20px;overflow-x:hidden;box-sizing:border-box}.experiment-info{padding:10px 20px;background-color:#fff;text-align:center;font-size:12px;font-weight:600;color:#666;position:absolute;top:20px;left:50%;transform:translate(-50%);border-radius:20px;box-shadow:0 2px 10px #0000001a;z-index:10}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:24px;color:#333;background:#e8e8e8}.survey-container{min-height:100vh;background:#e8e8e8;padding:40px 20px}.survey-content{max-width:800px;margin:0 auto;background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003}.survey-content h1{color:#333;margin-bottom:10px;font-size:32px}.survey-intro{color:#666;margin-bottom:30px;font-size:16px}.survey-section{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #f0f0f0}.survey-section:last-of-type{border-bottom:none}.survey-section h2{color:#444;margin-bottom:20px;font-size:24px}.survey-question{margin-bottom:30px}.question-label{display:block;color:#333;font-weight:600;margin-bottom:15px;font-size:16px}.scale-container{display:flex;align-items:center;gap:15px}.scale-anchor{font-size:14px;color:#666;font-style:italic;min-width:120px;text-align:center}.scale-options{display:flex;gap:10px;flex:1;justify-content:center}.scale-option{display:flex;flex-direction:column;align-items:center;cursor:pointer}.scale-option input[type=radio]{margin-bottom:5px;cursor:pointer;width:20px;height:20px}.scale-option span{font-size:14px;color:#666;font-weight:600}.survey-select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.survey-select:focus{outline:none;border-color:#2a2a2a}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;padding:12px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:#2a2a2a;background-color:#f5f5f5}.radio-option input[type=radio]{margin-right:12px;width:20px;height:20px;cursor:pointer}.radio-option span{font-size:16px;color:#333}.submit-survey-button{width:100%;padding:16px;background:#2a2a2a;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;margin-top:20px}.submit-survey-button:hover{box-shadow:0 8px 20px #0000004d}.submit-survey-button:active{transform:translateY(0)}.complete-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1a1a;padding:20px;box-sizing:border-box}.complete-card{background:#fff;border-radius:20px;padding:50px 40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.checkmark-circle{margin:0 auto 30px;width:100px;height:100px}.checkmark{width:100px;height:100px;border-radius:50%;display:block;stroke-width:2;stroke:#11998e;stroke-miterlimit:10;box-shadow:inset 0 0 #11998e;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark-circle-path{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#11998e;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:#1a1a1a}}.complete-card h1{margin:0 0 20px;color:#1a1a1a;font-size:32px;font-weight:700}.complete-description{color:#666;font-size:16px;line-height:1.6;margin-bottom:15px}.home-button{margin-top:30px;padding:14px 32px;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:#1a1a1a}.home-button:hover{box-shadow:#1a1a1a}.home-button:active{transform:translateY(0)}@media(max-width:600px){.complete-card{padding:40px 20px}.complete-card h1{font-size:26px}.complete-description{font-size:14px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e8e8e8;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}