.profile-photo-overlay { position: fixed; inset: 0; z-index: 1900; display: grid; place-items: center; padding: max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom)); background: rgba(10, 7, 24, .76); }
.profile-photo-card { width: min(100%, 390px); max-height: 100%; overflow-y: auto; overscroll-behavior: contain; box-sizing: border-box; padding: 26px 22px 20px; border-radius: 24px; border: 1px solid #9366d8; background: linear-gradient(150deg, #281444, #131329); color: #fff; text-align: center; box-shadow: 0 20px 70px #0008; }
.profile-photo-brand { font-weight: 900; letter-spacing: .2em; color: #dfb1ff; font-size: 15px; }
.profile-photo-card h2 { margin: 12px 0 8px; font-size: 24px; }
.profile-photo-card p { margin: 8px 0 16px; font-size: 14px; color: #ddd1ed; line-height: 1.45; }
.profile-photo-preview { width: 132px; height: 132px; margin: 20px auto; border-radius: 50%; padding: 4px; background: linear-gradient(135deg, #bc79ff, #ff976f); }
.profile-photo-preview img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; background: #282039; }
.profile-photo-preview img[hidden] { display: none; }
.profile-photo-preview svg { display: block; width: 100%; height: 100%; border-radius: 50%; background: #282039; color: #b998d4; }
.profile-photo-card button { min-height: 44px; border-radius: 12px; padding: 10px 15px; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.profile-photo-card button:focus-visible { outline: 3px solid #ffc977; outline-offset: 3px; }
.profile-photo-select { background: #36204e; border: 1px solid #9a6dcd; color: #fff; }
.profile-photo-actions { display: flex; gap: 10px; }
.profile-photo-actions button { flex: 1; }
.profile-photo-skip { background: transparent; color: #eee0ff; border: 1px solid #6f527e; }
.profile-photo-save { border: 0; color: #fff; background: linear-gradient(120deg, #8751da, #b84e96); }
.profile-photo-card button:disabled { opacity: .5; cursor: default; }
.profile-photo-card .profile-photo-status { min-height: 20px; margin: 12px 0; }
body.profile-photo-open { overflow: hidden; }