:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.account-container{min-height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:flex-start;padding:20px}.account-content{width:100%;max-width:600px}.center-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #007AFF;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.loading-text{margin-top:10px;color:#666}.auth-section,.user-section{width:100%}.title{font-size:28px;font-weight:700;margin-bottom:10px;color:#000}.subtitle{font-size:16px;color:#666;margin-bottom:30px}.form{margin-top:20px}.input{width:100%;background-color:#f5f5f5;border-radius:8px;padding:15px;font-size:16px;margin-bottom:15px;border:1px solid #e0e0e0;box-sizing:border-box}.textarea{min-height:100px;padding-top:15px;resize:vertical;font-family:inherit}.submit-button{width:100%;background-color:#007aff;border-radius:8px;padding:15px;color:#fff;font-size:16px;font-weight:600;border:none;cursor:pointer;margin-top:10px;transition:opacity .2s}.submit-button:hover:not(:disabled){opacity:.9}.submit-button.disabled{opacity:.6;cursor:not-allowed}.switch-button{width:100%;background:none;border:none;color:#007aff;font-size:14px;cursor:pointer;margin-top:20px;padding:10px;text-decoration:underline}.switch-button:hover:not(:disabled){opacity:.8}.switch-button:disabled{opacity:.5;cursor:not-allowed}.user-info{background-color:#f5f5f5;border-radius:8px;padding:20px;margin-top:20px;margin-bottom:30px}.info-row{display:flex;flex-direction:column;margin-bottom:16px}.profile-section{margin-top:20px}.section-title{font-size:18px;font-weight:600;color:#000;margin-top:20px;margin-bottom:10px}.profile-field{display:flex;flex-direction:column;margin-bottom:16px}.label{font-size:14px;color:#666;margin-bottom:5px}.value{font-size:16px;color:#000;margin-top:4px}.logout-button{width:100%;background-color:#ff3b30;border-radius:8px;padding:15px;color:#fff;font-size:16px;font-weight:600;border:none;cursor:pointer;margin-top:20px;transition:opacity .2s}.logout-button:hover{opacity:.9}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 60px);background-color:#fff}.chat-center-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff;padding:20px}.no-auth-text{font-size:16px;color:#666;text-align:center}.messages-container{flex:1;overflow-y:auto;padding:12px 16px 16px;min-height:0}.messages-content{max-width:800px;margin:0 auto}.message-container{max-width:80%;margin-bottom:10px;padding:10px 14px;border-radius:16px;word-wrap:break-word}.user-message{align-self:flex-end;background-color:#007aff;border-bottom-right-radius:4px;margin-left:auto}.assistant-message{align-self:flex-start;background-color:#f0f0f0;border-bottom-left-radius:4px}.message-text{font-size:16px;line-height:20px;margin:0}.user-message-text{color:#fff}.markdown-content{font-size:16px;line-height:22px;color:#000}.markdown-content p{margin-top:0;margin-bottom:10px}.markdown-content h1{font-size:22px;font-weight:700;margin-top:12px;margin-bottom:10px;color:#000}.markdown-content h2{font-size:20px;font-weight:700;margin-top:10px;margin-bottom:8px;color:#000}.markdown-content h3{font-size:18px;font-weight:700;margin-top:8px;margin-bottom:6px;color:#000}.markdown-content strong{font-weight:700;color:#000}.markdown-content em{font-style:italic}.markdown-content ul,.markdown-content ol{margin-top:6px;margin-bottom:10px;padding-left:20px}.markdown-content li{margin-bottom:4px;font-size:16px;line-height:22px;color:#000}.markdown-content code{background-color:#f0f0f0;padding:2px 4px;border-radius:4px;font-size:14px;font-family:Courier New,monospace}.markdown-content pre{background-color:#f0f0f0;padding:12px;border-radius:8px;margin-top:8px;margin-bottom:8px;overflow-x:auto}.markdown-content pre code{background-color:transparent;padding:0}.markdown-content a{color:#007aff;text-decoration:underline}.message-image{width:200px;height:200px;object-fit:cover;border-radius:12px;margin-bottom:8px}.loading-dots{display:flex;gap:4px}.loading-dots span{width:8px;height:8px;background-color:#007aff;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-container{display:flex;flex-direction:row;padding:10px 12px;border-top:1px solid #e0e0e0;background-color:#fff;align-items:flex-end;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box;flex-shrink:0}.input{flex:1;background-color:#f5f5f5;border-radius:20px;padding:10px 16px;font-size:16px;max-height:100px;margin-right:8px;border:1px solid #e0e0e0;resize:none;font-family:inherit;box-sizing:border-box}.input:focus{outline:none;border-color:#007aff}.input:disabled{opacity:.6;cursor:not-allowed}.send-button{background-color:#007aff;border-radius:20px;padding:10px 20px;color:#fff;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:opacity .2s}.send-button:hover:not(:disabled){opacity:.9}.send-button.disabled{opacity:.5;cursor:not-allowed}.image-button{background-color:#f5f5f5;border-radius:20px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;margin-right:8px;border:1px solid #e0e0e0;cursor:pointer;font-size:20px;transition:background-color .2s}.image-button:hover:not(:disabled){background-color:#e8e8e8}.image-button:disabled{opacity:.6;cursor:not-allowed}.image-preview-container{position:relative;max-width:800px;margin:0 auto 8px;display:inline-block}.image-preview{width:150px;height:150px;object-fit:cover;border-radius:12px}.remove-image-button{position:absolute;top:-8px;right:-8px;background-color:#ff3b30;border-radius:12px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s}.remove-image-button:hover{opacity:.9}.track-container{min-height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:flex-start;padding:20px}.track-content{width:100%;max-width:800px}.track-center-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.no-auth-text{font-size:16px;color:#666}.title{font-size:28px;font-weight:700;margin-bottom:5px;color:#000}.subtitle{font-size:16px;color:#666;margin-bottom:25px}.log-type-selector{display:flex;flex-direction:row;gap:10px;margin-bottom:20px}.log-type-button{flex:1;padding:12px 16px;border-radius:8px;background-color:#f5f5f5;border:1px solid #e0e0e0;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.log-type-button:hover{background-color:#e8e8e8}.log-type-button.active{background-color:#007aff;border-color:#007aff;color:#fff}.form{margin-bottom:30px}.input-section,.score-section{margin-bottom:20px}.label{display:block;font-size:16px;font-weight:600;margin-bottom:8px;color:#000}.input,.score-input{width:100%;background-color:#f5f5f5;border-radius:8px;padding:15px;font-size:16px;border:1px solid #e0e0e0;box-sizing:border-box;font-family:inherit}.input:focus,.score-input:focus{outline:none;border-color:#007aff}.input:disabled,.score-input:disabled{opacity:.6;cursor:not-allowed}.score-input{font-size:18px;text-align:center}.textarea{min-height:100px;padding-top:15px;resize:vertical}.notes-section{margin-bottom:20px}.notes-input{width:100%;background-color:#f5f5f5;border-radius:8px;padding:15px;font-size:16px;border:1px solid #e0e0e0;min-height:100px;font-family:inherit;resize:vertical;box-sizing:border-box}.notes-input:focus{outline:none;border-color:#007aff}.notes-input:disabled{opacity:.6;cursor:not-allowed}.save-button{width:100%;background-color:#007aff;border-radius:8px;padding:15px;color:#fff;font-size:16px;font-weight:600;border:none;cursor:pointer;margin-top:10px;transition:opacity .2s}.save-button:hover:not(:disabled){opacity:.9}.save-button.disabled{opacity:.6;cursor:not-allowed}.logs-section{margin-top:20px}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.logs-title{font-size:20px;font-weight:700;color:#000}.loading-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #007AFF;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-logs-text{font-size:14px;color:#999;text-align:center;padding:20px}.logs-list{display:flex;flex-direction:column;gap:10px}.log-item{background-color:#f9f9f9;border-radius:8px;padding:15px;border-left-width:3px;border-left-style:solid}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.log-type{font-size:14px;font-weight:600;color:#000}.log-date{font-size:12px;color:#666}.log-scores{display:flex;justify-content:space-around;margin-bottom:10px}.score-item{display:flex;flex-direction:column;align-items:center}.score-label{font-size:12px;color:#666;margin-bottom:4px}.score-value{font-size:18px;font-weight:700;color:#007aff}.log-field{font-size:14px;color:#333;margin:0 0 6px}.log-field-label{font-weight:600;color:#000}.log-notes{font-size:14px;color:#333;font-style:italic;margin:8px 0 0}.error-message{background-color:#ffe5e5;color:#d32f2f;padding:12px;border-radius:8px;margin-bottom:15px;border:1px solid #FFCDD2}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:12px;border-radius:8px;margin-bottom:15px;border:1px solid #C8E6C9}.survey-container{min-height:100vh;background-color:#f5f5f5;display:flex;justify-content:center;align-items:flex-start;padding:20px}.survey-content{width:100%;max-width:700px;background-color:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 8px #0000001a}.survey-header{margin-bottom:30px;text-align:center}.survey-header h1{font-size:32px;font-weight:700;color:#333;margin:0 0 10px}.survey-description{font-size:16px;color:#666;margin:0}.progress-bar-container{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;margin-bottom:10px;overflow:hidden}.progress-bar{height:100%;background-color:#007aff;border-radius:4px;transition:width .3s ease}.progress-text{text-align:center;font-size:14px;color:#666;margin-bottom:20px}.section-header{margin-bottom:30px;text-align:center}.section-header h2{font-size:24px;font-weight:600;color:#333;margin:0}.questions-container{display:flex;flex-direction:column;gap:30px}.question-container{margin-bottom:0}.question-text{font-size:20px;font-weight:600;color:#333;margin:0 0 20px;line-height:1.5}.error-message{color:#d32f2f;font-size:14px;margin-bottom:15px;padding:8px 12px;background-color:#ffebee;border-radius:4px;border-left:3px solid #d32f2f}.options-container{display:flex;flex-direction:column;gap:12px}.option-button{padding:16px 20px;font-size:16px;text-align:left;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#333}.option-button:hover{border-color:#007aff;background-color:#f0f7ff}.option-button.selected{border-color:#007aff;background-color:#007aff;color:#fff}.option-button:focus{outline:none;box-shadow:0 0 0 3px #007aff33}.text-input-container{margin-top:10px}.text-input{width:100%;padding:12px 16px;font-size:16px;font-family:inherit;border:2px solid #e0e0e0;border-radius:8px;resize:vertical;transition:all .2s ease;color:#333;background-color:#fff}.text-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff33}.text-input::placeholder{color:#999}.survey-actions{display:flex;justify-content:space-between;gap:15px;margin-top:30px}.button{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;flex:1}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{background-color:#007aff;color:#fff}.button.primary:hover:not(:disabled){background-color:#0056b3}.button.secondary{background-color:#f0f0f0;color:#333}.button.secondary:hover:not(:disabled){background-color:#e0e0e0}.survey-completed{text-align:center;padding:40px 20px}.completed-icon{width:80px;height:80px;margin:0 auto 20px;background-color:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;font-weight:700}.survey-completed h2{font-size:28px;color:#333;margin:0 0 20px}.survey-completed p{font-size:16px;color:#666;line-height:1.6}.completed-description{margin:0 0 20px;font-size:17px;color:#333}.completed-info{margin:0 0 30px;font-size:15px;color:#666;font-style:italic}.completed-actions{display:flex;gap:15px;justify-content:center}.completed-actions .button{flex:0 1 auto;min-width:150px}@media (max-width: 768px){.survey-content{padding:20px}.survey-header h1{font-size:24px}.question-text{font-size:18px}.completed-actions{flex-direction:column}.completed-actions .button{width:100%}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.navigation{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:0 20px;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:60px}.nav-logo{font-size:20px;font-weight:700;color:#007aff;text-decoration:none}.nav-links{display:flex;gap:20px}.nav-link{color:#666;text-decoration:none;font-size:16px;padding:8px 12px;border-radius:6px;transition:all .2s}.nav-link:hover{background-color:#f5f5f5;color:#007aff}.nav-link.active{color:#007aff;background-color:#e3f2fd;font-weight:600}.main-content{flex:1;width:100%}