/* Wallet acceptance preview, revision 4. All purchase styles stay scoped. */
.rose-wallet-preview {
  --wallet-ink: #21364f;
  --wallet-muted: #60738a;
  --wallet-line: #dce7f4;
  --wallet-surface: #fff;
  --wallet-soft: #f4f8fe;
  --wallet-accent: #1265b3;
  --wallet-glow: #0ea5e9;
  gap: 16px;
  color: var(--wallet-ink);
}
.dark .rose-wallet-preview {
  --wallet-ink: #e2edff;
  --wallet-muted: #acbed6;
  --wallet-line: #304760;
  --wallet-surface: #122139;
  --wallet-soft: #192c47;
  --wallet-accent: #8edcff;
}
body:has(.rose-wallet-preview) [data-slot='section-page-title'] {
  color: #163b63;
}
.rose-wallet-preview > [data-slot='tabs'] {
  gap: 14px;
}
.rose-wallet-preview .rose-wallet-tabs {
  width: 100%;
  max-width: 420px;
  height: 45px;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--wallet-line);
  border-radius: 13px;
  background: var(--wallet-soft);
}
.rose-wallet-preview .rose-wallet-tabs [role='tab'] {
  height: 35px;
  border-radius: 9px;
  gap: 8px;
  color: var(--wallet-muted);
  font-size: 13px;
  transition:
    background 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.rose-wallet-preview .rose-wallet-tabs [role='tab'][aria-selected='true'] {
  color: var(--wallet-accent);
  background: var(--wallet-surface);
  font-weight: 700;
  box-shadow:
    0 1px 5px #234e7814,
    inset 0 -2px #28b2e7;
}
.rose-wallet-preview .rose-wallet-plans,
.rose-wallet-preview .rose-wallet-recharge {
  border: 1px solid var(--wallet-line);
  border-radius: 19px;
  background: var(--wallet-surface);
  box-shadow: 0 4px 15px #1e4c7808;
}
.rose-wallet-preview
  :is(.rose-wallet-plans, .rose-wallet-recharge)
  > [data-slot='card-header'] {
  border-bottom: 1px solid var(--wallet-line);
  padding: 15px 18px !important;
  background: linear-gradient(
    100deg,
    var(--wallet-soft),
    var(--wallet-surface)
  );
  box-shadow: none;
}
.rose-wallet-preview [data-slot='card-title'] {
  color: var(--wallet-ink);
  font-size: 17px;
  font-weight: 700;
}
.rose-wallet-preview [data-slot='card-description'] {
  color: var(--wallet-muted);
  font-size: 12px;
}
.rose-wallet-preview
  :is(.rose-wallet-plans, .rose-wallet-recharge)
  > [data-slot='card-content'] {
  padding: 16px 18px;
}
.rose-wallet-preview .rose-wallet-discount-details {
  border: 1px solid var(--wallet-line);
  border-radius: 11px;
  background: var(--wallet-soft);
  font-size: 12px;
}
.rose-wallet-preview .rose-wallet-discount-details summary {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 37px;
  padding: 8px 11px;
  cursor: pointer;
  color: var(--wallet-accent);
  font-weight: 600;
  list-style: none;
}
.rose-wallet-discount-details summary::-webkit-details-marker {
  display: none;
}
.rose-wallet-discount-details summary > svg {
  width: 14px;
  height: 14px;
}
.rose-wallet-rules-hint {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 500;
}
.rose-wallet-rules-hint b {
  display: inline-block;
  font-size: 16px;
  transition: transform 0.2s;
}
.rose-wallet-discount-details[open] .rose-wallet-rules-hint b {
  transform: rotate(180deg);
}
.rose-wallet-discount-details > [role='alert'] {
  margin: 0 10px 10px;
  width: auto;
  border-radius: 9px;
  background: var(--wallet-surface);
  color: var(--wallet-muted);
}
.rose-wallet-preview .rose-wallet-subscriptions {
  border: 1px solid var(--wallet-line);
  border-radius: 13px;
  padding: 12px;
  background: var(--wallet-surface);
}
.rose-wallet-subscriptions
  > div:first-child
  > div:first-child
  > span:first-child {
  color: var(--wallet-ink);
  font-weight: 650;
}
.rose-wallet-subscriptions .text-muted-foreground {
  color: var(--wallet-muted);
}
.rose-wallet-subscriptions > .max-h-64 > div {
  border: 1px solid var(--wallet-line);
  border-radius: 10px;
  background: var(--wallet-soft);
}
.rose-wallet-preview .rose-wallet-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.rose-wallet-preview [data-subscription-plan-card] {
  --plan-accent: #0f82ac;
  --plan-line: #a9dcec;
  position: relative;
  max-width: none;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--wallet-line) !important;
  border-radius: 17px !important;
  background: linear-gradient(
    145deg,
    var(--wallet-card-start),
    var(--wallet-card-end)
  ) !important;
  box-shadow: 0 3px 10px #23456806 !important;
  transition:
    border-color 0.2s,
    box-shadow 0.2s,
    transform 0.2s;
}
.rose-wallet-preview [data-subscription-plan-card]::before {
  content: '';
  position: absolute;
  height: 3px;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(
    90deg,
    var(--plan-accent),
    var(--plan-line) 65%,
    transparent
  );
}
.rose-wallet-preview [data-subscription-plan-card]::after {
  content: '';
  position: absolute;
  pointer-events: none;
  top: 12px;
  right: 12px;
  width: 45px;
  height: 45px;
  border-right: 1px solid var(--plan-line);
  border-top: 1px solid var(--plan-line);
  border-radius: 0 9px 0 0;
  opacity: 0.35;
}
.rose-wallet-preview [data-wallet-featured='true'] {
  border-color: var(--plan-line) !important;
  box-shadow:
    0 0 0 1px var(--plan-line),
    0 4px 14px #16a3cb0b !important;
}
.rose-wallet-preview .rose-wallet-plan-content {
  padding: 17px 16px 14px;
  min-height: 282px;
}
.rose-wallet-plan-content > div:first-child {
  min-height: 50px;
}
.rose-wallet-plan-content h4 {
  color: var(--wallet-ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}
.rose-wallet-plan-content h4 + p {
  color: var(--wallet-muted);
  margin-top: 4px;
  font-size: 11px;
}
.rose-wallet-plan-content > div:nth-child(2) {
  padding-bottom: 13px;
}
.rose-wallet-plan-content > div:nth-child(2) > span {
  color: var(--wallet-ink) !important;
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -0.7px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
.rose-wallet-plan-content > div:nth-child(3) {
  gap: 5px;
  padding-bottom: 14px;
}
.rose-wallet-plan-content > div:nth-child(3) > div {
  color: var(--wallet-muted);
  font-size: 12px;
}
.rose-wallet-plan-content > div:nth-child(3) svg {
  color: var(--plan-accent);
}
.rose-wallet-preview .rose-wallet-plan-content button:not(:disabled) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  height: 35px;
  border: 1px solid #4692c6;
  border-radius: 10px;
  background: linear-gradient(110deg, #0c5288, #1471ad 65%, #1181ae);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  box-shadow:
    inset 0 1px #c8f7ff40,
    0 3px 8px #1a78b01c;
}
.rose-wallet-preview .rose-wallet-plan-content button:not(:disabled)::after {
  content: '';
  position: absolute;
  pointer-events: none;
  inset: 0;
  background: linear-gradient(
    105deg,
    transparent 32%,
    #ceefff22 48%,
    transparent 64%
  );
  transform: translateX(-130%);
}
.rose-wallet-plan-content button:disabled {
  border: 1px solid var(--wallet-line);
  border-radius: 10px;
  color: var(--wallet-muted);
  background: var(--wallet-soft);
  opacity: 0.72;
}
.rose-wallet-recharge
  > [data-slot='card-content']
  > div:first-child:has(.rose-wallet-payment) {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.rose-wallet-recharge
  > [data-slot='card-content']
  > div:first-child:has(.rose-wallet-payment)
  > * {
  margin-top: 0;
  margin-bottom: 0;
}
.rose-wallet-amounts {
  order: 0;
}
.rose-wallet-payment {
  order: 1;
}
.rose-wallet-benefits {
  order: 2;
}
.rose-wallet-preview .rose-wallet-payment > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.rose-wallet-preview .rose-wallet-payment button {
  min-height: 44px;
  min-width: 150px;
  border: 1px solid var(--wallet-line);
  border-radius: 11px;
  background: var(--wallet-soft);
  color: var(--wallet-ink);
}
.rose-wallet-payment button svg {
  color: var(--wallet-accent);
}
.rose-wallet-preview .rose-wallet-benefits {
  border: 1px solid var(--wallet-line);
  border-radius: 13px;
  padding: 12px;
  background: linear-gradient(
    110deg,
    var(--wallet-soft),
    var(--wallet-surface)
  );
  box-shadow: none;
}
.rose-wallet-benefits > div:first-child {
  display: none;
}
.rose-wallet-benefits > .relative {
  gap: 9px;
}
.rose-wallet-benefits > .relative > div:first-child > div:first-child {
  padding: 6px;
  background: linear-gradient(135deg, #276aaa, #7d71c6);
  border-radius: 8px;
}
.rose-wallet-benefits
  > .relative
  > div:first-child
  > div:last-child
  > div:first-child {
  font-size: 12px;
  color: var(--wallet-ink);
}
.rose-wallet-benefits
  > .relative
  > div:first-child
  > div:last-child
  > div:last-child {
  font-size: 10px;
  color: var(--wallet-muted);
}
.rose-wallet-benefits > .relative > div:last-child {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.rose-wallet-benefits > .relative > div:last-child > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 8px 10px;
  border: 1px solid var(--wallet-line);
  border-radius: 9px;
  background: var(--wallet-surface);
  box-shadow: none;
}
.rose-wallet-benefits > .relative > div:last-child > div > span {
  color: var(--wallet-accent);
  font-size: 12px;
}
.rose-wallet-benefits > .relative > div:last-child > div > div {
  margin-top: 3px;
  color: var(--wallet-ink);
  font-size: 11px;
}
.rose-wallet-preview :is(button, summary):focus-visible {
  outline: 2px solid #1b9bd6;
  outline-offset: 3px;
}
@media (hover: hover) {
  .rose-wallet-preview [data-subscription-plan-card]:hover {
    transform: translateY(-2px);
    border-color: var(--plan-line) !important;
    box-shadow: 0 8px 24px #1b528915 !important;
  }
  .rose-wallet-preview .rose-wallet-payment button:not(:disabled):hover {
    border-color: #40a5cf;
    box-shadow: 0 0 0 2px #40a5cf14;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .rose-wallet-preview .rose-wallet-plan-content button:not(:disabled)::after {
    animation: rose-wallet-button-light 4.8s ease-in-out infinite;
  }
}
@keyframes rose-wallet-button-light {
  0%,
  35% {
    transform: translateX(-130%);
  }
  70%,
  100% {
    transform: translateX(130%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .rose-wallet-preview *,
  .rose-wallet-preview *::after {
    animation: none !important;
    transition: none !important;
  }
}
@media (max-width: 1100px) {
  .rose-wallet-preview .rose-wallet-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .rose-wallet-preview {
    gap: 12px;
  }
  .rose-wallet-preview .rose-wallet-tabs {
    max-width: none;
    height: 43px;
  }
  .rose-wallet-preview .rose-wallet-tabs [role='tab'] {
    height: 33px;
    font-size: 12px;
  }
  .rose-wallet-preview
    :is(.rose-wallet-plans, .rose-wallet-recharge)
    > [data-slot='card-header'] {
    padding: 12px !important;
  }
  .rose-wallet-preview
    :is(.rose-wallet-plans, .rose-wallet-recharge)
    > [data-slot='card-content'] {
    padding: 12px;
  }
  .rose-wallet-preview [data-slot='card-title'] {
    font-size: 15px;
  }
  .rose-wallet-preview [data-slot='card-description'] {
    font-size: 11px;
  }
  .rose-wallet-preview .rose-wallet-plan-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .rose-wallet-preview .rose-wallet-plan-content {
    min-height: 0;
    padding: 14px 13px 12px;
  }
  .rose-wallet-plan-content > div:first-child {
    min-height: 0;
    margin-bottom: 10px;
  }
  .rose-wallet-plan-content h4 {
    font-size: 14px;
  }
  .rose-wallet-plan-content > div:nth-child(2) {
    padding-bottom: 10px;
  }
  .rose-wallet-plan-content > div:nth-child(2) > span {
    font-size: 25px;
  }
  .rose-wallet-plan-content > div:nth-child(3) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 8px;
  }
  .rose-wallet-plan-content > div:nth-child(3) > div {
    font-size: 11px;
    align-items: flex-start;
    line-height: 1.5;
  }
  .rose-wallet-plan-content > div:nth-child(3) svg {
    margin-top: 2px;
  }
  .rose-wallet-plan-content > div:nth-child(3) > div:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
  .rose-wallet-preview .rose-wallet-plan-content button {
    height: 35px;
  }
  .rose-wallet-preview .rose-wallet-benefits {
    padding: 10px;
  }
  .rose-wallet-benefits > .relative > div:last-child {
    gap: 5px;
  }
  .rose-wallet-benefits > .relative > div:last-child > div {
    padding: 7px 6px;
  }
  .rose-wallet-benefits > .relative > div:last-child > div > span {
    font-size: 10px;
  }
  .rose-wallet-benefits > .relative > div:last-child > div > div {
    font-size: 11px;
    white-space: nowrap;
  }
  .rose-wallet-preview .rose-wallet-payment button {
    min-width: 0;
    flex: 1;
  }
  .rose-wallet-preview .rose-wallet-subscriptions {
    padding: 10px;
  }
}

/* Price colors remain a visible comparison aid in both purchase tabs. */
.rose-wallet-preview [data-wallet-price-band='entry'] {
  --wallet-card-start: #f4fcff;
  --wallet-card-end: #e3f5ff;
  --plan-accent: #127ca5;
  --plan-line: #97cfe9;
}
.rose-wallet-preview [data-wallet-price-band='mid'] {
  --wallet-card-start: #fffcf2;
  --wallet-card-end: #fff0ce;
  --plan-accent: #a86e15;
  --plan-line: #e6c476;
}
.rose-wallet-preview [data-wallet-price-band='premium'] {
  --wallet-card-start: #f8f3ff;
  --wallet-card-end: #e9dcfc;
  --plan-accent: #7651b7;
  --plan-line: #b99ce5;
}
.dark .rose-wallet-preview [data-wallet-price-band='entry'] {
  --wallet-card-start: #123445;
  --wallet-card-end: #103e53;
  --plan-accent: #7bd5f3;
  --plan-line: #36738a;
}
.dark .rose-wallet-preview [data-wallet-price-band='mid'] {
  --wallet-card-start: #342c1d;
  --wallet-card-end: #49391e;
  --plan-accent: #f0ca79;
  --plan-line: #8b6c35;
}
.dark .rose-wallet-preview [data-wallet-price-band='premium'] {
  --wallet-card-start: #2c2344;
  --wallet-card-end: #3f2d59;
  --plan-accent: #d0b1ff;
  --plan-line: #82609f;
}
.rose-wallet-preview [data-subscription-plan-card] {
  border-color: var(--plan-line) !important;
}

@property --wallet-rim-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
.rose-wallet-account-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 14px;
}
.rose-wallet-account-grid:not(:has(.rose-wallet-redemption-card)) {
  grid-template-columns: minmax(0, 1fr);
}
.rose-wallet-overview {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 21px;
  padding: 16px 22px 20px;
  color: var(--wallet-ink);
  background:
    linear-gradient(120deg, #f4fdff, #f6f5ff 58%, #eef8ff) padding-box,
    conic-gradient(
        from var(--wallet-rim-angle, 0deg),
        #90d5e9,
        #bfadf4,
        #7dc9ef,
        #b1e5e3,
        #90d5e9
      )
      border-box;
  box-shadow:
    0 7px 22px #426a9c0c,
    inset 0 1px #fff;
}
.rose-wallet-overview > * {
  position: relative;
  z-index: 1;
}
.rose-wallet-overview::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(#7397c00b 1px, transparent 1px),
    linear-gradient(90deg, #7397c00b 1px, transparent 1px);
  background-size: 24px 24px;
  mask-image: linear-gradient(100deg, transparent 10%, #000);
}
.rose-wallet-overview::after {
  content: '';
  position: absolute;
  width: 240px;
  height: 180px;
  right: -30px;
  bottom: -110px;
  pointer-events: none;
  background: radial-gradient(ellipse, #b0b7ff55, transparent 68%);
  filter: blur(5px);
  transform: rotate(-25deg);
}
.dark .rose-wallet-overview {
  background:
    linear-gradient(120deg, #192c38, #292c43 58%, #213640) padding-box,
    conic-gradient(
        from var(--wallet-rim-angle, 0deg),
        #4d9aab,
        #8a72b6,
        #548fbb,
        #4d9aab
      )
      border-box;
  box-shadow:
    0 7px 22px #00000015,
    inset 0 1px #ddf3ff0c;
}
.rose-wallet-overview-top,
.rose-wallet-overview-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.rose-wallet-balance-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--wallet-muted);
  font-size: 12px;
  font-weight: 600;
}
.rose-wallet-balance-label svg {
  width: 20px;
  height: 20px;
  padding: 2px;
  color: #2489a5;
}
.dark .rose-wallet-balance-label svg {
  color: #91dbed;
}
.rose-wallet-history-button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  height: 42px;
  padding: 0 15px;
  gap: 8px;
  border: 1px solid #b9c8ef;
  border-radius: 12px;
  background: linear-gradient(120deg, #fff, #eeeaff);
  color: #4a4f94;
  font-size: 13px;
  font-weight: 650;
  box-shadow:
    0 3px 9px #5f63b51a,
    inset 0 1px #fff;
}
.rose-wallet-history-button svg {
  width: 17px;
  height: 17px;
}
.rose-wallet-history-button > span {
  margin-left: 4px;
  color: #8278bb;
}
.rose-wallet-history-button::after {
  content: '';
  position: absolute;
  pointer-events: none;
  inset: 0;
  background: linear-gradient(
    110deg,
    transparent 32%,
    #b4c9ff44 48%,
    transparent 64%
  );
  transform: translateX(-130%);
}
.dark .rose-wallet-history-button {
  background: linear-gradient(120deg, #29394a, #3b365b);
  color: #e2dbff;
  border-color: #6d638a;
  box-shadow:
    0 3px 9px #0002,
    inset 0 1px #e8deff18;
}
.rose-wallet-overview-bottom {
  margin-top: 9px;
  align-items: flex-end;
}
.rose-wallet-balance {
  min-width: 0;
  color: #274a68;
  font-size: clamp(32px, 3.2vw, 41px);
  line-height: 1.2;
  font-weight: 750;
  letter-spacing: -1.3px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.dark .rose-wallet-balance {
  color: #ecf7ff;
}
.rose-wallet-secondary-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 25px;
}
.rose-wallet-secondary-stats > div {
  min-width: 76px;
}
.rose-wallet-secondary-stats span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--wallet-muted);
  font-size: 10px;
}
.rose-wallet-secondary-stats svg {
  width: 13px;
  height: 13px;
  color: #849ac2;
}
.rose-wallet-secondary-stats strong {
  display: block;
  margin-top: 5px;
  color: var(--wallet-ink);
  font-size: 17px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.rose-wallet-redemption-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--wallet-line);
  border-radius: 19px;
  padding: 16px;
  background: linear-gradient(
    135deg,
    var(--wallet-surface),
    var(--wallet-soft)
  );
  box-shadow: 0 5px 17px #426a9c07;
}
.rose-wallet-redemption-title {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--wallet-ink);
  font-size: 14px;
  font-weight: 650;
}
.rose-wallet-redemption-title svg {
  width: 25px;
  height: 25px;
  padding: 5px;
  color: #8c69b3;
  background: #b294df19;
  border-radius: 7px;
}
.rose-wallet-redemption-card > p {
  margin: 7px 0 13px;
  color: var(--wallet-muted);
  font-size: 11px;
  line-height: 1.5;
}
.rose-wallet-redemption-controls {
  display: flex;
  gap: 7px;
}
.rose-wallet-redemption-controls input {
  min-width: 0;
  height: 38px;
  border: 1px solid var(--wallet-line);
  border-radius: 9px;
  padding-inline: 10px;
  font-size: 12px;
  background: var(--wallet-surface);
}
.rose-wallet-redemption-controls button {
  flex-shrink: 0;
  height: 38px;
  min-width: 57px;
  border: 1px solid #b5b5db;
  border-radius: 9px;
  background: linear-gradient(115deg, #6c66a4, #737ba9);
  color: #fff;
  font-size: 12px;
  box-shadow: inset 0 1px #ffffff38;
}
.rose-wallet-redemption-controls button:disabled {
  opacity: 0.45;
}
.rose-wallet-preview .rose-wallet-presets {
  gap: 12px;
}
.rose-wallet-preview .rose-wallet-preset {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  height: auto;
  gap: 0;
  padding: 13px 14px 12px;
  border: 1px solid var(--plan-line);
  border-radius: 15px;
  color: var(--wallet-ink);
  background: linear-gradient(
    145deg,
    var(--wallet-card-start),
    var(--wallet-card-end)
  );
  text-align: left;
  white-space: normal;
  transition:
    box-shadow 0.2s,
    transform 0.2s;
}
.rose-wallet-preset-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  width: 100%;
  color: var(--wallet-muted);
  font-size: 11px;
  font-weight: 500;
}
.rose-wallet-preset-check {
  width: 15px !important;
  height: 15px !important;
  padding: 2px;
  color: #fff;
  background: var(--plan-accent);
  border-radius: 50%;
}
.rose-wallet-preset-amount {
  display: block;
  margin-top: 5px;
  color: var(--wallet-ink);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 750;
  letter-spacing: -0.5px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.rose-wallet-preset-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px;
  width: 100%;
  margin-top: 9px;
  color: var(--wallet-muted);
  font-size: 11px;
}
.rose-wallet-preset-price b {
  color: var(--wallet-accent);
  font-size: 17px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
.rose-wallet-preset-price del {
  margin-left: auto;
  color: var(--wallet-muted);
  font-size: 11px;
  font-weight: 400;
}
.rose-wallet-preset-savings {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 3px;
  color: #278366;
  font-size: 12px;
  line-height: 1.6;
  font-weight: 500;
}
.dark .rose-wallet-preset-savings {
  color: #91ddbc;
}
.rose-wallet-preset-savings b {
  font-weight: 650;
}
.rose-wallet-preset-bonus {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 7px;
  min-height: 16px;
  color: #96641d;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
}
.dark .rose-wallet-preset-bonus {
  color: #f1d28b;
}
.rose-wallet-preset-bonus svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
.rose-wallet-preset-bonus b {
  font-weight: 650;
}
.rose-wallet-preset-bonus > span {
  margin-left: auto;
  padding: 0 4px;
  border-radius: 5px;
  background: #c8a96417;
}
.rose-wallet-preset-total {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px;
  width: 100%;
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid var(--plan-line);
  color: var(--wallet-muted);
  font-size: 11px;
}
.rose-wallet-preset-total b {
  color: var(--wallet-ink);
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.rose-wallet-preview .rose-wallet-preset[aria-pressed='true'] {
  box-shadow:
    0 0 0 2px var(--wallet-surface),
    0 0 0 4px var(--plan-line),
    0 5px 16px #678da719;
}
@media (hover: hover) {
  .rose-wallet-history-button:hover {
    background: linear-gradient(120deg, #f3faff, #e3e0ff);
    border-color: #b0a5df;
    box-shadow: 0 4px 14px #7070b72b;
  }
  .dark .rose-wallet-history-button:hover {
    background: #494767;
  }
  .rose-wallet-preview .rose-wallet-preset:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px #38688a13;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .rose-wallet-overview {
    animation: rose-wallet-rim 10s linear infinite;
  }
  .rose-wallet-overview::after {
    animation: rose-wallet-aurora 7s ease-in-out infinite alternate;
  }
  .rose-wallet-history-button::after {
    animation: rose-wallet-button-light 5.5s ease-in-out infinite;
  }
}
@keyframes rose-wallet-rim {
  to {
    --wallet-rim-angle: 360deg;
  }
}
@keyframes rose-wallet-aurora {
  to {
    transform: translate(-100px, -15px) rotate(-5deg);
    opacity: 0.5;
  }
}
@media (max-width: 1100px) {
  .rose-wallet-account-grid {
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 12px;
  }
  .rose-wallet-overview {
    padding: 14px 17px 18px;
  }
  .rose-wallet-overview-bottom {
    display: block;
  }
  .rose-wallet-secondary-stats {
    margin-top: 12px;
    gap: 15px;
  }
  .rose-wallet-secondary-stats > div {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .rose-wallet-secondary-stats strong {
    margin-top: 0;
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .rose-wallet-account-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  .rose-wallet-overview {
    padding: 13px 15px 15px;
    border-radius: 17px;
  }
  .rose-wallet-history-button {
    height: 39px;
    padding-inline: 12px;
    font-size: 12px;
  }
  .rose-wallet-history-button svg {
    width: 16px;
    height: 16px;
  }
  .rose-wallet-balance-label {
    font-size: 11px;
    gap: 6px;
  }
  .rose-wallet-balance-label svg {
    width: 18px;
    height: 18px;
  }
  .rose-wallet-balance {
    font-size: 34px;
  }
  .rose-wallet-secondary-stats {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--wallet-line);
    gap: 12px;
  }
  .rose-wallet-secondary-stats > div {
    min-width: 0;
  }
  .rose-wallet-secondary-stats svg {
    display: none;
  }
  .rose-wallet-secondary-stats span {
    font-size: 10px;
  }
  .rose-wallet-secondary-stats strong {
    font-size: 12px;
  }
  .rose-wallet-redemption-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
  }
  .rose-wallet-redemption-title {
    font-size: 12px;
  }
  .rose-wallet-redemption-title svg {
    width: 22px;
    height: 22px;
    padding: 4px;
  }
  .rose-wallet-redemption-card > p {
    display: none;
  }
  .rose-wallet-redemption-controls {
    margin-top: 0;
  }
  .rose-wallet-redemption-controls input,
  .rose-wallet-redemption-controls button {
    height: 36px;
  }
  .rose-wallet-preview .rose-wallet-presets {
    gap: 11px;
  }
  .rose-wallet-preview .rose-wallet-preset {
    padding: 11px 10px 10px;
    border-radius: 13px;
  }
  .rose-wallet-preset-amount {
    font-size: 21px;
  }
  .rose-wallet-preset-price {
    gap: 4px;
    font-size: 10px;
  }
  .rose-wallet-preset-price b {
    font-size: 15px;
  }
  .rose-wallet-preset-price del {
    font-size: 11px;
  }
  .rose-wallet-preset-savings,
  .rose-wallet-preset-bonus {
    font-size: 11px;
  }
  .rose-wallet-preset-total {
    margin-top: 8px;
    padding-top: 7px;
    font-size: 11px;
  }
  .rose-wallet-preset-total b {
    font-size: 12px;
  }
}

/* Fuller purchase cards: compact proportions, inset surfaces and soft depth. */
.rose-wallet-preview .rose-wallet-plan-grid {
  gap: 15px;
}
.rose-wallet-preview [data-subscription-plan-card],
.rose-wallet-preview .rose-wallet-preset {
  isolation: isolate;
  overflow: hidden;
  border-radius: 20px !important;
  background:
    radial-gradient(ellipse at 4% 0%, #ffffffc7, transparent 62%),
    radial-gradient(ellipse at 100% 100%, #ffffff42, transparent 58%),
    linear-gradient(145deg, var(--wallet-card-start), var(--wallet-card-end)) !important;
  box-shadow:
    inset 0 1px 0 #ffffffed,
    inset 0 -3px 0 #4563930c,
    0 4px 0 color-mix(in srgb, var(--plan-line) 32%, transparent),
    0 12px 26px color-mix(in srgb, var(--plan-accent) 11%, transparent) !important;
}
.dark .rose-wallet-preview [data-subscription-plan-card],
.dark .rose-wallet-preview .rose-wallet-preset {
  background:
    radial-gradient(ellipse at 0% 0%, #ffffff0d, transparent 62%),
    linear-gradient(145deg, var(--wallet-card-start), var(--wallet-card-end)) !important;
  box-shadow:
    inset 0 1px 0 #ffffff26,
    inset 0 -3px 0 #00000024,
    0 4px 0 color-mix(in srgb, var(--plan-line) 28%, transparent),
    0 12px 26px #00000026 !important;
}
.rose-wallet-preview [data-subscription-plan-card]::before {
  height: 5px;
  left: 25px;
  right: 25px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--plan-accent),
    transparent
  );
}
.rose-wallet-preview [data-subscription-plan-card]::after {
  top: -35px;
  right: -24px;
  width: 160px;
  height: 160px;
  border: 1px solid var(--plan-line);
  border-radius: 50%;
  box-shadow:
    0 0 0 15px color-mix(in srgb, var(--plan-line) 20%, transparent),
    0 0 0 30px color-mix(in srgb, var(--plan-line) 10%, transparent);
  opacity: 0.25;
  z-index: -1;
}
.rose-wallet-preview .rose-wallet-plan-content {
  min-height: 298px;
  padding: 17px 16px 15px;
}
.rose-wallet-plan-content > div:first-child {
  min-height: 46px;
  margin-bottom: 8px;
}
.rose-wallet-plan-content h4 {
  font-size: 14px;
  line-height: 1.45;
}
.rose-wallet-plan-content h4 + p {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.55;
}
.rose-wallet-plan-content > div:nth-child(2) {
  padding: 9px 12px 10px;
  margin-bottom: 11px;
  border: 1px solid color-mix(in srgb, var(--plan-line) 46%, transparent);
  border-radius: 12px;
  background: #ffffff70;
  box-shadow: inset 0 1px #ffffff8c;
}
.rose-wallet-plan-content > div:nth-child(2) > span {
  font-size: 29px;
  letter-spacing: -1px;
}
.rose-wallet-plan-content > div:nth-child(3) {
  gap: 6px;
  padding: 0 2px 12px;
}
.rose-wallet-plan-content > div:nth-child(3) > div {
  font-size: 12px;
  line-height: 1.7;
}
.rose-wallet-preview .rose-wallet-plan-content button {
  height: 38px;
  border-radius: 10px;
  font-size: 13px;
}
.rose-wallet-preview .rose-wallet-plan-content button:not(:disabled) {
  height: 38px;
  border-radius: 10px;
  font-size: 13px;
  box-shadow:
    inset 0 1px #c8f7ff66,
    0 3px 0 #074a7326,
    0 6px 14px #1a78b020;
}
.rose-wallet-preview .rose-wallet-presets {
  gap: 14px;
}
.rose-wallet-preview .rose-wallet-preset {
  min-height: 222px;
  padding: 15px 14px 13px;
}
.rose-wallet-preset-caption {
  font-size: 12px;
}
.rose-wallet-preset-amount {
  margin-top: 8px;
  margin-bottom: 11px;
  font-size: 26px;
  letter-spacing: -0.8px;
}
.rose-wallet-preset-price {
  min-height: 38px;
  margin-top: 0;
  padding: 6px 9px;
  border: 1px solid color-mix(in srgb, var(--plan-line) 46%, transparent);
  border-radius: 12px;
  background: #ffffff70;
  box-shadow: inset 0 1px #ffffff8c;
  font-size: 12px;
}
.rose-wallet-preset-price b {
  font-size: 17px;
}
.rose-wallet-preset-savings {
  margin-top: 5px;
  padding-inline: 2px;
}
.rose-wallet-preset-bonus {
  margin-top: 5px;
  margin-bottom: 7px;
  min-height: 17px;
  padding-inline: 2px;
}
.rose-wallet-preset-total {
  margin-top: auto;
  padding: 9px 2px 0;
  font-size: 12px;
}
.rose-wallet-preset-total b {
  font-size: 14px;
}
.rose-wallet-preview .rose-wallet-preset[aria-pressed='true'] {
  outline: 2px solid var(--plan-accent);
  outline-offset: 3px;
}
.dark .rose-wallet-plan-content > div:nth-child(2),
.dark .rose-wallet-preset-price {
  background: #ffffff08;
  box-shadow: inset 0 1px #ffffff0d;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .rose-wallet-preview [data-subscription-plan-card]:hover,
  .rose-wallet-preview .rose-wallet-preset:hover {
    transform: translateY(-5px);
  }
}
@media (max-width: 1100px) and (min-width: 768px) {
  .rose-wallet-preview .rose-wallet-presets {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .rose-wallet-preview .rose-wallet-plan-grid {
    gap: 13px;
  }
  .rose-wallet-preview .rose-wallet-plan-content {
    min-height: 0;
    padding: 15px 14px 14px;
  }
  .rose-wallet-plan-content > div:first-child {
    min-height: 0;
    margin-bottom: 8px;
  }
  .rose-wallet-plan-content h4 {
    font-size: 16px;
  }
  .rose-wallet-plan-content > div:nth-child(2) > span {
    font-size: 28px;
  }
  .rose-wallet-plan-content > div:nth-child(3) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 8px;
    padding-bottom: 12px;
  }
  .rose-wallet-plan-content > div:nth-child(3) > div {
    font-size: 12px;
  }
  .rose-wallet-preview .rose-wallet-presets {
    gap: 13px 11px;
  }
  .rose-wallet-preview .rose-wallet-preset {
    min-height: 210px;
    padding: 13px 11px 12px;
    border-radius: 17px !important;
  }
  .rose-wallet-preset-caption {
    font-size: 11px;
  }
  .rose-wallet-preset-amount {
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: clamp(21px, 5.6vw, 24px);
  }
  .rose-wallet-preset-price {
    gap: 4px;
    min-height: 36px;
    padding: 5px 6px;
    font-size: 10px;
  }
  .rose-wallet-preset-price b {
    font-size: 16px;
  }
  .rose-wallet-preset-price del {
    font-size: 10px;
  }
  .rose-wallet-preset-total {
    padding-top: 8px;
    font-size: 11px;
  }
  .rose-wallet-preset-total b {
    font-size: 13px;
  }
}

@media (min-width: 1280px) {
  .rose-wallet-preview .rose-wallet-plan-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Give long redemption codes room; keep account text on a calm opaque surface. */
.rose-wallet-account-grid {
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  gap: 16px;
}
.rose-wallet-overview {
  padding: 13px 18px 16px;
  border-radius: 18px;
  color: #173f45;
  background:
    linear-gradient(112deg, #ffffff 12%, #f3fbf7 64%, #e8f7f1) padding-box,
    conic-gradient(
        from var(--wallet-rim-angle, 0deg),
        #9cd7c9,
        #d9e8b9,
        #70bac5,
        #9cd7c9
      )
      border-box;
  box-shadow:
    0 5px 16px #246b6010,
    inset 0 1px #fff;
}
.rose-wallet-overview::before {
  inset: auto -42px -88px auto;
  width: 250px;
  height: 250px;
  border: 1px solid #65b6a21c;
  border-radius: 50%;
  background: none;
  mask-image: none;
  box-shadow:
    0 0 0 22px #91cdb60a,
    0 0 0 44px #91cdb607;
}
.rose-wallet-overview::after {
  width: 260px;
  height: 170px;
  right: -40px;
  bottom: -100px;
  background: radial-gradient(ellipse, #91d9bd50, transparent 69%);
  filter: blur(8px);
  opacity: 0.75;
}
.rose-wallet-balance-label,
.rose-wallet-secondary-stats span {
  color: #47666b;
}
.rose-wallet-balance-label svg,
.rose-wallet-secondary-stats svg {
  color: #3a827a;
}
.rose-wallet-balance {
  color: #173f45;
  font-size: clamp(30px, 2.9vw, 37px);
  letter-spacing: -0.9px;
}
.rose-wallet-secondary-stats {
  gap: 20px;
}
.rose-wallet-secondary-stats span {
  font-size: 11px;
}
.rose-wallet-secondary-stats strong {
  color: #234c50;
  font-size: 15px;
}
.rose-wallet-history-button {
  height: 40px;
}
.rose-wallet-redemption-card {
  padding: 14px 20px;
  border-radius: 18px;
  background: var(--wallet-surface);
  box-shadow:
    inset 0 1px #ffffff40,
    0 5px 16px #426a9c08;
}
.rose-wallet-redemption-title {
  font-size: 13px;
}
.rose-wallet-redemption-card > p {
  margin: 5px 0 10px;
  color: var(--wallet-muted);
  font-size: 12px;
}
.rose-wallet-redemption-controls {
  gap: 10px;
}
.rose-wallet-redemption-controls input {
  flex: 1 1 0%;
  width: 100%;
  height: 40px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  color: var(--wallet-ink);
  background: var(--wallet-soft);
}
.rose-wallet-redemption-controls button {
  height: 40px;
  min-width: 64px;
}
.dark .rose-wallet-overview {
  background:
    linear-gradient(112deg, #172e30 12%, #173834 64%, #20433e) padding-box,
    conic-gradient(
        from var(--wallet-rim-angle, 0deg),
        #467e78,
        #8d9e71,
        #538c91,
        #467e78
      )
      border-box;
  box-shadow:
    0 5px 16px #00000020,
    inset 0 1px #d9fff00a;
}
.dark .rose-wallet-balance-label,
.dark .rose-wallet-secondary-stats span {
  color: #b7d1ca;
}
.dark .rose-wallet-balance-label svg,
.dark .rose-wallet-secondary-stats svg {
  color: #97cec4;
}
.dark .rose-wallet-balance,
.dark .rose-wallet-secondary-stats strong {
  color: #edfff7;
}
@media (max-width: 1100px) and (min-width: 768px) {
  .rose-wallet-account-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 12px;
  }
  .rose-wallet-overview {
    padding: 12px 15px 14px;
  }
  .rose-wallet-secondary-stats {
    gap: 10px;
  }
  .rose-wallet-secondary-stats strong {
    font-size: 13px;
  }
  .rose-wallet-redemption-card {
    padding-inline: 15px;
  }
  .rose-wallet-redemption-controls input {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .rose-wallet-account-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  .rose-wallet-overview {
    padding: 11px 14px 12px;
    border-radius: 16px;
  }
  .rose-wallet-overview-bottom {
    margin-top: 6px;
  }
  .rose-wallet-balance {
    font-size: 31px;
  }
  .rose-wallet-secondary-stats {
    margin-top: 8px;
    padding-top: 8px;
    border-color: #cce4dc;
  }
  .dark .rose-wallet-secondary-stats {
    border-color: #3b5b53;
  }
  .rose-wallet-secondary-stats span {
    font-size: 11px;
  }
  .rose-wallet-secondary-stats strong {
    font-size: 12px;
  }
  .rose-wallet-history-button {
    height: 39px;
  }
  .rose-wallet-redemption-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 10px 12px 12px;
    border-radius: 15px;
  }
  .rose-wallet-redemption-title {
    grid-column: 1;
    grid-row: 1;
    font-size: 12px;
  }
  .rose-wallet-redemption-card > p {
    display: none;
  }
  .rose-wallet-redemption-controls {
    display: contents;
  }
  .rose-wallet-redemption-controls input {
    grid-column: 1 / -1;
    grid-row: 2;
    height: 38px;
    font-size: 12px;
  }
  .rose-wallet-redemption-controls button {
    grid-column: 2;
    grid-row: 1;
    min-width: 60px;
    height: 32px;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .rose-wallet-account-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .rose-wallet-overview-bottom {
    display: flex;
  }
  .rose-wallet-secondary-stats {
    margin-top: 0;
  }
}
@layer base {
  @media (max-width: 767px) {
    .rose-wallet-preview #wallet-redemption-code {
      font-size: 13px !important;
    }
  }
}

/* Production finishing: readable details and a compact server-quoted total. */
.rose-wallet-preview {
  --wallet-muted: #4e647b;
}
.dark .rose-wallet-preview {
  --wallet-muted: #bbcadc;
}
.rose-wallet-plan-content h4 + p {
  font-size: 12px;
  line-height: 1.6;
}
.rose-wallet-plan-content > div:nth-child(3) > div {
  font-size: 12px;
  line-height: 1.7;
}
.rose-wallet-preset-caption,
.rose-wallet-preset-price,
.rose-wallet-preset-price del,
.rose-wallet-preset-savings,
.rose-wallet-preset-bonus,
.rose-wallet-preset-total {
  font-size: 12px;
}
.rose-wallet-preset-savings {
  color: #17664e;
}
.rose-wallet-preset-bonus {
  color: #805218;
}
.dark .rose-wallet-preset-savings {
  color: #a4eccb;
}
.dark .rose-wallet-preset-bonus {
  color: #f7d99c;
}
.rose-wallet-preview .rose-wallet-payment > .rose-wallet-payment-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
  padding: 14px 16px;
  border: 1px solid var(--wallet-line);
  border-radius: 13px;
  background: var(--wallet-soft);
  box-shadow: inset 0 1px #ffffff70;
}
.rose-wallet-payment-summary > div {
  min-width: 0;
  padding-inline: 10px;
  border-left: 1px solid var(--wallet-line);
}
.rose-wallet-payment-summary > div:first-child {
  padding-left: 0;
  border-left: none;
}
.rose-wallet-payment-summary span {
  display: block;
  color: var(--wallet-muted);
  font-size: 12px;
  line-height: 1.5;
}
.rose-wallet-payment-summary strong {
  display: block;
  margin-top: 5px;
  color: var(--wallet-ink);
  font-size: 19px;
  line-height: 1.3;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.rose-wallet-payment-summary [data-summary='payment'] strong {
  color: var(--wallet-accent);
}
.dark .rose-wallet-preview .rose-wallet-payment > .rose-wallet-payment-summary {
  box-shadow: inset 0 1px #ffffff08;
}
@media (max-width: 767px) {
  .rose-wallet-preset-caption,
  .rose-wallet-preset-price,
  .rose-wallet-preset-price del,
  .rose-wallet-preset-savings,
  .rose-wallet-preset-bonus,
  .rose-wallet-preset-total {
    font-size: 11px;
  }
  .rose-wallet-preview .rose-wallet-payment > .rose-wallet-payment-summary {
    gap: 6px;
    padding: 12px 10px;
  }
  .rose-wallet-payment-summary > div {
    padding-inline: 7px;
  }
  .rose-wallet-payment-summary span {
    font-size: 11px;
  }
  .rose-wallet-payment-summary strong {
    font-size: 15px;
  }
  body:has(.rose-wallet-preview) [data-slot='section-page-title'] {
    padding-right: 112px;
  }
  body:has(.rose-wallet-preview) #rose-site-pet-v1 {
    left: auto !important;
    top: 57px !important;
    right: 72px !important;
    bottom: auto !important;
    width: 32px;
    height: 32px;
    border: 1px solid var(--wallet-line, #dce7f4);
    border-radius: 10px;
    overflow: hidden;
    background: #f2faf8;
    filter: none;
    cursor: pointer;
    z-index: 35;
  }
  body:has(.rose-wallet-preview) #rose-site-pet-v1 > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 15%;
  }
  body:has(.rose-wallet-preview)
    :is(#rose-site-pet-hide-v1, #rose-site-pet-restore-v1) {
    position: fixed;
    left: auto !important;
    top: 57px !important;
    right: 12px !important;
    bottom: auto !important;
    min-height: 32px;
    z-index: 35;
  }
  body:has(.rose-wallet-preview) #rose-site-pet-bubble-v1 {
    display: none !important;
  }
  body:has(.rose-wallet-preview):has([role='dialog'], [role='alertdialog'])
    :is(
      #rose-site-pet-v1,
      #rose-site-pet-hide-v1,
      #rose-site-pet-restore-v1,
      #rose-site-pet-panel-v1
    ) {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}