/* =============================================================================================================
 * rj24-console v1.0.0  ·  Radio Jingles 24 shared design layer (layer A + the CSS half of layer B, TECH.md §10)
 * Child theme file: wp-content/themes/manrox-child/rj24-console/rj24-console-v1.css (fonts in ./fonts/).
 * Printed by the hook in rj24-console-hook.php AFTER the Customizer CSS (wp_head priority 102), so equal
 * specificity wins; !important only where the theme itself uses it.
 *
 * What it does, every page:
 *   1. one set of fonts, self-hosted (Barlow Condensed, IBM Plex Sans, IBM Plex Mono); the theme's Google
 *      font families (Muli, Nunito, Roboto, Montserrat, Open Sans) and Anton resolve to them
 *   2. the theme's em/i, b/strong font leaks reset (they forced Nunito 16/22 italic and Muli)
 *   3. phones: the October bar sits ABOVE the fixed header (header pushed down by the bar's height)
 *   4. the "Privacy & Cookies Policy" tab stops floating over content (it sits at the end of the page)
 *   5. raw-block landing heroes (.rj*-hero) become full-width dark bands under the banner
 *   6. buttons, inputs, tables and WooCommerce notices in the design system's colours
 *   7. cart, checkout and my account: THEMED ONLY. Colours, borders and corner radius only; no font, size,
 *      spacing, position or visibility change, so every form control keeps its exact box (tested to 2 px)
 *
 * Not in v1 (per-template rebuilds, layer C): the content of each raw block, the wizard plugins' own markup,
 * TranslatePress strings.
 * ============================================================================================================= */

/* ---------- 0. tokens ---------- */
:root{
  --rj-night:#0e1118; --rj-panel:#151a25; --rj-navy:#1f2937; --rj-bar:#191024;
  --rj-tx:#f5f2f7; --rj-tx2:#cbc5d3; --rj-tx3:#a29bad;
  --rj-pink:#ff4fa3; --rj-pink-bt:#d1157a; --rj-pink-bt2:#e01d87; --rj-brand:#ef2c92;
  --rj-paper:#f7f2f5; --rj-ptx:#17131c; --rj-ptx2:#4d4654; --rj-prule:rgba(23,19,28,.14); --rj-ppink:#b0105f;
  --rj-ok:#1f8a5b;
  --rj-disp:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  --rj-sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --rj-mono:'IBM Plex Mono',Menlo,Consolas,monospace;
  --rj-bar-h:0px;   /* set by the hook's script to the October bar's height while it is showing */
}

/* ---------- 1. fonts: one set, self-hosted ---------- */
@font-face{font-family:'Barlow Condensed'; font-weight:700; font-style:normal; font-display:swap; src:url(fonts/barlow-condensed-700.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed'; font-weight:800; font-style:normal; font-display:swap; src:url(fonts/barlow-condensed-800.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans'; font-weight:100 700; font-style:normal; font-display:swap; src:url(fonts/ibm-plex-sans-var.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono'; font-weight:500; font-style:normal; font-display:swap; src:url(fonts/ibm-plex-mono-500.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono'; font-weight:600; font-style:normal; font-display:swap; src:url(fonts/ibm-plex-mono-600.woff2) format('woff2')}
/* the theme's own families, and Anton (asked for by every wizard product hero, never loaded there), now point at the
   design system's files. The theme's Google Fonts stylesheet is dequeued by the hook, so these are the only faces. */
@font-face{font-family:'Muli'; font-weight:100 900; font-display:swap; src:url(fonts/ibm-plex-sans-var.woff2) format('woff2')}
@font-face{font-family:'Nunito'; font-weight:100 900; font-display:swap; src:url(fonts/ibm-plex-sans-var.woff2) format('woff2')}
@font-face{font-family:'Roboto'; font-weight:100 900; font-display:swap; src:url(fonts/ibm-plex-sans-var.woff2) format('woff2')}
@font-face{font-family:'Montserrat'; font-weight:100 900; font-display:swap; src:url(fonts/ibm-plex-sans-var.woff2) format('woff2')}
@font-face{font-family:'Open Sans'; font-weight:100 900; font-display:swap; src:url(fonts/ibm-plex-sans-var.woff2) format('woff2')}
@font-face{font-family:'Anton'; font-weight:100 900; font-display:swap; src:url(fonts/barlow-condensed-800.woff2) format('woff2')}
/* the parent theme's style.css declares its own 'Open Sans' 400 (OpenSans-Regular-webfont); an identical, later face replaces it */
@font-face{font-family:'Open Sans'; font-weight:400; font-style:normal; font-display:swap; src:url(fonts/ibm-plex-sans-var.woff2) format('woff2')}

/* ---------- 2. typography (not on cart, checkout or account: their text metrics stay exactly as they are) ---------- */
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account){font-family:var(--rj-sans)}
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .container-wrap :is(h1, .product_title):not(.wpb_raw_html *){
  font-family:var(--rj-disp); font-weight:800; text-transform:uppercase; letter-spacing:-.005em; line-height:.98; text-wrap:balance}
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .container-wrap :is(h2, h3):not(.wpb_raw_html *){
  font-family:var(--rj-disp); font-weight:700; letter-spacing:0; line-height:1.05; text-wrap:balance}
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .container-wrap :is(p, li):not(.wpb_raw_html *){text-wrap:pretty}
/* the theme leaks (italic Nunito 16/22 on every em/i, Muli on every b/strong); icon fonts set by class still win */
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) :is(em, i){font-family:inherit; font-size:inherit; line-height:inherit; font-weight:inherit}
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) :is(b, strong){font-family:inherit}
/* the header menu and footer, every page (they hold no form controls) */
html body #header-outer header#top nav > ul > li > a{font-family:var(--rj-sans); font-weight:500}
html body #footer-outer{font-family:var(--rj-sans)}

/* ---------- 3. phones: the October bar above the fixed header ---------- */
@media (max-width:999px){
  html body #header-outer{top:var(--rj-bar-h)!important}
}

/* ---------- 4. cookie tab: at the end of the page, not over the content ---------- */
html body #cookie-law-info-again{position:static!important; display:block; width:auto!important; margin:0!important; padding:14px 16px!important;
  text-align:center; background:var(--rj-night)!important; color:var(--rj-tx2)!important; box-shadow:none!important; border-radius:0!important;
  font:500 13px/1.3 var(--rj-sans); border-top:1px solid rgba(255,255,255,.08)}
html body #cookie-law-info-again[style*="display: none"]{display:none!important}

/* ---------- 5. landing heroes: full-width dark bands under the banner ---------- */
/* Raw-block landings draw their hero as a rounded card inside the theme column (.rjh-hero, .rjof-hero, .rjs-hero ...).
   The band keeps the hero's own box, so nothing inside moves: the background is extended to both window edges with a
   box-shadow, and clipped so it cannot cause sideways scroll. */
html body .wpb_raw_html [class$="-hero"]{
  background:var(--rj-night)!important; border-radius:0!important;
  box-shadow:0 0 0 100vmax var(--rj-night)!important; clip-path:inset(0 -100vmax)}
/* no white strip between the banner and a landing that opens with its hero */
html body .container-wrap:has(.wpb_raw_html [class$="-hero"]){background:var(--rj-paper)}
/* wizard products: the theme's product title duplicates the hero headline (REVIEW: two H1s) */
html body.single-product:has(.wpb_raw_html [class$="-hero"]) h1.product_title{display:none!important}

/* ---------- 6. buttons, inputs, tables, notices (colours and corners everywhere; no size change) ---------- */
html body :is(.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
              input[type=submit], button[type=submit], .wc-block-components-button, .woocommerce-page .wc-backward){
  background-color:var(--rj-pink-bt)!important; color:#fff!important; border-radius:3px!important; text-shadow:none!important}
html body :is(.woocommerce a.button, .woocommerce button.button, input[type=submit], button[type=submit]):hover{background-color:var(--rj-pink-bt2)!important}
html body :is(input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=search], select, textarea){
  border-color:rgba(23,19,28,.28)!important; border-radius:3px!important}
html body :is(input, select, textarea, button):focus-visible{outline:2px solid var(--rj-brand)!important; outline-offset:2px}
html body .container-wrap table:not(.variations) th{color:var(--rj-ptx2)}
html body .container-wrap table td, html body .container-wrap table th{border-color:var(--rj-prule)}
html body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice){
  background-color:var(--rj-navy)!important; color:var(--rj-tx)!important; border-left:3px solid var(--rj-brand)!important; border-radius:3px!important}
html body :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a{color:#ff8ac4!important}
html body .woocommerce-error{border-left-color:#ff6b6b!important}
/* product prices in the shop loops and product pages */
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) :is(.woocommerce ul.products li.product .price, .woocommerce div.product p.price){
  color:var(--rj-ptx)!important; font-family:var(--rj-disp); font-weight:800}

/* ---------- 7. cart, checkout, my account: colours and corners only ---------- */
html body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .container-wrap{background:var(--rj-paper)}
html body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .container-wrap :is(h1, h2, h3){color:var(--rj-ptx)}
html body:is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .container-wrap a:not(.button){color:var(--rj-ppink)}

/* ---------- 8. reduced motion ---------- */
@media (prefers-reduced-motion:reduce){ html body .wpb_raw_html [class$="-hero"]{transition:none!important} }

/* ==== contrast comb fixes (12 Oct 2026): every pair below measured < 4.5:1 on staging, now >= 4.5:1 ==== */
/* pink pills and buttons with white text: #ec4899 / #e91e63 / #ff4fa3 grounds (3.0-4.4:1) -> #d1157a (5.1:1) */
html body .rj24-acct-wrap a.rj24-acct-pill, html body a.rj24-acct-pill, html body .rj24-foot-new, html body #rj24obBadge, html body .rj24ob-badge, html body .rj-page .rj-btn-primary, html body .rj-btn-primary, html body .rjsw-sticky-cta-btn, html body .rjsw-mpromo-go, html body .rjc .flag, html body .rjsw-btn.primary{background:#d1157a!important; border-color:#d1157a!important; color:#fff!important}
html body .rj24-acct-wrap a.rj24-acct-pill:hover, html body a.rj24-acct-pill:hover, html body .rj-btn-primary:hover, html body .rjsw-sticky-cta-btn:hover{background:#b0105f!important; border-color:#b0105f!important}
/* footer small print #64748b on navy (3.9:1) -> #a3b1c6 */
.rj24-foot-copy, .rj24-foot-pay, .rj24-foot-copy a, .rj24-foot-pay a{color:#a3b1c6!important}
/* the search overlay hint: black on grey (3.6:1) -> white */
html body #search-outer #search span, html body #search-outer #search-box span{color:#fff!important}
/* the voices pages: the profile hero is dark but kept the light theme's text tokens (h1 1.2:1, "Build with" pink on pink) */
.rj-page .rj-vp-hero{--rj-text:#f5f2f7; --rj-text-2:#cbc5d3; --rj-text-3:#b3adbf; color:#f5f2f7}
html body .rj-page .rj-btn-on-dark{background:#d1157a!important; border-color:#d1157a!important; color:#fff!important}
.rj-page .rj-vp-hero .rj-eyebrow{color:#ff7cbf!important}
.rj-page .rj-voice-price, .rj-page .rj-voice-name, .rj-page .rj-singer-price{color:#c2185b!important}
/* the light wizards (packages, imaging): slate-400 notes on white (2.6:1) -> slate-500; pink pill + green "Included" darkened */
body:not(:has(.rjc-inline)) :is(.rjsw-tiernote, .rjsw-voice-tag, .rjst-group, .rjsw-price-label, .rjsw-price-sub){color:#64748b!important}
body:not(:has(.rjc-inline)) .rjsw-pill.active{color:#be185d!important}
body:not(:has(.rjc-inline)) .rjsw-voice-fee.inc{color:#047857!important}
/* the dark product pages: "Pairs well with" card text kept its inline grey (#4b5563 on dark, 2.5:1); the rush line in the buy bar */
body.single-product:has(.rjc-inline) .rj24-pairs a span:not(:last-child){color:#cbc5d3!important}
body.single-product:has(.rjc-inline) [id$=-footer] b, body.single-product:has(.rjc-inline) [id$=-footer] strong{color:#f5f2f7!important}
body.single-product:has(.rjc-inline) [id$=-footer] span[style*="color"]{color:#e9a6ff!important}
/* old theme greys on white (2.2-3.5:1) -> #595959 (7:1): shop counts, review label, blog meta, widget titles, players, stock */
.woocommerce-result-count, #comment-form-rating-label, .meta-date, .meta-author, span.fn, .post-meta a, .widget h4, p.stock.out-of-stock{color:#595959!important}
.ais-plans small, .ais small{color:#64748b}
/* ==== end contrast comb fixes ==== */

/* ==== landing kit (12 Oct 2026): the Production-menu landings (/dj-drops/, /radio-advert-production/, /community-radio-jingles/,
   /radio-jingles-usa/, /internet-radio-jingles/, /radio-imaging-packages/, /imaging-club/) in the console design. Their own copy,
   prices and demos are untouched: this only re-skins each page's wrapper (#rj-adv #rj-dj #rj-cr #rj-us #rj-ir #rj-ip #rj-club).
   Every text pair >= 4.5:1: #f5f2f7 / #cbc5d3 / #b3adbf on #0e1118 and #151a25, pink #ff7cbf on #151a25 (5.0:1). ==== */
body:is(.page-id-118783, .page-id-118785, .page-id-118786, .page-id-118787, .page-id-118790, .page-id-118805, .page-id-118812),
body:is(.page-id-118783, .page-id-118785, .page-id-118786, .page-id-118787, .page-id-118790, .page-id-118805, .page-id-118812) :is(.container-wrap, .main-content, .row){background:#0e1118!important}
body:is(.page-id-118783, .page-id-118785, .page-id-118786, .page-id-118787, .page-id-118790, .page-id-118805, .page-id-118812) :is(#page-header-bg, .page-header-no-bg, .row .col.section-title){display:none!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club){--ink:#f5f2f7; --text:#cbc5d3; --muted:#b3adbf; --line:rgba(255,255,255,.16); --pink:#ff4fa3;
  color:#f5f2f7!important; font-family:"IBM Plex Sans", system-ui, sans-serif!important; max-width:1192px!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .hero{background:#0e1118!important;
  border:1px solid rgba(255,255,255,.12)!important; border-radius:6px!important; text-align:left!important; padding:clamp(28px,5vw,64px)!important; color:#f5f2f7!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .hero h1{font-family:"Barlow Condensed", "IBM Plex Sans", sans-serif!important; font-weight:800!important; text-transform:uppercase;
  letter-spacing:-.005em; line-height:.95!important; font-size:clamp(40px,7vw,80px)!important; color:#f5f2f7!important; margin:0 0 18px!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .hero h1 span{color:#ff4fa3!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .hero p{color:#cbc5d3!important; margin:0 0 24px!important; max-width:60ch!important; font-size:17px!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .kicker{background:transparent!important; padding:0!important; border-radius:0!important; color:#cbc5d3!important;
  font:600 15px/1.4 "IBM Plex Sans", sans-serif!important; letter-spacing:0!important; text-transform:none!important; display:block!important; margin-bottom:12px!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .kicker::before{content:none!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .btn{background:#d1157a!important; color:#fff!important; border-radius:10px!important; min-height:48px; display:inline-flex!important; align-items:center; padding:0 24px!important; margin:0 8px 8px 0!important; vertical-align:middle}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .btn:hover{background:#b0105f!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .btn.alt{background:transparent!important; color:#f5f2f7!important; border:1px solid rgba(255,255,255,.32)!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(h2, h3){color:#f5f2f7!important; font-family:"Barlow Condensed", "IBM Plex Sans", sans-serif!important; font-weight:800!important; text-transform:uppercase; letter-spacing:0}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) h2{font-size:clamp(28px,4vw,40px)!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(p, li, td, th, small, .note, .per, .c){color:#cbc5d3!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(.note, small, .per){color:#b3adbf!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(strong, b){color:#f5f2f7!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(.strip > div, .voice, .price, .tier, .step, .steps > *, .example, .cmp, .also, .founder, .worth, .ladder > *){
  background:#151a25!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:6px!important; color:#cbc5d3!important; box-shadow:none!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .strip > div{text-align:left!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .strip strong{display:block!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .strip strong::before{content:none!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .tier.pop{border-color:#ff4fa3!important; box-shadow:0 0 0 1px #ff4fa3 inset!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(.amt, .n){color:#ff7cbf!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .amt{font-family:"Barlow Condensed", sans-serif!important; font-weight:800!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) a:not(.btn){color:#ff7cbf!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .faq details{border-color:rgba(255,255,255,.14)!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) .faq summary{color:#f5f2f7!important; min-height:44px; display:flex; align-items:center}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(table, tr){background:transparent!important; border-color:rgba(255,255,255,.14)!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(th, td){border-color:rgba(255,255,255,.14)!important; background:transparent!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) audio{color-scheme:dark}
/* ==== end landing kit ==== */

/* ==== no AI tells (12 Oct 2026, Paul: "little dots, and various little quirks that make it look obviously designed by claude") ====
   Layout, demos, prices and the Builder A frame stay. Off: the lamp/ON AIR dots and glows, chapter numbers and their rules, mono
   tracked-uppercase labels (now sentence case in the body font), the one-coloured-word headline, tick lists under the hero buttons,
   numbered step badges, hairlines on every card. Buttons take the brand's 10px radius. */
html body .rjc :is(.eyebrow .lamp, .console-top .tally, .ch-head .n, .step h3 .n){display:none!important}
html body .rjc .ch-head::after{content:none!important}
html body .rjc :is(.eyebrow, .ch-head, .console-top, .card .k, .multi .q, .proof .k, .gift .k, .sweeper label, .total .lab, th, .flag){
  font-family:var(--sans)!important; text-transform:none!important; letter-spacing:0!important; font-weight:600!important; font-size:15px!important}
html body .rjc :is(.crow .p small, .nodemo, .rt .p small, .multi .sv, .voice .pr, .count, .opt small){font-family:var(--sans)!important; letter-spacing:0!important}
html body .rjc .eyebrow{gap:0!important; color:var(--tx2)!important}
html body .rjc :is(.h1, .h2, .h3) em{color:inherit!important}
html body .rjc .hero ul.trust{display:none!important}
html body .rjc :is(.card, .pf-card, .hf-bed, .console, .multi a, .crow, .rt, .step, .opt, .voice){border-color:transparent!important}
html body .rjc :is(.hero, .console-top){border-bottom-color:transparent!important}
html body .rjc :is(.btn, a.btn, .hf-choose){border-radius:10px!important}
html body .rjc .console.on .console-top .tally i{box-shadow:none!important}
/* Hot FM panel: no pulsing dot, no gradient pill, no glow, flat backgrounds, no single coloured word */
html body .rjc .hf-dot{display:none!important}
html body .rjc .hf-badge{background:#d1157a!important; font-family:var(--sans)!important; letter-spacing:0!important; text-transform:none!important; padding:5px 10px!important; border-radius:10px!important}
html body .rjc .hf-launch{background:var(--panel)!important; border-color:transparent!important; box-shadow:none!important}
html body .rjc .hf-launch::before, html body .rjc .hf-launch::after{content:none!important}
html body .rjc .hf{background:var(--night)!important}
html body .rjc .hf-bed.is-ready{box-shadow:none!important; border-color:transparent!important}
html body .rjc :is(.hf-launch-name, .hf-head) :is(em, span:not([class])){color:inherit!important}
/* ==== end no AI tells ==== */

/* ==== BEGIN rjc components (generated by staging/build_pages.py from the mock-ups; do not edit by hand) ==== */
.rjc{color-scheme:dark;
    --night:#0e1118; --panel:#151a25; --panel2:#1c2230; --navy:#1f2937; --bar:#191024;
    --rule:rgba(255,255,255,.1); --rule2:rgba(255,255,255,.2);
    --tx:#f5f2f7; --tx2:#cbc5d3; --tx3:#a29bad;
    --pink:#ff4fa3; --pink-bt:#d1157a; --pink-bt2:#e01d87; --pink-soft:rgba(239,44,146,.14);
    --ok:#3ddc97;
    --paper:#f7f2f5; --paper2:#efe7ec; --ptx:#17131c; --ptx2:#4d4654; --prule:rgba(23,19,28,.14); --ppink:#b0105f;
    --disp:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
    --sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
    --mono:'IBM Plex Mono',Menlo,Consolas,monospace;
    --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;}
.rjc *{box-sizing:border-box}
.rjc{margin:0; background:var(--night); color:var(--tx); font:400 16px/1.55 var(--sans); -webkit-font-smoothing:antialiased}
.rjc .wrap{max-width:1240px; margin:0 auto; padding-inline:var(--s5)}
.rjc .page[hidden]{display:none}
.rjc .eyebrow{display:flex; align-items:center; gap:10px; font:600 12px/1.3 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--tx3)}
.rjc .eyebrow .lamp{width:9px; height:9px; border-radius:50%; background:#ef2c92; box-shadow:0 0 0 3px rgba(239,44,146,.2); flex:none}
.rjc .h1{font:800 clamp(44px,5.6vw,84px)/.92 var(--disp); text-transform:uppercase; letter-spacing:-.005em; text-wrap:balance}
.rjc .h2{font:800 clamp(34px,4.2vw,60px)/.95 var(--disp); text-transform:uppercase; text-wrap:balance}
.rjc .h1 em,.rjc .h2 em{font-style:normal; color:var(--pink)}
.rjc .h3{font:600 19px/1.3 var(--sans); text-wrap:balance}
.rjc .lede{font-size:18.5px; line-height:1.55; color:var(--tx2); max-width:36em; text-wrap:pretty}
.rjc p,.rjc li{text-wrap:pretty}
.rjc .btns{display:flex; flex-wrap:wrap; gap:var(--s3); align-items:center}
.rjc .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:16px 24px; border-radius:3px; font:600 16px/1.1 var(--sans); border:0; cursor:pointer}
.rjc .btn-pk{background:var(--pink-bt); color:#fff}
.rjc .btn-pk:hover{background:var(--pink-bt2)}
.rjc .btn-line{box-shadow:inset 0 0 0 1px var(--rule2); color:var(--tx)}
.rjc .btn-line:hover{box-shadow:inset 0 0 0 1px var(--tx)}
.rjc .fine{font-size:14px; color:var(--tx3)}
.rjc .fine b{color:var(--tx)}
.rjc .trust{display:flex; flex-wrap:wrap; gap:6px 18px; font-size:14px; color:var(--tx2)}
.rjc .trust li{display:flex; gap:8px; align-items:baseline}
.rjc .trust li::before{content:""; flex:none; width:11px; height:6px; border-left:2px solid var(--ok); border-bottom:2px solid var(--ok); transform:rotate(-45deg) translateY(-2px)}
.rjc .stars{color:#ffc94d; letter-spacing:2px}
.rjc .hero{background:linear-gradient(var(--night),var(--night)); padding-block:var(--s8) var(--s8); border-bottom:1px solid var(--rule)}
.rjc .hero-grid{display:grid; grid-template-columns:minmax(0,6fr) minmax(0,5fr); gap:var(--s8); align-items:center}
.rjc .hero-copy{display:grid; gap:var(--s5)}
.rjc .gift{background:var(--pink-soft); border-top:1px solid rgba(239,44,146,.3); border-bottom:1px solid rgba(239,44,146,.3); font-size:14.5px; color:var(--tx2)}
.rjc .gift .wrap{padding-block:12px; display:flex; gap:10px; align-items:baseline}
.rjc .gift b{color:var(--tx)}
.rjc .gift .k{flex:none; font:600 11px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--pink)}
.rjc .console{background:var(--panel); border:1px solid var(--rule2); border-radius:6px; box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.rjc .console-top{display:flex; align-items:center; gap:var(--s3); padding:12px 16px; border-bottom:1px solid var(--rule); font:600 11px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--tx3)}
.rjc .console-top .tally{margin-left:auto; display:inline-flex; gap:8px; align-items:center; padding:4px 9px; border:1px solid var(--rule2); border-radius:3px}
.rjc .console-top .tally i{width:8px; height:8px; border-radius:50%; background:#3a3a44}
.rjc .console.on .console-top .tally{border-color:#ef2c92; color:#fff}
.rjc .console.on .console-top .tally i{background:#ef2c92; box-shadow:0 0 10px #ef2c92}
.rjc .rows{display:grid}
.rjc .crow{display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:var(--s3); align-items:center; padding:12px 16px; border-top:1px solid var(--rule)}
.rjc .rows .crow:first-child{border-top:0}
.rjc .crow .t{font-weight:600; line-height:1.25}
.rjc .crow .s{font-size:13.5px; color:var(--tx3); line-height:1.35}
.rjc .crow .p{font:800 24px/1 var(--disp); color:var(--tx); text-align:right; white-space:nowrap}
.rjc .crow .p small{display:block; font:500 11px/1.3 var(--mono); color:var(--tx3); letter-spacing:.04em}
.rjc .play{flex:none; width:44px; height:44px; border-radius:50%; border:0; background:var(--pink-bt); color:#fff; display:grid; place-items:center; cursor:pointer}
.rjc .play:hover{background:var(--pink-bt2)}
.rjc .play svg{width:16px; height:16px; fill:currentColor}
.rjc .play .i-pause{display:none}
.rjc .play.on .i-play{display:none}
.rjc .play.on .i-pause{display:block}
.rjc .play.sm{width:36px; height:36px}
.rjc .play.sm svg{width:13px; height:13px}
.rjc .nodemo{flex:none; width:44px; text-align:center; font:500 10px/1.2 var(--mono); color:var(--tx3); letter-spacing:.04em}
.rjc .ch{padding-block:var(--s9); border-top:1px solid var(--rule)}
.rjc .ch.paper{background:var(--paper); color:var(--ptx); border-top:0}
.rjc .ch-head{display:flex; align-items:center; gap:var(--s4); margin-bottom:var(--s5); font:600 12px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--tx3)}
.rjc .ch-head::after{content:""; flex:1; height:1px; background:var(--rule)}
.rjc .ch-head .n{color:var(--pink)}
.rjc .paper .ch-head{color:#655d6c}
.rjc .paper .ch-head::after{background:var(--prule)}
.rjc .paper .ch-head .n{color:var(--ppink)}
.rjc .paper .h2,.rjc .paper .h3{color:var(--ptx)}
.rjc .paper .lede{color:var(--ptx2)}
.rjc .paper .h2 em{color:var(--ppink)}
.rjc .ch-intro{display:grid; gap:var(--s4); margin-bottom:var(--s6)}
.rjc .router{border-top:2px solid var(--ptx)}
.rjc .rt{display:grid; grid-template-columns:44px minmax(0,1fr) auto auto; gap:var(--s4); align-items:center; padding:16px 0; border-bottom:1px solid var(--prule)}
.rjc .rt .t{font:600 18px/1.25 var(--sans); color:var(--ptx)}
.rjc .rt .s{font-size:14.5px; color:var(--ptx2)}
.rjc .rt .p{font:800 30px/1 var(--disp); color:var(--ptx); text-align:right; white-space:nowrap}
.rjc .rt .p small{display:block; font:500 11px/1.4 var(--mono); color:#655d6c; letter-spacing:.06em}
.rjc .rt .btn{padding:12px 16px; font-size:14.5px}
.rjc .paper .btn-line{box-shadow:inset 0 0 0 1px var(--prule); color:var(--ptx)}
.rjc .cards{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s4)}
.rjc .card{display:flex; flex-direction:column; gap:var(--s3); padding:var(--s5); background:var(--panel); border:1px solid var(--rule2); border-radius:4px; transition:border-color .15s}
.rjc a.card:hover{border-color:#ef2c92}
.rjc .card .k{font:600 11px/1.3 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--pink)}
.rjc .card .amt{font:800 54px/1 var(--disp); color:var(--tx)}
.rjc .card .amt small{font:500 15px/1 var(--sans); color:var(--tx3)}
.rjc .card .d{color:var(--tx2); font-size:15px; flex:1}
.rjc .card .go{display:flex; justify-content:space-between; align-items:center; gap:var(--s3); padding:13px 16px; border-radius:3px; background:var(--pink-bt); color:#fff; font:600 15.5px/1.2 var(--sans)}
.rjc .card .go::after{content:"\2192"}
.rjc .card .demo{display:flex; align-items:center; gap:var(--s3); font-size:13.5px; color:var(--tx3)}
.rjc .card ul.ticks{display:grid; gap:6px; font-size:14.5px; color:var(--tx2)}
.rjc .card ul.ticks li{display:flex; gap:8px; align-items:baseline}
.rjc .card ul.ticks li::before{content:""; flex:none; width:10px; height:5px; border-left:2px solid var(--ok); border-bottom:2px solid var(--ok); transform:rotate(-45deg) translateY(-2px)}
.rjc .paper .card{background:#fff; border-color:var(--prule)}
.rjc .paper .card .amt{color:var(--ptx)}
.rjc .paper .card .d{color:var(--ptx2)}
.rjc .paper .card .k{color:var(--ppink)}
.rjc .paper .card .demo{color:#655d6c}
.rjc .paper .card ul.ticks{color:var(--ptx2)}
.rjc .flag{align-self:flex-start; font:600 10.5px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; padding:5px 8px; border-radius:2px; background:#ef2c92; color:#fff}
.rjc .strike{text-decoration:line-through; color:var(--tx3); font-weight:500}
.rjc .multi{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; background:var(--rule); border:1px solid var(--rule)}
.rjc .multi a{display:grid; gap:4px; padding:var(--s4); background:var(--night); transition:background .15s}
.rjc .multi a:hover{background:var(--panel)}
.rjc .multi .q{font:600 11px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--tx3)}
.rjc .multi .v{font:800 40px/1 var(--disp)}
.rjc .multi .e{font-size:13.5px; color:var(--tx2)}
.rjc .multi .sv{font:600 12px/1.2 var(--mono); color:var(--ok)}
.rjc .proof{border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); background:var(--panel)}
.rjc .proof .wrap{display:flex; flex-wrap:wrap; gap:var(--s3) var(--s6); align-items:center; padding-block:var(--s5); font-size:14.5px; color:var(--tx2)}
.rjc .proof .k{font:600 11px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--tx3)}
.rjc .proof .st{display:flex; flex-wrap:wrap; gap:6px 18px; color:var(--tx)}
.rjc .proof .st span{font-weight:600}
.rjc .wiz{display:grid; gap:var(--s7)}
.rjc .step h3{display:flex; gap:var(--s3); align-items:baseline; font:800 30px/1 var(--disp); text-transform:uppercase; color:var(--ptx)}
.rjc .step h3 .n{font:600 12px/1 var(--mono); letter-spacing:.1em; color:var(--ppink)}
.rjc .step .help{margin-top:var(--s2); color:var(--ptx2); font-size:15px}
.rjc .voices{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:var(--s2); margin-top:var(--s4)}
.rjc .voice{display:flex; align-items:center; gap:var(--s3); padding:8px 10px; background:#fff; border:1px solid var(--prule); border-radius:4px; cursor:pointer}
.rjc .voice[aria-pressed="true"]{border-color:var(--ptx); box-shadow:inset 0 0 0 1px var(--ptx)}
.rjc .voice .nm{font-weight:600; color:var(--ptx); line-height:1.2}
.rjc .voice .pr{font:500 12px/1.2 var(--mono); color:#655d6c}
.rjc .voice .play{background:var(--ptx)}
.rjc textarea{width:100%; min-height:110px; margin-top:var(--s4); padding:12px 14px; border:1px solid var(--prule); border-radius:4px; font:400 16px/1.5 var(--sans); color:var(--ptx); background:#fff; resize:vertical}
.rjc .count{margin-top:6px; font:500 12.5px/1 var(--mono); color:#655d6c}
.rjc .opts{display:flex; flex-wrap:wrap; gap:var(--s2); margin-top:var(--s4)}
.rjc .opt{display:flex; align-items:center; gap:10px; padding:10px 14px; background:#fff; border:1px solid var(--prule); border-radius:4px; color:var(--ptx); cursor:pointer; font-weight:600}
.rjc .opt[aria-pressed="true"]{border-color:var(--ptx); box-shadow:inset 0 0 0 1px var(--ptx)}
.rjc .opt small{font:500 12px/1 var(--mono); color:#655d6c}
.rjc .total{position:sticky; bottom:0; z-index:5; background:var(--ptx); color:#fff; border-top:1px solid #000}
.rjc .total .wrap{display:flex; align-items:center; gap:var(--s4); padding-block:12px; padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.rjc .total .lab{font:600 12px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:#c9c3d1}
.rjc .total .sum{font:800 34px/1 var(--disp)}
.rjc .total .btn{margin-left:auto}
.rjc .sweeper{padding:var(--s5); display:grid; gap:var(--s3)}
.rjc .sweeper label{font:600 12px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--tx3)}
.rjc .sweeper textarea{margin:0; min-height:84px; background:var(--night); color:var(--tx); border-color:var(--rule2)}
.rjc .sweeper .count{color:var(--tx3); margin:0}
.rjc .samples{display:flex; flex-wrap:wrap; gap:var(--s2); padding:12px 16px; border-top:1px solid var(--rule)}
.rjc .chipbtn{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; border:1px solid var(--rule2); background:transparent; color:var(--tx); cursor:pointer; font:500 14px/1 var(--sans)}
.rjc .chipbtn.on{background:#ef2c92; border-color:#ef2c92}
.rjc .chipbtn svg{width:11px; height:11px; fill:currentColor}
.rjc .tbl-wrap{overflow-x:auto; border:1px solid var(--prule); border-radius:4px; background:#fff}
.rjc table{border-collapse:collapse; width:100%; min-width:520px; font-size:15px; color:var(--ptx)}
.rjc th,.rjc td{text-align:left; padding:12px 14px; border-bottom:1px solid var(--prule)}
.rjc th{font:600 11px/1.2 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:#655d6c; background:var(--paper2)}
.rjc td.n{font-variant-numeric:tabular-nums; white-space:nowrap}
.rjc td .was{text-decoration:line-through; color:#655d6c}
.rjc .arch{display:grid; gap:var(--s7)}
.rjc .fam h3{font:800 28px/1 var(--disp); text-transform:uppercase; color:var(--ptx); margin-bottom:var(--s3)}
.rjc .prow{display:grid; grid-template-columns:44px minmax(0,1fr) auto auto; gap:var(--s4); align-items:center; padding:14px 0; border-top:1px solid var(--prule)}
.rjc .prow .t{font-weight:600; color:var(--ptx)}
.rjc .prow .s{font-size:14px; color:var(--ptx2)}
.rjc .prow .p{font:800 28px/1 var(--disp); color:var(--ptx); white-space:nowrap; text-align:right}
.rjc .prow .btn{padding:11px 16px; font-size:14.5px}
.rjc .paper .nodemo{color:#655d6c}
@media(max-width:1080px){.rjc .hero-grid{grid-template-columns:1fr; gap:var(--s6)}
.rjc .cards{grid-template-columns:1fr 1fr}
.rjc .multi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.rjc .wrap{padding-inline:var(--s4)}
.rjc .hero{padding-block:var(--s5) var(--s7)}
.rjc .hero-copy{gap:var(--s4)}
.rjc .h1{font-size:42px}
.rjc .h2{font-size:36px}
.rjc .lede{font-size:16.5px}
.rjc .ch{padding-block:var(--s8)}
.rjc .cards{grid-template-columns:1fr}
.rjc .multi{grid-template-columns:1fr 1fr}
.rjc .rt{grid-template-columns:44px minmax(0,1fr) auto; row-gap:var(--s2)}
.rjc .rt .btn{grid-column:2 / -1; justify-self:start}
.rjc .prow{grid-template-columns:44px minmax(0,1fr) auto}
.rjc .prow .btn{grid-column:2 / -1; justify-self:start}
.rjc .total .sum{font-size:28px}
.rjc .total .btn{padding:13px 16px}
.rjc .m-hide{display:none}
.rjc .crow{padding:10px 12px}}
.rjc .m-show{display:none}
@media(max-width:760px){.rjc .m-show{display:revert}}
@media(prefers-reduced-motion:reduce){.rjc *{transition:none!important}}
/* A template's own block is <div class="rjc"> ... </div>: it breaks out of the theme column to full width (like the RS24
   landing) and resets what the theme forces on p, a, li and headings. */
.rjc{position:relative; width:100vw; max-width:none; margin:-40px calc(50% - 50vw) 0; background:var(--night); color:var(--tx); font:400 16px/1.55 var(--sans); text-align:left}
.rjc.rjc-inline{margin-top:0}
/* a product page that opens with the new hero: no theme padding or empty plugin line above it */
body.single-product .container-wrap:has(.rjc-inline){padding-top:0!important}
body.single-product:has(.rjc-inline) .summary p.first-payment-date{display:none!important}   /* a subscription-plugin line, empty on wizard products */
body.single-product:has(.rjc-inline) .summary.entry-summary{margin-top:0!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important}
.rjc *{box-sizing:border-box}
.rjc :is(h1,h2,h3,h4,p,ul,li,figure){margin:0; padding:0}
.rjc :is(h1,h2,h3,h4){color:inherit}   /* the theme sets html body h1..h6 {color:#333} */
.rjc li{list-style:none!important}
.rjc a{color:inherit; text-decoration:none}
.rjc button{font:inherit; color:inherit}
.rjc :focus-visible{outline:2px solid var(--pink); outline-offset:3px}
/* the October credits notice, moved under the hero by the block's script; its inline styles need !important */
.rjc .rjc-gift{display:block; max-width:none!important; margin:0!important; border:0!important; border-top:1px solid rgba(239,44,146,.3)!important; border-bottom:1px solid rgba(239,44,146,.3)!important;
  border-radius:0!important; background:rgba(239,44,146,.14)!important; color:var(--tx2)!important; text-align:left!important; font-size:14.5px!important; line-height:1.5!important;
  padding:12px max(24px, calc((100% - 1192px) / 2))!important}
.rjc .rjc-gift *{color:inherit!important; font-size:inherit!important; margin:0!important}
.rjc .rjc-gift :is(b, strong){color:var(--tx)!important}
.rjc .rjc-gift a{color:var(--pink)!important}
@media(max-width:760px){.rjc .rjc-gift{padding:10px 16px!important; font-size:13.5px!important}}

/* ==== END rjc components ==== */

/* ==== landing kit: Instant Downloads (/instant-downloads/, page 116812, wrapper #rj-instant), 12 Oct 2026 ====
   Same look as the other landings; its copy, prices, demos and cart bar are untouched. No AI tells (no dot, no stat tiles,
   no step numbers, no single coloured word, no emoji icons). */
body.page-id-116812, body.page-id-116812 :is(.container-wrap, .main-content, .row){background:#0e1118!important}
body.page-id-116812 :is(#page-header-bg, .page-header-no-bg){display:none!important}
html body #rj-instant{--ink:#f5f2f7; --text:#cbc5d3; --muted:#b3adbf; color:#f5f2f7!important; font-family:"IBM Plex Sans", system-ui, sans-serif!important; background:transparent!important}
html body #rj-instant .rjid-hero{background:#0e1118!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:6px!important; text-align:left!important; padding:clamp(28px,5vw,64px)!important; box-shadow:none!important}
html body #rj-instant .rjid-hero h1{font-family:"Barlow Condensed", "IBM Plex Sans", sans-serif!important; font-weight:800!important; text-transform:uppercase; line-height:.95!important; font-size:clamp(40px,7vw,80px)!important; color:#f5f2f7!important; margin:0 0 18px!important}
html body #rj-instant .rjid-hero h1 .pop{color:inherit!important; background:none!important; -webkit-text-fill-color:currentColor!important}
html body #rj-instant .rjid-hero-sub{color:#cbc5d3!important; max-width:60ch!important; font-size:17px!important; margin-left:0!important}
html body #rj-instant .rjid-kicker{background:transparent!important; padding:0!important; border:0!important; color:#cbc5d3!important; font:600 15px/1.4 "IBM Plex Sans", sans-serif!important; letter-spacing:0!important; text-transform:none!important; margin-bottom:12px!important}
html body #rj-instant .rjid-kicker .dot{display:none!important}
html body #rj-instant .rjid-hero-stats{display:flex!important; flex-wrap:wrap; gap:4px 18px; justify-content:flex-start!important; margin-top:8px!important}
html body #rj-instant .rjid-stat{background:none!important; border:0!important; padding:0!important; box-shadow:none!important; color:#cbc5d3!important; display:inline!important; font-size:15px!important}
html body #rj-instant .rjid-stat b{font:inherit!important; color:#f5f2f7!important; font-weight:600!important; margin-right:4px}
html body #rj-instant .rjid-stat span{font:inherit!important; color:#cbc5d3!important; text-transform:none!important; letter-spacing:0!important}
html body #rj-instant .rjid-how-num{display:none!important}
html body #rj-instant .rjid-how-item{background:#151a25!important; border:0!important; box-shadow:none!important; border-radius:6px!important}
html body #rj-instant :is(h2, h3, h4, .rjid-card-name){color:#f5f2f7!important}
html body #rj-instant .rjid-sec h3{font-family:"Barlow Condensed", sans-serif!important; font-weight:800!important; text-transform:uppercase; font-size:clamp(28px,4vw,40px)!important}
html body #rj-instant .rjid-sec h3 em{color:inherit!important; font-style:normal!important}
html body #rj-instant :is(p, li, .rjid-card-desc, .rjid-card-list li, .rjid-gbp-text){color:#cbc5d3!important}
html body #rj-instant .rjid-card{background:#151a25!important; border:0!important; box-shadow:none!important; border-radius:6px!important}
html body #rj-instant .rjid-cat{background:transparent!important; color:#b3adbf!important; font:600 13px/1.3 "IBM Plex Sans", sans-serif!important; letter-spacing:0!important; text-transform:none!important; padding:0!important}
html body #rj-instant .rjid-now{color:#ff7cbf!important; font-family:"Barlow Condensed", sans-serif!important; font-weight:800!important}
html body #rj-instant .rjid-was{color:#b3adbf!important}
html body #rj-instant :is(.rjid-sale, .rjid-save){background:#d1157a!important; color:#fff!important; border-radius:10px!important; font-family:"IBM Plex Sans", sans-serif!important; letter-spacing:0!important; text-transform:none!important}
html body #rj-instant .rjid-btn{background:#d1157a!important; color:#fff!important; border-radius:10px!important; border:0!important; box-shadow:none!important}
html body #rj-instant .rjid-btn.ghost{background:transparent!important; color:#f5f2f7!important; border:1px solid rgba(255,255,255,.32)!important}
html body #rj-instant .rjid-gbp{background:transparent!important; border:0!important; padding:0!important}
html body #rj-instant :is(.rjid-gbp-ico, .rjid-cart-bar-ico){display:none!important}
html body #rj-instant a:not(.rjid-btn):not(.rjid-cart-bar-btn){color:#ff7cbf!important}
html body #rj-instant .rjid-hero h1, html body #rj-instant .rjid-hero h1 *{text-shadow:none!important; filter:none!important}
html body #rj-instant .rjid-stat :is(b, span){display:inline!important}
html body #rj-instant .rjid-stat{flex:0 0 auto!important; min-width:0!important}
/* ==== end landing kit: Instant Downloads ==== */

/* ===== 12 Oct: every reachable page (reach.py) ===== */

/* 1. product frame */
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)){--rjpf:1}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) :is(.container-wrap, .container-wrap .main-content, .container.main-content, div.product){background:#0e1118!important; color:#cbc5d3}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)), html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) #ajax-content-wrap{background:#0e1118!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) div.product{max-width:1100px!important; margin:36px auto 0!important; padding:0 24px!important; float:none!important; position:relative!important; top:0!important; left:0!important; transform:none!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .single-product-main-image, html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .woocommerce-product-gallery, html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .product_meta, html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .onsale{display:none!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) div.summary.entry-summary{float:none!important; width:auto!important; max-width:none!important; background:#151a25!important; border:1px solid rgba(255,255,255,.14)!important;
  border-radius:4px!important; padding:44px 48px!important; margin:0 0 24px!important; box-shadow:none!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) h1.product_title{display:block!important; font:800 clamp(34px,5vw,56px)/1.02 var(--rj-disp)!important; text-transform:uppercase; letter-spacing:0!important;
  color:#f5f2f7!important; margin:0 0 14px!important; text-align:left!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .summary p.price, html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .summary span.price{display:block!important; font:700 30px/1.2 var(--rj-sans)!important; color:#f5f2f7!important; margin:0 0 18px!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .summary .price del, html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .summary .price del *{color:#b3adbf!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .summary .price ins{text-decoration:none!important; color:#f5f2f7!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .summary .price .subscription-details{font-size:16px; font-weight:500; color:#cbc5d3!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .woocommerce-product-details__short-description{display:block!important; color:#cbc5d3!important; font-size:17px!important; line-height:1.6!important; max-width:64ch}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .woocommerce-product-details__short-description *{color:inherit!important; background:transparent!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .woocommerce-product-details__short-description :is(strong,b,h2,h3,h4){color:#f5f2f7!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) form.cart{display:flex!important; flex-wrap:wrap; align-items:center; gap:12px; background:transparent!important; border:0!important; padding:0!important;
  margin:24px 0 0!important; box-shadow:none!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) form.cart :is(label, .variations th, .variations td, p, span){color:#cbc5d3!important; background:transparent!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) form.cart :is(input.qty, select){background:#0e1118!important; color:#f5f2f7!important; border:1px solid rgba(255,255,255,.24)!important; border-radius:4px!important; min-height:48px}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) form.cart .single_add_to_cart_button{display:inline-flex!important; align-items:center; background:#d8306a!important; color:#fff!important; border:0!important;
  border-radius:10px!important; min-height:48px; padding:0 30px!important; font:700 16px/1 var(--rj-sans)!important; text-transform:none!important; letter-spacing:0!important; opacity:1!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) form.cart .single_add_to_cart_button:is(:hover,:focus-visible){background:#c2255c!important; color:#fff!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .woocommerce-tabs ul.tabs, html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) #tab-reviews, html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) #reviews, html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .woocommerce-tabs > .tabs{display:none!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .woocommerce-tabs{background:transparent!important; margin:0!important; padding:0!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) #tab-description{display:block!important; background:#151a25!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:4px!important; padding:34px 48px!important;
  color:#cbc5d3!important; margin:0 0 24px!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) #tab-description :is(p, li, span, div, td, th, em){color:#cbc5d3!important; background-color:transparent!important; border-color:rgba(255,255,255,.14)!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) #tab-description :is(h1, h2, h3, h4, h5, strong, b){color:#f5f2f7!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) #tab-description a:not([class*=btn]):not(.button){color:#ff7cbf!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) #tab-description :is(a[class*=btn], a.button, button){background:#d8306a!important; color:#fff!important; border-color:#d8306a!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) #tab-description > h2:first-child{display:none!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .summary .rj24-aigift-line, html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .summary .rj24-aigift-line *{color:#cbc5d3!important; opacity:1!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .summary .rj24-aigift-line :is(strong, b){color:#f5f2f7!important}
html body.single-product:not(:has([id$="-wizard"], .rjc-inline, #rj-bundle-wizard, .rjc)) .summary .rj24-aigift-line a{color:#ff7cbf!important}


/* 2. bundle builder (#rj-bundle-wizard): Builder A, dark */
html body.single-product:has(#rj-bundle-wizard), html body.single-product:has(#rj-bundle-wizard) :is(#ajax-content-wrap, .container-wrap, .container-wrap .main-content, .container.main-content, div.product){background:#0e1118!important}
html body #rj-bundle-wizard{--fb-pink-dark:#d8306a}

/* ===== rj24-console: dark wizards (wizdark.py) ===== */
body.single-product:has(.rjc-inline), body.single-product:has(.rjc-inline) .container-wrap, body.single-product:has(.rjc-inline) .container-wrap .main-content,
body.single-product:has(.rjc-inline) div.product, body.single-product:has(.rjc-inline) .woocommerce-tabs{background:#0e1118!important}
html body #rj-bundle-wizard, html body #rjs-footer, html body #rjfeb-footer, html body #rjd-footer, html body #rjc-footer, html body #rjt-footer, html body #rjo-footer, html body #rjy-footer, html body #rj6-footer, html body #rjst-footer, html body #rjp-footer, html body #rjfeb-bump, html body #rjd-bump, html body #rjc-bump{color-scheme:dark;
  --fb-pink:#ff4fa3; --fb-pink-dark:#d1157a; --fb-pink-light:rgba(239,44,146,.16); --fb-ink:#f5f2f7; --fb-text:#cbc5d3; --fb-muted:#a29bad; --fb-line:rgba(255,255,255,.16);
  --rj-pink:#ff4fa3; --rj-pink-dark:#d1157a; --rj-pink-light:rgba(239,44,146,.22); --rj-pink-lighter:rgba(239,44,146,.12); --rj-purple:#c084fc;
  --rj-gold-light:rgba(245,158,11,.16); --rj-ink:#f5f2f7; --rj-text:#cbc5d3; --rj-muted:#a29bad; --rj-line:rgba(255,255,255,.16); --rj-bg:#0e1118; --rj-card:#151a25;
  --rj-green-bg:rgba(61,220,151,.14);
  --pink:#ff4fa3; --pink-dark:#d1157a; --pink-light:rgba(239,44,146,.16); --ink:#f5f2f7; --text:#cbc5d3; --muted:#a29bad; --line:rgba(255,255,255,.16)}
html body #rj-bundle-wizard{background:transparent!important; color:#f5f2f7}
/* cards, steps, panels: the console panel */
html body #rj-bundle-wizard .rjsw-step, html body #rj-bundle-wizard .rjsw-voice, html body #rj-bundle-wizard .rjsw-version, html body #rj-bundle-wizard .rjsw-prod-card, html body #rj-bundle-wizard .rjwz-trust, html body #rj-bundle-wizard .rjs-trust, html body #rj-bundle-wizard .rjsw-trust, html body #rj-bundle-wizard .rjc-trust, html body #rj-bundle-wizard .rjsw-mode-card, html body #rj-bundle-wizard .rjsw-bed-card, html body #rj-bundle-wizard .rjsw-lyrics-block, html body #rj-bundle-wizard .rjsw-fmt-bar, html body #rj-bundle-wizard .rjt-step, html body #rj-bundle-wizard .rjsw-pack-bar, html body #rj-bundle-wizard .rjsw-sticky-cta, html body #rj-bundle-wizard .rjsw-singer, html body #rj-bundle-wizard .rjsw-decade, html body #rj-bundle-wizard .rjsw-pack, html body #rj-bundle-wizard .rjst-pack, html body #rj-bundle-wizard .rjsw-review, html body #rj-bundle-wizard .rjsw-review-card, html body #rj-bundle-wizard .rjsw-summary, html body #rj-bundle-wizard .rjt-voice, html body #rj-bundle-wizard .rjt-ver, html body #rj-bundle-wizard .rjsw-extra, html body #rj-bundle-wizard .rjsw-mpromo, html body #rj-bundle-wizard .rjs-more, html body #rj-bundle-wizard .rjsw-card, html body #rj-bundle-wizard .rjsw-box, html body #rj-bundle-wizard .rjsw-upsell, html body #rj-bundle-wizard .rjsw-promo, html body #rj-bundle-wizard .rjsw-mode-icon, html body #rj-bundle-wizard .rjsw-bed-type-tag, html body #rj-bundle-wizard #rjt-bonus, html body #rj-bundle-wizard .rjt-field.rjt-toh{background:#151a25!important; border-color:rgba(255,255,255,.16)!important; box-shadow:none!important; color:#f5f2f7}
html body #rj-bundle-wizard .rjsw-voice.selected, html body #rj-bundle-wizard .rjsw-version.selected, html body #rj-bundle-wizard .rjsw-prod-card.selected, html body #rj-bundle-wizard .rjsw-bed-card.in-pack, html body #rj-bundle-wizard .rjsw-singer.selected, html body #rj-bundle-wizard .rjsw-decade.selected, html body #rj-bundle-wizard .rjst-pack.selected, html body #rj-bundle-wizard .rjsw-pack.selected, html body #rj-bundle-wizard .rjt-voice.selected, html body #rj-bundle-wizard .rjt-ver.selected, html body #rj-bundle-wizard .rjsw-extra.selected, html body #rj-bundle-wizard .rjsw-voice.active, html body #rj-bundle-wizard .rjt-ver.active, html body #rj-bundle-wizard .rjsw-decade.on, html body #rj-bundle-wizard .rjsw-prod-card.on{background:rgba(239,44,146,.16)!important; border-color:#ff4fa3!important; box-shadow:0 0 0 1px #ff4fa3 inset!important}
/* headings and labels */
html body #rj-bundle-wizard h2, html body #rj-bundle-wizard h3, html body #rj-bundle-wizard h4, html body #rj-bundle-wizard .rjsw-h, html body #rj-bundle-wizard .rjt-h, html body #rj-bundle-wizard .rjsw-label, html body #rj-bundle-wizard .rjt-label, html body #rj-bundle-wizard .rjsw-voice-name, html body #rj-bundle-wizard .rjt-voice-name, html body #rj-bundle-wizard .rjt-ver-name, html body #rj-bundle-wizard .rjsw-prod-name, html body #rj-bundle-wizard .rjsw-screen-title, html body #rj-bundle-wizard .rjsw-mode-title, html body #rj-bundle-wizard .rjsw-bed-card-name, html body #rj-bundle-wizard .rjsw-lyrics-block-name, html body #rj-bundle-wizard .rjsw-fmt-head, html body #rj-bundle-wizard .rjwz-trust-h, html body #rj-bundle-wizard .rjs-trust-h, html body #rj-bundle-wizard .rjsw-trust-h, html body #rj-bundle-wizard .rjc-trust-h, html body #rj-bundle-wizard .rjsw-mpromo-name, html body #rj-bundle-wizard .rjsw-singer-name, html body #rj-bundle-wizard .rjsw-decade-name, html body #rj-bundle-wizard .rjst-pack-name{color:#f5f2f7!important}
html body #rj-bundle-wizard p, html body #rj-bundle-wizard li, html body #rj-bundle-wizard .rjsw-intro, html body #rj-bundle-wizard .rjt-intro, html body #rj-bundle-wizard .rjsw-counter, html body #rj-bundle-wizard .rjwz-trust-d, html body #rj-bundle-wizard .rjs-trust-d, html body #rj-bundle-wizard .rjsw-trust-d, html body #rj-bundle-wizard .rjc-trust-d, html body #rj-bundle-wizard .rjwz-trust-ico, html body #rj-bundle-wizard .rjs-trust-ico, html body #rj-bundle-wizard .rjsw-trust-ico, html body #rj-bundle-wizard .rjc-trust-ico, html body #rj-bundle-wizard .rjsw-mode-desc, html body #rj-bundle-wizard .rjsw-screen-sub, html body #rj-bundle-wizard .rjt-ver-desc, html body #rj-bundle-wizard .rjsw-mpromo-desc, html body #rj-bundle-wizard .rjwz-gbp-text, html body #rj-bundle-wizard .rjs-gbp-text, html body #rj-bundle-wizard .rjsw-gbp-text, html body #rj-bundle-wizard .rjc-gbp-text, html body #rj-bundle-wizard .rjsw-singer-creds, html body #rj-bundle-wizard .rjsw-singer-delivery{color:#cbc5d3!important}
html body #rj-bundle-wizard b, html body #rj-bundle-wizard strong{color:inherit!important}
/* script boxes and fields */
html body #rj-bundle-wizard textarea, html body #rj-bundle-wizard input[type=text], html body #rj-bundle-wizard input[type=email], html body #rj-bundle-wizard input[type=number], html body #rj-bundle-wizard input:not([type]), html body #rj-bundle-wizard select{background:#0e1118!important; color:#f5f2f7!important; border:1px solid rgba(255,255,255,.22)!important; border-radius:4px!important; font-size:16px!important}
html body #rj-bundle-wizard textarea::placeholder, html body #rj-bundle-wizard input[type=text]::placeholder{color:#8f889a!important}
html body #rj-bundle-wizard textarea:focus, html body #rj-bundle-wizard input[type=text]:focus{border-color:#ff4fa3!important; outline:2px solid rgba(255,79,163,.35)!important; outline-offset:1px}
/* pills, format and option buttons */
html body #rj-bundle-wizard .rjsw-pill, html body #rj-bundle-wizard .rjt-pill, html body #rj-bundle-wizard .rjsw-fmt-opt, html body #rj-bundle-wizard .rjsw-filter-pill, html body #rj-bundle-wizard .rjsw-sticky-cta-back, html body #rj-bundle-wizard .rjsw-bed-btn.play{background:transparent!important; color:#cbc5d3!important; border:1px solid rgba(255,255,255,.24)!important; min-height:44px; border-radius:3px!important}
html body #rj-bundle-wizard .rjsw-pill.active, html body #rj-bundle-wizard .rjt-pill.active, html body #rj-bundle-wizard .rjsw-fmt-opt.selected, html body #rj-bundle-wizard .rjsw-filter-pill.active, html body #rj-bundle-wizard .rjsw-pill.selected{background:rgba(239,44,146,.18)!important; color:#fff!important; border-color:#ff4fa3!important}
/* notes */
html body #rj-bundle-wizard .rjst-tip, html body #rj-bundle-wizard .rjwz-gbp, html body #rj-bundle-wizard .rjs-gbp, html body #rj-bundle-wizard .rjsw-gbp, html body #rj-bundle-wizard .rjc-gbp, html body #rj-bundle-wizard .rjsw-pack-bar.empty{background:rgba(255,255,255,.05)!important; border-color:rgba(255,255,255,.14)!important; color:#cbc5d3!important}
html body #rj-bundle-wizard .rjsw-overlimit{background:rgba(220,38,38,.16)!important; color:#fecaca!important; border-color:rgba(248,113,113,.5)!important}
/* prices, fees and links in the wizard's pink: the lighter pink reads on dark */
html body #rj-bundle-wizard .rjsw-prod-fee, html body #rj-bundle-wizard .rjs-more-ico, html body #rj-bundle-wizard .rjs-more-go, html body #rj-bundle-wizard .rjsw-mpromo-badge, html body #rj-bundle-wizard .rjsw-mode-price, html body #rj-bundle-wizard .rjsw-sticky-cta-total, html body #rj-bundle-wizard .rjsw-voice-badge, html body #rj-bundle-wizard .rjt-ver-price, html body #rj-bundle-wizard .rjst-pack-price, html body #rj-bundle-wizard .rjst-pack-pick, html body #rj-bundle-wizard .rjsw-voice-fee, html body #rj-bundle-wizard a:not([class]), html body #rj-bundle-wizard .rjsw-price-val, html body #rjs-footer [class*=total], html body #rjs-footer [id*=total], html body #rjfeb-footer [class*=total], html body #rjfeb-footer [id*=total], html body #rjd-footer [class*=total], html body #rjd-footer [id*=total], html body #rjc-footer [class*=total], html body #rjc-footer [id*=total], html body #rjt-footer [class*=total], html body #rjt-footer [id*=total], html body #rjo-footer [class*=total], html body #rjo-footer [id*=total], html body #rjy-footer [class*=total], html body #rjy-footer [id*=total], html body #rj6-footer [class*=total], html body #rj6-footer [id*=total], html body #rjst-footer [class*=total], html body #rjst-footer [id*=total], html body #rjp-footer [class*=total], html body #rjp-footer [id*=total]{color:#ff7cbf!important}
html body #rj-bundle-wizard #rjt-bonus span, html body #rj-bundle-wizard #rjt-bonus b, html body #rj-bundle-wizard #rjt-bonus strong{color:#f5f2f7!important}
/* the sticky buy bars and add-on bumps */
html body #rjs-footer, html body #rjfeb-footer, html body #rjd-footer, html body #rjc-footer, html body #rjt-footer, html body #rjo-footer, html body #rjy-footer, html body #rj6-footer, html body #rjst-footer, html body #rjp-footer{background:#151a25!important; border-top:1px solid #d1157a!important; color:#f5f2f7!important; box-shadow:0 -18px 40px -20px rgba(0,0,0,.9)!important}
html body #rjs-footer small, html body #rjs-footer label, html body #rjfeb-footer small, html body #rjfeb-footer label, html body #rjd-footer small, html body #rjd-footer label, html body #rjc-footer small, html body #rjc-footer label, html body #rjt-footer small, html body #rjt-footer label, html body #rjo-footer small, html body #rjo-footer label, html body #rjy-footer small, html body #rjy-footer label, html body #rj6-footer small, html body #rj6-footer label, html body #rjst-footer small, html body #rjst-footer label, html body #rjp-footer small, html body #rjp-footer label{color:#cbc5d3!important}
html body #rjfeb-bump, html body #rjd-bump, html body #rjc-bump{background:#151a25!important; color:#f5f2f7!important; border-color:rgba(255,255,255,.16)!important}
/* the theme's "Pairs well with" and "Guides" boxes under the wizard */
body.single-product:has(.rjc-inline) :is(.rj24-pairs, .rj24-guides){background:#151a25!important; border-color:rgba(255,255,255,.14)!important; color:#cbc5d3!important}
body.single-product:has(.rjc-inline) .rj24-pairs :is(a, [class*=card], [class*=item]){background:#0e1118!important; border-color:rgba(255,255,255,.14)!important; color:#cbc5d3!important}
body.single-product:has(.rjc-inline) :is(.rj24-pairs, .rj24-guides) :is(h2, h3, h4, strong, b){color:#f5f2f7!important}
body.single-product:has(.rjc-inline) .rj24-guides a{background:transparent!important; color:#ffc2e1!important; border-color:rgba(255,79,163,.5)!important}
body.single-product:has(.rjc-inline) .rj24-pairs [class*=price], body.single-product:has(.rjc-inline) .rj24-pairs a span:last-child{color:#ff7cbf!important}
/* phone: tap targets and readable text */
@media(max-width:760px){
  html body #rj-bundle-wizard .rjsw-pill, html body #rj-bundle-wizard .rjt-pill, html body #rj-bundle-wizard .rjsw-fmt-opt, html body #rj-bundle-wizard .rjsw-filter-pill, html body #rj-bundle-wizard .rjsw-sticky-cta-back, html body #rj-bundle-wizard .rjsw-bed-btn.play{min-height:44px; font-size:15px!important}
  html body #rj-bundle-wizard p, html body #rj-bundle-wizard li, html body #rj-bundle-wizard .rjsw-intro, html body #rj-bundle-wizard .rjt-intro, html body #rj-bundle-wizard .rjsw-counter, html body #rj-bundle-wizard .rjwz-trust-d, html body #rj-bundle-wizard .rjs-trust-d, html body #rj-bundle-wizard .rjsw-trust-d, html body #rj-bundle-wizard .rjc-trust-d, html body #rj-bundle-wizard .rjwz-trust-ico, html body #rj-bundle-wizard .rjs-trust-ico, html body #rj-bundle-wizard .rjsw-trust-ico, html body #rj-bundle-wizard .rjc-trust-ico, html body #rj-bundle-wizard .rjsw-mode-desc, html body #rj-bundle-wizard .rjsw-screen-sub, html body #rj-bundle-wizard .rjt-ver-desc, html body #rj-bundle-wizard .rjsw-mpromo-desc, html body #rj-bundle-wizard .rjwz-gbp-text, html body #rj-bundle-wizard .rjs-gbp-text, html body #rj-bundle-wizard .rjsw-gbp-text, html body #rj-bundle-wizard .rjc-gbp-text, html body #rj-bundle-wizard .rjsw-singer-creds, html body #rj-bundle-wizard .rjsw-singer-delivery{font-size:15px!important; line-height:1.55!important}
  html body #rj-bundle-wizard button[class*=play]{min-width:44px!important; min-height:44px!important}
  html body #rj-bundle-wizard .rjsw-mpromo{flex-direction:column!important; align-items:flex-start!important; gap:12px!important; text-align:left!important}
  html body #rj-bundle-wizard .rjsw-voices{grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important}
  html body #rj-bundle-wizard .rjsw-voice{padding:10px 4px!important}
}
/* the buy bar waits until a voice is chosen (REVIEW-AB: "Buy now £10" showed before anything was picked) */

/* the sung pack bar (12 Oct): the builder's white chips kept their white ground under light text ("2 jingles: Hot FM 7 x"), and
   its pink tier line sat pink-on-pink; both re-coloured for the dark ground, every pair >= 4.5:1 */
html body #rj-bundle-wizard .rjsw-pack-chip{background:rgba(239,44,146,.2)!important; border-color:#ff4fa3!important; color:#f5f2f7!important}
html body #rj-bundle-wizard .rjsw-pack-chip-remove{background:transparent!important; color:#ffc2e1!important}
html body #rj-bundle-wizard .rjsw-pack-tier-msg{background:rgba(255,255,255,.06)!important; color:#ffc2e1!important}
html body #rj-bundle-wizard .rjsw-pack-tier-msg.unlocked{background:rgba(61,220,151,.14)!important; color:#bdf5dc!important}
html body #rj-bundle-wizard{--fb-muted:#b3adbf; --rj-muted:#b3adbf; --muted:#b3adbf}
html body #rj-bundle-wizard .rjsw-step, html body #rj-bundle-wizard .rjsw-voice, html body #rj-bundle-wizard .rjsw-version, html body #rj-bundle-wizard .rjsw-prod-card, html body #rj-bundle-wizard .rjwz-trust, html body #rj-bundle-wizard .rjs-trust, html body #rj-bundle-wizard .rjsw-trust, html body #rj-bundle-wizard .rjc-trust, html body #rj-bundle-wizard .rjsw-mode-card, html body #rj-bundle-wizard .rjsw-bed-card, html body #rj-bundle-wizard .rjsw-lyrics-block, html body #rj-bundle-wizard .rjsw-fmt-bar, html body #rj-bundle-wizard .rjt-step, html body #rj-bundle-wizard .rjsw-pack-bar, html body #rj-bundle-wizard .rjsw-sticky-cta, html body #rj-bundle-wizard .rjsw-singer, html body #rj-bundle-wizard .rjsw-decade, html body #rj-bundle-wizard .rjsw-pack, html body #rj-bundle-wizard .rjst-pack, html body #rj-bundle-wizard .rjsw-review, html body #rj-bundle-wizard .rjsw-review-card, html body #rj-bundle-wizard .rjsw-summary, html body #rj-bundle-wizard .rjt-voice, html body #rj-bundle-wizard .rjt-ver, html body #rj-bundle-wizard .rjsw-extra, html body #rj-bundle-wizard .rjsw-mpromo, html body #rj-bundle-wizard .rjs-more, html body #rj-bundle-wizard .rjsw-card, html body #rj-bundle-wizard .rjsw-box, html body #rj-bundle-wizard .rjsw-upsell, html body #rj-bundle-wizard .rjsw-promo, html body #rj-bundle-wizard .rjsw-mode-icon, html body #rj-bundle-wizard .rjsw-bed-type-tag, html body #rj-bundle-wizard #rjt-bonus, html body #rj-bundle-wizard .rjt-field.rjt-toh{background:#2e3850!important; border-color:rgba(255,255,255,.22)!important}
html body #rj-bundle-wizard textarea, html body #rj-bundle-wizard input[type=text], html body #rj-bundle-wizard input[type=email], html body #rj-bundle-wizard input[type=number], html body #rj-bundle-wizard input:not([type]), html body #rj-bundle-wizard select{background:#222b3d!important}

/* builder look A (looks.py, Paul 12 Oct): plain facts strip (no icons), currency note as text, lighter first step, soft voice cards */
html body #rj-bundle-wizard .rjwz-trust-ico, html body #rj-bundle-wizard .rjs-trust-ico, html body #rj-bundle-wizard .rjsw-trust-ico, html body #rj-bundle-wizard .rjc-trust-ico{display:none!important}
html body #rj-bundle-wizard .rjwz-trust, html body #rj-bundle-wizard .rjs-trust, html body #rj-bundle-wizard .rjsw-trust, html body #rj-bundle-wizard .rjc-trust{box-shadow:none!important}
html body #rj-bundle-wizard .rjwz-gbp, html body #rj-bundle-wizard .rjs-gbp, html body #rj-bundle-wizard .rjsw-gbp, html body #rj-bundle-wizard .rjc-gbp{background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:2px 0 20px!important; display:block!important}
html body #rj-bundle-wizard .rjwz-gbp-ico, html body #rj-bundle-wizard .rjs-gbp-ico, html body #rj-bundle-wizard .rjsw-gbp-ico, html body #rj-bundle-wizard .rjc-gbp-ico{display:none!important}
html body #rj-bundle-wizard .rjwz-gbp-text , html body #rj-bundle-wizard .rjwz-gbp-text strong, html body #rj-bundle-wizard .rjs-gbp-text , html body #rj-bundle-wizard .rjs-gbp-text strong, html body #rj-bundle-wizard .rjsw-gbp-text , html body #rj-bundle-wizard .rjsw-gbp-text strong, html body #rj-bundle-wizard .rjc-gbp-text , html body #rj-bundle-wizard .rjc-gbp-text strong{font-size:13px!important; line-height:1.5!important; color:#cbc5d3!important; font-weight:400!important}
html body #rj-bundle-wizard .rjsw-step[data-step="1"], html body #rj-bundle-wizard .rjt-step:first-of-type{background:#3a4560!important; border:0!important}
html body #rj-bundle-wizard .rjsw-voice, html body #rj-bundle-wizard .rjt-voice{border:0!important; box-shadow:none!important; background:rgba(255,255,255,.07)!important; color:#f5f2f7!important}
html body #rj-bundle-wizard .rjsw-voice.selected, html body #rj-bundle-wizard .rjsw-voice.active, html body #rj-bundle-wizard .rjt-voice.selected{box-shadow:0 0 0 2px #ff4fa3 inset!important; background:rgba(239,44,146,.2)!important}



/* 3. product grids */
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product), html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) :is(#ajax-content-wrap, .container-wrap, .container-wrap .main-content, .container.main-content){background:#0e1118!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) :is(h1.page-title, .woocommerce-products-header__title, .page-header h1, h1){color:#f5f2f7!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) :is(.woocommerce-result-count, .term-description, .term-description *){color:#cbc5d3!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) .woocommerce-ordering select{background:#151a25!important; color:#f5f2f7!important; border:1px solid rgba(255,255,255,.24)!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) ul.products li.product{background:#151a25!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:4px!important; overflow:hidden; box-shadow:none!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) ul.products li.product:is(:hover, :focus-within){border-color:#ff4fa3!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) ul.products li.product :is(.pOverlay, .product-wrap){display:none!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) ul.products li.product{position:relative!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) ul.products li.product .personalProduct > a.woocommerce-LoopProduct-link{position:static!important; display:block; font-size:0; line-height:0}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) ul.products li.product .personalProduct > a.woocommerce-LoopProduct-link::after{content:""; position:absolute; inset:0; z-index:2}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) ul.products li.product .personalProduct{background:transparent!important; padding:26px 24px 24px!important; min-height:0!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) ul.products li.product .product-wrap{background:transparent!important; min-height:0!important; height:auto!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) ul.products li.product .product-add-to-cart{display:none!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) ul.products li.product .woocommerce-loop-product__title{position:static!important; color:#f5f2f7!important; font:800 26px/1.08 var(--rj-disp)!important; text-transform:uppercase; margin:0 0 12px!important; padding:0!important; text-align:left!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) #ajax-content-wrap ul.products li.product span.price{position:static!important; display:block; color:#cbc5d3!important; font:600 20px/1.2 var(--rj-sans)!important; padding:0!important; margin:0!important; text-align:left!important; left:auto!important; text-indent:0!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) #ajax-content-wrap ul.products li.product span.price *{color:#cbc5d3!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) #ajax-content-wrap ul.products li.product span.price del, html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) #ajax-content-wrap ul.products li.product span.price del *{color:#b3adbf!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) #ajax-content-wrap ul.products li.product span.price::after{content:"See it \2192"; display:block; margin-top:16px; color:#ff7cbf; font:700 15px/1 var(--rj-sans)}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) #ajax-content-wrap ul.products li.product .woocommerce-loop-product__title{color:#f5f2f7!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) :is(.woocommerce-pagination, nav.woocommerce-pagination) :is(a, span){color:#cbc5d3!important; background:transparent!important; border-color:rgba(255,255,255,.14)!important}
html body:is(.tax-product_cat, .tax-product_tag, .post-type-archive-product) :is(.woocommerce-pagination, nav.woocommerce-pagination) span.current{background:#d8306a!important; color:#fff!important}


/* 4. pages still on the older landing block: its palette on the dark theme, no coloured word in a headline */
html body .rj-page{--rj-text:#f5f2f7; --rj-text-2:#cbc5d3; --rj-text-3:#b3adbf; --rj-bg:#0e1118; --rj-primary:#151a25; --rj-primary-dark:#0e1118; --rj-border:rgba(255,255,255,.14);
  --rj-border-strong:rgba(255,255,255,.26); --rj-accent:#ff4fa3; --rj-accent-hover:#ff7cbf; --rj-ink:#f5f2f7; --rj-muted:#b3adbf; --rj-line:rgba(255,255,255,.14);
  --rj-pink:#ff4fa3; --rj-pink-dark:#ff7cbf; --rj-pink-light:rgba(239,44,146,.16); --rj-pink-lighter:rgba(239,44,146,.10);
  --rj-success-bg:rgba(61,220,151,.14); --rj-info-bg:rgba(55,138,221,.16); --rj-warning-bg:rgba(245,158,11,.16); --rj-green-bg:rgba(61,220,151,.14);
  background:#0e1118!important; color:#cbc5d3}
html body .rj-page :is(.rj-section, .rj-section--alt, .rj-section--soft, .rj-hero, .rj-pull, .rj-portrait, .rj-tile, .rj-voice, .rj-offer, .rj-card, .rj-step, .rj-faq, .rj-quote){background:#151a25!important; border-color:rgba(255,255,255,.14)!important; color:#cbc5d3!important}
html body .rj-page .rj-section{background:#0e1118!important}
html body .rj-page :is(.rj-section--alt, .rj-section--soft){background:#121722!important}
html body .rj-page :is(h1, h2, h3, h4){color:#f5f2f7!important}
html body .rj-page :is(h1, h2, h3) :is(em, span, i){color:inherit!important; font-style:normal!important}
html body .rj-page :is(p, li, .rj-section-head p, .rj-tile-price, .rj-step-desc, .rj-offer-desc, .rj-voice-tag){color:#cbc5d3!important}
html body .rj-page .rj-btn-primary, html body .rj-page .rj-btn-on-dark{background:#d8306a!important; border-color:#d8306a!important; color:#fff!important}
html body .rj-page .rj-btn-primary:is(:hover,:focus-visible), html body .rj-page .rj-btn-on-dark:is(:hover,:focus-visible){background:#c2255c!important; color:#fff!important}
html body .rj-page .rj-btn-secondary{color:#f5f2f7!important; border-color:rgba(255,255,255,.3)!important}
html body .rj-page .rj-filter.is-active{background:#d8306a!important; border-color:#d8306a!important; color:#fff!important}


/* 5. "Pairs well with" and "Guides" under every product (their inline white styles) */
html body :is(.rj24-pairs, .rj24-guides){background:#151a25!important; border-color:rgba(255,255,255,.14)!important; color:#cbc5d3!important}
html body :is(.rj24-pairs, .rj24-guides) > strong{color:#f5f2f7!important}
html body .rj24-pairs a.rj24-pair{background:#0e1118!important; border-color:rgba(255,255,255,.14)!important; color:#f5f2f7!important}
html body .rj24-pairs a.rj24-pair:is(:hover,:focus-visible){border-color:#ff4fa3!important}
html body .rj24-pairs a.rj24-pair span{color:#cbc5d3!important}
html body .rj24-pairs a.rj24-pair span:first-child{color:#f5f2f7!important}
html body .rj24-pairs a.rj24-pair span:last-child{color:#ff7cbf!important}
html body .rj24-guides a{background:rgba(239,44,146,.14)!important; color:#ff9bd0!important; border-color:transparent!important}
html body .rj24-guides a:is(:hover,:focus-visible){background:rgba(239,44,146,.24)!important; color:#fff!important}


/* 6. white text on a pink fill: one fill everywhere, #d8306a (4.6:1 with white), darker on hover / focus / press; pink accents untouched */
html body button[class*=play], html body .rjsw-voice-play, html body .rjsw-btn.primary, html body #rjb-add, html body .rjsw-sticky-cta-btn, html body .btn-pk, html body .rjc .btn-pk, html body .rjsw-mpromo-go, html body .single_add_to_cart_button, html body .checkout-button, html body #place_order, html body .wc-proceed-to-checkout a, html body .rj24ob-badge, html body #rj24obBadge, html body .rj24-acct-pill, html body .rjsw-footer .rjsw-btn, html body [class*=-footer] .rjsw-btn.primary{background-color:#d8306a!important; background-image:none!important; border-color:#d8306a!important; color:#fff!important}
html body button[class*=play]:is(:hover,:focus-visible,:active), html body .rjsw-voice-play:is(:hover,:focus-visible,:active), html body .rjsw-btn.primary:is(:hover,:focus-visible,:active), html body #rjb-add:is(:hover,:focus-visible,:active), html body .rjsw-sticky-cta-btn:is(:hover,:focus-visible,:active), html body .btn-pk:is(:hover,:focus-visible,:active), html body .rjc .btn-pk:is(:hover,:focus-visible,:active), html body .rjsw-mpromo-go:is(:hover,:focus-visible,:active), html body .single_add_to_cart_button:is(:hover,:focus-visible,:active), html body .checkout-button:is(:hover,:focus-visible,:active), html body #place_order:is(:hover,:focus-visible,:active), html body .wc-proceed-to-checkout a:is(:hover,:focus-visible,:active), html body .rj24ob-badge:is(:hover,:focus-visible,:active), html body #rj24obBadge:is(:hover,:focus-visible,:active), html body .rj24-acct-pill:is(:hover,:focus-visible,:active), html body .rjsw-footer .rjsw-btn:is(:hover,:focus-visible,:active), html body [class*=-footer] .rjsw-btn.primary:is(:hover,:focus-visible,:active){background-color:#c2255c!important; border-color:#c2255c!important; color:#fff!important}
html body button[class*=play] *, html body .rjsw-voice-play *, html body .rjsw-btn.primary *, html body #rjb-add *, html body .rjsw-sticky-cta-btn *, html body .btn-pk *, html body .rjc .btn-pk *, html body .rjsw-mpromo-go *, html body .single_add_to_cart_button *, html body .checkout-button *, html body #place_order *, html body .wc-proceed-to-checkout a *, html body .rj24ob-badge *, html body #rj24obBadge *, html body .rj24-acct-pill *, html body .rjsw-footer .rjsw-btn *, html body [class*=-footer] .rjsw-btn.primary *{color:#fff!important}
/* the footer legal line: no separator dots (spacing does the job), readable links */
html body .rj24-foot-legal span{display:none!important}
html body .rj24-foot-legal{display:flex!important; flex-wrap:wrap; gap:6px 18px}
html body .rj24-foot-legal a{color:#b3adbf!important}
html body .rj24-foot-legal a:is(:hover,:focus-visible){color:#fff!important}
/* header sub-menus: the theme paints a hovered / current item light grey under white text */
html body #header-outer .sub-menu li > a, html body #header-outer .sub-menu li:is(.current-menu-item, :hover, :focus-within) > a{background:#151a25!important; color:#f5f2f7!important}
html body #header-outer .sub-menu li > a:is(:hover,:focus-visible){background:#232a3a!important; color:#fff!important}
html body #search-box :is(span, input, input::placeholder){color:#fff!important}


/* 7. plain content pages (contact, privacy, terms): the dark page, readable type, the contact form as a panel */
html body.page:not(:has(.rjc, .rj-page, #rs24, #rs24s, #rj-ai-studio, [id^="rjc-"], #rj-dj, .rj-instant, #rj-instant, #rj-ip, #rj24-fd, .rjsw)), html body.page:not(:has(.rjc, .rj-page, #rs24, #rs24s, #rj-ai-studio, [id^="rjc-"], #rj-dj, .rj-instant, #rj-instant, #rj-ip, #rj24-fd, .rjsw)) :is(#ajax-content-wrap, .container-wrap, .container-wrap .main-content, .container.main-content){background:#0e1118!important}
html body.page:not(:has(.rjc, .rj-page, #rs24, #rs24s, #rj-ai-studio, [id^="rjc-"], #rj-dj, .rj-instant, #rj-instant, #rj-ip, #rj24-fd, .rjsw)) .main-content :is(h1, h2, h3, h4, h5, strong, b){color:#f5f2f7!important}
html body.page:not(:has(.rjc, .rj-page, #rs24, #rs24s, #rj-ai-studio, [id^="rjc-"], #rj-dj, .rj-instant, #rj-instant, #rj-ip, #rj24-fd, .rjsw)) .main-content :is(p, li, td, th, span, label, dd, dt, address){color:#cbc5d3!important}
html body.page:not(:has(.rjc, .rj-page, #rs24, #rs24s, #rj-ai-studio, [id^="rjc-"], #rj-dj, .rj-instant, #rj-instant, #rj-ip, #rj24-fd, .rjsw)) .main-content a:not([class*=btn]):not(.button){color:#ff7cbf!important}
html body.page:not(:has(.rjc, .rj-page, #rs24, #rs24s, #rj-ai-studio, [id^="rjc-"], #rj-dj, .rj-instant, #rj-instant, #rj-ip, #rj24-fd, .rjsw)) .main-content :is(table, td, th){border-color:rgba(255,255,255,.14)!important; background:transparent!important}
html body .rj24-contact :is(.rj24c-card, .rj24c-form-card){background:#151a25!important; border-color:rgba(255,255,255,.14)!important; box-shadow:none!important}
html body .rj24-contact :is(input, select, textarea){background:#0e1118!important; color:#f5f2f7!important; border:1px solid rgba(255,255,255,.24)!important}
html body .rj24-contact :is(input, textarea)::placeholder{color:#b3adbf!important}
html body .rj24-contact :is(button, input[type=submit]){background:#d8306a!important; color:#fff!important; border-color:#d8306a!important}


/* 8. product option forms (TM extra options, e.g. the Santa offers): dark fields on the dark frame */
html body .tm-extra-product-options :is(.cpf-section, .tc-container, .tc-cell, .tmcp-field-wrap, .tmcp-field-wrap-inner, .tc-element-inner-wrap){background:transparent!important; border-color:rgba(255,255,255,.14)!important; box-shadow:none!important}
html body .tm-extra-product-options :is(label, h2, h3, h4, .tc-epo-label, .tm-epo-field-label, .tm-description, p, span){color:#cbc5d3!important}
html body .tm-extra-product-options :is(h2, h3, .tc-epo-label){color:#f5f2f7!important}
html body .tm-extra-product-options .tm-epo-required{color:#ff8fa3!important}
html body .tm-extra-product-options :is(textarea, input[type=text], input[type=email], input[type=number], select){background:#0e1118!important; color:#f5f2f7!important; border:1px solid rgba(255,255,255,.24)!important}
html body .tm-extra-product-options :is(textarea, input)::placeholder{color:#b3adbf!important}
html body :is(.tc-totals-form, .tm-epo-totals, .tm-final-totals) :is(*, dt, dd){background:transparent!important; color:#cbc5d3!important}


/* 9. what the crawl still measured under 4.5:1 with sections 1-8 in place */
html body .rj24-contact{background:#0e1118!important; color:#cbc5d3!important}
html body .rj24-contact :is(section, .rj24c-hero, .rj24c-side-card, .rj24c-faq-item, .rj24c-trust, .rj24c-trust-item, .rj24c-mini span){background:#151a25!important; border-color:rgba(255,255,255,.14)!important; box-shadow:none!important}
html body .rj24-contact > section{background:transparent!important}
html body .rj24-contact :is(h1, h2, h3, h4, strong, b, summary, .rj24c-trust-num){color:#f5f2f7!important}
html body .rj24-contact :is(p, span, li, label, .rj24c-trust-lab, .rj24c-trust-line){color:#cbc5d3!important}
html body .rj24-contact :is(.rj24c-eyebrow, a:not([class*=btn]):not(button)){color:#ff7cbf!important; background:transparent!important}
html body #search-box .inner-wrap :is(span, .col span){color:#fff!important}
html body :is(dl.tm-extra-product-options-totals, .tm-extra-product-options-totals){background:transparent!important}
html body :is(dl.tm-extra-product-options-totals, .tm-extra-product-options-totals) :is(dt, dd, span){color:#cbc5d3!important}
html body .rj-page :is(.rj-eyebrow, .rj-singer-name, .rj-s, .rj-stars, a:not([class*=btn])){color:#ff7cbf!important}
html body .rj-page .rj-singer-badge{background:#d8306a!important; color:#fff!important}
html body.single-product .summary .rj24-aigift-line, html body.single-product .summary .rj24-aigift-line *{color:#cbc5d3!important; opacity:1!important}
html body.single-product .summary .rj24-aigift-line :is(strong, b){color:#f5f2f7!important}
html body.single-product .summary .rj24-aigift-line a{color:#ff7cbf!important}
html body #rj-bundle-wizard .rjb-inc > div{background:#222b3d!important; border-color:rgba(255,255,255,.14)!important}
html body #rj-bundle-wizard .rjb-inc > div :is(b, strong){color:#f5f2f7!important}
html body #rj-bundle-wizard .rjb-inc > div span{color:#cbc5d3!important}
html body #rj-bundle-wizard :is(.rjsw-voice-tag, .rjst-group, .rjsw-tiernote, .rjsw-counter, .rjsw-label small){color:#b3adbf!important}
html body #rj-bundle-wizard .rjsw-voice-fee{color:#ffb3d9!important}
html body #rj-bundle-wizard button.rjsw-voice-play{background:#d8306a!important; color:#fff!important}
html body #rjb-footer{background:#151a25!important; border-top:1px solid rgba(255,255,255,.14)!important; box-shadow:none!important}
html body #rjb-footer :is(span, label, small, div){color:#cbc5d3!important}
html body #rjb-footer :is(b, strong, [class*=total]){color:#f5f2f7!important}
html body #rjb-footer .rjsw-btn.primary{background:#d8306a!important; color:#fff!important}


/* 10. the voice picker (AI Studio, try page, voices): Builder A cards - dark card, pink ring when chosen, text readable in every state
       (Paul 12 Oct: the chosen card went near-white under white text) */
html body .rj24-vp-v2{color:#cbc5d3}
html body .rj24-vp-v2 .rj24-vp-v2-card{background:#222b3d!important; border:2px solid rgba(255,255,255,.14)!important; box-shadow:none!important; color:#f5f2f7!important}
html body .rj24-vp-v2 .rj24-vp-v2-card:is(:hover, :focus-visible){border-color:#ff4fa3!important; background:#2a3447!important}
html body .rj24-vp-v2 .rj24-vp-v2-card.selected{background:rgba(239,44,146,.20)!important; border-color:#ff4fa3!important; box-shadow:0 0 0 2px #ff4fa3 inset!important}
html body .rj24-vp-v2 .rj24-vp-v2-card :is(.rj24-vp-v2-card-name, b, strong){color:#f5f2f7!important}
html body .rj24-vp-v2 .rj24-vp-v2-card :is(span, small, div, .rj24-vp-v2-card-tags *){color:#cbc5d3!important}
html body .rj24-vp-v2 .rj24-vp-v2-card-tags > *{background:rgba(255,255,255,.08)!important; border-color:transparent!important}
html body .rj24-vp-v2 .rj24-vp-v2-play{color:#ffb3d9!important; border-color:rgba(255,124,191,.5)!important; background:transparent!important}
html body .rj24-vp-v2 .rj24-vp-v2-play:is(:hover, :focus-visible, :active){background:#d8306a!important; color:#fff!important; border-color:#d8306a!important}
html body .rj24-vp-v2 :is(label, .rj24-vp-v2-count, .rj24-vp-v2-count span, .rj24-vp-v2-meta){color:#cbc5d3!important}
html body .rj24-vp-v2 :is(select, input){background:#0e1118!important; color:#f5f2f7!important; border:1px solid rgba(255,255,255,.24)!important}
html body .rj24-vp-v2 .rj24-vp-v2-qp{background:transparent!important; color:#cbc5d3!important; border-color:rgba(255,255,255,.24)!important}
html body .rj24-vp-v2 .rj24-vp-v2-qp.active{background:#d8306a!important; color:#fff!important; border-color:#d8306a!important}
html body .rj24-vp-v2 :is(.rj24-vp-v2-clear, .rj24-vp-v2-load){color:#ffb3d9!important; background:transparent!important; border-color:rgba(255,124,191,.5)!important}
html body .rj24-vp-v2 .rj24-vp-v2-empty, html body .rj24-vp-v2 .rj24-vp-v2-empty *{color:#cbc5d3!important; background:transparent!important}

/* 11. the rest the crawl measured */
html body div#search-box div.inner-wrap div.col span{color:#fff!important}
html body :is([id$="-wizard"], .rjsw) :is(.rjsw-voice-tag, .rjst-pack-per){color:#cbc5d3!important}
html body :is([id$="-wizard"], .rjsw) :is(.rjsw-voice-badge, .rjsw-voice-fee, .rjst-pack-price, .rjst-pack-pick, .rjst-more a){color:#ffb3d9!important}
html body :is([id$="-wizard"], .rjsw) :is(.rjst-badge){background:#d8306a!important; color:#fff!important}
html body :is(.rjsw-footer, [id$="-footer"]) .rj24-rush span{color:#cbc5d3!important}
html body :is(#rjt-add, .rjsw-bed-btn.add, .hf-choose, span.onsale){background:#d8306a!important; color:#fff!important; border-color:#d8306a!important}
html body .hf-choose:is(:hover, :focus-visible){background:#c2255c!important}
html body nav.woocommerce-pagination :is(a, span){color:#cbc5d3!important; background:transparent!important; border-color:rgba(255,255,255,.14)!important}
html body nav.woocommerce-pagination a:is(:hover, :focus-visible, :active){color:#fff!important; background:#232a3a!important}
html body nav.woocommerce-pagination span.current{background:#d8306a!important; color:#fff!important}
html body .sub-menu li > a, html body .sub-menu li:is(.current-menu-item, :hover, :focus-within) > a{background-color:#151a25!important; color:#f5f2f7!important}
html body .sub-menu li > a:is(:hover, :focus-visible){background-color:#232a3a!important; color:#fff!important}
html body #rj-ip .tiers .tier{background:#151a25!important; border-color:rgba(255,255,255,.14)!important}
html body #rj-ip .tiers .tier :is(.n, span, b){color:#f5f2f7!important}
html body #rj-ip .tiers .tier.pop{background:#d8306a!important; border-color:#d8306a!important}
html body #rj-ip .tiers .tier.pop *{color:#fff!important}
html body form.cart :has(> dl.tm-extra-product-options-totals), html body .tm-epo-totals, html body [class*=tm-extra-product-options-totals]{background:transparent!important}
html body #cookie-law-info-bar{background:#151a25!important; color:#cbc5d3!important; border-top:1px solid rgba(255,255,255,.14)!important}
html body #cookie-law-info-bar :is(span, p){color:#cbc5d3!important}
html body #cookie-law-info-bar a.cli_settings_button{color:#ffb3d9!important}
html body .rj-page :is([style*="E91E63" i], [style*="EC4899" i], .rj-voice-name, .rj-voice-price, .rj-singer-price){color:#ff7cbf!important}
html body .rj-page #rj-voices-count, html body section #rj-voices-count{color:#cbc5d3!important; background:transparent!important}
html body.single-product .woocommerce-product-rating :is(.star-rating, .star-rating *, .woocommerce-review-link){color:#ffb3d9!important}
/* AI Studio keeps its own light tool panels; inside them the muted grey, the pink and the green move to readable tones */
html body #rj-ai-studio :is(small, .ais-demos-note, .ais-vs, .ais-count, .ais-sfx-picker-empty, .ais-voices > p){color:#5b6474!important}
html body #rjais-footer :is(.lab, .ais-foot-disc){color:#5b6474!important}
html body :is(#rj-ai-studio, #rjais-footer, #rj24-fd) :is(.ais-btn-primary, #ais-create, .ais-step-n, .rj24ais-cta-primary){background:#d8306a!important; color:#fff!important; border-color:#d8306a!important}
html body :is(#rj-ai-studio, #rjais-footer) :is(.ais-step-caret, .ais-how-num, .ais-honest a, .ais-tab.active, #ais-foot-account-text){color:#b0105f!important}
html body :is(#rj24-fd .fd-eyebrow, .rj24ais-cta-eyebrow){color:#047857!important}
html body .rj24ais-cta-primary{background:#047857!important; color:#fff!important}
/* the try page's own buttons: white text on the pink */
html body #rj-instant :is(a.btn.pri, a.btn.pri *, .pack .flag){color:#fff!important}
html body #rj-instant .pack .flag{background:#d8306a!important}
html body #rj-instant a.btn.pri{background:#d8306a!important}
html body #rj-instant a.btn.pri:is(:hover, :focus-visible){background:#c2255c!important}


/* 12. phones: the theme's white page wrapper showed in the margins; the AI Studio sticky bar and its "versus" box */
html body:not(:has(#rs24)) :is(#ajax-content-wrap, .container-wrap, .container-wrap .main-content){background-color:#0e1118!important}
html body #rjais-footer{background:#151a25!important; border-top:1px solid rgba(255,255,255,.14)!important; box-shadow:none!important}
html body #rjais-footer :is(span, small, div, .lab, .ais-foot-disc){color:#cbc5d3!important}
html body #rjais-footer :is(b, strong, [class*=price], [class*=total]){color:#f5f2f7!important}
html body #rjais-footer a.ais-foot-link{background:transparent!important; color:#ffb3d9!important; border-color:rgba(255,124,191,.5)!important}
html body #rjais-footer a.ais-foot-link *{color:#ffb3d9!important}
html body #rj24-fd .fd-vs{background:#151a25!important; border-color:rgba(255,255,255,.14)!important}
html body #rj24-fd .fd-vs *{color:#cbc5d3!important}
html body #rj24-fd .fd-vs :is(b, strong, h3, h4){color:#f5f2f7!important}


/* 13. rules that still lost on specificity (measured with the crawl's CDP matched-styles probe) */
html body nav.woocommerce-pagination ul li:not(#rjx), html body nav.woocommerce-pagination ul:not(#rjx){color:#cbc5d3!important}
html body nav.woocommerce-pagination ul li span.current:not(#rjx){color:#fff!important}
html body :is([id$="-wizard"], .rjsw) :is(.rjsw-voice-tag, .rjst-pack-per, .rjst-group, .rjsw-tiernote):not(#rjx){color:#cbc5d3!important}
html body :is([id$="-wizard"], .rjsw) :is(.rjsw-voice-badge, .rjsw-voice-fee, .rjst-pack-price, .rjst-pack-pick, .rjst-more a):not(#rjx){color:#ffc2e0!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(.tiers .tier, .ladder .step):not(#rjx){background:#151a25!important; border-color:rgba(255,255,255,.14)!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(.tiers .tier, .ladder .step) :is(.n, span, b):not(#rjx){color:#f5f2f7!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(.tiers .tier.pop, .ladder .step.pop):not(#rjx){background:#d8306a!important; border-color:#d8306a!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(.tiers .tier.pop, .ladder .step.pop) *:not(#rjx){color:#fff!important}
html body #rj-instant a.btn.pri :is(.rj-pack, .rj-trial, span):not(#rjx){color:#fff!important}
html body :is(.tm-extra-product-options-totals, .tm-custom-price-totals, .tc-totals-form, .tm-totals-form-main):not(#rjx){background:transparent!important}
html body form.cart div:has(> dl.tm-extra-product-options-totals):not(#rjx){background:transparent!important}
html body #cookie-law-info-bar a:not(.cli-plugin-button):not(.cli_action_button):not(#rjx){color:#ffc2e0!important}
html body .rj-page section > div > div:not(#rjx):not([class]){color:inherit}
html body .rj-page :is(.rj-section, .rj-section--alt, .rj-section--soft) > div:not(#rjx){background-color:transparent}
/* the voice picker sits in its own dark panel, so its light text is readable on AI Studio's light panels too */
html body .rj24-vp-v2:not(#rjx){background:#151a25!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:6px!important; padding:14px!important}
html body .rj24-vp-v2 :is(.rj24-vp-v2-body, .rj24-vp-v2-row, .rj24-vp-v2-quality, .rj24-vp-v2-recnote, .rj24-vp-v2-count):not(#rjx){background:transparent!important}
html body .rj24-vp-v2 .rj24-vp-v2-recnote :is(b, strong):not(#rjx){color:#f5f2f7!important}
html body #rj-voices-count:not(#rjx), html body section div:has(> #rj-voices-count):not(#rjx){background:transparent!important; color:#cbc5d3!important}


/* 14. the last measured failures */
html body .rj24-vp-v2 .rj24-vp-v2-count :is(b, strong):not(#rjx), html body .rj24-vp-v2 .rj24-vp-v2-meta :is(b, strong):not(#rjx){color:#f5f2f7!important}
html body #rjais-footer #ais-foot-account-text:not(#rjx){color:#ffc2e0!important}
html body #rj-instant .rjid-cta:not(#rjx){background:#151a25!important; border:1px solid rgba(255,255,255,.14)!important}
html body #rj-instant .rjid-cta :is(h2, h3, h4, strong):not(#rjx){color:#f5f2f7!important}
html body #rj-instant .rjid-cta p:not(#rjx){color:#cbc5d3!important}
html body #rj-instant .rjid-cta a:not(#rjx){background:#d8306a!important; color:#fff!important; border-color:#d8306a!important}
html body #rj-instant .rjid-cta a:is(:hover, :focus-visible):not(#rjx){background:#c2255c!important}
html body .rjid-cart-bar-btn.primary:not(#rjx){background:#d8306a!important; color:#fff!important; border-color:#d8306a!important}
html body .rjid-cart-bar-btn.primary:is(:hover, :focus-visible):not(#rjx){background:#c2255c!important}
html body section div:has(#rj-voices-count):not(#rjx){background:transparent!important}
html body section:has(#rj-voices-count):not(#rjx){background-color:#0e1118!important}
/* 15. launch week: the free-sweeper notes (shown by the sung page's own script only while the offer runs) */
html body .rj24-fs-note[hidden]{display:none!important}
html body .rj24-fs-note:not(#rjx){margin:14px 0 0!important; padding:10px 14px!important; border-radius:6px!important; background:rgba(216,48,106,.16)!important; color:#f5f2f7!important; font-size:15px; line-height:1.5}
html body .rj24-fs-note b:not(#rjx){color:#fff!important}
html body .rj-page section > div > div:not([class]):not(#rjx){color:#cbc5d3!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(.tiers .tier, .ladder .step) .n:not(#rjx){background:rgba(255,255,255,.08)!important; color:#f5f2f7!important}
html body :is(#rj-adv, #rj-dj, #rj-cr, #rj-us, #rj-ir, #rj-ip, #rj-club) :is(.tiers .tier.pop, .ladder .step.pop) .n:not(#rjx){background:#a31d4f!important; color:#fff!important}


/* 16. basket and checkout: the page went dark with sections 7 and 12, so every panel on them follows (they take the money: readable first) */
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap :is(.cart-collaterals .cart_totals, .rj24-pairs-wrap, .rj24keep, #order_review, .woocommerce-checkout-review-order, .shop_table,
  .woocommerce-checkout-review-order-table, #payment, .woocommerce-checkout-payment, .rj24-trust, .product-container, .cart_item, .woocommerce-form-coupon,
  .woocommerce-form-login, .woocommerce-billing-fields, .woocommerce-additional-fields, .woocommerce-shipping-fields, .woocommerce-info, .woocommerce-message):not(#rjx){background:#151a25!important; border-color:rgba(255,255,255,.14)!important; box-shadow:none!important; color:#cbc5d3!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap :is(.cart_item, .product-container .cart_item, table.shop_table tr, table.shop_table td, table.shop_table th):not(#rjx){background:transparent!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap :is(h1, h2, h3, h4, th, strong, b, .order-total, .cart-subtotal th, .product-name, legend):not(#rjx){color:#f5f2f7!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap :is(p, td, span, label, small, dd, dt, li, .product-quantity, .woocommerce-privacy-policy-text p):not(#rjx){color:#cbc5d3!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .woocommerce-Price-amount, html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .woocommerce-Price-amount *:not(#rjx){color:inherit!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .order-total .woocommerce-Price-amount:not(#rjx){color:#f5f2f7!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap a:not([class*=btn]):not(.button):not(.checkout-button):not(.nsl-button-default):not(#rjx){color:#ffc2e0!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap :is(input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], textarea, select, .select2-selection):not(#rjx){background:#0e1118!important; color:#f5f2f7!important; border:1px solid rgba(255,255,255,.24)!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap :is(.select2-selection__rendered, .select2-selection__placeholder):not(#rjx){color:#f5f2f7!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap :is(input, textarea)::placeholder{color:#b3adbf!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .rj24-pairs-card:not(#rjx){background:#222b3d!important; border-color:rgba(255,255,255,.14)!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .rj24-pairs-card :is(span, .rj24-pairs-name, .rj24-pairs-line, .rj24-pairs-price):not(#rjx){color:#cbc5d3!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .rj24-pairs-card .rj24-pairs-name:not(#rjx){color:#f5f2f7!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .rj24-pairs-card .rj24-pairs-cta:not(#rjx){background:#d8306a!important; color:#fff!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .rj24-pairs-head :is(strong, span):not(#rjx){color:#cbc5d3!important} html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .rj24-pairs-head strong:not(#rjx){color:#f5f2f7!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .rj24keep-links a:not(#rjx){background:rgba(239,44,146,.14)!important; color:#ffc2e0!important; border-color:transparent!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap td.product-remove a.remove:not(#rjx){background:transparent!important; color:#ffc2e0!important; border:1px solid rgba(255,124,191,.5)!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap td.product-remove a.remove:is(:hover, :focus-visible):not(#rjx){background:#d8306a!important; color:#fff!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .rj24-coupon-toggle:not(#rjx){color:#cbc5d3!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .rj24-google-signin > div:not(#rjx){color:#cbc5d3!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap :is(.wc_payment_method, .payment_box, .wc_payment_methods li):not(#rjx){background:transparent!important; color:#cbc5d3!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .payment_box:not(#rjx){background:#222b3d!important}
/* the Google sign-in button keeps Google's own white button and dark label */
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .nsl-button-default:not(#rjx){background:#fff!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .nsl-button-default *:not(#rjx){color:#1f1f1f!important}
html body .nsl-container .nsl-button.nsl-button-default :is(b, span, div, .nsl-button-label-container):not(#rjx){color:#1f1f1f!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) :is(#place_order, a.checkout-button, .wc-proceed-to-checkout a):not(#rjx){background:#d8306a!important; border-color:#d8306a!important; color:#fff!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) :is(#place_order, a.checkout-button, .wc-proceed-to-checkout a):is(:hover, :focus-visible):not(#rjx){background:#c2255c!important}
html body:is(.woocommerce-cart, .woocommerce-checkout) .container-wrap .blockUI.blockOverlay:not(#rjx){background:rgba(14,17,24,.6)!important}


/* 17. the footer cookie link, and the two pages with their own designs (Radio Studio 24 #rs24, RadioSite24 #rs24s): their palettes kept,
       only the tones that measured under 4.5:1 moved, (the RS24 trial switch was a measuring artefact: its 0.15 s transition) */
html body .rj24-foot-legal a.cli_settings_button:not(#rjx){color:#b3adbf!important}
html body .rj24-foot-legal a.cli_settings_button:is(:hover, :focus-visible, :active):not(#rjx){color:#fff!important}
/* the cookie plugin's floating "Privacy & Cookies Policy" tab is gone (Paul, 12 Oct); the footer's Cookies link (.cli_settings_button) opens the same panel */
html body #cookie-law-info-again:not(#rjx){display:none!important}
/* 18. states the deeper crawl reached (12 Oct, API-fed builders now render): white text on the bright pink measured under 4.5:1 */
html body .rjc .chipbtn.on:not(#rjx){background:#d1157a!important; border-color:#d1157a!important}
html body .rjc .per-toggle button.on .free:not(#rjx){background:rgba(0,0,0,.28)!important; color:#fff!important}
html body button.rjb-demo.on:not(#rjx){background:#d1157a!important; color:#fff!important; border-color:#d1157a!important}
/* 19. the thank-you page's two LIGHT panels (13 Oct, Paul's order 119220): the layer's light page text was reaching inside them.
   Dark ink for headings and body, the brand pink for links and buttons; the panels themselves keep their pale pink ground */
html body :is(.rj24-thanks, #rj24-ai-thankyou) :is(h2, h3, h4, p, strong, b, li, span, div):not(#rjx){color:#14121a!important}
html body :is(.rj24-thanks, #rj24-ai-thankyou) span[style*="5c574f"], html body #rj24-ai-thankyou > span:not(#rjx){color:#4a4553!important}
html body :is(.rj24-thanks, #rj24-ai-thankyou) a:not(.button):not([style*="background:#DB2777"]):not(#rjx){color:#b0105f!important; border-color:#b0105f!important; background:transparent!important}
html body :is(.rj24-thanks, #rj24-ai-thankyou) :is(a.button, a[style*="background:#DB2777"]):not(#rjx){background:#d1157a!important; color:#fff!important; border-color:#d1157a!important}
html body :is(.rj24-thanks, #rj24-ai-thankyou) :is(a.button, a[style*="background:#DB2777"]):is(:hover, :focus-visible):not(#rjx){background:#b8126b!important; color:#fff!important}
/* 20. phones: the theme's menu icon was black lines (#000) on the dark header, 1.43:1 (13 Oct, Paul). Header text colour.
   The three lines are .lines::before, .lines::after and .lines-button::after (pseudo-elements cannot go inside :is()) */
html body #header-outer .lines-button:not(#rjx)::after, html body #header-outer .lines-button .lines:not(#rjx)::before, html body #header-outer .lines-button .lines:not(#rjx)::after{background-color:#f5f2f7!important}
/* 21. phones: a grey band (the theme's rgb(108,99,99) on #header-outer) showed in its 12px padding above and below the navy
   header bar (13 Oct, Paul). The outer wrapper takes the header's own navy, so the bar reads as one piece */
html body #header-outer:not(#rjx){background-color:#1f2937!important}
/* 22. phones: the Hot FM email lands on #hotfm (13 Oct, 107 visits, two thirds on phones, 0 beds chosen). The 8 beds were 2-up
   cards 229 px tall, so a phone saw the heading and two beds. Below 600 px each bed is one row (play, name and price, Choose),
   and the heading is tighter; the landing script (rj24-console-hook.php) puts the line under the title at the top, so the
   offer line and all 8 beds sit inside the first screen. Same markup, same buttons. */
@media (max-width:600px){
html body #hotfm.hf:not(#rjx){padding-block:16px 32px}
html body #hotfm .hf-title:not(#rjx){margin:8px 0 6px; font-size:52px}
html body #hotfm .hf-sub:not(#rjx){font-size:15px; line-height:1.4}
html body #hotfm .hf-head .rj24-fs-note:not(#rjx){margin-top:8px!important; padding:8px 12px!important; font-size:13.5px; line-height:1.4}
html body #hotfm .hf-grid:not(#rjx){grid-template-columns:minmax(0,1fr)!important; gap:5px!important; margin-top:10px}
html body #hotfm .hf-bed:not(#rjx){display:grid; grid-template-columns:42px minmax(0,1fr) auto; grid-template-areas:"play name choose" "play price choose" "chosen chosen chosen"; column-gap:10px; row-gap:1px; align-items:center; padding:6px 10px!important; box-shadow:none}
html body #hotfm .hf-bed .hf-num:not(#rjx), html body #hotfm .hf-bed .hf-meta:not(#rjx), html body #hotfm .hf-bed .hf-price small:not(#rjx){display:none}
html body #hotfm .hf-bed .hf-row:not(#rjx){display:contents}
html body #hotfm .hf-bed .play:not(#rjx){grid-area:play; width:42px; height:42px; margin:0}
html body #hotfm .hf-bed .hf-name:not(#rjx){grid-area:name; align-self:end; font-size:16px; line-height:1.2}
html body #hotfm .hf-bed .hf-price:not(#rjx){grid-area:price; align-self:start; font-size:16px}
html body #hotfm .hf-bed .hf-choose:not(#rjx){grid-area:choose; padding:9px 12px; font-size:14px; white-space:nowrap}
html body #hotfm .hf-bed .hf-chosen:not(#rjx){grid-area:chosen}
}
/* 23. the add-on dialogs at "Add to cart" (13 Oct, buying-path audit + a customer). The cookie bar (z-index 999998) sat ABOVE
   the dialog (100000), so on a first visit by phone it covered the dialog's buttons ("Add it to my order" at 390 px); and the
   open dialog stopped 24 px short of the bottom of the window, which left a strip of the sticky Add to cart live under it.
   The dialogs now sit above the cookie bar and cover the whole window; the cookie bar is back as soon as the dialog closes. */
   The dialogs live inside the theme's .container-wrap (z-index 11) while the cookie bar is its sibling (999998), so the dialog's
   own z-index can never lift it: while a dialog is open, the wrapper itself goes above the cookie bar. */
html body :is(#rjsu-ov, #rjup-ov):not(#rjx){z-index:2147483000!important}
html body .container-wrap:has(#rjsu-ov.show, #rjup-ov.show):not(#rjx), html body .ocm-effect-wrap-inner > :has(#rjsu-ov.show, #rjup-ov.show):not(#rjx){z-index:2147483000!important; position:relative}
html body :is(#rjsu-ov, #rjup-ov).show:not(#rjx){top:0!important; right:0!important; bottom:0!important; left:0!important; height:auto!important; max-height:none!important; min-height:100%!important}
/* the Instant Downloads basket bar was still the light one (it only shows once something is in the basket) */
html body #rjid-cart-bar:not(#rjx){background:#151a25!important; border-top:1px solid rgba(255,255,255,.14)!important; box-shadow:0 -10px 30px rgba(0,0,0,.4)!important; color:#cbc5d3!important}
html body #rjid-cart-bar :is(.rjid-cart-bar-info, .rjid-cart-bar-text, .rjid-cart-bar-text-main, .rjid-cart-bar-text-main *):not(#rjx){color:#f5f2f7!important}
html body #rjid-cart-bar .rjid-cart-bar-text-total:not(#rjx){color:#ff7cbf!important}
html body #rjid-cart-bar .rjid-cart-bar-ico:not(#rjx){background:rgba(239,44,146,.14)!important}
html body .rjid-cart-bar-btn.ghost:not(#rjx){background:transparent!important; color:#ff7cbf!important; border:1px solid rgba(255,124,191,.5)!important}
html body .rjid-cart-bar-btn.ghost:is(:hover, :focus, :focus-visible, :active):not(#rjx){background:rgba(239,44,146,.14)!important; color:#ff7cbf!important}
html body #rs24 a.btn.btn-sig:not(#rjx){background:#b52f14!important; border-color:#b52f14!important; color:#fff!important}
html body #rs24 .band:not(#rjx){background:#b52f14!important}
html body #rs24 .band p:not(#rjx){color:#fff!important}
html body #rs24 .four .n:not(#rjx){color:#a62a11!important}
html body #rs24 .vgrid .vcard .vnum:not(#rjx){color:#8f8a82!important}
html body #rs24 #faq .ch-head span:not(#rjx){color:#55504a!important}
/* (RadioSite24 #rs24s is on the site design since 12 Oct, rs24_restyle.py: its light-page tones are gone) */

/* ===== end: every reachable page ===== */

/* ==== rj24 AI Studio app, dark (aisdark.py, 12 Oct 2026) ==== */
/* app variables, for anything a template draws later */
html body #rj-ai-studio:not(#rjx):not(#rjx){--pink:#ff4fa3; --pink-dark:#ff7cbf; --pink-light:rgba(239,44,146,.14); --ink:#f5f2f7; --text:#cbc5d3; --muted:#a29bad; --line:rgba(255,255,255,.14); --gold:#fbbf24; --cream:#1b2130; --dim:#a29bad; --line-2:rgba(255,255,255,.1); --bg:#0e1118}
html body #rj24-fd:not(#rjx):not(#rjx){--fd-ink:#f5f2f7; --fd-dim:#cbc5d3; --fd-line:rgba(255,255,255,.2); --fd-brand:#ff4fa3; --fd-ok:#34d399; font-family:"IBM Plex Sans",system-ui,sans-serif!important}
.rj24-acct-wrap a.rj24-acct-pill:not(#rjx):not(#rjx), a.rj24-acct-pill:not(#rjx):not(#rjx){background:#d1157a!important; border:2px solid #ff4fa3!important}
.rj24-acct-wrap a.rj24-acct-pill:hover:not(#rjx):not(#rjx), a.rj24-acct-pill:hover:not(#rjx):not(#rjx){background:#d1157a!important; border-color:#ff4fa3!important}
.rj24-acct-wrap a.rj24-acct-pill.rj24-acct-solid:not(#rjx):not(#rjx), a.rj24-acct-pill.rj24-acct-solid:not(#rjx):not(#rjx){background:#d1157a!important; border-color:#ff4fa3!important}
.rj24-acct-wrap a.rj24-acct-pill.rj24-acct-logout:not(#rjx):not(#rjx), a.rj24-acct-pill.rj24-acct-logout:not(#rjx):not(#rjx){border-color:rgba(255,255,255,.14)!important}
.rj24-acct-wrap a.rj24-acct-pill.rj24-acct-logout:hover:not(#rjx):not(#rjx), a.rj24-acct-pill.rj24-acct-logout:hover:not(#rjx):not(#rjx){border-color:rgba(255,255,255,.14)!important}
.rj24-acct-wrap a.rj24-acct-pill.rj24-acct-name:not(#rjx):not(#rjx), a.rj24-acct-pill.rj24-acct-name:not(#rjx):not(#rjx){border-color:rgba(255,255,255,.14)!important}
.rj24-acct-wrap a.rj24-acct-pill.rj24-acct-name:hover:not(#rjx):not(#rjx), a.rj24-acct-pill.rj24-acct-name:hover:not(#rjx):not(#rjx){border-color:rgba(255,255,255,.14)!important}
.rj24-acct-modal-box:not(#rjx):not(#rjx){background:#151a25!important}
.rj24-acct-modal-close:not(#rjx):not(#rjx){color:#a29bad!important}
.rj24-acct-modal-close:hover:not(#rjx):not(#rjx){color:#f5f2f7!important; background:#151a25!important}
.rj24-acct-tabs:not(#rjx):not(#rjx){border-bottom:1.5px solid rgba(255,79,163,.4)!important}
.rj24-acct-tab:not(#rjx):not(#rjx){color:#a29bad!important}
.rj24-acct-tab.active:not(#rjx):not(#rjx){color:#ff7cbf!important; border-bottom-color:#ff4fa3!important}
.rj24-acct-tab:hover:not(#rjx):not(#rjx){color:#ff7cbf!important}
.rj24-acct-panel h2:not(#rjx):not(#rjx){color:#f5f2f7!important}
.rj24-acct-sub:not(#rjx):not(#rjx){color:#cbc5d3!important}
.rj24-acct-or:not(#rjx):not(#rjx){color:#a29bad!important}
.rj24-acct-or:not(#rjx):not(#rjx)::before, .rj24-acct-or:not(#rjx):not(#rjx)::after{background:rgba(239,44,146,.14)!important}
.rj24-acct-form label > span:not(#rjx):not(#rjx){color:#f5f2f7!important}
.rj24-acct-form input[type="text"]:not(#rjx):not(#rjx), .rj24-acct-form input[type="email"]:not(#rjx):not(#rjx), .rj24-acct-form input[type="password"]:not(#rjx):not(#rjx){border:1.5px solid rgba(255,255,255,.14)!important; color:#f5f2f7!important; background:#151a25!important}
.rj24-acct-form input:focus:not(#rjx):not(#rjx){border-color:#ff4fa3!important}
.rj24-acct-form small:not(#rjx):not(#rjx){color:#a29bad!important}
.rj24-acct-check input:not(#rjx):not(#rjx){accent-color:#ff4fa3!important}
.rj24-acct-check span:not(#rjx):not(#rjx){color:#cbc5d3!important}
.rj24-acct-submit:not(#rjx):not(#rjx){background:#d1157a!important}
.rj24-acct-submit:hover:not(#rjx):not(#rjx){background:#d1157a!important}
.rj24-acct-forgot:not(#rjx):not(#rjx){color:#a29bad!important}
.rj24-acct-forgot:hover:not(#rjx):not(#rjx){color:#ff7cbf!important}
.rj24-acct-fineprint:not(#rjx):not(#rjx){color:#a29bad!important}
.rj24-acct-err:not(#rjx):not(#rjx){color:#f87171!important}
.rj24-acct-err.show:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; border:1px solid rgba(255,79,163,.4)!important}
.rj24-acct-tick:not(#rjx):not(#rjx){background:rgba(16,185,129,.14)!important; color:#34d399!important}
.rj24-acct-success p:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj24-fd:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj24-fd .fd-card:not(#rjx):not(#rjx){background:linear-gradient(135deg, rgba(239,44,146,.14), rgba(239,44,146,.14) 55%, rgba(239,44,146,.14))!important; border:2px solid #ff4fa3!important}
#rj24-fd .fd-eyebrow:not(#rjx):not(#rjx){color:#34d399!important; background:#151a25!important; border:1px solid rgba(52,211,153,.4)!important}
#rj24-fd h2:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj24-fd p:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj24-fd input[type="text"]:not(#rjx):not(#rjx){border:1.5px solid rgba(255,255,255,.14)!important; background:#151a25!important; color:#f5f2f7!important}
#rj24-fd input[type="text"]:focus:not(#rjx):not(#rjx){border-color:#ff4fa3!important}
#rj24-fd button:not(#rjx):not(#rjx){background:#0b7a53!important}
#rj24-fd button:hover:not(#rjx):not(#rjx){background:#0b7a53!important}
#rj24-fd .fd-tiny:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj24-fd .fd-tiny a:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj24-fd .fd-vs:not(#rjx):not(#rjx){background:#151a25!important; border:1px solid rgba(255,79,163,.4)!important}
#rj24-fd .fd-vs .fd-lab:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj24-fd .fd-vs li:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj24-fd .fd-vs li:not(#rjx):not(#rjx)::before{color:#34d399!important}
#rj24-fd .fd-vs .fd-small:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-badge:not(#rjx):not(#rjx){border:1px solid rgba(255,255,255,.14)!important}
#rj-ai-studio .ais-badge .dot:not(#rjx):not(#rjx){background:rgba(16,185,129,.24)!important}
#rj-ai-studio .ais-note:not(#rjx):not(#rjx){background:rgba(245,158,11,.14)!important; border:1px solid rgba(251,191,36,.4)!important; color:#fbbf24!important}
#rj-ai-studio .ais-note b:not(#rjx):not(#rjx){color:#fbbf24!important}
#rj-ai-studio .ais-tab:not(#rjx):not(#rjx){border:2px solid rgba(255,79,163,.4)!important; background:#151a25!important; color:#f5f2f7!important}
#rj-ai-studio .ais-tab small:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-tab.active:not(#rjx):not(#rjx){border-color:#ff4fa3!important; background:rgba(239,44,146,.14)!important; color:#ff7cbf!important}
#rj-ai-studio .ais-tab .soon-tag:not(#rjx):not(#rjx){background:#1E293B!important}
#rj-ai-studio .ais-panel:not(#rjx):not(#rjx){background:#151a25!important; border:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-step-n:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-step-sub:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-scripting-guide:not(#rjx):not(#rjx){background:rgba(245,158,11,.14)!important; border-color:rgba(251,191,36,.4) rgba(251,191,36,.4) rgba(251,191,36,.4) #ff4fa3!important; color:#cbc5d3!important}
#rj-ai-studio .ais-scripting-guide-h:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-scripting-guide summary:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-scripting-guide summary:hover:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-scripting-guide-rules li:not(#rjx):not(#rjx){border-top:1px dashed rgba(251,191,36,.4)!important}
#rj-ai-studio .ais-scripting-guide-rules .rule-h:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-scripting-guide-rules .rule-eg .bad:not(#rjx):not(#rjx){color:#f87171!important}
#rj-ai-studio .ais-scripting-guide-rules .rule-eg .good:not(#rjx):not(#rjx){color:#34d399!important}
#rj-ai-studio .ais-scripting-guide-rules .rule-d:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-textarea:not(#rjx):not(#rjx){border:2px solid rgba(255,79,163,.4)!important; color:#f5f2f7!important}
#rj-ai-studio .ais-textarea:focus:not(#rjx):not(#rjx){border-color:#ff4fa3!important}
#rj-ai-studio .ais-count:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-delivery-lab:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-pills button:not(#rjx):not(#rjx){border:2px solid rgba(255,79,163,.4)!important; background:#151a25!important; color:#f5f2f7!important}
#rj-ai-studio .ais-pills button.active:not(#rjx):not(#rjx){border-color:#ff4fa3!important; background:rgba(239,44,146,.14)!important; color:#ff7cbf!important}
#rj-ai-studio .ais-pronounce-lab:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-pronounce-lab span:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-genre:not(#rjx):not(#rjx){border:2px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-genre:hover:not(#rjx):not(#rjx){border-color:#ff4fa3!important}
#rj-ai-studio .ais-genre.selected:not(#rjx):not(#rjx){border-color:#ff4fa3!important; background:rgba(239,44,146,.14)!important}
#rj-ai-studio .ais-genre-name:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-genre-desc:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-input:not(#rjx):not(#rjx){border:2px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-input:focus:not(#rjx):not(#rjx){border-color:#ff4fa3!important}
#rj-ai-studio .ais-voice-group:not(#rjx):not(#rjx){color:#a29bad!important; border-top:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-voice:not(#rjx):not(#rjx){border:2px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-voice:hover:not(#rjx):not(#rjx){border-color:#ff4fa3!important}
#rj-ai-studio .ais-voice.selected:not(#rjx):not(#rjx){border-color:#ff4fa3!important; background:rgba(239,44,146,.14)!important}
#rj-ai-studio .ais-voice-play:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-voice-meta small:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-img-badge:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; color:#ff7cbf!important}
#rj-ai-studio .ais-result:not(#rjx):not(#rjx){border:2px dashed rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-dl-btn:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-gen-spin:not(#rjx):not(#rjx){border-top-color:#ff4fa3!important}
#rj-ai-studio .ais-retry-btn:not(#rjx):not(#rjx){background:#1E293B!important}
#rj-ai-studio .ais-retry-btn:hover:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .sg-slot:not(#rjx):not(#rjx){border-bottom:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-dl-btn:hover:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-dl-secondary:not(#rjx):not(#rjx){background:#151a25!important; color:#f5f2f7!important; border:2px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-dl-secondary:hover:not(#rjx):not(#rjx){background:#151a25!important; color:#f5f2f7!important; border-color:#ff4fa3!important}
#rj-ai-studio .ais-toggle:not(#rjx):not(#rjx){color:#f5f2f7!important; background:#151a25!important}
#rj-ai-studio .ais-toggle input:not(#rjx):not(#rjx){accent-color:#ff4fa3!important}
#rj-ai-studio .ais-cost:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-cost b:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-produce:not(#rjx):not(#rjx){background:rgba(245,158,11,.14)!important; border:1px solid rgba(251,191,36,.4)!important}
#rj-ai-studio .ais-produce-body:not(#rjx):not(#rjx){color:#fbbf24!important}
#rj-ai-studio .ais-produce-body b:not(#rjx):not(#rjx){color:#fbbf24!important}
#rj-ai-studio .ais-produce-btn:not(#rjx):not(#rjx){background:rgba(245,158,11,.24)!important; color:#f5f2f7!important}
#rj-ai-studio .ais-produce-btn:hover:not(#rjx):not(#rjx){background:#b45309!important}
#rj-ai-studio .ais-result.ready:not(#rjx):not(#rjx){background:rgba(16,185,129,.14)!important}
#ais-credits-short:not(#rjx):not(#rjx){background:#151a25!important; border:2px solid #ff4fa3!important}
#ais-credits-short .ais-cs-close:not(#rjx):not(#rjx){color:#a29bad!important}
#ais-credits-short .ais-cs-close:hover:not(#rjx):not(#rjx){color:#f5f2f7!important; background:#151a25!important}
#ais-credits-short .ais-cs-title:not(#rjx):not(#rjx){color:#f5f2f7!important}
#ais-credits-short .ais-cs-detail:not(#rjx):not(#rjx){color:#cbc5d3!important}
#ais-credits-short .ais-cs-detail b:not(#rjx):not(#rjx){color:#f5f2f7!important}
#ais-credits-short .ais-cs-topup:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; color:#ff7cbf!important; border:1.5px solid rgba(255,79,163,.4)!important}
#ais-credits-short .ais-cs-topup:hover:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; border-color:rgba(255,79,163,.4)!important}
#ais-credits-short .ais-cs-plans:not(#rjx):not(#rjx){background:#d1157a!important}
#ais-credits-short .ais-cs-plans:hover:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-spinner:not(#rjx):not(#rjx){border-top-color:#ff4fa3!important}
#rjais-footer:not(#rjx):not(#rjx){background:#151a25!important; border-top:1px solid rgba(255,79,163,.4)!important}
#rjais-footer .info .lab:not(#rjx):not(#rjx){color:#a29bad!important}
#rjais-footer .info .val:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rjais-footer button:not(#rjx):not(#rjx){background:#d1157a!important}
#rjais-footer button:hover:not(#rjx):not(#rjx){background:#d1157a!important}
#rjais-footer button:disabled:not(#rjx):not(#rjx){background:#232a38!important}
#rjais-footer a.ais-foot-link:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; color:#ff7cbf!important; border:1.5px solid rgba(255,79,163,.4)!important}
#rjais-footer a.ais-foot-link:hover:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; border-color:rgba(255,79,163,.4)!important}
#rjais-toast:not(#rjx):not(#rjx){background:rgba(16,185,129,.24)!important}
#rjais-toast.error:not(#rjx):not(#rjx){background:#c81e1e!important}
#rj-ai-studio .ais-how-card:not(#rjx):not(#rjx){background:#151a25!important}
#rj-ai-studio .ais-how-num:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-how-card p:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-slim:not(#rjx):not(#rjx){background:#1E293B!important}
#rj-ai-studio .ais-slim-toggle:not(#rjx):not(#rjx){border:1px solid rgba(255,255,255,.14)!important}
#rj-ai-studio .ais-disclaimer:not(#rjx):not(#rjx){background:rgba(245,158,11,.14)!important; border:1px solid rgba(251,191,36,.4)!important; color:#fbbf24!important}
#rj-ai-studio .ais-disclaimer b:not(#rjx):not(#rjx){color:#fbbf24!important}
#rj-ai-studio .ais-disc-human:not(#rjx):not(#rjx){border-top:1px solid rgba(251,191,36,.4)!important}
#rj-ai-studio .ais-disclaimer a:not(#rjx):not(#rjx){color:#fbbf24!important}
#rj-ai-studio .ais-create-disc:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-demos:not(#rjx):not(#rjx){background:#151a25!important}
#rj-ai-studio .ais-demos-h:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-demo:not(#rjx):not(#rjx){background:#151a25!important; border:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-demo-meta small:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-demo-play:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-demo-play:hover:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-demo.is-empty .ais-demo-play:not(#rjx):not(#rjx){background:#232a38!important}
#rj-ai-studio .ais-demos-note:not(#rjx):not(#rjx){color:#a29bad!important}
#rjais-footer .ais-foot-disc:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-creations-head:not(#rjx):not(#rjx){border-bottom:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-creations-title:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-creations-sub:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-creations-meta:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-creations-meta b:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-creations-banner:not(#rjx):not(#rjx){background:linear-gradient(135deg, rgba(239,44,146,.14) 0%, rgba(239,44,146,.14) 100%)!important; border:1px solid rgba(255,79,163,.4)!important; color:#ff7cbf!important}
#rj-ai-studio .ais-creations-banner b:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-creations-banner .rj-btn:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-creations-banner .rj-btn:hover:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-creations-banner .rj-btn-secondary:not(#rjx):not(#rjx){background:#151a25!important; color:#ff7cbf!important; border:1.5px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-creation-card:not(#rjx):not(#rjx){background:#151a25!important; border:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-creation-card:hover:not(#rjx):not(#rjx){border-color:rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-creation-type:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; color:#ff7cbf!important}
#rj-ai-studio .ais-creation-date:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-creation-script:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-creation-script.empty:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-creation-meta:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-creation-meta b:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-creation-actions:not(#rjx):not(#rjx){border-top:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-creation-actions .rj-btn-mini:not(#rjx):not(#rjx){border:1px solid rgba(255,79,163,.4)!important; background:#151a25!important; color:#cbc5d3!important}
#rj-ai-studio .ais-creation-actions .rj-btn-mini:hover:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; color:#ff7cbf!important; border-color:rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-creation-actions .rj-btn-mini.rj-danger:hover:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; color:#f87171!important; border-color:rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-creation-expires:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-creation-expires.warn:not(#rjx):not(#rjx){color:#fbbf24!important}
#rj-ai-studio .ais-creations-empty:not(#rjx):not(#rjx){color:#a29bad!important; border:2px dashed rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-creations-empty h3:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-creations-loading:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-save-pill:not(#rjx):not(#rjx){background:rgba(245,158,11,.14)!important; color:#fbbf24!important}
#rj-ai-studio .ais-save-pill.saved:not(#rjx):not(#rjx){background:rgba(16,185,129,.14)!important; color:#34d399!important}
#rj-ai-studio .ais-save-pill.failed:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; color:#f87171!important}
#rj-ai-studio .ais-save-note:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-sfx-picker .ais-sfx-cat:not(#rjx):not(#rjx){border:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-sfx-picker .ais-sfx-cat-h:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-sfx-picker .ais-sfx-cat-h small:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-sfx-item:not(#rjx):not(#rjx){border:2px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-sfx-item:hover:not(#rjx):not(#rjx){border-color:rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-sfx-item.selected:not(#rjx):not(#rjx){border-color:#ff4fa3!important; background:rgba(239,44,146,.14)!important}
#rj-ai-studio .ais-sfx-item input[type="checkbox"]:not(#rjx):not(#rjx){accent-color:#ff4fa3!important}
#rj-ai-studio .ais-sfx-play:not(#rjx):not(#rjx){background:#1E293B!important}
#rj-ai-studio .ais-sfx-item-name:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-sfx-picker-empty:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-sfx-picker-hint:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-sfx-picker-hint b:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-freefirst-badge:not(#rjx):not(#rjx){background:rgba(16,185,129,.14)!important; color:#34d399!important}
#rj-ai-studio .ais-assist-btn:not(#rjx):not(#rjx){border:2px solid #ff4fa3!important; background:#151a25!important; color:#ff7cbf!important}
#rj-ai-studio .ais-assist-btn:hover:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important}
#rj-ai-studio .ais-assist-box:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; border:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-assist-box-label:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-assist-box-text:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-assist-use:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-assist-dismiss:not(#rjx):not(#rjx){background:#151a25!important; color:#cbc5d3!important; border:1.5px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-takes-h:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-take-pill:not(#rjx):not(#rjx){border:2px solid rgba(255,79,163,.4)!important; background:#151a25!important; color:#f5f2f7!important}
#rj-ai-studio .ais-take-pill.active:not(#rjx):not(#rjx){border-color:#ff4fa3!important; background:rgba(239,44,146,.14)!important; color:#ff7cbf!important}
#rj-ai-studio .ais-take-more:not(#rjx):not(#rjx){border:2px dashed rgba(255,255,255,.22)!important; background:#151a25!important; color:#cbc5d3!important}
#rj-ai-studio .ais-take-more:hover:not(#rjx):not(#rjx){border-color:#ff4fa3!important; color:#ff7cbf!important}
#rj-ai-studio .ais-takes-note:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-record-box:not(#rjx):not(#rjx){border:2px dashed rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-record-btn:not(#rjx):not(#rjx){background:#c81e1e!important}
#rj-ai-studio .ais-record-status:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-record-time:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-record-upload:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-modebar:not(#rjx):not(#rjx){background:#151a25!important; border:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-mode-hint:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-record-instructions:not(#rjx):not(#rjx){background:rgba(245,158,11,.14)!important; border:1px solid rgba(251,191,36,.4)!important; color:#fbbf24!important}
#rj-ai-studio .ais-record-instructions b:not(#rjx):not(#rjx){color:#fbbf24!important}
#rj-ai-studio .ais-record-instructions .ais-cap:not(#rjx):not(#rjx){color:#fbbf24!important}
#rj-ai-studio .ais-record-voicenote:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; border:1px solid rgba(255,79,163,.4)!important; color:#ff7cbf!important}
#rj-ai-studio .ais-offer:not(#rjx):not(#rjx){background:rgba(16,185,129,.24)!important; color:#f5f2f7!important}
#rj-ai-studio .ais-btn-primary:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-btn-primary:hover:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-btn-ghost:not(#rjx):not(#rjx){border:1px solid rgba(255,255,255,.14)!important}
#rj-ai-studio .ais-proof:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; border:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-proof-cell:not(#rjx):not(#rjx){background:#151a25!important}
#rj-ai-studio .ais-proof-n:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-proof-l:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-demos2:not(#rjx):not(#rjx){background:#151a25!important; border:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-demos2-h:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-demos2-s:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-why-card:not(#rjx):not(#rjx){background:#151a25!important; border:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-why-card h4:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-why-card p:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-why-card .ais-vs:not(#rjx):not(#rjx){color:#a29bad!important; border-top:1px dashed rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-trust:not(#rjx):not(#rjx){background:#1E293B!important}
#rj-ai-studio .ais-honest:not(#rjx):not(#rjx){background:#151a25!important; border:1px solid rgba(255,79,163,.4)!important; color:#cbc5d3!important}
#rj-ai-studio .ais-honest b:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-honest a:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-honest .row2:not(#rjx):not(#rjx){border-top:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-arr:not(#rjx):not(#rjx){background:rgba(245,158,11,.14)!important; border:1px solid rgba(251,191,36,.4)!important}
#rj-ai-studio .ais-arr-slot:not(#rjx):not(#rjx){background:#151a25!important; border:2px dashed rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-arr-slot.filled:not(#rjx):not(#rjx){border-color:#ff4fa3!important; background:rgba(239,44,146,.14)!important}
#rj-ai-studio .ais-arr-slot.active:not(#rjx):not(#rjx){border-color:#F59E0B!important}
#rj-ai-studio .ais-arr-slot[role="button"]:hover:not(#rjx):not(#rjx){border-color:rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-arr-slot.aimed:not(#rjx):not(#rjx){border-color:#ff4fa3!important}
#rj-ai-studio .ais-arr-lab em:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-arr-slot[role="button"]:focus-visible:not(#rjx):not(#rjx){outline:2px solid #ff4fa3!important}
#rj-ai-studio .ais-arr-lab:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-arr-slot.filled .ais-arr-lab:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-arr-name:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-arr-empty:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-arr-meta:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-arr-x:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-arr-x:hover:not(#rjx):not(#rjx){color:#f87171!important; background:rgba(239,44,146,.14)!important}
#rj-ai-studio .ais-arr-btn:not(#rjx):not(#rjx){border:1.5px solid rgba(255,79,163,.4)!important; background:#151a25!important; color:#f5f2f7!important}
#rj-ai-studio .ais-arr-btn:hover:not(#rjx):not(#rjx){border-color:#ff4fa3!important; color:#ff7cbf!important}
#rj-ai-studio .ais-arr-free:not(#rjx):not(#rjx){color:#34d399!important}
#rj-ai-studio .ais-chip:not(#rjx):not(#rjx){border:1.5px solid rgba(255,79,163,.4)!important; background:#151a25!important; color:#cbc5d3!important}
#rj-ai-studio .ais-chip:hover:not(#rjx):not(#rjx){border-color:rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-chip.on:not(#rjx):not(#rjx){border-color:#ff4fa3!important; background:rgba(239,44,146,.14)!important; color:#ff7cbf!important}
#rj-ai-studio .ais-lib-taglabel:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-lib-count:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-lib-row:not(#rjx):not(#rjx){border:1.5px solid rgba(255,79,163,.4)!important; background:#151a25!important}
#rj-ai-studio .ais-lib-row.used:not(#rjx):not(#rjx){border-color:#ff4fa3!important; background:rgba(239,44,146,.14)!important}
#rj-ai-studio .ais-lib-play:not(#rjx):not(#rjx){background:#1E293B!important}
#rj-ai-studio .ais-lib-play:hover:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-lib-play.playing:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-lib-name:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-lib-dur:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-lib-pill:not(#rjx):not(#rjx){background:#151a25!important; color:#cbc5d3!important}
#rj-ai-studio .ais-lib-fav:not(#rjx):not(#rjx){color:#E2E8F0!important}
#rj-ai-studio .ais-lib-fav.on:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-lib-use button:not(#rjx):not(#rjx){border:1.5px solid #ff4fa3!important; background:#151a25!important; color:#ff7cbf!important}
#rj-ai-studio .ais-lib-use button:hover:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-lib-slots:not(#rjx):not(#rjx){border-top:1px dashed rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-lib-more:not(#rjx):not(#rjx){border:1.5px dashed rgba(255,255,255,.14)!important; background:#151a25!important; color:#cbc5d3!important}
#rj-ai-studio .ais-lib-more:hover:not(#rjx):not(#rjx){border-color:#ff4fa3!important; color:#ff7cbf!important}
#rj-ai-studio .ais-lib-none:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-musicmode button:not(#rjx):not(#rjx){border:2px solid rgba(255,79,163,.4)!important; background:#151a25!important}
#rj-ai-studio .ais-musicmode button:hover:not(#rjx):not(#rjx){border-color:rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-musicmode button.active:not(#rjx):not(#rjx){border-color:#ff4fa3!important; background:rgba(239,44,146,.14)!important}
#rj-ai-studio .ais-musicmode button b:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-musicmode button small:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-musicmode button.active small:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-sty-what:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; border-top:1px solid rgba(255,79,163,.4)!important; border-right:1px solid rgba(255,79,163,.4)!important; border-bottom:1px solid rgba(255,79,163,.4)!important; border-left:4px solid #ff4fa3!important}
#rj-ai-studio .ais-sty-what b:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-sty-what p:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-sty-what-when:not(#rjx):not(#rjx){border-top:1px dashed rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-sty-what-when b:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-mix:not(#rjx):not(#rjx){border:1px solid rgba(255,79,163,.4)!important}
#rj-ai-studio .ais-mix-title:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-mix-btn.on:not(#rjx):not(#rjx){background:#d1157a!important; border-color:#ff4fa3!important}
#rj-ai-studio .ais-mix-btn-primary:not(#rjx):not(#rjx){background:#d1157a!important; border-color:#ff4fa3!important}
#rj-ai-studio .ais-mix-btn-primary:hover:not(#rjx):not(#rjx){background:#d1157a!important; border-color:#ff4fa3!important}
#rj-ai-studio .ais-mix-time:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-mix-tick span:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-mix-clip.dragging:not(#rjx):not(#rjx){border-color:#ff4fa3!important}
#rj-ai-studio .ais-mix-clip[data-part="voice"]:not(#rjx):not(#rjx){border-color:#ff4fa3!important}
#rj-ai-studio .ais-mix-clip[data-part="bed"]:not(#rjx):not(#rjx){border-color:#ff4fa3!important}
#rj-ai-studio .ais-mix-fade:not(#rjx):not(#rjx){border:2px solid rgba(52,211,153,.4)!important}
#rj-ai-studio .ais-mix-play:not(#rjx):not(#rjx){background:#c81e1e!important}
#rj-ai-studio .ais-mix-lv:not(#rjx):not(#rjx){color:#a29bad!important}
#rj-ai-studio .ais-mix-lv input[type="range"]:not(#rjx):not(#rjx){accent-color:#ff4fa3!important}
#rj-ai-studio .ais-mix-hint:not(#rjx):not(#rjx){color:#a29bad!important}
.ais-segedit-note:not(#rjx):not(#rjx){color:#cbc5d3!important}
.ais-segedit-note b:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-se-tag:not(#rjx):not(#rjx){border:1px solid #ff4fa3!important}
#rj-ai-studio .ais-se-shot:not(#rjx):not(#rjx){border:1px solid rgba(255,255,255,.14)!important}
#rj-ai-studio .ais-se-card:not(#rjx):not(#rjx){border:1px solid rgba(255,255,255,.14)!important}
#rj-ai-studio .ais-se-find:not(#rjx):not(#rjx){border:1px solid #ff4fa3!important}
#rj-ai-studio .ais-mix-pt:not(#rjx):not(#rjx){border:2px solid rgba(251,191,36,.4)!important}
#rj-ai-studio .ais-mix-pt.end:not(#rjx):not(#rjx){border-color:rgba(251,191,36,.4)!important}
#rj-ai-studio .ais-mix-pt.on:not(#rjx):not(#rjx){background:rgba(245,158,11,.24)!important}
#rj-ai-studio .ais-mix-envhint:not(#rjx):not(#rjx){border-top:1px solid rgba(255,255,255,.14)!important}
#rj-ai-studio .ais-step-caret:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-step-sum:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-tabs:not(#rjx):not(#rjx){background:#151a25!important}
#rj-ai-studio .ais-tabs.ais-stuck:not(#rjx):not(#rjx){border-bottom:1px solid rgba(255,79,163,.4)!important}
#rjais-footer .ais-foot-out button.ghost:not(#rjx):not(#rjx){background:#151a25!important; color:#f5f2f7!important; border:1.5px solid rgba(255,255,255,.14)!important}
#rj-ai-studio .ais-acct:not(#rjx):not(#rjx){background:#151a25!important}
#rj-ai-studio .ais-acct h3:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-acct .ais-acct-sub:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-acct .ais-acct-nocard:not(#rjx):not(#rjx){color:#ff7cbf!important; background:rgba(239,44,146,.14)!important}
#rj-ai-studio .ais-acct label:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio .ais-acct input[type="email"]:not(#rjx):not(#rjx), #rj-ai-studio .ais-acct input[type="password"]:not(#rjx):not(#rjx){border:1px solid rgba(255,79,163,.4)!important; background:#151a25!important; color:#f5f2f7!important}
#rj-ai-studio .ais-acct input:focus:not(#rjx):not(#rjx){border-color:#ff4fa3!important; box-shadow:0 0 0 3px rgba(0,0,0,.35)!important}
#rj-ai-studio .ais-acct-go:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-acct-go:hover:not(#rjx):not(#rjx){background:#d1157a!important}
#rj-ai-studio .ais-acct-err:not(#rjx):not(#rjx){color:#f87171!important; background:rgba(239,44,146,.14)!important}
#rj-ai-studio .ais-acct-err.ais-acct-note:not(#rjx):not(#rjx){color:#ff7cbf!important; background:rgba(239,44,146,.14)!important}
#rj-ai-studio .ais-acct-alt:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-acct-alt a:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj-ai-studio .ais-acct-alt a:hover:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-acct-alt button:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-acct-x:not(#rjx):not(#rjx){color:#a29bad!important}
#rj24ais-cta:not(#rjx):not(#rjx){background:linear-gradient(135deg, rgba(239,44,146,.14) 0%, rgba(239,44,146,.14) 100%)!important; border:1px solid rgba(255,79,163,.4)!important; color:#f5f2f7!important}
#rj24ais-cta.rj24ais-cta-freefirst:not(#rjx):not(#rjx){background:linear-gradient(135deg, rgba(16,185,129,.14) 0%, rgba(16,185,129,.14) 100%)!important; border-color:rgba(52,211,153,.4)!important}
#rj24ais-cta .rj24ais-cta-eyebrow:not(#rjx):not(#rjx){color:#ff7cbf!important; background:#151a25!important; border:1px solid rgba(255,79,163,.4)!important}
#rj24ais-cta.rj24ais-cta-freefirst .rj24ais-cta-eyebrow:not(#rjx):not(#rjx){color:#34d399!important; border-color:rgba(52,211,153,.4)!important}
#rj24ais-cta h3:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj24ais-cta p:not(#rjx):not(#rjx){color:#cbc5d3!important}
#rj24ais-cta .rj24ais-cta-primary:not(#rjx):not(#rjx){background:#d1157a!important}
#rj24ais-cta.rj24ais-cta-freefirst .rj24ais-cta-primary:not(#rjx):not(#rjx){background:#0b7a53!important}
#rj24ais-cta .rj24ais-cta-primary:hover:not(#rjx):not(#rjx){background:#d1157a!important}
#rj24ais-cta.rj24ais-cta-freefirst .rj24ais-cta-primary:hover:not(#rjx):not(#rjx){background:#0b7a53!important}
#rj24ais-cta .rj24ais-cta-secondary:not(#rjx):not(#rjx){background:#151a25!important; color:#ff7cbf!important; border-color:rgba(255,79,163,.4)!important}
#rj24ais-cta .rj24ais-cta-secondary:hover:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important; border-color:rgba(255,79,163,.4)!important; color:#ff7cbf!important}
#rj24ais-cta .rj24ais-cta-tertiary:not(#rjx):not(#rjx){color:#cbc5d3!important; border-color:rgba(255,255,255,.14)!important}
#rj24ais-cta .rj24ais-cta-tertiary:hover:not(#rjx):not(#rjx){background:#151a25!important; border-color:rgba(255,255,255,.22)!important; color:#f5f2f7!important}
#rj-ai-studio .ais-guide-btn:not(#rjx):not(#rjx){color:#ff7cbf!important}
#rj-ai-studio .ais-guide-btn:focus-visible:not(#rjx):not(#rjx){outline:2px solid #ff4fa3!important}
#rj-ai-studio .ais-lib-taggroup.is-style .ais-chip.on:not(#rjx):not(#rjx)::before{background:#d1157a!important; border-color:#ff4fa3!important; box-shadow:rgba(0,0,0,.35) 0px 0px 0px 2px inset!important}
#rj-ai-studio details.ais-more:not(#rjx):not(#rjx){border:1px solid rgba(255,79,163,.4)!important; background:#151a25!important}
#rj-ai-studio details.ais-more > summary:not(#rjx):not(#rjx){color:#f5f2f7!important}
#rj-ai-studio details.ais-more > summary:not(#rjx):not(#rjx)::before{color:#ff7cbf!important}
#rj-ai-studio details.ais-more .ais-more-sub:not(#rjx):not(#rjx){color:#cbc5d3!important}
body.rj24-qc #rj-ai-studio .ais-panel.rj24-qc-open:not(#rjx):not(#rjx){border-top:2px dashed rgba(255,255,255,.14)!important}
@media (min-width: 1180px){
  #rj-ai-studio .ais-panel.ais-live:not(#rjx):not(#rjx)::after{border:2px dashed rgba(255,79,163,.4)!important; background:#151a25!important; color:#cbc5d3!important}
}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="background: #FDF2F8" i], [style*="background: rgb(253, 242, 248)" i], [style*="background:#FDF2F8" i]):not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="border-left: 3px solid #EC4899" i], [style*="border-left: 3px solid rgb(236, 72, 153)" i], [style*="border-left:3px solid #EC4899" i]):not(#rjx):not(#rjx){border-left:3px solid #ff4fa3!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="background: #fff" i], [style*="background: rgb(255, 255, 255)" i], [style*="background:#fff" i]):not(#rjx):not(#rjx){background:#151a25!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #475569" i], [style*="; color: rgb(71, 85, 105)" i], [style*="; color:#475569" i], [style*=";color: #475569" i], [style*=";color: rgb(71, 85, 105)" i], [style*=";color:#475569" i], [style^="color: #475569" i], [style^="color: rgb(71, 85, 105)" i], [style^="color:#475569" i]):not(#rjx):not(#rjx){color:#cbc5d3!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #94A3B8" i], [style*="; color: rgb(148, 163, 184)" i], [style*="; color:#94A3B8" i], [style*=";color: #94A3B8" i], [style*=";color: rgb(148, 163, 184)" i], [style*=";color:#94A3B8" i], [style^="color: #94A3B8" i], [style^="color: rgb(148, 163, 184)" i], [style^="color:#94A3B8" i]):not(#rjx):not(#rjx){color:#a29bad!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #065F46" i], [style*="; color: rgb(6, 95, 70)" i], [style*="; color:#065F46" i], [style*=";color: #065F46" i], [style*=";color: rgb(6, 95, 70)" i], [style*=";color:#065F46" i], [style^="color: #065F46" i], [style^="color: rgb(6, 95, 70)" i], [style^="color:#065F46" i]):not(#rjx):not(#rjx){color:#34d399!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #059669" i], [style*="; color: rgb(5, 150, 105)" i], [style*="; color:#059669" i], [style*=";color: #059669" i], [style*=";color: rgb(5, 150, 105)" i], [style*=";color:#059669" i], [style^="color: #059669" i], [style^="color: rgb(5, 150, 105)" i], [style^="color:#059669" i]):not(#rjx):not(#rjx){color:#34d399!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: rgb(100, 116, 139)" i], [style*="; color:rgb(100, 116, 139)" i], [style*=";color: rgb(100, 116, 139)" i], [style*=";color:rgb(100, 116, 139)" i], [style^="color: rgb(100, 116, 139)" i], [style^="color:rgb(100, 116, 139)" i]):not(#rjx):not(#rjx){color:#cbc5d3!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="background: #FFF7ED" i], [style*="background: rgb(255, 247, 237)" i], [style*="background:#FFF7ED" i]):not(#rjx):not(#rjx){background:rgba(245,158,11,.14)!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="border: 1px solid #FED7AA" i], [style*="border: 1px solid rgb(254, 215, 170)" i], [style*="border:1px solid #FED7AA" i]):not(#rjx):not(#rjx){border:1px solid rgba(251,191,36,.4)!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #9A3412" i], [style*="; color: rgb(154, 52, 18)" i], [style*="; color:#9A3412" i], [style*=";color: #9A3412" i], [style*=";color: rgb(154, 52, 18)" i], [style*=";color:#9A3412" i], [style^="color: #9A3412" i], [style^="color: rgb(154, 52, 18)" i], [style^="color:#9A3412" i]):not(#rjx):not(#rjx){color:#fbbf24!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="background: var(--cream,#F4F2EC)" i], [style*="background: var(--cream,rgb(244, 242, 236))" i], [style*="background:var(--cream,#F4F2EC)" i]):not(#rjx):not(#rjx){background:#151a25!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="border: 1px solid var(--line,#E2E8F0)" i], [style*="border: 1px solid var(--line,rgb(226, 232, 240))" i], [style*="border:1px solid var(--line,#E2E8F0)" i]):not(#rjx):not(#rjx){border:1px solid rgba(255,79,163,.4)!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: var(--text,#475569)" i], [style*="; color: var(--text,rgb(71, 85, 105))" i], [style*="; color:var(--text,#475569)" i], [style*=";color: var(--text,#475569)" i], [style*=";color: var(--text,rgb(71, 85, 105))" i], [style*=";color:var(--text,#475569)" i], [style^="color: var(--text,#475569)" i], [style^="color: var(--text,rgb(71, 85, 105))" i], [style^="color:var(--text,#475569)" i]):not(#rjx):not(#rjx){color:#cbc5d3!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: var(--muted)" i], [style*="; color:var(--muted)" i], [style*=";color: var(--muted)" i], [style*=";color:var(--muted)" i], [style^="color: var(--muted)" i], [style^="color:var(--muted)" i]):not(#rjx):not(#rjx){color:#a29bad!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #DC2626" i], [style*="; color: rgb(220, 38, 38)" i], [style*="; color:#DC2626" i], [style*=";color: #DC2626" i], [style*=";color: rgb(220, 38, 38)" i], [style*=";color:#DC2626" i], [style^="color: #DC2626" i], [style^="color: rgb(220, 38, 38)" i], [style^="color:#DC2626" i]):not(#rjx):not(#rjx){color:#f87171!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #9D174D" i], [style*="; color: rgb(157, 23, 77)" i], [style*="; color:#9D174D" i], [style*=";color: #9D174D" i], [style*=";color: rgb(157, 23, 77)" i], [style*=";color:#9D174D" i], [style^="color: #9D174D" i], [style^="color: rgb(157, 23, 77)" i], [style^="color:#9D174D" i]):not(#rjx):not(#rjx){color:#ff7cbf!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #92400E" i], [style*="; color: rgb(146, 64, 14)" i], [style*="; color:#92400E" i], [style*=";color: #92400E" i], [style*=";color: rgb(146, 64, 14)" i], [style*=";color:#92400E" i], [style^="color: #92400E" i], [style^="color: rgb(146, 64, 14)" i], [style^="color:#92400E" i]):not(#rjx):not(#rjx){color:#fbbf24!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #047857" i], [style*="; color: rgb(4, 120, 87)" i], [style*="; color:#047857" i], [style*=";color: #047857" i], [style*=";color: rgb(4, 120, 87)" i], [style*=";color:#047857" i], [style^="color: #047857" i], [style^="color: rgb(4, 120, 87)" i], [style^="color:#047857" i]):not(#rjx):not(#rjx){color:#34d399!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #D97706" i], [style*="; color: rgb(217, 119, 6)" i], [style*="; color:#D97706" i], [style*=";color: #D97706" i], [style*=";color: rgb(217, 119, 6)" i], [style*=";color:#D97706" i], [style^="color: #D97706" i], [style^="color: rgb(217, 119, 6)" i], [style^="color:#D97706" i]):not(#rjx):not(#rjx){color:#fbbf24!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #B91C1C" i], [style*="; color: rgb(185, 28, 28)" i], [style*="; color:#B91C1C" i], [style*=";color: #B91C1C" i], [style*=";color: rgb(185, 28, 28)" i], [style*=";color:#B91C1C" i], [style^="color: #B91C1C" i], [style^="color: rgb(185, 28, 28)" i], [style^="color:#B91C1C" i]):not(#rjx):not(#rjx){color:#f87171!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #067a46" i], [style*="; color: rgb(6, 122, 70)" i], [style*="; color:#067a46" i], [style*=";color: #067a46" i], [style*=";color: rgb(6, 122, 70)" i], [style*=";color:#067a46" i], [style^="color: #067a46" i], [style^="color: rgb(6, 122, 70)" i], [style^="color:#067a46" i]):not(#rjx):not(#rjx){color:#34d399!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: rgb(98, 163, 41)" i], [style*="; color:rgb(98, 163, 41)" i], [style*=";color: rgb(98, 163, 41)" i], [style*=";color:rgb(98, 163, 41)" i], [style^="color: rgb(98, 163, 41)" i], [style^="color:rgb(98, 163, 41)" i]):not(#rjx):not(#rjx){color:#34d399!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="background-color: rgb(255, 255, 255)" i], [style*="background-color:rgb(255, 255, 255)" i]):not(#rjx):not(#rjx){background-color:#151a25!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: rgb(0, 0, 0)" i], [style*="; color:rgb(0, 0, 0)" i], [style*=";color: rgb(0, 0, 0)" i], [style*=";color:rgb(0, 0, 0)" i], [style^="color: rgb(0, 0, 0)" i], [style^="color:rgb(0, 0, 0)" i]):not(#rjx):not(#rjx){color:#f5f2f7!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: rgb(68, 68, 68)" i], [style*="; color:rgb(68, 68, 68)" i], [style*=";color: rgb(68, 68, 68)" i], [style*=";color:rgb(68, 68, 68)" i], [style^="color: rgb(68, 68, 68)" i], [style^="color:rgb(68, 68, 68)" i]):not(#rjx):not(#rjx){color:#cbc5d3!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="background-color: #fff" i], [style*="background-color: rgb(255, 255, 255)" i], [style*="background-color:#fff" i]):not(#rjx):not(#rjx){background-color:#151a25!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="background: #4f46e5" i], [style*="background: rgb(79, 70, 229)" i], [style*="background:#4f46e5" i]):not(#rjx):not(#rjx){background:#d1157a!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #4f46e5" i], [style*="; color: rgb(79, 70, 229)" i], [style*="; color:#4f46e5" i], [style*=";color: #4f46e5" i], [style*=";color: rgb(79, 70, 229)" i], [style*=";color:#4f46e5" i], [style^="color: #4f46e5" i], [style^="color: rgb(79, 70, 229)" i], [style^="color:#4f46e5" i]):not(#rjx):not(#rjx){color:#ff7cbf!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="border: 1px solid #4f46e5" i], [style*="border: 1px solid rgb(79, 70, 229)" i], [style*="border:1px solid #4f46e5" i]):not(#rjx):not(#rjx){border:1px solid #ff4fa3!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #64748b" i], [style*="; color: rgb(100, 116, 139)" i], [style*="; color:#64748b" i], [style*=";color: #64748b" i], [style*=";color: rgb(100, 116, 139)" i], [style*=";color:#64748b" i], [style^="color: #64748b" i], [style^="color: rgb(100, 116, 139)" i], [style^="color:#64748b" i]):not(#rjx):not(#rjx){color:#cbc5d3!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="border: 1px solid #cbd5e1" i], [style*="border: 1px solid rgb(203, 213, 225)" i], [style*="border:1px solid #cbd5e1" i]):not(#rjx):not(#rjx){border:1px solid rgba(255,255,255,.14)!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: #334155" i], [style*="; color: rgb(51, 65, 85)" i], [style*="; color:#334155" i], [style*=";color: #334155" i], [style*=";color: rgb(51, 65, 85)" i], [style*=";color:#334155" i], [style^="color: #334155" i], [style^="color: rgb(51, 65, 85)" i], [style^="color:#334155" i]):not(#rjx):not(#rjx){color:#cbc5d3!important}
html body :is(#rj-ai-studio, [class*="ais-"]) :is([style*="; color: rgb(51, 65, 85)" i], [style*="; color:rgb(51, 65, 85)" i], [style*=";color: rgb(51, 65, 85)" i], [style*=";color:rgb(51, 65, 85)" i], [style^="color: rgb(51, 65, 85)" i], [style^="color:rgb(51, 65, 85)" i]):not(#rjx):not(#rjx){color:#cbc5d3!important}
html body #rj-ai-studio label span:not(#rjx):not(#rjx){color:inherit!important}
html body :is(#rj-ai-studio, #rjais-footer) :is(#ais-foot-out button, #ais-foot-out button *, .ais-btn-primary *, #ais-create *):not(#rjx):not(#rjx){color:#fff!important}
html body :is(#rj-ai-studio, [class*="ais-"]) [style*="background: rgb(252, 231, 243)"]:not(#rjx):not(#rjx){background:rgba(239,44,146,.14)!important}
html body :is(#rj-ai-studio, [class*="ais-"]) [style^="color: rgb(157, 23, 77)"], html body :is(#rj-ai-studio, [class*="ais-"]) [style*="; color: rgb(157, 23, 77)"]:not(#rjx):not(#rjx){color:#ff7cbf!important}
html body :is(#rj-ai-studio, [class*="ais-"]) [style*="border-color: rgb(253, 230, 138)"]:not(#rjx):not(#rjx){border-color:rgba(251,191,36,.4)!important}
html body :is(#rj-ai-studio, [class*="ais-"]) [style*="border-color: rgb(167, 243, 208)"]:not(#rjx):not(#rjx){border-color:rgba(52,211,153,.4)!important}
html body :is(#rj-ai-studio, [class*="ais-"]) [style*="background: rgb(255, 251, 235)"]:not(#rjx):not(#rjx){background:rgba(245,158,11,.14)!important}
html body :is(#rj-ai-studio, [class*="ais-"]) [style*="background: rgb(240, 253, 249)"]:not(#rjx):not(#rjx){background:rgba(16,185,129,.14)!important}
html body :is(#rj-ai-studio, [class*="ais-"]) [style^="color: rgb(180, 83, 9)"], html body :is(#rj-ai-studio, [class*="ais-"]) [style*="; color: rgb(180, 83, 9)"]:not(#rjx):not(#rjx){color:#fbbf24!important}
html body #rj-ai-studio :is(small, .ais-demos-note, .ais-vs, .ais-count, .ais-sfx-picker-empty, .ais-voices > p):not(#rjx):not(#rjx){color:#a29bad!important}
html body :is(#rj-ai-studio, #rjais-footer) :is(.ais-step-caret, .ais-how-num, .ais-honest a, .ais-tab.active, #ais-foot-account-text):not(#rjx):not(#rjx){color:#ff7cbf!important}
html body :is(.ais-plans small, .ais small):not(#rjx):not(#rjx){color:#a29bad!important}
html body :is(#rj-ai-studio, #rjais-footer, #rj24-fd) :is(.ais-btn-primary, #ais-create, .ais-step-n, .rj24ais-cta-primary):not(#rjx):not(#rjx){background:#d1157a!important; color:#fff!important; border-color:#d1157a!important}
html body #rj-ai-studio :is(input, textarea, select):not(#rjx):not(#rjx){background:#0e1118!important; color:#f5f2f7!important; border-color:rgba(255,255,255,.2)!important}
html body #rj-ai-studio :is(input, textarea)::placeholder{color:#a29bad!important; opacity:1!important}
html body #rj-ai-studio select option{background:#151a25; color:#f5f2f7}
html body #rj-ai-studio :where(h1, h2, h3, h4, h5, h6){color:#f5f2f7}
html body #rj24-fd .fd-card:not(#rjx):not(#rjx){background:#151a25!important; border:1px solid rgba(255,79,163,.6)!important; border-radius:4px!important}
html body .rj24-acct-modal-box:not(#rjx):not(#rjx){background:#151a25!important; border:1px solid rgba(255,255,255,.2)!important; border-radius:6px!important; color:#cbc5d3!important}
html body #rj24-fd #rj24-fd-form button:is(:hover, :focus-visible):not(#rjx):not(#rjx){background:#b8126b!important; color:#fff!important}
html body .rj24-acct-modal-bg:not(#rjx):not(#rjx){background:rgba(5,7,12,.72)!important}
html body .rj24-acct-modal-box :is(h1, h2, h3, #rj24-acct-title):not(#rjx):not(#rjx){color:#f5f2f7!important}
html body .rj24-acct-modal-box :is(input[type=text], input[type=email], input[type=password], input:not([type])):not(#rjx):not(#rjx){background:#0e1118!important; color:#f5f2f7!important; border:1px solid rgba(255,255,255,.2)!important}
/* ==== end AI Studio app, dark ==== */