:root{--text-color:#333;--header-footer-bg:#f0f0f0;--button-bg:#007bff;--button-text-color:#fff;--link-color:#007bff}.dark-mode{--text-color:#f5f5f5;--header-footer-bg:#1e1e1e;--button-bg:#333;--button-text-color:#f5f5f5;--link-color:#4a90e2}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;transition:background-color .3s ease,color .3s ease}.app-container,body,html{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color)}footer,header{background-color:#f0f0f0;background-color:var(--header-footer-bg);color:#333;color:var(--text-color)}button{background-color:#007bff;background-color:var(--button-bg);border:none;color:#fff;color:var(--button-text-color);cursor:pointer;padding:8px 16px;transition:background-color .3s ease,color .3s ease}button:hover{opacity:.9}a{color:#007bff;color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}main{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);flex-grow:1;padding:16px}@media (max-width:768px){.app-container{padding:8px}}.toast-container-wrapper{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;max-width:400px;min-width:250px;opacity:.95;padding:12px 18px;transition:all .3s ease-in-out}.toast:hover{box-shadow:0 6px 16px #0003;opacity:1}.toast-success{background-color:#28a745}.toast-error{background-color:#dc3545}.toast-info{background-color:#17a2b8}.toast-warning{background-color:#ffc107;color:#212529}:root{--background-color:#fff;--text-color:#111827;--heading-color:#111827;--accent-color:#007bff;--accent-hover:#0056b3;--secondary-color:#6b7280;--border-color:#e5e7eb;--card-bg:#f9fafb;--header-bg:#fff;--header-shadow:#0000000d;--search-bg:#fff;--search-border:#e5e7eb;--search-shadow:#0000001a;--footer-bg:#f9fafb;--footer-text:#374151;--header-footer-bg:#fff;--pricing-bg:#f9fafb;--pricing-text:#111827;--feature-bg:#fff;--feature-text-color:#111827;--feature-border:#e5e7eb;--use-case-bg:#fff;--use-case-border:#e5e7eb}.dark-mode{--background-color:#121212;--text-color:#e0e0e0;--header-footer-bg:#1f1f1f;--pricing-bg:#1a1a2e;--pricing-text:#bb86fc;--feature-bg:#1f1f1f;--feature-text-color:#e0e0e0;--feature-border:#bb86fc33;--use-case-bg:#2d2d2d;--use-case-border:#333}body{background-color:#fff;background-color:var(--background-color);color:#111827;color:var(--text-color);font-family:Inter,sans-serif;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}.app-container{display:flex;flex-direction:column;min-height:100vh}header{background-color:#fff;background-color:var(--header-footer-bg);border-bottom:1px solid #0000001a;color:#111827;color:var(--text-color);justify-content:space-between;padding:clamp(12px,2vw,20px)}.home-nav,header{align-items:center;display:flex}.home-nav{gap:16px}.home-nav-link{color:#111827;color:var(--text-color);font-weight:500;opacity:.8;text-decoration:none;transition:opacity .2s ease}.home-nav-link:hover{opacity:1}.auth-buttons{display:flex;gap:15px}.signin-link{border-radius:4px;color:#007bff;color:var(--accent-color);font-weight:500;padding:8px 15px;text-decoration:none;transition:all .2s ease}.signin-link:hover{background-color:#007bff1a;color:#0056b3;color:var(--accent-hover)}.signup-button{background-color:#007bff;background-color:var(--accent-color);border-radius:4px;color:#fff;font-weight:500;padding:8px 15px;text-decoration:none;transition:all .2s ease}.signup-button:hover{background-color:#0056b3;background-color:var(--accent-hover);transform:translateY(-1px)}.dark-mode .signin-link:hover{background-color:#bb86fc1f}.logo-container .app-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin:0}.chat-container{background:var(--chat-bg);border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.chat-messages{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem}.message{display:flex;margin-bottom:1rem;max-width:85%}.user-message{align-self:flex-end;flex-direction:row-reverse}.assistant-message{align-self:flex-start}.message .message-content{background-color:var(--accent-light);border-radius:1rem 1rem 1rem 0;box-shadow:0 1px 2px #0000001a;color:#111827;color:var(--text-color);padding:1rem}.user-message .message-content{background-color:#007bff;background-color:var(--accent-color);border-radius:1rem 1rem 0 1rem;color:#fff}.chat-input-container{border-top:1px solid #e5e7eb;border-top:1px solid var(--search-border);display:flex;flex-direction:column;padding:1rem}.chat-message{align-items:flex-start;margin-bottom:1.5rem;max-width:85%}.chat-message.ai{align-self:flex-start}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{align-items:center;background-color:#007bff;background-color:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:36px;justify-content:center;margin-right:12px;width:36px}.chat-message.user .message-avatar{background-color:var(--accent-light);color:var(--accent-dark);margin-left:12px;margin-right:0}.message-content{background-color:var(--accent-light);border-radius:1rem 1rem 1rem 0;color:#111827;color:var(--text-color);padding:1rem}.chat-message.user .message-content{background-color:#007bff;background-color:var(--accent-color);border-radius:1rem 1rem 0 1rem;color:#fff}.message-content p{line-height:1.5;margin:0}.chat-input-area{border-top:1px solid #e5e7eb;border-top:1px solid var(--search-border);display:flex;flex-direction:column;padding:1rem}.chat-input{background-color:#fff;background-color:var(--search-bg);border:1px solid #e5e7eb;border:1px solid var(--search-border);border-radius:.5rem;color:#111827;color:var(--text-color);font-family:inherit;font-size:1rem;outline:none;padding:1rem;resize:none;width:100%}.chat-actions{justify-content:space-between;margin-top:.75rem}.chat-actions,.send-button{align-items:center;display:flex}.send-button{background:none;color:#007bff;color:var(--accent-color);font-size:1.5em;justify-content:center;padding:5px;transition:all .2s ease}.send-button:hover{transform:translateY(-1px)}.file-upload-wrapper{margin-left:5px;position:relative}.add-content-button{align-items:center;cursor:pointer;display:flex;font-size:1.5em;justify-content:center;opacity:.8;padding:5px;transition:all .2s ease}.add-content-button:hover{opacity:1}.file-upload-button .tooltip{background-color:var(--topic-bg);border-radius:.25rem;bottom:100%;color:#111827;color:var(--text-color);font-size:.8rem;left:50%;margin-bottom:.5rem;max-width:200px;opacity:0;overflow:hidden;padding:.5rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.file-upload-button:hover .tooltip{opacity:1}.send-button:hover{background-color:#0056b3;background-color:var(--accent-hover)}.send-button svg{stroke:#fff;fill:#fff;stroke-width:2}.content-container{align-items:center;flex:1 1;justify-content:center;padding:clamp(40px,10vw,80px) clamp(16px,5vw,24px);text-align:center}.hero-section{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:2rem 1rem;text-align:center}.home-cta-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.home-pricing-anchor{color:#6b7280;color:var(--secondary-color);font-size:.95rem;margin-top:12px}.home-section-header{margin:0 auto 16px;max-width:900px;padding:0 1rem;text-align:center}.home-section-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;margin:0 0 8px}.home-section-subtitle{color:#6b7280;color:var(--secondary-color);line-height:1.6;margin:0}.home-demo-section{padding:1rem 0 2rem}.home-demo-section,.home-teams-section{margin:0 auto;max-width:1200px;width:100%}.home-teams-section{padding:2rem 1rem}.home-teams-card{background-color:#f9fafb;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center}.home-bottom-cta{padding:2.5rem 1rem 3rem;text-align:center}.home-bottom-cta,.home-social-proof{margin:0 auto;max-width:900px;width:100%}.home-social-proof{padding:8px 12px}.home-proof-title{font-weight:600;margin-bottom:10px}.home-proof-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.home-proof-badge{align-items:center;background-color:#f9fafb;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:.9rem;opacity:.9;padding:6px 10px}.home-faq-section,.home-trust-section,.home-use-cases{margin:0 auto;max-width:1200px;padding:2rem 0;width:100%}.home-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.home-card{background-color:#f9fafb;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:left}.home-card-title{font-size:1.1rem;font-weight:600;margin:0 0 8px}.home-card-description{color:#6b7280;color:var(--secondary-color);line-height:1.6;margin:0}.home-faq{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:900px;padding:0 1rem;width:100%}.home-faq-item{background-color:#f9fafb;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;font:inherit;line-height:inherit;padding:14px 16px;text-align:left;width:100%}.home-faq-item,.home-faq-question{color:#111827;color:var(--text-color)}.home-faq-question{font-weight:600}.home-faq-answer{color:#6b7280;color:var(--secondary-color);line-height:1.6;margin-top:10px}.home-input-preview{background-color:#f9fafb;background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 24px #00000026;margin:1.5rem auto;max-width:800px;min-height:300px;overflow:hidden;position:relative}.input-preview-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;padding:1.5rem 1.5rem .5rem;text-align:center}.input-preview-description{color:#6b7280;color:var(--secondary-color);font-size:1rem;line-height:1.5;margin:0 auto 1.5rem;max-width:80%;text-align:center}.hero-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:clamp(10px,2vw,16px)}.hero-description{color:#000000bf;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;margin-bottom:clamp(16px,2vw,24px)}.dark-mode .hero-description{color:#ffffffd9}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px;max-width:1200px;width:100%}.feature-item{background-color:#fff;background-color:var(--feature-bg);border:1px solid #e5e7eb;border:1px solid var(--feature-border);border-radius:12px;box-shadow:0 4px 6px #0000000d;color:#111827;color:var(--feature-text-color);padding:32px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:16px}.feature-item h3{font-size:1.25rem;font-weight:600;margin-bottom:12px}.feature-item p{font-size:1rem;line-height:1.6;opacity:.9}.video-container{margin:auto;max-width:800px;width:100%}.video-container iframe{height:clamp(180px,35vw,360px);width:100%}.testimonials-section{margin-top:40px;width:100%}.testimonial-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.testimonial-item{padding:20px}.pricing-section,.testimonial-item{background-color:#f9fafb;background-color:var(--pricing-bg);border-radius:10px;text-align:center}.pricing-section{box-shadow:0 4px 10px #0000001a;color:#111827;color:var(--pricing-text);margin:clamp(20px,4vw,40px) auto;max-width:600px;padding:clamp(20px,5vw,40px)}.pricing-title{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin-bottom:10px}footer{background-color:#fff;background-color:var(--header-footer-bg);border-top:1px solid #0000001a;font-size:clamp(.85rem,2vw,1rem);padding:clamp(12px,2vw,20px);text-align:center}footer p{margin:0;opacity:.8}.use-cases-section{margin:60px auto;max-width:1200px;width:100%}.use-cases-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.use-case-item{background-color:#fff;background-color:var(--use-case-bg);border:1px solid #e5e7eb;border:1px solid var(--use-case-border);border-radius:8px;padding:24px;text-align:center;transition:transform .3s ease}.use-case-item:hover{transform:translateY(-3px)}.use-case-item h3{font-size:1.2rem;margin-bottom:12px}.use-case-item h3,.use-case-item p{color:#111827;color:var(--text-color)}.use-case-item p{font-size:.95rem;opacity:.9}.consensus-footer{background-color:#f9fafb;background-color:var(--footer-bg);border-top:1px solid var(--separator);padding:2rem;text-align:center}.copyright{color:#111827;color:var(--text-color);font-size:.9rem;opacity:.7}@media (max-width:768px){.home-input-preview{margin:1rem;width:auto}.input-preview-title{font-size:1.25rem;padding:1rem 1rem .5rem}.input-preview-description{font-size:.9rem;margin-bottom:1rem;max-width:95%}.features-grid{gap:16px}.features-grid,.testimonial-grid{grid-template-columns:1fr}.pricing-section{max-width:90%}}@media (max-width:480px){.hero-title{font-size:1.8rem}.primary-button{font-size:1rem;padding:12px 20px}.features-grid,.testimonial-grid{grid-template-columns:1fr}.pricing-section{padding:20px}}.welcome-container{align-items:center;background-color:var(--background-color);display:flex;justify-content:center;min-height:100vh;padding:20px}.welcome-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;max-width:600px;overflow:hidden;transition:all .3s ease;width:100%}.dark-mode .welcome-card{background-color:#1f1f1f;box-shadow:0 8px 24px #0000004d}.welcome-header{border-bottom:1px solid #eaeaea;padding:24px 32px}.dark-mode .welcome-header{border-bottom:1px solid #333}.welcome-header h1{color:var(--heading-color);font-size:24px;margin:0 0 16px}.steps-indicator{display:flex;gap:8px}.step-dot{background-color:#e0e0e0;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.step-dot.active{background-color:var(--accent-color)}.welcome-content{min-height:320px;padding:32px}.welcome-step{align-items:center;display:flex;flex-direction:column;text-align:center}.welcome-icon{font-size:48px;margin-bottom:16px}.welcome-step h2{color:var(--heading-color);margin-bottom:16px;margin-top:0}.welcome-step p{color:var(--text-color);line-height:1.6;margin-bottom:16px}.feature-list{max-width:320px;padding-left:24px;text-align:left;width:100%}.feature-list li{color:var(--text-color);margin-bottom:12px}.welcome-actions{border-top:1px solid #eaeaea;display:flex;justify-content:space-between;padding:20px 32px}.dark-mode .welcome-actions{border-top:1px solid #333}.complete-button,.next-button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.complete-button:hover,.next-button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.skip-button{background:none;border:none;color:var(--secondary-color);cursor:pointer;padding:10px}.skip-button:hover{text-decoration:underline}.complete-button{margin-left:auto}.conversation-view{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow-y:auto;padding:clamp(8px,2vw,16px);position:relative;transition:background-color .3s ease}.dark-mode .conversation-view{background-color:#1a1a1a}.chat-message{animation:fadeIn .3s ease-in-out;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;margin-bottom:clamp(8px,2vw,12px);max-width:clamp(70%,80vw,75%);padding:clamp(10px,2vw,16px);transition:background-color .3s;word-break:break-word}.sent{align-self:flex-end;background:linear-gradient(135deg,#0078d4,#005bb5);color:#fff}.received{align-self:flex-start;background:#e5e5ea;color:#333}.dark-mode .sent{background:linear-gradient(135deg,#005a9e,#004c80)}.dark-mode .received{background-color:#333;color:#ccc}.message-timestamp{color:#888;font-size:clamp(.65rem,2vw,.75rem);margin-top:clamp(2px,1vw,4px);text-align:right}.sent .message-timestamp{color:#dcdcdc}.received .message-timestamp{color:#555}.dark-mode .sent .message-timestamp{color:#b0c4de}.dark-mode .received .message-timestamp{color:#aaa}.actions{display:flex;gap:clamp(6px,2vw,8px);justify-content:flex-start;margin-top:clamp(4px,1vw,6px)}.icon-button{background:none;border:none;cursor:pointer;font-size:clamp(1rem,2vw,1.1rem);padding:clamp(2px,1vw,4px);transition:transform .1s ease}.icon-button:hover{transform:scale(1.2)}.copy-button{color:#6c757d}.copy-button:hover{color:#5a6268}.like-button.active{color:blue}.dislike-button.active{color:red}.dislike-button,.like-button{color:gray}.error-message{color:red;font-size:clamp(.8rem,2vw,.9rem);margin-top:clamp(8px,2vw,10px)}@media (max-width:768px){.conversation-view{justify-content:flex-start;padding:clamp(8px,3vw,12px)}.chat-message{max-width:clamp(85%,90vw,90%);padding:clamp(8px,3vw,12px)}.actions button{font-size:clamp(.9rem,2vw,1rem);padding:clamp(2px,2vw,4px)}.message-timestamp{font-size:clamp(.6rem,2vw,.65rem)}}@media (max-width:480px){.conversation-view{padding:clamp(6px,4vw,8px)}.chat-message{max-width:clamp(90%,95vw,95%);padding:clamp(6px,4vw,10px)}.actions button{font-size:clamp(.8rem,3vw,.9rem);padding:clamp(2px,3vw,4px)}.message-timestamp{font-size:clamp(.55rem,3vw,.6rem)}}.file-viewer-modal{align-items:center;background-color:#000000bf;box-sizing:border-box;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.file-viewer-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100% - 4vh);max-height:95vh;max-width:1800px;min-height:0;overflow:hidden;position:relative;transition:background-color .3s ease,color .3s ease;width:calc(100% - 4vw)}.dark-mode .file-viewer-content{background-color:#2c2c2c;box-shadow:0 5px 20px #00000080;color:#eee}.file-viewer-main-layout{display:flex;flex-direction:row;flex-grow:1;height:100%;min-height:0;overflow:hidden}.document-view-container{display:flex;flex:3 1;flex-direction:column;height:100%;min-height:0;overflow:auto;position:relative}.key-concepts-panel{-webkit-overflow-scrolling:touch;background-color:#f9f9f9;border-left:1px solid #ccc;display:flex;flex:1 1;flex-direction:column;gap:15px;height:100%;max-width:400px;min-height:0;min-width:280px;overflow-y:auto;padding:15px}.dark-mode .key-concepts-panel{background-color:#3a3a3a;border-left-color:#555;color:#e0e0e0}.key-concepts-panel h3{color:#333;font-size:1.2em;margin-bottom:10px;margin-top:0}.dark-mode .key-concepts-panel h3{color:#f0f0f0}.key-concepts-list{list-style-type:none;margin:0;padding:0}.key-concept-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #00000014;font-size:.95rem;margin-bottom:12px;max-width:100%;overflow-wrap:break-word;padding:16px;transition:all .2s ease;word-break:break-word}.dark-mode .key-concept-card{background-color:#3a3a3a;border-color:#555;box-shadow:0 2px 4px #0000004d}.key-concept-item h4,.key-concept-item p,.key-concept-item small{overflow:hidden;text-overflow:ellipsis;white-space:normal}.dark-mode .key-concept-item small{color:#bbb}.key-concept-item .source-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9em;padding:0 2px;text-decoration:underline}.dark-mode .key-concept-item .source-link{color:#61dafb}.key-concept-item .source-link:hover{color:#0056b3}.dark-mode .key-concept-item .source-link:hover{color:#bef}.processing-message{background-color:#f8f9fa;border:1px dashed #dee2e6;border-radius:5px;margin:10px 0;padding:15px;text-align:center}.dark-mode .processing-message{background-color:#343a40;border-color:#495057;color:#e0e0e0}.viewer-controls-bottom{background-color:#f8f9fa;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;padding:10px 15px}.dark-mode .viewer-controls-bottom{background-color:#343a40;border-top-color:#495057}.toolbar-button.close-button-bottom{background-color:#007bff;border-color:#007bff;color:#fff;padding:8px 15px}.toolbar-button.close-button-bottom:hover{background-color:#0056b3;border-color:#0056b3}.dark-mode .toolbar-button.close-button-bottom{background-color:#3da9fc;border-color:#3da9fc;color:#fff}.dark-mode .toolbar-button.close-button-bottom:hover{background-color:#1e90ff;border-color:#1e90ff}.close-button{align-items:center;background-color:#00000026;border-radius:50%;color:#333;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;padding:0;right:10px;top:10px;transition:all .2s ease;width:24px;z-index:1000}.close-button:hover{background-color:#0003;transform:scale(1.1)}.dark-mode .close-button{background-color:#ffffff1a;color:#eee}.dark-mode .close-button:hover{background-color:#fff3}.tabs{background-color:#f0f0f0;border-bottom:1px solid #ddd;justify-content:space-around;margin-bottom:10px}.side-panel{background-color:#f9f9f9;border-left:1px solid #ccc;display:flex;flex-direction:column;overflow:hidden;width:300px}.tab-navigation-container{border-bottom:1px solid #ddd;margin-bottom:15px}.tab-buttons{display:flex;width:100%}.tab-button{background-color:#f5f5f5;border:none;border-bottom:2px solid #0000;color:#555;flex:1 1;font-weight:500;padding:12px 15px}.tab-button:hover{background-color:#e9e9e9;color:#333}.tab-button.active{background-color:#fff;border-bottom:2px solid #007bff;color:#007bff;font-weight:600}.dark-mode .tab-navigation-container{border-bottom-color:#555}.dark-mode .tab-button{background-color:#333;color:#bbb}.dark-mode .tab-button:hover{color:#eee}.dark-mode .tab-button.active{background-color:#222;border-bottom-color:#3da9fc;color:#3da9fc}.dark-mode .side-panel{background-color:#3a3a3a;border-left-color:#555}.current-tab-info{background-color:#f5f5f5;border-left:4px solid #007bff;border-radius:4px;font-weight:500;margin-bottom:10px;padding:5px 10px;text-align:center}.dark-mode .current-tab-info{background-color:#444;border-color:#07c}.tab-content{background-color:#fff;border-radius:4px;flex:1 1;overflow-y:auto;padding:15px}.dark-mode .tab-content{background-color:#333}.content-container{padding:10px 0}.content-container,.flashcard-container,.quiz-container{display:flex;flex-direction:column;height:100%}.error-message,.loading{border-radius:4px;margin:20px 0;padding:20px;text-align:center}.loading{background-color:#e3f2fd;color:#0d47a1}.error-message{background-color:#ffebee;color:#c62828}.dark-mode .loading{background-color:#102a43;color:#82b1ff}.dark-mode .error-message{background-color:#311b23;color:#ef9a9a}.tabs{background-color:#e6f2ff;border:2px solid #007bff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;margin-bottom:15px;padding:10px;width:100%}.tab-button{background-color:#f8f8f8;border:1px solid #007bff;border-radius:6px;color:#333;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-bottom:8px;padding:15px;text-align:center;transition:all .2s ease;width:100%}.tab-button:hover{background-color:#0069d9;box-shadow:0 4px 8px #0003;color:#fff;transform:translateY(-2px)}.tab-button.active{background-color:#007bff;border:2px solid #0056b3;box-shadow:0 0 0 4px #007bff40;color:#fff;position:relative}.dark-mode .tabs{background-color:#2c2c2c;border-bottom-color:#555}.dark-mode .tab-button{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.dark-mode .tab-button:hover{background-color:#444}.dark-mode .tab-button.active{background-color:#0056b3;border-color:#07c;color:#fff}.error-message{background-color:#fff0f0;border:1px solid #fdd;border-radius:4px;color:#d8000c;margin:auto;padding:20px;text-align:center}.loading-indicator,.processing-indicator{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;padding:20px;text-align:center}.dark-mode .loading-indicator,.dark-mode .processing-indicator{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.processing-indicator:before{animation:spin 1s linear infinite;border:4px solid #ccc;border-radius:50%;border-top-color:#3498db;content:"";display:block;height:40px;margin-bottom:15px;width:40px}.dark-mode .error-message{background-color:#5c2a2a;border-color:#8b4040;color:#ffc0c0}.file-content-area{flex:1 1;min-height:0;position:relative}.image-viewer,.pdf-viewer,.video-player,.youtube-iframe{border:none;display:block;height:100%;width:100%}.youtube-container{height:100%;overflow:hidden;position:relative;width:100%}.youtube-container .youtube-iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.image-viewer,.video-player{object-fit:contain}.image-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}@media (max-width:768px){.file-viewer-modal{padding:0}.file-viewer-content{border-radius:0;height:100%;width:100%}.file-viewer-main-layout{flex-direction:column}.document-view-container{flex:1 1;max-height:60vh;min-height:50vh}.key-concepts-panel,.side-panel{border-left:none;border-top:1px solid #ccc;flex:0 0 auto;max-height:40vh;min-width:100%;padding:10px}.tab-navigation-container{display:flex;flex-wrap:wrap;gap:5px}.tab-button{-webkit-tap-highlight-color:transparent;flex:1 1 100px;font-size:14px;min-height:48px;padding:8px}.key-concept-item h4{font-size:1em}.key-concept-item p{font-size:.9em}.dark-mode .key-concepts-panel{border-top-color:#555}.viewer-controls-bottom{background-color:#f8f9fa;bottom:0;padding:12px 8px;position:-webkit-sticky;position:sticky;z-index:10}.dark-mode .viewer-controls-bottom{background-color:#2c2c2c}}@media (max-width:480px){.tab-button{font-size:13px;min-height:48px;padding:12px 8px}.key-concept-card{border-radius:10px;padding:14px}.action-btn{font-size:14px;min-height:44px;min-width:44px;padding:10px}.source-link{font-size:.9rem;justify-content:center;padding:12px 16px;width:100%}.concept-content{font-size:15px;line-height:1.6}}.dark-mode .key-concepts-container{color:#e0e0e0}.dark-mode .key-concepts-header{border-bottom-color:#555}.dark-mode .key-concepts-header h3{color:#f0f0f0}.dark-mode .key-concepts-controls button{background-color:#444;border-color:#666;color:#e0e0e0}.dark-mode .key-concepts-controls button:hover{background-color:#555}.dark-mode .key-concepts-controls button.active{background-color:#3da9fc;border-color:#3da9fc;color:#fff}.dark-mode .concept-card{background-color:#444;border-color:#555;box-shadow:0 2px 4px #0000004d}.dark-mode .concept-card:hover{background-color:#4d4d4d}.dark-mode .concept-card.highlight{animation:dark-pulse 2s}.dark-mode .concept-header h4{color:#f0f0f0}.dark-mode .concept-content p{color:#ccc}.dark-mode .source-link.pdf-source{background-color:#2c5282;border-color:#2c5282}.dark-mode .source-link.pdf-source:hover{background-color:#3a689c}.dark-mode .source-link.video-source{background-color:#822c3a;border-color:#822c3a}.dark-mode .source-link.video-source:hover{background-color:#9c3a4a}@keyframes dark-pulse{0%{background-color:#3a3a3a;box-shadow:0 0 0 0 #3da9fcb3}70%{background-color:#555;box-shadow:0 0 0 10px #3da9fc00}to{background-color:#444;box-shadow:0 0 0 0 #3da9fc00}}.key-concept-actions{align-items:center;display:flex;gap:5px}.action-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1rem;gap:6px;min-height:44px;min-width:44px;padding:2px 4px;transition:all .2s ease;white-space:nowrap}.action-btn:hover{background-color:#0000001a}.dark-mode .action-btn:hover{background-color:#ffffff1a}.key-concept-edit-form{background-color:#f9f9f9;border-radius:4px;display:flex;flex-direction:column;gap:10px;padding:10px}.dark-mode .key-concept-edit-form{background-color:#333}.edit-concept-explanation-textarea,.edit-concept-title-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:8px;width:100%}.dark-mode .edit-concept-explanation-textarea,.dark-mode .edit-concept-title-input{background-color:#444;border-color:#666;color:#f0f0f0}.key-concept-edit-form input,.key-concept-edit-form textarea{box-sizing:border-box;max-height:200px;min-height:80px;overflow-y:auto;resize:vertical}.edit-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;padding:6px 12px}.save-btn{background-color:#28a745;color:#fff}.cancel-btn{background-color:#6c757d;color:#fff}.concept-header{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:8px 0}.expand-icon{margin-left:10px}.action-btn{align-items:center;border-radius:50%;display:inline-flex;height:30px;justify-content:center;overflow:hidden;padding:5px;position:relative;transition:all .3s ease;width:30px}.action-btn .icon{font-size:16px;transition:opacity .2s ease}.action-btn .text{font-size:14px;font-weight:500;opacity:0;padding-left:28px;position:absolute;transform:translateX(-10px);transition:all .3s ease;white-space:nowrap}.action-btn:hover{border-radius:15px;justify-content:flex-start;width:80px}.action-btn:hover .icon{opacity:1}.action-btn:hover .text{opacity:1;transform:translateX(0)}.edit-btn:hover{background-color:#e0f7fa;color:#00796b}.delete-btn:hover{background-color:#ffebee;color:#c62828}.dark-mode .edit-btn:hover{background-color:#004d40;color:#b2dfdb}.gamification-stats{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px}.dark-mode .gamification-stats{background-color:#3a3a3a;border-bottom-color:#555;color:#e0e0e0}.gamification-stats span{align-items:center;display:flex;gap:5px}.flashcard-viewer{align-items:center;display:flex;flex-direction:column;gap:20px;padding:15px;width:100%}.progress-indicator{gap:8px;min-width:200px}@media (max-width:480px){.progress-indicator{font-size:13px;gap:6px;min-width:180px;padding:6px 12px}.progress-indicator .divider{margin:0 2px}.flashcard{font-size:14px;height:150px}.flashcard-back,.flashcard-front{font-size:14px;padding:15px}.icon-btn{font-size:18px;height:36px;width:36px}.progress-indicator{font-size:12px;min-width:160px;padding:6px 10px}}.progress-indicator .card-position{color:#2c3e50;font-weight:600}.progress-indicator .reviewed-count{align-items:center;display:flex;gap:4px}.progress-indicator .reviewed-number{color:#2c3e50;font-weight:600}.progress-indicator .reviewed-percentage{color:#6c757d;font-size:.85em;margin-left:2px}.dark-mode .progress-indicator .card-position,.dark-mode .progress-indicator .reviewed-number{color:#f8f9fa}.dark-mode .progress-indicator .reviewed-percentage{color:#adb5bd}.flashcard{box-sizing:border-box;cursor:pointer;height:200px;margin:10px 0;max-width:100%;padding:0 10px;perspective:1000px;width:100%}.flashcard-inner{box-shadow:0 4px 8px #0000001a;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{align-items:flex-start;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;box-sizing:border-box;display:flex;height:100%;justify-content:center;max-width:100%;overflow-wrap:break-word;overflow-y:auto;padding:20px;position:absolute;width:100%;word-break:break-word}.flashcard-front{background-color:#f9f9f9;border:1px solid #ddd;color:#333;font-size:18px;font-weight:500}.flashcard-back{background-color:#e9f5ff;border:1px solid #cce5ff;color:#333;font-size:16px;transform:rotateY(180deg)}.dark-mode .flashcard-front{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.dark-mode .flashcard-back{background-color:#2c5282;border-color:#4a69a2;color:#e0e0e0}.actions,.navigation{display:flex;gap:10px;margin-top:10px}.flashcard-viewer button{background-color:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background-color .2s,color .2s}.flashcard-viewer button:hover{background-color:#0056b3}.flashcard-viewer button:disabled{background-color:#ccc;cursor:not-allowed}.dark-mode .flashcard-viewer button{background-color:#2c5282}.dark-mode .flashcard-viewer button:hover{background-color:#3a689c}.dark-mode .flashcard-viewer button:disabled{background-color:#555}.custom-actions button.edit-btn{background-color:#007bff;border-color:#007bff;color:#fff}.custom-actions button.delete-btn{background-color:#dc3545;border-color:#dc3545;color:#fff}.flashcard-editor{background-color:#2d2d2d;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:250px;padding:20px;width:100%}.flashcard-editor .edit-field{display:flex;flex:1 1;flex-direction:column}.flashcard-editor label{color:#ccc;font-weight:700;margin-bottom:5px}.flashcard-editor textarea{background-color:#333;border:1px solid #555;border-radius:5px;box-sizing:border-box;color:#fff;flex:1 1;max-height:150px;min-height:80px;overflow-y:auto;padding:10px;resize:vertical;width:100%}.dark-mode .actions button,.dark-mode .navigation button{background-color:#2c5282}.dark-mode .actions button:hover,.dark-mode .navigation button:hover{background-color:#3a689c}.gamification-feedback{margin-top:10px;padding:10px}.gamification-feedback.known{background-color:#d4edda;color:#155724}.gamification-feedback.needs-review{background-color:#fff3cd;color:#856404}.dark-mode .gamification-feedback.known{background-color:#155724;color:#d4edda}.dark-mode .gamification-feedback.needs-review{background-color:#856404;color:#fff3cd}.progress-bar-container{width:100px}@keyframes flip-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.flashcard.flipped{animation:flip-pulse .3s ease}.quiz-interface{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;padding:15px;width:100%}@media (max-width:480px){.quiz-interface{gap:12px;padding:10px}}.progress-indicator{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 2px 6px #0000001a;box-sizing:border-box;color:#444;display:inline-flex;flex-wrap:wrap;font-size:14px;font-weight:500;gap:10px;justify-content:center;line-height:1.4;margin:0 auto 15px;max-width:100%;min-width:280px;padding:8px 14px;text-align:center;transition:all .3s ease}@media (max-width:480px){.progress-indicator{font-size:13px;gap:6px;min-width:240px;padding:6px 12px}.progress-indicator .divider{margin:0 2px}.progress-indicator .score{flex-basis:100%;margin-top:4px}}.progress-indicator .position{color:#2c3e50;font-weight:600}.progress-indicator .divider{color:#adb5bd;font-weight:700}.progress-indicator .progress{align-items:center;display:flex;gap:4px}.progress-indicator .progress-number{color:#2c3e50;font-weight:600}.progress-indicator .progress-percentage{color:#6c757d;font-size:.85em;margin-left:2px}.progress-indicator .score{font-weight:500}.progress-indicator .score-number{color:#2c3e50;font-weight:600}.dark-mode .progress-indicator{background-color:#2d3436;border-color:#495057;box-shadow:0 2px 6px #0000004d;color:#e9ecef}.dark-mode .progress-indicator .position,.dark-mode .progress-indicator .progress-number,.dark-mode .progress-indicator .score-number{color:#f8f9fa}.dark-mode .progress-indicator .divider{color:#6c757d}.dark-mode .progress-indicator .progress-percentage{color:#adb5bd}.quiz-question{box-sizing:border-box;display:flex;flex-direction:column;gap:15px;margin-bottom:15px;max-width:100%;padding:0 10px;width:100%}@media (max-width:480px){.quiz-question{gap:12px;padding:0 5px}.question-text{font-size:14px}}.question-text{color:#333;font-size:18px;font-weight:500;line-height:1.4;margin-bottom:10px;max-width:100%;overflow-wrap:break-word;word-break:break-word}@media (max-width:480px){.question-text{font-size:16px;margin-bottom:8px}}.dark-mode .question-text{color:#e0e0e0}.answer-option{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;margin-bottom:10px;min-height:52px;padding:12px 15px;text-align:left;transition:all .2s;width:100%}@media (max-width:480px){.answer-option{margin-bottom:8px;min-height:48px;padding:10px 12px}.answer-option input[type=radio]{margin-right:10px;min-height:20px;min-width:20px}.answer-option-label{font-size:.9em}}.answer-option-label{max-width:100%;overflow-wrap:break-word;word-break:break-word}.options{display:flex;flex-direction:column;gap:10px}.option-btn{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;padding:10px 15px;text-align:left;transition:all .2s}.option-btn:hover{background-color:#f0f0f0}.option-btn.selected{background-color:#e3f2fd;border-color:#90caf9}.dark-mode .option-btn{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.dark-mode .option-btn:hover{background-color:#444}.dark-mode .option-btn.selected{background-color:#2c5282;border-color:#4a69a2}.feedback{border-radius:4px;font-weight:500;margin:15px 0;padding:10px 15px}.feedback.correct{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.feedback.incorrect{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.dark-mode .feedback.correct{background-color:#155724;border-color:#c3e6cb;color:#d4edda}.dark-mode .feedback.incorrect{background-color:#721c24;border-color:#f5c6cb;color:#f8d7da}.navigation,.quiz-controls{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:20px 0 10px;max-width:100%;padding:0 10px;width:100%}.quiz-controls button{flex:1 1;font-size:1em;min-height:44px;min-width:120px;padding:8px 16px}@media (max-width:480px){.quiz-controls{gap:8px;margin:15px 0 5px;padding:0 5px}.quiz-controls button{font-size:.95em;min-width:100px;padding:10px 12px}.quiz-controls button:last-child{flex-basis:100%;margin-top:5px}.progress-indicator{font-size:12px;min-width:200px;padding:6px 10px}}.icon-btn{align-items:center;display:inline-flex;font-size:22px;height:44px;justify-content:center;padding:0;width:44px}.custom-actions{display:flex;gap:10px;margin-left:auto}.custom-actions .icon-btn{background-color:initial;color:#555}.dark-mode .custom-actions .icon-btn{color:#ccc}.custom-actions .icon-btn:hover{background-color:#f0f0f0}.dark-mode .custom-actions .icon-btn:hover{background-color:#444}.quiz-interface button{align-items:center;background-color:#007bff;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;gap:8px;justify-content:center;min-width:40px;transition:background-color .2s,color .2s;transition:background-color .2s}.quiz-interface button:hover{background-color:#0056b3}.quiz-interface button:disabled{background-color:#ccc;cursor:not-allowed}.dark-mode .quiz-interface button{background-color:#2c5282}.dark-mode .quiz-interface button:hover{background-color:#3a689c}.gamification-feedback{border-radius:4px;font-weight:500;margin:10px 0;padding:10px 15px;text-align:center}.gamification-feedback.correct{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.gamification-feedback.incorrect{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.dark-mode .gamification-feedback.correct{background-color:#155724;border-color:#c3e6cb;color:#d4edda}.dark-mode .gamification-feedback.incorrect{background-color:#721c24;border-color:#f5c6cb;color:#f8d7da}.progress-bar-container{margin:10px auto;width:80px}.achievements{background-color:#f9f9f9;border:1px solid #dee2e6;border-radius:4px;margin-top:15px;padding:10px}.dark-mode .achievements{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.achievements h4{font-size:1em;margin-bottom:10px}.achievements ul{list-style-type:none;padding:0}.achievements li{font-size:.9em;padding:5px 0}.voice-input-container{align-items:flex-start;display:flex;flex-direction:column;gap:8px;position:relative}.voice-input-button{align-items:center;background-color:var(--button-bg);border:none;border-radius:50%;color:var(--button-text-color);cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:8px;padding:8px;transition:background-color .2s ease;width:40px}.voice-input-button:hover{background-color:var(--button-hover-bg)}.voice-input-button.disabled{cursor:not-allowed;opacity:.5}.voice-input-button.listening{animation:pulse 1.5s infinite;background-color:#f44;color:#fff}.voice-input-button svg{height:24px;width:24px}.voice-input-status{background:#000c;border-radius:8px;color:#fff;font-size:12px;left:50%;min-width:150px;padding:8px 12px;position:absolute;top:-60px;transform:translateX(-50%);z-index:1000}.character-count,.voice-input-status{display:flex;flex-direction:column;gap:4px}.character-progress{background:#4f4;border-radius:1px;height:2px;transition:width .3s ease,background-color .3s ease}.interim-result{font-style:italic;max-width:200px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speech-rate{font-size:11px;opacity:.8}.speech-rate.warning{color:#f44}.voice-input-error{background:#f44;border-radius:4px;bottom:-40px;color:#fff;font-size:12px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.voice-input-controls{display:flex;gap:4px;left:calc(100% + 8px);position:absolute;top:50%;transform:translateY(-50%)}.control-button{background:#0000001a;border:none;height:32px;transition:all .2s ease;width:32px}.control-button:hover{background:#0003}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.input-controls{background-color:var(--background-color);border-radius:8px;justify-content:space-between;margin-top:8px;padding:4px}.input-controls,.left-controls{align-items:center;display:flex;gap:8px}.control-button{align-items:center;background-color:var(--button-bg);border-radius:50%;color:var(--button-text-color);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.control-button:hover{background-color:var(--button-hover-bg)}#file-upload{display:none}.input-area{border-radius:clamp(6px,1vw,8px);box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(12px,2vw,16px);position:relative;transition:background-color .3s ease,color .3s ease}.dark-mode .input-area,.input-area{background-color:var(--background-color);color:var(--text-color)}.text-input{border:1px solid #ccc;border-radius:clamp(4px,1vw,6px);font-size:clamp(12px,2vw,14px);margin-bottom:clamp(6px,1vw,8px);padding:clamp(10px,2vw,12px);transition:border-color .3s ease;width:100%}.text-input:focus{border-color:#0078d4;outline:none}.custom-file-upload{border-radius:clamp(4px,1vw,6px);cursor:pointer;display:inline-block;font-size:clamp(14px,2vw,16px);padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);transition:background-color .3s ease}.custom-file-upload,.dark-mode .custom-file-upload{background-color:var(--button-bg);color:var(--button-text-color)}.custom-file-upload:hover{background-color:#005bb5}.file-input input[type=file]{display:none}.send-button{background-color:var(--button-bg);border:none;border-radius:clamp(4px,1vw,6px);bottom:clamp(12px,2vw,16px);color:var(--button-text-color);cursor:pointer;font-size:clamp(14px,2vw,16px);padding:clamp(8px,1vw,10px) clamp(14px,2vw,18px);position:absolute;right:clamp(12px,2vw,16px);transition:background-color .3s ease}.send-button:hover{background-color:#005bb5}.send-button:disabled{background-color:#aaa;cursor:not-allowed}.spinner{animation:spin .8s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#0078d4;height:clamp(16px,2vw,20px);width:clamp(16px,2vw,20px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.attached-files{display:flex;flex-wrap:wrap;margin-top:clamp(6px,1vw,8px)}.attached-file{align-items:center;background-color:var(--background-color);border-radius:clamp(4px,1vw,6px);display:flex;font-size:clamp(12px,2vw,14px);margin-bottom:clamp(6px,1vw,8px);margin-right:clamp(6px,1vw,8px);padding:clamp(4px,1vw,6px)}.attached-file button{background:none;border:none;color:#d9534f;cursor:pointer;font-size:clamp(14px,2vw,16px);margin-left:clamp(6px,1vw,8px)}.attached-file button:hover{color:#b52b27}@media (max-width:768px){.input-area{padding:clamp(10px,2vw,14px)}.text-input{font-size:clamp(11px,2vw,13px)}.custom-file-upload,.send-button{font-size:clamp(13px,2vw,15px)}.send-button{padding:clamp(6px,2vw,8px) clamp(12px,3vw,14px)}.attached-file{font-size:clamp(11px,2vw,13px)}}@media (max-width:480px){.input-area{padding:clamp(8px,3vw,12px)}.text-input{font-size:clamp(10px,3vw,12px)}.custom-file-upload,.send-button{font-size:clamp(12px,3vw,14px)}.send-button{padding:clamp(4px,3vw,6px) clamp(10px,4vw,12px)}.attached-file{font-size:clamp(10px,3vw,12px)}}.history-container{background-color:#f9f9f9;display:flex;flex-direction:column;height:100%;padding:clamp(8px,1vw,10px);transition:background-color .3s}.dark-mode .history-container{background-color:#333}.history-actions{display:flex;justify-content:space-between;padding-bottom:clamp(8px,1vw,10px)}.history-action{background-color:#007bff;border:none;border-radius:clamp(4px,.5vw,5px);color:#fff;cursor:pointer;flex-grow:1;padding:clamp(8px,1vw,10px) clamp(12px,2vw,15px);text-align:center;transition:background-color .3s}.history-action:hover{background-color:#0056b3}.dark-mode .history-action{background-color:#555}.dark-mode .history-action:hover{background-color:#777}.bottom-actions,.history-list{margin-top:clamp(8px,1vw,10px)}.history-list{flex-grow:1;overflow-y:auto}.history-item{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:clamp(3px,.5vw,4px);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:clamp(4px,.5vw,5px);padding:clamp(8px,1vw,10px);transition:background-color .3s,border-color .3s}.history-item:hover{background-color:#f0f0f0}.history-item.selected{background-color:#007bff;border-color:#0056b3;color:#fff}.dark-mode .history-item{background-color:#444;border-color:#555;color:#fff}.dark-mode .history-item:hover{background-color:#555}.dark-mode .history-item.selected{background-color:#007bff;border-color:#0056b3}.delete-button{background-color:initial;border:none;color:red;cursor:pointer;font-size:clamp(14px,1.5vw,16px);margin-left:clamp(8px,1vw,10px);transition:color .3s}.delete-button:hover{color:darkred}@media (max-width:768px){.history-container{padding:clamp(6px,2vw,8px)}.history-actions{flex-direction:column;gap:6px;padding-bottom:clamp(6px,2vw,8px)}.history-action{font-size:clamp(.9rem,2vw,1rem);padding:clamp(6px,2vw,8px) clamp(10px,3vw,12px);width:100%}.history-list{margin-top:clamp(6px,2vw,8px)}.history-item{font-size:clamp(.9rem,2vw,1rem);margin-bottom:clamp(4px,1vw,6px);padding:clamp(6px,2vw,8px)}.delete-button{font-size:clamp(12px,2vw,14px)}}@media (max-width:480px){.history-container{padding:clamp(4px,3vw,6px)}.history-actions{flex-direction:column;gap:4px;padding-bottom:clamp(4px,3vw,6px)}.history-action{font-size:clamp(.8rem,3vw,.9rem);padding:clamp(4px,3vw,6px) clamp(8px,4vw,10px);width:100%}.history-list{margin-top:clamp(4px,3vw,6px)}.history-item{font-size:clamp(.8rem,3vw,.9rem);margin-bottom:clamp(4px,2vw,6px);padding:clamp(4px,3vw,6px)}.delete-button{font-size:clamp(10px,3vw,12px)}}.chat-app-container{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;height:100vh;transition:background-color .3s ease,color .3s ease}.layout-container{display:flex;flex:1 1;gap:16px;overflow:hidden}.chat-column,.history-column,.knowledge-column{display:flex;flex-direction:column;height:100%;padding:clamp(10px,2vw,16px);transition:background-color .3s ease}.knowledge-column{flex:1 1;order:1}.chat-column,.knowledge-column{background-color:var(--column-bg)}.chat-column{flex:2 1;order:2}.history-column{background-color:var(--column-bg);flex:1 1;order:3}.logout-button-container button,.settings-button{border:none;border-radius:4px;cursor:pointer;font-size:clamp(.9rem,2vw,1rem);margin-top:auto;padding:clamp(8px,2vw,10px) clamp(16px,4vw,20px);transition:background-color .3s ease}.logout-button-container button:hover,.settings-button:hover{opacity:.9}.settings-button-container{border-top:1px solid #e0e0e0;margin-top:auto;padding-top:16px}.dark-mode .settings-button-container{border-top-color:#444}.settings-btn{align-items:center;background-color:initial;border:1px solid #ccc;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;gap:8px;justify-content:center;padding:12px;transition:background-color .2s,border-color .2s;width:100%}.settings-btn:hover{background-color:#f0f0f0;border-color:#bbb}.dark-mode .settings-btn{border-color:#555}.dark-mode .settings-btn:hover{background-color:#3a3a3a;border-color:#666}@media (max-width:768px){.layout-container{flex-direction:column;gap:8px}.chat-column,.history-column,.knowledge-column{display:none;order:0;padding:clamp(10px,3vw,16px)}.chat-column.active,.history-column.active,.knowledge-column.active{display:flex}.logout-button-container button,.settings-button{font-size:clamp(1rem,3vw,1.2rem);padding:clamp(10px,3vw,14px)}}@media (max-width:480px){.layout-container{flex-direction:column;gap:4px}.chat-column,.history-column,.knowledge-column{padding:clamp(8px,4vw,12px)}.logout-button-container button,.settings-button{font-size:clamp(1.1rem,4vw,1.3rem);padding:clamp(12px,4vw,16px)}}.tabs{display:none;flex-direction:row;gap:16px;justify-content:center;margin-bottom:16px}.tabs button{background-color:var(--tab-bg);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-size:1rem;padding:12px 16px;transition:background-color .3s ease}.tabs button:hover{background-color:var(--hover-bg)}.tabs button.active{background-color:var(--active-tab-bg)}@media (max-width:768px){.tabs{display:flex}.tabs button{font-size:clamp(1rem,3vw,1.2rem)}.logout-button-container{align-items:center;display:flex;gap:8px}.status-indicator{border-radius:50%;height:10px;transition:background-color .3s ease;width:10px}.status-indicator.connected{background-color:#28a745}.status-indicator.connecting,.status-indicator.reconnecting{animation:pulse 1.5s ease-in-out infinite;background-color:#ffc107}.status-indicator.disconnected{background-color:#dc3545}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}}.knowledge-base,.knowledgebase-container{background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:15px;position:relative}.knowledgebase-header{gap:1rem;justify-content:space-between;margin-bottom:1rem}.knowledgebase-header,.pagination-controls{align-items:center;display:flex;flex-wrap:wrap}.pagination-controls{gap:.5rem}.pagination-button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.25rem .75rem}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.page-size-selector{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.25rem}.dark-mode .page-size-selector,.dark-mode .pagination-button{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-mode .pagination-button:disabled{opacity:.5}.dark-mode .page-size-selector option{background:#2d3748;color:#e2e8f0}.file-list{flex-grow:1;list-style-type:none;margin:0;overflow-y:auto;padding:0}.file-item{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001f;margin-bottom:10px;overflow:visible;position:relative}.file-info{align-items:center;cursor:pointer;display:flex;padding:10px;position:relative}.file-icon{font-size:1.2rem;margin-right:10px}.file-link{align-items:center;display:flex;font-size:14px;justify-content:space-between}.file-link,.file-name{flex:1 1;overflow:hidden}.file-name{text-overflow:ellipsis;white-space:nowrap}.file-status{align-items:center;display:flex;font-size:12px;gap:4px;margin-left:8px}.status-indicator{display:inline-block;margin-right:4px}.status-indicator.processing{animation:pulse 1.5s infinite;background-color:#ffc107}.status-indicator.ready{background-color:#28a745}.status-indicator.failed{background-color:#dc3545}.file-item.processed-file{border-left:3px solid #28a745}.file-item.processing-file{border-left:3px solid #ffc107}.file-item.failed-file{border-left:3px solid #dc3545}.file-link{color:#333;text-decoration:none;transition:color .2s}.file-item.processed-file .file-link{color:#28a745}.file-item.failed-file .file-link{color:#dc3545}.file-expand-icon{color:#777;cursor:pointer;font-size:12px;margin-left:10px}.file-details{background-color:#f9f9f9;border-top:1px solid #eee;font-size:13px;padding:10px}.file-status-text,.file-time{color:#555;margin-bottom:5px}.file-actions{align-items:center;display:flex;gap:5px;justify-content:space-between;margin-top:8px;position:relative}.kb-action-button{background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:5px 10px;transition:background-color .2s}.kb-action-button:hover{background-color:#e0e0e0}.delete-button{background-color:#dc3545;border-radius:4px;color:#fff;font-weight:500}.delete-button:hover{background-color:#c82333}.delete-button.always-visible{background-color:#dc3545;border-radius:4px;color:#fff;font-size:12px;font-weight:500;margin-left:10px;opacity:.85;padding:4px 10px;transition:all .2s ease}.delete-button.always-visible:hover{background-color:#c82333;opacity:1}.delete-button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.file-info:hover .delete-button.always-visible{opacity:1}.link-processed{color:#28a745}.link-not-processed{color:#6c757d}.processing-status{color:#6c757d;font-size:12px;font-style:italic}.file-error-message{color:#dc3545;font-size:12px;margin-top:5px}.kb-help-text{border-top:1px solid #eee;color:#6c757d;font-size:13px;margin-top:15px;padding:10px}.kb-help-text p{margin:5px 0}.empty-state{color:#6c757d;padding:40px 20px;text-align:center}@media (max-width:768px){.knowledge-base{padding:10px}.file-item{margin-bottom:8px}}.dark-mode .knowledgebase-container{background-color:#1a202c;color:#e2e8f0}.dark-mode .knowledgebase-header h3{color:#e2e8f0}.dark-mode .file-item{background-color:#2d3748;border-left-color:#4a5568;box-shadow:0 1px 3px #0000004d}.dark-mode .file-link,.dark-mode .file-name,.dark-mode .file-status{color:#cbd5e0}.dark-mode .file-item.processed-file .file-link{color:#68d391}.dark-mode .file-item.failed-file .file-link{color:#fc8181}.dark-mode .file-details{background-color:#1a202c;border-top-color:#4a5568}.dark-mode .file-status-text,.dark-mode .file-time{color:#a0aec0}.dark-mode .kb-action-button{background-color:#4a5568;border:1px solid #718096;color:#e2e8f0}.dark-mode .kb-action-button:hover{background-color:#718096}.dark-mode .kb-action-button:disabled{background-color:#2d3748;color:#718096;opacity:.6}.dark-mode .kb-help-text{border-top-color:#4a5568;color:#a0aec0}.dark-mode .empty-state{color:#a0aec0}.dark-mode .kb-page-size-selector{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-mode .kb-page-size-selector option{background:#2d3748;color:#e2e8f0}.move-menu-container{position:relative}.move-button{font-size:16px}.move-dropdown{animation:slideDown .2s ease;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:250px;min-width:200px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dark-mode .move-dropdown{background-color:#3a3a3a;border-color:#555;box-shadow:0 4px 12px #0000004d}.move-dropdown-header{border-bottom:1px solid #e0e0e0;color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-transform:uppercase}.dark-mode .move-dropdown-header{border-bottom-color:#444;color:#999}.move-dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;min-height:44px;padding:10px 12px;text-align:left;transition:background-color .2s ease;width:100%}.move-dropdown-item:hover{background-color:#f8f9fa}.move-dropdown-item:last-child{border-radius:0 0 8px 8px}.dark-mode .move-dropdown-item{color:#eee}.dark-mode .move-dropdown-item:hover{background-color:#4a4a4a}.workspace-selector{background-color:#fafafa;border-bottom:1px solid #e0e0e0;padding:16px;transition:all .2s ease}.dark-mode.workspace-selector{background-color:#2c2c2c;border-bottom-color:#444}.workspace-loading{color:#666;font-size:14px;padding:12px;text-align:center}.dark-mode .workspace-loading{color:#999}.workspace-header{justify-content:space-between}.workspace-header,.workspace-info{align-items:center;display:flex;gap:12px}.workspace-info{-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;flex:1 1;min-width:0;padding:0;text-align:left;transition:opacity .2s ease}.workspace-info:hover{opacity:.8}.workspace-info:active{opacity:.6}.workspace-icon{flex-shrink:0;font-size:24px}.workspace-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.workspace-label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dark-mode .workspace-label{color:#999}.workspace-name{color:#333;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .workspace-name{color:#eee}.dropdown-icon{color:#666;font-size:12px;margin-left:auto}.dark-mode .dropdown-icon{color:#999}.create-workspace-btn{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;min-height:44px;padding:10px 16px;transition:all .2s ease}.create-workspace-btn:hover{background-color:#0056b3;box-shadow:0 2px 8px #007bff4d;transform:translateY(-1px)}.create-workspace-btn:active{transform:translateY(0)}.create-workspace-btn:disabled{cursor:not-allowed;opacity:.6}.btn-icon{font-size:18px;line-height:1}.btn-text{display:none}.workspace-limit-banner{align-items:center;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:10px 12px}.dark-mode .workspace-limit-banner{background-color:#3d3314;border-color:#665c1f;color:#ffc107}.workspace-limit-banner a{color:#007bff;font-weight:600;text-decoration:underline}.dark-mode .workspace-limit-banner a{color:#3da9fc}.workspace-dropdown{animation:slideDown .2s ease;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:8px 0;overflow:hidden}.dark-mode .workspace-dropdown{background-color:#3a3a3a;border-color:#555;box-shadow:0 4px 12px #0000004d}.workspace-item{align-items:center;background:none;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;display:flex;font-size:15px;gap:12px;min-height:48px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.workspace-item:last-child{border-bottom:none}.workspace-item:hover{background-color:#f8f9fa}.workspace-item.active{background-color:#e3f2fd}.dark-mode .workspace-item{border-bottom-color:#444;color:#eee}.dark-mode .workspace-item:hover{background-color:#4a4a4a}.dark-mode .workspace-item.active{background-color:#2c5282}.workspace-item-icon{font-size:18px}.workspace-item-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-icon{color:#007bff;font-size:18px;font-weight:700}.dark-mode .check-icon{color:#3da9fc}.workspace-item-wrapper{align-items:center;border-bottom:1px solid #f0f0f0;display:flex}.workspace-item-wrapper:last-child{border-bottom:none}.dark-mode .workspace-item-wrapper{border-bottom-color:#444}.workspace-item{border-bottom:none!important;flex:1 1}.workspace-item-actions{display:flex;gap:4px;padding-right:8px}.workspace-action-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:18px;justify-content:center;min-height:36px;min-width:36px;padding:8px;transition:background-color .2s ease}.workspace-action-btn:hover{background-color:#f0f0f0}.dark-mode .workspace-action-btn:hover{background-color:#555}.workspace-action-btn.edit-btn:hover{background-color:#e3f2fd}.workspace-action-btn.delete-btn:hover{background-color:#ffebee}.dark-mode .workspace-action-btn.edit-btn:hover{background-color:#2c5282}.dark-mode .workspace-action-btn.delete-btn:hover{background-color:#5c2020}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.workspace-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:480px;overflow:auto;width:100%}.dark-mode.workspace-modal{background-color:#2c2c2c;color:#eee}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.dark-mode .modal-header{border-bottom-color:#444}.modal-header h3{font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background-color:initial;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.close-btn:hover{background-color:#0000000d}.dark-mode .close-btn{color:#999}.dark-mode .close-btn:hover{background-color:#ffffff1a}.modal-body{padding:24px 20px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.dark-mode .form-group label{color:#eee}.form-group input{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.dark-mode .form-group input{background-color:#3a3a3a;border-color:#555;color:#eee}.dark-mode .form-group input:focus{border-color:#3da9fc;box-shadow:0 0 0 3px #3da9fc33}.input-hint{color:#666;display:block;font-size:12px;margin-top:6px}.dark-mode .input-hint{color:#999}.error-message{background-color:#f8d7da;border:1px solid #f5c2c7;border-radius:6px;color:#842029;font-size:14px;margin-bottom:16px;padding:12px}.dark-mode .error-message{background-color:#4a2525;border-color:#6d3030;color:#f8b4b4}.upgrade-prompt{background-color:#e3f2fd;border:1px solid #90caf9;border-radius:8px;margin-top:16px;padding:16px}.dark-mode .upgrade-prompt{background-color:#1e3a5f;border-color:#2c5282}.upgrade-prompt p{font-size:14px;margin:0 0 8px}.upgrade-prompt p:last-of-type{margin-bottom:12px}.upgrade-link{background-color:#007bff;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.upgrade-link:hover{background-color:#0056b3;transform:translateY(-1px)}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.dark-mode .modal-footer{border-top-color:#444}.cancel-btn,.create-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;min-height:48px;padding:12px 24px;transition:all .2s ease}.cancel-btn{background-color:#f0f0f0;color:#333}.cancel-btn:hover{background-color:#e0e0e0}.dark-mode .cancel-btn{background-color:#3a3a3a;color:#eee}.dark-mode .cancel-btn:hover{background-color:#4a4a4a}.create-btn{background-color:#007bff;color:#fff}.create-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 2px 8px #007bff4d;transform:translateY(-1px)}.create-btn:active:not(:disabled){transform:translateY(0)}.create-btn:disabled{cursor:not-allowed;opacity:.5}.delete-confirm-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:140px;padding:12px 24px;transition:all .2s ease}.delete-confirm-btn:hover:not(:disabled){background-color:#c82333;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.delete-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.warning-message{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.dark-mode .warning-message{background-color:#5c4a1f;border-color:#ffc107}.warning-icon{flex-shrink:0;font-size:24px}.warning-message p{font-size:14px;line-height:1.5;margin:0 0 8px}.warning-message p:last-child{margin-bottom:0}.warning-message ul{margin:8px 0;padding-left:20px}.warning-message li{font-size:14px;margin:4px 0}@media (min-width:640px){.btn-text{display:inline}.cancel-btn,.create-btn{flex:0 1 auto;min-width:120px}}@media (min-width:768px){.workspace-selector{padding:20px 24px}.create-workspace-btn{padding:10px 20px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.usage-quota{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;margin:12px 16px;overflow:hidden;transition:all .2s ease}.dark-mode.usage-quota{background-color:#2c2c2c;border-color:#444}.quota-header{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;-webkit-user-select:none;user-select:none}.quota-header:active{background-color:#00000005}.dark-mode .quota-header:active{background-color:#ffffff0d}.quota-summary{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.quota-icon{flex-shrink:0;font-size:24px}.quota-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.quota-title{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.dark-mode .quota-title{color:#eee}.quota-subtitle{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .quota-subtitle{color:#999}.expand-btn{align-items:center;background-color:#0000000d;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.expand-btn:hover{background-color:#0000001a}.dark-mode .expand-btn{background-color:#ffffff1a;color:#999}.dark-mode .expand-btn:hover{background-color:#ffffff26}.quota-details{animation:slideDown .3s ease;padding:0 16px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quota-item{margin-bottom:16px}.quota-item:last-of-type{margin-bottom:0}.quota-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.quota-label{color:#333;font-size:13px;font-weight:500}.dark-mode .quota-label{color:#eee}.quota-value{color:#007bff;font-size:13px;font-weight:600}.dark-mode .quota-value{color:#3da9fc}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.dark-mode .progress-bar{background-color:#3a3a3a}.progress-fill{border-radius:4px;height:100%;transition:width .4s ease,background-color .3s ease}.upgrade-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;margin-top:20px;padding:16px;text-align:center}.cta-text{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.cta-description{color:#ffffffe6;font-size:13px;line-height:1.4;margin:0 0 16px}.upgrade-button{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#667eea;display:inline-block;font-size:15px;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .2s ease}.upgrade-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.upgrade-button:active{transform:translateY(0)}@media (min-width:768px){.usage-quota{margin:16px 24px}.quota-header{padding:20px}.quota-details{padding:0 20px 20px}.quota-subtitle{font-size:13px}.quota-label,.quota-value{font-size:14px}.progress-bar{height:10px}}@media (prefers-reduced-motion:reduce){.progress-fill,.quota-details{animation:none!important;transition:none!important}}.websocket-status-container{align-items:center;background-color:#0000000d;border:1px solid #0000001a;border-radius:20px;cursor:help;display:flex;gap:8px;padding:4px 10px;transition:background-color .3s ease}.dark-mode .websocket-status-container{background-color:#ffffff1a;border-color:#fff3}.status-indicator{border-radius:50%;height:10px;transition:background-color .3s ease;width:10px}.status-indicator.connected{background-color:#28a745}.status-indicator.connecting,.status-indicator.reconnecting{animation:pulse 1.5s ease-in-out infinite;background-color:#ffc107}.status-indicator.disconnected{background-color:#dc3545}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.status-text{color:#333;font-size:12px;font-weight:500}.dark-mode .status-text{color:#eee}:root{--input-background-color:#fff;--input-text-color:#000;--input-background-dark:#333;--input-text-dark:#fff}.PaymentView{background-color:var(--background-color);border:1px solid var(--header-footer-bg);border-radius:clamp(6px,1vw,8px);box-shadow:0 0 10px #0000001a;color:var(--text-color);margin:clamp(15px,2vw,20px) auto;max-width:clamp(400px,60vw,600px);padding:clamp(15px,2vw,20px);width:90%}.PaymentView,.PaymentView .StripeElement,.PaymentView input{box-sizing:border-box;transition:background-color .3s ease,color .3s ease}.PaymentView .StripeElement,.PaymentView input{background-color:#fff;background-color:var(--input-background-color);border:1px solid var(--header-footer-bg);border-radius:clamp(3px,.5vw,4px);color:#000;color:var(--input-text-color);margin-bottom:clamp(12px,1.5vw,16px);padding:clamp(8px,1vw,10px);width:100%}.dark-mode .PaymentView .StripeElement,.dark-mode .PaymentView input{background-color:#333;background-color:var(--input-background-dark);color:#fff;color:var(--input-text-dark)}.PaymentView button{background-color:var(--button-bg);border:none;border-radius:clamp(3px,.5vw,4px);color:var(--button-text-color);cursor:pointer;font-size:clamp(14px,1.5vw,16px);padding:clamp(10px,1vw,12px);transition:background-color .3s ease,color .3s ease;width:clamp(150px,50%,300px)}.PaymentView button:hover{opacity:.9}.CardDetails{background-color:var(--background-color);border:1px solid var(--header-footer-bg);border-radius:clamp(4px,.5vw,5px);color:var(--text-color);margin-top:clamp(8px,1vw,10px);padding:clamp(8px,1vw,10px);transition:background-color .3s ease,color .3s ease}.CardDetails p{font-size:clamp(12px,1vw,14px);margin:clamp(4px,.5vw,5px) 0}.dark-mode-toggle{align-items:center;display:flex;height:clamp(25px,2.5vw,30px);justify-content:center;margin:clamp(8px,1vw,10px);position:relative;width:clamp(50px,5vw,60px)}.dark-mode-checkbox{display:none}.dark-mode-label{align-items:center;background-color:#ddd;border-radius:clamp(10px,2vw,15px);cursor:pointer;display:flex;height:100%;justify-content:space-between;position:relative;transition:background-color .3s;width:100%}.dark-mode-checkbox:checked+.dark-mode-label{background-color:#333}.moon-icon,.sun-icon{color:#fff;font-size:clamp(12px,2vw,14px);padding:0 clamp(4px,1vw,5px)}.toggle-ball{background-color:#fff;border-radius:50%;height:clamp(20px,3vw,24px);left:clamp(2px,1vw,3px);position:absolute;top:clamp(2px,1vw,3px);transition:transform .3s;width:clamp(20px,3vw,24px)}.dark-mode-checkbox:checked+.dark-mode-label .toggle-ball{transform:translateX(clamp(26px,4vw,30px))}.settings-container{align-items:center;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;font-family:Roboto,sans-serif;min-height:100vh;padding:clamp(16px,2vw,24px)}.close-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:clamp(24px,2vw,28px);position:absolute;right:clamp(12px,1vw,16px);top:clamp(12px,1vw,16px);transition:color .3s ease}.close-button:hover{color:var(--link-color)}.settings-content{background-color:var(--background-color);border-radius:clamp(8px,1vw,12px);box-shadow:0 4px 12px #0000001a;color:var(--text-color);margin-top:clamp(40px,4vw,60px);max-width:clamp(600px,70vw,900px);padding:clamp(24px,2vw,32px);width:100%}.settings-section{background-color:var(--header-footer-bg);border-radius:clamp(8px,1vw,12px);box-shadow:0 2px 6px #0000001a;margin-bottom:clamp(16px,2vw,24px);padding:clamp(16px,2vw,20px)}.section-title{color:var(--text-color);font-size:clamp(20px,2vw,24px);font-weight:600;margin-bottom:clamp(16px,2vw,20px)}.section-content{display:flex;flex-direction:column;gap:clamp(8px,1vw,12px)}select{background-color:var(--input-background);border:1px solid #ddd;border-radius:clamp(6px,.5vw,8px);color:var(--text-color);font-size:clamp(14px,1.5vw,16px);margin-top:clamp(8px,1vw,12px);padding:clamp(8px,1vw,10px);transition:border-color .3s ease,background-color .3s ease}select:focus{background-color:var(--input-focus-background);border-color:var(--link-color)}.payment-section{margin-top:clamp(24px,2vw,36px)}.delete-account-section,.payment-section{background-color:var(--header-footer-bg);border-radius:clamp(8px,1vw,12px);box-shadow:0 2px 6px #0000001a;padding:clamp(16px,2vw,20px)}.delete-account-section{margin-top:clamp(24px,2vw,40px)}.delete-account-section h2{color:#ef4444;font-size:clamp(18px,2vw,22px);font-weight:700}.delete-account-section ul{color:var(--text-color);font-size:clamp(14px,1.5vw,16px);list-style-type:disc;margin-left:clamp(16px,2vw,24px)}.delete-account-section button{background-color:#ef4444;border:none;border-radius:clamp(6px,.5vw,8px);color:#fff;cursor:pointer;display:block;font-size:clamp(14px,1.5vw,16px);font-weight:600;margin-left:auto;margin-right:auto;margin-top:clamp(16px,2vw,24px);max-width:clamp(250px,30vw,350px);padding:clamp(12px,1vw,14px) clamp(24px,2vw,28px);transition:background-color .3s ease,transform .2s ease}.delete-account-section button:hover{background-color:#dc2626;transform:scale(1.05)}.theme-toggle-section{align-items:center;background-color:var(--header-footer-bg);border-radius:clamp(6px,.5vw,8px);box-shadow:0 2px 6px #0000001a;display:flex;justify-content:space-between;margin-top:clamp(24px,2vw,36px);padding:clamp(8px,1vw,10px) clamp(16px,2vw,20px)}.theme-toggle-section label{color:var(--text-color);font-size:clamp(16px,1.5vw,18px)}.delete-account-section h2{color:#ef4444!important}.delete-account-section button{background-color:#ef4444!important;color:#fff!important}.delete-account-section button:hover{background-color:#dc2626!important}@media (max-width:768px){.settings-container{padding:16px}.settings-content{margin-top:40px;padding:24px}.section-title{font-size:20px}.section-content select{font-size:14px}.delete-account-section button{padding:12px 24px}.theme-toggle-section{align-items:flex-start;flex-direction:column}.theme-toggle-section label{font-size:16px;margin-bottom:8px}}
/*# sourceMappingURL=main.ca258baf.css.map*/