:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{width:100%;margin:0;padding:0;display:flex;flex-direction:column;background-color:#f5f5f5;overflow:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:#f5f5f5;font-family:Arial,sans-serif}.app-header{display:flex;justify-content:space-between;align-items:center;background-color:#e5d2c0;color:#55473b;padding-left:15px;padding-right:15px;height:60px;font-size:1.5rem;font-weight:700;width:100%;box-sizing:border-box}.actions-row{display:flex;justify-content:center;gap:60px;margin:50px 0 30px;flex-wrap:wrap}.action-btn{padding:20px 40px;width:300px;height:200px;background-color:#e5d2c0;color:#55473b;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:.3s ease}.action-btn:hover{background-color:#e4c9b0}.upload-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f8f9fa;flex-direction:column}.upload-box{border:2px dashed #55473b;border-radius:12px;padding:40px;width:350px;text-align:center;background:#f5f5f5;box-shadow:0 6px 16px #0000001a}.upload-box p{margin:10px 0;font-size:16px;color:#55473b}.upload-box:hover{background:#f1e0cf}.upload-btn{display:inline-block;padding:10px 20px;margin-top:12px;background:#e5d2c0;color:#fff;font-weight:700;border-radius:6px;cursor:pointer}.upload-btn:hover{background:#55473b}.upload-text{font-size:12px;color:gray;margin-top:8px}.Title{color:#55473b;font-size:2.1rem;margin:10px;font-weight:700}.Header{color:#55473b;font-size:1.5rem;margin:10px}.pdf-viewport-container{display:flex;flex-direction:row;height:calc(100vh - 60px)}.pdf-main{display:flex;flex:1;overflow-y:auto;height:100%}.pdf-viewport{flex:5;background:#f5f5f5;display:flex;justify-content:center;align-items:center;padding:10px;background-color:#eee2d6;position:relative;overflow:hidden}.pdf-navigation{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;width:80%;max-width:600px;padding:12px 24px;background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10}.nav-button{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.nav-button:hover{background-color:#0056b3}.nav-button{background-color:#6c757d;cursor:pointer}.page-indicator{font-size:16px;font-weight:500;color:#333}.pdf-wrapper{margin-top:150px;width:100%;height:100%;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:20px 20px 70px;scrollbar-width:none;margin-bottom:10px}.pdf-wrapper::-webkit-scrollbar{display:none}.pdf-canvas{border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;max-width:none;max-height:none;transform:scale(1.5);transform-origin:top center}.chat-box-container{flex:2;display:flex;justify-content:center;align-items:center;overflow:hidden;width:auto}.cardBtn{background-color:#fff;width:100px;height:100px;position:absolute;bottom:20px;left:50%;border-radius:100px;justify-content:center;align-items:center;border:dashed #edccab 5px;transition:all .2s ease;z-index:1001}.cardBtn:hover{border:dashed #edccab 5px;transform:scale(1.05)}.loading-spinner-container{display:flex;justify-content:center;flex-direction:column;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:9999}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #55473b;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-container p{color:#55473b;font-size:1.5rem;margin:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-box{display:flex;flex-direction:column;height:100%;width:100%;padding:10px;background:#eee2d6;overflow:hidden}.chat-box ::-webkit-scrollbar{display:hidden}.chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;background-color:#eedac6;margin:10px;border-radius:15px;height:calc(90vh - 100px)}.chat-wrapper{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;background-color:#eedac6;margin:10px;border-radius:15px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{display:none}.chat-message{margin:8px 0;padding:8px 12px;border-radius:10px;max-width:80%;word-wrap:break-word;font-size:14px;opacity:0;transform:translateY(10px);animation:fadeInMessage .4s ease forwards}@keyframes fadeInMessage{to{opacity:1;transform:translateY(0)}}.chat-message.user{background:#5e646b;color:#fff;align-self:flex-end}.chat-message.ai{background:#e6e6e6;color:#000;align-self:flex-start}.chat-input{display:flex;gap:8px;flex-shrink:0;margin:10px;height:50px}.chat-input input{flex:1;padding:8px;border:1px solid #ccc;border-radius:25px;transition:all .2s ease;outline:none}.chat-input input:focus{transform:scale(1.02);box-shadow:0 0 0 2px #0078ff33;border-color:#fff}.chat-input button{background:#757575;color:#fff;border:none;padding:8px 12px;cursor:pointer;border-radius:50px;transition:all .2s ease;margin:5px}.chat-input button:hover{transform:scale(1.05);background:#0056b3;box-shadow:0 2px 8px #0078ff4d}.chat-input button:active{transform:scale(.95)}.flashcard-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:80%;height:700px;box-shadow:0 0 10px #0000004d;border-radius:15px;z-index:1000;align-items:center;display:flex;flex-direction:column;overflow:hidden;z-index:1002}.header{width:100%;height:75px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#55473b;border-radius:15px 15px 0 0}.header p{padding:20px;font-size:25px}.header span{display:flex;justify-content:center;align-items:center;width:70px;height:70px;color:#fff;border-radius:50%;cursor:pointer;font-weight:700;font-size:28px}.flashcard-container{max-width:100%;width:100%;display:flex;flex-direction:column;padding:20px;align-items:center;justify-content:space-between;height:575px;max-height:575px;box-sizing:border-box;overflow:hidden;flex:1}.question-container{width:100%;padding:20px;flex-shrink:0}.question-container p{color:#000;font-size:25px}.option-container{width:100%;padding:20px;text-align:left;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;overflow-y:hidden}.container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%}.container:hover input~.checkmark{background-color:#ccc}.container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#fff}.answer-container{width:100%;height:auto}.answer-container p{color:#000;font-size:20px}.button-container{width:100%;display:flex;padding:20px;margin-top:auto;flex-shrink:0;justify-content:space-between}.submitBtn{left:50%;width:100px;height:50px;background-color:#55473b;border-radius:15px;color:#fff;border:none;cursor:pointer;font-size:16px}.nextBtn{width:100px;height:50px;background-color:#55473b;border-radius:15px;color:#fff;border:none;cursor:pointer;font-size:16px}.submitBtn:hover,.nextBtn:hover{background-color:#3d332a}