#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}*[data-v-a1ce378f],*[data-v-a1ce378f]:before,*[data-v-a1ce378f]:after{box-sizing:border-box}html[data-v-a1ce378f],body[data-v-a1ce378f]{margin:0;padding:0;height:100%;overflow:hidden}.header[data-v-a1ce378f]{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#f5f7fa;border-bottom:1px solid #e5e7eb;transition:all .3s ease;z-index:1002}.header-small[data-v-a1ce378f]{padding:5px 15px;font-size:.9em}.user-id[data-v-a1ce378f]{font-size:1em;color:#333;padding:5px}.header-buttons[data-v-a1ce378f]{display:flex;gap:10px}.how-to-use-button[data-v-a1ce378f],.logout-button[data-v-a1ce378f],.history-button[data-v-a1ce378f]{padding:10px 20px;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .3s}.how-to-use-button[data-v-a1ce378f]{background-color:#4caf50}.how-to-use-button[data-v-a1ce378f]:hover{background-color:#45a049}.logout-button[data-v-a1ce378f]{background-color:#ff5c5c}.logout-button[data-v-a1ce378f]:hover{background-color:#e04e4e}.history-button[data-v-a1ce378f]{background-color:#ff9800}.history-button[data-v-a1ce378f]:hover{background-color:#e68900}.tabs[data-v-a1ce378f]{position:fixed;top:60px;left:0;width:100%;display:flex;border-bottom:2px solid #e5e7eb;margin:0;padding:10px;background-color:#f5f7fa;transition:all .3s ease;z-index:1001}.tabs-small[data-v-a1ce378f]{top:40px}.tab[data-v-a1ce378f]{flex:1;padding:5px 10px;background:none;border:none;border-bottom:2px solid transparent;font-size:1.2em;cursor:pointer;transition:border-bottom .3s,background-color .3s,padding .3s,font-size .3s}.tab[data-v-a1ce378f]:hover{background-color:#f0f4f8}.tab.active[data-v-a1ce378f]{border-bottom:2px solid #0066cc;font-weight:700;color:#06c}.tabs.tabs-small .tab[data-v-a1ce378f]{padding:5px 10px;font-size:1em}.interview-container[data-v-a1ce378f]{display:flex;flex-direction:column;height:98vh;padding-left:10px;padding-right:10px;background-color:#f5f7fa}.tab-content[data-v-a1ce378f]{flex:1;display:flex;flex-direction:column;position:relative;margin-top:110px}.interview[data-v-a1ce378f]{display:flex;flex-direction:column;flex:100;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.interview-area[data-v-a1ce378f]{display:flex;flex-direction:column;flex:1;padding:10px;overflow-y:auto}.output[data-v-a1ce378f]{flex-grow:1;overflow-y:auto;padding:15px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.conversation-unit[data-v-a1ce378f]{display:flex;flex-direction:column;margin-bottom:5px}.conversation-unit.system[data-v-a1ce378f]{align-items:flex-start}.conversation-unit.user[data-v-a1ce378f]{align-items:flex-end}.message[data-v-a1ce378f]{padding:5px 15px;border-radius:20px;max-width:85%;word-wrap:break-word;margin-bottom:5px;transition:padding .3s,font-size .3s}.message.system[data-v-a1ce378f]{background-color:#e0f7fa;color:#06c;text-align:left}.message.user[data-v-a1ce378f]{background-color:#dcf8c6;color:#060;text-align:left;align-self:flex-end}.input-area[data-v-a1ce378f]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.message-form[data-v-a1ce378f]{padding:10px;display:flex;width:100%}.message-form textarea[data-v-a1ce378f]{width:calc(100% - 70px);padding:12px 15px;font-size:16px;border:1px solid #ccc;border-radius:25px;resize:none;outline:none;transition:border-color .3s;margin-right:10px}.message-form textarea[data-v-a1ce378f]:focus{border-color:#06c;box-shadow:0 0 5px #0066cc80}.send-button[data-v-a1ce378f]{display:flex;align-items:center;justify-content:center;padding:10px;font-size:16px;background-color:#06c;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s;width:50px;height:50px}.send-button[data-v-a1ce378f]:hover{background-color:#005bb5}.icon-send[data-v-a1ce378f]{width:20px;height:20px}@media (max-width:768px){.interview-container[data-v-a1ce378f]{height:98vh;padding-left:10px;padding-right:10px}.interview-area[data-v-a1ce378f]{padding:5px}.message[data-v-a1ce378f]{max-width:90%}.message.system[data-v-a1ce378f],.message.user[data-v-a1ce378f]{text-align:left}.message-form textarea[data-v-a1ce378f]{font-size:16px;padding:10px 12px}.send-button[data-v-a1ce378f]{font-size:14px;padding:8px;width:40px;height:40px}.icon-send[data-v-a1ce378f]{width:16px;height:16px}.interview header h2[data-v-a1ce378f]{font-size:1.2em}.tab[data-v-a1ce378f]{font-size:1em;padding:5px 10px}.header[data-v-a1ce378f]{flex-wrap:nowrap}.user-id[data-v-a1ce378f]{font-size:.9em;padding:5px;flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-buttons[data-v-a1ce378f]{display:flex;gap:5px}.header-buttons button[data-v-a1ce378f]{padding:6px 10px;font-size:.8em;white-space:nowrap;min-width:60px}.modal-content[data-v-a1ce378f]{padding:15px}.history-entry p[data-v-a1ce378f]{font-size:.9em;padding:5px}}.loading-spinner[data-v-a1ce378f]{display:flex;justify-content:center;align-items:center;padding:10px}.spinner[data-v-a1ce378f]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#06c;animation:spin-a1ce378f 1s linear infinite}@keyframes spin-a1ce378f{to{transform:rotate(360deg)}}.language-select[data-v-a1ce378f]{margin-top:10px;padding:5px;font-size:16px;border:1px solid #ccc;border-radius:5px;outline:none}.modal-overlay[data-v-a1ce378f]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1003}.modal-content[data-v-a1ce378f]{background-color:#fff;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;border-radius:10px;padding:20px;position:relative}.close-button[data-v-a1ce378f]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.2em;cursor:pointer}.history-entry[data-v-a1ce378f]{border-bottom:1px solid #e5e7eb;padding:10px 0}.history-entry[data-v-a1ce378f]:last-child{border-bottom:none}.history-conversations[data-v-a1ce378f]{display:flex;gap:20px}.history-conversations>div[data-v-a1ce378f]{flex:1}.history-conversations h4[data-v-a1ce378f]{margin-bottom:10px}.how-to-use-content[data-v-a1ce378f]{margin-top:20px;text-align:left}.delete-history-button[data-v-a1ce378f]{margin-top:20px;padding:10px 20px;background-color:#d9534f;color:#fff;border:none;border-radius:5px;cursor:pointer}.delete-history-button[data-v-a1ce378f]:hover{background-color:#c9302c}.history-tabs[data-v-a1ce378f]{display:flex;border-bottom:2px solid #e5e7eb;margin:20px 0}.history-tab[data-v-a1ce378f]{flex:1;padding:10px 15px;background:none;border:none;border-bottom:2px solid transparent;font-size:1em;cursor:pointer;transition:border-bottom .3s,background-color .3s}.history-tab[data-v-a1ce378f]:hover{background-color:#f0f4f8}.history-tab.active[data-v-a1ce378f]{border-bottom:2px solid #0066cc;font-weight:700;color:#06c}.open-chatgpt-button[data-v-a1ce378f]{padding:15px 30px;background-color:#06c;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s}.open-chatgpt-button[data-v-a1ce378f]:hover{background-color:#005bb5}.chatgpt-area[data-v-a1ce378f]{display:flex;flex-direction:column;align-items:center;padding:20px;text-align:center}.chatgpt-note[data-v-a1ce378f]{margin-top:15px;font-size:.9em;color:#666;text-align:center}[data-v-a1ce378f] .message p{margin:2px 0}.login-page[data-v-c5d88305]{display:flex;align-items:center;justify-content:center;min-height:98vh;background-color:#f2f2f2;padding:20px;box-sizing:border-box}.login-container[data-v-c5d88305]{background-color:#fff;padding:30px 25px;border:1px solid #ddd;border-radius:8px;max-width:350px;width:100%;box-shadow:0 2px 4px #0000001a}.login-container h2[data-v-c5d88305]{margin-bottom:20px;font-size:1.8em;color:#333;text-align:center}.form-group[data-v-c5d88305]{margin-bottom:15px}.form-group label[data-v-c5d88305]{display:block;margin-bottom:5px;color:#555;font-size:1em}.form-group input[data-v-c5d88305]{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:1em;box-sizing:border-box;transition:border-color .3s ease}.form-group input[data-v-c5d88305]:focus{border-color:#06c;outline:none}.login-button[data-v-c5d88305]{width:100%;padding:10px;background-color:#06c;color:#fff;border:none;border-radius:4px;font-size:1em;cursor:pointer;transition:background-color .3s ease}.login-button[data-v-c5d88305]:hover{background-color:#005bb5}.login-button[data-v-c5d88305]:active{background-color:#004a99}.error-message[data-v-c5d88305]{margin-top:15px;color:#d93025;font-size:.9em;text-align:center}@media (max-width: 480px){.login-container[data-v-c5d88305]{padding:25px 20px}.login-container h2[data-v-c5d88305]{font-size:1.5em}.form-group input[data-v-c5d88305]{padding:9px 10px;font-size:.95em}.login-button[data-v-c5d88305]{padding:9px;font-size:.95em}}