@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); .llmo-chat-popup { font-family: "Montserrat", sans-serif; font-weight: normal; } .chat_textarea, #llmo-chat-button input { font-family: "Montserrat", sans-serif; font-weight: 500; } .chat_send { position: absolute; right: 8px; bottom: 8px; height: 38px; width: 38px; border: 0; background: #000; color: #fff; border-radius: 6px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } .llmo-message-references a { text-decoration: underline; } /* Launcher button */ .aeo-search-btn { display: flex; align-items: center; justify-content: center; padding: 0; height: 37px; width: 37px; background: transparent !important; } .aeo-search-btn:active { transform: translateY(1px); } /* Overlay */ .aeo-search-overlay { position: fixed; inset: 0; z-index: 2147483646; display: none; height: 100%; width: 100%; top: 0; } .aeo-search-overlay.is-open { display: block; } .aeo-search-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .35); } .aeo-search-panel { position: absolute; left: 50%; top: 6%; transform: translateX(-50%); width: 920px; max-width: 95%; max-height: 88vh; overflow: hidden; background: #fff; border-radius: 16px; box-shadow: 0 24px 60px rgba(0, 0, 0, .30); display: flex; flex-direction: column; font-family: "Montserrat", sans-serif; } /* Header (input) */ .aeo-search-header { padding: 14px 16px; border-bottom: 1px solid #eee; display: flex; gap: 10px; align-items: center; } .aeo-search-input { flex: 1; padding: 12px 14px; border-radius: 10px; border: 1px solid #ddd; outline: none; margin-bottom: 0 !important; } .aeo-search-close { border: none; background: #fff; border: 1px solid #ddd; height: 42px; width: 42px; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #555; font-size: 18px; transform: translateX(2px); cursor: pointer; transition: 500ms; } .aeo-search-close:hover { background-color: #f2f2f2; } /* Body */ .aeo-search-body { scroll-behavior: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } /* AI summary */ .aeo-ai-summary { padding: 16px; } .aeo-ai-summary h4 { margin: 0; text-transform: uppercase; letter-spacing: .06em; font-size: 12px; color: #777777; padding: 10px 0; } .aeo-ai-summary p { margin: 0; } /* Group sections */ .aeo-group { padding: 16px; } .aeo-group h5 { margin: 0; text-transform: uppercase; letter-spacing: .06em; font-size: 12px; color: #777777; } .aeo-results { list-style: none; margin: 0; padding: 0; } .aeo-result { padding: 16px 0; border-top: 1px solid #eee; } .aeo-result:first-child { border-top: 0; } .aeo-result-header { display: flex; align-items: center; gap: 8px; } .aeo-result-link { text-decoration: none; color: var(--gray-800); font-weight: 500; } .aeo-result-link:hover { text-decoration: underline; } .aeo-score { display: none; background: #eee; border: 1px solid #eee; padding: 3px 8px 2px; border-radius: 999px; font-size: 9px; } .aeo-result-snippet { margin-top: 6px; } /* States */ .aeo-loading, .aeo-error, .aeo-empty { padding: 24px 0; text-align: center; color: #777777; } #aeo-ai-loading { margin: 24px; display: flex; align-items: center; justify-content: center; } #aeo-ai-loading .aeo-ai-row { display: flex; align-items: center; justify-content: center; gap: 10px; } .aeo-ai-spinner { width: 16px; height: 16px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: aeo-spin 0.8s linear infinite; } .aeo-ai-msg { font-weight: 500; } .aeo-btn-cancel { margin-top: 8px; font-size: 12px; padding: 6px 10px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, .15); background: #fff; cursor: pointer; } @keyframes aeo-spin { to { transform: rotate(360deg); } } /* AI CTA styles */ #aeo-ai-summary { display: block; position: relative; padding: 24px; } @media only screen and (max-width: 678px) { .aeo-ai-cta-sub, #aeo-ai-summary-text, .aeo-ai-actions { display: none !important; } } #aeo-ai-summary-text { font-size: 21px; } #aeo-ai-cta .aeo-ai-cta-wrap { text-align: center; padding: 24px 0; opacity: 0.9; } #aeo-ai-cta .aeo-ai-cta-title { font-weight: 600; margin-bottom: 12px; text-align: center; } #aeo-ai-cta kbd { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; padding: 6px 8px; margin: 0 5px; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom-width: 2px; border-radius: 6px; background: #fff; color: #000; transform: translateY(-4px); } #aeo-ai-cta .aeo-ai-cta-sub { font-size: 12px; color: rgba(0, 0, 0, .6); } .aeo-ai-actions { display: flex; } .aeo-slater-btn { margin: 20px auto 0; display: block; padding: 12px 14px; border-radius: 10px; border: 1px solid #ddd; } .aeo-source { color: var(--gray-600); font-size: 11px; white-space: nowrap; }