body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}.app-container{display:flex;height:100vh;background-color:#f9fafb}.sidebar{width:256px;background-color:#111827;transition:width .3s;overflow:hidden}.sidebar:not(.open){width:0}.new-chat-container{padding:1rem}.new-chat-button{margin-bottom:10px;width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;background-color:#374151;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.new-chat-button:hover{background-color:#4b5563}.chapters-container{padding:0rem 1.3rem;text-align:center;bottom:100px;height:250px;overflow-y:scroll}.chapters-container::-webkit-scrollbar{display:none}ul li{list-style:none}.chapter-button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;background:none;color:#d1d5db;border:none;cursor:pointer;text-align:left;transition:background-color .2s}.chapter-button:hover,.active-chapter{background-color:#374151}.main-content{flex:1;display:flex;flex-direction:column}.header{height:3rem;border-bottom:1px solid rgb(229,231,235);display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1rem;background-color:#fff}.header div{display:flex;flex-direction:row;align-items:center}.menu-button,.logout-header-button{padding:.5rem;border-radius:.375rem;border:none;background:none;cursor:pointer;color:#4b5563;transition:background-color .2s;height:40px}.menu-button:hover,.logout-header-button:hover{background-color:#f3f4f6}.messages-area{flex:1;overflow:auto;padding:1rem}.empty-state{height:100%;display:flex;align-items:center;justify-content:center}.empty-state-content{text-align:center;color:#6b7280}.empty-state-content h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.messages-container{display:flex;flex-direction:column;gap:1.5rem}.message-wrapper{display:flex}.message-wrapper.assistant-message{margin-top:10px;justify-content:flex-start}.message{max-width:70vw;padding:1rem;border-radius:.5rem;overflow-wrap:break-word;overflow:hidden}.user-message .message{background-color:#3b82f6;color:#fff;margin-right:5px}.assistant-message .message{background-color:#111827;color:#fff;margin-left:5px}.user-message{flex-direction:row-reverse}.user-message-icon{background-color:#3b82f6;border-radius:9999px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#fff;padding:5px}.assistant-message-icon{background-color:#111827;border-radius:9999px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#fff;padding:5px}@media (max-width: 600px){.user-message-icon,.assistant-message-icon{display:none}.user-message .message{margin-right:0}.assistant-message .message{margin-left:0}}.input-area{border-top:1px solid rgb(229,231,235);background-color:#fff;padding:1rem}.input-form{max-width:48rem;margin:0 auto;position:relative}.message-input{width:100%;padding:1rem 3rem 1rem 1rem;border-radius:.5rem;border:2px solid rgb(58,59,60);outline:none;transition:border-color .2s,box-shadow .2s;background-color:#fff}.message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.loading-input{border:3px dashed #007bff;animation:dash-animation 1s linear infinite}@keyframes dash-animation{0%{border-color:#007bff}25%{border-color:#00c0ff}50%{border-color:#0fc}75%{border-color:#00c0ff}to{border-color:#007bff}}.input-buttons{position:absolute;top:75%;transform:translateY(-50%);padding:.5rem;background:none;border:none;cursor:pointer;color:#9ca3af;transition:color .2s}.send-button{right:.75rem}.upload-button{right:3rem}.microphone-button{right:5rem}.send-button:hover,.upload-button:hover{color:#6b7280}#file-input,#audio-input{display:none}.tooltiptext{display:none;width:10rem;height:auto;background-color:#111827;color:#fff;text-align:center;border-radius:6px;padding:15px;bottom:3.5rem;right:1rem;position:absolute;z-index:1}.upload-button:hover .tooltiptext{display:block}.upload-box{width:100%;max-width:500px;height:250px;border:2px dashed rgb(17,24,39);border-radius:10px;text-align:center;padding:40px;background-color:#f9f9f9;font-family:Arial,sans-serif;transition:all .3s ease}.upload-box.dragging{background-color:#e9f5ff;border-color:#0056b3}.upload-icon{font-size:50px}.upload-box p{margin:0 0 20px}.file-input{display:none}.file-upload-btn{padding:12px 20px;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;font-size:16px;text-align:center;transition:background-color .3s}.file-upload-btn:hover{background-color:#0056b3}.flashcard-outerdiv{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding-top:5px;overflow:auto}.flashcard-innerdiv{border-radius:10px;padding:20px;color:#fff;cursor:pointer;background-color:#181f2e;box-shadow:0 4px 8px #0003;transition:transform .2s;overflow-wrap:break-word;overflow:hidden}.flashcard-download-button{margin-top:20px;padding:10px 20px;background-color:#fff;color:#000;border:none;border-radius:5px;cursor:pointer}.sessionError{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000}a{color:#3e62ae;cursor:pointer}.radioGroup{display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem;padding-bottom:10px}.radioLabel{display:flex;align-items:center;padding:.1rem .2rem;border-radius:9999px;cursor:pointer;border:1.5px solid #e5e7eb;transition:all .2s ease}.radioLabel:hover{border-color:#bfdbfe}.radioInput{display:none}.radioInput:checked+.radioLabel{border-color:#111827;background-color:#eff6ff}.checkCircle{width:1rem;height:1rem;border-radius:50%;border:2px solid #d1d5db;margin-right:.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.radioInput:checked+.radioLabel .checkCircle{background-color:#111827;border-color:#111827}.checkIcon{color:#fff}.radioText{font-size:.9rem;color:#374151}.quiz-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.25rem}.question-card{background-color:#ffffff0d;border-radius:.75rem;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0003}.question{color:#fff;font-size:1.125rem;margin-bottom:1rem;font-weight:500}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.option{background-color:#ffffff1a;border:1px solid transparent;border-radius:.5rem;padding:.75rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;color:#fff;font-size:.875rem;word-wrap:break-word;white-space:normal}@media (max-width: 600px){.options-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}.option:hover:not(:disabled){background-color:#ffffff26}.option.selected{border-color:#ffffff80}.option.correct{background-color:#22c55e33;border-color:#22c55e}.option.wrong{background-color:#ef444433;border-color:#ef4444}.option:disabled{cursor:default;opacity:.7}.check-icon{width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon.correct{color:#22c55e}.check-icon.wrong{color:#ef4444}.option-text{font-size:.875rem}.score-display{background-color:#ffffff0d;border-radius:.75rem;padding:1rem;color:#fff;text-align:center;font-size:1.125rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0003}.score-number{font-weight:600;color:#22c55e}.document-present{padding:5px 15px;background-color:#3b82f6;border-radius:9999px;box-shadow:0 4px 6px #0009}.auth-container{text-align:center;max-width:400px;margin:20px auto;padding:2rem;border:1px solid #ccc;border-radius:8px}.auth-container form{display:flex;flex-direction:column;gap:1rem}.auth-container input{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:100%}.auth-container button{padding:.5rem;background-color:#232f48;color:#fff;border:none;border-radius:4px;cursor:pointer}.auth-container button:hover{background-color:#131b2a}.error{padding:.5rem;border:1px solid rgb(249,143,143);border-radius:4px;background-color:#f98f8f;width:100%;color:#fff;margin-bottom:1rem}