@import"https://fonts.googleapis.com/css2?family=Dongle&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lexend+Deca:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Dongle&family=Lexend+Deca:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;position:relative}html,body{font-size:16px}#root{height:100vh;overflow:auto}body{line-height:1.5;background-color:#fbfdff;font-family:Lexend Deca,sans-serif}.layout-container{height:100%;display:flex}main{height:100%;flex:1}.main-content{margin-left:280px;width:calc(100% - 280px);transition:all .3s ease}.container{max-width:990px;margin:0 auto;padding:1.5rem 2rem;min-height:100vh}.grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 860px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}.flex-column{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem}.flex-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem}@media (min-width: 860px){.flex-content{flex-direction:row}}.content-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}.center-absolute{display:flex;justify-content:center;align-items:center;margin:auto;position:absolute;top:50%;height:100%;width:100%;left:50%;transform:translate(-50%,-50%)}.content-centered{display:flex;justify-content:center;align-items:center;height:100%;margin:auto;width:100%}.justify-between{justify-content:space-between}h1{font-family:Lexend Deca,sans-serif;font-size:2.25rem;font-weight:700;margin-bottom:.5rem}h2{font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:500;margin-bottom:1rem}h3{font-weight:500;margin-bottom:.5rem}p{font-family:Lexend Deca,sans-serif}.danger{color:#ef4848!important}.description,small{color:#6b7280;font-weight:400}.page-header{display:flex;flex-direction:column;margin-bottom:2rem}a{text-decoration:none;color:#000;font-family:Lexend Deca,sans-serif;font-size:1.1rem}.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-state .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6;color:#8d54e2}.empty-state .empty-message{font-size:1.25rem;margin-bottom:.75rem;color:#374151;font-weight:600}.error-state{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;padding:2rem;text-align:center}.error-state .error-icon{font-size:3rem;color:#dc2626;margin-bottom:1rem;opacity:.7}.error-state .error-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.error-state .error-message{font-size:1rem;color:#4b5563;max-width:500px;margin-bottom:1.5rem}.loading-state{display:flex;justify-content:center;align-items:center;margin:auto;position:absolute;top:50%;height:100%;width:100%;left:50%;transform:translate(-50%,-50%);text-align:center;flex-direction:column;padding:3rem}.loading-state .loading-text{margin-top:1rem;font-size:1.1rem;color:#9ca3af}.section-icon{color:#54cbe2;background:#e3f3fe;padding:.5rem;border-radius:.5rem;width:40px;height:40px}.form label{font-family:Dongle,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.7rem;font-weight:500;color:#374151}.form-group{margin-bottom:1.5rem;max-width:400px}.form-input,.form-select,.form-textarea{width:100%;flex:1;padding:.75rem;font-size:.875rem;line-height:1.25rem;color:#111827;background-color:#f9fbfc;border:2px solid #edeff1;border-radius:.5rem;transition:all .2s ease;font-family:Lexend Deca,sans-serif}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#54cbe2}.error.form-input,.error.form-select,.error.form-textarea{border-color:#dc2626}.form-textarea{min-height:100px;resize:vertical}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-slider{background-color:#54cbe2}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.2s;border-radius:24px}.toggle-switch .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}button{border:none;background:none;cursor:pointer;font-size:1.5rem;font-family:Dongle,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.squircle-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;width:40px;height:40px;border-radius:.5rem!important;font-family:Dongle,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:.2s ease-out;cursor:pointer}.squircle-btn>*{transition:.1s ease-out}.squircle-btn:hover>*{transform:scale(1.09)}.squircle-btn.primary{color:#54cbe2}.squircle-btn.primary:hover,.squircle-btn.primary.selected{background-color:#e3f3fe}.squircle-btn.secondary{color:#8d54e2}.squircle-btn.secondary:hover,.squircle-btn.secondary.selected{background-color:#f3e8ff}.squircle-btn.danger{color:#dc2626}.squircle-btn.danger:hover{background-color:#fee2e2}.btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.8rem;padding:.2rem 1.5rem;font-size:1.8rem;border-radius:9999px;font-family:Dongle,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;color:#000;margin:.5rem auto;transition:all .3s ease;text-align:center}.btn:hover:not(.btn-disabled,.btn-text){transform:translateY(-2px)}.btn:active{transform:translateY(0);box-shadow:none}.btn.link{color:#8d54e2}.btn.link:hover{text-decoration:underline}.btn-primary{max-width:290px;min-width:180px;background-color:#54cbe2;color:#fff}.btn-primary:hover{background-color:#c1e6ff;color:#54cbe2;box-shadow:0 4px 12px #54cbe24d}.btn:disabled:not(.btn-text){background-color:#d1d5db;cursor:not-allowed;color:#9ca3af;transform:none;box-shadow:none}.btn-secondary{max-width:290px;min-width:180px;background-color:#8d54e2;color:#fff}.btn-secondary:hover{background-color:#d0a1fc;color:#8d54e2;box-shadow:0 4px 12px #8d54e24d}.btn-tertiary{max-width:290px;min-width:180px;background-color:#fff;box-shadow:0 1px 5px #00000030}.btn-tertiary:hover{opacity:.7}.btn-special{max-width:290px;min-width:180px;background-color:#54cbe2;color:#fff;box-shadow:0 1px 5px #00000030}.btn-special:hover{background-color:#6b61ff;box-shadow:0 4px 12px #54cbe2}.btn-text{color:#000;transition:.2s}.btn-text:hover{opacity:.5}.btn-warning{max-width:290px;min-width:180px;background-color:#f49b00;color:#fff}.btn-warning:hover{background-color:#ffd3a1;color:#f49b00;box-shadow:0 5px 12px #f49b004d}.btn-danger{background-color:#ef4848;color:#fff;max-width:290px;min-width:180px}.btn-danger:hover{background-color:#fdb0b0;color:#ef4848;box-shadow:0 4px 12px #ef484866}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.card-section{background-color:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;min-width:350px;text-align:left;border:1px solid #edeff1;transition:all .3s ease}.card-section:hover{border-color:#d1d5db}.card-section .section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;margin-bottom:1.5rem;border-bottom:2px solid #f9fbfc}.card-section .section-header h2{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;color:#1f2937}.card-section .section-header .section-action{color:#54cbe2;text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s ease}.card-section .section-header .section-action:hover{color:#c1e6ff}.card-section .section-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;width:100%}@media (min-width: 400px){.main-content{margin-left:120px;width:calc(100% - 120px)}.container{padding:1rem}}@media (min-width: 860px){.main-content{margin-left:280px;width:calc(100% - 280px)}.container{padding:1.5rem}}.select-container{position:relative}.select-container .option-item:last-child{border-radius:0 0 15px 15px}.select-container .option-item:first-child{border-radius:15px 15px 0 0}.select-container .option-item:only-child{border-radius:15px}.select-container .option-item{transition:.17s;padding:15px;width:100%;border-bottom:1px solid var(--color-gray-300);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.select-container .option-item:last-child{border:none}.select-container .options-list{position:absolute;width:100%;box-shadow:var(--box-shadow);overflow:hidden;border-radius:10px;background:#fff;max-height:200px;overflow-y:auto;list-style:none;z-index:1000}.select-container .option-item:hover{background:#00000007}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 37%,var(--color-gray-200) 63%);margin:1rem 0;background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:.5rem}.skeleton-text{height:1.2em}.skeleton-title{height:2em}.skeleton-button{height:2.5rem;width:8rem}.skeleton-card{padding:1.5rem;background-color:var(--color-white);border-radius:1rem;box-shadow:0 1px 3px #0000001a}.form{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1.5rem;width:100%;padding:1rem}.form .form-content{padding-bottom:4rem}.form .description{margin-bottom:2rem}.form .form-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;width:100%;margin-bottom:1rem}.form .form-group label{font-family:Dongle,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#374151;font-size:1.5rem;font-weight:500}.form .form-group .form-input,.form .form-group .form-select,.form .form-group .form-textarea{width:100%;padding:1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;transition:all .2s ease}.form .form-group .form-input:focus,.form .form-group .form-select:focus,.form .form-group .form-textarea:focus{outline:none;border-color:#54cbe2;box-shadow:0 0 0 2px #54cbe21a}.form .form-group .form-input.error,.form .form-group .form-select.error,.form .form-group .form-textarea.error{border-color:#dc2626}.form .form-group .form-error{color:#dc2626;font-size:.875rem;margin-top:.25rem}.form .description{margin-bottom:1rem}.form .form-error-message{color:#dc2626;padding:.75rem;background-color:#fee2e2;border-radius:.5rem;margin-top:.5rem}.form .form-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem;margin:.5rem 0;position:absolute;bottom:0;right:1rem}.signup-final-step{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1.5rem;width:100%;padding:1rem 0;text-align:center}.signup-final-step .welcome-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;width:100%;margin-bottom:1.5rem}.signup-final-step .welcome-section .welcome-icon{display:flex;justify-content:center;align-items:center;height:100%;margin:auto;width:100%;width:80px;height:80px;background:linear-gradient(135deg,#54cbe2,#c1e6ff);border-radius:9999px;margin:0 auto 1rem;color:#fff;box-shadow:0 8px 20px #54cbe24d}.signup-final-step .welcome-section .welcome-text{font-size:1.1rem;color:#4b5563;max-width:500px;margin:0 auto}.signup-final-step .features-preview{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.75rem;width:100%;background:#fbfdff;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.signup-final-step .features-preview .feature-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;text-align:left;padding:.5rem}.signup-final-step .features-preview .feature-item .feature-icon{color:#54cbe2;flex-shrink:0}.signup-final-step .features-preview .feature-item span{font-size:1rem;color:#374151;font-weight:500}.signup-final-step .terms-section{margin-bottom:1.5rem}.signup-final-step .terms-section .terms-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;width:100%;background:#fff;border:2px solid #edeff1;border-radius:1rem;padding:1.5rem;text-align:left}.signup-final-step .terms-section .terms-content h3{font-size:1.25rem;color:#111827;margin-bottom:.5rem;text-align:center}.signup-final-step .terms-section .terms-content p{color:#4b5563;margin-bottom:1rem;text-align:center}.signup-final-step .terms-section .terms-content .checkbox-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;width:100%}.signup-final-step .terms-section .terms-content .checkbox-wrapper .custom-checkbox{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.75rem;cursor:pointer;position:relative;padding-left:0}.signup-final-step .terms-section .terms-content .checkbox-wrapper .custom-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.signup-final-step .terms-section .terms-content .checkbox-wrapper .custom-checkbox input[type=checkbox]:checked~.checkmark{background-color:#54cbe2;border-color:#54cbe2}.signup-final-step .terms-section .terms-content .checkbox-wrapper .custom-checkbox input[type=checkbox]:checked~.checkmark:after{display:block}.signup-final-step .terms-section .terms-content .checkbox-wrapper .custom-checkbox .checkmark{height:20px;width:20px;background-color:#fff;border:2px solid #d1d5db;border-radius:.375rem;position:relative;flex-shrink:0;margin-top:2px;transition:all .2s ease}.signup-final-step .terms-section .terms-content .checkbox-wrapper .custom-checkbox .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.signup-final-step .terms-section .terms-content .checkbox-wrapper .custom-checkbox .checkbox-text{font-size:.9rem;color:#374151}.signup-final-step .terms-section .terms-content .checkbox-wrapper .custom-checkbox .checkbox-text .terms-link{color:#54cbe2;text-decoration:none;font-weight:500}.signup-final-step .terms-section .terms-content .checkbox-wrapper .custom-checkbox .checkbox-text .terms-link:hover{text-decoration:underline}.signup-final-step .terms-section .terms-content .checkbox-wrapper .custom-checkbox:hover .checkmark{border-color:#54cbe2}.signup-final-step .terms-section .terms-content .checkbox-wrapper .form-error{color:#dc2626;font-size:.875rem;margin-top:.25rem;text-align:center}.signup-final-step .motivation-section .motivation-card{background:linear-gradient(135deg,#e3f3fe,#c1e6ff);border-radius:1rem;padding:1.5rem;border:1px solid #54cbe2}.signup-final-step .motivation-section .motivation-card h4{font-size:1.25rem;color:#54cbe2;margin-bottom:.75rem;font-weight:600}.signup-final-step .motivation-section .motivation-card p{color:#374151;font-size:1rem}@media (min-width: 400px){.signup-final-step .welcome-section .welcome-icon{width:60px;height:60px}.signup-final-step .features-preview,.signup-final-step .terms-section .terms-content,.signup-final-step .motivation-section .motivation-card{padding:1rem}}.selection-list{display:grid;grid-template-columns:repeat(1,1fr);gap:.5rem;margin:.75rem;overflow:scroll;max-height:35vh;padding:.75rem}.checkbox-item{position:relative;padding:1rem;border:1px solid #edeff1;border-radius:.5rem;cursor:pointer;min-width:250px;transition:all .3s ease;background-color:#fff;flex:1}.checkbox-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-item input[type=checkbox]:checked+span{color:#54cbe2}.checkbox-item input[type=checkbox]:checked+span+.checkbox-item{transform:translateY(-2px);border-color:#54cbe2;background-color:#e3f3fe;box-shadow:0 4px 12px #54cbe233}.checkbox-item:hover{transform:translateY(-2px);border-color:#c1e6ff;background-color:#e3f3fe;box-shadow:0 4px 12px #54cbe21a}.checkbox-item.selected{transform:translateY(-2px);border-color:#54cbe2;background-color:#e3f3fe;box-shadow:0 4px 12px #54cbe233}.checkbox-item.selected span{color:#54cbe2;font-weight:500}.checkbox-item.selected:hover{transform:translateY(-2px)}.checkbox-item span{display:block;color:#6b7280;font-size:.9rem;transition:all .2s ease}.loader{border:3px solid transparent;border-left-color:#d1d5db;border-top-color:#d1d5db;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:30px;height:30px;background:transparent;animation:spin .8s linear infinite}.loader div{border:3px solid transparent;border-left-color:#d1d5db;border-right-color:#d1d5db;border-radius:50%;position:relative;background:transparent;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counter-clockwise{0%{transform:rotate(720deg)}to{transform:rotate(0)}}.dialogue-arena{width:100%;max-width:900px;margin:0 auto;position:relative}.dialogue-arena h1{font-size:1.2rem;color:#fff;opacity:.9}.dialogue-arena .chat-window{max-height:50vh;background:linear-gradient(to right,#add8e6,#9370db);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 40px #0003,0 0 0 1px #fff3;overflow:hidden;border-radius:1.5rem;justify-content:flex-start;align-items:stretch;gap:0;position:relative;height:100%;display:flex;flex-direction:column}.dialogue-arena .chat-window:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#54cbe2,#667eea,#54cbe2);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.dialogue-arena .chat-window .chat-messages{overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;width:100%}.dialogue-arena .chat-window .chat-messages .message{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:.75rem;animation:messageSlideIn .5s ease-out;font-family:Dongle,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.dialogue-arena .chat-window .chat-messages .message.actor .message-bubble{background:linear-gradient(135deg,#f9fbfc,#fbfdff);color:#1f2937;border-bottom-left-radius:.5rem;box-shadow:0 3px 4px 1px #00000014}.dialogue-arena .chat-window .chat-messages .message.actor .avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dialogue-arena .chat-window .chat-messages .message.user{flex-direction:row-reverse}.dialogue-arena .chat-window .chat-messages .message.user .message-bubble{background:#54cbe2;color:#fff;border-bottom-right-radius:.5rem;box-shadow:0 4px 12px #54cbe24d}.dialogue-arena .chat-window .chat-messages .message.user .avatar{background:linear-gradient(135deg,#54cbe2,#9ce5ff);color:#fff}.dialogue-arena .chat-window .chat-messages .message .avatar{width:48px;height:48px;border-radius:9999px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #0003}.dialogue-arena .chat-window .chat-messages .message .message-content{max-width:70%}.dialogue-arena .chat-window .chat-messages .message .message-content .speaker-name{font-weight:600;font-family:Lexend Deca,sans-serif;color:#4b5563;margin-bottom:.25rem}.dialogue-arena .chat-window .chat-messages .message .message-content .message-bubble{padding:1rem 1.5rem;border-radius:1.2rem;font-size:1.45rem;position:relative;word-wrap:break-word}.dialogue-arena .chat-window .chat-messages .typing-indicator{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;opacity:.7}.dialogue-arena .chat-window .chat-messages .typing-indicator .avatar{width:48px;height:48px;border-radius:9999px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;color:#fff;font-weight:700}.dialogue-arena .chat-window .chat-messages .typing-indicator .typing-dots{background:#f9fbfc;padding:.75rem 1rem;border-radius:9999px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.dialogue-arena .chat-window .chat-messages .typing-indicator .typing-dots .dot{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:typingDots 1.4s infinite ease-in-out}.dialogue-arena .chat-window .chat-messages .typing-indicator .typing-dots .dot:nth-child(1){animation-delay:-.32s}.dialogue-arena .chat-window .chat-messages .typing-indicator .typing-dots .dot:nth-child(2){animation-delay:-.16s}.response-section{position:fixed;bottom:0;width:100%;padding:1rem}.response-section .response-options{display:flex;flex-direction:row;justify-content:start;align-items:end;gap:.75rem;overflow:scroll;padding:.5rem}.response-section .response-options .response-option{background:#ffffffe6;border:2px solid rgba(255,255,255,.2);border-radius:1.2rem;box-shadow:0 3px 4px 1px #00000014;text-align:left;display:flex;align-items:center;justify-content:center;border-color:#54cbe2;min-width:300px;background:#54cbe233;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s ease}.response-section .response-options .response-option:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 3px 4px 1px #54cbe240}.response-section .response-options .response-option:hover:not(.disabled):before{left:100%}.response-section .response-options .response-option:disabled{opacity:.6;cursor:not-allowed;transform:none}.response-section .response-options .response-option .option-text{font-size:1.6rem;font-family:Dongle,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#fff;transition:color .3s ease}.response-section .custom-response{max-width:1000px;margin:auto;margin-top:1rem;padding-top:1rem}.response-section .custom-response .input-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:.75rem}.response-section .custom-response .input-container .form-input{border-radius:9999px;background:#ffffffe6;flex:1}.response-section .custom-response .input-container .mic-btn{width:48px;height:48px;border-radius:9999px;background:#f6f7f8;color:#4b5563;border:none;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;transition:all .3s ease}.response-section .custom-response .input-container .mic-btn:hover:not(:disabled){background:#edeff1;color:#1f2937}.response-section .custom-response .input-container .mic-btn.active{background:#f78585;color:#fff;animation:pulse 2s infinite}.response-section .custom-response .input-container .mic-btn:disabled{opacity:.6;cursor:not-allowed}.response-section .custom-response .input-container .send-btn{width:48px;height:48px;border-radius:9999px;background:#54cbe2;color:#fff;border:none;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;transition:all .3s ease}.response-section .custom-response .input-container .send-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #54cbe266}.response-section .custom-response .input-container .send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #8d54e266}50%{transform:scale(1.05);box-shadow:0 0 20px #8d54e299}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;overflow-y:auto;background:#0003;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;min-height:100vh;padding:1rem}.modal-close{font-size:2rem}.modal-content{position:relative;width:100%;overflow:hidden;max-width:700px;background-color:#fff;border-radius:.5rem;box-shadow:none;padding:1.5rem;transform:translateY(0);transition:transform .2s}.modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:1.5rem}.modal-footer{margin-top:1.5rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.75rem}.completion-header{width:100%;text-align:center;margin-bottom:2rem}.completion-header .success-celebration{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.completion-header .success-celebration .completion-title{font-size:2.5rem;font-weight:800;color:#111827;margin-bottom:.5rem;background:linear-gradient(135deg,#54cbe2,#8d54e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.completion-header .success-celebration .completion-subtitle{color:#4b5563;max-width:400px}.completion-header .overall-score{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;background:linear-gradient(135deg,#e3f3fe,#fff);border-radius:1.5rem;padding:1.5rem;border:2px solid #c1e6ff}@media (min-width: 400px){.completion-header .overall-score{flex-direction:column;gap:1rem}}.completion-header .overall-score .score-circle{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;box-shadow:0 8px 25px #54cbe233;border:4px solid #54cbe2;position:relative}.completion-header .overall-score .score-circle:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;background:linear-gradient(45deg,#54cbe2,#8d54e2,#54cbe2);z-index:-1;animation:rotate 3s linear infinite}.completion-header .overall-score .score-circle .score-value{font-size:2.5rem;font-weight:800;color:#54cbe2}.completion-header .overall-score .score-circle .score-label{font-size:.9rem;color:#4b5563;font-weight:500}.completion-header .overall-score .score-breakdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.completion-header .overall-score .score-breakdown .total-points{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem}.completion-header .overall-score .score-breakdown .total-points .points-earned{font-size:2rem;font-weight:700;color:#8d54e2}.completion-header .overall-score .score-breakdown .total-points .points-label{font-size:.9rem;color:#4b5563;font-weight:500}.analysis-toggle{justify-self:center;margin-bottom:1.5rem}.analysis-toggle .toggle-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #c1e6ff;border-radius:9999px;color:#54cbe2;font-weight:600;cursor:pointer;transition:all .3s ease}.analysis-toggle .toggle-btn:hover{background:#e3f3fe;box-shadow:0 6px 20px #54cbe233}.analysis-toggle .toggle-btn.active{background:#54cbe2;color:#fff;border-color:#54cbe2}.progress-section{width:100%;margin-bottom:2rem}.progress-section .section-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.progress-section .progress-item{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 5px 8px #0000000a;transition:all .3s ease;border:1px solid #f9fbfc}.progress-section .progress-item:hover{border-color:#c1e6ff}.progress-section .progress-item .progress-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.progress-section .progress-item .progress-header .category-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem}.progress-section .progress-item .progress-header .category-info .category-icon{width:40px;height:40px;border-radius:.5rem;background:#e3f3fe;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;color:#54cbe2}.progress-section .progress-item .progress-header .category-info .category-name{font-size:1.25rem;font-weight:600;color:#1f2937}.progress-section .progress-item .progress-header .score-display{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem}.progress-section .progress-item .progress-header .score-display .points-earned{font-size:1.1rem;font-weight:700;color:#8d54e2;background:#f3e8ff;padding:.25rem .75rem;border-radius:9999px}.analysis-section{width:100%;background:#fbfdff;border-radius:1.5rem;padding:1.5rem;border:2px solid #edeff1}.analysis-section .section-title{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.analysis-section .steps-analysis{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;width:100%}.analysis-section .step-analysis{background:#fff;border-radius:1rem;border:2px solid #edeff1;overflow:hidden;transition:all .3s ease}.analysis-section .step-analysis:hover{border-color:#c1e6ff}.analysis-section .step-analysis .step-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fbfdff;border-bottom:1px solid #edeff1}.analysis-section .step-analysis .step-header .step-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}.analysis-section .step-analysis .step-header .step-info .step-number{font-weight:600;color:#1f2937;font-size:1.1rem}.analysis-section .step-analysis .step-header .step-info .step-points{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.analysis-section .step-analysis .step-header .step-info .step-points .point-badge{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;background:#f3e8ff;color:#8d54e2;padding:.25rem .5rem;border-radius:9999px;font-size:.8rem;font-weight:600}.analysis-section .step-analysis .step-header .expand-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;width:32px;height:32px;border-radius:.5rem;background:#fff;border:1px solid #d1d5db;color:#4b5563;cursor:pointer;transition:all .2s ease}.analysis-section .step-analysis .step-header .expand-btn:hover{background:#e3f3fe;color:#54cbe2;border-color:#c1e6ff}.analysis-section .step-analysis .step-details{padding:1.5rem}.analysis-section .step-analysis .step-details .conversation-flow{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;width:100%;margin-bottom:1.5rem}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.75rem}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis.user{flex-direction:row-reverse}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis.user .message-bubble{background:#54cbe2;color:#fff;border-bottom-right-radius:.5rem}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis.actor .message-bubble{background:#f9fbfc;color:#1f2937;border-bottom-left-radius:.5rem}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis .message-bubble{max-width:70%;padding:1rem;border-radius:1rem;box-shadow:0 2px 8px #0000001a}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis .message-bubble .feedback{display:block;border-radius:1rem;margin-top:.5rem;color:#c1e6ff}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis .message-bubble .better-response{display:block;color:#9ca3af}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis .analysis-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:1.1rem;white-space:nowrap}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis .analysis-btn.better-response{background:#f3e8ff;color:#8d54e2}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis .analysis-btn.better-response:hover{background:#8d54e2;color:#f3e8ff}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis .analysis-btn.feedback{background:#e3f3fe;color:#54cbe2}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis .analysis-btn.feedback:hover{background:#54cbe2;color:#e3f3fe}.analysis-section .step-analysis .step-details .conversation-flow .message-analysis .analysis-btn:disabled{opacity:.6;cursor:not-allowed}.analysis-section .step-analysis .step-details .points-breakdown{background:#fbfdff;border-radius:1rem;padding:1rem;border:1px solid #edeff1}.analysis-section .step-analysis .step-details .points-breakdown h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.analysis-section .step-analysis .step-details .points-breakdown .points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.analysis-section .step-analysis .step-details .points-breakdown .points-grid .point-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-radius:.5rem;border:1px solid #edeff1;transition:all .2s ease;max-width:250px;color:#8d54e2}.analysis-section .step-analysis .step-details .points-breakdown .points-grid .point-item.earned{border-color:#e9d5ff;background:#f3e8ff}.analysis-section .step-analysis .step-details .points-breakdown .points-grid .point-item.earned .points{color:#8d54e2;font-weight:700}.analysis-section .step-analysis .step-details .points-breakdown .points-grid .point-item .category{flex:1;font-size:.9rem}.analysis-section .step-analysis .step-details .points-breakdown .points-grid .point-item .points{font-size:.9rem;font-weight:600;color:#6b7280}@media (min-width: 400px){.completion-modal{padding:1rem;max-height:95vh}.completion-modal .analysis-section,.completion-modal .analysis-section .step-details{padding:1rem}.completion-modal .analysis-section .step-details .conversation-flow .message-analysis{flex-direction:column;align-items:stretch}.completion-modal .analysis-section .step-details .conversation-flow .message-analysis.user{flex-direction:column}.completion-modal .analysis-section .step-details .conversation-flow .message-analysis .message-bubble{max-width:100%}.completion-modal .analysis-section .step-details .conversation-flow .message-analysis .analysis-btn{align-self:flex-end;margin-top:.5rem}.completion-modal .analysis-section .step-details .points-breakdown .points-grid{grid-template-columns:1fr}}.scenario-card{background-color:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .3s ease;cursor:pointer;border:2px solid transparent;display:flex;flex-direction:column}.scenario-card:hover{transform:translateY(-4px);border-color:#c1e6ff}.scenario-card.completed{background:linear-gradient(135deg,#dcfce7,#fff);border-color:#16a34a}.scenario-card.completed .completion-badge{background:#16a34a;color:#fff}.scenario-card.trending{background:linear-gradient(135deg,#fef3c7,#fff);border-color:#f59e0b}.scenario-card.trending .trending-badge{background:#f59e0b;color:#fff}.scenario-card .card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;flex:.5}.scenario-card .card-header .scenario-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;flex:1}.scenario-card .card-header .badges{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:.25rem}.scenario-card .card-header .badges .badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-align:center;min-width:60px}.scenario-card .card-header .badges .badge.completion-badge{background:#54cbe2;color:#fff}.scenario-card .card-header .badges .badge.trending-badge{background:#f59e0b;color:#fff}.scenario-card .scenario-description{flex:1;color:#6b7280;display:-webkit-box;margin-bottom:1rem;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scenario-card .scenario-meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding-top:.75rem;border-top:1px solid #edeff1}.scenario-card .scenario-meta .meta-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;text-align:center}.scenario-card .scenario-meta .meta-item .meta-value{font-weight:600;color:#54cbe2;font-size:1.1rem}.scenario-card .scenario-meta .meta-item .meta-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.scenario-card .scenario-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem}.scenario-card .scenario-actions .action-btn{flex:1;padding:.75rem 1rem;border:2px solid #54cbe2;border-radius:.5rem;background:#fff;color:#54cbe2;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center}.scenario-card .scenario-actions .action-btn:hover{background:#54cbe2;color:#fff;box-shadow:0 4px 12px #54cbe24d}.scenario-card .scenario-actions .action-btn.primary{background:#54cbe2;color:#fff}.scenario-card .scenario-actions .action-btn.primary:hover{background:#9ce5ff;border-color:#9ce5ff;box-shadow:0 6px 16px #54cbe266}.dialogue-item{display:flex;flex-direction:row;justify-content:space-between;align-items:start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fff,#e3f3fe);border-radius:.5rem;transition:all .2s ease;min-width:290px;cursor:pointer;color:#000}.dialogue-item:hover{background:#e3f3fe;transform:translateY(-1px)}.dialogue-item:hover{border-color:#54cbe2;background:linear-gradient(135deg,#e3f3fe,#c1e6ff)}.dialogue-item .dialogue-details .dialogue-header{text-align:left}.dialogue-item .dialogue-details .dialogue-header .header-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.dialogue-item .dialogue-details .dialogue-header .scenario-title{font-weight:500;color:#1f2937}.dialogue-item .dialogue-details .dialogue-header .badge{max-width:100px;margin-bottom:.75rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;font-size:.75rem;color:#54cbe2;font-weight:600;padding:.25rem .5rem;background:#fffc;border-radius:9999px;border:1px solid currentColor}.dialogue-item .dialogue-actions{transition:background .2s ease;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem}.dialogue-item .dialogue-actions .squircle-btn{background-color:#fff;border:2px solid #c1e6ff;box-shadow:0 1px 4px #c1e6ff}.dialogue-item .dialogue-actions .squircle-btn:hover{background-color:#fff}@media (min-width: 400px){.dialogue-item{min-width:100%;padding:.75rem}.dialogue-item .dialogue-details .dialogue-header .header-top{gap:.5rem}.dialogue-item .dialogue-details .dialogue-header .scenario-title{font-size:.9rem}.dialogue-item .dialogue-details .dialogue-header .badge{font-size:.7rem;padding:.2rem .4rem}.dialogue-item .dialogue-details .description{font-size:.85rem}.dialogue-item .dialogue-actions .squircle-btn{width:36px;height:36px}}header{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:fixed;width:100%;top:0;left:0;z-index:999;transition:all .3s ease;padding:1rem}header .nav{max-width:80rem;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem}header .nav .logo{width:140px;height:auto}header .nav-links{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}header .nav-link{flex-direction:row;justify-content:flex-start;gap:.5rem;color:#4b5563;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:500;padding:.5rem;min-width:50px;height:50px;border-radius:.5rem;transition:all .2s ease}header .nav-link span{display:none}@media (min-width: 860px){header .nav-link span{display:inline}}header .nav-link:hover,header .nav-link.active{color:#54cbe2;background-color:#f9fbfc}header .nav-link:hover svg,header .nav-link.active svg{transform:scale(1.1)}header .nav-link svg{width:1.25rem;height:1.25rem;transition:transform .2s ease}header .nav-brand{font-weight:600;color:#111827;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}header .nav-brand span{display:none}@media (min-width: 860px){header .nav-brand span{display:inline}}.progress-section .progress-categories{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;width:100%}.progress-section .progress-categories .category-item{padding:1rem;background:linear-gradient(135deg,#fbfdff,#f3e8ff80);border-radius:1rem;border:1px solid rgba(141,84,226,.1);transition:all .2s ease;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem}.progress-section .progress-categories .category-item:hover{background:linear-gradient(135deg,#f3e8ff,#e9d5ffb3);transform:translate(4px)}.progress-section .progress-categories .category-item .category-icon{width:40px;height:40px;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:9999px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;color:#8d54e2;flex-shrink:0;border:2px solid rgba(141,84,226,.2)}.progress-section .progress-categories .category-item .category-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.progress-section .progress-categories .category-item .category-header .category-name{font-weight:500;color:#374151}.progress-section .progress-categories .category-item .category-details{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem}.progress-section .progress-categories .category-item .category-details .category-text{font-weight:600;color:#8d54e2}.progress-section .progress-categories .category-item .category-details .category-text span{font-size:1rem;font-weight:400}.toast{background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.75rem;pointer-events:auto;animation:toast-slide-in .2s ease-out}.toast-container{position:fixed;bottom:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;max-width:100%;width:400px;pointer-events:none}.toast.success{background:#dcfce7;border:1px solid #16a34a;color:#16a34a}.toast.error{background:#fee2e2;border:1px solid #dc2626;color:#dc2626}.toast-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;flex:1}.toast-icon{flex-shrink:0}.toast-message{margin:0;font-size:.875rem}.toast-close{color:currentColor;padding:.25rem;border-radius:.375rem;transition:all .2s ease;opacity:.7}.toast-close:hover{opacity:1;background-color:#0000000d}.streak-display{display:flex;align-items:center;gap:.5rem}.streak-display.small{font-size:.875rem}.streak-display.small .streak-icon{width:24px;height:24px}.streak-display.small .streak-count,.streak-display.medium{font-size:1rem}.streak-display.medium .streak-icon{width:32px;height:32px}.streak-display.medium .streak-count,.streak-display.large{font-size:1.25rem}.streak-display.large .streak-icon{width:40px;height:40px}.streak-display.large .streak-count{font-size:1.75rem}.streak-display .streak-icon{display:flex;justify-content:center;align-items:center;border-radius:50%;background:#edeff1;color:#6b7280;transition:all .3s ease}.streak-display .streak-icon.active{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;animation:flame-pulse 2s infinite ease-in-out}.streak-display .streak-count{font-weight:700;color:#1f2937}.streak-display .streak-label{color:#4b5563;font-weight:500}.streak-display .streak-loading{color:#9ca3af;font-weight:500}.streak-display .streak-error{color:#dc2626;font-weight:700;width:20px;height:20px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#fee2e2}@keyframes flame-pulse{0%,to{transform:scale(1);box-shadow:0 0 8px #f59e0b4d}50%{transform:scale(1.1);box-shadow:0 0 16px #f59e0b80}}.rank-badge{width:120px;height:120px;display:flex;justify-content:center;align-items:center;border-radius:9999px;background-color:#fff;box-shadow:0 8px 30px #54cbe2;position:relative;font-size:3rem;animation:pulse 2s infinite;margin:auto}.rank-badge .rank-icon{font-size:inherit;line-height:1;padding:1rem}.rank-badge .rank-icon img{width:100%;height:auto}.rank-display{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.rank-display .rank-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.rank-display .rank-title{font-weight:700;color:#54cbe2}.rank-display .rank-level{color:#4b5563;font-weight:500}.rank-progress{width:100%;margin:1rem 0}.rank-progress .progress-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.5rem;border-radius:9999px;margin-bottom:.5rem}.rank-progress .progress-header .current-points{font-weight:700;color:#1f2937}.rank-progress .progress-header .next-rank{color:#4b5563;font-size:.9rem}.rank-progress .progress-header .next-rank .highlight{color:#8d54e2;font-weight:600}.rank-progress .progress-bar-container{height:20px;background:#fff;border-radius:9999px;overflow:hidden;background-color:#f9fbfc;position:relative}.rank-progress .progress-bar-container .progress-bar{height:100%;width:0%;border-radius:9999px;background:linear-gradient(90deg,#54cbe2,#8d54e2);position:relative;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.rank-progress .progress-bar-container .progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.rank-progress .progress-bar-container .progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:#1f2937}.rank-progress .progress-details{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.875rem}.rank-progress .progress-details .remaining-points,.rank-progress .progress-details .total-required{color:#4b5563}.rank-up-celebration{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease-out}.rank-up-celebration .celebration-content{background:#fff;border-radius:1rem;padding:2rem;max-width:500px;width:90%;text-align:center;position:relative;animation:scaleIn .5s ease-out}.rank-up-celebration .celebration-content .confetti{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.rank-up-celebration .celebration-content .celebration-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#54cbe2,#8d54e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rank-up-celebration .celebration-content .celebration-message{font-size:1.1rem;color:#4b5563;margin-bottom:1.5rem}.rank-up-celebration .celebration-content .celebration-actions{display:flex;justify-content:center;gap:1rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 30px #54cbe24d}50%{transform:scale(1.05);box-shadow:0 12px 40px #54cbe266}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes confettiDrop{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(100vh);opacity:0}}@media (max-width: 400px){.rank-display.large .rank-badge{width:100px;height:100px;font-size:2.5rem}.rank-up-celebration .celebration-content{padding:1.5rem}.rank-up-celebration .celebration-content .rank-badge{width:100px;height:100px;font-size:2.5rem}.rank-up-celebration .celebration-content .celebration-title{font-size:1.75rem}.rank-up-celebration .celebration-content .celebration-message{font-size:1rem}}.side-nav{width:280px;height:100%;position:fixed;left:0;top:0;background-color:#fff;border-right:1px solid #edeff1;z-index:40;transition:all .3s ease;display:flex;flex-direction:column}.side-nav .nav-content{display:flex;flex-direction:column;height:100%;padding:1rem;justify-content:space-between}.side-nav .nav-brand{display:flex;align-items:center;width:60px}.side-nav .nav-brand:first-child{border-right:1px solid #d1d5db;padding:.5rem}.side-nav .nav-brand.small{width:50px}.side-nav .nav-brand .logo{max-width:100%;height:auto}.side-nav .nav-links{justify-content:space-evenly;display:flex;flex-direction:column;gap:.5rem;flex:1;max-height:400px}.side-nav .nav-link{text-decoration:none;color:#4b5563;border-radius:.5rem;transition:all .2s ease}.side-nav .nav-link .nav-link-inner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem}.side-nav .nav-link .nav-link-inner svg{width:20px;height:20px;transition:transform .2s ease}.side-nav .nav-link .nav-link-inner span{font-size:1rem;font-weight:500}.side-nav .nav-link:hover .nav-link-inner{background-color:#f9fbfc;color:#54cbe2}.side-nav .nav-link:hover .nav-link-inner svg{transform:scale(1.1)}.side-nav .nav-link .nav-link-inner.active{background-color:#e3f3fe;color:#54cbe2;font-weight:600}.side-nav .nav-link .nav-link-inner.active svg{color:#54cbe2}.side-nav .profile-box{cursor:pointer;padding:.5rem;border-radius:.75rem;background:linear-gradient(135deg,#e3f3fe,#fff);border:1px solid #c1e6ff;display:flex;flex-direction:column;gap:1.5rem;align-items:center;box-shadow:0 4px 12px #54cbe21a;transition:all .3s ease}.side-nav .profile-box:hover{box-shadow:0 6px 16px #54cbe233;border-color:#54cbe2}.side-nav .profile-box .profile-avatar{width:40px;height:40px;border-radius:50%;background:#54cbe2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.side-nav .profile-box .profile-info{overflow:hidden}.side-nav .profile-box .profile-info .profile-name{font-weight:600;color:#1f2937;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav .profile-box .profile-info .profile-email{color:#6b7280;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 400px){.side-nav{width:130px;padding:0;bottom:0;position:fixed}.side-nav .nav-brand{justify-content:center}.side-nav .nav-brand:first-child{border-bottom:1px solid #d1d5db;border-right:none}.side-nav .nav-link .nav-link-inner{justify-content:center;padding:.75rem}.side-nav .nav-link .nav-link-inner span{display:none}.side-nav .profile-box{padding:.5rem;justify-content:space-between;margin:1rem 0}.side-nav .profile-box .profile-info{display:none}}@media (min-width: 860px){.side-nav{width:280px}.side-nav .nav-brand{justify-content:flex-start}.side-nav .nav-brand:first-child{border-bottom:1px solid #d1d5db;border-right:none}.side-nav .nav-link .nav-link-inner{justify-content:flex-start;padding:.75rem 1rem}.side-nav .nav-link .nav-link-inner span{display:inline}.side-nav .profile-box{padding:1rem;justify-content:flex-start}.side-nav .profile-box .profile-info{display:block}}.tabs-container{width:100%}.tabs-container .tabs-header{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #edeff1;overflow-x:auto;padding-bottom:.5rem}.tabs-container .tabs-header .tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem .5rem 0 0;color:#4b5563;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap;font-family:Lexend Deca,sans-serif}.tabs-container .tabs-header .tab-button:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:transparent;transition:background-color .2s ease}.tabs-container .tabs-header .tab-button:hover{color:#1f2937}.tabs-container .tabs-header .tab-button:hover:after{background-color:#d1d5db}.tabs-container .tabs-header .tab-button.active{color:#54cbe2;font-weight:600}.tabs-container .tabs-header .tab-button.active:after{background-color:#54cbe2}.tabs-container .tabs-header .tab-button.active .tab-icon{color:#54cbe2}.tabs-container .tabs-header .tab-button .tab-icon{display:flex;align-items:center;justify-content:center;color:#6b7280}.tabs-container .tabs-content{position:relative;min-height:300px}.tabs-container .tabs-content .tab-content{position:absolute;width:100%;height:100%}@media (min-width: 400px){.tabs-container .tabs-header .tab-button{padding:.5rem .75rem;font-size:.9rem}.tabs-container .tabs-header .tab-button .tab-icon{font-size:1.1rem}}.login-container{display:flex;justify-content:center;align-items:center;height:100%;margin:auto;width:100%;min-height:100vh;padding:1rem;background-color:#fbfdff}.login-container .auth-status-box{background-color:#dcfce7;color:#16a34a;padding:2rem;border-radius:1rem;margin:1.5rem}.login-container .login-card{background-color:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;width:100%;max-width:28rem;padding:1.5rem}.login-container .login-card .login-header{text-align:center}.login-container .login-footer{text-align:center;margin-top:.75rem;font-size:.9rem}.login-container .login-footer a{color:#54cbe2;text-decoration:none;font-weight:500}.login-container .login-footer a:hover{text-decoration:underline}.dashboard-container .dashboard-header{margin-bottom:2rem;text-align:center;position:relative}.dashboard-container .dashboard-header .welcome-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1.5rem;width:100%;margin-bottom:2rem}.dashboard-container .dashboard-header .welcome-section .welcome-message{font-size:2.5rem;color:#111827;margin-bottom:.75rem;font-weight:700}@media (min-width: 400px){.dashboard-container .dashboard-header .welcome-section .welcome-message{font-size:2rem}}.dashboard-container .dashboard-header .welcome-section .welcome-subtitle{font-size:1.2rem;color:#4b5563;max-width:700px;margin:0 auto}@media (min-width: 400px){.dashboard-container .dashboard-header .welcome-section .welcome-subtitle{font-size:1rem}}.dashboard-container .dashboard-header .quick-stats{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}@media (min-width: 400px){.dashboard-container .dashboard-header .quick-stats{gap:.75rem}}.dashboard-container .dashboard-header .quick-stats .stat-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem .75rem;background:#fff;border-radius:1rem;border:1px solid #edeff1;min-width:140px;transition:all .3s ease}.dashboard-container .dashboard-header .quick-stats .stat-item:hover{transform:translateY(-4px);border-color:#54cbe2;background-color:#e3f3fe}@media (min-width: 400px){.dashboard-container .dashboard-header .quick-stats .stat-item{padding:.75rem .5rem;min-width:120px}}.dashboard-container .dashboard-header .quick-stats .stat-item .stat-number{font-size:2.2rem;font-weight:700;color:#54cbe2}@media (min-width: 400px){.dashboard-container .dashboard-header .quick-stats .stat-item .stat-number{font-size:1.8rem}}.dashboard-container .dashboard-header .quick-stats .stat-item .stat-label{font-size:.9rem;color:#4b5563;text-align:center;font-weight:500}.dashboard-container .dashboard-tabs{margin-bottom:2rem}.dashboard-container .rank-section{margin-bottom:1.5rem;border:1px solid #edeff1;border-radius:1rem;padding:1.5rem;background:linear-gradient(135deg,#fff,#e3f3fe);transition:all .3s ease}.dashboard-container .rank-section:hover{border-color:#54cbe2;box-shadow:0 4px 20px #54cbe21a}.dashboard-container .rank-section .rank-display-container{display:flex;justify-content:center;padding:1rem 0}.dashboard-container .challenge-section{margin-bottom:1.5rem;display:flex;flex-direction:column;border-radius:1rem;position:relative;border:1px solid #edeff1;padding:1.5rem;background-color:#fff;transition:all .3s ease}.dashboard-container .challenge-section:hover{border-color:#8d54e2}.dashboard-container .challenge-section .scenario-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;width:100%;margin-bottom:1.5rem}.dashboard-container .challenge-section .scenario-info .scenario-progress{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem}.dashboard-container .challenge-section .scenario-info .scenario-progress .progress-bar{flex:1;height:10px;background:#f9fbfc;border-radius:9999px;overflow:hidden}.dashboard-container .challenge-section .scenario-info .scenario-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#8d54e2,#d0a1fc);transition:width .3s ease}.dashboard-container .empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.dashboard-container .empty-state .loading-text{margin-top:1rem;font-size:1.1rem;color:#8d54e2}.dashboard-container .dialogue-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem;justify-content:center}@media (min-width: 400px){.dashboard-container{padding:.5rem}.dashboard-container .dashboard-header{margin-bottom:1.5rem}.dashboard-container .dashboard-header .welcome-section .welcome-message{font-size:1.8rem}.dashboard-container .dashboard-header .welcome-section .welcome-subtitle{font-size:1rem}.dashboard-container .dashboard-header .quick-stats{gap:.5rem}.dashboard-container .dashboard-header .quick-stats .stat-item{padding:.75rem .5rem;min-width:100px}.dashboard-container .dashboard-header .quick-stats .stat-item .stat-number{font-size:1.6rem}.dashboard-container .dashboard-header .quick-stats .stat-item .stat-label{font-size:.8rem}}@media (min-width: 860px){.dashboard-container .dashboard-grid{gap:1.5rem}}.scenarios-container{max-width:1200px;margin:0 auto;padding:1rem}.scenarios-container .page-header{gap:3rem;text-align:center}.scenarios-container .page-header .search-section{max-width:700px;margin:0 auto}.scenarios-container .page-header .search-section .search-container{position:relative;margin-bottom:1rem}.scenarios-container .page-header .search-section .search-container .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.scenarios-container .page-header .search-section .search-container .clear-search{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:9999px;transition:all .2s ease}.scenarios-container .page-header .search-section .search-container .clear-search:hover{color:#4b5563;background:#f9fbfc}.scenarios-container .page-header .search-section .filter-tabs{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.scenarios-container .page-header .search-section .filter-tabs .filter-tab{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;padding:.25rem 1rem;border:2px solid #edeff1;border-radius:9999px;color:#4b5563;cursor:pointer;transition:all .3s ease}.scenarios-container .page-header .search-section .filter-tabs .filter-tab:hover{background:#e3f3fe;color:#54cbe2;border-color:#e3f3fe}.scenarios-container .page-header .search-section .filter-tabs .filter-tab.active{border-color:#54cbe2;background:#54cbe2;color:#fff}.scenarios-container .scenarios-content .section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem}.scenarios-container .scenarios-content .section-header h2{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.scenarios-container .scenarios-content .scenarios-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 1024px){.scenarios-container .scenarios-content .scenarios-grid{grid-template-columns:repeat(2,1fr)}}.scenarios-container .scenarios-content .empty-state{text-align:center;padding:2rem;color:#6b7280}.scenarios-container .scenarios-content .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.scenarios-container .scenarios-content .empty-state .empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#374151}.scenarios-container .scenarios-content .empty-state .empty-description{font-size:1rem;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.scenarios-container .scenarios-content .empty-state .empty-action{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#54cbe2;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:500;transition:all .3s ease}.scenarios-container .scenarios-content .empty-state .empty-action:hover{background:#5f88fa;transform:translateY(-2px);box-shadow:0 6px 16px #54cbe24d}@media (min-width: 400px){.scenarios-container{padding:.5rem}.scenarios-container .page-header .search-section .filter-tabs{justify-content:center;gap:.25rem}.scenarios-container .scenarios-content .section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.scenarios-container .scenarios-content .scenario-card{padding:1rem}}.progress-page{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh}.progress-page .progress-header{text-align:center;margin-bottom:1.5rem}.progress-page .progress-header h1{margin-bottom:.5rem;color:#111827}.progress-page .progress-header .description{color:#4b5563;font-size:1.1rem;max-width:700px;margin:0 auto}.progress-page .rank-display-section{margin-bottom:2rem}.progress-page .rank-display-section .rank-card{padding:2rem;border-radius:1rem;background:#fff;margin-bottom:1.5rem;border:4px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#c1e6ff,#8d54e2);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 8px 30px #54cbe21a;display:flex;justify-content:center}.progress-page .rank-display-section .rank-card:hover{box-shadow:0 12px 40px #54cbe233}.progress-page .rank-display-section .quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 860px){.progress-page .rank-display-section .quick-stats{grid-template-columns:repeat(4,1fr)}}.progress-page .rank-display-section .quick-stats .stat-card{background:#fff;border-radius:.75rem;padding:1rem;border:1px solid #edeff1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:all .3s ease}.progress-page .rank-display-section .quick-stats .stat-card:hover{transform:translateY(-4px);border-color:#54cbe2;background-color:#e3f3fe}.progress-page .rank-display-section .quick-stats .stat-card .stat-icon{width:40px;height:40px;border-radius:.5rem;background:#f9fbfc;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;color:#54cbe2;margin-bottom:.5rem}.progress-page .rank-display-section .quick-stats .stat-card .stat-value{font-size:1.75rem;font-weight:700;color:#1f2937}.progress-page .rank-display-section .quick-stats .stat-card .stat-label{font-size:.875rem;color:#4b5563;text-align:center}.progress-page .progress-tabs{margin-bottom:2rem}.progress-page .skills-section{margin-bottom:1.5rem}.progress-page .skills-section .skills-list{display:flex;gap:1.5rem;flex-direction:column}.progress-page .skills-section .skill-card{background:#fff;border-radius:1rem;padding:1rem;border:1px solid #edeff1;transition:all .3s ease;display:flex;width:100%;flex-direction:column;gap:1rem}.progress-page .skills-section .skill-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #54cbe226;border-color:#c1e6ff}.progress-page .skills-section .skill-card .skill-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.progress-page .skills-section .skill-card .skill-header .skill-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem}.progress-page .skills-section .skill-card .skill-header .skill-info .skill-icon{width:40px;height:40px;border-radius:.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;background:#e3f3fe;color:#54cbe2}.progress-page .skills-section .skill-card .skill-header .skill-info .skill-name{font-size:1.25rem;font-weight:600;color:#1f2937}.progress-page .skills-section .skill-card .skill-header .skill-score{font-size:1.5rem;font-weight:700;color:#54cbe2;border-radius:9999px;padding:.1rem 1rem}.progress-page .skills-section .skill-card .skill-header .skill-score span{font-size:1rem;margin-left:.25rem;font-weight:400}.progress-page .achievements-section .achievements-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-top:1rem}@media (min-width: 400px){.progress-page .achievements-section .achievements-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 860px){.progress-page .achievements-section .achievements-grid{grid-template-columns:repeat(2,1fr)}}.progress-page .achievements-section .achievement-card{background:#fff;border-radius:1rem;padding:1rem;border:1px solid #edeff1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;transition:all .3s ease}.progress-page .achievements-section .achievement-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#c1e6ff}.progress-page .achievements-section .achievement-card.locked{opacity:.6;background:#fbfdff}.progress-page .achievements-section .achievement-card.locked .achievement-icon{background:#edeff1;color:#6b7280}.progress-page .achievements-section .achievement-card .achievement-icon{width:50px;height:50px;border-radius:.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;background:#e3f3fe;color:#54cbe2;font-size:1.5rem;flex-shrink:0}.progress-page .achievements-section .achievement-card .achievement-content{flex:1}.progress-page .achievements-section .achievement-card .achievement-content .achievement-name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.progress-page .achievements-section .achievement-card .achievement-content .achievement-meta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;font-size:.75rem}.progress-page .achievements-section .achievement-card .achievement-content .achievement-meta .category-badge{background:#f9fbfc;color:#4b5563;padding:.2rem .5rem;border-radius:9999px;font-weight:500}.progress-page .achievements-section .achievement-card .achievement-content .achievement-meta .category-badge.milestone{background:#e3f3fe;color:#54cbe2}.progress-page .achievements-section .achievement-card .achievement-content .achievement-meta .category-badge.skill{background:#f3e8ff;color:#8d54e2}.progress-page .achievements-section .achievement-card .achievement-content .achievement-meta .category-badge.streak{background:#fef3c7;color:#d97706}.progress-page .achievements-section .achievement-card .achievement-content .achievement-meta .category-badge.mastery{background:#dcfce7;color:#16a34a}.progress-page .achievements-section .achievement-card .achievement-content .achievement-meta .earned-date{color:#6b7280}@media (min-width: 400px){.progress-page{padding:.5rem}.progress-page .rank-display-section .quick-stats{grid-template-columns:repeat(2,1fr)}.progress-page .rank-display-section .quick-stats .stat-card{padding:.75rem}.progress-page .rank-display-section .quick-stats .stat-card .stat-icon{width:32px;height:32px}.progress-page .rank-display-section .quick-stats .stat-card .stat-value{font-size:1.5rem}.progress-page .achievements-section .achievements-grid{grid-template-columns:1fr}}.signup-container{display:flex;justify-content:center;align-items:center;height:100%;margin:auto;width:100%;min-height:100vh;padding:1rem;background-color:#fbfdff}.signup-container .signup-card{background-color:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;width:100%;max-width:40rem;padding:1.5rem}.signup-container .signup-card .signup-progress{margin-bottom:1.5rem;text-align:center}.signup-container .signup-card .signup-progress .progress-bar{height:4px;background-color:#edeff1;border-radius:9999px;margin-bottom:.5rem;overflow:hidden}.signup-container .signup-card .signup-progress .progress-bar .progress-fill{height:100%;background-color:#54cbe2;transition:width .3s ease}.signup-container .signup-card a{color:#54cbe2;text-decoration:none;font-weight:500}.signup-container .signup-card a:hover{text-decoration:underline}.settings-container .settings-header{margin-bottom:2rem;text-align:center}.settings-container .settings-header h1{margin-bottom:.5rem}.settings-container .settings-header .description{color:#4b5563;font-size:1.1rem}.settings-container .settings-sections{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2rem;width:100%}.settings-container .card-section .setting-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;gap:1rem;padding:1rem 0;gap:2rem;border:1px solid #ffffff;padding:1rem;transition:all .2s ease;border-radius:1rem}@media (min-width: 860px){.settings-container .card-section .setting-item{flex-direction:row}}.settings-container .card-section .setting-item .btn{margin:0}.settings-container .card-section .setting-item:hover{background-color:#fbfdff;border:1px solid #9ce5ff}.settings-container .card-section .setting-item .setting-info{flex:1;width:100%}.settings-container .card-section .setting-item .setting-info .setting-label{font-weight:500;color:#1f2937;margin-bottom:.5rem;font-size:1.1rem}.settings-container .card-section .color-scheme-options{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.settings-container .card-section .color-scheme-options .color-option{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;border:2px solid #edeff1;border-radius:.5rem;cursor:pointer;transition:all .2s ease;min-width:80px}.settings-container .card-section .color-scheme-options .color-option:hover{border-color:#c1e6ff;background-color:#fbfdff}.settings-container .card-section .color-scheme-options .color-option.selected{border-color:#54cbe2;background-color:#e3f3fe}.settings-container .card-section .color-scheme-options .color-option .color-preview{width:24px;height:24px;border-radius:9999px;margin-bottom:.25rem}.settings-container .card-section .color-scheme-options .color-option .color-preview.light{background:linear-gradient(135deg,#fff,#f9fbfc);border:1px solid #d1d5db}.settings-container .card-section .color-scheme-options .color-option .color-preview.dark{background:linear-gradient(135deg,#1f2937,#111827)}.settings-container .card-section .color-scheme-options .color-option .color-preview.auto{background:linear-gradient(90deg,#fff 50%,#1f2937 50%);border:1px solid #d1d5db}.settings-container .card-section .color-scheme-options .color-option .color-label{font-size:.75rem;color:#374151;text-align:center}.settings-container .card-section .danger-zone{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #fee2e2}.settings-container .card-section .danger-zone .danger-header{margin-bottom:1.5rem}.settings-container .card-section .danger-zone .danger-header h3{color:#dc2626;margin-bottom:.5rem}.settings-container .card-section .danger-zone .danger-header p{color:#4b5563;font-size:.875rem;margin:0}.settings-container .card-section .danger-zone .danger-actions{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem}@media (min-width: 860px){.settings-container .card-section .danger-zone .danger-actions{flex-direction:row;gap:1rem}}.settings-container .card-section .danger-zone .danger-actions .btn.danger{background-color:#dc2626;color:#fff}.settings-container .card-section .danger-zone .danger-actions .btn.danger:hover{background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.settings-container .card-section .danger-zone .danger-actions .btn.danger:active{transform:translateY(0)}.settings-container .card-section .danger-zone .danger-actions .btn.warning{background-color:#f59e0b;color:#fff}.settings-container .card-section .danger-zone .danger-actions .btn.warning:hover{background-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.settings-container .profile-info{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;padding:2rem;text-align:center;background:#f9fbfc;border-radius:1rem;margin-bottom:1.5rem}@media (min-width: 400px){.settings-container .profile-info{flex-direction:column;padding:2rem}}.settings-container .profile-info .profile-avatar{width:80px;height:80px;border-radius:9999px;background:#e3f3fe;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;color:#54cbe2;font-size:1.8rem;font-weight:600;flex-shrink:0}@media (min-width: 400px){.settings-container .profile-info .profile-avatar{width:60px;height:60px;font-size:1.5rem}}.settings-container .profile-info .profile-details{flex:1;min-width:0}.settings-container .profile-info .profile-details .profile-name{font-weight:600;color:#1f2937;margin-bottom:.25rem;font-size:1.25rem}@media (min-width: 400px){.settings-container .profile-info .profile-details .profile-name{font-size:1.1rem}}.settings-container .profile-info .profile-details .profile-email{color:#4b5563;font-size:.875rem;margin:0;word-break:break-word}@media (min-width: 400px){.settings-container{padding:.5rem}}.play-scenario-container{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;min-height:100vh;padding:.75rem;color:#fff}.play-scenario-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none}.play-scenario-container .game-header{z-index:100;border-radius:20px 20px 0 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:1rem .5rem}.play-scenario-container .game-header .header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto;max-width:1200px}.play-scenario-container .game-header .header-content .scenario-info{display:block}.play-scenario-container .game-header .header-content .scenario-info .scenario-title{font-size:1.5rem;font-weight:700;color:#374151;margin:0}.play-scenario-container .game-header .header-content .scenario-info .scenario-badge{background:#fff;color:#9ca3af;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;margin-top:.75rem;font-weight:600;box-shadow:0 0 10px #00000050;border:solid white .5px}.play-scenario-container .game-header .header-content .game-controls{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.75rem}.play-scenario-container .game-header .header-content .game-controls .control-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;width:48px;height:48px;border-radius:9999px;background:#ffffffe6;border:2px solid rgba(84,203,226,.2);color:#54cbe2;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.play-scenario-container .game-header .header-content .game-controls .control-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #54cbe24d;background:#54cbe2;color:#fff}.play-scenario-container .dialogue-selection .dialogue-list{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-top:50px}@media (min-width: 400px){.play-scenario-container .dialogue-selection .dialogue-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 1024px){.play-scenario-container .dialogue-selection .dialogue-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(-20px) rotate(240deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media (min-width: 400px){.play-scenario-container .game-header{padding:.75rem 1rem}.play-scenario-container .game-header .header-content .scenario-info{display:block}.play-scenario-container .game-header .header-content .scenario-info .scenario-title{font-size:1.25rem}.play-scenario-container .game-header .header-content .game-controls .control-btn{width:40px;height:40px}.play-scenario-container .dialogue-arena{padding:1rem}.play-scenario-container .dialogue-arena .chat-window{border-radius:1.5rem}.play-scenario-container .dialogue-arena .chat-window .chat-messages{padding:1rem}.play-scenario-container .dialogue-arena .chat-window .chat-messages .message .message-content{max-width:85%}.play-scenario-container .dialogue-arena .chat-window .chat-messages .message .avatar{width:40px;height:40px;font-size:1rem}.play-scenario-container .dialogue-arena .chat-window .response-section{padding:1rem}.play-scenario-container .results-overlay .results-card{padding:1.5rem;border-radius:1.5rem}.play-scenario-container .results-overlay .results-card .score-grid{grid-template-columns:1fr}.play-scenario-container .results-overlay .results-card .results-actions{flex-direction:column}.play-scenario-container .results-overlay .results-card .results-actions .btn{width:100%}}.daily-challenges-container{padding:1rem;min-height:100vh;overflow-x:hidden}.daily-challenges-container .challenges-header{text-align:center;margin-bottom:2rem}.daily-challenges-container .challenges-header h1{margin-bottom:.5rem;color:#111827}.daily-challenges-container .challenges-header .description{color:#4b5563;font-size:1.1rem;max-width:600px;margin:0 auto}.daily-challenges-container .challenges-content{position:relative;width:100%;overflow:hidden}.daily-challenges-container .timeline-section{width:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.daily-challenges-container .timeline-section.hidden{transform:translate(-100%)}.daily-challenges-container .challenge-detail-section{position:absolute;top:0;right:0;width:100%;height:100%;background:#fff;border-radius:1rem;box-shadow:0 10px 40px #00000026;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:10}.daily-challenges-container .challenge-detail-section.visible{transform:translate(0)}.daily-challenges-container .challenge-detail-section .challenge-detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:2px solid #f9fbfc;background:#fff;border-radius:1rem 1rem 0 0}.daily-challenges-container .challenge-detail-section .challenge-detail-header h2{margin:0;color:#1f2937;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.daily-challenges-container .challenge-detail-section .challenge-detail-header .close-button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;width:40px;height:40px;border-radius:.5rem;background:#f9fbfc;color:#4b5563;border:none;cursor:pointer;transition:all .2s ease}.daily-challenges-container .challenge-detail-section .challenge-detail-header .close-button:hover{background:#edeff1;color:#1f2937;transform:scale(1.05)}.daily-challenges-container .challenge-detail-section .challenge-detail-content{padding:1.5rem;height:calc(100% - 80px);overflow-y:auto}.daily-challenges-container .week-progress{background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;text-align:center}.daily-challenges-container .week-progress .week-info{margin-bottom:1.5rem}.daily-challenges-container .week-progress .week-info .week-dates{font-size:1.1rem;color:#374151;margin-bottom:1rem}.daily-challenges-container .week-progress .week-info .completion-stats{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.daily-challenges-container .week-progress .week-info .completion-stats .stat-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem;background:#fbfdff;border-radius:.5rem;min-width:100px}.daily-challenges-container .week-progress .week-info .completion-stats .stat-item .stat-number{font-size:1.5rem;font-weight:700;color:#54cbe2}.daily-challenges-container .week-progress .week-info .completion-stats .stat-item .stat-label{font-size:.875rem;color:#4b5563}.daily-challenges-container .week-progress .challenge-timeline{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;padding:1.5rem 0;margin:0 1rem}.daily-challenges-container .week-progress .challenge-timeline:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:linear-gradient(90deg,#edeff1,#54cbe2,#edeff1);z-index:1;transform:translateY(-50%)}.daily-challenges-container .week-progress .challenge-timeline .challenge-node{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.daily-challenges-container .week-progress .challenge-timeline .challenge-node:hover:not(.locked){transform:translateY(-4px)}.daily-challenges-container .week-progress .challenge-timeline .challenge-node:hover:not(.locked) .node-circle{box-shadow:0 8px 20px #54cbe24d;transform:scale(1.1)}.daily-challenges-container .week-progress .challenge-timeline .challenge-node.locked{cursor:not-allowed;opacity:.6}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-circle{width:60px;height:60px;border-radius:.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;background:#fff;border:3px solid #d1d5db;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-circle.completed{background:#54cbe2;border-color:#54cbe2;color:#fff}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-circle.current{border-color:#54cbe2;background:#e3f3fe;color:#54cbe2;animation:pulse 2s infinite}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-circle.locked{background:#f9fbfc;border-color:#edeff1;color:#9ca3af}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-info{text-align:center;min-width:80px}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-info .day-name{font-weight:600;color:#1f2937;margin-bottom:.25rem;font-size:.9rem}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-info .difficulty-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:9999px;background:#edeff1;color:#374151;margin-top:.25rem}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-info .difficulty-badge.easy{background:#dcfce7;color:#16a34a}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-info .difficulty-badge.medium{background:#fef3c7;color:#d97706}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-info .difficulty-badge.hard{background:#fee2e2;color:#dc2626}.daily-challenges-container .no-challenge{text-align:center;padding:2rem;color:#6b7280}.daily-challenges-container .no-challenge .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.daily-challenges-container .no-challenge .empty-message{font-size:1.1rem;margin-bottom:.5rem}@keyframes pulse{0%,to{box-shadow:0 4px 12px #54cbe233}50%{box-shadow:0 4px 20px #54cbe266}}@media (min-width: 400px){.daily-challenges-container{padding:.5rem}.daily-challenges-container .week-progress .challenge-timeline{flex-direction:column;gap:1rem;padding:1rem 0}.daily-challenges-container .week-progress .challenge-timeline:before{width:3px;height:100%;left:50%;top:0;bottom:0;transform:translate(-50%);background:linear-gradient(180deg,#edeff1,#54cbe2,#edeff1)}.daily-challenges-container .week-progress .challenge-timeline .challenge-node{margin:.5rem 0}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-circle{width:50px;height:50px}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-info .day-name{font-size:.8rem}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-info .difficulty-badge{font-size:.6rem}.daily-challenges-container .challenge-detail-section .challenge-detail-header{padding:1rem}.daily-challenges-container .challenge-detail-section .challenge-detail-header h2{font-size:1.25rem}.daily-challenges-container .challenge-detail-section .challenge-detail-header .close-button{width:36px;height:36px}.daily-challenges-container .challenge-detail-section .challenge-detail-content{padding:1rem}}@media (min-width: 860px){.daily-challenges-container .week-progress .challenge-timeline{flex-direction:row}.daily-challenges-container .week-progress .challenge-timeline:before{width:100%;height:3px;left:0;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,#edeff1,#54cbe2,#edeff1)}.daily-challenges-container .week-progress .challenge-timeline .challenge-node{margin:0}.daily-challenges-container .week-progress .challenge-timeline .challenge-node .node-circle{width:60px;height:60px}}.landing-page{position:relative;overflow-x:hidden;background:linear-gradient(135deg,#54cbe280,#8d54e24d)}.landing-page .animated-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.landing-page .animated-background .gradient-blob{position:absolute;border-radius:50%;animation:float 10s infinite ease-in-out;filter:blur(100px)}.landing-page .animated-background .gradient-blob.blob-1{width:550px;height:550px;background:#54cbe2;top:0;left:0;animation-delay:0s}.landing-page .animated-background .gradient-blob.blob-2{width:40px;height:400px;background:#54cbe2;top:100px;left:100px;animation-delay:0s}.landing-page .animated-background .gradient-blob.blob-3{width:600px;height:600px;background:#30ffbd;bottom:100px;right:-200px;animation-delay:-9s}.landing-page .animated-background .gradient-blob.blob-4{width:400px;height:400px;background:#8d54e280;top:40%;z-index:99;right:10%;animation-delay:-10s}.landing-page .animated-background .gradient-blob.blob-5{width:400px;height:500px;background:#8d54e2;top:0;z-index:99;right:0;animation-delay:-15s}.landing-page .animated-background .gradient-blob.blob-6{width:1000px;height:1000px;background:#54cbe2a6;bottom:0;z-index:1;filter:blur(100px);left:0;animation-delay:-20s}.landing-page .landing-header{padding:1rem 1.5rem;display:flex;border-radius:1rem;max-width:90%;justify-content:space-between;align-items:center;background-color:#ffffff80;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 12px #0000001a;position:sticky;margin:20px auto 0;top:0;z-index:10}.landing-page .landing-header .logo{width:40px;height:auto}.landing-page .landing-header .header-actions .btn-text{color:#54cbe2;font-weight:500}.landing-page .landing-header .header-actions .btn-text:hover{text-decoration:underline}.landing-page .hero-container{position:relative;padding:2rem 1rem;z-index:5;position:sticky;top:0;border-radius:1.5rem}.landing-page .hero-container .hero-text{font-size:1.6rem;text-transform:lowercase}.landing-page .hero-container .hero-text span{display:block}.landing-page .hero-container .logo{max-width:300px;height:auto}.landing-page .hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}.landing-page .hero-content .hero-image{width:80%;max-width:390px;height:auto;animation:bobble 3s ease-in-out infinite}@media (min-width: 860px){.landing-page .hero-content{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.landing-page .hero-content .dialogue-sample{opacity:0;animation:fadeIn .5s ease-out forwards;min-height:300px;display:flex;flex-direction:column;justify-content:center}.landing-page .hero-content .dialogue-sample.left{transform:translate(-20px);animation:fadeInLeft .5s ease-out forwards}.landing-page .hero-content .dialogue-sample.right{transform:translate(20px);animation:fadeInRight .5s ease-out forwards}.landing-page .hero-content .dialogue-sample .message{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:.75rem;margin-bottom:1rem}.landing-page .hero-content .dialogue-sample .message.npc .message-content{max-width:90%}.landing-page .hero-content .dialogue-sample .message.npc .message-content .message-bubble{background:linear-gradient(135deg,#f9fbfc,#fbfdff);color:#1f2937;border-radius:1.2rem 1.2rem 1.2rem .5rem;padding:1rem 1.5rem;position:relative;box-shadow:0 3px 4px 1px #00000014;font-family:Lexend Deca,sans-serif}.landing-page .hero-content .dialogue-sample .response-options{display:flex;flex-direction:column;gap:.75rem}.landing-page .hero-content .dialogue-sample .response-options .response-option{background:#ffffffe6;border:2px solid rgba(255,255,255,.2);border-radius:1.2rem;box-shadow:0 3px 4px 1px #00000014;text-align:left;border-color:#54cbe2;min-width:250px;display:flex;align-items:center;min-height:80px;background:#54cbe233;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;flex:1}.landing-page .hero-content .dialogue-sample .response-options .response-option:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 3px 4px 1px #54cbe240}.landing-page .hero-content .dialogue-sample .response-options .response-option:hover:not(.disabled):before{left:100%}.landing-page .hero-content .dialogue-sample .response-options .response-option .option-text{color:#1f2937;font-family:Lexend Deca,sans-serif}.landing-page .landing-container{position:relative;z-index:1}.landing-page .landing-container .landing-content{padding:1.5rem 1rem;max-width:1200px;margin:0 auto;width:100%}.landing-page .landing-container .landing-content .benefits-section{padding:2rem 0;margin-bottom:3rem;position:relative}.landing-page .landing-container .landing-content .benefits-section h2{font-weight:700;color:#111827;margin-bottom:2rem;text-align:center}.landing-page .landing-container .landing-content .benefits-section .benefits-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 860px){.landing-page .landing-container .landing-content .benefits-section .benefits-grid{grid-template-columns:repeat(3,1fr)}}.landing-page .landing-container .landing-content .benefits-section .benefits-grid .benefit-card{background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000000d;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.5)}.landing-page .landing-container .landing-content .benefits-section .benefits-grid .benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #54cbe226;border-color:#c1e6ff}.landing-page .landing-container .landing-content .benefits-section .benefits-grid .benefit-card .benefit-icon{width:64px;height:64px;border-radius:.5rem;background:linear-gradient(135deg,#e3f3fe,#c1e6ff);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;color:#54cbe2;margin:0 auto 1rem}.landing-page .landing-container .landing-content .benefits-section .benefits-grid .benefit-card h3{font-weight:600;color:#1f2937;margin-bottom:.75rem}.landing-page .landing-container .landing-content .benefits-section .benefits-grid .benefit-card p{color:#4b5563;line-height:1.6}.landing-page .landing-container .landing-content .cta-section{background-color:#ffffff40;border-radius:1.5rem;padding:2rem;text-align:center;margin-bottom:2rem;position:relative;overflow:hidden}.landing-page .landing-container .landing-content .cta-section .btn{margin:auto}.landing-page .landing-container .landing-content .cta-section p{opacity:.4}.landing-page .landing-container .landing-content .cta-section .feature-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.75rem;width:100%;margin:2rem}.landing-page .landing-container .landing-content .cta-section .feature-list .feature-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem}.landing-page .landing-container .landing-content .cta-section .feature-list .feature-item .feature-icon{color:#54cbe2;flex-shrink:0}.landing-page .landing-container .landing-content .cta-section .feature-list .feature-item span{font-size:1.1rem;color:#374151}.landing-page .landing-container .landing-content .cta-section .cta-button{padding:.75rem 2rem;min-width:200px}.landing-page .landing-footer{background-color:#00000020;color:#fff;border-radius:1.5rem;padding:2rem 1rem;position:relative;box-shadow:0 0 12px #0000001a;max-width:90%;margin:20px auto;-webkit-backdrop-filter:blur(500px);backdrop-filter:blur(500px);z-index:1}.landing-page .landing-footer .footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 860px){.landing-page .landing-footer .footer-content{flex-direction:row;justify-content:space-between;align-items:center}}.landing-page .landing-footer .footer-content .footer-brand{display:flex;align-items:center;gap:.5rem}.landing-page .landing-footer .footer-content .footer-brand .footer-logo{width:32px;height:auto}.landing-page .landing-footer .footer-content .footer-brand span{font-weight:600}.landing-page .landing-footer .footer-content .footer-links{display:flex;gap:1rem;flex-wrap:wrap}.landing-page .landing-footer .footer-content .footer-links a{color:#edeff1;text-decoration:none;transition:color .2s ease}.landing-page .landing-footer .footer-content .footer-links a:hover{color:#c1e6ff}.landing-page .landing-footer .footer-content .footer-copyright{opacity:.6}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-20%,50%) rotate(60deg)}50%{transform:translate(-50%,50%) rotate(0)}75%{transform:translate(-40%,50%) rotate(-90deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bobble{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (min-width: 400px){.landing-page .landing-header{padding:.75rem 1rem}.landing-page .hero-container{padding:3rem 5rem}.landing-page .hero-container .hero-content{gap:1.5rem}.landing-page .hero-container .hero-content .hero-text{font-size:1.8rem}.landing-page .dialogue-bubbles-container{padding:1.5rem .5rem}.landing-page .landing-container .landing-content{padding:1rem .5rem}.landing-page .landing-container .landing-content .benefits-section{padding:1.5rem 0}.landing-page .landing-container .landing-content .benefits-section h2{margin-bottom:1.5rem}.landing-page .landing-container .landing-content .cta-section{padding:1.5rem 1rem}}.error-boundary{min-height:100vh;background:#fbfdff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem}.error-boundary__container{max-width:600px;width:100%;background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;text-align:center}.error-boundary__icon{color:#dc2626;margin-bottom:1.5rem}.error-boundary__icon svg{filter:drop-shadow(0 4px 8px rgba(220,38,38,.2))}.error-boundary__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;width:100%}.error-boundary__title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.error-boundary__message{font-size:1.1rem;color:#4b5563;margin-bottom:1.5rem}.error-boundary__details{text-align:left;margin:1rem 0;border:1px solid #edeff1;border-radius:.5rem}.error-boundary__details summary{padding:.75rem;background:#f9fbfc;cursor:pointer;font-weight:500;border-radius:.5rem .5rem 0 0}.error-boundary__details summary:hover{background:#edeff1}.error-boundary__error-text{padding:1rem;background:#fbfdff;border-radius:0 0 .5rem .5rem;font-family:Courier New,monospace;font-size:.875rem;color:#b91c1c;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary__actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0 1rem}.error-boundary__error-id{font-size:.875rem;color:#6b7280;font-family:Courier New,monospace;margin-top:1rem;padding:.5rem;background:#f9fbfc;border-radius:.375rem}@media (min-width: 400px){.error-boundary{padding:.5rem}.error-boundary__container{padding:1rem}.error-boundary__title{font-size:1.5rem}.error-boundary__message{font-size:1rem}.error-boundary__actions{flex-direction:column}.error-boundary__actions .btn{width:100%}}