#inferenceExplainerModal .modal-content {background: linear-gradient(145deg, #2a2a2a, #1f1f1f);border: 1px solid rgba(238, 45, 65, 0.3);border-radius: 16px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);backdrop-filter: blur(10px);animation: explainerSlideIn 0.3s ease-out;}@keyframes explainerSlideIn {from {opacity: 0;transform: translateY(-30px);}to {opacity: 1;transform: translateY(0);}}#inferenceExplainerModal .modal-header {border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 1.5rem 1.5rem 1rem;}#inferenceExplainerModal .modal-title {font-size: 1.4rem;font-weight: 700;color: #fff;line-height: 1.3;}#inferenceExplainerModal .explainer-subtitle {color: rgba(255, 255, 255, 0.6);font-size: 0.9rem;margin-top: 0.5rem;line-height: 1.5;}#inferenceExplainerModal .btn-close {filter: invert(1) grayscale(100%) brightness(200%);opacity: 0.6;}#inferenceExplainerModal .btn-close:hover {opacity: 1;}#inferenceExplainerModal .modal-body {padding: 1.5rem;}.explainer-pipeline {display: flex;flex-direction: column;gap: 0;}.explainer-step {display: flex;align-items: flex-start;gap: 1rem;position: relative;}.explainer-step-indicator {display: flex;flex-direction: column;align-items: center;flex-shrink: 0;width: 36px;}.explainer-step-number {width: 36px;height: 36px;border-radius: 50%;background: rgba(238, 45, 65, 0.15);border: 2px solid rgba(238, 45, 65, 0.4);color: #EE2D41;display: flex;align-items: center;justify-content: center;font-size: 0.8rem;font-weight: 700;flex-shrink: 0;}.explainer-step-line {width: 2px;height: 16px;background: rgba(238, 45, 65, 0.2);}.explainer-step:last-child .explainer-step-line {display: none;}.explainer-step-content {padding-bottom: 0.75rem;flex: 1;min-width: 0;}.explainer-step-title {color: #fff;font-weight: 600;font-size: 0.9rem;display: flex;align-items: center;gap: 0.5rem;margin-bottom: 0.15rem;}.explainer-step-title i {color: rgba(238, 45, 65, 0.7);font-size: 0.85rem;width: 18px;text-align: center;}.explainer-step-desc {color: rgba(255, 255, 255, 0.5);font-size: 0.8rem;line-height: 1.4;}.explainer-cta {background: rgba(238, 45, 65, 0.08);border: 1px solid rgba(238, 45, 65, 0.15);border-radius: 10px;padding: 1rem 1.25rem;margin-top: 1rem;text-align: center;}.explainer-cta-text {color: rgba(255, 255, 255, 0.7);font-size: 0.85rem;margin-bottom: 0.5rem;}.explainer-cta-link {color: #EE2D41;font-weight: 600;text-decoration: none;font-size: 0.9rem;transition: color 0.2s ease;}.explainer-cta-link:hover {color: #F77682;text-decoration: underline;}#inferenceExplainerModal .modal-footer {border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 1rem 1.5rem;display: flex;justify-content: space-between;align-items: center;}.explainer-dismiss-check {display: flex;align-items: center;gap: 0.5rem;cursor: pointer;}.explainer-dismiss-check input[type="checkbox"] {accent-color: #EE2D41;width: 16px;height: 16px;cursor: pointer;}.explainer-dismiss-check label {color: rgba(255, 255, 255, 0.5);font-size: 0.8rem;cursor: pointer;user-select: none;margin-bottom: 0;}.explainer-got-it-btn {background: linear-gradient(135deg, #EE2D41 0%, #c41e2f 100%);border: none;padding: 0.6rem 1.75rem;font-weight: 600;font-size: 0.9rem;border-radius: 8px;color: #fff;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(238, 45, 65, 0.3);}.explainer-got-it-btn:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(238, 45, 65, 0.4);}.explainer-got-it-btn:active {transform: translateY(0);}.inference-info-icon {display: inline-flex;align-items: center;justify-content: center;width: 18px;height: 18px;border-radius: 50%;background: rgba(238, 45, 65, 0.15);color: #EE2D41;font-size: 0.65rem;margin-left: 0.35rem;cursor: pointer;transition: all 0.2s ease;text-decoration: none;vertical-align: middle;position: relative;top: -1px;}.inference-info-icon:hover {background: rgba(238, 45, 65, 0.3);color: #fff;transform: scale(1.15);}@media (max-width: 768px) {#inferenceExplainerModal .modal-title {font-size: 1.2rem;}.explainer-step-content {padding-bottom: 0.5rem;}.explainer-step-title {font-size: 0.85rem;}.explainer-step-desc {font-size: 0.75rem;}}@media (max-width: 576px) {#inferenceExplainerModal .modal-dialog {margin: 0.5rem;}#inferenceExplainerModal .modal-content {border-radius: 12px;}#inferenceExplainerModal .modal-header,#inferenceExplainerModal .modal-body {padding: 1.25rem;}#inferenceExplainerModal .modal-footer {flex-direction: column;gap: 0.75rem;}.explainer-got-it-btn {width: 100%;}}