/* Dorax Finance — the test of the new design (v487; features/phone/r6-beta.js).
   The invitation is a sheet at the thumb in the v6 look (as its questions at the thumb, look-r6-notices.css: .r6m-sheet), shown to people who still
   have the design before: so it carries its own colours, as variables, dark, and light when the app is light (the design before: app-light; the
   v6: r6l). Not a look-r6*.css file on purpose: tools/r6-light.py would write it again under r6l over these.
   Its rows in Settings are the v6 Settings' own (look-r6-set.css, light by the generated sheet); here only the switch's target. */
@media (max-width: 920px) {
  :root.land #overlay .sheet.v6b {
    --v6b-bg: #121414; --v6b-ink: #EFF1F6; --v6b-sub: rgba(239, 241, 246, .72); --v6b-glass: rgba(26, 29, 29, .92); --v6b-rim: rgba(239, 241, 246, .14);
    --v6b-tint: rgba(159, 209, 130, .14); --v6b-lime-ink: #9FD182; --v6b-shadow: 0 -24px 60px -20px rgba(0, 0, 0, .8); --v6b-focus: #9FD182;
    box-sizing: border-box; display: flex; flex-direction: column; align-items: stretch; max-height: 92vh; overflow-y: auto; padding: 22px 20px calc(24px + var(--safe-b, 0px));
    border: 0; border-radius: 34px 34px 0 0; background: var(--v6b-bg); box-shadow: inset 0 1px 0 var(--v6b-rim), var(--v6b-shadow); color: var(--v6b-ink); text-align: left;
  }
  :root.land:is(.app-light, .r6l) #overlay .sheet.v6b {
    --v6b-bg: #FFFFFF; --v6b-ink: #0A0A0A; --v6b-sub: rgba(10, 10, 10, .7); --v6b-glass: #EFEFEF; --v6b-rim: rgba(10, 10, 10, .06);
    --v6b-tint: rgba(159, 209, 130, .24); --v6b-lime-ink: #2F5711; --v6b-shadow: 0 -20px 50px -20px rgba(0, 0, 0, .2); --v6b-focus: #2F5711;
  }
  :root.land #overlay .sheet.v6b:focus { outline: none; }
  :root.land #overlay .v6b-top { position: relative; display: flex; justify-content: center; margin: 4px 0 0; }
  :root.land #overlay .v6b-pic { display: block; width: 166px; height: 100px; }
  :root.land #overlay .v6b-tag { position: absolute; top: 0; left: calc(50% + 56px); padding: 4px 10px; border-radius: 999px; background: #9FD182; color: #101212; font-size: 12px; font-weight: 600; letter-spacing: .02em; }
  :root.land #overlay .sheet.v6b h2 { margin: 20px 0 0; color: var(--v6b-ink); font-size: 24px; font-weight: 500; letter-spacing: -.02em; line-height: 1.2; }
  :root.land #overlay .v6b-say { display: flex; flex-direction: column; gap: 12px; margin: 16px 0 0; padding: 0; list-style: none; }
  :root.land #overlay .v6b-say li { display: flex; align-items: center; gap: 12px; color: var(--v6b-sub); font-size: 15px; line-height: 1.4; }
  :root.land #overlay .v6b-ic { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--v6b-tint); color: var(--v6b-lime-ink); }
  :root.land #overlay .v6b-ic svg { stroke-width: 2; }
  /* at the thumb: the quiet one and the main one, side by side (as the v6 questions: .r6m-no, .r6m-go), flat */
  :root.land #overlay .v6b-acts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; margin-top: 26px; }
  :root.land #overlay :is(.v6b-no, .v6b-go) { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 22px; border-radius: 999px; font-size: 15px; font-weight: 500; white-space: nowrap; transition: transform .34s cubic-bezier(.2, .9, .3, 1.25), opacity .2s; }
  :root.land #overlay .v6b-no { background: var(--v6b-glass); box-shadow: inset 0 0 0 1px var(--v6b-rim); color: var(--v6b-ink); }
  :root.land #overlay .v6b-go { min-width: 0; background: #9FD182; color: #101212; }
  :root.land #overlay :is(.v6b-no, .v6b-go):active { transform: scale(.965); }
  :root.land #overlay :is(.v6b-no, .v6b-go):focus-visible { outline: 2px solid var(--v6b-focus); outline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) { :root.land #overlay :is(.v6b-no, .v6b-go) { transition: none; } }
  /* Settings (r6-set.js): the switch a full thumb's height */
  :root.r6.r6-pg #view .v6b-set .switch { min-width: 46px; min-height: 44px; }
}