.mrbt {
  --mrbt-ease-out: cubic-bezier(.23, 1, .32, 1);
  --mrbt-accent: #14b8a6;
  --mrbt-on-accent: #052d2c;
  --mrbt-ink: #142b35;
  --mrbt-muted: #647780;
  --mrbt-border: #dce7e9;
  box-sizing: border-box;
  font-family: "MRBT IRANSans", "IRANSans", Tahoma, sans-serif;
  font-size: 15px;
  line-height: 1.8;
  color: var(--mrbt-ink);
  direction: rtl;
  text-align: right;
  -webkit-font-smoothing: antialiased;
}
.mrbt *, .mrbt *::before, .mrbt *::after { box-sizing: border-box; }
.mrbt [hidden], .mrbt[hidden] { display: none !important; }
.mrbt h1, .mrbt h2, .mrbt h3, .mrbt p, .mrbt ol { margin: 0; padding: 0; }
.mrbt h1, .mrbt h2, .mrbt h3 { color: inherit; font-family: inherit; font-weight: 800; line-height: 1.55; letter-spacing: 0; }
.mrbt button, .mrbt input { font: inherit; letter-spacing: 0; }
.mrbt button { cursor: pointer; border-radius: 0; text-transform: none; box-shadow: none; }
.mrbt button:disabled { cursor: not-allowed; opacity: .55; }
.mrbt button, .mrbt a, .mrbt input { -webkit-tap-highlight-color: transparent; }
.mrbt button:focus-visible, .mrbt a:focus-visible, .mrbt input:focus-visible { outline: 3px solid #0d9488; outline-offset: 4px; }
.mrbt a { text-decoration: none; }
.mrbt-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.mrbt-app { width: 100%; max-width: 1240px; margin: 24px auto; background: #f4f7f8; border: 1px solid #e3ecee; border-radius: 28px; isolation: isolate; }
.mrbt-shell { padding: 30px 38px 20px; }
.mrbt-topline { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 26px; }
.mrbt-wordmark { display: inline-flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 800; }
.mrbt-wordmark__symbol { display: grid; place-items: center; width: 34px; height: 34px; font-size: 25px; line-height: 1; background: #112e35; color: #5eead4; border-radius: 11px; }
.mrbt-wordmark small { margin-right: 5px; padding-right: 12px; border-right: 1px solid #cad9dd; font: 800 24px/1 Arial, sans-serif; letter-spacing: -1px; color: #738a91; }
.mrbt-mode { background: #fff0ce; border: 1px solid #f3d48c; color: #795012; border-radius: 30px; font-size: 11px; padding: 3px 12px; }
.mrbt-hero { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 340px; position: relative; overflow: hidden; border-radius: 23px; padding: 44px 42px; background: radial-gradient(ellipse at 10% 90%, #174249 0, transparent 58%), #0c252d; color: #fff; }
.mrbt-hero__copy { position: relative; z-index: 2; }
.mrbt .mrbt-eyebrow { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; color: #58777e; margin-bottom: 7px; }
.mrbt-hero .mrbt-eyebrow { color: #9ec3c9; }
.mrbt-eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: #5eead4; box-shadow: 0 0 0 4px #5eead413; }
.mrbt-hero h1 { font-size: clamp(30px, 4vw, 46px); line-height: 1.65; margin: 11px 0 13px; }
.mrbt-hero h1 span { color: #65e1cd; }
.mrbt .mrbt-hero__intro { max-width: 450px; font-size: 13px; color: #afc5cd; line-height: 2.15; margin-bottom: 25px; }
.mrbt-hero__features { display: flex; flex-wrap: wrap; gap: 20px; color: #d2e4e6; font-size: 11px; }
.mrbt-hero__features > span { display: inline-flex; align-items: center; gap: 7px; }
.mrbt-hero__features i { display: grid; place-items: center; height: 23px; width: 23px; background: #ffffff0c; border: 1px solid #ffffff20; border-radius: 7px; color: #78dcca; font-style: normal; font-size: 14px; }
.mrbt-record-art { position: relative; min-height: 280px; display: grid; place-items: center; }
.mrbt-vinyl { width: 247px; height: 247px; border-radius: 50%; border: 7px solid #0b151a; background: repeating-radial-gradient(circle at center, #17282d 0, #17282d 2px, #0c1a20 3px, #0c1a20 5px); box-shadow: -20px 25px 50px #0004, inset 0 0 0 2px #355055; position: relative; transform: rotate(-20deg); }
.mrbt-vinyl::before { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: conic-gradient(from 50deg, transparent 0deg, #91c7c41a 30deg, transparent 55deg, transparent 185deg, #b8d3d514 215deg, transparent 240deg); }
.mrbt-vinyl__label { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; inset: 66px; border-radius: 50%; background: #d8b478; color: #453923; border: 2px solid #f5d69b; box-shadow: 0 0 0 8px #0c1a20; line-height: 1; }
.mrbt-vinyl__label::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #0c1a20; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mrbt-vinyl__label span { font: 700 9px/1 Arial, sans-serif; letter-spacing: 1px; margin-bottom: 6px; }
.mrbt-vinyl__label b { font-size: 34px; margin-bottom: 6px; }
.mrbt-vinyl__label small { font: 700 5px/1 Arial, sans-serif; letter-spacing: 1px; }
.mrbt-orbit { position: absolute; border: 1px solid #83c9c11a; border-radius: 50%; }
.mrbt-orbit--one { width: 340px; height: 340px; }
.mrbt-orbit--two { width: 420px; height: 420px; }
.mrbt-art-note { position: absolute; color: #73d8c5; font-size: 38px; text-shadow: 0 5px 20px #0003; }
.mrbt-art-note--one { left: 0; top: 25px; transform: rotate(-12deg); }
.mrbt-art-note--two { right: 15px; bottom: 24px; transform: rotate(15deg); color: #e2c18c; font-size: 28px; }
.mrbt-art-caption { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; white-space: nowrap; padding: 9px 18px; background: #ffffff0f; border: 1px solid #ffffff1a; border-radius: 14px; backdrop-filter: blur(12px); font-size: 11px; }
.mrbt-equalizer { display: flex; align-items: center; justify-content: center; height: 16px; gap: 3px; direction: ltr; }
.mrbt-equalizer i { display: inline-block; width: 3px; height: 10px; background: #77d9c6; border-radius: 2px; }
.mrbt-equalizer i:nth-child(2), .mrbt-equalizer i:nth-child(4) { height: 16px; }
.mrbt-equalizer i:nth-child(3) { height: 7px; }
.mrbt-catalogue { padding-top: 38px; }
.mrbt-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 20px; }
.mrbt-section-heading h2 { font-size: 23px; }
.mrbt-section-heading .mrbt-eyebrow { margin-bottom: 4px; }
.mrbt-count { flex-shrink: 0; color: #687e86; font-size: 11px; padding-bottom: 6px; }
.mrbt-search { display: flex; align-items: center; gap: 12px; background: #fff; padding: 9px 10px 9px 17px; border: 1px solid var(--mrbt-border); border-radius: 15px; margin-bottom: 25px; box-shadow: 0 3px 8px #1d485704; scroll-margin-top: 25px; }
.mrbt-search svg { flex-shrink: 0; width: 22px; height: 22px; stroke: #718c95; stroke-width: 1.8; }
.mrbt .mrbt-search input { flex: 1; min-width: 0; width: 100%; padding: 8px 0; border: 0; background: transparent; box-shadow: none; outline: 0; color: var(--mrbt-ink); font-size: 16px; border-radius: 3px; height: auto; }
.mrbt .mrbt-search input:focus-visible { outline: 2px solid #0d9488; outline-offset: 3px; }
.mrbt input::placeholder { color: #84979e; opacity: 1; }
.mrbt .mrbt-button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; border: 1px solid transparent; border-radius: 10px; background: var(--mrbt-accent); padding: 10px 19px; color: var(--mrbt-on-accent); font-size: 14px; font-weight: 700; min-height: 46px; line-height: 1.6; transition: filter 120ms var(--mrbt-ease-out), transform 120ms var(--mrbt-ease-out), border-color 120ms var(--mrbt-ease-out); }
.mrbt .mrbt-button--secondary { background: #fff; color: #24434d; border-color: #d6e3e6; }
.mrbt .mrbt-button--wide { width: 100%; }
.mrbt-catalogue-status { padding: 17px 20px; margin-bottom: 20px; background: #e9f2f3; border: 1px solid #d6e7ea; color: #46656d; border-radius: 12px; font-size: 13px; text-align: center; }
.mrbt-catalogue-status--error { border-color: #f2d2d0; background: #fff4f2; color: #943d37; }
.mrbt-songs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.mrbt-song { overflow: hidden; background: #fff; border: 1px solid #e2e9eb; border-radius: 17px; box-shadow: 0 3px 8px #162f3703; transition: box-shadow 180ms var(--mrbt-ease-out), transform 180ms var(--mrbt-ease-out); }
.mrbt-song__cover { position: relative; display: grid; place-items: center; height: 150px; background: radial-gradient(circle at 30% 20%, #456c69, transparent 55%), #183d40; overflow: hidden; }
.mrbt-song__cover::before, .mrbt-song__cover::after { content: ""; position: absolute; width: 200px; height: 200px; border: 1px solid #ffffff14; border-radius: 50%; transform: translate(-40%, 28%); pointer-events: none; }
.mrbt-song__cover::after { width: 270px; height: 270px; }
.mrbt-song__cover--1 { background: radial-gradient(circle at 20% 0, #8b6478, transparent 60%), #423743; }
.mrbt-song__cover--2 { background: radial-gradient(circle at 40% 10%, #92734d, transparent 60%), #50402c; }
.mrbt-song__cover--3 { background: radial-gradient(circle at 20% 0, #626e8e, transparent 60%), #2d3b55; }
.mrbt-song__cover--4 { background: radial-gradient(circle at 20% 0, #638670, transparent 60%), #2d4939; }
.mrbt-song__cover--5 { background: radial-gradient(circle at 20% 0, #857c92, transparent 60%), #423b52; }
.mrbt-song__cover img { width: 100%; height: 100%; display: block; object-fit: cover; }
.mrbt-song__note { width: 74px; height: 74px; display: grid; place-items: center; border: 1px solid #ffffff25; border-radius: 50%; background: #ffffff0a; color: #e6efed; font-size: 42px; line-height: 1; position: relative; z-index: 1; }
.mrbt-song__code { position: absolute; left: 12px; bottom: 10px; color: #fff; background: #07191dd9; border: 1px solid #ffffff25; border-radius: 6px; font-size: 10px; padding: 1px 8px; z-index: 2; }
.mrbt-song__content { padding: 17px; }
.mrbt h3.mrbt-song__title { font-size: 17px; overflow-wrap: anywhere; margin-bottom: 5px; }
.mrbt p.mrbt-song__artist { font-size: 13px; color: #70838b; overflow-wrap: anywhere; }
.mrbt .mrbt-preview { display: inline-flex; justify-content: flex-start; align-items: center; min-height: 44px; font-size: 13px; background: transparent; color: #38646d; border: 0; padding: 5px 0; margin: 4px 0 8px; }
.mrbt .mrbt-preview.is-playing { color: #0f766e; }
.mrbt-pagination { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 27px; }
.mrbt-pagination > span { font-size: 11px; color: #627982; }
.mrbt-retry { grid-column: 1 / -1; justify-self: center; }
.mrbt-service-note { display: flex; gap: 11px; align-items: flex-start; margin-top: 32px; padding: 18px 21px; background: #edf1f3; border-radius: 13px; color: #61737b; font-size: 11px; }
.mrbt-service-note > span { font-size: 19px; line-height: 1.4; color: #6c858c; }
.mrbt-service-note p { line-height: 2; white-space: pre-line; }
.mrbt-app-footer { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin-top: 24px; color: #87969d; font-size: 10px; }
.mrbt-skeleton { padding-bottom: 25px; }
.mrbt-skeleton__cover { height: 150px; background: #e4ecee; }
.mrbt-skeleton__line { margin: 20px 17px 0; width: 65%; height: 11px; border-radius: 4px; background: #e8eff0; }
.mrbt-skeleton__line--short { margin-top: 12px; width: 40%; }
.mrbt-skeleton__cover, .mrbt-skeleton__line { animation: mrbt-pulse 1.3s ease-in-out infinite alternate; }
@keyframes mrbt-pulse { to { opacity: .5; } }
.mrbt-modal { position: fixed; z-index: 100000; inset: 0; display: flex; align-items: center; justify-content: center; padding: 22px; overflow-y: auto; overscroll-behavior: contain; }
.mrbt-modal__backdrop { position: fixed; inset: 0; background: #061a27b8; backdrop-filter: blur(6px); }
.mrbt-dialog { position: relative; width: 100%; max-width: 450px; max-height: calc(100dvh - 44px); overflow-y: auto; overscroll-behavior: contain; border-radius: 22px; padding: 30px; background: #fff; box-shadow: 0 20px 90px #0004; scrollbar-width: thin; }
.mrbt-dialog > .mrbt-eyebrow { padding-left: 22px; margin-bottom: 6px; }
.mrbt-dialog h2 { font-size: 21px; }
.mrbt .mrbt-dialog__close { position: absolute; top: 14px; left: 14px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #e0e9eb; border-radius: 50%; color: #617b84; background: #f7fafb; font-size: 24px; line-height: 1; }
.mrbt-selected { display: flex; align-items: center; gap: 13px; margin: 20px 0; padding: 14px; background: #f2f7f7; border: 1px solid #e1eceb; border-radius: 13px; }
.mrbt-selected__icon { display: grid; place-items: center; flex-shrink: 0; width: 50px; height: 50px; background: #16484a; color: #a2e8dc; border-radius: 12px; font-size: 28px; }
.mrbt-selected > div { min-width: 0; display: flex; flex-direction: column; }
.mrbt-selected strong { font-size: 13px; overflow-wrap: anywhere; }
.mrbt-selected span:not(.mrbt-selected__icon) { font-size: 11px; color: #607b81; }
.mrbt-selected small { font-size: 10px; color: #7b9196; margin-top: 3px; overflow-wrap: anywhere; }
.mrbt-steps { display: flex; gap: 12px; list-style: none; margin: 0 0 24px !important; padding: 0 !important; }
.mrbt-steps li { display: flex; align-items: center; gap: 7px; flex: 1; color: #88989e; font-size: 10px; line-height: 1.6; }
.mrbt-steps li > span { display: grid; place-items: center; flex-shrink: 0; width: 25px; height: 25px; border-radius: 50%; background: #edf2f4; color: #6d838b; font-size: 12px; }
.mrbt-steps li[aria-current], .mrbt-steps li.is-complete { color: #1f6261; }
.mrbt-steps li[aria-current] > span, .mrbt-steps li.is-complete > span { background: #e0f5ee; color: #146754; }
.mrbt-modal-message { padding: 10px 13px; border: 1px solid #f0d5d1; background: #fff4f1; color: #993f34; font-size: 12px; border-radius: 9px; margin-bottom: 17px; overflow-wrap: anywhere; }
.mrbt-modal-message--info { background: #ecf7f3; border-color: #cceade; color: #23654e; }
.mrbt-form > label:not(.mrbt-consent) { display: block; font-size: 12px; font-weight: 700; margin-bottom: 7px; color: #36505c; }
.mrbt .mrbt-form > input { width: 100%; height: 50px; border: 1px solid #cfdfe4; border-radius: 10px; padding: 9px 14px; background: #fff; box-shadow: none; font-size: 17px; color: #173b45; line-height: 1.4; text-align: left; }
.mrbt .mrbt-form > input:focus { border-color: #258c85; }
.mrbt .mrbt-form > input:disabled { background: #f5f8f8; opacity: .8; }
.mrbt .mrbt-form > input[data-otp] { text-align: center; letter-spacing: 7px; font-size: 23px; }
.mrbt-field-hint { font-size: 13px; color: #7e9199; margin: 7px 0 18px !important; }
.mrbt-terms { color: #53656e; background: #f7f9fa; border: 1px solid #e8eef0; border-radius: 9px; font-size: 12px; line-height: 2; padding: 11px 13px; margin: 18px 0 12px; white-space: pre-line; }
.mrbt-consent { display: flex; align-items: flex-start; gap: 9px; cursor: pointer; margin: 0 0 21px; font-size: 13px; color: #4b6570; line-height: 2; }
.mrbt .mrbt-consent input { appearance: auto; -webkit-appearance: checkbox; accent-color: #0d9488; flex: 0 0 auto; width: 17px; height: 17px; padding: 0; margin: 3px 0 0; border-radius: 4px; }
.mrbt-otp-description { margin-bottom: 16px !important; font-size: 12px; color: #607983; overflow-wrap: anywhere; }
.mrbt-test-help { margin-top: 10px !important; font-size: 11px; color: #8e601b; background: #fff5dd; border: 1px solid #f3dfb8; padding: 8px 11px; border-radius: 8px; }
.mrbt-otp-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; }
.mrbt .mrbt-text-button { border: 0; padding: 5px 0; min-height: 44px; background: transparent; color: #31756f; font-size: 12px; font-weight: 700; }
.mrbt-success { text-align: center; padding-top: 3px; }
.mrbt-success__icon { display: grid; place-items: center; margin: 0 auto 15px; height: 61px; width: 61px; border: 6px solid #eaf8f2; border-radius: 50%; color: #167456; background: #d2f0e2; font-size: 27px; }
.mrbt-success h3 { font-size: 20px; margin-bottom: 9px; }
.mrbt-success p { color: #627d86; font-size: 12px; margin-bottom: 23px; overflow-wrap: anywhere; }
.mrbt-banner { display: flex; align-items: center; gap: 15px; background: #0e2b34; color: #fff; border: 1px solid #ffffff13; padding: 23px; border-radius: 18px; box-shadow: 0 8px 35px #0c273e26; }
.mrbt-banner--floating { position: fixed; left: max(24px, env(safe-area-inset-left, 0px)); bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 9990; width: 340px; max-width: calc(100vw - 40px); }
.mrbt-banner--footer { position: relative; width: calc(100% - 40px); max-width: 1100px; margin: 25px auto; }
.mrbt-banner__icon { flex-shrink: 0; width: 55px; height: 55px; display: grid; place-items: center; font-size: 32px; color: #b5ede3; background: #ffffff0a; border: 1px solid #ffffff1a; border-radius: 14px; }
.mrbt-banner__image { width: 58px; height: 58px; border-radius: 12px; object-fit: cover; flex-shrink: 0; display: block; }
.mrbt-banner__copy { min-width: 0; }
.mrbt-banner__copy strong { display: block; font-size: 13px; padding-left: 15px; color: #fff; overflow-wrap: anywhere; }
.mrbt-banner__copy p { font-size: 10px; color: #b9cdd3; margin: 4px 0 10px; overflow-wrap: anywhere; }
.mrbt .mrbt-banner__link { display: inline-flex; align-items: center; justify-content: center; gap: 13px; color: var(--mrbt-on-accent); background: var(--mrbt-accent); font-size: 10px; font-weight: 700; padding: 6px 12px; border-radius: 7px; min-height: 44px; line-height: 1.7; }
.mrbt .mrbt-banner__close { position: absolute; top: 7px; left: 7px; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: #c3d7dc; font-size: 22px; line-height: 1; }

/* Controls respond on press; body text stays selectable and zoom remains enabled. */
.mrbt button, .mrbt .mrbt-banner__link { touch-action: manipulation; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.mrbt button:active:not(:disabled), .mrbt .mrbt-banner__link:active { transform: scale(.97); }
.mrbt .mrbt-button:focus-visible { outline-color: var(--mrbt-accent); }
.mrbt .mrbt-preview-unavailable { min-height: 44px; display: flex; align-items: center; color: #667a83; font-size: 12px; margin: 4px 0 8px; }
.mrbt .mrbt-clear-search { margin: -8px 0 18px; }
.mrbt .mrbt-form > input[aria-invalid="true"] { border-color: #b34234; box-shadow: 0 0 0 1px #b34234; }
.mrbt-count { font-variant-numeric: tabular-nums; font-size: 13px; }
.mrbt-dialog { scroll-padding: 20px; }
.mrbt-dialog > .mrbt-eyebrow { padding-left: 46px; }
.mrbt-selected strong { font-size: 15px; }
.mrbt-selected span:not(.mrbt-selected__icon) { font-size: 13px; }
.mrbt-selected small { font-size: 12px; font-variant-numeric: tabular-nums; }
.mrbt-steps li { font-size: 12px; }
.mrbt .mrbt-consent input { width: 20px; height: 20px; margin-top: 3px; }
.mrbt-otp-description, .mrbt-modal-message, .mrbt-success p { font-size: 14px; }
.mrbt-service-note { font-size: 13px; color: #526973; }
.mrbt-banner__copy strong { padding-left: 24px; }
.mrbt-banner__copy p { font-size: 12px; }
@media (hover: hover) and (pointer: fine) {
  .mrbt .mrbt-button:hover:not(:disabled) { background: var(--mrbt-accent); color: var(--mrbt-on-accent); filter: brightness(.95); transform: translateY(-1px); }
  .mrbt .mrbt-button--secondary:hover:not(:disabled) { background: #eef6f6; color: #24434d; filter: none; border-color: #a8c8c9; }
  .mrbt-song:hover { box-shadow: 0 9px 25px #143d460b; transform: translateY(-2px); }
  .mrbt .mrbt-preview:hover { background: transparent; color: #0f766e; }
  .mrbt .mrbt-dialog__close:hover { background: #eaf1f3; }
  .mrbt .mrbt-text-button:hover:not(:disabled) { color: #155b55; text-decoration: underline; background: transparent; }
  .mrbt .mrbt-banner__link:hover { color: var(--mrbt-on-accent); filter: brightness(.95); }
  .mrbt .mrbt-banner__close:hover { background: #ffffff14; color: #fff; border-radius: 50%; }
}
@media (min-width: 761px) { .mrbt-banner--no-desktop { display: none !important; } }
@media (max-width: 1000px) {
  .mrbt-shell { padding: 24px; }
  .mrbt-hero { padding: 33px 30px; grid-template-columns: 1.15fr .85fr; }
  .mrbt-vinyl { width: 210px; height: 210px; }
  .mrbt-vinyl__label { inset: 56px; }
  .mrbt-orbit--one { width: 275px; height: 275px; }
  .mrbt-orbit--two { width: 340px; height: 340px; }
  .mrbt-songs { gap: 14px; }
  .mrbt-song__content { padding: 16px; }
}
@media (max-width: 760px) {
  .mrbt-app { border-radius: 20px; margin: 15px auto; }
  .mrbt-shell { padding: 22px 18px; }
  .mrbt-topline { margin-bottom: 20px; }
  .mrbt-wordmark { font-size: 13px; gap: 7px; }
  .mrbt-wordmark small { font-size: 24px; padding-right: 10px; margin-right: 2px; }
  .mrbt-hero { grid-template-columns: 1fr; min-height: 0; padding: 30px 26px; border-radius: 18px; }
  .mrbt-hero h1 { font-size: 34px; line-height: 1.6; }
  .mrbt-hero__copy { max-width: 460px; }
  .mrbt-hero .mrbt-hero__intro { font-size: 14px; max-width: 95%; margin-bottom: 22px; }
  .mrbt-hero__features { font-size: 12px; gap: 17px; }
  .mrbt-record-art { position: absolute; width: 190px; height: 190px; min-height: 0; left: -80px; bottom: -70px; opacity: .22; pointer-events: none; }
  .mrbt-vinyl { width: 170px; height: 170px; }
  .mrbt-vinyl__label { inset: 45px; }
  .mrbt-art-caption, .mrbt-art-note, .mrbt-orbit { display: none; }
  .mrbt-catalogue { padding-top: 30px; }
  .mrbt-section-heading { align-items: center; margin-bottom: 18px; }
  .mrbt-section-heading h2 { font-size: 21px; }
  .mrbt-count { font-size: 12px; padding: 0; }
  .mrbt-search { gap: 9px; padding: 8px 10px; border-radius: 13px; margin-bottom: 22px; }
  .mrbt-search svg { width: 19px; height: 19px; }
  .mrbt-search .mrbt-button { padding: 10px 14px; font-size: 13px; gap: 7px; }
  .mrbt-search .mrbt-button > span { display: none; }
  .mrbt-songs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .mrbt-song__cover, .mrbt-skeleton__cover { height: 145px; }
  .mrbt-song__content { padding: 15px; }
  .mrbt h3.mrbt-song__title { font-size: 16px; }
  .mrbt-song .mrbt-button { font-size: 13px; padding: 10px 8px; }
  .mrbt-pagination { gap: 10px; flex-wrap: wrap; }
  .mrbt-pagination .mrbt-button { font-size: 12px; padding: 9px 12px; }
  .mrbt-pagination > span { font-size: 12px; }
  .mrbt-service-note { padding: 16px; margin-top: 26px; font-size: 12px; }
  .mrbt-banner--no-mobile { display: none !important; }
  .mrbt-banner--floating { left: max(14px, env(safe-area-inset-left, 0px)); bottom: calc(14px + env(safe-area-inset-bottom, 0px)); max-width: calc(100vw - 28px); width: 340px; }
  .mrbt-banner { padding: 20px; gap: 13px; }
}
@media (max-width: 600px) {
  .mrbt-app { border: 0; border-radius: 0; margin: 0 auto; }
  .mrbt-shell { padding: 22px 16px; }
  .mrbt-mode { font-size: 10px; padding: 4px 9px; }
  .mrbt-hero { padding: 24px 22px; }
  .mrbt-hero h1 { font-size: 31px; }
  .mrbt-section-heading { align-items: flex-start; gap: 10px; }
  .mrbt-count { max-width: 85px; text-align: left; margin-top: 28px; }
  .mrbt-section-heading h2 { font-size: 20px; }
  .mrbt-songs { grid-template-columns: 1fr; gap: 12px; }
  .mrbt-song { display: grid; grid-template-columns: 94px minmax(0, 1fr); border-radius: 15px; }
  .mrbt-song__cover { height: 100%; min-height: 172px; }
  .mrbt-song__note { width: 54px; height: 54px; font-size: 32px; }
  .mrbt-song__code { left: 6px; right: 6px; bottom: 12px; font-size: 10px; text-align: center; padding: 2px 3px; }
  .mrbt-song__content { padding: 14px; }
  .mrbt p.mrbt-song__artist { font-size: 12px; }
  .mrbt .mrbt-preview, .mrbt .mrbt-preview-unavailable { font-size: 11px; margin: 0 0 6px; min-height: 30px; }
  .mrbt .mrbt-preview { min-height: 44px; }
  .mrbt-skeleton { min-height: 172px; display: block; position: relative; padding: 0 108px 20px 0; }
  .mrbt-skeleton__cover { position: absolute; right: 0; top: 0; bottom: 0; width: 94px; height: 100%; }
  .mrbt-skeleton__line { width: 75%; }
  .mrbt-modal { align-items: flex-end; padding: 12px 0 0; }
  .mrbt-dialog { max-width: none; max-height: calc(100dvh - 12px - env(safe-area-inset-top, 0px)); border-radius: 24px 24px 0 0; padding: 28px max(22px, env(safe-area-inset-right, 0px)) calc(24px + env(safe-area-inset-bottom, 0px)) max(22px, env(safe-area-inset-left, 0px)); }
  .mrbt-dialog h2 { font-size: 21px; }
  .mrbt .mrbt-dialog__close { top: 16px; left: 14px; }
  .mrbt-steps { gap: 10px; }
  .mrbt-steps li { font-size: 11px; }
  .mrbt-app-footer { font-size: 11px; line-height: 2; }
}
@media (max-width: 359px) {
  .mrbt-shell { padding: 18px 12px; }
  .mrbt-wordmark { font-size: 12px; }
  .mrbt-section-heading h2 { font-size: 18px; }
  .mrbt-song { grid-template-columns: 78px minmax(0, 1fr); }
  .mrbt-song__code { font-size: 9px; }
  .mrbt-search { gap: 6px; }
  .mrbt-search svg { display: none; }
  .mrbt-search .mrbt-button { padding: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .mrbt *, .mrbt *::before, .mrbt *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .mrbt button:active:not(:disabled), .mrbt .mrbt-banner__link:active { transform: none; filter: brightness(.94); }
}


/* Self-hosted IRANSans, with regular and real bold weights. */
.mrbt { font-size: 16px; line-height: 1.85; }
.mrbt h1, .mrbt h2, .mrbt h3, .mrbt p, .mrbt button, .mrbt label { letter-spacing: 0; }
.mrbt-wordmark { font-size: 15px; }
.mrbt-mode { font-size: 12px; }
.mrbt .mrbt-eyebrow { font-size: 12px; }
.mrbt .mrbt-hero__intro { font-size: 15px; line-height: 2; color: #c2d4dc; }
.mrbt-hero__features, .mrbt-art-caption { font-size: 13px; }
.mrbt-section-heading h2 { font-size: 25px; }
.mrbt-count { font-size: 13px; }
.mrbt .mrbt-search input { font-size: 16px; }
.mrbt .mrbt-button { font-size: 14px; line-height: 1.6; min-height: 48px; }
.mrbt h3.mrbt-song__title { font-size: 18px; line-height: 1.7; }
.mrbt p.mrbt-song__artist { font-size: 13px; }
.mrbt .mrbt-preview, .mrbt .mrbt-preview-unavailable { font-size: 12px; }
.mrbt-song__code { font-size: 11px; line-height: 1.7; }
.mrbt-pagination > span { font-size: 13px; }
.mrbt-service-note, .mrbt-catalogue-status { font-size: 13px; }
.mrbt-app-footer { font-size: 12px; }
.mrbt-dialog h2 { font-size: 23px; }
.mrbt-selected strong { font-size: 16px; }
.mrbt-selected span:not(.mrbt-selected__icon) { font-size: 13px; }
.mrbt-selected small, .mrbt-steps li { font-size: 12px; }
.mrbt-form > label:not(.mrbt-consent) { font-size: 14px; }
.mrbt .mrbt-form > input { font-size: 18px; }
.mrbt .mrbt-form > input[data-otp] { font-size: 26px; letter-spacing: 5px; }
.mrbt-field-hint, .mrbt-terms, .mrbt-consent, .mrbt-test-help { font-size: 13px; }
.mrbt-terms, .mrbt-consent { line-height: 2; }
.mrbt-otp-description, .mrbt-modal-message, .mrbt-success p { font-size: 14px; }
.mrbt .mrbt-text-button { font-size: 13px; }
.mrbt-success h3 { font-size: 23px; }
.mrbt-banner__copy strong { font-size: 15px; }
.mrbt-banner__copy p, .mrbt .mrbt-banner__link { font-size: 13px; }
.mrbt-dialog__close, .mrbt-banner__close { font-family: Arial, sans-serif; }
/* Stage lighting follows the pointer; the text layer stays still. */
.mrbt-app { background: linear-gradient(145deg, #f8fafc, #edf3f7); box-shadow: 0 18px 70px #15343d09; }
.mrbt-hero { border: 1px solid #ffffff16; box-shadow: inset 0 1px 0 #ffffff12, 0 14px 36px #08283215; background: radial-gradient(ellipse at 0 100%, #1b4b54, transparent 65%), linear-gradient(125deg, #101d31, #102f37); }
.mrbt-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(400px circle at var(--mrbt-light-x, 20%) var(--mrbt-light-y, 60%), #8cf1d815, transparent 75%); }
.mrbt-record-art { transform: translate3d(var(--mrbt-art-x, 0px), var(--mrbt-art-y, 0px), 0); transition: transform 220ms var(--mrbt-ease-out); }
.mrbt-vinyl { box-shadow: -18px 28px 48px #0006, 0 0 70px #7bdcc417, inset 0 0 0 2px #355055; transition: transform 400ms var(--mrbt-ease-out); }
.mrbt-orbit--one { border-color: #95e4d82e; box-shadow: 0 0 34px #6be4c909; }
.mrbt-art-caption { box-shadow: 0 10px 22px #0002, inset 0 1px 0 #ffffff08; }
.mrbt-hero h1 span { text-shadow: 0 0 35px #67e3cc18; }
/* Covers resemble small records, instead of plain music-symbol placeholders. */
.mrbt-song { position: relative; box-shadow: 0 5px 16px #183c4807; transition: transform 240ms var(--mrbt-ease-out), box-shadow 240ms var(--mrbt-ease-out), border-color 180ms var(--mrbt-ease-out); }
.mrbt-song__cover { height: 174px; --mrbt-disc-label: #75d8c8; }
.mrbt-song__cover--1 { --mrbt-disc-label: #e3a4c1; }
.mrbt-song__cover--2 { --mrbt-disc-label: #e1bf80; }
.mrbt-song__cover--3 { --mrbt-disc-label: #a2b4ed; }
.mrbt-song__cover--4 { --mrbt-disc-label: #a0dab1; }
.mrbt-song__cover--5 { --mrbt-disc-label: #c7a8e9; }
.mrbt-song__cover::after { inset: 0; width: auto; height: auto; border: 0; border-radius: 0; transform: none; background: linear-gradient(135deg, #ffffff0e, transparent 48%, #0002); }
.mrbt-song__note { isolation: isolate; width: 96px; height: 96px; border: 6px solid #111b22; border-radius: 50%; color: #12323b; background: repeating-radial-gradient(circle, #1a2931 0 2px, #0e1a23 3px 5px); box-shadow: 5px 12px 20px #0004, inset 0 0 0 1px #78969d40; font-family: Arial, sans-serif; font-size: 28px; transition: transform 350ms var(--mrbt-ease-out); }
.mrbt-song__note::before { content: ""; position: absolute; z-index: -1; inset: 25%; border-radius: 50%; background: var(--mrbt-disc-label); box-shadow: 0 0 0 4px #0e1a23; }
.mrbt-song__code { border-radius: 8px; backdrop-filter: blur(8px); }
.mrbt-song__content { padding: 20px; }
.mrbt-song:focus-within { border-color: var(--mrbt-accent); box-shadow: 0 0 0 1px var(--mrbt-accent), 0 12px 26px #1537400a; }
/* Press waves are pointer-only, short-lived, and never delay the action. */
.mrbt .mrbt-button { position: relative; isolation: isolate; overflow: hidden; border-radius: 12px; box-shadow: inset 0 1px 0 #ffffff28, 0 4px 9px #172d4610; transition: transform 120ms var(--mrbt-ease-out), filter 120ms var(--mrbt-ease-out), box-shadow 180ms var(--mrbt-ease-out); }
.mrbt .mrbt-button::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(135deg, #ffffff14, transparent 65%); }
.mrbt-ripple { position: absolute; border-radius: 50%; background: currentColor; pointer-events: none; opacity: 0; }
.mrbt-search { transition: border-color 180ms var(--mrbt-ease-out), box-shadow 180ms var(--mrbt-ease-out); }
.mrbt-search:focus-within { border-color: var(--mrbt-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--mrbt-accent) 10%, transparent); }
.mrbt-dialog { box-shadow: 0 30px 100px #0005, inset 0 1px 0 #fff; border: 1px solid #ffffff7a; }
.mrbt-modal__backdrop { background: #061524b8; }
.mrbt-selected { background: linear-gradient(120deg, #f2f8f8, #edf4f6); }
@media (hover: hover) and (pointer: fine) {
  .mrbt-hero:hover .mrbt-vinyl { transform: rotate(-8deg); }
  .mrbt-song:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--mrbt-accent) 40%, #dce7e9); box-shadow: 0 16px 36px #183c4814, 0 3px 9px #183c4806; }
  .mrbt-song:hover .mrbt-song__note { transform: rotate(-16deg) scale(1.06); }
  .mrbt .mrbt-button:hover:not(:disabled) { transform: translateY(-1px); box-shadow: inset 0 1px 0 #ffffff30, 0 7px 18px #172d4621; }
  .mrbt .mrbt-button:active:not(:disabled) { transform: scale(.97); }
}
@media (max-width: 760px) {
  .mrbt .mrbt-hero__intro { font-size: 15px; }
  .mrbt-hero__features { font-size: 13px; }
  .mrbt-section-heading h2 { font-size: 23px; }
  .mrbt-search .mrbt-button, .mrbt-song .mrbt-button { font-size: 14px; }
  .mrbt-song__content { padding: 16px; }
  .mrbt-pagination .mrbt-button { font-size: 13px; }
}
@media (max-width: 600px) {
  .mrbt-wordmark { font-size: 14px; }
  .mrbt-mode { font-size: 11px; }
  .mrbt-hero h1 { font-size: 33px; line-height: 1.65; }
  .mrbt-section-heading h2 { font-size: 21px; }
  .mrbt-count { margin-top: 30px; }
  .mrbt h3.mrbt-song__title { font-size: 17px; }
  .mrbt-song__cover { height: 100%; min-height: 185px; }
  .mrbt-song__note { width: 76px; height: 76px; border-width: 5px; font-size: 24px; }
  .mrbt-song__code { font-size: 10px; }
  .mrbt-song__content { padding: 14px; }
  .mrbt-dialog h2 { font-size: 22px; }
  .mrbt-app-footer { font-size: 11px; }
}
@media (max-width: 359px) {
  .mrbt-wordmark { font-size: 13px; }
  .mrbt-section-heading h2 { font-size: 19px; }
  .mrbt-song__note { width: 64px; height: 64px; }
  .mrbt-song .mrbt-button { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .mrbt-record-art, .mrbt-hero:hover .mrbt-vinyl, .mrbt-song:hover .mrbt-song__note, .mrbt-song:hover, .mrbt .mrbt-button:hover:not(:disabled), .mrbt .mrbt-button:active:not(:disabled) { transform: none; }
}

.mrbt-record-art .ava-phone{width:205px;height:265px;}
@media(max-width:760px){.mrbt .mrbt-record-art{position:relative;width:100%;height:185px;min-height:185px;left:auto;bottom:auto;opacity:1;margin-top:24px;} .mrbt-record-art .ava-phone{width:130px;height:175px;} .mrbt-hero{padding-bottom:26px;}}