[data-profile-photo] .avatar.avatar-you{background-size:cover;border-radius:28%!important;overflow:hidden;filter:none;outline:1px solid #211e3014;outline-offset:3px}
.avatar[data-live-avatar]{background-position:center;background-size:cover;border-radius:28%;overflow:hidden;box-shadow:none}
.avatar[data-live-avatar]::before,.avatar[data-live-avatar]::after,.avatar[data-live-avatar] i{display:none}
.people-photo{width:100px;height:100px;object-fit:contain;flex:none}
.people-photo.is-photo{object-fit:cover;border-radius:28%;outline:1px solid #211e3014;outline-offset:3px}
.people-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:40px;color:#635765;font-size:14px;line-height:1.7}
#page-agora .people-orbit.is-searching{display:grid;place-items:center;background:linear-gradient(145deg,#fffaf4,#f4e8e5 48%,#e5e5f6)}
#page-agora .people-orbit.is-searching::before,#page-agora .people-orbit.is-searching::after,#page-agora .people-orbit.has-people::before,#page-agora .people-orbit.has-people::after{display:none}
.portal-bouncers{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.portal-bouncer-x,.portal-bouncer-y{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.portal-bouncer-y i{position:absolute;top:0;left:0;width:var(--ball-size);height:var(--ball-size);border-radius:50%;opacity:.48;box-shadow:inset -9px -10px 14px rgba(24,24,32,.12),inset 8px 8px 13px rgba(255,255,255,.62),0 10px 18px rgba(24,24,32,.08)}
.portal-bouncers.is-physics .portal-bouncer-x,.portal-bouncers.is-physics .portal-bouncer-y{animation:none!important}.portal-bouncers.is-physics .portal-bouncer-y i{will-change:transform;transition:filter .15s ease}.portal-bouncers.is-physics .portal-bouncer-y i.is-colliding{filter:brightness(1.18) saturate(1.1)}
.portal-bouncer-one{--ball-size:52px;animation:portal-dvd-x-one 8.7s linear -2.8s infinite alternate}.portal-bouncer-one .portal-bouncer-y{animation:portal-dvd-y-one 6.4s linear -1.7s infinite alternate}.portal-bouncer-one i{background:rgba(255,101,93,.5);background:color-mix(in srgb,var(--coral) 50%,transparent)}
.portal-bouncer-two{--ball-size:34px;animation:portal-dvd-x-two 11.2s linear -5.4s infinite alternate}.portal-bouncer-two .portal-bouncer-y{animation:portal-dvd-y-two 8.3s linear -3.1s infinite alternate}.portal-bouncer-two i{background:rgba(200,238,99,.55);background:color-mix(in srgb,var(--lime) 55%,transparent)}
.portal-bouncer-three{--ball-size:27px;animation:portal-dvd-x-three 7.4s linear -3.9s infinite alternate}.portal-bouncer-three .portal-bouncer-y{animation:portal-dvd-y-three 10.2s linear -7.2s infinite alternate}.portal-bouncer-three i{background:rgba(54,85,245,.38);background:color-mix(in srgb,var(--blue) 42%,transparent)}
.portal-bouncer-four{--ball-size:43px;animation:portal-dvd-x-four 13.1s linear -9.2s infinite alternate}.portal-bouncer-four .portal-bouncer-y{animation:portal-dvd-y-four 9.1s linear -4.6s infinite alternate}.portal-bouncer-four i{background:rgba(139,108,240,.4);background:color-mix(in srgb,var(--violet) 46%,transparent)}
@keyframes portal-dvd-x-one{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(100% - var(--ball-size)),0,0)}}
@keyframes portal-dvd-y-one{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(100% - var(--ball-size)),0)}}
@keyframes portal-dvd-x-two{from{transform:translate3d(calc(100% - var(--ball-size)),0,0)}to{transform:translate3d(0,0,0)}}
@keyframes portal-dvd-y-two{from{transform:translate3d(0,calc(100% - var(--ball-size)),0)}to{transform:translate3d(0,0,0)}}
@keyframes portal-dvd-x-three{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(100% - var(--ball-size)),0,0)}}
@keyframes portal-dvd-y-three{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(100% - var(--ball-size)),0)}}
@keyframes portal-dvd-x-four{from{transform:translate3d(calc(100% - var(--ball-size)),0,0)}to{transform:translate3d(0,0,0)}}
@keyframes portal-dvd-y-four{from{transform:translate3d(0,calc(100% - var(--ball-size)),0)}to{transform:translate3d(0,0,0)}}
.portal-search-label{position:relative;z-index:1;max-width:330px;margin:0;padding:30px;text-align:center;font:680 clamp(28px,2.7vw,42px)/1.02 var(--display);letter-spacing:-.045em;color:var(--ink)}
#page-agora .people-orbit.has-people{background:var(--paper-2)}
.compatible-people-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;overflow:hidden;background:var(--paper-2)}
.compatible-person{min-width:0;min-height:0;margin:0;display:grid;place-items:center;overflow:hidden;background:var(--person-tile,#ffd0c7)}
.compatible-person:nth-child(4n+2){--person-tile:#d9dcff}.compatible-person:nth-child(4n+3){--person-tile:#e4f6a5}.compatible-person:nth-child(4n+4){--person-tile:#ffe0b4}
.compatible-person .people-photo{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:contain;padding:7%;filter:none}
.compatible-person .people-photo.is-photo{object-fit:cover;padding:0;border-radius:0;outline:0}
.compatible-people-grid.count-1 .compatible-person{grid-column:1/-1;grid-row:1/-1}
.compatible-people-grid.count-2{grid-template-rows:1fr}
.compatible-people-grid.count-3 .compatible-person:first-child{grid-row:1/-1}
@media(max-width:767px){.portal-search-label{max-width:290px;padding:24px;font-size:30px}.compatible-people-grid{gap:3px}.portal-bouncer-one{--ball-size:42px}.portal-bouncer-two{--ball-size:28px}.portal-bouncer-three{--ball-size:22px}.portal-bouncer-four{--ball-size:35px}}
@media(prefers-reduced-motion:reduce){.portal-bouncers{display:none}}
.photo-upload{margin:18px 0}.photo-actions{display:flex;gap:10px;flex-wrap:wrap}.photo-actions button,.photo-button{padding:12px 17px;border:1px solid #2222;border-radius:12px;font-size:13px;cursor:pointer}.photo-button{background:#3946f5;color:white}.photo-button input{position:absolute;width:1px;height:1px;opacity:0}.photo-button:focus-within{outline:3px solid #8075ee;outline-offset:3px}.photo-upload p{font-size:12px;color:#686173}#photo-status{color:#3946c5}
#photo-crop{width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #fff8;border-radius:25px;padding:24px;background:#fffaf4;color:#24212e;box-shadow:0 20px 90px #211e3055}#photo-crop::backdrop{background:#19132290;backdrop-filter:blur(8px)}#photo-crop header,#photo-crop footer{display:flex;align-items:center;justify-content:space-between;gap:15px}#photo-crop h2{font-size:26px}#photo-crop p{font-size:12px;color:#716978}#photo-crop canvas{display:block;width:min(100%,320px);height:auto;margin:18px auto;border-radius:28%;touch-action:none;cursor:grab;outline:1px solid #211e3020;outline-offset:4px}#photo-crop label{display:grid;grid-template-columns:85px 1fr;gap:10px;font-size:12px;margin:14px 0}#photo-crop input{width:100%;accent-color:#3946f5}#photo-crop footer{margin-top:22px}#photo-crop button{padding:12px;border-radius:12px}#crop-save{background:#3946f5;color:#fff;padding-inline:24px!important}
@media(max-width:767px){#match-dialog .people-photo{width:85px;height:85px}}
/* Photo-first editor and direct-manipulation crop. */
.photo-upload{position:relative;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
#profile-photo-trigger{position:relative;width:116px;height:116px;padding:0;border:0;background:transparent;border-radius:28%;cursor:pointer;flex:none}
#profile-photo-current{display:block;width:100%;height:100%;object-fit:cover;border-radius:28%;outline:1px solid #211e301a;outline-offset:4px}
.photo-pencil{position:absolute;right:-7px;bottom:-5px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#3946f5;color:white;box-shadow:0 0 0 4px #fffaf4}
.photo-pencil svg{width:19px;height:19px}
#profile-photo-trigger:hover .photo-pencil{background:#2833d9;transform:translateY(-2px)}
#photo-options{position:relative;display:grid;min-width:220px;padding:8px;border:1px solid #24212e14;background:#fffdf9;border-radius:16px;box-shadow:0 12px 30px #24212e0d}
#photo-options[hidden],#photo-options button[hidden],#profile-avatar-choice[hidden]{display:none!important}
#photo-options button{text-align:left;padding:11px 13px;border-radius:9px;min-height:42px;font-size:13px}#photo-options button:hover{background:#3946f50c}#profile-photo-remove{color:#b53742}#photo-options small{font-size:10px;color:#77717d;padding:9px 13px}
#photo-status:empty{display:none}#profile-photo-trigger:focus-visible{outline:3px solid #3946f5;outline-offset:8px}
#photo-crop .crop-stage{position:relative;margin:20px -8px;background:#292630;border-radius:15px;overflow:hidden;isolation:isolate}
#photo-crop canvas{width:100%;max-width:none;margin:0;border-radius:0;outline:0;cursor:grab;touch-action:none}
#photo-crop canvas:active{cursor:grabbing}
#photo-crop .crop-mask{position:absolute;inset:10%;border-radius:28%;border:2px solid #fff;box-shadow:0 0 0 160px #14111da6;pointer-events:none}
#photo-crop .crop-zoom-label{grid-template-columns:45px 1fr;align-items:center;margin:20px 0}
#photo-crop button{min-height:44px}#crop-cancel{min-width:44px}#photo-crop canvas:focus-visible{outline:3px solid #8f87ff;outline-offset:-3px}
@media(max-width:480px){#photo-crop{padding:20px}#photo-crop h2{font-size:23px}#photo-options{min-width:180px;flex:1}}
@media(prefers-reduced-motion:no-preference){.photo-pencil{transition:transform .18s,background .18s}}

.profile-interest-editor{padding:26px;border-top:1px solid var(--line)}.profile-interest-editor h3{font:700 27px var(--display);margin:0}.profile-interest-editor p,.profile-interest-editor label{font-size:13px;color:var(--muted)}.profile-interest-editor form{display:grid;gap:12px}.profile-interest-editor input{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2)}.profile-interest-editor button{justify-self:start;min-height:44px;padding:12px 18px;border-radius:12px;background:var(--blue);color:var(--paper-2)}.profile-interest-editor :is(button,input):focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#profile-dna-options{display:flex;flex-wrap:wrap;gap:8px;max-height:260px;overflow-y:auto;padding:5px}
#profile-dna-options button{border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:12px;background:var(--paper-2);color:var(--ink)}
#profile-dna-options button[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:var(--paper-2)}
.account-logout{margin-top:24px;padding:12px;border:1px solid #24212e33;border-radius:12px}