/* Dorax Finance — the owner's Settings and Profile in the v6 look (v367; the canvas "Ajustes-V6" and "Perfil-V6"; features/phone/r6-set.js and
   profile-land.js with r6). On the frame of the other v6 screens (look-r6-pages.css). */
@media (max-width: 920px) {
  /* ---------- Settings: how the app is set, three widgets; its parts in two cards ---------- */
  :root.r6.r6-pg #view .r6s { display: flex; flex-direction: column; padding-top: 10px; }
  :root.r6.r6-pg #view .r6s-now { display: flex; flex-direction: column; gap: 14px; }
  :root.r6.r6-pg #view .r6s-now > small { color: rgba(239, 241, 246, .6); font-size: 15px; }
  :root.r6.r6-pg #view .r6s-ws { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  :root.r6.r6-pg #view .r6s-w { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; height: 140px; box-sizing: border-box; padding: 16px 14px 14px; border: 1px solid transparent; border-radius: 26px;
    background: var(--r6-face), linear-gradient(#121414, #121414) padding-box, var(--r6-rim); color: #EFF1F6; text-decoration: none; animation: r6s-in .7s cubic-bezier(.2, .9, .25, 1) both; }
  @keyframes r6s-in { from { transform: translateY(14px); opacity: 0; } to { transform: none; opacity: 1; } }
  :root.r6.r6-pg #view .r6s-pic { display: flex; align-items: center; height: 40px; }
  :root.r6.r6-pg #view .r6s-pic svg { width: 40px; height: 40px; }
  :root.r6.r6-pg #view .r6s-coin { color: #EFF1F6; font-size: 34px; font-weight: 300; letter-spacing: -.05em; line-height: 1; }
  :root.r6.r6-pg #view .r6s-coin span { color: #9FD182; }
  :root.r6.r6-pg #view .r6s-kv { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  :root.r6.r6-pg #view .r6s-kv small { color: rgba(239, 241, 246, .55); font-size: 12.5px; }
  :root.r6.r6-pg #view .r6s-kv b { overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; font-size: 15px; font-weight: 500; line-height: 1.2; }
  :root.r6.r6-pg #view .r6s-sec { display: flex; flex-direction: column; gap: 12px; margin-top: 34px; }
  :root.r6.r6-pg #view .r6s-sec h2 { margin: 0; color: #EFF1F6; font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
  :root.r6.r6-pg #view .r6s-rows { display: flex; flex-direction: column; }
  :root.r6.r6-pg #view .r6s-row { position: relative; display: flex; align-items: center; gap: 14px; min-height: 76px; margin: 0 18px 0 16px; color: #EFF1F6; text-decoration: none; }
  :root.r6.r6-pg #view .r6s-row + .r6s-row { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root.r6.r6-pg #view .r6s-ic { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; }
  :root.r6.r6-pg #view .r6s-ic.lime { background: rgba(159, 209, 130, .12); color: #9FD182; }
  :root.r6.r6-pg #view .r6s-ic.teal { background: rgba(106, 175, 162, .16); color: #8FD3C5; }
  :root.r6.r6-pg #view .r6s-ic svg { stroke-width: 1.9; }
  :root.r6.r6-pg #view .r6s-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  :root.r6.r6-pg #view .r6s-t b { font-size: 16px; font-weight: 500; }
  :root.r6.r6-pg #view .r6s-t small { color: rgba(239, 241, 246, .55); font-size: 13px; line-height: 1.35; }
  :root.r6.r6-pg #view .r6s-go { flex: none; display: grid; color: rgba(239, 241, 246, .5); }
  :root.r6.r6-pg #view .r6s-go svg { width: 16px; height: 16px; }

  /* ---------- Profile: who you are, large; each part's rows in a card; the wins as a widget ---------- */
  :root.r6.r6-pg #view .r6-pfl { gap: 0; padding-top: 18px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-me { gap: 18px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-photo, :root.r6.r6-pg #view .r6-pfl .pfl-photo .avatar { width: 96px; height: 96px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-photo .avatar { box-shadow: 0 0 30px rgba(159, 209, 130, .28); }
  :root.r6.r6-pg #view .r6-pfl .pfl-cam { width: 36px; height: 36px; background: #1E2121; box-shadow: 0 0 0 3px #070808, inset 0 0 0 1px rgba(239, 241, 246, .16); color: #EFF1F6; }
  :root.r6.r6-pg #view .r6-pfl .pfl-who b { color: #EFF1F6; font-size: 30px; letter-spacing: -.03em; line-height: 1.05; }
  :root.r6.r6-pg #view .r6-pfl .pfl-who small { color: rgba(239, 241, 246, .62); font-size: 14.5px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-who small.q { color: rgba(239, 241, 246, .45); font-size: 13.5px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-rm { color: #9FD182; }
  :root.r6.r6-pg #view .r6-pfl .pfl-sec { gap: 12px; margin-top: 30px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-sec:first-of-type { margin-top: 32px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-sec h2 { margin: 0; color: #EFF1F6; font-size: 20px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-card { display: flex; flex-direction: column; padding: 2px 18px; border-radius: 28px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-card > :is(.pfl-row, .pfl-item) + :is(.pfl-row, .pfl-item)::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; height: 1px; background: rgba(239, 241, 246, .07); }
  :root.r6.r6-pg #view .r6-pfl .pfl-row { min-height: 70px; gap: 14px; color: #EFF1F6; }
  :root.r6.r6-pg #view .r6-pfl .pfl-ic { width: 42px; height: 42px; background: rgba(159, 209, 130, .14); color: #9FD182; }
  :root.r6.r6-pg #view .r6-pfl a.pfl-row .pfl-ic, :root.r6.r6-pg #view .r6-pfl .pfl-row.quiet .pfl-ic { background: rgba(239, 241, 246, .08); color: #EFF1F6; }
  :root.r6.r6-pg #view .r6-pfl .pfl-row.out .pfl-ic { background: rgba(255, 138, 128, .13); color: #FF8A80; }
  :root.r6.r6-pg #view .r6-pfl .pfl-row.out b { color: #FF8A80; }
  :root.r6.r6-pg #view .r6-pfl .pfl-t b { color: #EFF1F6; font-size: 15.5px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-t small { color: rgba(239, 241, 246, .55); font-size: 13px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-go { color: rgba(239, 241, 246, .5); }
  :root.r6.r6-pg #view .r6-pfl .pfl-pad { padding: 0 0 18px 56px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-pad input:is([type=text], [type=password]), :root.r6.r6-pg #view .r6-pfl .pfl-pad input[inputmode=email] { min-height: 52px; padding: 0 18px; border: 0; border-radius: 18px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); color: #EFF1F6; font-size: 15.5px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-acts .btn.primary { background: #9FD182; box-shadow: 0 8px 22px rgba(0, 0, 0, .45); color: #101212; }
  :root.r6.r6-pg #view .r6-pfl .pfl-acts .btn.ghost { background: rgba(26, 29, 29, .92); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; }
  :root.r6.r6-pg #view .r6-pfl .pfl-quiet { margin: 0; color: rgba(239, 241, 246, .45); font-size: 13px; }
  :root.r6.r6-pg #view .r6-pfl .pfl-sec:last-child { margin-top: 26px; }
  /* the wins: how many, large, and one flag for each */
  :root.r6.r6-pg #view .pfl-wins { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 16px; padding: 20px 20px 22px; border: 1px solid transparent; border-radius: 32px;
    background: var(--r6-face), linear-gradient(#121414, #121414) padding-box, var(--r6-rim); color: #EFF1F6; }
  :root.r6.r6-pg #view .pfl-wins:focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
  :root.r6.r6-pg #view .pfl-wn { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
  :root.r6.r6-pg #view .pfl-wn > span { display: flex; align-items: baseline; gap: 8px; }
  :root.r6.r6-pg #view .pfl-wn b { font-size: 52px; font-weight: 300; letter-spacing: -.045em; line-height: 1; }
  :root.r6.r6-pg #view .pfl-wn > span > span { color: rgba(239, 241, 246, .6); font-size: 17px; }
  :root.r6.r6-pg #view .pfl-wn > svg { flex: none; width: 16px; height: 16px; margin-bottom: 8px; color: rgba(239, 241, 246, .45); }
  :root.r6.r6-pg #view .pfl-flags { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
  :root.r6.r6-pg #view .pfl-flags > span { display: grid; place-items: center; aspect-ratio: 1 / 1; border-radius: 50%; background: rgba(159, 209, 130, .12); box-shadow: inset 0 0 0 1px rgba(159, 209, 130, .28); color: #9FD182; animation: r6s-flag .5s cubic-bezier(.2, .9, .25, 1) backwards; }
  :root.r6.r6-pg #view .pfl-flags > span.hi { background: rgba(159, 209, 130, .28); }
  @keyframes r6s-flag { from { opacity: 0; transform: translateY(6px) scale(.8); } to { opacity: 1; transform: none; } }
  :root.r6.r6-pg #view .pfl-wins > small { color: rgba(239, 241, 246, .55); font-size: 13.5px; }
  /* ---------- v368: Settings' parts (r6-setp.js): General, Appearance, Your data ---------- */
  :root.r6.r6-pg #view .r6sp { padding-top: 6px; }
  :root.r6.r6-pg #view .r6sp-h { display: flex; flex-direction: column; gap: 3px; }
  :root.r6.r6-pg #view .r6sp-h small { color: rgba(239, 241, 246, .55); font-size: 13.5px; }
  :root.r6.r6-pg #view .r6sp .r6s-sec { margin-top: 34px; }
  :root.r6.r6-pg #view .r6sp-gap { height: 0; margin-top: -24px; }
  :root.r6.r6-pg #view .r6sp-note { padding: 0 4px; color: rgba(239, 241, 246, .5); font-size: 13px; line-height: 1.45; }
  :root.r6.r6-pg #view .r6sp .r6s-row { min-height: 72px; }
  :root.r6.r6-pg #view button.r6s-row { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; position: relative; display: flex; align-items: center; gap: 14px; width: calc(100% - 34px); min-height: 72px; margin: 0 18px 0 16px; color: #EFF1F6; }
  :root.r6.r6-pg #view button.r6s-row + .r6s-row, :root.r6.r6-pg #view .r6s-row + button.r6s-row, :root.r6.r6-pg #view .r6sp-auto + .r6sp-auto { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root.r6.r6-pg #view .r6s-ic.light { background: rgba(239, 241, 246, .08); color: #EFF1F6; }
  :root.r6.r6-pg #view .r6s-ic.coral { background: rgba(255, 138, 128, .13); color: #FF8A80; }
  :root.r6.r6-pg #view .r6s-row.out b { color: #FF8A80; }
  :root.r6.r6-pg #view .r6sp-ck { flex: none; display: grid; place-items: center; width: 26px; height: 26px; box-sizing: border-box; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(239, 241, 246, .28); color: #101212; transition: background-color .2s ease, box-shadow .2s ease; }
  :root.r6.r6-pg #view .r6sp-ck.on { background: #D9DCE1; box-shadow: none; }
  :root.r6.r6-pg #view .r6sp-ck svg { stroke-width: 3; }
  /* General: the sample at the top */
  :root.r6.r6-pg #view .r6sp-seg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; box-sizing: border-box; margin: 0; padding: 3px; border: 0; border-radius: 999px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); }
  :root.r6.r6-pg #view .r6sp-seg button { min-height: 44px; padding: 0 4px; border: 0; border-radius: 999px; background: none; box-shadow: none; color: rgba(239, 241, 246, .7); font-size: 14.5px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color .25s ease, color .25s ease; }
  :root.r6.r6-pg #view .r6sp-seg button[aria-pressed="true"] { background: #D9DCE1; color: #101212; }
  :root.r6.r6-pg #view .r6sp-coin { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(159, 209, 130, .12); }
  :root.r6.r6-pg #view .r6sp-coin b { font-size: 17px; font-weight: 400; letter-spacing: -.04em; }
  :root.r6.r6-pg #view .r6sp-coin b span { color: #9FD182; }
  :root.r6.r6-pg #view .r6sp-acc { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
  :root.r6.r6-pg #view .r6sp-lg .inst, :root.r6.r6-pg #view .r6sp-lg .inst img { display: block; width: 16px; height: 16px; border-radius: 50%; }
  :root.r6.r6-pg #view .r6sp-chg { flex: none; color: rgba(239, 241, 246, .7); font-size: 13.5px; font-weight: 500; }
  :root.r6.r6-pg #view .r6sp-chg + .r6s-go { margin-left: -6px; }
  :root.r6.r6-pg #view .r6sp-pick select { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; font-size: 16px; }
  :root.r6.r6-pg #view .r6sp-off { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 0 18px 18px 74px; }
  :root.r6.r6-pg #view .r6sp-off p { margin: 0; color: #F7D27A; font-size: 13.5px; line-height: 1.4; }
  :root.r6.r6-pg #view .r6-pill { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; 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 .r6-pill.lime { background: #9FD182; box-shadow: none; color: #101212; }
  :root.r6.r6-pg #view .r6sp-sym { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(var(--c), .14); color: rgb(var(--c)); font-size: 13.5px; font-weight: 600; letter-spacing: -.02em; }
  :root.r6.r6-pg #view .r6sp-cn { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
  :root.r6.r6-pg #view .r6sp-tag { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px; background: rgba(217, 220, 225, .14); color: #D9DCE1; font-size: 11.5px; font-weight: 500; }
  :root.r6.r6-pg #view .r6sp-amt { flex: none; font-size: 15px; font-weight: 500; }
  :root.r6.r6-pg #view .r6sp-opt { min-height: 66px !important; }
  :root.r6.r6-pg #view .r6sp-fmt { flex: 1 1 auto; min-width: 0; display: flex; align-items: baseline; gap: 10px; font-size: 16px; font-weight: 500; }
  :root.r6.r6-pg #view .r6sp-fmt i { color: rgba(239, 241, 246, .35); font-style: normal; }
  /* Appearance: the two small phones */
  :root.r6.r6-pg #view .r6sp-phs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  :root.r6.r6-pg #view .r6sp-phb { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; }
  :root.r6.r6-pg #view .r6sp-phb:focus-visible { outline: 2px solid #9FD182; outline-offset: 4px; border-radius: 26px; }
  :root.r6.r6-pg #view .r6sp-ph { --bg: #070808; --ink: #EFF1F6; --sub: rgba(239, 241, 246, .55); --tr: rgba(239, 241, 246, .1); --card: #121414; --edge: rgba(255, 255, 255, .12); --bar: rgba(26, 29, 29, .95); --pill: rgba(239, 241, 246, .14); --dots: rgba(239, 241, 246, .55);
    position: relative; display: flex; flex-direction: column; gap: 3px; width: 100%; max-width: 150px; aspect-ratio: 150 / 252; box-sizing: border-box; padding: 14px 10px 10px; overflow: hidden; border-radius: 24px; background: var(--bg); color: var(--ink); box-shadow: 0 0 0 1.5px rgba(239, 241, 246, .16), 0 0 0 4px transparent; transition: box-shadow .2s ease; }
  :root.r6.r6-pg #view .r6sp-ph.light { --bg: #FFFFFF; --ink: #0A0A0A; --sub: rgba(10, 10, 10, .55); --tr: rgba(10, 10, 10, .08); --card: #EFEFEF; --edge: transparent; --bar: #FFFFFF; --pill: rgba(10, 10, 10, .08); --dots: rgba(10, 10, 10, .45); box-shadow: 0 0 0 1.5px rgba(10, 10, 10, .1); }      /* v460: the light phone as the app's light is now (Nubank's contrast, v454): the page white, the blocks a flat grey */
  :root.r6.r6-pg #view .r6sp-phb.on .r6sp-ph { box-shadow: 0 0 0 1.5px rgba(239, 241, 246, .16), 0 0 0 4px #070808, 0 0 0 6px #D9DCE1; }
  :root.r6.r6-pg #view .r6sp-phb.now .r6sp-ph { outline: 2px dashed rgba(217, 220, 225, .6); outline-offset: 4px; }
  :root.r6.r6-pg #view .r6sp-pt { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
  :root.r6.r6-pg #view .r6sp-pt b { overflow: hidden; font-size: 9.5px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
  :root.r6.r6-pg #view .r6sp-pt i { flex: none; width: 12px; height: 12px; border-radius: 50%; background: var(--tr); }
  :root.r6.r6-pg #view .r6sp-ph > small { margin-top: 6px; color: var(--sub); font-size: 8px; }
  :root.r6.r6-pg #view .r6sp-pf { font-size: 22px; font-weight: 300; letter-spacing: -.04em; line-height: 1.05; white-space: nowrap; }
  :root.r6.r6-pg #view .r6sp-pb { display: block; height: 5px; margin-top: 4px; border-radius: 3px; background: var(--tr); }
  :root.r6.r6-pg #view .r6sp-pb i { display: block; width: 58%; height: 100%; border-radius: 3px; background: #9FD182; }
  :root.r6.r6-pg #view .r6sp-pa { display: flex; flex-direction: column; margin-top: 8px; border-radius: 10px; background: var(--card); box-shadow: inset 0 0 0 1px var(--edge); }
  :root.r6.r6-pg #view .r6sp-pa.card { position: relative; overflow: hidden; min-height: 58px; padding: 8px; background: linear-gradient(135deg, #8A05BE, #5A0B86); color: #FFFFFF; }
  :root.r6.r6-pg #view .r6sp-pa.card > i { position: absolute; right: -10px; top: -10px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, .12); }
  :root.r6.r6-pg #view .r6sp-pa.card > span { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; height: 100%; }
  :root.r6.r6-pg #view .r6sp-pa > span > span, :root.r6.r6-pg #view .r6sp-pa.rows > span { display: flex; align-items: center; gap: 4px; min-width: 0; }
  :root.r6.r6-pg #view .r6sp-pa.rows > span { padding: 6px; }
  :root.r6.r6-pg #view .r6sp-pa.rows > span + span { border-top: 1px solid rgba(128, 128, 128, .18); }
  :root.r6.r6-pg #view .r6sp-pa small { flex: 1 1 auto; min-width: 0; overflow: hidden; font-size: 7.5px; text-overflow: ellipsis; white-space: nowrap; }
  :root.r6.r6-pg #view .r6sp-pa b { font-size: 9px; font-weight: 500; white-space: nowrap; }
  :root.r6.r6-pg #view .r6sp-pl .inst, :root.r6.r6-pg #view .r6sp-pl .inst img { display: block; width: 12px; height: 12px; border-radius: 50%; }
  :root.r6.r6-pg #view .r6sp-pn { position: absolute; left: 8px; right: 8px; bottom: 8px; display: flex; align-items: center; justify-content: space-around; height: 20px; border-radius: 999px; background: var(--bar); box-shadow: inset 0 0 0 1px var(--edge); }
  :root.r6.r6-pg #view .r6sp-pn i { width: 5px; height: 5px; border-radius: 50%; background: var(--dots); }
  :root.r6.r6-pg #view .r6sp-pn i:first-child { width: 16px; height: 9px; border-radius: 999px; background: var(--pill); }
  :root.r6.r6-pg #view .r6sp-phn { display: flex; align-items: center; gap: 8px; color: #EFF1F6; }
  :root.r6.r6-pg #view .r6sp-phn b { font-size: 15px; font-weight: 500; }
  :root.r6.r6-pg #view .r6sp-now { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px; background: rgba(217, 220, 225, .14); color: #D9DCE1; font-size: 11.5px; font-weight: 500; }
  :root.r6.r6-pg #view .r6sp-phs + .r6-card { margin-top: 6px; }
  :root.r6.r6-pg #view .r6sp-auto { display: flex; flex-direction: column; margin: 0 18px 0 16px; }
  :root.r6.r6-pg #view .r6sp-auto > button.r6s-row { width: 100%; margin: 0; }
  /* from dusk to dawn: today's dark and light */
  :root.r6.r6-pg #view .r6sp-dusk { display: flex; flex-direction: column; gap: 8px; padding: 0 0 18px; }
  :root.r6.r6-pg #view .r6sp-dl { position: relative; display: block; height: 16px; border-radius: 8px; overflow: hidden; background: #070808; box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); }
  :root.r6.r6-pg #view .r6sp-dl i.b { position: absolute; top: 0; bottom: 0; left: var(--r); right: calc(100% - var(--s)); background: linear-gradient(90deg, rgba(247, 210, 122, .35), rgba(247, 210, 122, .7) 50%, rgba(247, 210, 122, .35)); }
  :root.r6.r6-pg #view .r6sp-dl .now { position: absolute; top: -2px; bottom: -2px; left: var(--n); width: 2px; margin-left: -1px; border-radius: 1px; background: #9FD182; }
  :root.r6.r6-pg #view .r6sp-dt { position: relative; display: block; height: 16px; color: rgba(239, 241, 246, .55); font-size: 12px; font-weight: 500; }
  :root.r6.r6-pg #view .r6sp-dt span { position: absolute; transform: translateX(-50%); }
  :root.r6.r6-pg #view .r6sp-dt span:first-child { left: var(--r); }
  :root.r6.r6-pg #view .r6sp-dt span:last-child { left: var(--s); }
  :root.r6.r6-pg #view .r6sp-dusk small { color: rgba(239, 241, 246, .5); font-size: 12.5px; line-height: 1.4; }
  /* the text's size */
  :root.r6.r6-pg #view .r6sp-zs { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); padding: 3px; border-radius: 999px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); }
  :root.r6.r6-pg #view .r6sp-zs button { all: unset; box-sizing: border-box; cursor: pointer; display: grid; place-items: center; height: 44px; border-radius: 999px; color: rgba(239, 241, 246, .7); font-weight: 500; transition: background-color .25s ease, color .25s ease; }
  :root.r6.r6-pg #view .r6sp-zs button[aria-pressed="true"] { background: #D9DCE1; color: #101212; }
  :root.r6.r6-pg #view .r6sp-zs button:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; }
  :root.r6.r6-pg #view .r6sp-zx { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; border-radius: 26px; }
  :root.r6.r6-pg #view .r6sp-zx small { color: rgba(239, 241, 246, .6); font-size: calc(14px * var(--k, 1)); }
  :root.r6.r6-pg #view .r6sp-zx b { font-size: calc(34px * var(--k, 1)); font-weight: 300; letter-spacing: -.04em; line-height: 1.05; }
  /* the accounts as cards */
  :root.r6.r6-pg #view .r6sp-sw { cursor: default; }
  :root.r6.r6-pg #view .r6sp-sw .switch { flex: none; }
  :root.r6.r6-pg #view .r6sp-sw .switch input:checked + .track { background: #30D158; }
  :root.r6.r6-pg #view .r6sp-cards { position: relative; flex: none; width: 44px; height: 44px; }
  :root.r6.r6-pg #view .r6sp-cards i { position: absolute; left: 4px; width: 34px; height: 22px; border-radius: 5px; background: linear-gradient(135deg, #9FD182, #6AAFA2); box-shadow: 0 2px 6px rgba(0, 0, 0, .4); }
  :root.r6.r6-pg #view .r6sp-cards i:nth-child(1) { top: 4px; opacity: .45; transform: rotate(-8deg); }
  :root.r6.r6-pg #view .r6sp-cards i:nth-child(2) { top: 10px; opacity: .7; transform: rotate(-3deg); }
  :root.r6.r6-pg #view .r6sp-cards i:nth-child(3) { top: 16px; }
  /* Your data */
  :root.r6.r6-pg #view .r6sp-saved { display: inline-flex; align-self: flex-end; align-items: center; gap: 7px; height: 30px; margin: -4px 0 0; padding: 0 11px; border-radius: 999px; background: rgba(239, 241, 246, .07); color: rgba(239, 241, 246, .8); font-size: 12.5px; font-weight: 500; white-space: nowrap; }
  :root.r6.r6-pg #view .r6sp-saved i { width: 7px; height: 7px; border-radius: 50%; background: #8FD3C5; }
  :root.r6.r6-pg #view .r6sp-saved.warn { color: #F7D27A; }
  :root.r6.r6-pg #view .r6sp-saved.warn i { background: #F7D27A; }
  :root.r6.r6-pg #view .r6sp-err { margin: 10px 0 0; color: #FF8A80; font-size: 14px; }
  :root.r6.r6-pg .r6-dock label.r6-db { cursor: pointer; }
  /* ---------- v369: Notifications (r6-setn.js) ---------- */
  @keyframes r6n-in { from { opacity: 0; transform: translateY(-8px) scale(.97); } to { opacity: 1; transform: none; } }
  :root.r6.r6-pg #view .r6n-row { cursor: pointer; -webkit-tap-highlight-color: transparent; min-height: 70px; }
  :root.r6.r6-pg #view label.r6n-row + .r6n-row, :root.r6.r6-pg #view .r6n-row + label.r6n-row { border-top: 1px solid rgba(239, 241, 246, .07); }
  :root.r6.r6-pg #view .r6n-row .switch { flex: none; }
  :root.r6.r6-pg #view .r6n-row .switch input:checked + .track { background: #30D158; }
  :root.r6.r6-pg #view .r6n-row:has(input:focus-visible) { outline: 2px solid #9FD182; outline-offset: 2px; border-radius: 12px; }
  :root.r6.r6-pg #view .r6n-ic { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(239, 241, 246, .07); color: #EFF1F6; transition: background-color .2s, color .2s; }
  :root.r6.r6-pg #view .r6n-ic.off { background: rgba(239, 241, 246, .04); color: rgba(239, 241, 246, .4); }
  :root.r6.r6-pg #view .r6n-dev { cursor: default; }
  :root.r6.r6-pg #view .r6n-sw { all: unset; box-sizing: border-box; cursor: pointer; flex: none; display: flex; align-items: center; width: 52px; height: 32px; padding: 3px; border-radius: 999px; background: rgba(239, 241, 246, .16); transition: background-color .25s ease; }
  :root.r6.r6-pg #view .r6n-sw span { display: block; width: 26px; height: 26px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 2px 6px rgba(0, 0, 0, .35); transition: transform .3s cubic-bezier(.2, .9, .3, 1.25); }
  :root.r6.r6-pg #view .r6n-sw.on { background: #30D158; }
  :root.r6.r6-pg #view .r6n-sw.on span { transform: translateX(20px); }
  :root.r6.r6-pg #view .r6n-sw:disabled { opacity: .5; }
  :root.r6.r6-pg #view .r6n-sw:focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
  :root.r6.r6-pg #view .r6n-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  :root.r6.r6-pg #view .r6n-chips button { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 10px; 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, .75); font-size: 14px; font-weight: 500; text-align: center; transition: background-color .2s, box-shadow .2s; }
  :root.r6.r6-pg #view .r6n-chips button[aria-pressed="true"] { background: rgba(217, 220, 225, .12); box-shadow: inset 0 0 0 1.5px #D9DCE1; color: #EFF1F6; }
  :root.r6.r6-pg #view .r6n-chips button:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; }
  :root.r6.r6-pg #view .r6n-rate { display: flex; flex-direction: column; gap: 12px; }
  :root.r6.r6-pg #view .r6n-rate + .r6n-rate { margin-top: 14px; }
  :root.r6.r6-pg #view .r6n-rh { display: flex; align-items: center; gap: 14px; }
  :root.r6.r6-pg #view .r6n-res { margin-top: 20px; padding: 16px 18px; border-radius: 26px; color: rgba(239, 241, 246, .75); font-size: 13.5px; }
  :root.r6.r6-pg #view .r6n-res ul { margin: 8px 0; padding: 0; list-style: none; }
  :root.r6.r6-pg #view .r6n-res .note { color: rgba(239, 241, 246, .5); }
  /* ---------- v370: Security and Imports (r6-sets.js) ---------- */
  :root.r6.r6-pg #view .r6sp-seg.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  :root.r6.r6-pg #view .r6sp-seg.four button { font-size: 14px; }
  :root.r6.r6-pg #view .r6ss-form { display: flex; flex-direction: column; gap: 12px; padding: 4px 18px 18px 74px; }
  :root.r6.r6-pg #view .r6ss-pins { display: flex; flex-direction: column; gap: 10px; }
  :root.r6.r6-pg #view .r6ss-pins .field { display: flex; flex-direction: column; gap: 6px; margin: 0; }
  :root.r6.r6-pg #view .r6ss-pins label { color: rgba(239, 241, 246, .6); font-size: 13px; font-weight: 500; }
  :root.r6.r6-pg #view .r6ss-pins input { min-height: 52px; padding: 0 18px; border: 0; border-radius: 18px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); color: #EFF1F6; font-size: 20px; letter-spacing: .3em; }
  :root.r6.r6-pg #view .r6ss-acts { display: flex; flex-wrap: wrap; gap: 8px; }
  :root.r6.r6-pg #view .r6ss-fine { margin-top: 26px; }
  :root.r6.r6-pg #view .r6ss-na { margin-top: 18px; }
  /* Imports: four lines of a statement in the review */
  :root.r6.r6-pg #view .r6ss-st { color: rgba(239, 241, 246, .5); font-size: 11.5px; }
  :root.r6.r6-pg #view .r6ss-st.ai.on { color: #8FD3C5; }
  :root.r6.r6-pg #view .r6ss-st.doubt { color: #F7D27A; }
  @media (prefers-reduced-motion: reduce) { :root.r6.r6-pg #view :is(.r6s-w, .pfl-flags > span) { animation: none; } }
}