* {
    box-sizing: border-box;
}

html {
    background: #f2f2f2;
    font-size: 12px; /* Root font size for 320px width screens */
    font-family:
        "Segoe UI",
        -apple-system,
        BlinkMacSystemFont,
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Fira Sans",
        "Droid Sans",
        "Helvetica Neue",
        sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#root {
    height: 100%;
}

@media (min-width: 480px) {
    html {
        font-size: 13px; /* Slightly larger font size for larger phones */
    }
}

@media (min-width: 600px) {
    html {
        font-size: 14px; /* Adjust for small tablets and large phones in landscape */
    }
}

@media (min-width: 768px) {
    html {
        font-size: 15px; /* Suitable for medium tablets */
    }
}

@media (min-width: 992px) {
    html {
        font-size: 16px; /* Standard size for desktops */
    }
}
._container_1h1vf_1 {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    position: relative;
}

._chatRoot_1h1vf_9 {
    flex: 1;
    display: flex;
}

._chatContainer_1h1vf_14 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-height: calc(100vh - 10rem);
}

._chatEmptyState_1h1vf_23 {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-height: 64rem;
    padding-top: 1rem;
}

._chatEmptyStateTitle_1h1vf_33 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 1.275rem;
    text-align: center;
}

._chatEmptyStateSubtitle_1h1vf_41 {
    font-weight: 600;
    margin-bottom: 0.625rem;
    text-align: center;
}

._chatMessageStream_1h1vf_47 {
    flex-grow: 1;
    max-height: 64rem;
    width: 100%;
    overflow-y: auto;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    resize: horizontal;
    min-width: 50vw;
}

._chatMessageGpt_1h1vf_59 {
    margin-bottom: 1.25rem;
    max-width: 100%;
    display: flex;
}

._chatMessageGptMinWidth_1h1vf_65 {
    max-width: 31.25rem;
    margin-bottom: 1.25rem;
}

._chatInput_1h1vf_70 {
    position: sticky;
    bottom: 0;
    flex: 0 0 6.25rem;
    padding: 1rem;
    width: 100%;
    max-width: 64.25rem;
    background: #f2f2f2;
}

._chatAnalysisPanel_1h1vf_80 {
    flex: 1;
    overflow-y: auto;
    max-height: 85vh;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

._chatSettingsSeparator_1h1vf_88 {
    display: flex;
    flex-direction: column;
    margin-top: 0.9375rem;
}

._loadingLogo_1h1vf_94 {
    font-size: 1.75rem;
}

._commandsSplitContainer_1h1vf_98 {
    display: flex;
    justify-content: space-between;
}

._commandsContainer_1h1vf_103 {
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
    align-self: flex-end;
}

._logoBlock_1h1vf_110 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: relative;
    width: 100%;
}

@keyframes _flyInLeft_1h1vf_1 {
    0% { opacity: 0; transform: translateX(-70vw) scale(0.9); }
    70% { opacity: 1; transform: translateX(8px) scale(1.02); }
    100% { opacity: 1; transform: translateX(0) scale(1); }
}

@keyframes _flyInRight_1h1vf_1 {
    0% { opacity: 0; transform: translateX(70vw) scale(0.9); }
    70% { opacity: 1; transform: translateX(-8px) scale(1.02); }
    100% { opacity: 1; transform: translateX(0) scale(1); }
}

._logoFlyLeft_1h1vf_131 {
    animation: _flyInLeft_1h1vf_1 0.7s ease-out forwards;
}

._logoFlyRight_1h1vf_135 {
    animation: _flyInRight_1h1vf_1 0.7s ease-out forwards;
}

._respondRow_1h1vf_139 {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

._respondPill_1h1vf_145 {
    border: 1px solid #1f9094;
    background: #e8f7f7;
    color: #146b6c;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

._respondPill_1h1vf_145:hover {
    box-shadow: 0 4px 10px rgba(20, 107, 108, 0.2);
    transform: translateY(-1px);
}

._togglesRow_1h1vf_161 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 12px;
    align-items: center;
    justify-content: center;
}

._input_1h1vf_170, ._textarea_1h1vf_170 {
    font-size: 0.95rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    width: 100%;
    padding: 8px;
    margin-top: 4px;
}

._respondModal_1h1vf_179 {
    max-width: 540px;
    width: 90%;
    margin: 6vh auto;
    background: #fff;
    padding: 16px 20px 20px;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}

._respondTitle_1h1vf_189 {
    margin: 0 0 10px;
    font-size: 1.2rem;
    font-weight: 700;
}

._respondModalBody_1h1vf_195 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

._respondActions_1h1vf_201 {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}

._blockOverlay_1h1vf_208 {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.68);
    backdrop-filter: blur(2px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    z-index: 2000;
}

._spinner_1h1vf_221 {
    width: 38px;
    height: 38px;
    border: 4px solid rgba(20, 107, 108, 0.2);
    border-top-color: #146b6c;
    border-radius: 50%;
    animation: _spin_1h1vf_221 0.8s linear infinite;
}

._blockText_1h1vf_230 {
    font-weight: 600;
    color: #146b6c;
}

@keyframes _spin_1h1vf_221 {
    to { transform: rotate(360deg); }
}

._commandButton_1h1vf_239 {
    margin-bottom: 1.25rem;
}

@media (min-width: 992px) {
    ._container_1h1vf_1 {
        margin-top: 1.25rem;
    }

    ._chatEmptyState_1h1vf_23 {
        padding-top: 3.75rem;
    }

    ._chatEmptyStateTitle_1h1vf_33 {
        font-size: 2rem;
    }

    ._chatInput_1h1vf_70 {
        padding: 0.75rem 1.5rem 1.5rem;
    }

    ._commandsSplitContainer_1h1vf_98 {
        padding-left: 1rem;
    }

    ._commandsContainer_1h1vf_103 {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    ._commandButton_1h1vf_239 {
        margin-right: 1.25rem;
        margin-bottom: 1.25rem;
    }
}
._answerContainer_9k0xf_1 {
    padding: 1.25em;
    background: rgb(249, 249, 249);
    border-radius: 0.5em;
    box-shadow:
        0em 0.125em 0.25em rgba(0, 0, 0, 0.14),
        0em 0em 0.125em rgba(0, 0, 0, 0.12);
    outline: transparent solid 0.0625em;
}

._answerLogo_9k0xf_11 {
    font-size: 1.75em;
}

._answerText_9k0xf_15 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375em;
    padding-top: 1em;
    padding-bottom: 1em;
}

._answerText_9k0xf_15 h1,
h2,
h2 {
    font-size: 1rem;
    font-weight: bold;
}

._answerText_9k0xf_15 table {
    border-collapse: collapse;
}

._answerText_9k0xf_15 td,
._answerText_9k0xf_15 th {
    border: 1px solid;
    padding: 0.3125em;
}

._selected_9k0xf_40 {
    outline: 0.125em solid rgba(115, 118, 225, 1);
}

._citationLearnMore_9k0xf_44 {
    margin-right: 0.3125em;
    font-weight: 600;
    line-height: 1.5em;
}

._citation_9k0xf_44 {
    font-weight: 500;
    line-height: 1.5em;
    text-align: center;
    border-radius: 0.25em;
    padding: 0em 0.5em;
    background: #d1dbfa;
    color: #123bb6;
    text-decoration: none;
    cursor: pointer;
}

._citation_9k0xf_44:hover {
    text-decoration: underline;
}

._citationItem_9k0xf_66 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 220px;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

._citationMeta_9k0xf_78 {
    font-size: 0.85rem;
    color: #4b5563;
    line-height: 1.35;
}

._citationSummary_9k0xf_84 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    cursor: pointer;
    list-style: none;
}

._citationSummary_9k0xf_84::-webkit-details-marker {
    display: none;
}

._citationTitle_9k0xf_97 {
    font-weight: 600;
    color: #111827;
}

._citationIndex_9k0xf_102 {
    font-weight: 700;
    color: #2563eb;
}

._citationInline_9k0xf_107 {
    font-size: 0.85rem;
    color: #6b7280;
}

._citationDetails_9k0xf_112 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

._citationDoi_9k0xf_118 {
    color: #2563eb;
    text-decoration: none;
    font-weight: 600;
}

._citationDetails_9k0xf_112 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

._citationLinks_9k0xf_130 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

._linkButton_9k0xf_136 {
    padding: 6px 10px;
    border-radius: 8px;
    background: #eef2ff;
    color: #1d4ed8;
    border: 1px solid #e5e7eb;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
}

._linkButton_9k0xf_136:hover {
    filter: brightness(0.96);
}

._chip_9k0xf_151 {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    font-size: 0.85rem;
    color: #374151;
}

._followupQuestionsList_9k0xf_162 {
    margin-top: 0.625em;
}

._followupQuestionLearnMore_9k0xf_166 {
    margin-right: 0.3125em;
    font-weight: 600;
    line-height: 1.5em;
}

._followupQuestion_9k0xf_162 {
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;
    border-radius: 0.25em;
    padding: 0em 0.5em;
    background: #e8ebfa;
    color: black;
    font-style: italic;
    text-decoration: none;
    cursor: pointer;
}

._supContainer_9k0xf_185 {
    text-decoration: none;
    cursor: pointer;
}

._supContainer_9k0xf_185:hover {
    text-decoration: underline;
}

sup {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625em;
    font-weight: 600;
    vertical-align: top;
    top: -1;
    margin: 0em 0.125em;
    min-width: 0.875em;
    height: 0.875em;
    border-radius: 0.1875em;
    background: #d1dbfa;
    color: #123bb6;
    text-decoration-color: transparent;
    outline: transparent solid 0.0625em;
    cursor: pointer;
}

._retryButton_9k0xf_214 {
    width: fit-content;
}

@keyframes _loading_9k0xf_236 {
    0% {
        content: "";
    }
    25% {
        content: ".";
    }
    50% {
        content: "..";
    }
    75% {
        content: "...";
    }
    100% {
        content: "";
    }
}

._loadingdots_9k0xf_236::after {
    content: "";
    animation: _loading_9k0xf_236 1s infinite;
}

/* === Inline citation [n] marker (superscript) ================================= */

._citationSup_9k0xf_243 {
  font-weight: 600;
  cursor: pointer;
  padding: 0 3px;
  border-radius: 4px;
  transition: background-color 120ms ease, color 120ms ease, filter 120ms ease;
}

._citationLink_9k0xf_130 {
  text-decoration: none;
  border-bottom: 1px dotted transparent;
}

._citationLink_9k0xf_130:hover ._citationSup_9k0xf_243 {
  filter: brightness(0.95);
  border-bottom-color: currentColor;
}

/* Subtle tints by category */
._citationSupPublished_9k0xf_262 {
  color: #1e40af;                 /* indigo-800 */
  background: rgba(59, 130, 246, 0.12); /* blue-500 @ 12% */
}

._citationSupAnecdotal_9k0xf_267 {
  color: #9d174d;                 /* rose-800 */
  background: rgba(244, 114, 182, 0.15); /* pink-400 @ 15% */
}

._citationSupClinical_9k0xf_272 {
  color: #6d28d9;                 /* purple-700 */
  background: rgba(167, 139, 250, 0.18); /* violet-300 @ 18% */
}

/* === Category labels row ====================================================== */

._categoryLabels_9k0xf_279 {
  margin-top: 8px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

._catPublished_9k0xf_286,
._catAnecdotal_9k0xf_287,
._catClinical_9k0xf_288 {
  font-size: 0.85rem;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

/* Pills with soft backgrounds + borders */
._catPublished_9k0xf_286 {
  color: #1e40af;
  background: rgba(59, 130, 246, 0.12);
  border: 1px solid rgba(59, 130, 246, 0.28);
}

._catAnecdotal_9k0xf_287 {
  color: #9d174d;
  background: rgba(244, 114, 182, 0.12);
  border: 1px solid rgba(244, 114, 182, 0.28);
}

._catClinical_9k0xf_288 {
  color: #5b21b6; /* indigo-800-ish */
  background: rgba(167, 139, 250, 0.12);
  border: 1px solid rgba(167, 139, 250, 0.28);
}

/* === Optional: subtle highlight for answers that include anecdotes ============ */

._anecdotalHighlight_9k0xf_319 {
  border-left: 3px solid rgba(244, 114, 182, 0.6);
  padding-left: 10px;
}

/* === Optional: nicer citation chips in the list =============================== */

._citation_9k0xf_44 {
  cursor: pointer;
  color: #1f2937;                 /* gray-800 */
  background: #f9fafb;            /* gray-50 */
  border-radius: 8px;
  padding: 6px 8px;
  border: 1px solid #e5e7eb;      /* gray-200 */
  transition: background-color 120ms ease, border-color 120ms ease;
}
._citation_9k0xf_44:hover {
  background: #f3f4f6;            /* gray-100 */
}

._citationLearnMore_9k0xf_44 {
  font-weight: 600;
  color: #6b7280;                 /* gray-500 */
  margin-right: 4px;
}

/* === (Nice to have) dark mode tweaks ========================================= */

@media (prefers-color-scheme: dark) {
  ._citationSupPublished_9k0xf_262 { color: #93c5fd; background: rgba(59, 130, 246, 0.18); }
  ._citationSupAnecdotal_9k0xf_267 { color: #f9a8d4; background: rgba(244, 114, 182, 0.22); }
  ._citationSupClinical_9k0xf_272  { color: #c4b5fd; background: rgba(167, 139, 250, 0.24); }

  ._catPublished_9k0xf_286 { color: #93c5fd; background: rgba(59, 130, 246, 0.14); border-color: rgba(147, 197, 253, 0.35); }
  ._catAnecdotal_9k0xf_287 { color: #f9a8d4; background: rgba(244, 114, 182, 0.14); border-color: rgba(249, 168, 212, 0.35); }
  ._catClinical_9k0xf_288  { color: #c4b5fd; background: rgba(167, 139, 250, 0.14); border-color: rgba(196, 181, 253, 0.35); }

  ._citation_9k0xf_44 {
    color: #e5e7eb;
    background: #0b0f14;
    border-color: #1f2937;
  }
  ._citation_9k0xf_44:hover {
    background: #0f141a;
  }
}
._questionInputContainer_1ymas_1 {
    border-radius: 0.5rem;
    box-shadow:
        0px 0.5rem 1rem rgba(0, 0, 0, 0.14),
        0px 0px 0.125rem rgba(0, 0, 0, 0.12);
    width: 100%;
    padding: 0.8rem;
    background: white;
}

._questionInputTextArea_1ymas_11 {
    width: 100%;
    line-height: 2.5rem;
}

._questionInputButtonsContainer_1ymas_16 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Outline styles for the question input box */
._chatInputPublishedOutline_1ymas_23 {
  border: 2px solid #1f9094;
  border-radius: 12px;
  padding: 4px;
}

._chatInputAnecdoteOutline_1ymas_29 {
  border: 2px solid #a84a67;
  border-radius: 12px;
  padding: 4px;
}

._chatInputGradientOutline_1ymas_35 {
  border: 2px solid #a84a67;
  border-radius: 12px;
  padding: 4px;
}


@media (min-width: 992px) {
    ._questionInputContainer_1ymas_1 {
        height: 5.625rem;
    }
}
._examplesNavList_n3ass_1 {
    list-style: none;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    flex: 1;
    justify-content: center;
}

._example_n3ass_1 {
    word-break: break-word;
    background: #1f909440;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.3125rem;
    cursor: pointer;
}

._example_n3ass_1:hover {
    box-shadow:
        0rem 0.5rem 1rem rgba(0, 0, 0, 0.14),
        0rem 0rem 0.125rem rgba(0, 0, 0, 0.12);
    outline: 0.125rem solid rgba(0, 90, 102, 1);
}

._exampleText_n3ass_29 {
    margin: 0;
    font-size: 1.0rem;
    width: 25rem;
    padding: 0.5rem;
    min-height: 4.5rem;
    font-weight: 500;
}

._exampleCare_n3ass_38._div_n3ass_38 {
    background-color: #a84a6775;
}

 ._examplesNavList_n3ass_1 li:nth-of-type(4) div {
    background-color: #a84a6775;
}

._examplesNavList_n3ass_1 li {
    display: none;
}

._examplesNavList_n3ass_1 li:nth-of-type(1),
._examplesNavList_n3ass_1 li:nth-of-type(2), 
._examplesNavList_n3ass_1 li:nth-of-type(3),
._examplesNavList_n3ass_1 li:nth-of-type(4){
    display: block; /* Default to showing two list items */
}

/* Pills row for categories */
._pillsRowWrap_n3ass_58 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

._pillsRow_n3ass_58 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

._pill_n3ass_58 {
    border-radius: 20px;
    padding: 0.5rem 1rem;
    background: #eee;
    color: black;
    border: none;
    cursor: pointer;
    font-weight: 500;
}

._pill_n3ass_58:hover {
    outline: 0.125rem solid rgba(0, 90, 102, 1);
}

._activePill_n3ass_88 {
    background: #238082;
    color: white;
}

/* Grid of examples */
._examplesGrid_n3ass_94 {
  display: flex;
  gap: 0.625rem;
  justify-content: center;
}

/* Base example box */
._exampleBox_n3ass_101 {
    word-break: break-word;
    border-radius: 0.5rem;
    cursor: pointer;
    font-weight: 500;
    font-size: 1rem;
    padding: 1rem;
    width: 17.5rem;
    min-height: 4.25rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    text-align: left;
    gap: 0.75rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

._exampleBox_n3ass_101:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(0,0,0,0.08);
    border-color: #d1d5db;
}

/* Single-source borders */
._examplePublished_n3ass_129 { border-color: #1f9094; }
._exampleAnecdote_n3ass_130 { border-color: #b23a68; }
._exampleClinical_n3ass_131 { border-color: #1f8c4c; }

/* Gradient borders for combos (uses double background trick) */
._examplePubAnec_n3ass_134,
._examplePubClin_n3ass_135,
._exampleAnecClin_n3ass_136,
._exampleAll_n3ass_137 {
    border: 1px solid transparent;
    background:
      linear-gradient(#ffffff, #ffffff) padding-box,
      linear-gradient(120deg, #1f9094, #a84a67, #1f8c4c) border-box;
}

._examplePubAnec_n3ass_134 {
    background:
      linear-gradient(#ffffff, #ffffff) padding-box,
      linear-gradient(120deg, #1f9094 0%, #a84a67 100%) border-box;
}

._examplePubClin_n3ass_135 {
    background:
      linear-gradient(#ffffff, #ffffff) padding-box,
      linear-gradient(120deg, #1f9094 0%, #1f8c4c 100%) border-box;
}

._exampleAnecClin_n3ass_136 {
    background:
      linear-gradient(#ffffff, #ffffff) padding-box,
      linear-gradient(120deg, #a84a67 0%, #1f8c4c 100%) border-box;
}

._exampleAll_n3ass_137 {
    background:
      linear-gradient(#ffffff, #ffffff) padding-box,
      linear-gradient(120deg, #1f9094 0%, #a84a67 45%, #1f8c4c 100%) border-box;
}

._exampleText_n3ass_29 {
    margin: 0;
    font-size: 1.0rem;
    width: 100%;
    padding: 0;
    min-height: 4.25rem;
    font-weight: 500;
}

._dotsRow_n3ass_177 {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    width: 100%;
    flex-shrink: 0;
}

._dot_n3ass_177 {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,0.08);
}

._dot-published_n3ass_194 { background: #1f9094; }
._dot-anecdotal_n3ass_195 { background: #b23a68; }
._dot-clinical_n3ass_196 { background: #1f8c4c; }


@media only screen and (min-width: 992px) {
    ._examplesNavList_n3ass_1 {
        flex-direction: row; /* Switch to row layout for wider screens */
        padding-left: 0;
        padding-right: 0;
    }

    ._example_n3ass_1 {
        margin-bottom: 0.3125rem;
        padding: 1.25rem;
    }

    ._examplesNavList_n3ass_1 li:nth-of-type(2),
    ._examplesNavList_n3ass_1 li:nth-of-type(3), 
    ._examplesNavList_n3ass_1 li:nth-of-type(4) {
        display: block; /* Show an additional list item for medium heights */
    }
    ._exampleText_n3ass_29 {
        font-size: 1.0rem;
        width: 100%;
        padding: 0;
        min-height: 4.25rem;
    }
}
._container_6dn84_1 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.25em;
    max-width: 80%;
    margin-left: auto;
}

._message_6dn84_9 {
    padding: 1.25em;
    background: #e8ebfa;
    border-radius: 0.5em;
    box-shadow:
        0px 0.125em 0.25em rgba(0, 0, 0, 0.14),
        0px 0px 0.125em rgba(0, 0, 0, 0.12);
    outline: transparent solid 0.0625em;
}
._thoughtProcess_8n769_1 {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
    word-wrap: break-word;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}

._tList_8n769_8 {
    padding: 1.25em 1.25em 0 1.25em;
    display: inline-block;
    background: #e9e9e9;
}

._tListItem_8n769_14 {
    list-style: none;
    margin: auto;
    margin-left: 1.25em;
    min-height: 3.125em;
    border-left: 0.0625em solid #123bb6;
    padding: 0 0 1.875em 1.875em;
    position: relative;
}

._tListItem_8n769_14:last-child {
    border-left: 0;
}

._tListItem_8n769_14::before {
    position: absolute;
    left: -18px;
    top: -5px;
    content: " ";
    border: 8px solid #d1dbfa;
    border-radius: 500%;
    background: #123bb6;
    height: 20px;
    width: 20px;
}

._tStep_8n769_40 {
    color: #123bb6;
    position: relative;
    font-size: 0.875em;
    margin-bottom: 0.5em;
}

._tQuery_8n769_47 {
    color: #010207;
    position: relative;
    font-size: 0.875em;
    margin-bottom: 0.5em;
}

._tCodeBlock_8n769_54 {
    max-height: 18.75em;
}

._tProp_8n769_58 {
    background-color: #d7d7d7;
    color: #333232;
    font-size: 0.75em;
    padding: 0.1875em 0.625em;
    border-radius: 0.625em;
    margin-bottom: 0.5em;
}

._citationImg_8n769_67 {
    height: 28.125rem;
    max-width: 100%;
    object-fit: contain;
}

._header_8n769_73 {
    color: #123bb6;
    position: relative;
    font-size: 0.875em;
    margin-bottom: 0.5em;
}

._reasoningEffort_8n769_80 {
    font-size: 14px;
    margin-bottom: 8px;
}

._tokenUsageGraph_8n769_85 {
    margin: 16px 0;
}

._tokenBar_8n769_89 {
    height: 20px;
    margin-bottom: 4px;
    padding-left: 4px;
    font-size: 12px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

._tokenBar_8n769_89 {
    height: 20px;
    margin-bottom: 4px;
    padding-left: 4px;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #d7d7d7;
    white-space: nowrap;
    overflow: visible;
    min-width: max-content;
}

/* Adjust tokenLabel to allow bar-specific text color overrides */
._tokenLabel_8n769_115 {
    padding-right: 4px;
}

._primaryBarContainer_8n769_119 {
    width: fit-content;
    display: flex;
    gap: 4px;
}

._promptBar_8n769_125 {
    background-color: #a82424;
    color: #ffffff; /* White text for contrast */
}

._reasoningBar_8n769_130 {
    background-color: #265e29;
    color: #ffffff;
}

._outputBar_8n769_135 {
    background-color: #12579b;
    color: #ffffff;
}

._totalBar_8n769_140 {
    background-color: #424242;
    color: #ffffff;
}

._subqueriesTable_8n769_145,
._subqueriesTable_8n769_145 th,
._subqueriesTable_8n769_145 td,
._subqueriesTable_8n769_145 tr {
    background: #fff;
}
._supportingContentNavList_1o6aa_1 {
    list-style: none;
    padding-left: 0.3125em;
    display: flex;
    flex-direction: column;
    gap: 0.625em;
}

._supportingContentItem_1o6aa_9 {
    word-break: break-word;
    background: rgb(249, 249, 249);
    border-radius: 0.5em;
    box-shadow:
        rgb(0 0 0 / 5%) 0px 0px 0px 0.0625em,
        rgb(0 0 0 / 10%) 0px 0.125em 0.1875em 0px;
    outline: transparent solid 0.0625em;
    display: flex;
    flex-direction: column;
    padding: 1.25em;
}

._supportingContentItemHeader_1o6aa_22 {
    margin: 0;
}

._supportingContentItemText_1o6aa_26 {
    margin-bottom: 0;
    font-weight: 300;
}

._supportingContentItemImage_1o6aa_31 {
    object-fit: contain;
}
._downloadButton_2t7ea_1 {
    position: relative;
    float: right;
}

._markdownViewer_2t7ea_6 {
    border-radius: 0.5em;
    box-shadow:
        #0000000d 0 0 0 0.0625em,
        #0000001a 0 0.125em 0.1875em;
    background-color: white;
    margin: 1.25em 0;
}

._loading_2t7ea_15 {
    padding: 6.25em;
    height: 100vh;
    background-color: white;
}

._error_2t7ea_21 {
    height: 100vh;
    background-color: white;
}

._markdown_2t7ea_6 {
    padding: 1.875em;
}

table {
    border-collapse: collapse;
}

th,
td {
    border: 0.0625em solid #ddd;
    padding: 0.5em;
}

tr:nth-child(even) {
    background-color: #f6f8fa;
}

code {
    display: block;
    font-family: monospace;
    padding: 0.625em;
    background-color: #f6f8fa;
}
._snowglobe_isyu1_1 {
  --scale: 1.2;
  position: relative;
  width: 260px;
  max-width: 80vw;
  transform: scale(var(--scale));
  transform-origin: center;
  user-select: none;
  -webkit-user-select: none;
}

._snowglobe_isyu1_1::before {
  content: "";
  display: block;
  padding-top: 100%; /* 1:1 ratio */
}

._snowglobe_isyu1_1 img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
}

._globe_isyu1_29 {
  z-index: 1;
}

._logo_isyu1_33 {
  z-index: 2;
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.25));
}

._glass_isyu1_38 {
  position: absolute;
  left: 18.98%;
  top: 10.8%;
  width: 62.05%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  pointer-events: none;
  z-index: 3;
}

._glass_isyu1_38 canvas {
  width: 100%;
  height: 100%;
  display: block;
}

._snowglobe_isyu1_1._isShaking_isyu1_56 {
  animation: _globeWobble_isyu1_1 0.55s ease-out;
}

._isShaking_isyu1_56 {
  animation: _globeWobble_isyu1_1 0.55s ease-out;
}

@keyframes _globeWobble_isyu1_1 {
  0% {
    transform: scale(var(--scale, 1)) rotate(0deg);
  }
  20% {
    transform: scale(var(--scale, 1)) rotate(1.2deg);
  }
  40% {
    transform: scale(var(--scale, 1)) rotate(-1deg);
  }
  60% {
    transform: scale(var(--scale, 1)) rotate(0.8deg);
  }
  80% {
    transform: scale(var(--scale, 1)) rotate(-0.5deg);
  }
  100% {
    transform: scale(var(--scale, 1)) rotate(0deg);
  }
}
._historyItem_t6fu6_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background-color 0.2s;
}

._historyItem_t6fu6_1:hover {
    background-color: #f3f4f6;
}

._historyItemButton_t6fu6_14 {
    flex-grow: 1;
    text-align: left;
    padding: 0;
    margin-right: 4px;
    background: none;
    border: none;
    cursor: pointer;
}

._historyItemTitle_t6fu6_24 {
    font-size: 1rem;
}

._deleteIcon_t6fu6_28 {
    width: 20px;
    height: 20px;
}

._deleteButton_t6fu6_33 {
    opacity: 0;
    transition: opacity 0.2s;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 9999px;
    color: #6b7280;
}

._historyItem_t6fu6_1:hover ._deleteButton_t6fu6_33,
._deleteButton_t6fu6_33:focus {
    opacity: 1;
}

._deleteButton_t6fu6_33:hover {
    color: #111827;
}

._modalOverlay_t6fu6_53 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
}

._modalContent_t6fu6_66 {
    background-color: white;
    padding: 24px;
    border-radius: 8px;
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
    max-width: 400px;
    width: 100%;
}

._modalTitle_t6fu6_77 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 16px;
}

._modalDescription_t6fu6_84 {
    margin-top: 0px;
    margin-bottom: 16px;
}

._modalActions_t6fu6_89 {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}

._modalCancelButton_t6fu6_95,
._modalConfirmButton_t6fu6_96 {
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

._modalCancelButton_t6fu6_95 {
    background-color: #f3f4f6;
    color: #374151;
}

._modalConfirmButton_t6fu6_96 {
    background-color: #ef4444;
    color: white;
}

._modalCancelButton_t6fu6_95:hover {
    background-color: #e5e7eb;
}

._modalConfirmButton_t6fu6_96:hover {
    background-color: #dc2626;
}
._group_53dys_1 {
    margin-top: 1rem;
}
._groupLabel_53dys_4 {
    font-size: 0.9rem;
    font-weight: bold;
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
}

._footer_53dys_11 {
    display: flex;
    justify-content: space-between;
}

/*added by Tarz */
._historyPanel_53dys_17 {
    padding: 0px;
    background-color: rgba(189, 217, 218);
}

._historyPanelHeader_53dys_22 {
    text-align: center;
}._container_286vi_1 {
    display: flex;
    align-items: center;
    gap: 0.375em;
    cursor: pointer;
    padding: 0.5rem;
}
._container_1xtkk_1 {
    display: flex;
    align-items: center;
    gap: 0.375em;
    cursor: pointer;
    padding: 0;
}
._container_1xtkk_1 {
    display: flex;
    align-items: center;
    gap: 0.375em;
    cursor: pointer;
    padding: 0;
}
._overlay_16nsm_1 {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 5000;
}

._highlight_16nsm_8 {
    position: fixed;
    border: 2px solid #0f8b99;
    border-radius: 10px;
    box-shadow: 0 0 0 6px rgba(15, 139, 153, 0.2);
    z-index: 5002;
    pointer-events: none;
}

._bubble_16nsm_17 {
    position: fixed;
    z-index: 5003;
    width: 320px;
    max-width: 90vw;
    background: #fff;
    color: #0f3c46;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
    padding: 16px;
    border: 1px solid #b5c7c8;
}

._header_16nsm_30 {
    margin-bottom: 4px;
}

._title_16nsm_34 {
    font-weight: 700;
    font-size: 16px;
}

._subtitle_16nsm_39 {
    font-size: 12px;
    color: #4f6f76;
}

._body_16nsm_44 {
    margin: 8px 0 12px;
    font-weight: 600;
}

._footer_16nsm_49 {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 8px;
}
._container_11shd_1 {
    display: flex;
    align-items: center;
    gap: 0.375em;
    cursor: pointer;
    padding: 0.5rem;
}

._callout_11shd_9 {
    padding: 1em;
    min-height: 6.25em;
}

._list_11shd_14 {
    display: flex;
    justify-content: center;
    align-items: center;
}

._item_11shd_20 {
    width: 15.625em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.75em;
}
._languagePicker_19xlp_1 {
    width: 100%;
}

._dropdownRoot_19xlp_5 .ms-Dropdown-title {
    border-radius: 10px;
    border: 1px solid #b5c7c8;
    background: #f4fbfb;
    color: #0f3c46;
    font-weight: 600;
}

._dropdownRoot_19xlp_5 .ms-Dropdown-title:hover,
._dropdownRoot_19xlp_5 .ms-Dropdown-title:focus {
    border-color: #0f8b99;
    box-shadow: 0 0 0 2px rgba(15, 139, 153, 0.2);
}

._dropdownRoot_19xlp_5 .ms-Dropdown-caretDown {
    color: #0f8b99;
}

._dropdownRoot_19xlp_5 .ms-Callout-main {
    border-radius: 10px;
    border: 1px solid #b5c7c8;
}

._dropdownRoot_19xlp_5 .ms-Dropdown-item {
    border-radius: 6px;
    margin: 2px 6px;
}

._dropdownRoot_19xlp_5 .ms-Dropdown-item:hover,
._dropdownRoot_19xlp_5 .ms-Dropdown-item.is-selected {
    background: #e5f6f7;
    color: #0f3c46;
}
._settingsSeparator_xbi79_1 {
    margin-top: 0.75rem;
}

._dropdownRoot_xbi79_5 .ms-Dropdown-title {
    border-radius: 10px;
    border: 1px solid #b5c7c8;
    background: #f4fbfb;
    color: #0f3c46;
    font-weight: 600;
}

._dropdownRoot_xbi79_5 .ms-Dropdown-title:hover,
._dropdownRoot_xbi79_5 .ms-Dropdown-title:focus {
    border-color: #0f8b99;
    box-shadow: 0 0 0 2px rgba(15, 139, 153, 0.2);
}

._dropdownRoot_xbi79_5 .ms-Dropdown-caretDown {
    color: #0f8b99;
}

._dropdownRoot_xbi79_5 .ms-Callout-main {
    border-radius: 10px;
    border: 1px solid #b5c7c8;
}

._dropdownRoot_xbi79_5 .ms-Dropdown-item {
    border-radius: 6px;
    margin: 2px 6px;
}

._dropdownRoot_xbi79_5 .ms-Dropdown-item:hover,
._dropdownRoot_xbi79_5 .ms-Dropdown-item.is-selected {
    background: #e5f6f7;
    color: #0f3c46;
}

._option-slider_xbi79_39 {
    width: 100%;
    max-width: 400px;
    margin: 20px auto;
    position: relative;
    user-select: none;
}

._slider-track_xbi79_47 {
    width: 100%;
    height: 40px;
    background: #e0e0e0;
    border-radius: 20px;
    position: relative;
}

._slider-thumb_xbi79_55 {
    position: absolute;
    top: 0;
    width: 33.33%;
    height: 40px;
    background: #0078d4;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    transition: left 0.3s ease;
    cursor: pointer;
}

._slider-options_xbi79_69 {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
}

._slider-option_xbi79_69 {
    width: 33.33%;
    text-align: center;
    line-height: 40px;
    color: #333;
    cursor: pointer;
}

._slider-option_xbi79_69._active_xbi79_86 {
    font-weight: bold;
    color: #fff;
}
._layout_1r3lg_1 {
    display: flex;
    flex-direction: column;
    height: 100%;
}

._header_1r3lg_7 {
    background: linear-gradient(90deg, #4fa7a9b8 0%, #a94966b3 100%);
    color: #000000;
}

._headerContainer_1r3lg_12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}

._headerTitleContainer_1r3lg_21 {
    display: flex;
    align-items: center;
    color: #000000;
    text-decoration: none;
}

._headerLogo_1r3lg_28 {
    height: 2rem;
    width: auto;
}

._headerTitle_1r3lg_21 {
    margin-left: 0.5rem;
    font-weight: 600;
}

._headerNavList_1r3lg_38 {
    z-index: 100;
    display: none;
    flex-direction: column;
    background-color: #222222;
    position: absolute;
    top: 2.7rem;
    right: 0;
    width: auto;
    list-style: none;
    padding: 1.1rem;
    align-items: flex-end;
}

._headerNavList_1r3lg_38._show_1r3lg_52 {
    display: flex; /* Show when toggled */
}

._headerNavPageLink_1r3lg_56 {
    padding: 1rem;
    border-bottom: 1px solid #333;
    text-align: right;
    color: #f2f2f2;
    text-decoration: none;
    opacity: 0.75;
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    transition-duration: 500ms;
    transition-property: opacity;
    font-size: 1.2rem;
}

._headerNavPageLink_1r3lg_56:hover {
    opacity: 1;
}

._headerNavPageLinkActive_1r3lg_73 {
    color: #f2f2f2;
    text-decoration: none;
    font-size: 1.2rem;
    text-align: right;
    padding: 1rem;
}

._headerNavLeftMargin_1r3lg_81 {
    display: none;
}

._menuToggle_1r3lg_85 {
    display: block;
    background: none;
    border: none;
    color: #f2f2f2;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 101;
}

._loginMenuContainer_1r3lg_95 {
    display: flex;
    align-items: center;
    gap: 0; /* Ensure no gap between login button and menu toggle */
}

@media (min-width: 992px) {
    ._headerTitle_1r3lg_21 {
        font-weight: 600;
    }

    ._headerNavList_1r3lg_38 {
        display: flex;
        flex-direction: row;
        list-style: none;
        padding: 0;
        position: static;
        width: auto;
    }

    ._headerNavPageLink_1r3lg_56 {
        border-bottom: none;
        padding: 0;
        display: block;
    }

    ._headerNavPageLink_1r3lg_56:hover {
        opacity: 1;
    }

    ._headerNavPageLinkActive_1r3lg_73 {
        color: #f2f2f2;
        text-decoration: none;
    }

    ._headerNavLeftMargin_1r3lg_81 {
        margin-left: 1.25rem;
        display: block;
    }

    ._headerRightText_1r3lg_135 {
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
    }

    ._menuToggle_1r3lg_85 {
        display: none;
    }
}
._loginButton_9wb7v_1 {
    border-radius: 0.3125em;
    font-weight: 100;
    margin: 0;
    padding: 0.5rem 1rem;
}