*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,'Segoe UI',sans-serif;background:#fff;color:#2c3e50;line-height:1.6;padding:2rem}.main-content{max-width:1200px;margin:0 auto}.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);margin-bottom:1.5rem}.time-selector{display:flex;justify-content:center;margin-bottom:2rem;padding-top:30px;overflow:visible}.range-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:750px;overflow:visible}.range-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;position:relative;overflow:visible}.range-value{background:#2563eb;color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:.8rem;font-weight:600;min-width:60px;text-align:center;position:static;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color .2s;margin-bottom:.5rem}.range-value:hover{background:#1d4ed8}.range-value:active{cursor:grabbing;background:#1e40af}.range-value:hover::after{border-top-color:#1d4ed8}.range-value:active::after{border-top-color:#1e40af}.range-slider{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:0;-webkit-appearance:none;appearance:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;border:none;position:relative}.range-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;border:none;position:relative}.range-marks{position:relative;display:flex;justify-content:space-between;width:100%;height:20px;margin-top:0;padding:0}.range-marks .mark{font-size:.6rem;color:#64748b;text-align:center}.symbol-selector{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);margin-bottom:1.5rem}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.selector-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.selected-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:12px}.symbol-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.category-label{font-size:.75rem;font-weight:600;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;margin-right:.25rem;white-space:nowrap}.category-divider{width:1px;height:20px;background:#e5e7eb;margin:0 .5rem}.symbol-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:20px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:.2s;user-select:none}.symbol-chip:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.symbol-chip.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 2px 4px rgba(37,99,235,.2)}.symbol-chip.active:hover{background:#1d4ed8;border-color:#1d4ed8}.color-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.symbol-chip.active .color-indicator{background:#fff!important}.symbol-chip.loading{opacity:.6;cursor:not-allowed}.symbol-chip.loading::after{content:'';width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:1s linear infinite spin;margin-left:.25rem}.ai-insight-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);margin-top:1.5rem}.insight-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.user-level-selector{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.user-level-selector label{color:#6b7280;font-weight:500}.user-level-selector select{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:.375rem .75rem;font-size:.875rem;color:#374151;cursor:pointer;transition:.2s}.user-level-selector select:hover{border-color:#9ca3af}.user-level-selector select:focus{outline:0;box-shadow:0 0 0 2px #3b82f6;border-color:#3b82f6}.ai-badge{background:#e0f2fe;color:#0369a1;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600}.ai-analyze-btn{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.ai-analyze-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 4px rgba(37,99,235,.2)}.ai-analyze-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.ai-analyze-btn .btn-loading{display:flex;align-items:center;gap:.5rem}.ai-analyze-btn .btn-loading::after{content:'';width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:1s linear infinite spin}.insight-content{font-size:.875rem;line-height:2;color:#374151;white-space:pre-line;max-width:640px;margin:20px auto}.insight-content strong{color:#1f2937;font-weight:600}.insight-content br{margin-bottom:.5rem}@media (max-width:1024px){.chart-container{padding:1.5rem}}@media (max-width:768px){body{padding:.25rem}.chart-container{padding:.5rem;border:none;border-radius:8px;margin-bottom:.75rem;box-shadow:none}.range-container{max-width:100%}.range-value{font-size:.75rem;padding:.3rem .6rem;min-width:50px}.range-value::after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2563eb}.symbol-selector{padding:.75rem;border:none;border-radius:8px;box-shadow:none}.selector-header h3{font-size:.9rem}.selected-count{font-size:.8rem;padding:.2rem .6rem}.symbol-chip{font-size:.8rem;padding:.4rem .6rem}.category-label{font-size:.7rem;padding:.2rem .4rem;margin-right:.2rem}.category-divider{margin:0 .3rem}.ai-insight-container{padding:.75rem;border:none;border-radius:8px;box-shadow:none}.insight-content{font-size:.8rem}.insight-header{flex-direction:column;align-items:flex-start;gap:.75rem}.ai-analyze-btn{font-size:.8rem;padding:.4rem .8rem;min-width:100px;align-self:stretch}}@media (max-width:480px){body{padding:.125rem}.chart-container{padding:.25rem;border:none;border-radius:6px;margin-bottom:.5rem;box-shadow:none}.ai-insight-container,.symbol-selector{padding:.5rem;border:none;border-radius:6px;box-shadow:none}.insight-header{flex-direction:column;align-items:flex-start;gap:.5rem}.ai-analyze-btn{font-size:.75rem;padding:.35rem .7rem;min-width:90px;align-self:stretch}.range-container{max-width:100%}.range-marks .mark{font-size:.7rem}.range-value{font-size:.7rem;padding:.25rem .5rem;min-width:45px}}.analyst-tabs{margin-top:1rem}.tab-headers{display:flex;flex-wrap:nowrap;gap:.25rem;border-bottom:2px solid #e2e8f0;margin-bottom:1rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-headers::-webkit-scrollbar{display:none}.tab-header{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:.2s;position:relative;white-space:nowrap;min-width:120px;justify-content:center;flex-shrink:0}.tab-header:hover{background:#e2e8f0;color:#475569}.tab-header.active{background:#fff;color:#1e293b;border-color:#cbd5e1;border-bottom:2px solid #fff;margin-bottom:-2px;box-shadow:0 -2px 4px rgba(0,0,0,.05)}.tab-header.loading{background:#fef3c7;border-color:#f59e0b;color:#92400e;cursor:not-allowed}.tab-header.completed{background:#dcfce7;border-color:#16a34a;color:#15803d}.tab-header.completed::after{content:'✓';margin-left:.25rem;font-weight:600}.tab-header .loading-spinner{display:none;width:12px;height:12px;border:1px solid transparent;border-top:1px solid currentColor;border-radius:50%;animation:1s linear infinite spin}.tab-header.loading .loading-spinner{display:block}.tab-contents{min-height:200px}.tab-content{display:none;animation:.3s ease-in-out fadeIn}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-analysis-result{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.tab-analysis-result.cached{border-left:4px solid #3b82f6;background:#f8fafc}.tab-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.tab-analyst-name{font-weight:600;color:#1e293b;font-size:1.1rem}.tab-result-timestamp{font-size:.8rem;color:#64748b}.tab-refresh-btn,.tab-refresh-btn-inline{background:0 0;border:1px solid #e5e7eb;padding:.25rem .5rem;border-radius:6px;cursor:pointer;color:#374151;font-size:.85rem}.tab-refresh-btn-inline:hover,.tab-refresh-btn:hover{background:#f3f4f6}.tab-refresh-btn-inline{padding:.2rem .5rem;border-radius:6px}.tab-cached-badge{display:inline-flex;align-items:center;gap:.25rem;background:#dbeafe;color:#1d4ed8;font-size:.7rem;padding:.2rem .5rem;border-radius:12px;font-weight:500}.tab-result-content{color:#374151;line-height:1.7;white-space:pre-wrap}.tab-result-section{margin-bottom:1rem}.tab-result-section h4{color:#1f2937;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.tab-result-section p{margin-bottom:.5rem;line-height:1.6}.analyst-selector{margin-bottom:1.5rem}.analyst-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.analyst-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:.8rem;font-weight:500;color:#475569;cursor:pointer;transition:.2s;position:relative;min-height:32px}.analyst-chip:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.analyst-chip.loading{background:#fef3c7;border-color:#f59e0b;color:#92400e;cursor:not-allowed}.analyst-chip.completed{background:#dcfce7;border-color:#16a34a;color:#15803d}.analyst-chip .loading-spinner{display:none;width:12px;height:12px;border:1px solid transparent;border-top:1px solid currentColor;border-radius:50%;animation:1s linear infinite spin}.analyst-chip.loading .loading-spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.analysis-results{display:flex;flex-direction:column;gap:1rem}.no-analysis{text-align:center;color:#64748b;font-style:italic;padding:2rem;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.analysis-result{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.analysis-result.cached{border-left:4px solid #3b82f6;background:#f8fafc}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.analyst-name{font-weight:600;color:#1e293b;font-size:1.1rem}.result-timestamp{font-size:.8rem;color:#64748b}.cached-badge{display:inline-flex;align-items:center;gap:.25rem;background:#dbeafe;color:#1d4ed8;font-size:.7rem;padding:.2rem .5rem;border-radius:12px;font-weight:500}.result-content{color:#374151;line-height:1.7;white-space:pre-wrap}.result-section{margin-bottom:1rem;max-width:600px;margin:2rem auto;line-height:2}.result-section h4{color:#1f2937;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.result-section p{margin-bottom:.5rem;line-height:1.6}@media (max-width:768px){.tab-headers{gap:.15rem;padding-bottom:.3rem;margin-bottom:.75rem}.tab-header{font-size:.75rem;padding:.5rem .7rem;min-width:85px;gap:.3rem}.tab-analysis-result{padding:1rem}.tab-analyst-name{font-size:1rem}.analyst-buttons{gap:.4rem}.analyst-chip{font-size:.75rem;padding:.35rem .7rem;min-height:28px}.analysis-result{padding:1rem}.analyst-name{font-size:1rem}}