/* ASK prototype extends the shared TMP shell. All selectors remain inside ASK. */
#screen .ask-screen {
  display: block;
  min-height: 810px;
  padding: 0 0 110px;
  color: #f8f2fb;
  background:
    radial-gradient(ellipse 310px 340px at 96% 0%, #6d2f6c31, transparent 78%),
    radial-gradient(
      ellipse 280px 300px at -12% 35%,
      #45306b1b,
      transparent 80%
    ),
    #100c18;
}
.ask-screen * {
  min-width: 0;
}
.ask-screen button,
.ask-screen textarea {
  font: inherit;
}
.ask-screen button {
  -webkit-tap-highlight-color: transparent;
}
.ask-screen button:focus-visible,
.ask-screen textarea:focus-visible,
.ask-screen summary:focus-visible {
  outline: 2px solid #e4b5ff;
  outline-offset: 3px;
}
.ask-screen .ask-header {
  padding: 21px 22px 0;
}
.ask-screen .ask-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #bda9cc;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.7px;
}
.ask-screen .ask-brand {
  flex: 0 0 auto;
}
.ask-screen .ask-section-tabs {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid #a280ae43;
  border-radius: 16px;
  background: #24192d;
}
.ask-screen .ask-section-tabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 44px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #b9a8c3;
  background: transparent;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.55px;
  white-space: nowrap;
}
.ask-screen .ask-section-tabs button > span:first-child {
  font-size: 15px;
  font-weight: 400;
}
.ask-screen .ask-section-tabs button[aria-current='page'] {
  border-color: #c78dcb55;
  color: #ffe4f7;
  background: linear-gradient(135deg, #613861, #392646);
  box-shadow: 0 3px 11px #0003;
}
.ask-screen .ask-section-tabs button b {
  display: grid;
  place-items: center;
  min-width: 16px;
  height: 16px;
  padding: 0 3px;
  border-radius: 9px;
  background: #69416d;
  color: #fff1fb;
  font-size: 9px;
  letter-spacing: 0;
}
.ask-screen .ask-heading {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 20px 0 19px;
}
.ask-screen .ask-heading-mark {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  color: #edd3ff;
  font-size: 27px;
  border: 1px solid #bd8fe770;
  border-radius: 15px;
  background: radial-gradient(circle at 25% 20%, #be78cf45, #281733 75%);
  box-shadow: 0 8px 30px #8d3d9e2a;
}
.ask-screen .ask-heading small {
  color: #cdb5dd;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.4px;
}
.ask-screen .ask-heading h1 {
  margin: 5px 0 0;
  font-size: 25px;
  line-height: 1.05;
  letter-spacing: -0.7px;
  color: #fbf8ff;
}
.ask-screen .ask-context {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 65px;
  padding: 9px 12px;
  text-align: left;
  color: #ede0f4;
  background: linear-gradient(115deg, #251a30dc, #1a1424dd);
  border: 1px solid #ffffff24;
  border-radius: 17px;
  box-shadow: inset 0 1px #ffffff0e;
}
.ask-screen .ask-context:hover {
  border-color: #cba2ed83;
  background: #2b1c37;
}
.ask-screen .ask-context:disabled {
  opacity: 0.75;
  cursor: default;
}
.ask-screen .ask-context-avatars {
  display: flex;
  width: 49px;
  flex: 0 0 49px;
  padding-left: 2px;
}
.ask-screen .ask-context-avatars i {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border: 1px solid #f0c07575;
  border-radius: 50%;
  background: #3d2433;
  color: #ffd091;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}
.ask-screen .ask-context-avatars i + i {
  margin-left: -11px;
  border-color: #7ebbec75;
  background: #1a2b3f;
  color: #b9dcff;
}
.ask-screen .ask-context-avatars .ask-avatar-julia {
  border-color: #7ebbec75;
  background: #1a2b3f;
  color: #b9dcff;
}
.ask-screen .ask-context > span:nth-child(2) {
  display: grid;
  gap: 2px;
}
.ask-screen .ask-context small {
  color: #ba9ebf;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1px;
}
.ask-screen .ask-context strong {
  font-size: 13px;
  font-weight: 750;
}
.ask-screen .ask-context b {
  margin-left: auto;
  color: #bca1cd;
  font-size: 19px;
  font-weight: 400;
}
.ask-screen .ask-context-needs-choice {
  border-color: #d5a0f0;
  box-shadow:
    0 0 0 3px #c58be530,
    0 0 24px #b077d540;
  animation: ask-choice-pulse 0.7s ease-in-out 2;
}
@keyframes ask-choice-pulse {
  50% {
    transform: scale(1.015);
    box-shadow:
      0 0 0 5px #c58be525,
      0 0 30px #b077d555;
  }
}
.ask-screen .ask-context[data-ask-relationship] {
  border-color: var(--ask-relation-border);
  background: linear-gradient(115deg, var(--ask-relation-soft), #1a1424dd);
}
.ask-screen .ask-context[data-ask-relationship]:hover {
  border-color: var(--ask-relation-accent);
}
.ask-screen .ask-context[data-ask-relationship] :is(small, b) {
  color: var(--ask-relation-accent);
}
.ask-screen .ask-body {
  padding: 0 22px;
}
.ask-screen .ask-opening {
  position: relative;
  padding: 16px 4px 0;
  overflow: hidden;
}
.ask-screen .ask-celestial {
  position: absolute;
  top: 13px;
  right: 0;
  display: grid;
  place-items: center;
  width: 112px;
  height: 110px;
  color: #e8cfff;
  opacity: 0.85;
  filter: drop-shadow(0 0 26px #b65dc545);
}
.ask-screen .ask-celestial svg {
  width: 100%;
  height: 100%;
}
.ask-screen .ask-opening-kicker,
.ask-screen .ask-answer-kicker {
  color: #e8addc;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.35px;
}
.ask-screen .ask-opening h2 {
  position: relative;
  max-width: 13ch;
  margin: 9px 0 12px;
  font-size: 31px;
  line-height: 1.09;
  letter-spacing: -1px;
}
.ask-screen .ask-opening p {
  position: relative;
  max-width: 32ch;
  margin: 0;
  color: #c4b4cf;
  font-size: 13px;
  line-height: 1.6;
}
.ask-screen .ask-composer {
  margin-top: 14px;
}
.ask-screen .ask-composer .ask-context {
  margin-bottom: 10px;
}
.ask-screen .ask-read-context {
  margin-bottom: 12px;
  color: #c5a8d5;
  font-size: 11px;
  font-weight: 700;
}
.ask-screen .ask-composer label {
  display: block;
  margin-bottom: 10px;
  color: #b9a1c7;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.3px;
}
.ask-screen .ask-compose-box {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  min-height: 98px;
  padding: 13px;
  border: 1px solid #be8bdd6b;
  border-radius: 21px;
  background: linear-gradient(140deg, #2b1b34ee, #191322f0);
  box-shadow:
    0 9px 35px #6f31651c,
    inset 0 1px #ffffff13;
}
.ask-screen .ask-compose-box:focus-within {
  border-color: #e2b9f3;
  box-shadow:
    0 0 0 3px #b383db20,
    0 12px 35px #6f316528;
}
.ask-screen .ask-compose-main {
  display: grid;
  flex: 1;
  gap: 3px;
}
.ask-screen .ask-compose-box textarea {
  width: 100%;
  min-height: 37px;
  max-height: 160px;
  resize: vertical;
  padding: 2px 0;
  border: 0;
  outline: none;
  color: #f7edfc;
  background: transparent;
  font-size: 14px;
  line-height: 1.45;
}
.ask-screen .ask-compose-box textarea::placeholder {
  color: #a991b8;
}
.ask-screen .ask-compose-box textarea:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.ask-screen .ask-compose-box[data-ask-needs-subject] {
  cursor: pointer;
}
.ask-screen .ask-compose-box[data-ask-needs-subject] :disabled {
  pointer-events: none;
}
.ask-screen .ask-compose-box button[type='submit'] {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  min-width: 45px;
  min-height: 45px;
  padding: 0;
  border-radius: 14px;
  color: #1b1025;
  background: linear-gradient(135deg, #f7b9da, #bc91ff);
  font-size: 22px;
  box-shadow: 0 5px 18px #c565af35;
}
.ask-screen .ask-compose-box button[type='submit']:disabled {
  opacity: 0.38;
  filter: grayscale(0.4);
  box-shadow: none;
}
.ask-screen .ask-compose-box button[type='submit']:not(:disabled):hover {
  transform: translateY(-2px);
}
.ask-screen .ask-compose-box .ask-inline-idea {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 44px;
  padding: 4px 0 0;
  border-top: 1px solid #ffffff19;
  color: #d5b4df;
  background: transparent;
  text-align: left;
  font-size: 10px;
  line-height: 1.35;
}
.ask-screen .ask-inline-idea span {
  flex: 0 0 auto;
  color: #a68bb5;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.7px;
}
.ask-screen .ask-inline-idea b {
  margin-left: auto;
  color: #dbaaeb;
  font-size: 14px;
  font-weight: 400;
}
.ask-screen .ask-inline-idea:hover {
  color: #fff;
}
.ask-screen .ask-composer > p {
  max-width: none;
  margin: 9px 3px 0;
  color: #9e90aa;
  font-size: 10px;
  line-height: 1.5;
}
.ask-screen .ask-section-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.ask-screen .ask-section-label span {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border: 1px solid #ae75c36b;
  border-radius: 50%;
  color: #c899e1;
  font-size: 9px;
  font-weight: 800;
}
.ask-screen .ask-section-label h3 {
  font-size: 17px;
  letter-spacing: -0.3px;
}
.ask-screen .ask-suggestions-intro {
  margin: -4px 0 0;
  color: #b9a8c4;
  font-size: 12px;
  line-height: 1.55;
}
.ask-screen .ask-suggestions {
  margin-top: 25px;
  scroll-margin-top: 20px;
}
.ask-screen .ask-suggestions p {
  max-width: none;
}
.ask-screen .ask-suggestions-subject {
  margin: 0 0 9px;
  color: #e1bfe9;
  font-size: 11px;
  font-weight: 700;
}
.ask-screen .ask-suggestions-help {
  margin: 9px 0 15px;
  color: #9f8cab;
  font-size: 11px;
  line-height: 1.5;
}
.ask-screen .ask-guides {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-items: start;
}
.ask-screen .ask-guide {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #ffffff28;
  border-radius: 17px;
  background: linear-gradient(140deg, #281c32, #21182a);
  overflow: hidden;
}
.ask-screen .ask-guide summary {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-height: 112px;
  padding: 15px 13px 23px;
  list-style: none;
  cursor: pointer;
}
.ask-screen .ask-guide summary::-webkit-details-marker {
  display: none;
}
.ask-screen .ask-guide-theme {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #ba9ccb;
  font-size: 9px;
  line-height: 1.4;
}
.ask-screen .ask-guide-theme > span {
  color: #dfb3eb;
  font-size: 15px;
}
.ask-screen .ask-guide summary strong {
  max-width: 24ch;
  color: #f3e7f5;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: -0.1px;
}
.ask-screen .ask-guide-chevron {
  position: absolute;
  right: 13px;
  bottom: 8px;
  color: #c7a3d5;
  font-size: 18px;
}
.ask-screen .ask-guide summary:hover {
  background: #b886cd0b;
}
.ask-screen .ask-guide summary:focus-visible {
  outline: 2px solid #ddb4f4;
  outline-offset: -4px;
  border-radius: 15px;
}
.ask-screen .ask-guide[open] {
  grid-column: 1 / -1;
  border-color: #bc8dcb8f;
  background: linear-gradient(135deg, #342139, #22192d);
  box-shadow: 0 10px 28px #0002;
}
.ask-screen .ask-guide[open] summary {
  min-height: 0;
  padding: 18px 18px 14px;
}
.ask-screen .ask-guide[open] summary strong {
  max-width: none;
  padding-right: 20px;
  font-size: 17px;
}
.ask-screen .ask-guide[open] .ask-guide-chevron {
  right: 18px;
  bottom: 14px;
  transform: rotate(180deg);
}
.ask-screen .ask-guide-details {
  padding: 0 18px 17px;
  border-top: 1px solid #ffffff13;
}
.ask-screen .ask-guide-description {
  margin: 14px 0 18px;
  color: #cbbbce;
  font-size: 12px;
  line-height: 1.65;
}
.ask-screen .ask-guide-details h4 {
  margin: 0 0 8px;
  color: #e6d4eb;
  font-size: 11px;
  font-weight: 750;
}
.ask-screen .ask-guide-scope ul {
  margin: 0 0 17px;
  padding-left: 16px;
  color: #bca8c7;
  font-size: 12px;
  line-height: 1.6;
}
.ask-screen .ask-guide-scope li + li {
  margin-top: 5px;
}
.ask-screen .ask-guide-scope li::marker {
  color: #d2a2de;
}
.ask-screen .ask-guide-context p {
  margin: 0;
  color: #bca8c7;
  font-size: 12px;
  line-height: 1.65;
}
.ask-screen .ask-guide-draft {
  margin: 18px 0 13px;
  padding: 13px;
  border: 1px solid #cc9fda30;
  border-radius: 12px;
  background: #130e1b55;
}
.ask-screen .ask-guide-draft small {
  color: #c3a0d0;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1px;
}
.ask-screen .ask-guide-draft p {
  margin: 7px 0 0;
  color: #ecdfef;
  font-size: 12px;
  line-height: 1.65;
}
.ask-screen .ask-guide-prepare {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  border: 1px solid #d6afd67a;
  border-radius: 13px;
  color: #fae9fc;
  background: linear-gradient(115deg, #684165, #44305e);
  font-size: 12px;
  font-weight: 750;
}
.ask-screen .ask-guide-prepare span {
  color: #edc7f4;
  font-size: 18px;
}
.ask-screen .ask-guide-edit-hint {
  margin: 9px 2px 0;
  color: #aa96b7;
  font-size: 10px;
  line-height: 1.5;
}
.ask-screen .ask-prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 51px;
  padding: 9px 0;
  text-align: left;
  color: #eee1f4;
  border-bottom: 1px solid #ffffff1c;
  background: transparent;
  font-size: 13px;
  line-height: 1.35;
}
.ask-screen .ask-prompt span {
  flex: 0 0 auto;
  color: #d29bda;
  font-size: 17px;
  transition: transform 0.2s ease;
}
.ask-screen .ask-prompt:hover {
  color: #fff;
  border-color: #d89fe87d;
}
.ask-screen .ask-prompt:hover span {
  transform: translate(2px, -2px);
}
.ask-screen .ask-history-view {
  padding-top: 0;
}
.ask-screen .ask-history-intro {
  position: relative;
  padding: 0 2px 3px;
}
.ask-screen .ask-history-intro p {
  max-width: 31ch;
  margin: 0;
  color: #c0afca;
  font-size: 13px;
  line-height: 1.55;
}
.ask-screen .ask-history-filters {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  margin: 25px -22px 18px;
  padding: 0 22px 5px;
  scrollbar-width: none;
}
.ask-screen .ask-history-filters::-webkit-scrollbar {
  display: none;
}
.ask-screen .ask-history-filters button {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid #ffffff29;
  border-radius: 14px;
  color: #c7b6d0;
  background: #251a2e;
  font-size: 11px;
  font-weight: 700;
}
.ask-screen .ask-history-filters button[aria-pressed='true'] {
  border-color: #d7a5e194;
  color: #fff2fb;
  background: linear-gradient(135deg, #6c3c70, #412b59);
}
.ask-screen .ask-history-list {
  display: grid;
  gap: 13px;
}
.ask-screen .ask-history-card {
  --ask-light: #f597c2;
  display: block;
  width: 100%;
  min-height: 188px;
  padding: 17px 18px 14px;
  border: 1px solid color-mix(in srgb, var(--ask-light) 30%, transparent);
  border-radius: 21px;
  color: #f8eefb;
  background:
    radial-gradient(
      ellipse 170px 100px at 100% 0%,
      color-mix(in srgb, var(--ask-light) 12%, transparent),
      transparent
    ),
    linear-gradient(145deg, #2a1c30, #191421);
  box-shadow:
    0 12px 28px #0003,
    inset 0 1px #ffffff10;
  text-align: left;
}
.ask-screen .ask-history-card:hover {
  border-color: color-mix(in srgb, var(--ask-light) 65%, transparent);
  transform: translateY(-1px);
}
.ask-screen .ask-history-card.ask-accent-violet {
  --ask-light: #c8a6fa;
}
.ask-screen .ask-history-card.ask-accent-blue {
  --ask-light: #99c5f7;
}
.ask-screen .ask-history-card.ask-accent-amber {
  --ask-light: #e9c789;
}
.ask-screen .ask-history-meta,
.ask-screen .ask-history-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
}
.ask-screen .ask-history-meta {
  color: var(--ask-light);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.55px;
  text-transform: uppercase;
}
.ask-screen .ask-history-meta i {
  padding: 0 2px;
  font-style: normal;
  opacity: 0.5;
}
.ask-screen .ask-history-meta time {
  color: #a897b2;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}
.ask-screen .ask-history-question {
  display: block;
  margin: 13px 0 16px;
  font-size: 17px;
  line-height: 1.3;
  letter-spacing: -0.25px;
}
.ask-screen .ask-history-answer {
  display: grid;
  gap: 4px;
  padding: 12px 13px;
  border: 1px solid #ffffff17;
  border-radius: 13px;
  background: #110e199c;
}
.ask-screen .ask-history-answer-label {
  color: var(--ask-light);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1px;
}
.ask-screen .ask-history-answer-title {
  color: #f6e9f7;
  font-size: 12px;
  font-weight: 700;
}
.ask-screen .ask-history-answer-lead {
  display: -webkit-box;
  overflow: hidden;
  color: #baaabe;
  font-size: 11px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ask-screen .ask-history-foot {
  margin-top: 13px;
  color: #bca9c4;
  font-size: 10px;
}
.ask-screen .ask-history-foot span:last-child {
  color: var(--ask-light);
  font-size: 17px;
}
.ask-screen .ask-history-filter-empty {
  padding: 37px 17px;
  border: 1px solid #ffffff1b;
  border-radius: 18px;
  color: #c4b3ce;
  text-align: center;
  font-size: 12px;
}
.ask-screen .ask-history-empty {
  display: grid;
  justify-items: center;
  margin-top: 30px;
  padding: 26px 20px 28px;
  border: 1px solid #b08ec349;
  border-radius: 23px;
  background:
    radial-gradient(circle at 50% 0%, #68417830, transparent 60%), #211728;
  text-align: center;
}
.ask-screen .ask-history-empty-orbit {
  width: 108px;
  height: 108px;
  margin-bottom: 10px;
  color: #d9b3f0;
}
.ask-screen .ask-history-empty-orbit svg {
  width: 100%;
  height: 100%;
}
.ask-screen .ask-history-empty strong {
  font-size: 19px;
  letter-spacing: -0.3px;
}
.ask-screen .ask-history-empty p {
  margin: 8px 0 20px;
  color: #bca9c7;
  font-size: 12px;
}
.ask-screen .ask-history-empty button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 45px;
  padding: 0 17px;
  border: 1px solid #d4a6df9c;
  border-radius: 13px;
  color: #fceafa;
  background: #6b3e6d;
  font-size: 12px;
  font-weight: 750;
}
.ask-screen .ask-latest {
  --ask-light: #f597c2;
  display: grid;
  gap: 15px;
  width: 100%;
  margin-top: 24px;
  padding: 20px 18px 17px;
  border: 1px solid color-mix(in srgb, var(--ask-light) 43%, transparent);
  border-radius: 22px;
  background:
    radial-gradient(
      ellipse 180px 130px at 100% 0%,
      color-mix(in srgb, var(--ask-light) 18%, transparent),
      transparent
    ),
    linear-gradient(145deg, #2d1c31, #1b1424);
  box-shadow: 0 15px 35px #0003;
  color: #f8eefb;
  text-align: left;
}
.ask-screen .ask-latest:hover {
  border-color: var(--ask-light);
  transform: translateY(-1px);
}
.ask-screen .ask-latest-top,
.ask-screen .ask-latest-open {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ask-screen .ask-latest-top small {
  color: var(--ask-light);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.25px;
}
.ask-screen .ask-latest-top > span {
  color: var(--ask-light);
  font-size: 18px;
}
.ask-screen .ask-latest-question {
  color: #fff5ff;
  font-size: 20px;
  line-height: 1.22;
  letter-spacing: -0.35px;
}
.ask-screen .ask-latest-answer {
  display: grid;
  gap: 5px;
  padding: 13px 14px;
  border: 1px solid #ffffff1d;
  border-radius: 14px;
  background: #130e1c9c;
}
.ask-screen .ask-latest-answer small {
  color: var(--ask-light);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1px;
}
.ask-screen .ask-latest-answer b {
  color: #f6e6f8;
  font-size: 15px;
}
.ask-screen .ask-latest-answer > span {
  display: -webkit-box;
  overflow: hidden;
  color: #c5b3cb;
  font-size: 12px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ask-screen .ask-latest-sections {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ask-screen .ask-latest-sections span {
  padding: 6px 8px;
  border: 1px solid #c7a1d145;
  border-radius: 999px;
  color: #d9b9e2;
  background: #5b36613b;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.35px;
}
.ask-screen .ask-latest-open {
  padding-top: 12px;
  border-top: 1px solid #ffffff1c;
  color: var(--ask-light);
  font-size: 12px;
  font-weight: 800;
}
.ask-screen .ask-loading-view {
  padding-top: 28px;
}
.ask-screen .ask-loading-question small {
  color: #bda7cc;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.3px;
}
.ask-screen .ask-loading-question h2 {
  margin: 8px 0 0;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -0.4px;
}
.ask-screen .ask-loading-stage {
  display: grid;
  justify-items: center;
  margin-top: 26px;
  padding: 22px 18px 26px;
  border: 1px solid #ba86d05c;
  border-radius: 25px;
  background:
    radial-gradient(ellipse 220px 180px at 50% 30%, #82539a37, transparent 86%),
    linear-gradient(145deg, #281b34, #17121f);
  box-shadow: 0 22px 45px #0003;
  text-align: center;
}
.ask-screen .ask-loading-orbit {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 1px auto 5px;
  color: #dfbfff;
}
.ask-screen .ask-loading-orbit svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 20px #c46edb65);
  animation: ask-breathe 2s ease-in-out infinite;
}
.ask-screen .ask-loading-orbit::after {
  position: absolute;
  inset: 8px;
  border: 1px solid #e6bafa7b;
  border-radius: 50%;
  content: '';
  animation: ask-orbit 3.5s linear infinite;
  transform-origin: center;
}
.ask-screen .ask-loading-orbit i {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f5b6dc;
  box-shadow: 0 0 16px #f5b6dc;
  animation: ask-spark 1.6s ease-in-out infinite;
}
.ask-screen .ask-loading-orbit i:nth-of-type(1) {
  top: 15px;
  left: 40px;
}
.ask-screen .ask-loading-orbit i:nth-of-type(2) {
  top: 55px;
  right: 7px;
  animation-delay: 0.35s;
  background: #a8cfff;
}
.ask-screen .ask-loading-orbit i:nth-of-type(3) {
  bottom: 18px;
  left: 20px;
  animation-delay: 0.7s;
}
.ask-screen .ask-loading-stage > small {
  color: #d9a9e6;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.2px;
}
.ask-screen .ask-loading-stage h2 {
  max-width: 12ch;
  margin: 11px 0 0;
  font-size: 27px;
  line-height: 1.1;
  letter-spacing: -0.7px;
}
.ask-screen .ask-loading-stage p {
  max-width: 28ch;
  margin: 12px 0 0;
  color: #c3b3ce;
  font-size: 12px;
  line-height: 1.55;
}
.ask-screen .ask-loading-dots {
  display: flex;
  gap: 7px;
  margin-top: 20px;
}
.ask-screen .ask-loading-dots i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d8a9e8;
  animation: ask-spark 1s ease-in-out infinite;
}
.ask-screen .ask-loading-dots i:nth-child(2) {
  animation-delay: 0.2s;
}
.ask-screen .ask-loading-dots i:nth-child(3) {
  animation-delay: 0.4s;
}
.ask-screen .ask-loading-note {
  margin: 15px 3px 0;
  color: #a795b1;
  font-size: 10px;
  line-height: 1.5;
}
@keyframes ask-breathe {
  50% {
    transform: scale(1.08);
    opacity: 0.75;
  }
}
@keyframes ask-orbit {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ask-spark {
  50% {
    opacity: 0.35;
    transform: scale(0.7);
  }
}
.ask-screen .ask-picker-plus {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin-top: 16px;
  padding: 18px 16px;
  border: 1px solid #e7c58c66;
  border-radius: 20px;
  background: linear-gradient(135deg, #e7c58c20, #18121f);
  color: #e7c58c;
  text-align: left;
  cursor: pointer;
}
.ask-screen .ask-picker-plus > span:nth-child(2) {
  flex: 1;
}
.ask-screen .ask-picker-plus small {
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.5px;
}
.ask-screen .ask-picker-plus strong {
  display: block;
  margin-top: 6px;
  font-size: 16px;
  line-height: 22px;
}
.ask-screen .ask-picker-plus p {
  margin: 6px 0 0;
  color: #bbaec9;
  font-size: 12px;
  line-height: 19px;
}
.ask-screen .ask-picker-plus:hover {
  border-color: #e7c58c;
}
.ask-screen .ask-plus {
  position: relative;
  display: block;
  width: 100%;
  margin: 40px 0 30px;
  padding: 19px 19px 20px;
  text-align: left;
  color: #f7eddf;
  border: 1px solid #e5bf7b68;
  border-radius: 20px;
  background:
    radial-gradient(ellipse 140px 90px at 93% 4%, #e0a95a2b, transparent),
    linear-gradient(145deg, #30232c, #1d1623);
  box-shadow: 0 15px 34px #b06e1b16;
}
.ask-screen button.ask-plus:hover {
  border-color: #e7c58a;
  transform: translateY(-1px);
}
.ask-screen .ask-plus small {
  display: block;
  margin-bottom: 8px;
  color: #eac785;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.4px;
}
.ask-screen .ask-plus strong {
  display: block;
  font-size: 17px;
  letter-spacing: -0.25px;
}
.ask-screen .ask-plus p {
  max-width: 35ch;
  margin: 7px 0 0;
  color: #c5b6af;
  font-size: 11px;
  line-height: 1.55;
}
.ask-screen .ask-plus > span {
  position: absolute;
  top: 18px;
  right: 18px;
  color: #f0c78b;
  font-size: 18px;
}
.ask-screen .ask-answer-view {
  padding-top: 25px;
}
.ask-screen .ask-question {
  margin-bottom: 20px;
}
.ask-screen .ask-question small {
  color: #bba5cb;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.3px;
}
.ask-screen .ask-question h2 {
  margin: 7px 0 0;
  font-size: 19px;
  line-height: 1.28;
  font-weight: 600;
  letter-spacing: -0.35px;
}
.ask-screen .ask-answer {
  --ask-light: #f597c2;
  --ask-glow: #b94f8c33;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 25px 22px 23px;
  border: 1px solid color-mix(in srgb, var(--ask-light) 45%, transparent);
  border-radius: 26px;
  background:
    radial-gradient(
      ellipse 250px 230px at 96% 0%,
      var(--ask-glow),
      transparent 78%
    ),
    linear-gradient(145deg, #2d1b2d, #191322 78%);
  box-shadow:
    0 18px 42px #0004,
    inset 0 1px #ffffff13;
}
.ask-screen .ask-accent-violet {
  --ask-light: #c8a6fa;
  --ask-glow: #825acb37;
}
.ask-screen .ask-accent-blue {
  --ask-light: #99c5f7;
  --ask-glow: #4a7ab540;
}
.ask-screen .ask-accent-amber {
  --ask-light: #e9c789;
  --ask-glow: #b9833c38;
}
.ask-screen .ask-answer-orbit {
  position: absolute;
  top: -48px;
  right: -57px;
  width: 155px;
  height: 155px;
  color: var(--ask-light);
  opacity: 0.35;
  z-index: -1;
  transform: rotate(-18deg);
}
.ask-screen .ask-answer-orbit svg {
  width: 100%;
}
.ask-screen .ask-answer-brand {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 25px;
  color: #efe5f1;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.3px;
}
.ask-screen .ask-answer-brand::first-letter {
  color: var(--ask-light);
}
.ask-screen .ask-answer-kicker {
  color: var(--ask-light);
}
.ask-screen .ask-answer h2 {
  max-width: 13ch;
  margin: 12px 0 17px;
  font-size: 31px;
  line-height: 1.09;
  letter-spacing: -1px;
}
.ask-screen .ask-answer-lead {
  max-width: none;
  color: #e0d2e4;
  font-size: 13px;
  line-height: 1.65;
}
.ask-screen .ask-answer-banter {
  max-width: none;
  margin-top: 19px;
  padding-top: 16px;
  border-top: 1px solid #ffffff1d;
  color: var(--ask-light);
  font-size: 13px;
  font-style: italic;
  line-height: 1.4;
}
.ask-screen .ask-answer-phase {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  margin-top: 21px;
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--ask-light) 35%, transparent);
  border-radius: 999px;
  color: var(--ask-light);
  background: color-mix(in srgb, var(--ask-light) 8%, transparent);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.8px;
}
.ask-screen .ask-reading {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
.ask-screen .ask-reading-block {
  padding: 20px 19px 21px;
  border: 1px solid #ffffff1d;
  border-radius: 20px;
  background: linear-gradient(145deg, #23192c, #17121f);
}
.ask-screen .ask-reading-block small {
  display: block;
  margin-bottom: 9px;
  color: #c99bd9;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.25px;
}
.ask-screen .ask-reading-block h3 {
  margin: 0 0 10px;
  color: #f9effb;
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -0.45px;
}
.ask-screen .ask-reading-block p {
  margin: 0;
  color: #ccbbd3;
  font-size: 12px;
  line-height: 1.67;
}
.ask-screen .ask-reading-summary {
  border-color: #d698d35c;
  background:
    radial-gradient(ellipse at 0% 0%, #7b426447, transparent 70%), #271a2d;
}
.ask-screen .ask-reading-summary h3 {
  color: #f7d8ef;
}
.ask-screen .ask-reading-chapter {
  border-color: #90b7e548;
  background:
    radial-gradient(ellipse at 100% 0%, #4a6f9840, transparent 65%), #1d1a2a;
}
.ask-screen .ask-reading-chapter small {
  color: #a8c9ee;
}
.ask-screen .ask-reading-signal {
  border-color: #d69dba40;
}
.ask-screen .ask-reading-nuance {
  border-color: #dfbe8245;
  background:
    radial-gradient(ellipse at 0% 100%, #8b6a3734, transparent 70%), #211a24;
}
.ask-screen .ask-reading-nuance small {
  color: #e9c789;
}
.ask-screen .ask-reading-next {
  border-color: #bb9ce34f;
  background:
    radial-gradient(ellipse at 100% 0%, #6649833b, transparent 70%), #221a2b;
}
.ask-screen .ask-reading-next small {
  color: #c9b0f0;
}
.ask-screen .ask-follow {
  margin-top: 35px;
}
.ask-screen .ask-answer-view .ask-composer {
  margin-top: 35px;
}
.ask-screen .ask-overlay {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 22px;
  background: #08060dc9;
  backdrop-filter: blur(10px);
}
.ask-screen .ask-overlay-panel {
  position: relative;
  width: min(100%, 360px);
  max-height: min(85dvh, 690px);
  overflow: auto;
  padding: 26px 20px;
  border: 1px solid #c9a6e358;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, #814e8b38, transparent 43%), #191220;
  box-shadow: 0 22px 90px #000b;
}
.ask-screen .ask-overlay-panel > [data-ask-close-overlay] {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 44px;
  height: 44px;
  color: #dbc9e2;
  background: transparent;
  font-size: 27px;
}
.ask-screen .ask-overlay-title {
  margin: 0 35px 22px 0;
  font-size: 19px;
  font-weight: 750;
}
.ask-screen .ask-overlay-panel > p {
  max-width: none;
  color: #c5b5cc;
  font-size: 12px;
  line-height: 1.6;
}
.ask-screen .ask-overlay-panel .read-card {
  margin-bottom: 14px;
}
@media (max-width: 359px) {
  .ask-screen .ask-header {
    padding-left: 16px;
    padding-right: 16px;
  }
  .ask-screen .ask-body {
    padding-left: 16px;
    padding-right: 16px;
  }
  .ask-screen .ask-heading h1 {
    font-size: 23px;
  }
  .ask-screen .ask-opening h2,
  .ask-screen .ask-answer h2 {
    font-size: 28px;
  }
  .ask-screen .ask-topline {
    gap: 7px;
    letter-spacing: 1px;
  }
  .ask-screen .ask-section-tabs button {
    padding: 0 5px;
    font-size: 8px;
    letter-spacing: 0.3px;
  }
  .ask-screen .ask-history-filters {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 800px) {
  #screen .ask-screen {
    min-height: calc(100dvh - 72px);
    padding-bottom: 116px;
  }
}
@media (max-width: 800px) and (pointer: coarse) {
  .ask-screen .ask-header {
    padding-top: max(64px, calc(18px + env(safe-area-inset-top, 0px)));
  }
}
@media (prefers-reduced-motion: reduce) {
  .ask-screen *,
  .ask-screen *::before,
  .ask-screen *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
.ask-screen .ask-receipt {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 59px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #b38cb54a;
  border-radius: 15px;
  background: #211729ad;
}
.ask-screen .ask-receipt > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 50%;
  color: #efd0ed;
  background: #844c8144;
}
.ask-screen .ask-receipt-free > span {
  color: #e9cd95;
  background: #8b704639;
}
.ask-screen .ask-receipt > div {
  display: grid;
  gap: 3px;
  flex: 1;
}
.ask-screen .ask-receipt strong {
  color: #ecddf3;
  font-size: 11px;
}
.ask-screen .ask-receipt small {
  color: #a89ab1;
  font-size: 9px;
  line-height: 1.35;
}
.ask-screen .ask-receipt > button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  color: #bfa9c7;
  background: transparent;
  font-size: 17px;
}
.ask-screen .ask-follow-hint {
  max-width: none;
  margin: 11px 0 0;
  color: #a998b2;
  font-size: 10px;
  line-height: 1.5;
}
.ask-screen .ask-option-list,
.ask-screen .ask-explore-groups {
  display: grid;
  gap: 9px;
  margin-top: 16px;
}
.ask-screen .ask-option-list button,
.ask-screen .ask-explore-groups button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  width: 100%;
  min-height: 55px;
  padding: 11px 13px;
  border: 1px solid #ffffff2a;
  border-radius: 13px;
  background: #291d33;
  color: #f2e7f5;
  text-align: left;
}
.ask-screen .ask-option-list button {
  display: grid;
  gap: 4px;
}
.ask-screen .ask-option-list button:hover,
.ask-screen .ask-explore-groups button:hover {
  border-color: #d9a7e5;
  background: #35223e;
}
.ask-screen .ask-option-list small {
  color: #a99ab2;
  font-size: 10px;
}
.ask-screen .ask-picker-tabs {
  display: flex;
  gap: 4px;
  padding: 4px;
  margin-top: 18px;
  border: 1px solid #b18bc43d;
  border-radius: 16px;
  background: #24192d;
}
.ask-screen .ask-picker-tabs button {
  flex: 1;
  min-height: 44px;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #bca9c7;
  background: transparent;
  font-size: 12px;
  font-weight: 750;
}
.ask-screen .ask-picker-tabs button[aria-selected='true'] {
  border-color: #c99bd866;
  color: #fae8ff;
  background: linear-gradient(135deg, #684272, #3b284d);
  box-shadow: 0 3px 12px #0003;
}
.ask-screen .ask-option-list .ask-picker-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 12px;
  border-radius: 17px;
  background: linear-gradient(115deg, #2b1e35, #21172b);
}
.ask-screen .ask-picker-copy {
  display: grid;
  flex: 1;
  gap: 4px;
}
.ask-screen .ask-picker-copy strong {
  font-size: 14px;
}
.ask-screen .ask-picker-copy small {
  line-height: 1.4;
}
.ask-screen .ask-picker-check {
  color: #c7a1dd;
  font-size: 20px;
}
.ask-screen .ask-picker-row[aria-pressed='true'] {
  border-color: #d0a0df9c;
  background: linear-gradient(115deg, #503357, #2b1e3b);
}
.ask-screen .ask-option-list .ask-picker-row[data-ask-relationship] {
  border-color: var(--ask-relation-border);
  background: linear-gradient(115deg, var(--ask-relation-soft), #21172b);
}
.ask-screen
  .ask-option-list
  .ask-picker-row[data-ask-relationship]:is(:hover, [aria-pressed='true']) {
  border-color: var(--ask-relation-accent);
  background: linear-gradient(115deg, var(--ask-relation-strong), #2b1e3b);
}
.ask-screen
  .ask-picker-row[data-ask-relationship]
  :is(small, .ask-picker-check) {
  color: var(--ask-relation-accent);
}
.ask-screen .ask-explore-groups > div > small {
  display: block;
  margin: 10px 0 6px;
  color: #c99bd7;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1px;
}
.ask-screen .ask-explore-groups button {
  font-size: 12px;
}
.ask-screen .ask-access-sheet {
  display: grid;
  gap: 9px;
  margin-bottom: 16px;
}
.ask-screen .ask-access-sheet > div {
  padding: 13px;
  border: 1px solid #ffffff28;
  border-radius: 13px;
  background: #281d32;
}
.ask-screen .ask-access-sheet small {
  display: block;
  margin-bottom: 5px;
  color: #d9a5d8;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.8px;
}
.ask-screen .ask-access-sheet strong {
  color: #f5e9f8;
  font-size: 12px;
}
.ask-screen .ask-access-sheet p {
  max-width: none;
  margin: 6px 0 0;
  color: #b5a6be;
  font-size: 10px;
  line-height: 1.5;
}

/* Quiet privacy and precision copy beside the existing composer. */
.ask-privacy-link {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 4px 2px;
  background: none;
  border: 0;
  color: var(--ask-muted, #b6a4c5);
  font: inherit;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}
.ask-privacy-link:focus-visible {
  outline: 2px solid #d5a0f0;
  outline-offset: 3px;
  border-radius: 6px;
}
.ask-precision-note {
  margin: 8px 2px 0;
  color: #c7b2d7;
  font-size: 12px;
  line-height: 1.6;
}

.ask-allowance {
  margin: 0;
  color: #e8c27a;
  font-size: 12px;
  line-height: 1.5;
}

/* The weekly allowance follows the compact ASK credit treatment. */
.ask-screen .ask-composer > .ask-allowance {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid #e8c27a45;
  border-radius: 18px;
  background: linear-gradient(135deg, #e8c27a12, #191322);
}

.ask-screen [data-ask-needs-credits] {
  opacity: 0.5;
}
.ask-screen .ask-access-offer {
  display: grid;
  gap: 16px;
  margin: 20px 0;
}
.ask-screen .ask-access-offer h2 {
  margin: 0;
  font-size: 29px;
  line-height: 1.16;
  letter-spacing: -0.6px;
}
.ask-screen .ask-access-offer h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.25;
}
.ask-screen .ask-access-offer p {
  margin: 0;
  color: #bcadc8;
  line-height: 1.65;
  font-size: 14px;
}
.ask-screen .ask-access-offer small {
  color: #d5a9d8;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.7px;
}
.ask-screen .ask-offer-card {
  display: grid;
  gap: 14px;
  padding: 20px;
  border-radius: 23px;
  border: 1px solid #aa83c955;
  background: linear-gradient(130deg, #34213e, #1b1425);
}
.ask-screen .ask-offer-gold {
  border-color: #e9c78977;
  background: linear-gradient(130deg, #4b352e, #261c2b);
}
.ask-screen .ask-offer-gold small,
.ask-screen .ask-offer-gold .ask-offer-count {
  color: #e9c789;
}
.ask-screen .ask-offer-count {
  color: #c9a5ee;
  font-size: 30px;
}
.ask-screen .ask-offer-card button,
.ask-screen .ask-demo-buy {
  width: 100%;
  min-height: 48px;
  border: 1px solid #aa83c977;
  border-radius: 16px;
  padding: 12px;
  background: #4b335d;
  color: #f6e7ff;
  font-size: 14px;
  font-weight: 800;
}
.ask-screen .ask-offer-gold button {
  color: #221523;
  background: #e9c789;
  border-color: #e9c789;
}
.ask-screen .ask-access-offer .ask-offer-fair {
  font-size: 12px;
}
.ask-screen .ask-guide-prepare:disabled {
  opacity: 0.45;
  cursor: default;
}

/* Purchase previews share the app's PLUS gold and ASK violet identities. */
.ask-screen .ask-store-layer {
  padding: max(14px, env(safe-area-inset-top)) 14px
    max(14px, env(safe-area-inset-bottom));
}
.ask-screen .ask-store-layer .ask-overlay-panel {
  width: min(100%, 402px);
  max-height: 92dvh;
  padding: 24px 18px 18px;
}
.ask-screen .ask-store-layer .ask-overlay-title {
  font-size: 10px;
  letter-spacing: 1.8px;
  color: #c9a5ee;
  min-height: 22px;
}
.ask-screen .ask-store {
  --store-accent: #d2a9e6;
}
.ask-screen .ask-store-gold {
  --store-accent: #e7c58c;
}
.ask-screen .ask-store h2 {
  font-size: 29px;
  line-height: 1.16;
  letter-spacing: -0.6px;
  margin: 16px 0;
}
.ask-screen .ask-store h3 {
  font-size: 20px;
  margin: 22px 0 14px;
}
.ask-screen .ask-store p {
  color: #c5b5cc;
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}
.ask-screen .ask-store-hero {
  position: relative;
  padding: 20px;
  border-radius: 22px;
  border: 1px solid #d2a9e645;
  background: linear-gradient(135deg, #42304d, #1c1428);
}
.ask-screen .ask-store-gold .ask-store-hero {
  border-color: #e7c58c70;
  background: linear-gradient(135deg, #4a382d, #241c29);
}
.ask-screen .ask-store-spark {
  font-size: 32px;
  color: var(--store-accent);
}
.ask-screen .ask-store-week {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 22px 0 4px;
  color: #e7c58c;
}
.ask-screen .ask-store-week > strong {
  font-size: 72px;
  line-height: 1;
}
.ask-screen .ask-store-week > span {
  display: grid;
  gap: 4px;
  font-size: 17px;
}
.ask-screen .ask-store-week > span:last-child {
  margin-left: auto;
  font-size: 32px;
}
.ask-screen .ask-store-oneoff {
  color: var(--store-accent);
  font-weight: 750;
  font-size: 12px;
  margin-top: 18px;
}
.ask-screen .ask-store-benefits p {
  padding: 14px 0;
  border-bottom: 1px solid #e7c58c25;
}
.ask-screen .ask-store-benefits b {
  display: block;
  color: #e7c58c;
  font-size: 14px;
  margin-bottom: 6px;
}
.ask-screen .ask-store-choices {
  display: grid;
  gap: 10px;
  margin-top: 20px;
}
.ask-screen .ask-store-choices button {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  width: 100%;
  padding: 16px;
  min-height: 96px;
  border: 1px solid #d2a9e645;
  border-radius: 18px;
  color: #f7effa;
  background: #1b1523;
}
.ask-screen .ask-store-choices button.is-selected {
  border: 2px solid var(--store-accent);
  padding: 15px;
  background: #d2a9e612;
}
.ask-screen .ask-store-gold .ask-store-choices button.is-selected {
  background: #e7c58c12;
}
.ask-screen .ask-store-choices button > span:first-child {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 6px;
}
.ask-screen .ask-store-choices strong {
  font-size: 15px;
  line-height: 1.3;
}
.ask-screen .ask-store-choices small {
  font-size: 11px;
  line-height: 1.4;
  color: #b4a2c0;
}
.ask-screen .ask-store-count {
  color: var(--store-accent);
  font-size: 25px;
}
.ask-screen .ask-store-price {
  display: grid;
  gap: 8px;
  font-size: 18px;
  font-weight: 800;
  text-align: right;
  color: var(--store-accent);
}
.ask-screen .ask-store-price i {
  font-style: normal;
  font-size: 24px;
}
.ask-screen .ask-store .ask-store-fair {
  font-size: 12px;
  padding: 20px 0;
}
.ask-screen .ask-store-footer {
  display: grid;
  gap: 10px;
}
.ask-screen .ask-store-footer p {
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}
.ask-screen .ask-store-gold .ask-demo-buy {
  background: #e7c58c;
  color: #160e1b;
  border-color: #e7c58c;
}
.ask-screen .ask-store-confirm {
  text-align: center;
}
.ask-screen .ask-store-confirm > span {
  color: #e7c58c;
  font-size: 36px;
}
.ask-screen .ask-store-confirm h2 {
  color: #e7c58c;
  font-size: 56px;
  margin: 16px;
}
.ask-screen .ask-store-confirm p {
  color: #c5b5cc;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 22px;
}
@media (max-width: 359px) {
  .ask-screen .ask-store-layer {
    padding-left: 8px;
    padding-right: 8px;
  }
  .ask-screen .ask-store-layer .ask-overlay-panel {
    padding-left: 12px;
    padding-right: 12px;
  }
  .ask-screen .ask-store h2 {
    font-size: 26px;
  }
  .ask-screen .ask-store-hero {
    padding: 16px;
  }
}

.ask-screen .ask-store-layer .ask-overlay-panel {
  overflow: hidden;
}
.ask-screen .ask-store {
  max-height: calc(92dvh - 95px);
  overflow-y: auto;
  padding: 0 2px;
}
.ask-screen .ask-store .ask-store-footer {
  position: sticky;
  bottom: 0;
  padding: 14px 0 4px;
  background: #191220;
  border-top: 1px solid #c9a6e32a;
}
.ask-screen .ask-store-layer:has(.ask-store-gold) .ask-overlay-title {
  color: #e7c58c;
}