/* Dorax Finance — the owner's other screens from More in the v6 look (v371: Recurring, features/phone/recurring-land.js with r6; v372: Imports,
   features/phone/imports-land.js with r6; v373: AI assistants, features/phone/ai-land.js: aiLand6;
   v374: Help, features/help/help-page.js: hp6On; v375: Open Finance, features/phone/openbank-land.js: openbankLand6;
   v377: Spending limits and Plan my month, panels on the frame of look-r6-add.css, features/phone/r6-limits.js;
   v378: the short lists at the foot, features/phone/r6-sheets.js). On the frame of
   the other v6 screens (look-r6-pages.css): the figure at 52 px, each group's rows in a card with its rim, adding one at the thumb. */
@media (max-width: 920px) {
  /* ---------- Recurring ---------- */
  :root.r6.r6-pg #view .r6-recl { gap: 0; padding: 10px 0 0; }
  :root.r6.r6-pg #view .r6-recl .recl-top > small { color: rgba(239, 241, 246, .6); font-size: 15px; }
  :root.r6.r6-pg #view .r6-recl .recl-top > b { margin-top: 4px; color: #EFF1F6; font-size: clamp(40px, 13.4vw, 52px); font-weight: 300; letter-spacing: -.045em; line-height: 1; }
  :root.r6.r6-pg #view .r6-recl .recl-top > b .cents { opacity: 1; color: rgba(239, 241, 246, .42); font-size: .5em; letter-spacing: -.02em; }
  :root.r6.r6-pg #view .r6-recl .recl-sec { gap: 12px; margin-top: 34px; }
  :root.r6.r6-pg #view .r6-recl .recl-h { margin: 0; }
  :root.r6.r6-pg #view .r6-recl .recl-h h2 { color: #EFF1F6; font-size: 22px; }
  :root.r6.r6-pg #view .r6-recl .recl-h > span { color: rgba(239, 241, 246, .55); font-size: 14px; font-weight: 500; }
  :root.r6.r6-pg #view .r6-recl .recl-note { margin: 0; padding: 14px 18px 14px 12px; border-radius: 28px; background: radial-gradient(120% 120% at 0% 0%, rgba(159, 209, 130, .16), rgba(159, 209, 130, .04) 60%); box-shadow: inset 0 0 0 1px rgba(159, 209, 130, .22); }
  :root.r6.r6-pg #view .r6-recl .recl-note .recl-t b { color: #9FD182; font-size: 16px; }
  :root.r6.r6-pg #view .r6-recl .recl-note .recl-t small { color: rgba(239, 241, 246, .6); font-size: 13px; }
  :root.r6.r6-pg #view .r6-recl .recl-dx { flex: none; display: grid; place-items: center; width: 56px; height: 56px; }
  :root.r6.r6-pg #view .r6-recl .recl-dx .dxi { width: 56px; height: 56px; }
  :root.r6.r6-pg #view .r6-recl .recl-rows.r6-card { padding: 0 16px 0 14px; border-radius: 32px; }
  :root.r6.r6-pg #view .r6-recl .recl-rows > * + *::before { left: 56px; background: rgba(239, 241, 246, .07); }
  :root.r6.r6-pg #view .r6-recl .recl-row { min-height: 70px; gap: 14px; }
  :root.r6.r6-pg #view .r6-recl .recl-g { position: relative; flex: none; display: grid; place-items: center; }
  :root.r6.r6-pg #view .r6-recl .recl-g > .cg { width: 42px; height: 42px; }
  :root.r6.r6-pg #view .r6-recl .recl-bk { position: absolute; right: -4px; bottom: -3px; display: block; width: 19px; height: 19px; border-radius: 50%; box-shadow: 0 0 0 2px #121414; overflow: hidden; }
  :root.r6.r6-pg #view .r6-recl .recl-bk .inst, :root.r6.r6-pg #view .r6-recl .recl-bk .inst img { display: block; width: 19px; height: 19px; border-radius: 50%; }
  :root.r6.r6-pg #view .r6-recl .recl-t b { color: #EFF1F6; font-size: 16px; font-weight: 500; }
  :root.r6.r6-pg #view .r6-recl .recl-t small { color: rgba(239, 241, 246, .5); font-size: 13px; }
  :root.r6.r6-pg #view .r6-recl .recl-am b { color: #EFF1F6; font-size: 16px; font-weight: 500; }
  :root.r6.r6-pg #view .r6-recl .recl-am small { color: rgba(239, 241, 246, .45); font-size: 12.5px; }
  :root.r6.r6-pg #view .r6-recl .recl-drop { padding: 0 0 14px 56px; }
  :root.r6.r6-pg #view .r6-recl .recl-pill { min-height: 44px; padding: 0 12px; border-radius: 999px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; font-size: 14px; font-weight: 500; white-space: nowrap; }
  :root.r6.r6-pg #view .r6-recl .recl-pill.on { background: #9FD182; box-shadow: none; color: #101212; }
  :root.r6.r6-pg #view .r6-recl .recl-fine { display: flex; align-items: flex-start; gap: 10px; margin: 24px 2px 0; color: rgba(239, 241, 246, .5); font-size: 13px; line-height: 1.45; }
  :root.r6.r6-pg #view .r6-recl .recl-fine svg { flex: none; width: 16px; height: 16px; margin-top: 1px; }
  /* ---------- Recurring with nothing found yet (v381; the canvas "Vacio-Recurrentes-V6") ---------- */
  :root.r6.r6-pg #view .recl6-none { padding: 30px 0 0; }
  :root.r6.r6-pg #view .recl6-fig { -webkit-appearance: none; appearance: none; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: column; gap: 18px; width: 100%; padding: 26px 20px 22px; color: #EFF1F6; font: inherit; text-align: left; }
  :root.r6.r6-pg #view .recl6-fig:focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
  :root.r6.r6-pg #view .recl6-ms { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
  :root.r6.r6-pg #view .recl6-ln { position: absolute; left: 16.6%; right: 16.6%; top: 25px; height: 2px; display: flex; }
  :root.r6.r6-pg #view .recl6-ln i { flex: 1 1 0; display: block; border-radius: 1px; background: rgba(239, 241, 246, .28); transform-origin: 0 50%; animation: .4s cubic-bezier(.2, .9, .25, 1) .75s both; }
  :root.r6.r6-pg #view .recl6-ln i + i { animation-delay: 1.25s; }
  :root.r6.r6-pg #view .recl6-m { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; }
  :root.r6.r6-pg #view .recl6-c { position: relative; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #1B1E1E; box-shadow: inset 0 0 0 1.5px rgba(239, 241, 246, .16); color: #EFF1F6; animation: .5s cubic-bezier(.2, .9, .3, 1.3) both; }
  :root.r6.r6-pg #view .recl6-c.last { box-shadow: inset 0 0 0 1.5px rgba(239, 241, 246, .55); }
  :root.r6.r6-pg #view .recl6-ok { position: absolute; right: -5px; top: -5px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #D9DCE1; color: #101212; box-shadow: 0 0 0 3px #121414; animation: .5s cubic-bezier(.2, .9, .3, 1.3) 1.75s both; }
  :root.r6.r6-pg #view .recl6-ok svg { stroke-width: 3; }
  :root.r6.r6-pg #view .recl6-fig.a :is(.recl6-c, .recl6-ok) { animation-name: recl6-pa; }
  :root.r6.r6-pg #view .recl6-fig.b :is(.recl6-c, .recl6-ok) { animation-name: recl6-pb; }
  :root.r6.r6-pg #view .recl6-fig.a .recl6-ln i { animation-name: recl6-la; }
  :root.r6.r6-pg #view .recl6-fig.b .recl6-ln i { animation-name: recl6-lb; }
  @keyframes recl6-pa { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
  @keyframes recl6-pb { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
  @keyframes recl6-la { from { transform: scaleX(0); } to { transform: none; } }
  @keyframes recl6-lb { from { transform: scaleX(0); } to { transform: none; } }
  :root.r6.r6-pg #view .recl6-d { display: flex; flex-direction: column; align-items: center; gap: 2px; }
  :root.r6.r6-pg #view .recl6-d b { color: #EFF1F6; font-size: 15px; font-weight: 500; }
  :root.r6.r6-pg #view .recl6-d small { color: rgba(239, 241, 246, .5); font-size: 12.5px; }
  :root.r6.r6-pg #view .recl6-foot { display: flex; justify-content: space-between; gap: 12px; padding-top: 16px; border-top: 1px solid rgba(239, 241, 246, .07); color: rgba(239, 241, 246, .5); font-size: 13px; }
  :root.r6.r6-pg #view .recl6-say { display: flex; flex-direction: column; gap: 6px; margin-top: 28px; animation: recl6-rise .6s cubic-bezier(.2, .9, .25, 1) .1s both; }
  @keyframes recl6-rise { from { transform: translateY(12px); opacity: 0; } to { transform: none; opacity: 1; } }
  :root.r6.r6-pg #view .recl6-say h2 { margin: 0; color: #EFF1F6; font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
  :root.r6.r6-pg #view .recl6-say p { margin: 0; color: rgba(239, 241, 246, .6); font-size: 15px; line-height: 1.45; }
  @media (prefers-reduced-motion: reduce) { :root.r6.r6-pg #view :is(.recl6-c, .recl6-ok, .recl6-ln i, .recl6-say) { animation: none !important; } }

  /* ---------- Imports (v372) ---------- */
  :root.r6.r6-pg #view .ipl6 { gap: 0; padding: 10px 0 0; }
  :root.r6.r6-pg #view .ipl6 .ipl-start { gap: 0; }
  :root.r6.r6-pg #view .ipl6-what { display: flex; flex-direction: column; align-items: flex-start; }
  :root.r6.r6-pg #view .ipl6-art { flex: none; width: 164px; height: 132px; margin-left: -6px; }
  :root.r6.r6-pg #view .ipl6-art :is(.s1, .s2) { animation: ipl6-sheet .8s cubic-bezier(.2, .9, .25, 1) .1s both; }
  :root.r6.r6-pg #view .ipl6-art .s2 { animation-delay: .3s; }
  :root.r6.r6-pg #view .ipl6-art .dr { animation: ipl6-drop 1.2s cubic-bezier(.2, .9, .25, 1) .25s both; }
  @keyframes ipl6-sheet { from { transform: translateY(10px) rotate(-3deg); opacity: 0; } to { transform: none; opacity: 1; } }
  @keyframes ipl6-drop { 0% { transform: translateY(-10px); opacity: 0; } 60% { transform: translateY(3px); opacity: 1; } 100% { transform: none; } }
  :root.r6.r6-pg #view .ipl6-what > b { margin-top: 18px; color: #EFF1F6; font-size: 24px; font-weight: 500; letter-spacing: -.02em; line-height: 1.15; }
  :root.r6.r6-pg #view .ipl6-what > small { margin-top: 8px; color: rgba(239, 241, 246, .6); font-size: 15px; line-height: 1.45; }
  :root.r6.r6-pg #view .ipl6 .ipl-how { gap: 6px; margin: 2px 0 0; color: #9FD182; font-size: 14.5px; }
  :root.r6.r6-pg #view .ipl6 .ipl-how svg { width: 15px; height: 15px; }
  :root.r6.r6-pg #view .ipl6 .ipl-start > .banner { margin: 14px 0 0; }
  :root.r6.r6-pg #view .ipl6 .ipl-dest { margin-top: 14px; height: 68px; padding: 0 18px 0 12px; border: 1px solid transparent; box-shadow: none; background: var(--r6-face), linear-gradient(#121414, #121414) padding-box, var(--r6-rim); }
  :root.r6.r6-pg #view .ipl6 .ipl-dest:focus-within { outline-color: #9FD182; }
  :root.r6.r6-pg #view .ipl6 .ipl-lg { width: 44px; height: 44px; background: rgba(239, 241, 246, .08); color: #EFF1F6; }
  :root.r6.r6-pg #view .ipl6 .ipl-lg :is(.inst, .inst img) { width: 44px; height: 44px; min-width: 44px; }
  :root.r6.r6-pg #view .ipl6 .ipl-dt { gap: 2px; }
  :root.r6.r6-pg #view .ipl6 .ipl-dt small { color: rgba(239, 241, 246, .55); font-size: 12.5px; }
  :root.r6.r6-pg #view .ipl6 .ipl-dt b { color: #EFF1F6; font-size: 16px; }
  :root.r6.r6-pg #view .ipl6 .ipl-chev { color: rgba(239, 241, 246, .5); }
  :root.r6.r6-pg #view .ipl6 .ipl-fmt { justify-content: flex-start; margin: 12px 0 0; padding-left: 14px; color: rgba(239, 241, 246, .5); font-size: 13px; }
  :root.r6.r6-pg #view .ipl6 .ipl-start > .of-line { margin: 18px 0 0; }
  :root.r6.r6-pg #view .ipl6 .ipl-sec { gap: 12px; margin-top: 34px; }
  :root.r6.r6-pg #view .ipl6 .ipl-h h2 { color: #EFF1F6; font-size: 22px; }
  :root.r6.r6-pg #view .ipl6 .ipl-h > span { color: rgba(239, 241, 246, .75); font-size: 15px; font-weight: 500; }
  :root.r6.r6-pg #view .ipl6 .ipl-day { margin: 8px 0 0 4px; color: rgba(239, 241, 246, .55); font-size: 13px; letter-spacing: 0; text-transform: none; }
  :root.r6.r6-pg #view .ipl6 .ipl-rows { border-radius: 28px; padding: 0 18px 0 14px; }
  :root.r6.r6-pg #view .ipl6 .ipl-it + .ipl-it::before { left: 0; background: rgba(239, 241, 246, .07); }
  :root.r6.r6-pg #view .ipl6 .ipl-row { min-height: 74px; padding: 0; }
  :root.r6.r6-pg #view .ipl6 .ipl-row:focus-visible { outline-color: #9FD182; }
  :root.r6.r6-pg #view .ipl6 .ipl-t { gap: 3px; }
  :root.r6.r6-pg #view .ipl6 .ipl-t b { color: #EFF1F6; font-size: 16px; font-weight: 500; }
  :root.r6.r6-pg #view .ipl6 .ipl-t small { color: rgba(239, 241, 246, .5); }
  :root.r6.r6-pg #view .ipl6 .ipl-n b { color: #EFF1F6; font-size: 22px; font-weight: 400; letter-spacing: -.03em; line-height: 1; }
  :root.r6.r6-pg #view .ipl6 .ipl-n small { color: rgba(239, 241, 246, .5); font-size: 11.5px; }
  :root.r6.r6-pg #view .ipl6 .ipl-drop { gap: 10px; padding: 0 0 16px 56px; }
  :root.r6.r6-pg #view .ipl6 .ipl-pill { flex: none; padding: 0 16px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; }
  :root.r6.r6-pg #view .ipl6 .ipl-pill:focus-visible { outline-color: #9FD182; }
  :root.r6.r6-pg #view .ipl6 .ipl6-undo { gap: 6px; padding: 0 14px; background: none; box-shadow: none; color: #FF8A80; }
  :root.r6.r6-pg #view .ipl6 .ipl-desk { margin: 22px 4px 0; color: rgba(239, 241, 246, .5); }
  @media (prefers-reduced-motion: reduce) { :root.r6.r6-pg #view .ipl6-art :is(.s1, .s2, .dr) { animation: none; } }
  /* ---------- AI assistants (v373) ---------- */
  :root.r6.r6-pg #view .ail6 { display: flex; flex-direction: column; padding: 18px 0 0; }
  :root.r6.r6-pg #view .ail6-top { display: flex; flex-direction: column; align-items: flex-start; }
  :root.r6.r6-pg #view .ail6-pic { position: relative; display: flex; align-items: center; width: 100%; max-width: 358px; height: 108px; }
  :root.r6.r6-pg #view .ail6-chat { flex: none; display: flex; flex-direction: column; justify-content: center; gap: 7px; box-sizing: border-box; width: 108px; height: 86px; padding: 0 16px; border-radius: 26px 26px 26px 8px; background: linear-gradient(180deg, rgba(159, 209, 130, .22), rgba(159, 209, 130, .1)); box-shadow: inset 0 0 0 1px rgba(159, 209, 130, .3); }
  :root.r6.r6-pg #view .ail6-chat i { display: block; width: 62px; height: 6px; border-radius: 3px; background: #9FD182; }
  :root.r6.r6-pg #view .ail6-chat i + i { width: 44px; background: rgba(159, 209, 130, .55); }
  :root.r6.r6-pg #view .ail6-chat i:last-child { width: 54px; }
  :root.r6.r6-pg #view .ail6-way { position: relative; flex: 1 1 auto; min-width: 24px; height: 12px; margin: 0 10px; }
  :root.r6.r6-pg #view .ail6-way svg { position: absolute; inset: 0; width: 100%; height: 12px; }
  :root.r6.r6-pg #view .ail6-way i { position: absolute; left: 0; top: 2px; width: 8px; height: 8px; border-radius: 50%; background: #9FD182; box-shadow: 0 0 10px rgba(159, 209, 130, .7); opacity: 0; animation: ail6-go 2.4s cubic-bezier(.45, 0, .25, 1) infinite; }
  :root.r6.r6-pg #view .ail6-way i + i { animation-delay: 1.2s; }
  @keyframes ail6-go { 0% { left: 0; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { left: calc(100% - 8px); opacity: 0; } }
  :root.r6.r6-pg #view .ail6-dx.r6-card { flex: none; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; width: 118px; height: 96px; padding: 14px; border-radius: 26px; color: #EFF1F6; }
  :root.r6.r6-pg #view .ail6-dx > span { display: flex; flex-direction: column; gap: 2px; }
  :root.r6.r6-pg #view .ail6-dx small { color: rgba(239, 241, 246, .55); font-size: 11.5px; }
  :root.r6.r6-pg #view .ail6-dx b { font-size: 13px; font-weight: 500; letter-spacing: .14em; }
  :root.r6.r6-pg #view .ail6-eye { position: absolute; right: -6px; bottom: 0; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #9FD182; color: #101212; box-shadow: 0 0 0 4px #070808; }
  :root.r6.r6-pg #view .ail6-eye svg { stroke-width: 2.2; }
  :root.r6.r6-pg #view .ail6-top > b { margin-top: 26px; color: #EFF1F6; font-size: 24px; font-weight: 500; letter-spacing: -.02em; line-height: 1.15; }
  :root.r6.r6-pg #view .ail6-top > small { margin-top: 8px; color: rgba(239, 241, 246, .6); font-size: 15px; line-height: 1.45; }
  :root.r6.r6-pg #view .ail6-soon { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; margin-top: 16px; padding: 0 12px; border-radius: 999px; background: rgba(247, 210, 122, .14); color: #F7D27A; font-size: 13.5px; font-weight: 500; }
  :root.r6.r6-pg #view .ail6-soon svg { stroke-width: 2.3; }
  :root.r6.r6-pg #view .ail6-how { margin-top: 28px; }
  :root.r6.r6-pg #view .ail6-how .ai-grid { display: flex; flex-direction: column; gap: 16px; }
  :root.r6.r6-pg #view .ail6-sec { display: flex; flex-direction: column; gap: 12px; margin-top: 34px; }
  :root.r6.r6-pg #view .ail6-sec + .ail6-sec { margin-top: 32px; }
  :root.r6.r6-pg #view .ail6-sec h2 { display: flex; align-items: center; gap: 10px; margin: 0; color: #EFF1F6; font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
  :root.r6.r6-pg #view .ail6-none { display: flex; align-items: center; gap: 14px; box-sizing: border-box; min-height: 76px; padding: 12px 18px 12px 14px; border: 1px dashed rgba(239, 241, 246, .22); border-radius: 28px; }
  :root.r6.r6-pg #view .ail6-ic { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px dashed rgba(239, 241, 246, .3); box-sizing: border-box; color: rgba(239, 241, 246, .55); }
  :root.r6.r6-pg #view .ail6-ic.on { border: 0; background: rgba(239, 241, 246, .08); color: #EFF1F6; }
  :root.r6.r6-pg #view .ail6-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  :root.r6.r6-pg #view .ail6-t b { color: #EFF1F6; font-size: 16px; font-weight: 500; }
  :root.r6.r6-pg #view .ail6-t small { color: rgba(239, 241, 246, .55); font-size: 13px; line-height: 1.35; }
  :root.r6.r6-pg #view .ail6-rows { display: flex; flex-direction: column; border-radius: 28px; padding: 0 16px 0 14px; }
  :root.r6.r6-pg #view .ail6-row { display: flex; align-items: center; gap: 12px; min-height: 76px; }
  :root.r6.r6-pg #view .ail6-row + .ail6-row { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root.r6.r6-pg #view .ail6-row .ai-logo { flex: none; width: 44px; height: 44px; border-radius: 50%; }
  :root.r6.r6-pg #view .ail6-off { all: unset; box-sizing: border-box; cursor: pointer; flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 999px; color: #FF8A80; font-size: 14px; font-weight: 500; -webkit-tap-highlight-color: transparent; }
  :root.r6.r6-pg #view .ail6-off:focus-visible, :root.r6.r6-pg #view .ail6-retry:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; }
  :root.r6.r6-pg #view .ail6-retry { all: unset; box-sizing: border-box; cursor: pointer; align-self: flex-start; display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; font-size: 14px; font-weight: 500; }
  :root.r6.r6-pg #view .ail6-note { margin: 0 4px; color: rgba(239, 241, 246, .55); font-size: 13px; line-height: 1.5; }
  :root.r6.r6-pg #view .ail6-dot { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #9FD182; color: #101212; }
  :root.r6.r6-pg #view .ail6-dot.no { background: rgba(239, 241, 246, .12); color: rgba(239, 241, 246, .75); }
  :root.r6.r6-pg #view .ail6-dot svg { stroke-width: 2.8; }
  :root.r6.r6-pg #view .ail6-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
  :root.r6.r6-pg #view .ail6-tags li { display: inline-flex; align-items: center; box-sizing: border-box; min-height: 40px; padding: 9px 14px; border-radius: 18px; background: rgba(159, 209, 130, .12); box-shadow: inset 0 0 0 1px rgba(159, 209, 130, .22); color: #EFF1F6; font-size: 14.5px; line-height: 1.35; }
  :root.r6.r6-pg #view .ail6-tags.no li { background: rgba(239, 241, 246, .05); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .1); color: rgba(239, 241, 246, .6); }
  :root.r6.r6-pg #view .ail6-fine { margin: 26px 4px 0; color: rgba(239, 241, 246, .5); font-size: 13px; line-height: 1.5; }
  @media (prefers-reduced-motion: reduce) { :root.r6.r6-pg #view .ail6-way i { animation: none; opacity: 0; } }
  /* ---------- Help (v374) ---------- */
  :root.r6.r6-pg #view .hp6 { display: flex; flex-direction: column; padding: 18px 0 0; }
  :root.r6.r6-pg #view .hp6-top { display: flex; flex-direction: column; }
  :root.r6.r6-pg #view .hp6-top h2 { max-width: 8em; margin: 0; color: #EFF1F6; font-size: 34px; font-weight: 300; letter-spacing: -.035em; line-height: 1.08; }
  :root.r6.r6-pg #view .hp6-lead { margin: 8px 0 0; color: rgba(239, 241, 246, .6); font-size: 15px; }
  :root.r6.r6-pg #view .hp6 .hc-search.hp-search { max-width: none; height: 56px; margin-top: 20px; padding: 0 6px 0 0; border: 1px solid transparent; background: var(--r6-face), linear-gradient(#121414, #121414) padding-box, var(--r6-rim); box-shadow: none; }
  :root.r6.r6-pg #view .hp6 .hc-search.hp-search:focus-within { box-shadow: 0 0 0 2px #9FD182; }
  :root.r6.r6-pg #view .hp6 .hc-search.hp-search > svg { margin: 0 12px 0 20px; color: rgba(239, 241, 246, .55); }
  :root.r6.r6-pg #view .hp6 .hc-search.hp-search input { height: 54px; color: #EFF1F6; font-size: 15.5px; }
  :root.r6.r6-pg #view .hp6 .hc-search.hp-search input::placeholder { color: rgba(239, 241, 246, .45); }
  :root.r6.r6-pg #view .hp6-try { display: flex; gap: 8px; margin: 12px -16px 0; padding: 0 16px; overflow-x: auto; scrollbar-width: none; }
  :root.r6.r6-pg #view .hp6-try::-webkit-scrollbar { display: none; }
  :root.r6.r6-pg #view .hp6 .hp-try-q { flex: none; min-height: 44px; padding: 0 16px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); color: rgba(239, 241, 246, .85); font-size: 14px; }
  :root.r6.r6-pg #view .hp6 .hp-page, :root.r6.r6-pg #view .hp6 #hp-results { gap: 38px; }
  :root.r6.r6-pg #view .hp6 .hp-page { margin-top: 38px; }
  :root.r6.r6-pg #view .hp6 #hp-results { display: flex; flex-direction: column; }
  :root.r6.r6-pg #view .hp6 .hp-sec { gap: 0; }
  :root.r6.r6-pg #view .hp6 .hp-sec h2, :root.r6.r6-pg #view .hp6 .hp-sec-h h2 { margin: 0; color: #EFF1F6; font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
  :root.r6.r6-pg #view .hp6 .hp-sec-h { margin-bottom: 14px; }
  :root.r6.r6-pg #view .hp6-note { margin: 6px 0 0; color: rgba(239, 241, 246, .55); font-size: 13.5px; line-height: 1.4; }
  :root.r6.r6-pg #view .hv6-row { display: flex; gap: 12px; margin: 16px -16px 0; padding: 0 16px 4px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 16px; list-style: none; scrollbar-width: none; }
  :root.r6.r6-pg #view .hv6-row::-webkit-scrollbar { display: none; }
  :root.r6.r6-pg #view .hv6-row > li { flex: none; scroll-snap-align: start; }
  :root.r6.r6-pg #view .hv6 { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 136px; height: 212px; padding: 14px; border-radius: 26px; overflow: hidden; background: radial-gradient(110% 70% at 100% 100%, var(--hv6-g), rgba(159, 209, 130, 0) 60%), linear-gradient(180deg, #212424, #141616); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; }
  :root.r6.r6-pg #view .hv6:focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
  :root.r6.r6-pg #view .hv6-top { display: flex; align-items: flex-start; justify-content: space-between; }
  :root.r6.r6-pg #view .hv6-top b { font-size: 52px; font-weight: 300; letter-spacing: -.05em; line-height: .9; }
  :root.r6.r6-pg #view .hv6-top small { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border-radius: 999px; background: rgba(7, 8, 8, .6); color: rgba(239, 241, 246, .8); font-size: 12px; font-weight: 500; }
  :root.r6.r6-pg #view .hv6-b { display: flex; flex-direction: column; gap: 10px; }
  :root.r6.r6-pg #view .hv6-play { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #9FD182; color: #101212; box-shadow: 0 6px 16px rgba(0, 0, 0, .4); }
  :root.r6.r6-pg #view .hv6-play svg { margin-left: 2px; }
  :root.r6.r6-pg #view .hv6-b b { font-size: 15px; font-weight: 500; line-height: 1.25; }
  :root.r6.r6-pg #view .hp6 .hp-qa { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 14px; }      /* nowrap: a wrapping column takes its widest answer as its width */
  :root.r6.r6-pg #view .hp6 .hp-chips { display: flex; gap: 8px; width: auto; margin: 0 -16px; padding: 0 16px; overflow-x: auto; scrollbar-width: none; }
  :root.r6.r6-pg #view .hp6 .hp-chip { flex: none; gap: 8px; min-height: 44px; padding: 0 14px 0 16px; border-radius: 999px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); color: #EFF1F6; font-size: 14px; font-weight: 500; transition: background-color .25s, color .25s; }
  :root.r6.r6-pg #view .hp6 .hp-chip span { color: rgba(239, 241, 246, .5); font-size: 12px; font-weight: 600; }
  :root.r6.r6-pg #view .hp6 .hp-chip[aria-pressed="true"] { background: #D9DCE1; box-shadow: none; color: #101212; }
  :root.r6.r6-pg #view .hp6 .hp-chip[aria-pressed="true"] span { color: #101212; opacity: .6; }
  :root.r6.r6-pg #view .hp6 .hp-chip:focus-visible { outline: 2px solid #9FD182; }
  :root.r6.r6-pg #view .hp6 .hp-qa > .hp-chips + .hp-pane, :root.r6.r6-pg #view .hp6 .hp-sec-h + .hp-qa { margin-top: 0; }
  :root.r6.r6-pg #view .hp6 .hp6-pane { flex: none; width: auto; min-width: 0; margin: 0; padding: 0 16px 0 18px; border-radius: 28px; }
  :root.r6.r6-pg #view .hp6 .hp6-pane .hp-q { border-top: 0; }
  :root.r6.r6-pg #view .hp6 .hp6-pane .hp-q + .hp-q { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root.r6.r6-pg #view .hp6 .hp6-pane .hp-q summary { min-height: 60px; gap: 12px; color: #EFF1F6; font-size: 15.5px; font-weight: 500; }
  :root.r6.r6-pg #view .hp6 .hp6-pane .hp-q summary svg { box-sizing: border-box; width: 30px; height: 30px; padding: 7px; border-radius: 50%; background: rgba(239, 241, 246, .08); color: #EFF1F6; stroke-width: 2.4; transition: transform .3s, background-color .3s, color .3s; }
  :root.r6.r6-pg #view .hp6 .hp6-pane .hp-q[open]:not(.closing) summary svg { background: #D9DCE1; color: #101212; }
  :root.r6.r6-pg #view .hp6 .hp6-pane .hp-q summary:focus-visible { outline-color: #9FD182; }
  :root.r6.r6-pg #view .hp6 .hp6-pane .hp-a { padding: 0 42px 16px 0; margin-top: -6px; }
  :root.r6.r6-pg #view .hp6 .hp6-pane .hp-a p { color: rgba(239, 241, 246, .65); font-size: 14.5px; line-height: 1.55; }
  :root.r6.r6-pg #view .hp6 .hp6-pane .hp-a .btn { min-height: 44px; border-radius: 999px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; }
  :root.r6.r6-pg #view .hp6 .hp6-found { gap: 12px; }
  :root.r6.r6-pg #view .hp6-day { margin: 8px 0 0 4px; color: rgba(239, 241, 246, .55); font-size: 13px; font-weight: 500; }
  :root.r6.r6-pg #view .hp6-none { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 22px 20px; border-radius: 28px; }
  :root.r6.r6-pg #view .hp6-none b { color: #EFF1F6; font-size: 15px; font-weight: 500; }
  :root.r6.r6-pg #view .hp6-none p { margin: 0; color: rgba(239, 241, 246, .6); font-size: 14px; line-height: 1.45; }
  :root.r6.r6-pg #view .hp6-clear, :root.r6.r6-pg #view .hp6-st { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 999px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; font-size: 14px; font-weight: 500; text-decoration: none; }
  :root.r6.r6-pg #view .hp6-write { display: flex; flex-direction: column; gap: 16px; }
  :root.r6.r6-pg #view .hp6-wh { display: flex; align-items: center; gap: 14px; }
  :root.r6.r6-pg #view .hp6-wic { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(159, 209, 130, .12); color: #9FD182; }
  :root.r6.r6-pg #view .hp6-wt { display: flex; flex-direction: column; gap: 3px; }
  :root.r6.r6-pg #view .hp6-wt h2 { margin: 0; color: #EFF1F6; font-size: 17px; font-weight: 500; }
  :root.r6.r6-pg #view .hp6-wt small { color: rgba(239, 241, 246, .55); font-size: 13.5px; }
  :root.r6.r6-pg #view .hp6-wb { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
  :root.r6.r6-pg #view .hp6-wb .hp6-st { min-height: 52px; padding: 0 20px; background: rgba(26, 29, 29, .92); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14), 0 8px 22px rgba(0, 0, 0, .45); font-size: 15px; }
  :root.r6.r6-pg #view .hp6-go { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: inline-flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 22px 0 18px; border-radius: 999px; background: #9FD182; box-shadow: 0 8px 22px rgba(0, 0, 0, .45); color: #101212; font-size: 15px; font-weight: 500; }
  :root.r6.r6-pg #view .hp6-go svg { stroke-width: 2.2; }
  :root.r6.r6-pg #view :is(.hp6-go, .hp6-st, .hp6-clear):focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) { :root.r6.r6-pg #view .hp6 :is(.hp-chip, .hp-q summary svg) { transition: none; } }
  /* ---------- Open Finance (v375) ---------- */
  :root.r6.r6-pg #view .obl6 { display: flex; flex-direction: column; padding: 14px 0 0; }
  :root.r6.r6-pg #view .obl6-top { display: flex; flex-direction: column; align-items: flex-start; }
  :root.r6.r6-pg #view .obl6-pic { display: flex; align-items: center; }
  :root.r6.r6-pg #view .obl6-bk { flex: none; display: grid; margin-right: -12px; border-radius: 50%; box-shadow: 0 0 0 4px #070808; animation: obl6-bk .7s cubic-bezier(.2, .9, .3, 1.2) both; }
  :root.r6.r6-pg #view .obl6-bk :is(.inst, .inst img) { width: 52px; height: 52px; min-width: 52px; border-radius: 50%; font-size: 15px; }
  @keyframes obl6-bk { from { transform: translateY(10px) scale(.85); opacity: 0; } to { transform: none; opacity: 1; } }
  :root.r6.r6-pg #view .obl6-gap { flex: none; width: 58px; height: 12px; margin-left: 22px; }
  :root.r6.r6-pg #view .obl6-pic > .obl6-gap:first-child { margin-left: 0; }
  :root.r6.r6-pg #view .obl6-dx { flex: none; display: grid; place-items: center; box-sizing: border-box; width: 52px; height: 52px; margin-left: 8px; border-radius: 50%; border: 1px dashed rgba(239, 241, 246, .3); color: rgba(239, 241, 246, .55); }
  :root.r6.r6-pg #view .obl6-now { display: inline-flex; align-items: center; gap: 8px; min-height: 30px; margin-top: 20px; padding: 0 12px; border-radius: 999px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); color: rgba(239, 241, 246, .8); font-size: 13px; font-weight: 500; }
  :root.r6.r6-pg #view .obl6-now i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: rgba(239, 241, 246, .45); }
  :root.r6.r6-pg #view .obl6-q { margin: 14px 0 0; color: #EFF1F6; font-size: 30px; font-weight: 600; letter-spacing: -.025em; line-height: 1.1; }
  :root.r6.r6-pg #view .obl6-sub { margin: 8px 0 0; color: rgba(239, 241, 246, .6); font-size: 15px; }
  :root.r6.r6-pg #view .obl6-votes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-self: stretch; margin-top: 20px; }
  :root.r6.r6-pg #view .obl6-vote { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; min-width: 0; height: 52px; padding: 0 8px; border-radius: 999px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; font-size: 15px; font-weight: 500; text-align: center; transition: background-color .25s, box-shadow .25s, color .25s; }
  :root.r6.r6-pg #view .obl6-vote.on { background: #D9DCE1; box-shadow: none; color: #101212; }
  :root.r6.r6-pg #view .obl6-thanks { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; color: #9FD182; font-size: 13.5px; }
  :root.r6.r6-pg #view .obl6-thanks svg { flex: none; stroke-width: 2.4; }
  :root.r6.r6-pg #view .obl6-sec { display: flex; flex-direction: column; gap: 12px; margin-top: 30px; }
  :root.r6.r6-pg #view .obl6-sec:nth-child(2) { margin-top: 38px; }
  :root.r6.r6-pg #view .obl6-sec h2 { margin: 0; color: #EFF1F6; font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
  :root.r6.r6-pg #view .obl6-how { display: flex; flex-direction: column; margin-top: 6px; }
  :root.r6.r6-pg #view .obl6-line { position: relative; display: flex; justify-content: space-between; }
  :root.r6.r6-pg #view .obl6-rail, :root.r6.r6-pg #view .obl6-fill { position: absolute; left: 22px; top: 21px; height: 2px; border-radius: 2px; }
  :root.r6.r6-pg #view .obl6-rail { right: 22px; background: rgba(239, 241, 246, .1); }
  :root.r6.r6-pg #view .obl6-fill { width: calc((100% - 44px) * var(--k, 0)); background: #9FD182; transition: width .45s cubic-bezier(.2, .9, .25, 1); }
  :root.r6.r6-pg #view .obl6-n { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #070808; box-shadow: inset 0 0 0 2px rgba(239, 241, 246, .18), 0 0 0 5px #070808; color: rgba(239, 241, 246, .6); font-size: 15px; font-weight: 600; transition: background-color .3s, color .3s, box-shadow .3s; }
  :root.r6.r6-pg #view .obl6-n.done { box-shadow: inset 0 0 0 2px #D9DCE1, 0 0 0 5px #070808; color: #D9DCE1; }
  :root.r6.r6-pg #view .obl6-n.on { background: #D9DCE1; box-shadow: 0 0 0 5px #070808; color: #101212; }
  :root.r6.r6-pg #view .obl6-say { display: flex; flex-direction: column; gap: 4px; min-height: 84px; margin-top: 16px; }
  :root.r6.r6-pg #view .obl6-say small { color: #9FD182; font-size: 12.5px; font-weight: 500; }
  :root.r6.r6-pg #view .obl6-say b { color: #EFF1F6; font-size: 16px; font-weight: 500; }
  :root.r6.r6-pg #view .obl6-say span { color: rgba(239, 241, 246, .6); font-size: 14px; line-height: 1.45; }
  :root.r6.r6-pg #view .obl6-gives { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  :root.r6.r6-pg #view .obl6-give.r6-card { display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 18px 16px; border-radius: 28px; }
  :root.r6.r6-pg #view .obl6-ic { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(159, 209, 130, .12); color: #9FD182; }
  :root.r6.r6-pg #view .obl6-ic.teal { background: rgba(106, 175, 162, .16); color: #8FD3C5; }
  :root.r6.r6-pg #view .obl6-ic.grey { background: rgba(239, 241, 246, .06); color: rgba(239, 241, 246, .8); }
  :root.r6.r6-pg #view .obl6-t { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
  :root.r6.r6-pg #view .obl6-give .obl6-t b { color: #EFF1F6; font-size: 15px; font-weight: 500; }
  :root.r6.r6-pg #view .obl6-give .obl6-t small { color: rgba(239, 241, 246, .55); font-size: 13px; line-height: 1.4; }
  :root.r6.r6-pg #view .obl6-rows { display: flex; flex-direction: column; padding: 0 18px 0 16px; }
  :root.r6.r6-pg #view .obl6-row { display: flex; align-items: center; gap: 14px; min-height: 74px; padding: 10px 0; box-sizing: border-box; }
  :root.r6.r6-pg #view .obl6-row + .obl6-row { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root.r6.r6-pg #view .obl6-row .obl6-t { gap: 3px; }
  :root.r6.r6-pg #view .obl6-row .obl6-t b { color: #EFF1F6; font-size: 16px; font-weight: 500; }
  :root.r6.r6-pg #view .obl6-row .obl6-t small { color: rgba(239, 241, 246, .55); font-size: 13px; line-height: 1.35; }
  :root.r6.r6-pg #view .obl6-what { display: flex; flex-direction: column; margin-top: 22px; }
  :root.r6.r6-pg #view .obl6-wh { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 14px; min-height: 60px; padding: 0 4px; }
  :root.r6.r6-pg #view .obl6-wh > b { flex: 1 1 auto; color: #EFF1F6; font-size: 15px; font-weight: 500; }
  :root.r6.r6-pg #view .obl6-wh:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; border-radius: 14px; }
  :root.r6.r6-pg #view .obl6-chev { flex: none; display: grid; color: rgba(239, 241, 246, .5); transition: transform .3s; }
  :root.r6.r6-pg #view .obl6-chev svg { stroke-width: 2.2; }
  :root.r6.r6-pg #view .obl6-wh[aria-expanded="true"] .obl6-chev { transform: rotate(180deg); }
  :root.r6.r6-pg #view .obl6-wa p { margin: 2px 4px 6px 62px; color: rgba(239, 241, 246, .65); font-size: 14.5px; line-height: 1.55; }
  :root.r6.r6-pg #view .obl6-keep { display: flex; gap: 10px; margin: 14px 4px 0; color: rgba(239, 241, 246, .5); font-size: 13px; line-height: 1.5; }
  :root.r6.r6-pg #view .obl6-keep > svg { flex: none; margin-top: 2px; }
  :root.r6.r6-pg #view .obl6-pp { all: unset; cursor: pointer; color: #9FD182; font-weight: 500; }
  :root.r6.r6-pg #view .obl6-pp:focus-visible, :root.r6.r6-pg #view :is(.obl6-vote, .obl6-n):focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) { :root.r6.r6-pg #view :is(.obl6-bk) { animation: none; } :root.r6.r6-pg #view :is(.obl6-vote, .obl6-n, .obl6-fill, .obl6-chev) { transition: none; } }
  /* ---------- Spending limits (v377) ---------- */
  :root.land #overlay .r6-lims { display: flex; flex-direction: column; padding: 18px 16px 24px; }
  :root.land #overlay .r6l-intro { display: flex; align-items: flex-start; gap: 14px; }
  :root.land #overlay .r6l-gauge { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(159, 209, 130, .12); color: #9FD182; }
  :root.land #overlay .r6l-gauge svg { stroke-width: 2; }
  :root.land #overlay .r6l-intro > span:last-child { display: flex; flex-direction: column; gap: 4px; }
  :root.land #overlay .r6l-intro b { color: #EFF1F6; font-size: 16px; font-weight: 500; line-height: 1.3; }
  :root.land #overlay .r6l-intro small, :root.land #overlay .r6l-lead, :root.land #overlay .r6l-none { margin: 0; color: rgba(239, 241, 246, .6); font-size: 14px; line-height: 1.45; }
  :root.land #overlay .r6l-month { display: flex; flex-direction: column; margin-top: 30px; }
  :root.land #overlay .r6l-month > small { color: rgba(239, 241, 246, .6); font-size: 13px; font-weight: 500; }
  :root.land #overlay .r6l-big { margin-top: 6px; color: #EFF1F6; font-size: 44px; font-weight: 300; letter-spacing: -.04em; line-height: 1; }
  :root.land #overlay .r6l-none { margin-top: 26px; }
  :root.land #overlay .r6l-split { display: flex; gap: 3px; width: 100%; height: 14px; margin-top: 20px; }
  :root.land #overlay .r6l-split i { display: block; min-width: 6px; height: 100%; border-radius: 7px; transform-origin: 0 50%; animation: r6l-grow .8s cubic-bezier(.2, .9, .25, 1) both; }
  @keyframes r6l-grow { from { transform: scaleX(0); } to { transform: none; } }
  :root.land #overlay .r6l-leg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; width: 100%; margin-top: 18px; }
  :root.land #overlay .r6l-leg > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  :root.land #overlay .r6l-leg small { display: flex; align-items: center; gap: 7px; color: rgba(239, 241, 246, .6); font-size: 13px; }
  :root.land #overlay .r6l-leg small i { flex: none; width: 8px; height: 8px; border-radius: 50%; }
  :root.land #overlay .r6l-leg b { padding-left: 15px; color: #EFF1F6; font-size: 16px; font-weight: 500; }
  :root.land #overlay .r6l-leg em { margin-left: 6px; color: rgba(239, 241, 246, .45); font-size: 13px; font-style: normal; font-weight: 500; }
  :root.land #overlay .r6l-over { margin: 14px 0 0; color: #FF8A80; font-size: 13.5px; line-height: 1.4; }
  :root.land #overlay .r6l-total { display: flex; flex-direction: column; gap: 10px; margin-top: 30px; }
  :root.land #overlay .r6l-th { display: flex; flex-direction: column; gap: 3px; }
  :root.land #overlay .r6l-th b { color: #EFF1F6; font-size: 16px; font-weight: 500; }
  :root.land #overlay .r6l-th small { color: rgba(239, 241, 246, .6); font-size: 13.5px; }
  :root.land #overlay .r6l-bar { position: relative; display: block; height: 6px; margin-top: 8px; border-radius: 3px; background: rgba(239, 241, 246, .1); }
  :root.land #overlay .r6l-bar.big { height: 10px; margin-top: 0; border-radius: 5px; }
  :root.land #overlay .r6l-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: inherit; background: #9FD182; }
  :root.land #overlay .r6l-bar.warn i { background: #F7D27A; }
  :root.land #overlay .r6l-bar.crit i { background: #FF8A80; }
  :root.land #overlay .r6l-bar b { position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; border-radius: 1px; background: #EFF1F6; }
  :root.land #overlay .r6l-sec { display: flex; flex-direction: column; gap: 12px; margin-top: 32px; }
  :root.land #overlay .r6l-sec h3 { margin: 0; color: #EFF1F6; font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
  :root.land #overlay .r6l-rows { display: flex; flex-direction: column; padding: 0 16px 0 14px; border: 1px solid transparent; border-radius: 28px; background: radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0) 55%) padding-box, linear-gradient(#121414, #121414) padding-box, linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05) 30%, rgba(255, 255, 255, .025) 70%, rgba(255, 255, 255, .06)) border-box; }
  :root.land #overlay .r6l-rows > * + * { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root.land #overlay .r6l-row { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 66px; padding: 10px 0; }
  :root.land #overlay .r6l-row.still { cursor: default; }
  :root.land #overlay .r6l-row:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; border-radius: 14px; }
  :root.land #overlay .r6l-row:active:not(.still) { opacity: .7; }
  :root.land #overlay .r6l-ic { flex: none; display: grid; place-items: center; }
  :root.land #overlay .r6l-ic > * { width: 40px; height: 40px; min-width: 40px; }
  :root.land #overlay .r6l-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  :root.land #overlay .r6l-t b { overflow: hidden; color: #EFF1F6; font-size: 16px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
  :root.land #overlay .r6l-t small { color: rgba(239, 241, 246, .55); font-size: 13px; line-height: 1.35; }
  :root.land #overlay .r6l-add { flex: none; display: inline-flex; align-items: center; gap: 4px; color: #9FD182; font-size: 14.5px; font-weight: 500; }
  :root.land #overlay .r6l-add svg { width: 16px; height: 16px; stroke-width: 2.4; }
  :root.land #overlay .r6l-go { flex: none; display: grid; color: rgba(239, 241, 246, .4); }
  :root.land #overlay .r6l-go svg { width: 16px; height: 16px; }
  :root.land #overlay .r6l-grp { display: flex; flex-direction: column; padding-bottom: 6px; }
  :root.land #overlay .r6l-gh { display: flex; align-items: center; gap: 12px; min-height: 60px; }
  :root.land #overlay .r6l-gh b { color: #EFF1F6; font-size: 15px; font-weight: 500; }
  :root.land #overlay .r6l-row.sub { min-height: 58px; padding-left: 52px; }
  :root.land #overlay .r6l-row.sub.more { min-height: 48px; }
  :root.land #overlay .r6-lims ~ .r6-ff .r6-go svg, :root.land #overlay .r6-pgd ~ .r6-ff .r6-go svg { width: 19px; height: 19px; stroke-width: 2.2; }

  /* ---------- Plan my month (v377; the canvas "Planear-mes-V6") ---------- */
  :root.land #overlay .drawer:has(> .body.r6-pgd) > header h2 { color: rgba(239, 241, 246, .55); font-size: 14px; font-weight: 500; letter-spacing: 0; }
  :root.land #overlay .r6-pgd { display: flex; flex-direction: column; padding: 18px 16px 24px; overflow-x: hidden; }
  :root.land #overlay .r6pg-step { display: flex; flex-direction: column; }
  :root.land #overlay .r6pg-step.in-r { animation: r6pg-inr .42s cubic-bezier(.2, .9, .25, 1) both; }
  :root.land #overlay .r6pg-step.in-l { animation: r6pg-inl .42s cubic-bezier(.2, .9, .25, 1) both; }
  @keyframes r6pg-inr { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }
  @keyframes r6pg-inl { from { opacity: 0; transform: translateX(-28px); } to { opacity: 1; transform: none; } }
  :root.land #overlay .r6pg-h { margin: 0; color: #EFF1F6; font-size: 24px; font-weight: 500; letter-spacing: -.02em; line-height: 1.15; outline: none; }
  :root.land #overlay .r6pg-lead { margin: 8px 0 0; color: rgba(239, 241, 246, .62); font-size: 15px; line-height: 1.45; }
  :root.land #overlay .r6pg-big { display: flex; align-items: baseline; gap: 6px; margin-top: 34px; color: #EFF1F6; }
  :root.land #overlay .r6pg-big small { color: rgba(239, 241, 246, .45); font-size: 20px; font-weight: 500; }
  :root.land #overlay .r6pg-big b { font-size: 52px; font-weight: 300; letter-spacing: -.045em; line-height: 1; }
  :root.land #overlay .r6pg-big.lime b { color: #9FD182; }
  :root.land #overlay span.r6pg-big.mid { margin-top: 6px; font-size: 44px; font-weight: 300; letter-spacing: -.04em; line-height: 1; }
  :root.land #overlay .r6pg-pays { display: flex; gap: 4px; height: 14px; margin-top: 22px; }
  :root.land #overlay .r6pg-pays i { display: block; min-width: 6px; height: 100%; border-radius: 7px; transform-origin: 0 50%; animation: r6l-grow .8s cubic-bezier(.2, .9, .25, 1) both; }
  :root.land #overlay .r6pg-rows { display: flex; flex-direction: column; margin-top: 18px; }
  :root.land #overlay .r6pg-rows > * + * { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root.land #overlay .r6pg-pay { display: flex; align-items: center; gap: 12px; min-height: 58px; }
  :root.land #overlay .r6pg-pay > i { flex: none; width: 10px; height: 10px; border-radius: 50%; }
  :root.land #overlay .r6pg-pay > b { flex: none; color: #EFF1F6; font-size: 15px; font-weight: 500; }
  :root.land #overlay .r6pg-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  :root.land #overlay .r6pg-t b { overflow: hidden; color: #EFF1F6; font-size: 15.5px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
  :root.land #overlay .r6pg-t small { color: rgba(239, 241, 246, .55); font-size: 12.5px; }
  :root.land #overlay .r6pg-from { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 6px; }
  :root.land #overlay .r6pg-from small { color: rgba(239, 241, 246, .5); font-size: 13.5px; }
  :root.land #overlay .r6pg-link { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 4px; color: #EFF1F6; font-size: 14px; font-weight: 500; }
  :root.land #overlay .r6pg-link svg { width: 15px; height: 15px; }
  :root.land #overlay .r6pg-lb { margin-top: 30px; color: rgba(239, 241, 246, .6); font-size: 13px; font-weight: 500; }
  :root.land #overlay .r6pg-seg { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 10px; padding: 3px; border-radius: 999px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); }
  :root.land #overlay .r6pg-seg > i { position: absolute; top: 3px; bottom: 3px; left: calc(3px + var(--at, 0) * (100% - 6px) / 4); width: calc((100% - 6px) / 4); border-radius: 999px; background: #D9DCE1; opacity: var(--on, 1); transition: left .32s cubic-bezier(.3, 1.2, .5, 1), opacity .2s; }
  :root.land #overlay .r6pg-seg button { all: unset; position: relative; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; height: 44px; border-radius: 999px; color: rgba(239, 241, 246, .62); font-size: 15px; font-weight: 500; transition: color .25s; }
  :root.land #overlay .r6pg-seg button[aria-checked="true"] { color: #101212; }
  :root.land #overlay .r6pg-seg button:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; }
  :root.land #overlay .r6pg-other { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; color: rgba(239, 241, 246, .6); font-size: 13.5px; }
  :root.land #overlay .r6pg-in { position: relative; flex: none; display: flex; align-items: center; width: 116px; }
  :root.land #overlay .r6pg-other .r6pg-in { width: 96px; }
  :root.land #overlay .r6pg-in > span { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: rgba(239, 241, 246, .4); font-size: 13px; font-weight: 500; pointer-events: none; }
  :root.land #overlay .r6pg-other .r6pg-in > span { left: auto; right: 12px; }
  :root.land #overlay .r6pg-in input { all: unset; box-sizing: border-box; width: 100%; height: 44px; padding: 0 12px 0 34px; border-radius: 14px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .1); color: #EFF1F6; font-size: 15px; font-weight: 500; text-align: right; transition: box-shadow .2s; }
  :root.land #overlay .r6pg-other .r6pg-in input { padding: 0 30px 0 12px; }
  :root.land #overlay .r6pg-in input::placeholder { color: rgba(239, 241, 246, .3); }
  :root.land #overlay .r6pg-in input:focus { box-shadow: inset 0 0 0 1.5px #D9DCE1; }
  :root.land #overlay .r6pg-in input[aria-invalid="true"] { box-shadow: inset 0 0 0 1.5px #FF8A80; }
  :root.land #overlay .r6pg-in.big { width: 100%; margin-top: 30px; }
  :root.land #overlay .r6pg-in.big input { height: 64px; padding-left: 52px; font-size: 30px; font-weight: 400; text-align: left; border-radius: 20px; }
  :root.land #overlay .r6pg-in.big > span { left: 18px; font-size: 18px; }
  :root.land #overlay .r6pg-keep { display: flex; flex-direction: column; }
  :root.land #overlay .r6pg-keepv { display: flex; align-items: baseline; gap: 8px; margin-top: 30px; animation: r6pg-roll .36s cubic-bezier(.2, .9, .25, 1) both; }
  @keyframes r6pg-roll { from { opacity: .2; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  :root.land #overlay .r6pg-keepv .r6pg-big { margin-top: 0; }
  :root.land #overlay .r6pg-per { color: rgba(239, 241, 246, .5); font-size: 18px; }
  :root.land #overlay .r6pg-bar { display: flex; gap: 4px; height: 14px; margin-top: 22px; }
  :root.land #overlay .r6pg-bar i { display: block; height: 100%; border-radius: 7px; transition: width .55s cubic-bezier(.2, .9, .25, 1); }
  :root.land #overlay .r6pg-bar i:first-child { background: #9FD182; }
  :root.land #overlay .r6pg-bar i:last-child { flex: 1 1 auto; background: rgba(239, 241, 246, .16); }
  :root.land #overlay .r6pg-kl { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; color: rgba(239, 241, 246, .55); font-size: 13px; }
  :root.land #overlay .r6pg-kl > span:first-child { display: flex; align-items: center; gap: 7px; }
  :root.land #overlay .r6pg-kl i { width: 8px; height: 8px; border-radius: 50%; background: #9FD182; }
  :root.land #overlay .r6pg-kl b { color: #EFF1F6; font-weight: 500; }
  :root.land #overlay .r6pg-note { display: flex; gap: 10px; margin: 24px 0 0; color: rgba(239, 241, 246, .7); font-size: 14px; line-height: 1.45; }
  :root.land #overlay .r6pg-note svg { flex: none; margin-top: 1px; color: #9FD182; stroke-width: 2.2; }
  :root.land #overlay .r6-pgd .r6pg-step > .r6pg-lb:first-of-type { margin-top: 22px; }
  :root.land #overlay .r6pg-say { margin-top: 8px; color: rgba(239, 241, 246, .5); font-size: 13px; line-height: 1.4; }
  :root.land #overlay .r6pg-fill { position: relative; display: block; height: 10px; margin-top: 16px; border-radius: 5px; background: rgba(239, 241, 246, .1); overflow: hidden; }
  :root.land #overlay .r6pg-fill i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 5px; background: #9FD182; transition: width .55s cubic-bezier(.2, .9, .25, 1); }
  :root.land #overlay .r6pg-fill.over i { background: #FF8A80; }
  :root.land #overlay .r6pg-ch { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 22px; }
  :root.land #overlay .r6pg-ch .r6pg-lb { margin-top: 0; }
  :root.land #overlay .r6pg-glass { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 14px; border-radius: 999px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; font-size: 13.5px; font-weight: 500; }
  :root.land #overlay .r6pg-ch + .r6pg-rows { margin-top: 6px; }
  :root.land #overlay .r6pg-cat { display: flex; align-items: center; gap: 12px; min-height: 66px; cursor: text; }
  :root.land #overlay .r6pg-ic { flex: none; display: grid; }
  :root.land #overlay .r6pg-ic > * { width: 40px; height: 40px; min-width: 40px; }
  :root.land #overlay .r6pg-free { display: flex; align-items: center; gap: 8px; margin: 14px 0 0; color: #9FD182; font-size: 14.5px; }
  :root.land #overlay .r6pg-free.over { color: #FF8A80; }
  :root.land #overlay .r6pg-free svg { flex: none; stroke-width: 2.2; }
  :root.land #overlay .r6pg-free b { font-weight: 500; }
  :root.land #overlay .r6pg-ok { display: grid; place-items: center; width: 76px; height: 76px; margin: 20px 0 26px; border-radius: 50%; background: rgba(159, 209, 130, .14); box-shadow: inset 0 0 0 2px #9FD182; animation: r6pg-ring .5s cubic-bezier(.34, 1.56, .64, 1) both; }
  :root.land #overlay .r6pg-ok path { stroke-dasharray: 40; stroke-dashoffset: 40; animation: r6pg-ck .5s cubic-bezier(.65, 0, .35, 1) .25s forwards; }
  @keyframes r6pg-ring { from { transform: scale(.6); opacity: 0; } to { transform: none; opacity: 1; } }
  @keyframes r6pg-ck { to { stroke-dashoffset: 0; } }
  :root.land #overlay .r6pg-step > .r6l-split { margin-top: 26px; }
  :root.land #overlay .r6pg-warn { display: flex; align-items: center; gap: 14px; margin-top: 34px; }
  :root.land #overlay .r6pg-wic { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(247, 210, 122, .12); color: #F7D27A; }
  :root.land #overlay .r6pg-wt { flex: 1 1 auto; display: flex; flex-direction: column; gap: 8px; }
  :root.land #overlay .r6pg-wt small { color: rgba(239, 241, 246, .7); font-size: 13.5px; line-height: 1.4; }
  :root.land #overlay .r6pg-80 { position: relative; display: block; height: 8px; border-radius: 4px; background: rgba(239, 241, 246, .1); }
  :root.land #overlay .r6pg-80 i { position: absolute; left: 0; top: 0; bottom: 0; width: 80%; border-radius: 4px; background: linear-gradient(90deg, #9FD182, #F7D27A); transform-origin: 0 50%; animation: r6l-grow .8s cubic-bezier(.2, .9, .25, 1) .6s both; }
  :root.land #overlay .r6pg-80 b { position: absolute; left: 80%; top: -4px; bottom: -4px; width: 2px; margin-left: -1px; border-radius: 1px; background: #EFF1F6; }
  :root.land #overlay .r6pg-foot { gap: 18px; }
  :root.land #overlay .r6pg-dots { display: flex; justify-content: center; gap: 7px; }
  :root.land #overlay .r6pg-dots i { display: block; width: 8px; height: 8px; border-radius: 4px; background: rgba(239, 241, 246, .2); transition: width .3s ease, background-color .3s ease; }
  :root.land #overlay .r6pg-dots i.done { background: rgba(159, 209, 130, .45); }
  :root.land #overlay .r6pg-dots i.on { width: 22px; background: #9FD182; }
  :root.land #overlay .r6pg-btns { display: flex; gap: 12px; }
  :root.land #overlay .r6pg-btns .r6-go { flex: 1 1 auto; min-width: 0; white-space: nowrap; }
  :root.land #overlay .r6pg-back { all: unset; box-sizing: border-box; cursor: pointer; flex: none; display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; }
  :root.land #overlay .r6pg-alt { all: unset; box-sizing: border-box; cursor: pointer; flex: none; display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 18px; border-radius: 999px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; font-size: 15px; font-weight: 500; }
  :root.land #overlay :is(.r6pg-back, .r6pg-alt, .r6pg-link, .r6pg-glass):focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) { :root.land #overlay :is(.r6l-split i, .r6pg-pays i, .r6pg-step, .r6pg-keepv, .r6pg-ok, .r6pg-ok path, .r6pg-80 i) { animation: none; } :root.land #overlay .r6pg-ok path { stroke-dashoffset: 0; } :root.land #overlay :is(.r6pg-seg > i, .r6pg-bar i, .r6pg-fill i, .r6pg-dots i) { transition: none; } }
  /* ---------- the short lists at the foot (v378): as the canvas's sheets, square at the top, no grab bar ---------- */
  :root.land #overlay .sheet.r6-sheet { box-sizing: border-box; max-height: 86vh; padding: 14px 16px calc(22px + var(--safe-b, 0px)); border: 0; border-radius: 0; background: #121414; box-shadow: 0 -1px 0 rgba(239, 241, 246, .12), 0 -30px 60px -10px rgba(0, 0, 0, .7); color: #EFF1F6; }
  :root.land #overlay .r6sh-h { display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0 0 16px; }
  :root.land #overlay .r6sh-h h2 { flex: 1 1 auto; min-width: 0; margin: 0; color: #EFF1F6; font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
  :root.land #overlay .r6sh-x { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; 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: #EFF1F6; }
  :root.land #overlay .r6sh-x svg { stroke-width: 2.2; }
  :root.land #overlay .r6sh-rows { display: flex; flex-direction: column; padding: 0 16px 0 14px; border: 1px solid transparent; border-radius: 28px; background: radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0) 55%) padding-box, linear-gradient(#171A1A, #171A1A) padding-box, linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05) 30%, rgba(255, 255, 255, .025) 70%, rgba(255, 255, 255, .06)) border-box; }
  :root.land #overlay .r6sh-row { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 14px; width: 100%; min-height: 64px; padding: 8px 0; color: #EFF1F6; }
  :root.land #overlay .r6sh-row + .r6sh-row { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root.land #overlay .r6sh-row.goal { min-height: 78px; }
  :root.land #overlay .r6sh-row:active { opacity: .7; }
  :root.land #overlay .r6sh-row:focus-visible, :root.land #overlay .r6sh-x:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; border-radius: 16px; }
  :root.land #overlay .r6sh-x:focus-visible { border-radius: 50%; }
  :root.land #overlay .r6sh-ic { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; }
  :root.land #overlay .r6sh-ic svg { width: 20px; height: 20px; }
  :root.land #overlay .r6sh-ic.lime { background: rgba(159, 209, 130, .14); color: #9FD182; }
  :root.land #overlay .r6sh-ic.teal { background: rgba(106, 175, 162, .16); color: #6AAFA2; }
  :root.land #overlay .r6sh-ic.amber { background: rgba(247, 210, 122, .14); color: #F7D27A; }
  :root.land #overlay .r6sh-ic.light { background: rgba(239, 241, 246, .08); color: #EFF1F6; }
  :root.land #overlay .r6sh-gi { flex: none; display: grid; place-items: center; width: 44px; height: 44px; }
  :root.land #overlay .r6sh-gi > * { width: 44px; height: 44px; min-width: 44px; }
  :root.land #overlay .r6sh-amt { flex: none; color: #EFF1F6; font-size: 15px; font-weight: 500; }
  :root.land #overlay .r6sh-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  :root.land #overlay .r6sh-t b { overflow: hidden; color: #EFF1F6; font-size: 16px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
  :root.land #overlay .r6sh-t small { color: rgba(239, 241, 246, .55); font-size: 13px; }
  :root.land #overlay .r6sh-bar { position: relative; display: block; height: 5px; margin-top: 5px; border-radius: 3px; background: rgba(239, 241, 246, .1); overflow: hidden; }
  :root.land #overlay .r6sh-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: #9FD182; }
  :root.land #overlay .r6sh-go { flex: none; display: grid; color: rgba(239, 241, 246, .4); }
  :root.land #overlay .r6sh-go svg { width: 16px; height: 16px; }
  /* v413: "Agregar" as on the board "Agregar-menu-B-V6": the page dimmed and blurred; the four as pills of glass in a column over the button,
     the last one nearest the thumb rising first; the button's place taken by a white × */
  :root.land #overlay .r6ag-scrim { position: fixed; inset: 0; z-index: 60; background: rgba(4, 5, 5, .6); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); animation: r6ag-fade .25s ease both; }
  :root.land #overlay .r6ag-dial { position: fixed; z-index: 61; right: var(--r6ag-r, 20px); bottom: var(--r6ag-b, calc(var(--tab-b, 16px) + 84px)); display: flex; flex-direction: column; align-items: flex-end; gap: 16px; }
  :root.land #overlay .r6ag-col { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
  :root.land #overlay .r6ag-pill { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 12px; height: 56px; padding: 0 8px 0 20px; border-radius: 999px;
    background: rgba(13, 15, 15, .9); -webkit-backdrop-filter: blur(20px) saturate(140%); backdrop-filter: blur(20px) saturate(140%); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12), 0 10px 24px rgba(0, 0, 0, .5);      /* v416: darker (owner: "haz los botones el background más oscuro") */
    color: #EFF1F6; font-size: 15px; font-weight: 500; transition: transform .34s cubic-bezier(.2, .9, .3, 1.25); animation: r6ag-in .4s cubic-bezier(.2, .9, .25, 1) calc(var(--i, 0) * 45ms) backwards; }
  :root.land #overlay .r6ag-pill:active { transform: scale(.965); }
  :root.land #overlay :is(.r6ag-pill, .r6ag-x):focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
  :root.land #overlay .r6ag-ic { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; }
  :root.land #overlay .r6ag-ic svg { width: 20px; height: 20px; stroke-width: 2; }
  :root.land #overlay .r6ag-ic.coral { background: rgba(255, 138, 128, .14); color: #FF8A80; }
  :root.land #overlay .r6ag-ic.lime { background: rgba(159, 209, 130, .14); color: #9FD182; }
  :root.land #overlay .r6ag-ic.teal { background: rgba(106, 175, 162, .16); color: #6AAFA2; }
  :root.land #overlay .r6ag-ic.light { background: rgba(239, 241, 246, .08); color: #EFF1F6; }
  :root.land #overlay .r6ag-x { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: grid; place-items: center; width: var(--r6ag-h, 52px); height: var(--r6ag-h, 52px); border-radius: 50%;
    background: #EFF1F6; box-shadow: 0 8px 22px rgba(0, 0, 0, .45); color: #101212; animation: r6ag-spin .3s cubic-bezier(.2, .9, .25, 1) both; }
  :root.land #overlay .r6ag-x svg { width: 20px; height: 20px; stroke-width: 2.4; }
  @keyframes r6ag-in { from { transform: translateY(14px) scale(.96); opacity: 0; } to { transform: none; opacity: 1; } }
  @keyframes r6ag-fade { from { opacity: 0; } }
  @keyframes r6ag-spin { from { transform: rotate(-90deg) scale(.6); opacity: 0; } }
  /* the way out (v422; owner, 2026-10-31: "el botón Agregar a la hora de cerrar no es fluido"): it had none, so the dial stood still for the
     overlay's 230 ms and then vanished. Now the shade fades, the pills drop away from the top one down, the × turns back into the button */
  :root.land #overlay.out .r6ag-scrim { animation: r6ag-fade-out .22s ease-in both; }
  :root.land #overlay.out .r6ag-pill { animation: r6ag-out .16s cubic-bezier(.4, 0, .8, .4) calc((3 - var(--i, 0)) * 20ms) both; }
  :root.land #overlay.out .r6ag-x { animation: r6ag-unspin .2s cubic-bezier(.4, 0, .8, .4) both; }
  @keyframes r6ag-out { to { transform: translateY(12px) scale(.96); opacity: 0; } }
  @keyframes r6ag-unspin { to { transform: rotate(-90deg) scale(.6); opacity: 0; } }
  @keyframes r6ag-fade-out { to { opacity: 0; } }
  @media (prefers-reduced-motion: reduce) { :root.land #overlay :is(.r6ag-scrim, .r6ag-pill, .r6ag-x) { animation: none; transition: none; } }
}
/* v436: the owner's introductions, to see again (features/phone/r6-preview.js): a line under the name */
@media (max-width: 920px) {
  :root.land #overlay .r6pv-say { margin: -8px 0 14px; color: rgba(239, 241, 246, .55); font-size: 14px; line-height: 1.4; }
}