/* R125EASY - the key sheet, the go-live "new keys" step, the podcast "get listed" sheet. Uses the dashboard tokens
 * (--text --text-2 --text-3 --surface --border --r6-v) with fallbacks for pages that do not define them (podcasts). */
.r125 {
  --r125-bg: var(--surface, #ffffff); --r125-fg: var(--text, #0f1222); --r125-fg2: var(--text-2, #3b4256); --r125-fg3: var(--text-3, #6b7286);
  --r125-bd: var(--border, rgba(15, 18, 34, .12)); --r125-ac: var(--r6-v, #5b4bff); --r125-ok: #1f8a4c; --r125-bad: #c2362b; --r125-warn: #9a5b00;
  --r125-fill: color-mix(in srgb, var(--r125-fg) 5%, transparent); --r125-scrim: rgba(8, 10, 20, .42);
  position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center;
  font: 15px/1.45 inherit; color: var(--r125-fg); -webkit-font-smoothing: antialiased;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .r125 { --r125-bg: var(--surface, #15171f); --r125-fg: var(--text, #f2f3f7); --r125-fg2: var(--text-2, #c4c8d4); --r125-fg3: var(--text-3, #8d93a5);
    --r125-bd: var(--border, rgba(255, 255, 255, .12)); --r125-ok: #3fbf7a; --r125-bad: #ff6b5e; --r125-warn: #e3a33b; --r125-scrim: rgba(0, 0, 0, .6); }
}
html[data-theme="dark"] .r125 { --r125-ok: #3fbf7a; --r125-bad: #ff6b5e; --r125-warn: #e3a33b; --r125-scrim: rgba(0, 0, 0, .6); }
.r125 *, .r125 *::before, .r125 *::after { box-sizing: border-box; }
.r125-scrim { position: absolute; inset: 0; background: var(--r125-scrim); opacity: 0; transition: opacity .2s ease; }
.r125-box {
  position: relative; background: var(--r125-bg); color: var(--r125-fg); width: min(480px, calc(100vw - 32px)); max-height: min(86vh, 760px); overflow: auto;
  border-radius: 18px; box-shadow: 0 0 0 1px var(--r125-bd), 0 24px 60px rgba(0, 0, 0, .22); padding: 22px 22px 18px; outline: 0;
  transform: translateY(8px) scale(.985); opacity: 0; transition: transform .22s cubic-bezier(.2, .8, .2, 1), opacity .18s ease; overscroll-behavior: contain;
}
.r125.is-open .r125-scrim { opacity: 1; }
.r125.is-open .r125-box { transform: none; opacity: 1; }
.r125--sheet { align-items: flex-end; }
.r125--sheet .r125-box { width: 100%; max-height: 92vh; border-radius: 18px 18px 0 0; padding: 8px 16px calc(16px + env(safe-area-inset-bottom)); transform: translateY(24px); }
.r125-grab { display: flex; justify-content: center; padding: 4px 0 10px; } .r125-grab i { width: 36px; height: 5px; border-radius: 3px; background: var(--r125-bd); }
.r125-x { position: absolute; top: 12px; inset-inline-end: 12px; width: 32px; height: 32px; border-radius: 50%; border: 0; background: var(--r125-fill); color: var(--r125-fg2); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.r125--sheet .r125-x { top: 14px; }
.r125-x:hover { color: var(--r125-fg); }
.r125 :focus-visible { outline: 2px solid var(--r125-ac); outline-offset: 2px; }
.r125-head { display: flex; gap: 12px; align-items: flex-start; padding-inline-end: 36px; margin: 2px 0 16px; }
.r125-mk { display: inline-flex; flex: none; } .r125-mk-txt { width: 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: var(--r125-fill); font-weight: 700; }
.r125-h { margin: 0; font-size: 19px; line-height: 1.25; font-weight: 650; letter-spacing: -.012em; text-wrap: balance; }
.r125-need, .r125-sub { margin: 3px 0 0; font-size: 13.5px; color: var(--r125-fg3); text-wrap: pretty; }
.r125-alt { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: color-mix(in srgb, var(--r125-ac) 8%, transparent); color: var(--r125-fg2); font-size: 13.5px; margin: -4px 0 14px; }
.r125-alt svg { color: var(--r125-ac); flex: none; } .r125-alt span { flex: 1; }
.r125-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.r125-step { display: grid; grid-template-columns: 26px 1fr; gap: 4px 12px; align-items: start; padding: 10px 0; }
.r125-step + .r125-step { border-top: 1px solid var(--r125-bd); }
.r125-n { width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 650; background: var(--r125-fill); color: var(--r125-fg2); margin-top: 1px; }
.r125-step.is-done .r125-n { background: var(--r125-ok); color: #fff; }
.r125-step.is-off { opacity: .45; }
.r125-step-t { font-size: 14.5px; color: var(--r125-fg); min-width: 0; padding-top: 2px; }
.r125-step-a { grid-column: 2; display: flex; flex-wrap: wrap; gap: 8px; }
.r125-step--main .r125-field { grid-column: 2; display: grid; gap: 8px; }
.r125-paste { position: relative; display: flex; gap: 8px; align-items: stretch; }
.r125-inp { width: 100%; min-width: 0; border: 1px solid var(--r125-bd); background: var(--r125-bg); color: var(--r125-fg); border-radius: 12px; padding: 11px 12px; font: 14px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-align: left; }
.r125-inp::placeholder { font-family: inherit; color: var(--r125-fg3); }
[dir="rtl"] .r125-inp::placeholder { text-align: right; direction: rtl; }
.r125-inp:focus { border-color: var(--r125-ac); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--r125-ac) 20%, transparent); }
.r125-ta { resize: none; min-height: 64px; }


.r125-lab { font-size: 12.5px; color: var(--r125-fg3); margin-top: 2px; }
.r125-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 13.5px; }
.r125-checks li { display: flex; align-items: center; gap: 8px; }
.r125-checks li.is-ok { color: var(--r125-ok); } .r125-checks li.is-bad { color: var(--r125-bad); } .r125-checks li.is-soft { color: var(--r125-warn); } .r125-checks li.is-wait { color: var(--r125-fg3); }
.r125-checks li span { color: var(--r125-fg2); } .r125-checks li.is-bad span { color: var(--r125-bad); }
.r125-checks svg { flex: none; }
.r125-mask { margin-inline-start: auto; font: 12.5px ui-monospace, Menlo, monospace; color: var(--r125-fg3); }
.r125-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--r125-bd); background: var(--r125-bg); color: var(--r125-fg); font: 600 14px/1 inherit; text-decoration: none; cursor: pointer; white-space: nowrap; }
.r125-btn:hover { background: var(--r125-fill); }
.r125-btn--sm { min-height: 32px; padding: 0 11px; font-size: 13px; border-radius: 10px; }
.r125-btn--pri { background: var(--r125-ac); border-color: transparent; color: #fff; }
.r125-btn--pri:hover { background: color-mix(in srgb, var(--r125-ac) 88%, #000); }
.r125-btn[disabled] { opacity: .45; cursor: default; pointer-events: none; }
.r125-btn--wide { width: 100%; min-height: 48px; font-size: 15px; }
.r125-link { border: 0; background: none; padding: 4px 0; color: var(--r125-ac); font: 600 13.5px inherit; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; justify-self: start; }
.r125-link--muted { color: var(--r125-fg3); font-weight: 500; }
.r125-foot { display: grid; gap: 10px; justify-items: center; margin-top: 16px; }
.r125-err { margin: 6px 0 0; color: var(--r125-bad); font-size: 13.5px; }
.r125-spin { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--r125-bd); border-top-color: var(--r125-ac); animation: r125spin .8s linear infinite; flex: none; display: inline-block; }
@keyframes r125spin { to { transform: rotate(360deg); } }
.r125-ho { display: flex; gap: 14px; align-items: center; padding: 12px; border-radius: 14px; background: var(--r125-fill); }
.r125-ho b { font-size: 14px; } .r125-ho p { margin: 2px 0 0; font-size: 13px; color: var(--r125-fg3); }
.r125-qr { width: 112px; height: 112px; flex: none; background: #fff; border-radius: 10px; padding: 6px; } .r125-qr svg { width: 100%; height: 100%; display: block; }
.r125-done { display: grid; justify-items: center; text-align: center; gap: 6px; padding: 18px 4px 4px; }
.r125-done .r125-btn { margin-top: 12px; }
.r125-done-mk { position: relative; margin-bottom: 8px; }
.r125-done-ok { position: absolute; inset-inline-end: -10px; bottom: -6px; width: 30px; height: 30px; border-radius: 50%; background: var(--r125-ok); color: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px var(--r125-bg); animation: r125pop .42s cubic-bezier(.2, 1.4, .4, 1) both .08s; }
@keyframes r125pop { from { transform: scale(.3); opacity: 0; } to { transform: none; opacity: 1; } }
.r125-chip { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--r125-fill); color: var(--r125-fg3); font-size: 12.5px; }
.r125-chip.is-ok { color: var(--r125-ok); background: color-mix(in srgb, var(--r125-ok) 12%, transparent); }
.r125-fresh { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.r125-frow { padding: 12px; border-radius: 14px; box-shadow: 0 0 0 1px var(--r125-bd); display: grid; gap: 10px; }
.r125-frow-h { display: flex; align-items: center; gap: 10px; } .r125-frow-h b { flex: 1; min-width: 0; font-size: 15px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.r125-frow-a { display: flex; gap: 16px; flex-wrap: wrap; }
.r125-paste--row .r125-inp { padding: 9px 12px; }
.r125-gaps { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
.r125-gap-h { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--r125-fg2); } .r125-gap-h svg { color: var(--r125-warn); flex: none; } .r125-gap-h span { flex: 1; }
.r125-code { display: flex; gap: 8px; margin-top: 8px; } .r125-code .r125-inp { letter-spacing: .3em; font-size: 17px; text-align: center; max-width: 170px; }
.r125-rss { display: flex; align-items: center; gap: 10px; margin-top: 14px; padding: 10px 12px; border-radius: 12px; background: var(--r125-fill); font: 12.5px ui-monospace, Menlo, monospace; color: var(--r125-fg3); }
.r125-rss bdi { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.r125-ok-t, .r125-wait-t { display: inline-flex; gap: 8px; align-items: flex-start; } .r125-ok-t svg { color: var(--r125-ok); flex: none; margin-top: 2px; } .r125-wait-t { color: var(--r125-fg3); }
.r125-pi { display: flex; gap: 6px; align-items: center; } .r125-pi svg { color: var(--r125-ok); }
.r125-loading { display: flex; justify-content: center; padding: 30px 0; }
/* podcast page band */
.r125-pband { display: flex; align-items: center; gap: 12px; padding: 12px 14px; margin: 10px 0; border-radius: 14px; background: color-mix(in srgb, var(--r125-ac, #5b4bff) 7%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--r125-ac, #5b4bff) 22%, transparent); --r125-ac: var(--r6-v, #5b4bff); }
.r125-pband .r125-mks { display: inline-flex; gap: 4px; flex: none; }
.r125-pband-t { flex: 1; min-width: 0; display: grid; } .r125-pband-t b { font-size: 14.5px; } .r125-pband-t small { font-size: 12.5px; opacity: .75; }
.r125-pband .r125-btn { --r125-bd: transparent; --r125-bg: #fff; }
.r125-pband .r125-btn--pri { background: var(--r125-ac); color: #fff; border: 0; min-height: 34px; padding: 0 14px; border-radius: 10px; font: 600 13.5px inherit; cursor: pointer; }
@media (max-width: 420px) { .r125-step--main .r125-field, .r125-step-a { grid-column: 1 / -1; } .r125-ho { flex-direction: column; text-align: center; } }
@media (prefers-reduced-motion: reduce) { .r125-box, .r125-scrim { transition: none; } .r125-done-ok, .r125-spin { animation: none; } }
.r125-step-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
/* one block per network */
.r125-parts { list-style: none; margin: 0; padding: 0; border-radius: 14px; box-shadow: 0 0 0 1px var(--r125-bd); overflow: hidden; }
.r125-parts li { display: flex; align-items: center; gap: 12px; padding: 14px; }
.r125-parts li + li { border-top: 1px solid var(--r125-bd); }
.r125-parts li > div { flex: 1; min-width: 0; display: grid; gap: 2px; }
.r125-parts b { font-size: 15px; font-weight: 600; } .r125-parts small { font-size: 13px; color: var(--r125-fg3); } .r125-parts small.is-ok { color: var(--r125-ok); }
.r125-livepart, .r125-pick { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; box-shadow: 0 0 0 1px var(--border, rgba(127,127,127,.25)); margin: 0 0 12px; color: var(--text, inherit); }
.r125-livepart > div, .r125-pick-t { flex: 1; min-width: 0; display: grid; gap: 2px; } .r125-livepart b, .r125-pick-t b { font-size: 14.5px; }
.r125-livepart small, .r125-pick-t small { font-size: 12.5px; color: var(--text-3, #888); } .r125-livepart small.is-ok { color: #1f8a4c; }
.r125-pick { margin: 4px 0; padding: 9px 12px; border-radius: 8px; }
.r125-livepart .r125-btn, .r125-pick .r125-btn { --r125-bd: var(--border, rgba(127,127,127,.3)); --r125-bg: transparent; --r125-fg: var(--text, inherit); --r125-ac: var(--r6-v, #5b4bff); display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--r125-bd); background: transparent; color: inherit; font: 600 13px inherit; cursor: pointer; }
.r125-livepart .r125-btn--pri { background: var(--r6-v, #5b4bff); color: #fff; border-color: transparent; }
/* one entry per network: the R123 "TikTok LIVE" card is superseded by the compact per-network row */
html.r125-on .r123-tt:not(.r125-pick) { display: none !important; }

/* LIVE part inside a network's row (one block per network): a quiet second line of the same block, not a second card */
.r125-livepart--mini { margin: 12px 0 0; padding: 12px 0 0; border-radius: 0; box-shadow: none; border-top: 1px solid var(--border, rgba(127,127,127,.2)); flex-basis: 100%; gap: 10px; background: none; }
.r125-livepart--mini b { font-size: 13px; letter-spacing: .02em; }
.r125-livepart small.r125-lp-need { color: var(--text-3, #888); }
.r116-row > .r125-livepart--mini { margin: 0 14px 12px; padding-top: 10px; }
.r116d-tile--hero .r125-livepart--mini { width: 100%; text-align: start; margin-top: auto; margin-bottom: 12px; }