/* Dorax Finance — the owner's photo, adjusted before it is kept (v440, features/phone/r6-photo.js): a page over the app, the picture in a circle
   (the rest of it dimmed around), the size under it, Cancel and Use photo at the thumb. */
.r6ph { position: fixed; inset: 0; z-index: 70; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding: calc(28px + env(safe-area-inset-top, 0px)) 24px calc(24px + env(safe-area-inset-bottom, 0px)); background: #070808; color: #EFF1F6; font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', Inter, 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased; animation: r6ph-in .32s cubic-bezier(.2, .9, .25, 1) both; }
@keyframes r6ph-in { from { opacity: 0; transform: translateY(18px); } }
.r6ph-top { flex: none; align-self: stretch; display: flex; flex-direction: column; gap: 6px; }
.r6ph-top h2 { margin: 0; color: #EFF1F6; font-size: 24px; font-weight: 500; letter-spacing: -.02em; }
.r6ph-top small { color: rgba(239, 241, 246, .6); font-size: 15px; line-height: 1.4; }
/* the picture moves under a circle; outside the circle it is dimmed, so the edge is clear */
.r6ph-stage { position: relative; flex: none; margin: auto 0; overflow: hidden; border-radius: 28px; background: #151717; touch-action: none; cursor: grab; outline: none; -webkit-user-select: none; user-select: none; }
.r6ph-stage:active { cursor: grabbing; }
.r6ph-stage:focus-visible { box-shadow: 0 0 0 2px #9FD182; }
.r6ph-stage img { position: absolute; left: 0; top: 0; max-width: none; transform-origin: 0 0; pointer-events: none; -webkit-user-drag: none; }
.r6ph-ring { position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 999px rgba(7, 8, 8, .62), inset 0 0 0 2px rgba(239, 241, 246, .85); pointer-events: none; }
.r6ph-zl { flex: none; display: flex; align-items: center; gap: 12px; width: min(100%, 340px); min-height: 44px; margin-top: 18px; color: rgba(239, 241, 246, .6); }
.r6ph-zl input { flex: 1 1 auto; min-width: 0; height: 44px; margin: 0; accent-color: #9FD182; background: transparent; }
.r6ph-foot { flex: none; display: flex; gap: 12px; width: 100%; margin-top: 16px; }
.r6ph-b { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 56px; 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; transition: transform .34s cubic-bezier(.2, .9, .3, 1.25); }
.r6ph-b.go { background: #9FD182; box-shadow: 0 8px 22px rgba(0, 0, 0, .45); color: #101212; }
.r6ph-b svg { width: 19px; height: 19px; }
.r6ph-b:active { transform: scale(.965); }
.r6ph-b:focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .r6ph { animation: none; } .r6ph-b { transition: none; } }