/* Dorax Finance — the owner's first visits in the v6 look (v436, features/phone/r6-tours.js; boards "Primera-vez-*-V6"): a dark page over the whole
   screen; the screen in small (in a frame rising from the words, or in a card with its rim) that plays once; the words; one button at the thumb.
   Debts and the Journey's own page in steps, with a bar of steps, back and the one thing to do. Every movement off with less motion. */
@property --r6tv-n { syntax: '<integer>'; inherits: false; initial-value: 0; }
@property --r6tv-p { syntax: '<integer>'; inherits: false; initial-value: 0; }
.r6tv { position: fixed; inset: 0; z-index: 56; overflow: hidden; background: #070808; color: #EFF1F6; font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', Inter, 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased; animation: r6tv-pagein .3s ease-out both; --haze: .12; }
#jstart.r6tv { z-index: 55; }
@keyframes r6tv-pagein { from { opacity: 0; } }
.r6tv * { box-sizing: border-box; }
:where(.r6tv) :is(b, strong) { color: inherit; }      /* the app's b and strong carry their own ink: here they take their row's */
.r6tv button { -webkit-tap-highlight-color: transparent; }
.r6tv :is(button, a, input):focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
.r6tv h1:focus { outline: none; }
.r6tv .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.r6tv-scr { position: absolute; inset: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; scrollbar-width: none; }
.r6tv-scr::-webkit-scrollbar { display: none; }
.r6tv.k-card .r6tv-scr { padding-bottom: 120px; }
/* ---------- the top: "I'll look around first", or the × ---------- */
.r6tv-top { flex: none; display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: calc(14px + var(--safe-t, 0px)) 16px 0; }
.r6tv-top.named { justify-content: space-between; padding-left: 24px; }
.r6tv-name { color: rgba(239, 241, 246, .6); font-size: 15px; font-weight: 500; }
.r6tv-glass { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; height: 44px; border-radius: 999px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); color: #EFF1F6; font-size: 14px; font-weight: 500; transition: transform .34s cubic-bezier(.2, .9, .3, 1.25); }
.r6tv-later { padding: 0 16px; }
.r6tv-x { width: 44px; padding: 0; border-radius: 50%; }
.r6tv-x.soft { all: unset; box-sizing: border-box; cursor: pointer; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(239, 241, 246, .06); color: #EFF1F6; }
.r6tv-x svg { stroke-width: 2.2; }
.r6tv-glass:active, .r6tv-go:active, .r6tv-back:active { transform: scale(.97); }
/* ---------- the drawing ---------- */
.r6tv-rim { border: 1px solid transparent; background: radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, .055), rgba(255, 255, 255, 0) 55%) padding-box, linear-gradient(#151717, #151717) padding-box, linear-gradient(180deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .08) 30%, rgba(255, 255, 255, .03) 70%, rgba(255, 255, 255, .12)) border-box; }
.r6tv-draw { all: unset; box-sizing: border-box; cursor: pointer; flex: none; position: relative; -webkit-tap-highlight-color: transparent; }
.r6tv-draw.r6tv-isdev { display: grid; place-items: end center; height: 300px; }
.r6tv-draw.r6tv-isdev, .r6js-draw { overflow-x: clip; }      /* the glow is wider than a small phone: cut at its sides, never a sideways scroll */
.r6tv-steps .r6tv-draw.r6tv-isdev, .r6js-draw { cursor: default; display: grid; place-items: end center; height: 262px; margin-top: 4px; position: relative; flex: none; }
.r6tv-draw.r6tv-iscard { display: flex; flex-direction: column; margin: 12px 16px 0; padding: 18px 20px 16px; border-radius: 30px; overflow: hidden; }
.r6tv-draw.r6tv-iscard { border: 1px solid transparent; background: radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, .055), rgba(255, 255, 255, 0) 55%) padding-box, linear-gradient(#151717, #151717) padding-box, linear-gradient(180deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .08) 30%, rgba(255, 255, 255, .03) 70%, rgba(255, 255, 255, .12)) border-box; }
.r6tv-glow { position: absolute; left: 50%; top: 50%; width: 340px; height: 260px; margin: -130px 0 0 -170px; border-radius: 50%; background: radial-gradient(closest-side, rgba(159, 209, 130, var(--haze)), rgba(159, 209, 130, 0)); transition: background .6s ease; pointer-events: none; }
.r6tv-d { display: contents; }
.r6tv-draw.r6tv-isdev .r6tv-d { display: block; position: relative; }
.r6tv-dev { position: relative; display: flex; flex-direction: column; width: 292px; height: 286px; border-radius: 34px 34px 0 0; overflow: hidden; background: #070808; box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12), 0 30px 60px -30px rgba(0, 0, 0, .9); -webkit-mask-image: linear-gradient(180deg, #000 var(--m, 84%), transparent); mask-image: linear-gradient(180deg, #000 var(--m, 84%), transparent); }
.r6tv-dev > * { flex-shrink: 0; }      /* what does not fit is cut at the foot, under the fade, as on the boards: a figure never squeezed (its odometer would show half a line) */
.r6tv-dev.r6tv-pad { padding: 16px 12px 0; }
.r6tv-dev.wide { width: 300px; height: 252px; padding: 16px 14px 0; }
.r6tv-rp { position: absolute; right: 34px; bottom: 14px; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: rgba(239, 241, 246, .7); }
.r6tv-draw.r6tv-iscard .r6tv-rp { right: 14px; top: 14px; bottom: auto; background: rgba(239, 241, 246, .06); box-shadow: none; color: rgba(239, 241, 246, .55); }
.r6tv-rp svg { stroke-width: 2.2; }
.r6tv-title { padding: 0 4px; font-size: 15px; font-weight: 500; letter-spacing: -.02em; }
.r6tv-ct { color: rgba(239, 241, 246, .42); font-size: .53em; letter-spacing: -.01em; }
/* the words */
.r6tv-words { flex: none; display: flex; flex-direction: column; padding: 20px 20px 150px; border-top: 1px solid rgba(239, 241, 246, .07); }
.r6tv.k-card .r6tv-words { padding: 24px 24px 0; border-top: 0; }
.r6tv-words.r6tv-stepw { padding: 20px 20px 176px; }
.r6tv-wtop:empty { display: none; }
.r6tv-eb { display: inline-flex; align-items: center; gap: 8px; color: rgba(239, 241, 246, .55); font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.r6tv.k-card .r6tv-eb { margin-bottom: 8px; color: rgba(239, 241, 246, .6); font-size: 14px; letter-spacing: 0; text-transform: none; }
.r6tv-beta { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border: 1px solid rgba(239, 241, 246, .16); border-radius: 999px; color: rgba(239, 241, 246, .8); font-size: 12px; font-weight: 500; }
.r6tv-eb2 { color: rgba(239, 241, 246, .6); font-size: 14px; font-weight: 500; }
.r6tv h1 { margin: 10px 0 0; color: #EFF1F6; font-size: 34px; line-height: 1.08; font-weight: 600; letter-spacing: -.03em; text-wrap: balance; }
.r6tv.k-card h1 { margin: 0; font-size: 32px; line-height: 1.1; letter-spacing: -.025em; }
.r6tv-steps h1, .r6js h1 { margin-top: 8px; }
.r6tv-lead { margin: 12px 0 0; color: rgba(239, 241, 246, .7); font-size: 16px; line-height: 1.45; }
.r6tv-does { list-style: none; display: flex; flex-direction: column; gap: 6px; margin: 20px 0 0; padding: 0; }
.r6tv.k-card .r6tv-does { gap: 0; margin-top: 16px; }
.r6tv-does li { display: flex; align-items: center; gap: 14px; min-height: 48px; color: rgba(239, 241, 246, .9); font-size: 15px; line-height: 1.35; }
.r6tv.k-card .r6tv-does li { min-height: 56px; color: rgba(239, 241, 246, .88); font-size: 15.5px; }
.r6tv-li { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #9FD182; }
.r6tv.k-card .r6tv-li { width: 40px; height: 40px; background: rgba(159, 209, 130, .12); box-shadow: none; }
.r6tv.k-card .r6tv-li.coral { background: rgba(255, 138, 128, .12); color: #FF8A80; }
.r6tv-how { list-style: none; display: flex; flex-direction: column; gap: 6px; margin: 16px 0 0; padding: 0; }
.r6tv-how li { display: flex; align-items: center; gap: 14px; padding: 4px 0; }
.r6js .r6tv-how li { align-items: flex-start; padding: 6px 0; }
.r6tv-how li > span:last-child { display: flex; flex-direction: column; gap: 2px; }
.r6tv-how b { font-size: 15px; font-weight: 500; }
.r6tv-how small { color: rgba(239, 241, 246, .68); font-size: 14px; line-height: 1.35; }
/* the thumb */
.r6tv-fade { position: absolute; left: 0; right: 0; bottom: 0; height: 150px; z-index: 10; pointer-events: none; background: linear-gradient(180deg, rgba(7, 8, 8, 0), rgba(7, 8, 8, .92) 50%, #070808); }
.r6tv.k-card .r6tv-fade { height: 140px; background: linear-gradient(180deg, rgba(7, 8, 8, 0), rgba(7, 8, 8, .94) 50%, #070808); }
.r6tv-fade.tall { height: 170px; background: linear-gradient(180deg, rgba(7, 8, 8, 0), rgba(7, 8, 8, .92) 45%, #070808); }
.r6tv-foot { position: absolute; left: 20px; right: 20px; bottom: calc(28px + var(--safe-b, 0px)); z-index: 20; display: flex; }
.r6tv-foot.r6tv-stepf { flex-direction: column; gap: 14px; }
.r6tv-go { all: unset; box-sizing: border-box; cursor: pointer; flex: 1 1 auto; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 8px; height: 56px; padding: 0 18px; border-radius: 999px; background: #9FD182; color: #101212; font-size: 15px; font-weight: 500; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 8px 22px rgba(0, 0, 0, .45), 0 0 18px rgba(159, 209, 130, .3); transition: transform .34s cubic-bezier(.2, .9, .3, 1.25); }
.r6tv-go > span { overflow: hidden; text-overflow: ellipsis; }
.r6tv-go svg { flex: none; stroke-width: 2.3; }
.r6tv-go[disabled] { background: rgba(239, 241, 246, .08); color: rgba(239, 241, 246, .45); box-shadow: none; cursor: default; }
.r6tv-go:focus-visible { outline-color: #EFF1F6; }
.r6tv-acts { display: flex; gap: 10px; }
.r6tv-back { all: unset; box-sizing: border-box; cursor: pointer; flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: rgba(26, 29, 29, .92); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14), 0 8px 22px rgba(0, 0, 0, .45); color: #EFF1F6; transition: transform .34s cubic-bezier(.2, .9, .3, 1.25); }
.r6tv-bar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
.r6tv-bar.six { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.r6tv-bar li { height: 4px; border-radius: 2px; background: rgba(239, 241, 246, .18); transition: background-color .4s ease; }
.r6tv-bar li.done { background: #9FD182; }
.r6tv-bar li.on { background: #EFF1F6; }
/* the movements that come in once */
.r6tv-say { animation: r6tv-say .6s cubic-bezier(.2, .9, .25, 1) both; }
@keyframes r6tv-say { from { opacity: 0; transform: translateY(10px); } }
.r6tv-rise { animation: r6tv-rise .5s cubic-bezier(.2, .9, .25, 1) both; }
@keyframes r6tv-rise { from { opacity: 0; transform: translateY(14px); } }
.r6tv-in, .r6js-enter > * { animation: r6tv-in .55s cubic-bezier(.2, .9, .25, 1) both; }
.r6js-enter > :nth-child(2) { animation-delay: .05s; } .r6js-enter > :nth-child(3) { animation-delay: .1s; } .r6js-enter > :nth-child(4) { animation-delay: .15s; } .r6js-enter > :nth-child(n+5) { animation-delay: .2s; }
@keyframes r6tv-in { from { opacity: 0; transform: translateY(12px); } }

/* ---------- Resumen ---------- */
.r6tv-mesh { position: relative; isolation: isolate; overflow: hidden; flex: none; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px 14px 18px; border-radius: 0 0 26px 26px; background: #071513; }
.r6tv-mesh > * { position: relative; z-index: 1; }
.r6tv-mesh::before { content: ""; position: absolute; inset: -60px; filter: blur(28px); background: radial-gradient(40% 28% at 16% 12%, #56897F, rgba(86, 137, 127, 0)), radial-gradient(72% 15% at 52% 31%, #040A09, rgba(4, 10, 9, 0)), radial-gradient(34% 32% at 97% 72%, #6AAFA2, rgba(106, 175, 162, 0)), radial-gradient(46% 28% at 8% 93%, #2B5951, rgba(43, 89, 81, 0)), linear-gradient(180deg, #0E2B26 0%, #081A17 34%, #0A2723 66%, #03362D 100%); animation: r6tv-drift 2.2s cubic-bezier(.2, .9, .25, 1) both; }
.r6tv-fog { animation: r6tv-fog .9s cubic-bezier(.2, .9, .25, 1) both; }
@keyframes r6tv-fog { from { opacity: 0; } }
@keyframes r6tv-drift { from { transform: translate(-30px, -24px) scale(1.15); } }
.r6tv-gpill { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: rgba(239, 241, 246, .75); font-size: 11px; font-weight: 500; }
.r6tv-pop1 { animation: r6tv-say .5s cubic-bezier(.2, .9, .25, 1) .2s both; }
.r6tv-hero { display: flex; align-items: baseline; gap: 6px; }
.r6tv-hero b { font-size: 40px; line-height: 1; font-weight: 400; letter-spacing: -.045em; }
.r6tv-hero small, .r6tv-until { color: rgba(239, 241, 246, .5); font-size: 13px; }
.r6tv-until { font-size: 10.5px; }
.r6tv-cnt { counter-reset: r6tvn var(--r6tv-n); animation: r6tv-up 1.1s cubic-bezier(.2, .9, .25, 1) .35s both; }
.r6tv-cnt::after { content: counter(r6tvn); }
@keyframes r6tv-up { from { --r6tv-n: 0; } }
.r6tv-two { flex: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; height: 124px; padding: 10px; }
.r6tv-w { display: flex; flex-direction: column; justify-content: space-between; padding: 11px 12px 13px; border-radius: 22px; }
.r6tv-land { animation: r6tv-land .6s cubic-bezier(.34, 1.56, .64, 1) both; }
@keyframes r6tv-land { from { opacity: 0; transform: translateY(28px) scale(.9); } }
.r6tv-wh { display: flex; align-items: center; gap: 5px; color: #9FD182; }
.r6tv-wh svg { flex: none; stroke-width: 2.3; }
.r6tv-wh b { color: #EFF1F6; font-size: 10.5px; font-weight: 500; white-space: nowrap; }
.r6tv-wv { display: flex; flex-direction: column; gap: 2px; }
.r6tv-wv b { font-size: 14px; font-weight: 500; letter-spacing: -.02em; white-space: nowrap; }
.r6tv-wv b.r6tv-wamt { font-size: 17px; }
.r6tv-wv small { color: rgba(239, 241, 246, .6); font-size: 10px; }
.r6tv-free { position: relative; display: block; height: 6px; border-radius: 3px; background: rgba(159, 209, 130, .18); }
.r6tv-sweep { position: absolute; left: 0; top: 0; bottom: 0; width: 58%; border-radius: 3px; background: #9FD182; transform-origin: 0 50%; animation: r6tv-sweep .7s cubic-bezier(.2, .9, .25, 1) 1.25s both; }
@keyframes r6tv-sweep { from { transform: scaleX(0); } }
.r6tv-knob { position: absolute; left: 58%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #EFF1F6; box-shadow: 0 0 0 2px #151717; animation: r6tv-knob .7s cubic-bezier(.2, .9, .25, 1) 1.25s both; }
@keyframes r6tv-knob { from { left: 0; } }
.r6tv-soon { align-self: flex-start; display: inline-flex; align-items: center; height: 18px; padding: 0 8px; border-radius: 999px; background: linear-gradient(180deg, #C9EDB0, #9FD182); color: #101212; font-size: 10px; font-weight: 600; }
.r6tv-pop2 { animation: r6tv-pop .45s cubic-bezier(.34, 1.56, .64, 1) 1.55s both; }
@keyframes r6tv-pop { from { opacity: 0; transform: scale(.4); } }

/* ---------- Transacciones ---------- */
.r6tv-line { display: flex; align-items: center; gap: 8px; height: 38px; margin-top: 10px; padding: 0 5px 0 12px; border-radius: 999px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); }
.r6tv-line > svg { flex: none; }
.r6tv-lt { position: relative; flex: 1 1 auto; min-width: 0; height: 18px; font-size: 13px; line-height: 18px; }
.r6tv-ph { position: absolute; left: 0; top: 0; color: rgba(239, 241, 246, .4); white-space: nowrap; animation: r6tv-ph 1.45s linear both; }
@keyframes r6tv-ph { 0%, 36% { opacity: 1; } 38%, 90% { opacity: 0; } 100% { opacity: 1; } }
.r6tv-typed { position: absolute; left: 0; top: 0; display: flex; align-items: center; color: #EFF1F6; white-space: nowrap; animation: r6tv-gone .2s ease 1.2s both; }
@keyframes r6tv-gone { to { opacity: 0; } }
.r6tv-ch { display: inline-block; overflow: hidden; vertical-align: top; max-width: 1em; animation-name: r6tv-wait; animation-timing-function: step-end; animation-fill-mode: backwards; }
@keyframes r6tv-wait { from, to { max-width: 0; } }
.r6tv-caret { display: block; width: 2px; height: 15px; margin-left: 1px; border-radius: 1px; background: #9FD182; animation: r6tv-blink .4s step-end infinite; }
@keyframes r6tv-blink { 50% { opacity: 0; } }
.r6tv-send { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(239, 241, 246, .08); color: #EFF1F6; animation: r6tv-send .6s cubic-bezier(.2, .9, .25, 1) 1.04s both; }
.r6tv-send svg { stroke-width: 2.6; }
@keyframes r6tv-send { 0% { background-color: rgba(239, 241, 246, .08); color: #EFF1F6; } 25%, 70% { background-color: #9FD182; color: #101212; transform: scale(1.15); } 100% { background-color: rgba(239, 241, 246, .08); color: #EFF1F6; } }
.r6tv-day { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 14px; padding: 0 4px; }
.r6tv-day > b { font-size: 12.5px; font-weight: 500; }
.r6tv-day > b small { margin-left: 6px; color: rgba(239, 241, 246, .45); font-size: 10.5px; font-weight: 500; }
.r6tv-rollw { display: block; height: 16px; overflow: hidden; color: rgba(239, 241, 246, .75); font-size: 12.5px; line-height: 16px; font-weight: 500; }
.r6tv-roll { display: flex; flex-direction: column; transform: translateY(-16px); animation: r6tv-roll .5s cubic-bezier(.2, .9, .25, 1) 1.38s both; }
@keyframes r6tv-roll { from { transform: none; } }
.r6tv-txc { display: flex; flex-direction: column; margin-top: 8px; padding: 0 12px 0 10px; border-radius: 22px; }
.r6tv-newrow { overflow: hidden; max-height: 52px; margin: 0 -12px 0 -10px; padding: 0 12px 0 10px; border-radius: 22px 22px 0 0; border-bottom: 1px solid rgba(239, 241, 246, .07); animation: r6tv-newrow .5s cubic-bezier(.2, .9, .25, 1) 1.22s both, r6tv-glowrow 1.1s ease 1.5s both; }
@keyframes r6tv-newrow { from { max-height: 0; opacity: 0; transform: translateY(-10px); } }
@keyframes r6tv-glowrow { from { background-color: rgba(159, 209, 130, .16); } }
.r6tv-txr { display: flex; align-items: center; gap: 10px; height: 50px; }
.r6tv-txc > .r6tv-txr + .r6tv-txr { border-top: 1px solid rgba(239, 241, 246, .07); }
.r6tv-newrow .r6tv-txr { height: 51px; }
.r6tv-rowin { animation: r6tv-rowin .45s cubic-bezier(.2, .9, .25, 1) both; }
@keyframes r6tv-rowin { from { opacity: 0; transform: translateX(30px); } }
.r6tv-txi { position: relative; flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(239, 241, 246, .07); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .1); color: rgba(239, 241, 246, .9); }
.r6tv-bk { position: absolute; right: -3px; bottom: -2px; display: block; width: 13px; height: 13px; overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 1.5px #151717; }
.r6tv-bk img, .r6tv-bk i { display: block; width: 13px; height: 13px; object-fit: cover; background: #2A2E2E; }
.r6tv-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.r6tv-txt b, .r6tv-txr > b { overflow: hidden; font-size: 12.5px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.r6tv-txr > b { flex: none; }
.r6tv-txt small { color: rgba(239, 241, 246, .5); font-size: 10.5px; }

/* ---------- Plan ---------- */
.r6tv-ph-h { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.r6tv-ph-h small { padding-right: 4px; color: rgba(239, 241, 246, .6); font-size: 11px; font-weight: 500; }
.r6tv-ph-h small span { color: rgba(239, 241, 246, .4); font-weight: 400; }
.r6tv-k { margin-top: 8px; padding: 0 4px; color: rgba(239, 241, 246, .6); font-size: 11px; }
.r6tv-odow { display: block; height: 34px; margin-top: 2px; padding: 0 4px; overflow: hidden; font-size: 30px; line-height: 34px; font-weight: 300; letter-spacing: -.045em; }
.r6tv-odo { display: flex; flex-direction: column; transform: translateY(-136px); animation: r6tv-odo 1.9s cubic-bezier(.2, .9, .25, 1) both; }
.r6tv-odo > span { height: 34px; white-space: nowrap; }
@keyframes r6tv-odo { 0%, 28.9% { transform: none; } 42.1%, 47.4% { transform: translateY(-34px); } 60.5%, 65.8% { transform: translateY(-68px); } 78.9%, 84.2% { transform: translateY(-102px); } 97.4%, 100% { transform: translateY(-136px); } }
.r6tv-paidl { position: relative; display: block; height: 10px; margin: 10px 4px 0; border-radius: 5px; background: rgba(159, 209, 130, .14); }
.r6tv-paid { position: absolute; left: 0; top: 0; bottom: 0; width: 77%; min-width: 10px; border-radius: 5px; background: #9FD182; animation: r6tv-paidw 1.9s cubic-bezier(.2, .9, .25, 1) both; }
@keyframes r6tv-paidw { 0%, 28.9% { width: 3%; } 42.1%, 47.4% { width: 64.7%; } 60.5%, 65.8% { width: 68.5%; } 78.9%, 84.2% { width: 74.9%; } 97.4%, 100% { width: 77%; } }
.r6tv-card2 { display: flex; flex-direction: column; margin-top: 12px; padding: 0 8px 0 10px; border-radius: 22px; }
.r6tv-cardin { animation: r6tv-rise .5s cubic-bezier(.2, .9, .25, 1) .05s both; }
.r6tv-bill { display: flex; align-items: center; gap: 9px; height: 42px; }
.r6tv-bill + .r6tv-bill { border-top: 1px solid rgba(239, 241, 246, .07); }
.r6tv-bic { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; }
.r6tv-bt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.r6tv-bt b, .r6tv-bill > b { font-size: 12px; font-weight: 500; white-space: nowrap; }
.r6tv-done { color: rgba(239, 241, 246, .42); text-decoration: line-through; text-decoration-color: rgba(239, 241, 246, .42); animation: r6tv-done .3s ease both; }
@keyframes r6tv-done { from { color: #EFF1F6; text-decoration-color: rgba(239, 241, 246, 0); } }
.r6tv-bw { font-size: 9.5px; font-weight: 500; }
.r6tv-bw.soon { padding: 1px 7px; border-radius: 999px; background: linear-gradient(180deg, #C9EDB0, #9FD182); color: #101212; }
.r6tv-bw.date { color: rgba(239, 241, 246, .6); }
.r6tv-bw.none { color: rgba(239, 241, 246, .45); }
.r6tv-tick { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background-color: #D9DCE1; animation: r6tv-tick .4s cubic-bezier(.34, 1.56, .64, 1) both; }
@keyframes r6tv-tick { 0% { background-color: rgba(217, 220, 225, 0); box-shadow: inset 0 0 0 1.5px rgba(239, 241, 246, .25); transform: scale(1); } 55% { transform: scale(1.2); } 100% { background-color: #D9DCE1; box-shadow: inset 0 0 0 0 rgba(239, 241, 246, 0); transform: scale(1); } }
.r6tv-chk { stroke-dasharray: 20; animation: r6tv-chk .28s ease-out both; }
@keyframes r6tv-chk { from { stroke-dashoffset: 20; } }

/* ---------- Metas ---------- */
.r6tv-tile { animation: r6tv-rise .5s cubic-bezier(.2, .9, .25, 1) both; }
.r6tv-goal { display: flex; align-items: center; gap: 12px; margin-top: 12px; padding: 14px 12px; border-radius: 28px; }
.r6tv-ring { position: relative; flex: none; display: grid; place-items: center; width: 108px; height: 108px; }      /* v463: 132 left the words 94 px, and the amount and the date ran out of the card (owner: "metas se sale del recuadro") */
.r6tv-ring > svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; }
.r6tv-fill { stroke-dasharray: 218.6 364.4; animation: r6tv-fillr 1.8s cubic-bezier(.34, 1.56, .64, 1) both; }
@keyframes r6tv-fillr { 0%, 38.9% { stroke-dasharray: 0 364.4; stroke-opacity: 0; } 39% { stroke-opacity: 1; } 50%, 61.1% { stroke-dasharray: 72.9 364.4; } 72.2%, 83.3% { stroke-dasharray: 145.8 364.4; } 94.4%, 100% { stroke-dasharray: 218.6 364.4; } }
.r6tv-bump { position: relative; display: block; width: 56px; height: 56px; animation: r6tv-bump .32s ease-out .7s, r6tv-bump .32s ease-out 1.1s, r6tv-bump .32s ease-out 1.5s; }
.r6tv-bump > * { width: 56px; height: 56px; }
@keyframes r6tv-bump { 40% { transform: translateY(3px) scale(.94); } }
.r6tv-coin { position: absolute; left: 50%; top: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%; opacity: 0; background: radial-gradient(circle at 35% 30%, #E4F6D6, #B9E2A2 45%, #7FB565); box-shadow: inset 0 0 0 2px rgba(7, 8, 8, .18), 0 6px 12px -4px rgba(0, 0, 0, .6); animation: r6tv-coin .5s cubic-bezier(.55, 0, 1, .45) both; }
.r6tv-coin i { position: absolute; inset: 6px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(7, 8, 8, .22); }
@keyframes r6tv-coin { 0% { opacity: 0; transform: translateY(-130px); } 20% { opacity: 1; } 80% { opacity: 1; transform: translateY(-6px) scale(1); } 100% { opacity: 0; transform: translateY(0) scale(.35); } }
.r6tv-gt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.r6tv-pct { --r6tv-p: 60; counter-reset: r6tvp var(--r6tv-p); font-size: 28px; line-height: 1; font-weight: 400; letter-spacing: -.03em; animation: r6tv-count 1.8s cubic-bezier(.2, .9, .25, 1) both; }
.r6tv-pct::after { content: counter(r6tvp) "%"; }
@keyframes r6tv-count { 0%, 38.9% { --r6tv-p: 0; } 50%, 61.1% { --r6tv-p: 20; } 72.2%, 83.3% { --r6tv-p: 40; } 94.4%, 100% { --r6tv-p: 60; } }
.r6tv-gname { margin-top: 4px; overflow: hidden; font-size: 15px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.r6tv-gt > small { color: rgba(239, 241, 246, .62); font-size: 11px; white-space: nowrap; }
.r6tv-gt > small b { color: #EFF1F6; font-weight: 500; }
.r6tv-date { align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; height: 22px; margin-top: 6px; padding: 0 9px; border-radius: 999px; background: rgba(159, 209, 130, .14); color: #9FD182; font-size: 10.5px; font-weight: 500; white-space: nowrap; animation: r6tv-date .5s cubic-bezier(.2, .9, .25, 1) 1.75s both; }
.r6tv-date svg { stroke-width: 2.4; }
@keyframes r6tv-date { from { opacity: 0; transform: translateX(-12px); } }
.r6tv-gtwo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 9px; }
.r6tv-gs { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 10px; border-radius: 22px; }
.r6tv-gsi { flex: none; display: block; width: 30px; height: 30px; }
.r6tv-gsi > * { width: 30px; height: 30px; }
.r6tv-gst { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.r6tv-gst b { overflow: hidden; font-size: 11px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.r6tv-gst small { color: rgba(239, 241, 246, .6); font-size: 10px; }
.r6tv-gst small.amber { color: #F7D27A; }

/* ---------- Informes and Cuentas: the figure, then what draws it ---------- */
.r6tv-fig { display: flex; flex-direction: column; gap: 2px; }
.r6tv-fig small { color: rgba(239, 241, 246, .6); font-size: 12.5px; }
.r6tv-fig b { font-size: 30px; line-height: 1.05; font-weight: 300; letter-spacing: -.04em; }
.r6tv-months { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.r6tv-mo { display: flex; flex-direction: column; gap: 6px; text-align: center; }
.r6tv-mb { display: flex; align-items: flex-end; height: 80px; }
.r6tv-mb i { display: block; width: 100%; border-radius: 9px; background: rgba(239, 241, 246, .16); transform-origin: 50% 100%; animation: r6tv-bar .7s cubic-bezier(.2, .9, .25, 1) both; }
.r6tv-mb i.now { background: #9FD182; animation: r6tv-bar .7s cubic-bezier(.2, .9, .25, 1) .7s both, r6tv-glowb 1.1s ease-in-out 1.25s 1; }
@keyframes r6tv-bar { from { transform: scaleY(0); } }
@keyframes r6tv-glowb { 0%, 100% { box-shadow: 0 0 0 rgba(159, 209, 130, 0); } 50% { box-shadow: 0 0 18px rgba(159, 209, 130, .85); } }
.r6tv-mo small { color: rgba(239, 241, 246, .45); font-size: 10.5px; }
.r6tv-mo small.now { color: #9FD182; font-weight: 500; }
.r6tv-dots { display: grid; grid-template-rows: repeat(5, 9px); grid-auto-flow: column; grid-auto-columns: 9px; gap: 3px; justify-content: space-between; margin-top: 16px; }
.r6tv-dots i { display: block; width: 9px; height: 9px; border-radius: 50%; animation: r6tv-dot .3s cubic-bezier(.2, .9, .3, 1.4) both; }
@keyframes r6tv-dot { from { opacity: 0; transform: scale(0); } }
.r6tv-leg { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 12px; color: rgba(239, 241, 246, .6); font-size: 11px; }
.r6tv-leg > span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.r6tv-leg i { width: 7px; height: 7px; border-radius: 50%; }
.r6tv-leg b { color: #EFF1F6; font-weight: 500; }
.r6tv-leg i.sq { border-radius: 2px; background: #9FD182; }
.r6tv-leg i.sq.sv { background: #6AAFA2; }
.r6tv-leg i.sq.rg { background: none; box-shadow: inset 0 0 0 1.5px #FF8A80; }
.r6tv-leg .coral { color: #FF8A80; }
.r6tv-split { display: flex; gap: 3px; height: 10px; margin-top: 12px; }
.r6tv-grow { display: block; border-radius: 5px; background: #9FD182; transform-origin: 0 50%; animation: r6tv-grow .9s cubic-bezier(.2, .9, .25, 1) both; }
.r6tv-grow.sv { background: #6AAFA2; }
@keyframes r6tv-grow { from { transform: scaleX(0); } }
.r6tv-hand { position: relative; display: block; height: 136px; margin-top: 12px; }
.r6tv-ac { position: absolute; left: 50%; top: 18px; width: 150px; height: 94px; display: flex; flex-direction: column; justify-content: space-between; padding: 12px 13px; border-radius: 15px; transform-origin: 50% 130%; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 10px 22px -8px rgba(0, 0, 0, .7); transform: translateX(calc(-50% + var(--x))) translateY(var(--y)) rotate(var(--r)); animation: r6tv-fan .85s cubic-bezier(.2, .9, .3, 1.18) both; }
@keyframes r6tv-fan { from { opacity: 0; transform: translateX(-50%) translateY(30px) rotate(0deg) scale(.9); } }
.r6tv-ac.san { background: linear-gradient(135deg, #FF3B3B, #EC0000 55%, #B30000); color: #FFFFFF; }
.r6tv-ac.mp { background: linear-gradient(135deg, #3FD0FF, #00B1EA 55%, #0088C4); color: #0B2A5B; }
.r6tv-ac.bb { background: linear-gradient(135deg, #FFF86B, #FCF000 55%, #E3D400); color: #1A2B6D; }
.r6tv-ac.nu { background: linear-gradient(135deg, #9B2BEA, #820AD1 55%, #5D0896); color: #FFFFFF; }
.r6tv-ach { display: flex; align-items: center; gap: 8px; min-width: 0; }
.r6tv-acl { flex: none; display: block; width: 26px; height: 26px; overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 1.5px rgba(255, 255, 255, .4); }
.r6tv-acl img, .r6tv-acl i { display: block; width: 26px; height: 26px; object-fit: cover; background: rgba(255, 255, 255, .3); }
.r6tv-ach b { overflow: hidden; font-size: 12px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.r6tv-acv { display: flex; flex-direction: column; gap: 1px; }
.r6tv-acv small { opacity: .78; font-size: 10px; white-space: nowrap; }
.r6tv-acv b { font-size: 15px; font-weight: 500; letter-spacing: -.02em; white-space: nowrap; }

/* ---------- Calendario ---------- */
.r6tv-stops { position: relative; display: block; height: 62px; }
.r6tv-stop { position: absolute; left: 0; top: 0; display: flex; flex-direction: column; gap: 4px; opacity: 0; animation-timing-function: linear; animation-iteration-count: 1; }
.r6tv-stop.wb { animation-name: r6tv-wb; }
.r6tv-stop.wa { animation-name: r6tv-wa; }
.r6tv-stop.last { opacity: 1; animation: r6tv-rise .35s cubic-bezier(.2, .9, .25, 1) both; }
@keyframes r6tv-wa { 0% { opacity: 0; transform: translateY(6px); } 14%, 100% { opacity: 1; transform: none; } }
@keyframes r6tv-wb { 0%, 100% { opacity: 1; } }
.r6tv-sl { display: flex; align-items: center; gap: 7px; color: rgba(239, 241, 246, .6); font-size: 11.5px; white-space: nowrap; }
.r6tv-sl b { display: inline-flex; align-items: center; height: 19px; padding: 0 7px; border-radius: 999px; background: rgba(239, 241, 246, .1); color: #EFF1F6; font-size: 10px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.r6tv-sl b.on { background: #9FD182; color: #101212; }
.r6tv-sv { display: flex; align-items: baseline; gap: 8px; white-space: nowrap; }
.r6tv-sv small { color: rgba(239, 241, 246, .6); font-size: 12.5px; }
.r6tv-sv b { font-size: 28px; line-height: 1.05; font-weight: 300; letter-spacing: -.04em; }
.r6tv-cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; margin-top: 12px; }
.r6tv-cal > small { display: grid; place-items: center; height: 18px; color: rgba(239, 241, 246, .42); font-size: 10px; font-weight: 500; }
.r6tv-cell { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; height: 36px; border-radius: 12px; background: rgba(239, 241, 246, .05); color: #EFF1F6; animation-timing-function: linear; animation-iteration-count: 1; }
.r6tv-cell b { font-size: 13px; font-weight: 500; }
.r6tv-cell > i:not(.r6tv-rip) { width: 4px; height: 4px; border-radius: 50%; background: transparent; animation-timing-function: linear; animation-iteration-count: 1; }
.r6tv-cell.past { background: transparent; color: rgba(239, 241, 246, .26); }
.r6tv-cell.today { box-shadow: inset 0 0 0 1.5px #9FD182; }
.r6tv-cell.hl { animation-name: r6tv-hl; }
.r6tv-cell.hl > i:not(.r6tv-rip) { background: #9FD182; animation-name: r6tv-hd; }
.r6tv-cell.last { background: #D9DCE1; color: #101212; animation-name: r6tv-off; }
.r6tv-cell.last > i:not(.r6tv-rip) { background: #070808; animation-name: r6tv-od; }
.r6tv-cell > svg { position: absolute; top: 4px; right: 4px; }
@keyframes r6tv-hl { 0%, 100% { background: #D9DCE1; color: #101212; box-shadow: none; } }
@keyframes r6tv-off { 0%, 100% { background: rgba(239, 241, 246, .05); color: #EFF1F6; } }
@keyframes r6tv-hd { 0%, 100% { background: #070808; } }
@keyframes r6tv-od { 0%, 100% { background: #9FD182; } }
.r6tv-rip { position: absolute; inset: -3px; border-radius: 15px; box-shadow: 0 0 0 2px #D9DCE1; opacity: 0; animation: r6tv-rip .55s ease-out forwards; }
@keyframes r6tv-rip { from { opacity: .9; transform: scale(.6); } to { opacity: 0; transform: scale(1.55); } }
.r6tv-tight { align-self: flex-start; display: inline-flex; align-items: center; gap: 7px; min-height: 30px; margin-top: 12px; padding: 0 12px; border-radius: 999px; background: rgba(159, 209, 130, .14); color: #C9E9B6; font-size: 12px; font-weight: 500; white-space: nowrap; }
.r6tv-tight svg { color: #9FD182; stroke-width: 2.4; }

/* ---------- Deudas: four steps ---------- */
.r6tv-owe { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; padding: 0 4px; }
.r6tv-owe small { color: rgba(239, 241, 246, .55); font-size: 10.5px; }
.r6tv-owe b { font-size: 30px; line-height: 1.05; font-weight: 300; letter-spacing: -.04em; }
.r6tv-owe .r6tv-out { color: #9FD182; font-size: 11px; font-weight: 500; }
.r6tv-dj { display: block; flex: none; overflow: hidden; max-height: 0; margin-top: 0; padding: 0 2px; opacity: 0; transition: max-height .55s cubic-bezier(.2, .9, .25, 1), margin .55s cubic-bezier(.2, .9, .25, 1), opacity .4s ease .1s; }
.r6tv-dj.on { max-height: 42px; margin-top: 10px; opacity: 1; }
.r6tv-djb { display: flex; align-items: center; gap: 9px; height: 42px; padding: 0 10px 0 6px; border: 1.2px dashed rgba(239, 241, 246, .24); border-radius: 16px; }
.r6tv-djf { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: radial-gradient(circle at 50% 60%, rgba(159, 209, 130, .45), rgba(159, 209, 130, 0) 70%), rgba(239, 241, 246, .05); color: #9FD182; animation: r6tv-flick 2.4s ease-in-out infinite; }
@keyframes r6tv-flick { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.07); } }
.r6tv-djt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.r6tv-djt b { font-size: 11.5px; font-weight: 500; }
.r6tv-djt small { color: rgba(239, 241, 246, .55); font-size: 9.5px; }
.r6tv-djp { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(159, 209, 130, .14); color: #9FD182; }
.r6tv-djp svg { stroke-width: 3; }
.r6tv-drows { position: relative; display: block; flex: none; height: 128px; margin-top: 10px; }
.r6tv-drow { position: absolute; left: 0; right: 0; top: 0; height: 32px; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 0 4px; opacity: 0; transition: top .55s cubic-bezier(.2, .9, .25, 1), opacity .4s ease; }
.r6tv-dr1 { display: flex; align-items: center; gap: 7px; }
.r6tv-dn { flex: none; display: grid; place-items: center; width: 15px; height: 15px; border-radius: 50%; background: #2A2E2E; color: #EFF1F6; font-style: normal; font-size: 9px; font-weight: 600; transition: background-color .3s ease, color .3s ease; }
.r6tv-dn.lit { background: #D9DCE1; color: #101212; }
.r6tv-dname { flex: 1 1 auto; min-width: 0; overflow: hidden; font-size: 11.5px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.r6tv-dl { flex: none; color: #FF8A80; font-size: 11.5px; font-weight: 500; }
.r6tv-dr2 { display: flex; align-items: center; gap: 7px; padding-left: 22px; }
.r6tv-dbar { position: relative; flex: 1 1 auto; height: 4px; overflow: hidden; border-radius: 2px; background: rgba(239, 241, 246, .07); }
.r6tv-dw { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 2px; background: rgba(255, 138, 128, .5); transition: width .6s cubic-bezier(.2, .9, .25, 1); }
.r6tv-de { flex: none; width: 42px; color: #9FD182; font-size: 9.5px; font-weight: 500; text-align: right; }
.r6tv-seg { display: grid; grid-template-columns: 1fr 1fr; margin-top: 16px; padding: 3px; border-radius: 999px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); }
.r6tv-seg button { all: unset; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 44px; border-radius: 999px; color: rgba(239, 241, 246, .62); font-size: 14px; font-weight: 500; transition: background-color .25s ease, color .25s ease; }
.r6tv-seg button[aria-checked="true"] { background: #D9DCE1; color: #101212; }
.r6tv-gain { display: flex; align-items: center; gap: 10px; margin: 14px 0 0; color: rgba(239, 241, 246, .86); font-size: 15px; line-height: 1.4; }
.r6tv-gain svg { flex: none; color: #9FD182; stroke-width: 2.6; }

/* ---------- the Journey's own page ---------- */
.r6js-draw .r6tv-dev { overflow: hidden; }
.r6js-streak { display: flex; align-items: center; gap: 12px; margin-top: 12px; padding: 0 4px; }
.r6js-fl { flex: none; display: block; width: 52px; height: 52px; }
.r6js-flame { all: unset; box-sizing: border-box; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: radial-gradient(circle at 50% 60%, rgba(159, 209, 130, .08), rgba(159, 209, 130, 0) 70%), rgba(239, 241, 246, .06); color: rgba(239, 241, 246, .55); transition: color .4s ease; }
button.r6js-flame { cursor: pointer; }
.r6js-flame svg { fill: none; }
.r6js.warm .r6js-flame { background: radial-gradient(circle at 50% 60%, rgba(159, 209, 130, .42), rgba(159, 209, 130, 0) 70%), rgba(239, 241, 246, .06); color: #9FD182; }
.r6js.warm .r6js-flame svg { fill: rgba(159, 209, 130, .35); animation: r6tv-flick 2.4s ease-in-out infinite; }
.r6js-flame.hint { animation: r6js-hint 1.8s ease-in-out infinite; }
@keyframes r6js-hint { 0%, 100% { box-shadow: 0 0 0 0 rgba(159, 209, 130, .35); } 50% { box-shadow: 0 0 0 8px rgba(159, 209, 130, 0); } }
.r6js-st { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.r6js-st b { font-size: 34px; line-height: 1; font-weight: 300; letter-spacing: -.045em; }
.r6js-nw { margin-left: 5px; color: rgba(239, 241, 246, .6); font-size: 16px; font-weight: 400; letter-spacing: -.01em; }
.r6js-st small { color: rgba(239, 241, 246, .55); font-size: 10.5px; }
.r6js-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; margin-top: 14px; padding: 0 2px; }
.r6js-wd { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.r6js-wd i { display: block; width: 24px; height: 24px; border-radius: 50%; background-color: rgba(239, 241, 246, .06); transition: background-color .45s ease, box-shadow .45s ease; }
.r6js-wd.on i { background-color: #9FD182; box-shadow: 0 0 10px rgba(159, 209, 130, .45); }
.r6js-wd.next i { box-shadow: inset 0 0 0 1.5px rgba(239, 241, 246, .4); }
.r6js-wd small { color: rgba(239, 241, 246, .45); font-size: 9.5px; }
.r6js-sprint { position: relative; display: block; height: 78px; margin-top: 14px; border-radius: 20px; }
.r6js-sprint svg { position: absolute; left: 0; top: 4px; overflow: visible; }
.r6js-walk { transition: stroke-dashoffset 1.1s cubic-bezier(.2, .9, .25, 1); }
.r6js-cloth { fill: rgba(239, 241, 246, .35); transition: fill .5s ease; }
.r6js.done .r6js-cloth { fill: #9FD182; }
.r6js-pt { position: absolute; left: 0; top: 4px; width: 14px; height: 14px; offset-rotate: 0deg; offset-distance: 0%; transition: offset-distance 1.1s cubic-bezier(.2, .9, .25, 1); }
.r6js-pt i { position: absolute; inset: 0; border-radius: 50%; background: #FFFFFF; box-shadow: 0 0 0 4px rgba(159, 209, 130, .35), 0 0 12px rgba(159, 209, 130, .6); }
.r6js-sprint small { position: absolute; bottom: 8px; color: rgba(239, 241, 246, .5); font-size: 9.5px; }
.r6js-sprint small.l { left: 12px; } .r6js-sprint small.r { right: 12px; }
.r6js { --haze: .07; }
.r6js.warm { --haze: .13; } .r6js.done { --haze: .2; }
.r6js-tip { display: flex; align-items: center; gap: 10px; margin: 18px 0 0; color: rgba(239, 241, 246, .86); font-size: 15px; line-height: 1.4; }
.r6js-tip svg { flex: none; color: rgba(239, 241, 246, .55); stroke-width: 2; }
.r6js-tip.lit svg, .r6js-tip b { color: #9FD182; }
.r6js-tip b { font-weight: 500; }
.r6js-why { display: flex; flex-direction: column; gap: 8px; margin-top: 12px !important; }
.r6js-why b { font-size: 52px; line-height: 1; font-weight: 300; letter-spacing: -.045em; }
.r6js-why span { font-size: 24px; line-height: 1.18; letter-spacing: -.02em; }
.r6js-src { margin-top: 10px; color: rgba(239, 241, 246, .5); font-size: 13px; }
.r6js-total { margin-top: 16px; font-size: 52px; line-height: 1; font-weight: 300; letter-spacing: -.045em; }
.r6js-owed { list-style: none; margin: 10px 0 0; padding: 0; }
.r6js-owed li { display: flex; align-items: center; gap: 12px; min-height: 52px; border-top: 1px solid rgba(239, 241, 246, .08); font-size: 15.5px; }
.r6js-owed .grow { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.r6js-owed b { flex: none; font-weight: 500; white-space: nowrap; }
.r6js-lg { flex: none; display: grid; place-items: center; width: 32px; height: 32px; overflow: hidden; border-radius: 50%; }
.r6js-lg :is(.inst, .inst img, img) { display: block; width: 32px; height: 32px; border-radius: 50%; }
.r6js-lg.none { background: rgba(255, 138, 128, .14); }
.r6js-link { all: unset; box-sizing: border-box; cursor: pointer; align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 4px; color: #EFF1F6; font-size: 15px; font-weight: 500; }
.r6js-link svg { stroke-width: 2.4; }
.r6js-notif { display: flex; align-items: flex-start; gap: 12px; margin-top: 16px; padding: 14px; border-radius: 22px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14), 0 14px 30px -12px rgba(0, 0, 0, .8); animation: r6js-slide .7s cubic-bezier(.2, .9, .3, 1.15) .3s both; }
@keyframes r6js-slide { from { opacity: 0; transform: translateY(-18px) scale(.96); } }
.r6js-app { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: #9FD182; color: #101212; }
.r6js-nt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 13.5px; line-height: 1.35; color: rgba(239, 241, 246, .82); }
.r6js-ntop { display: flex; justify-content: space-between; gap: 8px; }
.r6js-ntop b { color: rgba(239, 241, 246, .7); font-size: 11.5px; font-weight: 600; letter-spacing: .06em; }
.r6js-ntop small { color: rgba(239, 241, 246, .5); font-size: 11.5px; }
.r6js-nt > b { color: #EFF1F6; font-size: 14.5px; font-weight: 500; }
.r6js .r6tv-words :is(.js-ok, .js-warn, .js-soft) { margin: 12px 0 0; font-size: 15px; line-height: 1.4; }
.r6js .r6tv-words .js-ok { display: flex; align-items: center; gap: 8px; color: #9FD182; font-weight: 500; }
.r6js .r6tv-words .js-ok svg { flex: none; width: 18px; height: 18px; stroke-width: 2.6; }
.r6js .r6tv-words .js-warn, .r6js-warn { color: #FF8A80; }
.r6js .r6tv-words .js-soft { color: rgba(239, 241, 246, .6); }
.r6js .r6tv-words .js-link { all: unset; cursor: pointer; margin-top: 8px; color: #EFF1F6; font-size: 15px; font-weight: 500; text-decoration: underline; }
.r6js-h30 { font-size: 30px !important; line-height: 1.1 !important; }
.r6js-days { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.r6js-days button { all: unset; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 72px; border-radius: 22px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); color: #EFF1F6; transition: background-color .25s ease, color .25s ease; }
.r6js-days button[aria-checked="true"] { background: #D9DCE1; box-shadow: none; color: #101212; }
.r6js-days b { font-size: 26px; line-height: 1; font-weight: 400; letter-spacing: -.03em; }
.r6js-days small { opacity: .75; font-size: 12px; font-weight: 500; }
.r6js-amount { display: flex; align-items: baseline; gap: 8px; margin-top: 16px; padding-bottom: 6px; border-bottom: 1px solid rgba(239, 241, 246, .16); }
.r6js-cur { color: rgba(239, 241, 246, .5); font-size: 26px; font-weight: 300; }
.r6js-amount input { all: unset; flex: 1 1 auto; min-width: 0; color: #EFF1F6; font-size: 52px; line-height: 1.05; font-weight: 300; letter-spacing: -.045em; }
.r6js-amount input::placeholder { color: rgba(239, 241, 246, .3); }
.r6js-amount:focus-within { border-bottom-color: #9FD182; }
.r6js-warn { margin: 10px 0 0; font-size: 14.5px; line-height: 1.4; }
.r6js-soft { margin-top: 10px; color: rgba(239, 241, 246, .6); font-size: 14px; line-height: 1.4; }
.r6js-big2 { margin: 12px 0 0; font-size: 17px; font-weight: 500; }

@media (prefers-reduced-motion: reduce) {
  .r6tv, .r6tv *, .r6tv *::before, .r6tv *::after { animation: none !important; transition: none !important; }
  .r6tv .r6tv-typed { display: none; }
}
/* v451: Imports' first page (r6-tours.js: r6tvArtImports): the statement as a file from the bank, an arrow, its lines arriving with their check */
.r6tv-file { margin-right: 40px; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 20px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .1); }
.r6tv-fl { flex: none; display: grid; place-items: center; width: 40px; height: 40px; overflow: hidden; border-radius: 12px; background: #FFFFFF; }
.r6tv-fl img { width: 40px; height: 40px; object-fit: cover; }
.r6tv-ft { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.r6tv-ft b { color: #EFF1F6; font-size: 14.5px; font-weight: 500; }
.r6tv-ft small { color: rgba(239, 241, 246, .55); font-size: 12px; }
.r6tv-iarrow { align-self: center; display: grid; place-items: center; width: 34px; height: 34px; margin: 10px 0; border-radius: 50%; background: rgba(159, 209, 130, .14); color: #9FD182; }
.r6tv-irows { display: flex; flex-direction: column; }
.r6tv-ir { display: flex; align-items: center; gap: 10px; min-height: 44px; color: #EFF1F6; font-size: 13.5px; }
.r6tv-ir + .r6tv-ir { border-top: 1px solid rgba(239, 241, 246, .07); }
.r6tv-ir > b { flex: 1 1 auto; min-width: 0; overflow: hidden; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.r6tv-ir > .num { flex: none; color: rgba(239, 241, 246, .85); font-weight: 500; }
.r6tv-ir > .num.in { color: #9FD182; }
.r6tv-iric { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(239, 241, 246, .08); color: #EFF1F6; }
.r6tv-iric.in { background: rgba(159, 209, 130, .14); color: #9FD182; }
.r6tv-irok { flex: none; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #9FD182; color: #101212; animation: r6tv-irok .34s cubic-bezier(.34, 1.56, .64, 1) both; }
.r6tv-irok svg { stroke-width: 3; }
@keyframes r6tv-irok { from { opacity: 0; transform: scale(.4); } }
@media (prefers-reduced-motion: reduce) { .r6tv-irok { animation: none; } }