.app-container{height:100dvh;display:flex;flex-direction:column;background-color:#f5f5f5;overflow:hidden}.top-section{height:140px;display:flex;gap:20px;padding:20px;background-color:#fff;border-bottom:1px solid #dee2e6;flex-shrink:0}.query-container{flex:1;display:flex;flex-direction:column;gap:10px;overflow:visible}.progress-container{flex:1;display:flex;flex-direction:column;gap:10px;overflow:hidden}.expert-bar-container{width:100%;background-color:#fff;border-bottom:1px solid #dee2e6;flex-shrink:0}.main-content{flex:1;overflow-y:auto;padding:20px;background-color:#f5f5f5;-webkit-overflow-scrolling:touch}.accordion-container{max-width:1400px;margin:0 auto;width:100%;padding-bottom:100px}@media (max-width: 768px){.app-container{height:100dvh}.top-section{height:auto;flex-direction:column;padding:10px;gap:10px;order:1}.query-container{display:none}.progress-container{flex:none;width:100%}.expert-bar-container{display:none}.main-content{order:2;padding:10px 10px 140px}.mobile-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -2px 10px #0000001a;z-index:1000;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.expert-toggle-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:#f8f9fa;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;color:#495057;font-size:14px;font-weight:600;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.expert-toggle-bar:active{background-color:#e9ecef}.toggle-icon{font-size:12px;color:#6c757d}.mobile-expert-selector{display:none;background:#fff;border-bottom:1px solid transparent}.mobile-expert-selector.open{display:block;max-height:40vh;overflow-y:auto;padding:10px 5px;border-bottom:1px solid #dee2e6;-webkit-overflow-scrolling:touch}.mobile-query-form-container{padding:10px;background:#fff}}.progress-section{background-color:#fff;border-radius:8px;border:1px solid #dee2e6;height:100%;display:flex;flex-direction:column;overflow:hidden}.progress-content{padding:16px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.progress-stats-row{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.stat-label{font-size:14px;color:#495057;font-weight:500}.stat-value{font-size:14px;font-weight:700;color:#212529}.stat-unit{font-size:14px;color:#6c757d}.phase-progress-line{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:14px}.phase-item{display:flex;align-items:center;gap:4px}.phase-item.active{color:#06c;font-weight:700}.phase-item.completed{color:#28a745}.phase-item.pending{color:#adb5bd}.mobile-header .progress-section{border:none;background:transparent;height:auto}.mobile-header .progress-content{padding:0;flex-direction:row;align-items:center}.mobile-header .phase-progress-line{display:none}.mobile-header .active-phase-text{display:block;font-size:13px;color:#06c;font-weight:600}.query-form{display:flex;flex-direction:column;width:100%;height:100%}.query-input-row{display:flex;gap:10px;align-items:stretch;flex:1}.query-textarea-container{flex:1;position:relative}.query-textarea{width:100%;height:100%;padding:12px 12px 28px;font-size:14px;line-height:1.5;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;color:#1a1a1a;resize:none;font-family:inherit;min-height:90px;box-sizing:border-box}.query-textarea:focus{border-color:#06c;outline:none}.query-counter{position:absolute;bottom:8px;right:12px;font-size:12px;color:#999;pointer-events:none}.query-submit-button{padding:12px 24px;font-size:15px;font-weight:600;color:#fff;background-color:#06c;border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #06c3;min-width:80px;height:90px}.query-submit-button:disabled{background-color:#d0d0d0;color:#999;cursor:not-allowed;box-shadow:none}.mobile-footer .query-textarea{min-height:50px;height:50px;padding-bottom:12px;font-size:16px}.mobile-footer .query-submit-button{height:50px;min-width:60px;padding:0 10px;font-size:14px}.mobile-footer .query-counter{display:none}.error-message{padding:20px;background-color:#ffe0e0;border:2px solid #ff6b6b;border-radius:8px}.empty-placeholder{padding:40px;text-align:center;color:#6c757d;font-size:16px}.expert-accordion{margin-bottom:20px;background-color:#fff;border-radius:8px;border:1px solid #dee2e6;overflow:hidden;transition:box-shadow .2s}.expert-accordion:active{box-shadow:0 2px 8px #0000001a}.accordion-header{padding:15px 20px;cursor:pointer;display:flex;align-items:center;gap:15px;background-color:#f8f9fa;border-radius:8px 8px 0 0;-webkit-user-select:none;user-select:none;min-height:50px}.accordion-icon{font-size:14px;color:#6c757d;width:14px}.expert-name{font-size:16px;font-weight:600;color:#212529}.channel-name{font-size:14px;color:#6c757d}.header-stats{font-size:13px;color:#6c757d;margin-left:auto}.confidence-badge{font-size:12px;font-weight:600;color:#fff;padding:3px 8px;border-radius:4px;text-transform:uppercase}.accordion-body{display:flex;border-top:1px solid #dee2e6;height:600px}.accordion-col-left,.accordion-col-right{flex:0 0 50%;min-width:0;display:flex;flex-direction:column;overflow:hidden}.accordion-col-left{background-color:#fff;border-right:1px solid #dee2e6}.accordion-col-right{background-color:#f8f9fa}.col-header{padding:12px 20px;background-color:#f5f7fa;border-bottom:1px solid #dee2e6;text-align:center;font-weight:600;color:#495057}.scrollable-content{flex:1;overflow-y:auto;padding:20px}@media (max-width: 768px){.accordion-body{flex-direction:column;height:auto;max-height:none}.accordion-col-left,.accordion-col-right{flex:none;width:100%;border-right:none;border-bottom:1px solid #dee2e6;height:auto;overflow:visible!important;max-height:none!important}.scrollable-content{overflow:visible!important;height:auto!important}.accordion-header{padding:12px 10px;gap:10px;flex-wrap:wrap}.header-stats{font-size:11px;width:100%;margin-top:4px;color:#888}}.expert-bar-grouped{display:flex;flex-direction:column;gap:0;padding:8px 20px}.expert-group-row{display:flex;align-items:center;gap:16px}.expert-group-label{font-size:13px;font-weight:600;color:#495057;letter-spacing:.3px;min-width:120px;flex-shrink:0}.expert-group-items{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.expert-item{display:flex;align-items:center;gap:8px;background-color:#fff;border-radius:6px;padding-right:8px;border:1px solid transparent}.expert-item:hover{background-color:#f8f9fa;border-color:#dee2e6}.expert-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:2px 8px;-webkit-user-select:none;user-select:none;font-size:14px;color:#495057}.expert-checkbox-label input{margin:0;cursor:pointer;width:16px;height:16px}.expert-link-icon{text-decoration:none;font-size:16px;padding:8px;color:#08c;display:flex;align-items:center;justify-content:center;border-radius:4px}.expert-link-icon:hover{background-color:#e6f2ff}@media (max-width: 768px){.expert-bar-grouped{gap:6px;padding:8px}.expert-group-row{flex-direction:column;align-items:flex-start;gap:6px}.expert-group-label{min-width:auto;font-size:12px}.expert-group-items{gap:6px;width:100%}.expert-item{background:#fff;border:1px solid #e9ecef;flex:1 0 auto}.expert-checkbox-label{padding:12px;font-weight:500}}.translation-loading{padding:40px;text-align:center;color:#6c757d;font-size:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-icon{font-size:24px;margin-bottom:8px;animation:spin 1s linear infinite}.loading-text{font-size:14px;color:#495057;font-weight:500;text-align:center}.progress-indicator{font-size:12px;color:#495057;font-weight:500;text-align:center;margin-top:8px}.progressive-posts-container{margin-top:20px}.progressive-posts-header{font-size:14px;color:#495057;font-weight:600;margin-bottom:12px;text-align:center;padding:8px;background-color:#e9ecef;border-radius:6px}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width: 768px){.mobile-only{display:flex!important;flex-direction:column}.desktop-only{display:none!important}.mobile-header{padding:10px;background:#fff;border-bottom:1px solid #dee2e6;flex-shrink:0;position:fixed;top:0;left:0;right:0;z-index:1001;box-shadow:0 2px 5px #0000000d}.main-content{padding-top:70px}.mobile-sources-toggle{padding:12px;text-align:center;background-color:#e9ecef;color:#495057;font-weight:600;font-size:14px;cursor:pointer;border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6;-webkit-user-select:none;user-select:none}.mobile-sources-toggle:active{background-color:#dee2e6}.mobile-hidden{display:none!important}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#212529;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh;margin:0;padding:0}