:root{ --rd-ease: cubic-bezier(.22,1,.36,1); --rd-tint: #fff4e9; --rd-strong: #ba4a0a; --rd-danger: #ba3434; }
.dark{ --rd-tint: #36281f; --rd-strong: #ffb47c; --rd-danger: #ff9292; }
.page-enter{ animation: rdPageIn .42s var(--rd-ease) both; }
.step-enter{ animation: rdStepIn .38s var(--rd-ease) both; }
@keyframes rdPageIn { from { opacity: .3; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes rdStepIn { from { opacity: .2; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes rdFloat { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-4px) rotate(-3deg); } }
@keyframes rdShimmer { 0%,65% { transform: translateX(125%); opacity: 0; } 72% { opacity: .5; } 100% { transform: translateX(-125%); opacity: 0; } }
@keyframes rdSpin { to { transform: rotate(360deg); } }
@keyframes rdPanelIn { from { opacity: .4; transform: translateY(10px); } to { opacity: 1; transform: none; } }
html[data-rd-button-motion=on] :is(.rd-btn,.quick-actions button,.rd-channel-add,.rd-channel-tools button,.rd-amount-presets button,.rd-option,.rd-more-settings,.bottom-nav button,.rd-logout-button){
  transition: transform .25s var(--rd-ease), box-shadow .25s, border-color .2s, background-color .2s;
}
html[data-rd-button-motion=on] :is(.rd-btn,.quick-actions button,.rd-channel-add,.rd-amount-presets button,.rd-option,.rd-more-settings,.rd-logout-button):active{ transform: scale(.975); }
html[data-rd-button-motion=on] .bottom-nav button:active > span{ transform: translateY(-3px) scale(.93); }
html[data-rd-button-motion=on] .quick-actions button:hover .quick-icon{ transform: translateY(-3px) rotate(-5deg); }
.quick-icon{ transition: transform .35s var(--rd-ease); }
html[data-rd-widget-motion=on] :is(.wallet-symbol,.rd-next-icon,.help-mark){ animation: rdFloat 5s ease-in-out infinite; }
html[data-rd-widget-motion=on] .wallet-overview::after{
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: -1;
  background: linear-gradient(110deg,transparent 25%,#ffffff50 45%,transparent 65%); animation: rdShimmer 8s ease-in-out infinite;
}
.wallet-overview{ border-radius: 28px; }
.wallet-overview-actions .rd-btn{ min-height: 50px; font-weight: 700; }
.wallet-money strong{ transition: color .25s; font-variant-numeric: tabular-nums; }
.growth-progress [data-slot=progress-indicator]{ transition: transform .85s var(--rd-ease); }
.stat-card{ border-radius: 22px; }
.order-card{ border-radius: 23px; }
@media (hover:hover) {
  html[data-rd-button-motion=on] :is(.rd-channel-add,.rd-amount-presets button,.rd-more-settings):hover{ transform: translateY(-2px); }
  .rd-channel-tile:hover{ border-color: #f9731670; }
}
/* A chat bubble, outside the scrolling document flow. */
.rd-support-float{ z-index: 46 !important; direction: rtl; gap: 0; transition: opacity .2s, transform .4s var(--rd-ease), visibility .25s; }
.rd-support-float.is-hidden{ transform: translateY(16px) scale(.85); transform-origin: right bottom; }
.rd-support-trigger, .dark .rd-support-trigger{
  width: auto !important; height: auto !important; min-width: 148px; min-height: 60px;
  padding: 9px 13px 9px 18px; border-radius: 32px !important; flex-direction: row; gap: 10px;
  background: linear-gradient(130deg,#273343,#172331); border: 1px solid #ffffff2e;
  box-shadow: 0 9px 28px #14203330 !important; text-align: right;
}
.rd-support-trigger::before{ display: none !important; }
.rd-support-trigger::after{
  content: ""; position: absolute; right: 19px; bottom: -5px; width: 16px; height: 13px;
  background: #1c2938; border-radius: 0 0 13px 0; transform: skewY(-26deg); z-index: -1;
}
.rd-support-bubble-icon{ width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; background: #ffffff12; color: #ffb67e; border-radius: 50%; }
.rd-support-label{ display: grid; gap: 1px; line-height: 1.6; }
.rd-support-label strong{ font-size: .875rem; font-weight: 700; color: #fff; }
.rd-support-label small{ font-size: .75rem; color: #d5dee8; }
.rd-support-hint{ display: none !important; }
.rd-support-count{ border-radius: 50%; top: -5px; right: 0; min-width: 25px; }
body:has(.rd-settings-dialog[data-state=open]) .rd-support-float{ display: none; }
/* The dialog owns focus, Escape, scroll locking and return focus. */
.rd-settings-dialog[data-slot=dialog-content]{
  --tw-enter-scale: 1; --tw-exit-scale: 1;
  display: flex; flex-direction: column; gap: 0; width: min(660px,calc(100% - 32px));
  max-width: 660px; max-height: min(88dvh,920px); min-height: 0; padding: 0; overflow: hidden;
  border-radius: 30px; background: var(--background); color: var(--foreground); border: 1px solid var(--border);
  box-shadow: 0 28px 100px #0b182444; z-index: 55; font-family: inherit;
}
.rd-sheet-handle{ display: none; }
.rd-settings-dialog .rd-settings-sheet-head{ flex: 0 0 auto; align-items: center; padding: 20px 24px; gap: 13px; background: var(--card); }
.rd-settings-head-icon{ width: 44px; height: 44px; display: grid; place-items: center; border-radius: 16px; background: var(--rd-tint); color: var(--primary); flex: 0 0 44px; }
.rd-settings-dialog [data-slot=dialog-title]{ font-size: 1.1875rem; line-height: 1.8; font-weight: 750; }
.rd-settings-dialog [data-slot=dialog-description]{ font-size: .875rem; line-height: 1.8; margin: 1px 0 0; }
.rd-settings-close{ width: 42px; height: 42px; flex-basis: 42px; border-radius: 50%; font-weight: 400; }
.rd-settings-dialog .rd-settings-scroll{
  flex: 1 1 auto; min-height: 0; max-height: none; display: flex; flex-direction: column; gap: 16px;
  overflow-x: hidden; overflow-y: auto; padding: 20px 22px 26px; scrollbar-width: thin;
  scrollbar-color: #f9731650 transparent; overscroll-behavior: contain; scroll-padding: 18px;
}
.rd-settings-dialog .rd-settings-card.panel{ flex: 0 0 auto; width: 100%; padding: 20px; border-radius: 23px; margin: 0; box-shadow: 0 3px 14px #17212f04; }
.rd-settings-dialog .rd-section-heading{ margin-bottom: 20px; align-items: center; gap: 12px; }
.rd-settings-dialog .rd-section-mark{ display: grid; place-items: center; width: 40px; height: 40px; padding: 0; flex: 0 0 40px; border-radius: 13px; }
.rd-section-heading > div{ min-width: 0; }
.rd-settings-dialog .rd-section-heading h3{ font-size: 1rem; line-height: 1.8; }
.rd-settings-dialog .rd-section-heading p{ font-size: .8125rem; color: var(--muted-foreground); line-height: 1.8; margin-top: 2px; }
.rd-settings-dialog .rd-setting-row{
  display: grid; grid-template-columns: 38px minmax(0,1fr) 50px; gap: 12px; align-items: center;
  padding: 16px 0; border: 0; border-top: 1px solid var(--border); border-radius: 0; background: transparent; margin: 0 !important;
}
.rd-settings-dialog .rd-setting-row:last-child{ padding-bottom: 2px; }
.rd-settings-dialog .rd-setting-icon{ display: grid !important; width: 36px; height: 38px; border-radius: 12px; background: var(--muted); color: var(--muted-foreground); }
.rd-settings-dialog .rd-setting-copy label{ display: block; font-size: .875rem; line-height: 1.85; font-weight: 650; }
.rd-settings-dialog .rd-setting-copy p{ margin-top: 3px; font-size: .8125rem; line-height: 1.85; overflow-wrap: break-word; }
.rd-settings-dialog .rd-setting-row:has([data-state=checked]) > .rd-setting-icon{ background: var(--rd-tint); color: var(--rd-strong); }
/* Physical positioning prevents RTL and utility translate values from stacking. */
.rd-settings-dialog .rd-setting-switch[data-slot=switch]{
  position: relative; display: block; box-sizing: border-box; direction: ltr !important;
  width: 48px !important; min-width: 48px !important; height: 28px !important; min-height: 28px !important;
  flex: 0 0 48px; border: 0 !important; margin: 0 !important; padding: 0 !important; border-radius: 999px;
  transform: none !important; translate: none !important; box-shadow: inset 0 1px 3px #0b17251c;
  transition: background-color .2s !important; overflow: visible; justify-self: end;
}
.rd-settings-dialog .rd-setting-switch::before{ inset: -9px -1px; }
.rd-settings-dialog .rd-setting-switch[data-state=unchecked]{ background: #9aa5b3 !important; }
.rd-settings-dialog .rd-setting-switch[data-state=checked]{ background: #f47721 !important; }
.rd-settings-dialog .rd-setting-switch [data-slot=switch-thumb]{
  position: absolute !important; display: block; top: 3px !important; left: 3px !important; right: auto !important;
  width: 22px !important; height: 22px !important; min-width: 22px !important; margin: 0 !important;
  background: #fff !important; border-radius: 50%; box-shadow: 0 2px 4px #0b172526;
  translate: none !important; transform: translateX(0) !important; transition: transform .23s var(--rd-ease) !important;
}
.rd-settings-dialog .rd-setting-switch [data-slot=switch-thumb][data-state=checked]{ transform: translateX(20px) !important; }
.rd-settings-dialog .rd-setting-switch:focus-visible{ outline: 3px solid #f9731670; outline-offset: 5px; }
.rd-settings-dialog .rd-setting-row.is-disabled{ opacity: .5; }
.rd-settings-dialog .rd-options{ grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: minmax(0,1fr); gap: 8px; }
.rd-settings-dialog .rd-option{ min-height: 48px; font-size: .875rem; padding: 11px 7px; border-radius: 13px; font-weight: 550; }
.rd-settings-dialog .rd-option-check{ width: 14px; height: 14px; top: 4px; left: 4px; }
.rd-settings-dialog .rd-theme-options .rd-option{ padding: 9px; }
.rd-settings-dialog .rd-theme-preview{ height: 62px; border-radius: 9px; }
.rd-settings-dialog .rd-option-field{ margin-bottom: 19px; }
.rd-settings-dialog .rd-option-field legend{ font-size: .875rem; margin-bottom: 9px; }
.rd-settings-dialog .rd-support-setting-link{ padding: 14px; border-radius: 17px; }
.rd-settings-dialog .rd-settings-footnote{ font-size: .8125rem; margin-top: 16px; padding-top: 13px; }
.rd-account-exit{ flex: 0 0 auto; border-top: 1px solid var(--border); padding: 23px 2px 3px; margin-top: 3px; }
.rd-exit-copy strong{ font-size: .9375rem; font-weight: 700; }
.rd-exit-copy p{ font-size: .8125rem; color: var(--muted-foreground); line-height: 1.9; margin-top: 4px; }
.rd-logout-button{ width: 100%; min-height: 50px; margin-top: 13px; display: flex; gap: 10px; align-items: center; justify-content: center; border-radius: 15px; color: var(--rd-danger); background: color-mix(in srgb,var(--rd-danger) 6%,var(--card)); border: 1px solid color-mix(in srgb,var(--rd-danger) 22%,transparent); font-size: .9375rem; font-weight: 650; }
.rd-exit-confirm{ margin-top: 16px; animation: rdPanelIn .3s var(--rd-ease); }
.rd-exit-confirm > p{ font-size: .9375rem; }
.rd-exit-confirm > div{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.rd-exit-confirm .rd-logout-button{ margin: 0; }
.profile-side .rd-p2-logout,.profile-side .reset-demo{ display: none !important; }
.rd-more-settings{ border-radius: 22px; min-height: 86px; }
.rd-more-settings-copy small{ font-size: .8125rem; }
/* Channel selection uses a generous hit area and separate management actions. */
.rd-channel-picker{ min-width: 0; display: grid; gap: 15px; }
.rd-channel-toolbar{ display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 38px; color: var(--muted-foreground); font-size: .875rem; }
.rd-channel-manage{ display: inline-flex; gap: 7px; align-items: center; min-height: 40px; padding: 8px 11px; color: var(--rd-strong); background: var(--rd-tint); border-radius: 12px; font-size: .8125rem; }
.rd-channel-tiles{ display: grid; gap: 12px; min-width: 0; }
.rd-channel-tile{ min-width: 0; border: 1px solid var(--border); border-radius: 21px; background: var(--card); overflow: hidden; transition: border-color .2s, box-shadow .2s, background-color .2s; }
.rd-channel-tile.is-selected{ border-color: #f47721; background: color-mix(in srgb,var(--rd-tint) 40%,var(--card)); box-shadow: 0 0 0 2px #f9731612; }
.rd-channel-select{ display: grid; grid-template-columns: 20px 46px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 19px 16px; min-height: 90px; cursor: pointer; }
.rd-channel-select [data-slot=radio-group-item]{ width: 20px; height: 20px; min-width: 20px; border: 1.5px solid var(--border); margin: 0; }
.rd-channel-select [data-slot=radio-group-item][data-state=checked]{ border-color: #ef7322; color: #ef7322; background: #fff; box-shadow: 0 0 0 3px #f9731612; }
.rd-channel-avatar{ display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 46px; border-radius: 16px; background: var(--rd-tint); border: 1px solid #f9731624; color: var(--rd-strong); font-size: 1.25rem; font-weight: 700; }
.rd-channel-copy{ min-width: 0; display: grid; gap: 3px; }
.rd-channel-copy strong{ font-size: .9375rem; line-height: 1.8; overflow-wrap: anywhere; }
.rd-channel-copy small{ font-size: .8125rem; color: var(--muted-foreground); text-align: right; overflow-wrap: anywhere; }
.rd-channel-meta{ display: grid; justify-items: end; gap: 5px; }
.rd-channel-meta small{ font-size: .75rem; color: var(--muted-foreground); }
.rd-channel-meta b{ font-size: .75rem; font-weight: 550; color: var(--rd-strong); background: var(--rd-tint); padding: 4px 9px; border-radius: 8px; }
.rd-channel-tools{ display: flex; flex-wrap: wrap; gap: 7px; padding: 12px 14px; border-top: 1px solid var(--border); animation: rdPanelIn .25s var(--rd-ease); }
.rd-channel-tools button{ display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 9px 10px; border-radius: 10px; background: var(--muted); color: var(--foreground); font-size: .8125rem; }
.rd-channel-tools .rd-channel-delete{ margin-inline-start: auto; color: var(--rd-danger); background: color-mix(in srgb,var(--rd-danger) 7%,var(--card)); }
.rd-channel-tools button:disabled{ opacity: .5; }
.rd-channel-add{ width: 100%; display: flex; gap: 12px; align-items: center; padding: 17px; text-align: start; border: 1px dashed #f9731680; border-radius: 20px; background: var(--rd-tint); color: var(--rd-strong); }
.rd-channel-add > span:nth-child(2){ min-width: 0; flex: 1; }
.rd-channel-add-icon{ display: grid; place-items: center; flex: 0 0 41px; width: 41px; height: 41px; border-radius: 14px; background: var(--card); }
.rd-channel-add strong{ display: block; font-size: .9375rem; line-height: 1.8; }
.rd-channel-add small{ display: block; font-size: .8125rem; color: var(--muted-foreground); line-height: 1.8; margin-top: 2px; }
.rd-channel-empty{ display: grid; justify-items: center; gap: 12px; padding: 28px 20px 18px; text-align: center; }
.rd-channel-empty > span{ display: grid; place-items: center; width: 66px; height: 66px; background: var(--rd-tint); border: 1px solid #f9731620; border-radius: 23px; color: var(--primary); }
.rd-channel-empty strong{ font-size: 1.0625rem; line-height: 1.9; }
.rd-channel-empty p{ max-width: 33ch; font-size: .9375rem; line-height: 1.9; color: var(--muted-foreground); }
.rd-channel-delete-confirm{ border-top: 1px solid var(--border); padding: 15px; background: color-mix(in srgb,var(--rd-danger) 4%,var(--card)); animation: rdPanelIn .25s var(--rd-ease); }
.rd-channel-delete-confirm p{ font-size: .875rem; line-height: 1.85; }
.rd-channel-delete-confirm > div{ display: flex; gap: 8px; margin-top: 12px; }
.rd-channel-delete-confirm button{ flex: 1; min-height: 42px; border-radius: 11px; border: 1px solid var(--border); background: var(--card); font-size: .875rem; }
.rd-channel-delete-confirm button.danger{ color: #fff; background: #bc3636; border-color: #bc3636; }
.rd-channel-grow{ display: flex; width: calc(100% - 28px); margin: 0 14px 14px; }
.rd-channels-panel{ padding: 24px; max-width: 940px; }
.rd-search-empty{ padding: 16px; color: var(--muted-foreground); font-size: .875rem; }
/* Shared channel and wallet forms. */
.rd-channel-dialog,.rd-topup-dialog{ display: grid; gap: 14px; min-width: 0; }
.rd-form-mark{ display: grid; place-items: center; width: 58px; height: 58px; border-radius: 20px; color: var(--primary); background: var(--rd-tint); border: 1px solid #f9731624; }
.rd-channel-dialog [data-slot=dialog-title],.rd-topup-dialog [data-slot=dialog-title]{ padding: 0; font-size: 1.25rem; line-height: 1.9; }
.rd-channel-dialog [data-slot=dialog-description],.rd-topup-dialog [data-slot=dialog-description]{ margin-top: -8px; font-size: .875rem; line-height: 1.9; }
.rd-channel-dialog .rd-form,.rd-topup-dialog .rd-form{ gap: 15px; margin-top: 8px; }
.rd-form-note{ display: flex; align-items: flex-start; gap: 8px; font-size: .8125rem; line-height: 1.95; color: var(--muted-foreground); }
.rd-form-note svg{ flex: 0 0 17px; margin-top: 4px; color: var(--primary); }
.rd-form-submit.rd-btn{ min-height: 55px !important; width: 100%; display: flex; gap: 9px; white-space: normal; line-height: 1.8; font-size: .9375rem; font-weight: 700; border-radius: 17px; padding: 13px 18px; }
.rd-channel-live-preview{ display: flex; gap: 12px; align-items: center; padding: 16px; border-radius: 19px; background: var(--muted); border: 1px solid var(--border); transition: background-color .25s,border-color .25s; }
.rd-channel-live-preview.is-ready{ border-color: #f9731650; background: var(--rd-tint); }
.rd-channel-live-preview > span:nth-child(2){ flex: 1; min-width: 0; display: grid; gap: 3px; }
.rd-channel-live-preview strong{ font-size: .9375rem; line-height: 1.8; overflow-wrap: anywhere; }
.rd-channel-live-preview small{ font-size: .8125rem; color: var(--muted-foreground); text-align: right; overflow-wrap: anywhere; }
.rd-channel-preview-state{ color: var(--primary); }
.rd-inline-error{ display: grid; gap: 9px; padding: 13px 15px; border-radius: 14px; color: var(--rd-danger); background: color-mix(in srgb,var(--rd-danger) 7%,var(--card)); border: 1px solid color-mix(in srgb,var(--rd-danger) 18%,transparent); font-size: .875rem; line-height: 1.9; }
.rd-inline-error button{ justify-self: start; font-weight: 700; min-height: 40px; text-decoration: underline; text-underline-offset: 5px; }
.rd-loading-dot{ display: inline-block; width: 18px; height: 18px; min-width: 18px; border: 2px solid currentColor; border-left-color: transparent; border-radius: 50%; animation: rdSpin .7s linear infinite; }
/* Amount selection and the payment method are distinct, reversible steps. */
.rd-topup-heading{ display: flex; align-items: center; justify-content: space-between; padding-inline-end: 30px; }
.rd-topup-step{ font-size: .8125rem; color: var(--muted-foreground); direction: ltr; font-variant-numeric: tabular-nums; background: var(--muted); padding: 6px 12px; border-radius: 99px; }
.rd-amount-presets{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.rd-amount-presets button{ display: grid; gap: 5px; position: relative; justify-items: center; min-height: 86px; border-radius: 18px; padding: 14px 8px; border: 1px solid var(--border); background: var(--background); color: var(--foreground); }
.rd-amount-presets button.is-selected{ border-color: #f47721; box-shadow: 0 0 0 2px #f9731612; background: var(--rd-tint); color: var(--rd-strong); }
.rd-amount-presets strong{ font-size: 1.125rem; font-weight: 750; font-variant-numeric: tabular-nums; }
.rd-amount-presets small{ font-size: .8125rem; color: var(--muted-foreground); }
.rd-amount-presets button > svg{ position: absolute; left: 9px; top: 9px; color: var(--primary); }
.rd-topup-summary{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; background: var(--muted); border-radius: 15px; }
.rd-topup-summary > span{ font-size: .875rem; color: var(--muted-foreground); }
.rd-topup-summary strong{ font-size: .9375rem; font-variant-numeric: tabular-nums; }
.rd-topup-summary small{ font-weight: 450; }
.rd-payment-step{ display: grid; gap: 16px; animation: rdPanelIn .4s var(--rd-ease); }
.rd-payment-amount{ display: grid; justify-items: center; gap: 5px; padding: 22px; border-radius: 23px; background: var(--rd-tint); border: 1px solid #f973162b; }
.rd-payment-amount > small{ font-size: .875rem; color: var(--muted-foreground); }
.rd-payment-amount strong{ color: var(--rd-strong); font-size: clamp(1.75rem,8vw,2.5rem); font-weight: 800; line-height: 1.6; font-variant-numeric: tabular-nums; }
.rd-payment-amount > span{ color: var(--muted-foreground); font-size: .875rem; }
.rd-payment-amount > button{ display: inline-flex; align-items: center; gap: 7px; min-height: 40px; margin-top: 5px; font-size: .8125rem; color: var(--rd-strong); padding: 7px 12px; border-radius: 99px; background: var(--card); border: 1px solid #f9731633; }
.rd-deposit-methods{ display: grid; gap: 10px; }
.rd-deposit-method{ display: grid; grid-template-columns: 20px 25px minmax(0,1fr); align-items: center; gap: 12px; padding: 17px 15px; border: 1px solid var(--border); border-radius: 17px; cursor: pointer; }
.rd-deposit-method.is-selected{ border-color: #f97316; background: var(--rd-tint); }
.rd-deposit-method > svg{ color: var(--primary); }
.rd-deposit-method strong{ font-size: .9375rem; line-height: 1.8; }
.rd-deposit-method small{ display: block; margin-top: 3px; font-size: .8125rem; color: var(--muted-foreground); line-height: 1.85; }
.rd-payment-loading{ display: flex; gap: 12px; align-items: center; min-height: 72px; font-size: .875rem; color: var(--muted-foreground); }
.rd-topup-result{ display: grid; gap: 16px; padding-top: 10px; text-align: center; animation: rdPanelIn .4s var(--rd-ease); }
.rd-result-mark{ display: grid; place-items: center; margin: 0 auto; width: 78px; height: 78px; border-radius: 27px; background: var(--rd-tint); color: var(--primary); }
.rd-topup-result > strong{ font-size: 1.1875rem; line-height: 1.9; }
.rd-topup-result > p{ font-size: .9375rem; line-height: 1.9; color: var(--muted-foreground); }
.rd-payment-reference{ display: grid; gap: 6px; padding: 8px; }
.rd-payment-reference small{ font-size: .8125rem; color: var(--muted-foreground); }
.rd-payment-reference bdi{ font-size: .8125rem; overflow-wrap: anywhere; }
.rd-p2-modal-card{ border-radius: 25px; }
.rd-p2-modal-actions button{ min-height: 47px; border-radius: 14px; }
/* Small screens keep all controls inside their cards. */
@media (max-width:767px) {
  .rd-support-float{ right: max(17px,env(safe-area-inset-right)) !important; bottom: calc(111px + env(safe-area-inset-bottom)) !important; }
  .rd-support-trigger{ min-width: 143px; min-height: 57px; }
  .rd-settings-dialog[data-slot=dialog-content]{
    top: auto !important; bottom: 0; left: 0 !important; right: 0; width: 100%; max-width: 100%;
    max-height: calc(94dvh - env(safe-area-inset-top)); border-radius: 29px 29px 0 0; border-bottom: 0;
    transform: none; translate: none !important; animation: rdMobileSheetIn .3s var(--rd-ease);
  }
  .rd-settings-dialog[data-state=closed]{ animation: rdMobileSheetOut .18s ease-in forwards; }
  .rd-sheet-handle{ display: block; flex: 0 0 4px; width: 38px; height: 4px; border-radius: 99px; margin: 11px auto 0; background: color-mix(in srgb,var(--foreground) 18%,transparent); }
  .rd-settings-dialog .rd-settings-sheet-head{ padding: 14px 17px 17px; gap: 10px; }
  .rd-settings-head-icon{ width: 40px; height: 40px; flex-basis: 40px; border-radius: 13px; }
  .rd-settings-dialog [data-slot=dialog-title]{ font-size: 1.125rem; }
  .rd-settings-dialog [data-slot=dialog-description]{ font-size: .8125rem; }
  .rd-settings-dialog .rd-settings-scroll{ gap: 13px; padding: 15px 14px calc(24px + env(safe-area-inset-bottom)); }
  .rd-settings-dialog .rd-settings-card.panel{ padding: 17px 15px; border-radius: 21px; }
  .rd-settings-dialog .rd-setting-row{ grid-template-columns: 30px minmax(0,1fr) 48px; gap: 10px; padding: 16px 0; }
  .rd-settings-dialog .rd-setting-icon{ width: 30px; height: 34px; border-radius: 11px; }
  .rd-settings-dialog .rd-setting-icon svg{ width: 18px; height: 18px; }
  .rd-settings-dialog .rd-theme-preview{ height: 51px; }
  .rd-settings-dialog .rd-option{ padding: 10px 5px; }
  .rd-channel-select{ grid-template-columns: 18px 40px minmax(0,1fr) auto; gap: 10px; padding: 17px 13px; }
  .rd-channel-avatar{ width: 40px; height: 43px; flex-basis: 40px; border-radius: 14px; }
  .rd-channel-meta b{ padding: 3px 6px; }
  .rd-channel-add{ padding: 15px 13px; }
  .rd-channel-tools{ padding: 10px; gap: 6px; }
  .rd-channel-tools button{ padding: 8px; font-size: .8125rem; }
  .rd-channels-panel{ padding: 17px 14px; }
  .rd-dialog[data-slot=dialog-content]:has(.rd-topup-dialog,.rd-channel-dialog){ padding: 23px 20px; border-radius: 25px; max-height: 91dvh; }
  .rd-dialog > button[data-slot=dialog-close]{ right: auto; left: 17px; top: 18px; }
  .rd-amount-presets{ gap: 9px; }
  .rd-channel-dialog,.rd-topup-dialog{ gap: 13px; }
}
@media (max-width:360px) {
  .rd-settings-dialog .rd-settings-scroll{ padding-inline: 10px; }
  .rd-settings-dialog .rd-settings-card.panel{ padding-inline: 12px; }
  .rd-settings-dialog .rd-setting-row{ grid-template-columns: 25px minmax(0,1fr) 48px; gap: 8px; }
  .rd-settings-dialog .rd-setting-icon{ width: 25px; }
  .rd-settings-head-icon{ display: none; }
  .rd-settings-dialog .rd-options{ gap: 5px; }
  .rd-settings-dialog .rd-option{ font-size: .8125rem; }
  .rd-channel-select{ grid-template-columns: 18px 36px minmax(0,1fr); }
  .rd-channel-select .rd-channel-avatar{ width: 36px; }
  .rd-channel-meta{ grid-column: 3; display: flex; flex-wrap: wrap; gap: 8px; }
  .rd-dialog[data-slot=dialog-content]:has(.rd-topup-dialog,.rd-channel-dialog){ padding: 22px 16px; }
}
@media (min-width:1024px) { .rd-channels-panel .rd-channel-tiles{ grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; } }
@keyframes rdMobileSheetIn { from { opacity: .5; transform: translateY(30px); } to { opacity: 1; transform: none; } }
@keyframes rdMobileSheetOut { to { opacity: 0; } }
/* Both OS and app preferences stop movement, including utility animations. */
html[data-rd-motion=off] *,html[data-rd-motion=off] *::before,html[data-rd-motion=off] *::after{
  animation: none !important; transition: none !important; scroll-behavior: auto !important;
}
html[data-rd-button-motion=off] :is(button,label):active{ transform: none !important; }
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after{ animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
.profile-grid > .rd-more-settings{ grid-column: 1 / -1; }
.rd-p2-overlay,.rd-p2-modal{ pointer-events: auto; }
/* Prevent a second generic busy label from masking controlled form feedback. */
[data-rd-managed-form] button{ touch-action: manipulation; }



/* Header + bottom navigation follow the user's scroll direction everywhere. */
.topbar,.bottom-nav{will-change:transform,opacity;transition:transform .34s var(--rd-ease),opacity .22s ease,filter .3s ease!important}

/* Support bubble: one clean body, no detached tail under it. */
.rd-support-trigger,.dark .rd-support-trigger{overflow:hidden!important;isolation:isolate;box-shadow:0 13px 34px #07111d42, inset 0 1px #ffffff12!important}
.rd-support-trigger::after{content:none!important;display:none!important}
html[data-rd-settings-page="open"] .rd-support-float{display:none!important}

/* ------------------------------------------------------------
   PROFILE — identity dashboard instead of a plain form
   ------------------------------------------------------------ */
.profile-grid{position:relative;gap:18px!important}
.profile-grid>.profile-form.panel{position:relative;overflow:hidden;padding:0!important;border-radius:30px!important;border:1px solid color-mix(in srgb,var(--border) 72%,#f97316 28%)!important;background:linear-gradient(155deg,color-mix(in srgb,var(--card) 96%,#f97316 4%),var(--card))!important;box-shadow:0 18px 50px #1118270c!important}
.dark .profile-grid>.profile-form.panel{background:radial-gradient(circle at 88% 0,#f9731613,transparent 30%),linear-gradient(155deg,#1d222c,#181c24)!important;box-shadow:0 24px 65px #00000038!important}
.profile-form::before{content:"ROSHDINO ACCOUNT";position:absolute;left:24px;top:22px;font:600 .62rem/1.5 ui-monospace,monospace;letter-spacing:.18em;color:color-mix(in srgb,var(--muted-foreground) 65%,transparent);direction:ltr;z-index:1}
.profile-form::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-95px;top:-115px;background:#f9731615;filter:blur(2px);pointer-events:none}
.profile-header{position:relative;display:grid!important;grid-template-columns:82px minmax(0,1fr) auto!important;grid-template-rows:auto auto;align-items:center!important;gap:3px 17px!important;margin:0!important;padding:58px 28px 28px!important;border-bottom:1px solid var(--border)!important;background:linear-gradient(120deg,#f9731609,transparent 55%)!important}
.profile-header .large-avatar{grid-row:1/3;width:82px!important;height:82px!important;border-radius:26px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#ff943e,#f46814)!important;color:white!important;font-size:2rem!important;font-weight:850!important;box-shadow:0 12px 30px #f9731630,0 0 0 6px #f973160c!important;border:1px solid #ffffff40!important}
.profile-header h2{font-size:1.55rem!important;font-weight:800!important;line-height:1.6!important;align-self:end}
.profile-header>span:last-child{color:var(--muted-foreground)!important;font-size:.82rem!important;align-self:start}
.profile-header::after{content:"فعال";justify-self:end;grid-column:3;grid-row:1/3;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#22c55e10;color:#26a95b;font-size:.72rem;font-weight:700;border:1px solid #22c55e2b}
.profile-form>.rd-form{padding:24px 28px 28px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px!important}
.profile-form>.rd-form>.floating-field{margin:0!important}
.profile-form>.rd-form>.field-hint,.profile-form>.rd-form>.field-error,.profile-form>.rd-form>.rd-btn{grid-column:1/-1}
.profile-form>.rd-form>.field-hint{padding:12px 14px;border-radius:14px;background:var(--muted);line-height:1.9!important;margin:0!important}
.profile-form>.rd-form>.rd-btn{min-height:58px!important;border-radius:18px!important;font-weight:750!important;box-shadow:0 12px 24px #f973161f!important}
.profile-side{display:grid!important;gap:15px!important}
.profile-side>.panel{border-radius:27px!important;padding:22px!important;box-shadow:none!important}
.profile-side>.panel:first-child{position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 95%,#f97316 5%),var(--card))!important}
.profile-side>.panel:first-child::before{content:"تجربه من";position:absolute;left:19px;top:17px;padding:5px 9px;border-radius:99px;background:var(--rd-tint);color:var(--rd-strong);font-size:.68rem;font-weight:700}
.profile-side .setting-row{min-height:76px!important;border:1px solid var(--border)!important;border-radius:18px!important;padding:13px!important;margin-top:10px!important;background:color-mix(in srgb,var(--background) 55%,transparent)!important;gap:11px!important}
.profile-side .setting-icon{width:42px!important;height:42px!important;border-radius:14px!important;background:var(--rd-tint)!important;color:var(--rd-strong)!important}
.profile-side .setting-row label{font-weight:700!important;font-size:.9rem!important}.profile-side .setting-row p{font-size:.75rem!important;line-height:1.8!important}
.profile-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;padding:15px!important}
.profile-links>button:not(.reset-demo){min-height:84px!important;border:1px solid var(--border)!important;border-radius:19px!important;padding:14px!important;background:var(--background)!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px!important;align-items:center!important;gap:9px!important;text-align:right!important}
.profile-links>button:not(.reset-demo)>svg:first-child{width:38px!important;height:38px!important;padding:9px!important;border-radius:13px!important;background:var(--rd-tint)!important;color:var(--rd-strong)!important}
.profile-links>button span{font-size:.82rem!important;font-weight:700!important;line-height:1.8!important}
.rd-more-settings{position:relative!important;overflow:hidden!important;width:100%!important;min-height:100px!important;border:1px solid #f9731635!important;border-radius:25px!important;background:radial-gradient(circle at 92% 20%,#f9731620,transparent 30%),linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 94%,#f97316 6%))!important;padding:17px 18px!important;box-shadow:0 13px 32px #f973160b!important}
.rd-more-settings::after{content:"صفحه کامل";position:absolute;left:17px;bottom:14px;font-size:.65rem;color:var(--rd-strong);padding:4px 8px;border-radius:99px;background:var(--rd-tint)}
.rd-more-settings-icon{width:52px!important;height:52px!important;border-radius:17px!important;background:linear-gradient(145deg,#ff943d,#f46d16)!important;color:white!important;box-shadow:0 9px 22px #f9731629!important}
.rd-more-settings-copy strong{font-size:1rem!important}.rd-more-settings-copy small{font-size:.75rem!important;line-height:1.9!important;max-width:80%}

/* ------------------------------------------------------------
   SETTINGS — true full-screen page, not a bottom sheet/dialog
   ------------------------------------------------------------ */
@keyframes rdSettingsPageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rd-settings-page{position:fixed;inset:0;z-index:100;background:var(--background);color:var(--foreground);overflow:hidden;display:flex;flex-direction:column;animation:rdSettingsPageIn .32s var(--rd-ease) both}
.rd-settings-page-top{flex:0 0 auto;min-height:88px;padding:max(15px,env(safe-area-inset-top)) max(20px,calc((100vw - 1040px)/2)) 14px;display:grid;grid-template-columns:150px minmax(0,1fr) 52px;align-items:center;gap:16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 96%,transparent);backdrop-filter:blur(22px);z-index:3}
.rd-settings-back{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:45px;padding:0 14px;border:1px solid var(--border);border-radius:15px;background:var(--background);font-weight:700}.rd-settings-back svg{transform:rotate(180deg)}
.rd-settings-page-title{text-align:center;display:grid;gap:2px}.rd-settings-page-title strong{font-size:1.2rem}.rd-settings-page-title small{font-size:.75rem;color:var(--muted-foreground)}
.rd-settings-page-logo{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;justify-self:end;background:linear-gradient(145deg,#ff943d,#f46715);color:#fff;box-shadow:0 9px 22px #f9731628}
.rd-settings-page-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:24px max(20px,calc((100vw - 1040px)/2)) max(40px,calc(24px + env(safe-area-inset-bottom)))}
.rd-settings-page-intro{position:relative;overflow:hidden;display:flex;align-items:center;gap:15px;padding:23px 24px;margin-bottom:18px;border-radius:25px;border:1px solid #f973162c;background:linear-gradient(125deg,#f9731613,var(--card) 50%)}
.rd-settings-page-intro::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-80px;top:-100px;background:#f9731614}.rd-settings-intro-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:var(--rd-tint);color:var(--rd-strong);flex:0 0 52px}.rd-settings-page-intro b{font-size:1rem}.rd-settings-page-intro p{margin-top:4px;font-size:.8rem;color:var(--muted-foreground);line-height:1.9}
.rd-settings-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.rd-settings-page-grid>.rd-reset-appearance,.rd-settings-page-grid>.rd-account-exit,.rd-settings-page-grid>.rd-visually-hidden{grid-column:1/-1}
.rd-settings-page .rd-settings-card.panel{padding:21px!important;border-radius:25px!important;margin:0!important;box-shadow:none!important;border:1px solid var(--border)!important}
.rd-settings-page .rd-section-heading{display:flex;gap:12px;align-items:center;margin-bottom:17px}.rd-settings-page .rd-section-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--rd-tint);color:var(--rd-strong);flex:0 0 42px}.rd-settings-page .rd-section-heading h3{font-size:.96rem;font-weight:800;line-height:1.8}.rd-settings-page .rd-section-heading p{font-size:.73rem;color:var(--muted-foreground);line-height:1.8;margin-top:1px}
.rd-settings-page .rd-option-field{margin:0 0 18px}.rd-settings-page .rd-option-field legend{font-size:.8rem;font-weight:700;margin-bottom:8px}.rd-settings-page .rd-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rd-settings-page .rd-option{position:relative;min-height:50px;border:1px solid var(--border);border-radius:14px;background:var(--background);display:grid;place-items:center;padding:9px 7px;font-size:.78rem;cursor:pointer}.rd-settings-page .rd-option input{position:absolute;opacity:0}.rd-settings-page .rd-option.is-active{border-color:#f97316;background:var(--rd-tint);color:var(--rd-strong)}.rd-settings-page .rd-option-check{position:absolute;left:5px;top:5px}.rd-settings-page .rd-theme-preview{width:100%;height:58px;border:1px solid var(--border);border-radius:10px;margin-bottom:4px;overflow:hidden;display:block;position:relative}.rd-settings-page .rd-theme-preview.light{background:#fafafa}.rd-settings-page .rd-theme-preview.dark{background:#171b23}.rd-settings-page .rd-theme-preview.system{background:linear-gradient(90deg,#f8f8f8 50%,#171b23 50%)}.rd-settings-page .rd-theme-preview i,.rd-settings-page .rd-theme-preview span,.rd-settings-page .rd-theme-preview b{position:absolute;border-radius:5px;display:block}.rd-settings-page .rd-theme-preview i{top:10px;right:10px;width:42%;height:7px;background:#aab1ba}.rd-settings-page .rd-theme-preview span{bottom:10px;right:10px;width:55%;height:20px;background:#ff8a33}.rd-settings-page .rd-theme-preview b{left:8px;top:9px;width:22%;height:35px;background:#ffffff25}
.rd-settings-page .rd-setting-row{display:grid;grid-template-columns:38px minmax(0,1fr) 50px;align-items:center;gap:11px;padding:14px 0;border-top:1px solid var(--border)}.rd-settings-page .rd-setting-row:first-of-type{border-top:0}.rd-settings-page .rd-setting-icon{width:36px;height:36px;border-radius:12px;background:var(--muted);display:grid;place-items:center;color:var(--muted-foreground)}.rd-settings-page .rd-setting-copy label{font-size:.82rem;font-weight:700}.rd-settings-page .rd-setting-copy p{font-size:.72rem;line-height:1.8;color:var(--muted-foreground);margin-top:2px}.rd-settings-page .rd-setting-row.is-disabled{opacity:.45}.rd-settings-page .rd-setting-switch[data-slot=switch]{position:relative!important;direction:ltr!important;width:48px!important;min-width:48px!important;height:28px!important;padding:0!important;border-radius:99px!important;background:#929ca9!important;justify-self:end!important;overflow:visible!important;transform:none!important}.rd-settings-page .rd-setting-switch[data-state=checked]{background:#f47721!important}.rd-settings-page .rd-setting-switch [data-slot=switch-thumb]{position:absolute!important;top:3px!important;left:3px!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#fff!important;transform:translateX(0)!important;transition:transform .22s var(--rd-ease)!important;box-shadow:0 2px 5px #0002!important}.rd-settings-page .rd-setting-switch [data-slot=switch-thumb][data-state=checked]{transform:translateX(20px)!important}
.rd-settings-page .rd-support-setting-link{width:100%;min-height:70px;margin:5px 0 10px;border:1px solid #f973162d;border-radius:17px;background:var(--rd-tint);display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;text-align:right}.rd-settings-page .rd-support-setting-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#f9731617;color:var(--rd-strong)}.rd-settings-page .rd-support-setting-link strong{font-size:.82rem}.rd-settings-page .rd-support-setting-link small{display:block;font-size:.7rem;color:var(--muted-foreground);margin-top:2px}.rd-settings-page .rd-settings-footnote{font-size:.7rem;line-height:1.8;color:var(--muted-foreground);padding-top:11px;border-top:1px dashed var(--border)}
.rd-settings-page .rd-reset-appearance{min-height:54px;border-radius:17px;border:1px dashed #f9731655;background:#f9731608;color:var(--rd-strong);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.rd-settings-page .rd-account-exit{border:1px solid var(--border);border-radius:23px;background:var(--card);padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:14px}.rd-settings-page .rd-exit-copy strong{font-size:.88rem}.rd-settings-page .rd-exit-copy p{font-size:.73rem;color:var(--muted-foreground);margin-top:3px}.rd-settings-page .rd-logout-button{min-height:44px;padding:0 14px;border:1px solid #ef44443b;border-radius:14px;background:#ef44440b;color:#dc4b4b;font-weight:700;display:flex;align-items:center;gap:7px}.rd-settings-page .rd-exit-confirm{display:flex;align-items:center;gap:10px}.rd-settings-page .rd-exit-confirm>div{display:flex;gap:6px}

/* ------------------------------------------------------------
   CHECKOUT CHANNEL — one powerful field, no separate registration
   ------------------------------------------------------------ */
.rd-quick-channel{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 68%,#f97316 32%);border-radius:28px;padding:23px;background:radial-gradient(circle at 90% 4%,#f9731619,transparent 30%),linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 96%,#f97316 4%));box-shadow:0 17px 40px #1118270a}
.rd-quick-channel-aura{position:absolute;z-index:-1;width:240px;height:240px;border-radius:50%;left:-140px;bottom:-150px;background:#f973160d;filter:blur(2px)}
.rd-quick-channel-head{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px}.rd-quick-channel-icon{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#ff943d,#f46d16);color:white;box-shadow:0 9px 23px #f9731629}.rd-quick-channel-kicker{font-size:.68rem;color:var(--rd-strong);font-weight:750}.rd-quick-channel-head h3{font-size:1.08rem;line-height:1.8;font-weight:850}.rd-quick-channel-state{width:38px;height:38px;border-radius:13px;background:var(--muted);display:grid;place-items:center;font:700 .72rem/1 ui-monospace,monospace;color:var(--muted-foreground)}.rd-quick-channel-state.is-ready{background:#22c55e12;color:#25a95a;border:1px solid #22c55e2a}.rd-quick-channel-lead{margin:14px 0 18px;color:var(--muted-foreground);font-size:.82rem;line-height:2}
.rd-quick-channel-form{display:grid;gap:11px}.rd-channel-id-label{font-size:.78rem;font-weight:700}.rd-channel-id-field{direction:ltr;display:grid;grid-template-columns:58px minmax(0,1fr) 48px;align-items:center;min-height:76px;border:1px solid var(--border);border-radius:21px;background:var(--background);overflow:hidden;transition:border-color .2s,box-shadow .2s,background .2s}.rd-channel-id-field:focus-within{border-color:#f97316;box-shadow:0 0 0 4px #f973160e}.rd-channel-id-field.is-ready{border-color:#22c55e55;background:color-mix(in srgb,var(--background) 96%,#22c55e 4%)}.rd-channel-id-field.has-error{border-color:#ef444458}.rd-channel-at{height:100%;display:grid;place-items:center;background:#f9731610;color:#f47a26;font-size:1.55rem;font-weight:850;border-right:1px solid #f973161b}.rd-channel-id-field input{width:100%;height:100%;padding:0 16px;border:0!important;outline:0!important;background:transparent!important;color:var(--foreground);font:700 1.08rem/1.4 ui-monospace,SFMono-Regular,monospace;direction:ltr;text-align:left}.rd-channel-id-field input::placeholder{color:color-mix(in srgb,var(--muted-foreground) 54%,transparent);font-weight:500}.rd-channel-input-status{display:grid;place-items:center;color:var(--rd-strong)}.rd-channel-id-field.is-ready .rd-channel-input-status{color:#24a95b}
.rd-channel-format-help{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted-foreground);font-size:.7rem}.rd-channel-format-help span{padding:5px 8px;border-radius:9px;background:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace}.rd-channel-format-help i{font-style:normal;color:color-mix(in srgb,var(--muted-foreground) 65%,transparent);direction:rtl}
.rd-channel-mini-preview{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:15px;border:1px solid var(--border);background:color-mix(in srgb,var(--muted) 55%,transparent)}.rd-channel-mini-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f9731613;color:var(--rd-strong);font-weight:850}.rd-channel-mini-preview>div{display:grid}.rd-channel-mini-preview small{font-size:.66rem;color:var(--muted-foreground)}.rd-channel-mini-preview bdi{font:.72rem/1.6 ui-monospace,monospace;margin-top:2px}.rd-channel-mini-preview>span:last-child,.rd-channel-mini-preview>b{font-size:.67rem;color:var(--muted-foreground);font-weight:700}.rd-channel-mini-preview.is-ready>span:last-child,.rd-channel-mini-preview.is-ready>b{color:#22a85a}.rd-channel-prepare.rd-btn{min-height:60px!important;border-radius:18px!important;font-weight:800!important;box-shadow:0 11px 26px #f973161c!important}.rd-channel-safety{display:flex;align-items:flex-start;gap:8px;margin-top:13px;padding:12px 13px;border-radius:15px;background:var(--muted);color:var(--muted-foreground);font-size:.7rem;line-height:1.9}.rd-channel-safety svg{flex:0 0 17px;color:var(--rd-strong);margin-top:2px}.rd-channel-safety bdi{font-family:ui-monospace,monospace;color:var(--foreground)}.rd-channel-quick-error{margin:0!important}

/* ------------------------------------------------------------
   WALLET TOP-UP — premium compact two-step experience
   ------------------------------------------------------------ */
.rd-dialog[data-slot=dialog-content]:has(.rd-topup-redesign){width:min(680px,calc(100% - 28px))!important;max-width:680px!important;padding:0!important;overflow:hidden!important;border-radius:32px!important;background:var(--card)!important;box-shadow:0 30px 100px #0b122044!important}
.rd-topup-redesign{gap:0!important}.rd-topup-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:25px 27px 21px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 15% 10%,#f9731618,transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--card) 95%,#f97316 5%),var(--card))}.rd-topup-hero::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-90px;top:-115px;background:#f9731615}.rd-topup-hero-orb{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,#ff963f,#f36613);color:#fff;box-shadow:0 11px 26px #f9731629}.rd-topup-hero-copy>span{font:700 .61rem/1.4 ui-monospace,monospace;letter-spacing:.15em;color:var(--rd-strong)}.rd-topup-hero-copy [data-slot=dialog-title]{font-size:1.24rem!important;margin:2px 0 0!important;line-height:1.75!important}.rd-topup-hero-copy [data-slot=dialog-description]{font-size:.75rem!important;line-height:1.85!important;margin:1px 0 0!important;color:var(--muted-foreground)!important}.rd-topup-redesign .rd-topup-step{align-self:start;background:var(--muted)!important;font:700 .65rem/1 ui-monospace,monospace!important;padding:8px 10px!important;color:var(--muted-foreground)!important}
.rd-topup-progress{display:grid;grid-template-columns:auto minmax(50px,1fr) auto;align-items:center;gap:9px;padding:17px 27px 2px}.rd-topup-progress>span{display:flex;align-items:center;gap:6px;color:var(--muted-foreground)}.rd-topup-progress i{font-style:normal;width:28px;height:28px;border-radius:10px;background:var(--muted);display:grid;place-items:center;font:700 .68rem/1 ui-monospace,monospace}.rd-topup-progress b{font-size:.72rem}.rd-topup-progress em{height:2px;border-radius:99px;background:var(--border)}.rd-topup-progress>span.is-active{color:var(--rd-strong)}.rd-topup-progress>span.is-active i{background:#f9731615;color:var(--rd-strong);box-shadow:inset 0 0 0 1px #f9731628}.rd-topup-progress em.is-active{background:#f9731660}
.rd-topup-amount-form,.rd-topup-payment-step{padding:19px 27px 27px!important;gap:14px!important}.rd-topup-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.rd-topup-section-label>div{display:grid}.rd-topup-section-label strong{font-size:.88rem}.rd-topup-section-label small{font-size:.7rem;color:var(--muted-foreground);margin-top:2px}.rd-topup-section-label>span{font:700 .62rem/1 ui-monospace,monospace;color:var(--rd-strong);padding:6px 8px;border-radius:9px;background:var(--rd-tint)}
.rd-topup-redesign .rd-amount-presets{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.rd-topup-redesign .rd-amount-presets button{min-height:86px!important;border-radius:17px!important;padding:16px 6px 10px!important;background:var(--background)!important}.rd-topup-redesign .rd-amount-presets button.is-selected{background:var(--rd-tint)!important;box-shadow:inset 0 0 0 1px #f9731645,0 8px 20px #f973160a!important}.rd-topup-redesign .rd-amount-presets strong{font-size:.9rem!important}.rd-preset-badge{position:absolute!important;top:-7px!important;right:8px!important;padding:3px 6px!important;border-radius:99px!important;background:#f47721!important;color:#fff!important;font-size:.56rem!important;box-shadow:0 4px 10px #f9731630}.rd-topup-custom{display:grid;gap:5px}.rd-topup-custom .floating-field{margin:0!important}.rd-topup-custom .field-hint{margin:0 3px!important;font-size:.68rem!important}
.rd-topup-total-card{min-height:75px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 13px;border-radius:18px;background:linear-gradient(135deg,#f9731611,var(--muted));border:1px solid #f9731624}.rd-topup-total-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f9731617;color:var(--rd-strong)}.rd-topup-total-card>div{display:grid}.rd-topup-total-card small{font-size:.68rem;color:var(--muted-foreground)}.rd-topup-total-card strong{font-size:1.08rem;font-variant-numeric:tabular-nums;margin-top:1px}.rd-topup-total-card strong em{font-style:normal;font-size:.7rem;color:var(--muted-foreground);font-weight:500}.rd-topup-ready{font-size:.65rem;color:#22a85a;padding:5px 8px;border-radius:99px;background:#22c55e10;border:1px solid #22c55e25}.rd-topup-trust{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:16px;background:color-mix(in srgb,var(--muted) 65%,transparent)}.rd-topup-trust>svg{color:var(--rd-strong);flex:0 0 18px}.rd-topup-trust p{display:grid;margin:0}.rd-topup-trust strong{font-size:.73rem}.rd-topup-trust small{font-size:.66rem;color:var(--muted-foreground);line-height:1.8;margin-top:2px}.rd-topup-primary.rd-btn{min-height:61px!important;border-radius:18px!important;font-weight:800!important;box-shadow:0 12px 27px #f973161e!important;display:flex!important;justify-content:center!important;gap:9px!important}
.rd-topup-payment-amount{min-height:90px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:15px 17px!important;border-radius:19px!important;background:linear-gradient(135deg,#f9731612,var(--muted))!important;border:1px solid #f9731626!important}.rd-topup-payment-amount>div{display:grid!important;gap:1px!important}.rd-topup-payment-amount strong{font-size:1.65rem!important;line-height:1.5!important}.rd-topup-payment-amount span{font-size:.7rem!important;color:var(--muted-foreground)!important}.rd-topup-payment-amount>button{margin:0!important;min-height:40px!important;border-radius:12px!important}.rd-topup-redesign .rd-deposit-methods{gap:9px!important}.rd-topup-redesign .rd-deposit-method{grid-template-columns:24px 44px minmax(0,1fr) 32px!important;min-height:82px!important;padding:12px!important;border-radius:18px!important;background:var(--background)!important}.rd-topup-redesign .rd-deposit-method.is-selected{background:var(--rd-tint)!important;border-color:#f9731655!important;box-shadow:0 0 0 3px #f9731608}.rd-deposit-radio{display:grid;place-items:center}.rd-deposit-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--muted);color:var(--rd-strong)}.rd-deposit-copy{display:grid}.rd-deposit-copy strong{font-size:.82rem!important}.rd-deposit-copy small{font-size:.68rem!important;line-height:1.8!important;margin-top:2px!important}.rd-deposit-arrow{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:var(--muted);color:var(--muted-foreground)}.rd-deposit-method.is-selected .rd-deposit-arrow{background:#f9731618;color:var(--rd-strong)}.rd-topup-redesign .rd-payment-loading{min-height:90px!important;border:1px solid var(--border);border-radius:18px;padding:15px!important;background:var(--background)}.rd-payment-loading>div{display:grid}.rd-payment-loading strong{font-size:.78rem}.rd-payment-loading small{font-size:.67rem;color:var(--muted-foreground);margin-top:2px}
.rd-topup-redesign .rd-topup-result{padding:25px 27px 28px!important;gap:12px!important}.rd-topup-redesign .rd-result-mark{width:88px!important;height:88px!important;border-radius:29px!important;box-shadow:0 13px 30px #f9731611}.rd-result-kicker{font:700 .61rem/1.4 ui-monospace,monospace;letter-spacing:.15em;color:var(--rd-strong)}.rd-topup-redesign .rd-topup-result>strong{font-size:1.35rem!important}.rd-topup-redesign .rd-topup-result>p{max-width:430px;margin:0 auto;font-size:.78rem!important;line-height:1.95!important}.rd-topup-total-card.is-result{text-align:right}.rd-topup-redesign .rd-payment-reference{border:1px solid var(--border);border-radius:14px;background:var(--background);padding:11px 13px!important;text-align:right!important}.rd-topup-redesign .rd-payment-reference bdi{font:700 .72rem/1.5 ui-monospace,monospace!important;direction:ltr}

@media(max-width:767px){
  .profile-form::before{left:19px;top:17px}.profile-header{grid-template-columns:68px minmax(0,1fr)!important;padding:52px 19px 22px!important;gap:3px 13px!important}.profile-header .large-avatar{width:68px!important;height:68px!important;border-radius:22px!important;font-size:1.65rem!important}.profile-header h2{font-size:1.32rem!important}.profile-header::after{position:absolute;left:18px;bottom:22px;font-size:.64rem}.profile-form>.rd-form{grid-template-columns:1fr;padding:19px!important}.profile-form>.rd-form>*{grid-column:1!important}.profile-side>.panel{padding:18px!important;border-radius:24px!important}.profile-links{grid-template-columns:1fr 1fr!important;padding:12px!important}.profile-links>button:not(.reset-demo){min-height:76px!important;grid-template-columns:34px minmax(0,1fr) 16px!important;padding:11px!important}.profile-links>button:not(.reset-demo)>svg:first-child{width:34px!important;height:34px!important;padding:8px!important}.rd-more-settings{min-height:93px!important;border-radius:22px!important}.rd-more-settings::after{font-size:.58rem;bottom:10px}
  .rd-settings-page-top{min-height:76px;padding:max(10px,env(safe-area-inset-top)) 14px 10px;grid-template-columns:auto minmax(0,1fr) 43px;gap:9px}.rd-settings-back{width:43px;min-height:43px;padding:0;justify-content:center;border-radius:14px}.rd-settings-back span{display:none}.rd-settings-page-title strong{font-size:1.02rem}.rd-settings-page-title small{font-size:.65rem}.rd-settings-page-logo{width:43px;height:43px;border-radius:14px}.rd-settings-page-body{padding:15px 12px max(28px,calc(18px + env(safe-area-inset-bottom)))}.rd-settings-page-intro{padding:17px;border-radius:20px;margin-bottom:12px}.rd-settings-intro-mark{width:44px;height:44px;flex-basis:44px;border-radius:14px}.rd-settings-page-intro b{font-size:.87rem}.rd-settings-page-intro p{font-size:.7rem}.rd-settings-page-grid{grid-template-columns:1fr;gap:11px}.rd-settings-page-grid>*{grid-column:1!important}.rd-settings-page .rd-settings-card.panel{padding:17px 14px!important;border-radius:21px!important}.rd-settings-page .rd-section-heading{margin-bottom:14px}.rd-settings-page .rd-options{gap:6px}.rd-settings-page .rd-option{font-size:.7rem;padding-inline:4px}.rd-settings-page .rd-theme-preview{height:49px}.rd-settings-page .rd-setting-row{grid-template-columns:32px minmax(0,1fr) 48px;gap:9px;padding:14px 0}.rd-settings-page .rd-setting-icon{width:32px;height:34px}.rd-settings-page .rd-setting-copy label{font-size:.78rem}.rd-settings-page .rd-setting-copy p{font-size:.67rem}.rd-settings-page .rd-account-exit{display:grid;padding:15px}.rd-settings-page .rd-exit-confirm{display:grid}
  .rd-quick-channel{padding:18px 15px;border-radius:24px}.rd-quick-channel-head{grid-template-columns:45px minmax(0,1fr) 35px;gap:10px}.rd-quick-channel-icon{width:45px;height:45px;border-radius:15px}.rd-quick-channel-state{width:35px;height:35px}.rd-quick-channel-head h3{font-size:.98rem}.rd-quick-channel-lead{font-size:.74rem;margin:12px 0 15px}.rd-channel-id-field{grid-template-columns:50px minmax(0,1fr) 42px;min-height:70px;border-radius:18px}.rd-channel-at{font-size:1.35rem}.rd-channel-id-field input{font-size:.93rem;padding:0 11px}.rd-channel-format-help{font-size:.62rem;gap:5px}.rd-channel-mini-preview{grid-template-columns:38px minmax(0,1fr) auto}.rd-channel-mini-avatar{width:38px;height:38px}.rd-channel-prepare.rd-btn{min-height:56px!important}
  .rd-dialog[data-slot=dialog-content]:has(.rd-topup-redesign){top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;max-height:94dvh!important;border-radius:29px 29px 0 0!important;transform:none!important;translate:none!important;overflow:auto!important}.rd-topup-hero{grid-template-columns:50px minmax(0,1fr) auto;padding:21px 17px 17px;gap:11px}.rd-topup-hero-orb{width:50px;height:50px;border-radius:16px}.rd-topup-hero-copy [data-slot=dialog-title]{font-size:1.07rem!important}.rd-topup-hero-copy [data-slot=dialog-description]{font-size:.68rem!important}.rd-topup-progress{padding:14px 17px 1px}.rd-topup-amount-form,.rd-topup-payment-step{padding:16px 17px max(23px,calc(15px + env(safe-area-inset-bottom)))!important}.rd-topup-redesign .rd-amount-presets{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rd-topup-redesign .rd-amount-presets button{min-height:77px!important}.rd-topup-total-card{min-height:70px}.rd-topup-payment-amount strong{font-size:1.42rem!important}.rd-topup-redesign .rd-deposit-method{grid-template-columns:22px 40px minmax(0,1fr) 29px!important;min-height:78px!important;padding:10px!important}.rd-deposit-icon{width:40px;height:40px}.rd-deposit-arrow{width:29px;height:29px}.rd-topup-redesign .rd-topup-result{padding:23px 17px max(26px,calc(18px + env(safe-area-inset-bottom)))!important}
}
@media(max-width:390px){.profile-links{grid-template-columns:1fr!important}.rd-quick-channel-head h3{font-size:.91rem}.rd-channel-format-help span{padding:4px 6px}.rd-topup-hero-copy [data-slot=dialog-description]{display:none}.rd-topup-hero{grid-template-columns:47px minmax(0,1fr) auto}.rd-topup-hero-orb{width:47px;height:47px}.rd-topup-progress b{display:none}.rd-topup-redesign .rd-amount-presets strong{font-size:.84rem!important}.rd-topup-payment-amount{padding:13px!important}.rd-topup-payment-amount strong{font-size:1.28rem!important}}



:root{--rd-chrome-ease:cubic-bezier(.22,1,.36,1)}
.topbar,.bottom-nav{will-change:transform,opacity!important;transition:transform .36s var(--rd-chrome-ease),opacity .22s ease,visibility .22s ease,filter .3s ease!important}

/* Floating support: unread = a clean red dot only. */
.rd-support-trigger{position:relative!important;overflow:visible!important}
.rd-support-live-dot{position:absolute;top:5px;right:7px;width:11px;height:11px;border-radius:50%;background:#ef4444;border:2px solid #1c2938;box-shadow:0 0 0 4px #ef444424,0 2px 7px #ef444450;z-index:4;animation:rdSupportPulse 2.1s ease-in-out infinite}
@keyframes rdSupportPulse{0%,100%{box-shadow:0 0 0 3px #ef444420,0 2px 7px #ef444440}50%{box-shadow:0 0 0 7px #ef444408,0 2px 10px #ef444455}}
.rd-support-count{display:none!important}
/* Header notice count stays numeric, but sits inside the button instead of floating too high. */
.topbar .notification-btn>.rd-notice-count{top:0!important;right:-2px!important;height:20px!important;min-width:20px!important;padding:0 5px!important;border-width:2px!important;border-radius:9px!important;font-size:11px!important;line-height:16px!important;box-shadow:0 3px 8px #f9731635!important}

/* Wallet amount selector — rebuilt for clarity, touch targets and hierarchy. */
.rd-wallet-amount-stage{gap:15px!important}
.rd-wallet-amount-intro{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 18px;border-radius:21px;border:1px solid #f9731629;background:linear-gradient(135deg,#f9731613,var(--background));isolation:isolate}
.rd-wallet-amount-intro::after{content:"";position:absolute;z-index:-1;width:130px;height:130px;border-radius:50%;left:-67px;bottom:-85px;background:#f9731612}
.rd-wallet-amount-intro>div{display:grid;gap:2px}.rd-wallet-kicker{font-size:.66rem!important;color:var(--rd-strong);font-weight:800}.rd-wallet-amount-intro strong{font-size:.96rem;line-height:1.9}.rd-wallet-amount-intro small{font-size:.7rem;color:var(--muted-foreground);line-height:1.8}.rd-wallet-secure-pill{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:7px 9px;border-radius:11px;background:#22c55e10;border:1px solid #22c55e26;color:#239957;font-size:.65rem;font-weight:800}
.rd-wallet-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.rd-wallet-presets>button{position:relative;overflow:hidden;min-height:102px;padding:13px 12px 11px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(160deg,var(--background),color-mix(in srgb,var(--card) 92%,#f97316 8%));text-align:right;display:flex;flex-direction:column;justify-content:space-between;transition:transform .23s var(--rd-ease),border-color .2s,background .2s,box-shadow .2s}
.rd-wallet-presets>button::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;left:-38px;bottom:-45px;background:#f973160d}
.rd-wallet-presets>button.is-selected{border-color:#f9731680;background:linear-gradient(145deg,#f973161d,var(--background));box-shadow:inset 0 0 0 1px #f973162b,0 10px 25px #f973160c;transform:translateY(-2px)}
.rd-wallet-preset-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.rd-wallet-preset-top small{font-size:.64rem;color:var(--muted-foreground);font-weight:700}.rd-wallet-preset-top i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:9px;background:var(--muted);color:var(--muted-foreground);font:700 .58rem/1 ui-monospace,monospace}.rd-wallet-presets>button.is-selected .rd-wallet-preset-top i{background:#f973161c;color:var(--rd-strong)}
.rd-wallet-presets>button strong{font-size:1.02rem;font-variant-numeric:tabular-nums;line-height:1.45}.rd-wallet-presets>button em{font-style:normal;font-size:.66rem;color:var(--muted-foreground)}
.rd-wallet-composer{padding:17px;border-radius:23px;border:1px solid var(--border);background:linear-gradient(155deg,var(--background),color-mix(in srgb,var(--card) 95%,#f97316 5%));display:grid;gap:12px;box-shadow:0 9px 30px #11182708}
.rd-wallet-composer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rd-wallet-composer-head>div{display:grid}.rd-wallet-composer-head strong{font-size:.84rem}.rd-wallet-composer-head small{font-size:.66rem;color:var(--muted-foreground);margin-top:2px}.rd-wallet-composer-head>span{font:800 .6rem/1 ui-monospace,monospace;color:var(--rd-strong);padding:6px 8px;border-radius:9px;background:var(--rd-tint)}
.rd-wallet-input-shell{min-height:86px;display:grid;grid-template-columns:45px minmax(0,1fr) 34px;align-items:center;gap:11px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--border) 72%,#f97316 28%);border-radius:18px;background:var(--card);transition:border-color .2s,box-shadow .2s,transform .2s;cursor:text}.rd-wallet-input-shell:focus-within{border-color:#f9731680;box-shadow:0 0 0 4px #f973160b;transform:translateY(-1px)}
.rd-wallet-input-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#f9731612;color:var(--rd-strong)}.rd-wallet-input-copy{min-width:0;display:grid;gap:3px}.rd-wallet-input-copy>small{font-size:.64rem;color:var(--muted-foreground)}.rd-wallet-input-copy>div{direction:ltr;display:flex;align-items:baseline;gap:7px;min-width:0}.rd-wallet-input-copy input{width:100%;min-width:0;background:transparent;outline:0;border:0;color:var(--foreground);font-size:1.38rem;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:1.5}.rd-wallet-input-copy input::placeholder{color:color-mix(in srgb,var(--muted-foreground) 55%,transparent)}.rd-wallet-input-copy b{white-space:nowrap;font-size:.67rem;font-weight:600;color:var(--muted-foreground);direction:rtl}.rd-wallet-input-state{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:var(--muted);color:var(--muted-foreground);font-weight:900}.rd-wallet-input-state.is-valid{background:#22c55e12;color:#24a257;border:1px solid #22c55e28}
.rd-wallet-adjust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;direction:ltr}.rd-wallet-adjust button{min-height:39px;border:1px solid var(--border);border-radius:12px;background:var(--background);font:750 .67rem/1 ui-monospace,monospace;color:var(--muted-foreground);transition:.2s}.rd-wallet-adjust button:active{transform:scale(.97)}.rd-wallet-adjust button:nth-child(2),.rd-wallet-adjust button:nth-child(3){color:var(--rd-strong);background:#f9731609;border-color:#f9731628}.rd-wallet-adjust button:disabled{opacity:.35}
.rd-wallet-range{display:flex;align-items:center;gap:9px;color:var(--muted-foreground);font-size:.62rem}.rd-wallet-range>i{height:1px;background:var(--border);flex:1}.rd-wallet-range b{font-weight:750;color:var(--foreground);font-variant-numeric:tabular-nums}
.rd-wallet-ready-card{min-height:73px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 13px;border-radius:18px;background:linear-gradient(135deg,#22c55e0d,#f973160b,var(--muted));border:1px solid #22c55e20}.rd-wallet-ready-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#22c55e12;color:#249e55}.rd-wallet-ready-card>div{display:grid}.rd-wallet-ready-card small{font-size:.65rem;color:var(--muted-foreground)}.rd-wallet-ready-card strong{font-size:1.05rem;font-variant-numeric:tabular-nums}.rd-wallet-ready-card em{font-style:normal;font-size:.66rem;font-weight:500;color:var(--muted-foreground)}.rd-wallet-ready-badge{padding:5px 8px;border-radius:99px;background:#22c55e10;border:1px solid #22c55e25;color:#239957;font-size:.61rem;font-weight:800}
.rd-wallet-inline-error{margin-top:-3px!important}
.rd-wallet-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rd-wallet-benefits>span{min-height:45px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:13px;background:var(--muted);color:var(--muted-foreground);font-size:.63rem}.rd-wallet-benefits svg{color:var(--rd-strong)}.rd-wallet-benefits b{font-weight:700}
.rd-wallet-continue.rd-btn{min-height:67px!important;border-radius:19px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.rd-wallet-continue>span{display:grid;text-align:right;line-height:1.5}.rd-wallet-continue>span strong{font-size:.84rem}.rd-wallet-continue>span small{font-size:.63rem;opacity:.82;margin-top:2px;font-variant-numeric:tabular-nums}

@media(max-width:767px){
  .rd-topup-hero{padding-top:18px!important}.rd-topup-progress{padding-top:12px!important}
  .rd-wallet-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-wallet-presets>button{min-height:92px}
  .rd-wallet-amount-stage{padding-top:14px!important}.rd-wallet-amount-intro{padding:14px 15px;border-radius:18px}.rd-wallet-amount-intro small{max-width:240px}
  .rd-wallet-composer{padding:14px;border-radius:20px}.rd-wallet-input-shell{min-height:79px;grid-template-columns:40px minmax(0,1fr) 31px;padding:10px}.rd-wallet-input-icon{width:40px;height:40px;border-radius:13px}.rd-wallet-input-copy input{font-size:1.18rem}.rd-wallet-input-state{width:30px;height:30px}
  .rd-wallet-benefits>span{min-height:42px}.rd-wallet-continue.rd-btn{min-height:63px!important}
}
@media(max-width:390px){
  .rd-wallet-amount-intro small{display:none}.rd-wallet-secure-pill{padding:6px 8px}.rd-wallet-presets{gap:7px}.rd-wallet-presets>button{min-height:86px;padding:11px 10px 9px}.rd-wallet-presets>button strong{font-size:.94rem}
  .rd-wallet-composer-head small{display:none}.rd-wallet-input-copy input{font-size:1.08rem}.rd-wallet-input-copy b{font-size:.61rem}.rd-wallet-range{font-size:.56rem;gap:6px}.rd-wallet-benefits>span{font-size:.58rem;gap:4px}.rd-wallet-benefits svg{width:14px;height:14px}
}
@media(prefers-reduced-motion:reduce){.rd-support-live-dot{animation:none}.topbar,.bottom-nav{transition:none!important}}


.rd-quick-channel{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 70%,#f97316 30%)!important;border-radius:28px!important;padding:22px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 96%,#f97316 4%),var(--card))!important;box-shadow:0 20px 55px color-mix(in srgb,#000 16%,transparent),inset 0 1px color-mix(in srgb,#fff 6%,transparent)}
.rd-quick-channel:before{content:"";position:absolute;inset:auto -18% -45% auto;width:230px;height:230px;border-radius:50%;background:#f9731618;filter:blur(18px);z-index:-1}.rd-quick-channel:after{content:"@";position:absolute;left:16px;top:12px;font:900 5.4rem/1 ui-monospace,monospace;color:#f9731608;z-index:-1;transform:rotate(-8deg)}
.rd-quick-channel-head{align-items:center!important}.rd-quick-channel-kicker{font-size:.67rem!important;letter-spacing:.04em;color:var(--rd-strong)!important}.rd-quick-channel-head h3{font-size:1.18rem!important;margin-top:2px}.rd-quick-channel-state{width:38px!important;height:38px!important;border-radius:13px!important;background:var(--muted)!important;border:1px solid var(--border);display:grid;place-items:center;font:800 .72rem/1 ui-monospace,monospace;color:var(--muted-foreground)}.rd-quick-channel-state.is-ready{background:#22c55e16!important;color:#22c55e!important;border-color:#22c55e38!important}
.rd-quick-channel-lead{font-size:.76rem!important;line-height:2!important;margin:7px 0 2px!important;color:var(--muted-foreground)!important}.rd-channel-id-label{margin-top:4px!important}
.rd-channel-id-field{min-height:84px!important;border-radius:24px!important;background:color-mix(in srgb,var(--background) 92%,#f97316 8%)!important;border:1px solid #f9731630!important;box-shadow:inset 0 1px color-mix(in srgb,#fff 5%,transparent)}.rd-channel-id-field:focus-within{border-color:#f97316!important;box-shadow:0 0 0 5px #f973160d,0 15px 35px #0000000c!important}.rd-channel-id-field.is-ready{border-color:#22c55e55!important;background:color-mix(in srgb,var(--background) 95%,#22c55e 5%)!important}
.rd-channel-at{font-size:1.7rem!important;background:linear-gradient(180deg,#f9731619,#f9731609)!important}.rd-channel-id-field input{font-size:1rem!important;letter-spacing:.01em!important}.rd-channel-format-help{gap:5px!important}.rd-channel-format-help span{font-size:.62rem!important;background:var(--muted)!important;border:1px solid var(--border)}
.rd-channel-mini-preview{border-radius:17px!important;border:1px dashed var(--border)!important;background:color-mix(in srgb,var(--muted) 70%,transparent)!important}.rd-channel-mini-preview.is-ready{border-style:solid!important;border-color:#22c55e35!important;background:#22c55e0b!important}
.rd-channel-prepare{min-height:58px!important;border-radius:18px!important;box-shadow:0 12px 28px #f9731620!important}.rd-channel-safety{border-radius:16px!important;background:var(--muted)!important;padding:11px 12px!important}
@media(max-width:520px){.rd-quick-channel{padding:17px!important;border-radius:24px!important}.rd-channel-id-field{grid-template-columns:50px minmax(0,1fr) 42px!important;min-height:76px!important}.rd-channel-id-field input{padding-inline:11px!important;font-size:.88rem!important}.rd-channel-format-help span:nth-of-type(3){display:none}.rd-quick-channel:after{font-size:4.4rem;left:7px}}