:root{--ink:#1d2024;--muted:#6f6a6d;--pink:#f7c8df;--pink-strong:#ed75b7;--blue:#68b8ec;--green:#2ecf6b;--paper:#fff}
*{box-sizing:border-box}
html{scrollbar-gutter:stable}
body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,Arial,sans-serif}
button,input,select{font:inherit}
button{color:inherit}
.page-loader{position:fixed;z-index:100;inset:0;display:grid;place-content:center;justify-items:center;gap:17px;background:rgba(255,255,255,.94);transition:opacity .42s ease,visibility .42s ease}.page-loader.done{opacity:0;visibility:hidden;pointer-events:none}.page-loader p{margin:0;color:#6c6267;font-size:14px;font-weight:700}.capybara-loader{position:relative;width:124px;height:124px;overflow:hidden;border:2px solid #eee8eb;border-radius:50%;background:linear-gradient(145deg,#fff,#fff5fa);box-shadow:0 12px 38px rgba(78,51,65,.1)}.loader-capybara{position:absolute;left:50%;top:50%;width:76px;height:76px;overflow:hidden;border-radius:50%;transform:translate(-210%,-50%);animation:capybara-pass 2.25s cubic-bezier(.55,.05,.45,.95) infinite}.loader-capybara img{position:absolute;width:190px;height:190px;max-width:none;left:-103px;top:-1px;object-fit:contain}.loader-capybara-two{animation-delay:.75s}.loader-capybara-two img{filter:hue-rotate(155deg) saturate(.82) brightness(1.2)}.loader-capybara-three{animation-delay:1.5s}.loader-capybara-three img{left:-11px;transform:scaleX(-1);filter:hue-rotate(175deg) saturate(.6) brightness(1.42)}@keyframes capybara-pass{0%{transform:translate(-210%,-50%) rotate(-6deg);opacity:0}13%{opacity:1}45%{transform:translate(-50%,-50%) rotate(2deg);opacity:1}70%{opacity:1}88%,100%{transform:translate(110%,-50%) rotate(-3deg);opacity:0}}
.search-header{max-width:1360px;margin:0 auto;padding:38px 34px 28px;display:flex;align-items:center;justify-content:space-between}
.search-heading{display:flex;align-items:center;gap:32px}
.search-heading h1{margin:0;font-size:27px;line-height:1;font-weight:700;letter-spacing:-1px}
.filter-button{position:relative;width:42px;height:42px;border:0;background:transparent;cursor:pointer}
.filter-button span{position:absolute;top:9px;width:4px;height:25px;border-radius:99px;background:#2b292a}
.filter-button span:first-child{left:12px}.filter-button span:last-child{right:12px}
.filter-button span:before{content:"";position:absolute;left:50%;width:10px;height:10px;border-radius:50%;background:#2b292a;transform:translateX(-50%)}
.filter-button span:first-child:before{top:5px}.filter-button span:last-child:before{bottom:4px}
.search-logo{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}
.search-logo img{width:42px;height:42px;object-fit:contain}
.search-logo b{font-size:24px;letter-spacing:-1.2px}.search-logo span{color:var(--pink-strong)}
main{max-width:1360px;margin:0 auto;padding:22px 34px 70px}
.search-with-chat{max-width:1600px;padding:22px 42px 70px}
.profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 30px}
.profile-card{min-width:0;cursor:pointer}
.profile-card.just-added{animation:card-appear .48s cubic-bezier(.2,.75,.25,1) both}@keyframes card-appear{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.profile-photo{position:relative;overflow:hidden;aspect-ratio:.78;background:#f3f0f1;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-radius .35s}
.profile-card[class*="mask-"] .profile-photo{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;border-radius:0}
.profile-card.mask-1 .profile-photo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Cpath d='M8 2C28 0 42 4 59 2C79 0 94 4 97 13C99 38 97 63 99 88C101 111 97 126 87 128C64 131 45 126 21 129C7 130 2 121 2 108C1 80 4 52 1 24C0 11 3 5 8 2Z'/%3E%3C/svg%3E")}
.profile-card.mask-2 .profile-photo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Cpath d='M12 1C31 3 48 0 70 3C91 5 98 11 98 25C96 49 100 72 97 101C96 120 90 129 76 128C57 126 35 131 15 127C4 124 1 115 3 96C5 70 0 45 3 18C4 8 7 3 12 1Z'/%3E%3C/svg%3E")}
.profile-card.mask-3 .profile-photo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Cpath d='M7 4C23-1 39 2 54 1C74 0 94 1 98 12C101 29 96 48 99 67C102 91 98 118 91 126C81 133 62 126 45 129C27 132 8 128 4 117C0 99 3 78 2 58C0 38 0 14 7 4Z'/%3E%3C/svg%3E")}
.profile-card.mask-4 .profile-photo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Cpath d='M15 2C32 0 50 5 67 2C83-1 96 5 98 18C100 41 97 58 99 83C101 108 96 125 82 128C62 130 49 126 28 129C11 131 3 123 2 110C0 86 4 65 2 40C0 18 5 5 15 2Z'/%3E%3C/svg%3E")}
.profile-card.mask-5 .profile-photo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Cpath d='M9 1C29 4 44 0 65 2C87 4 98 9 97 27C96 47 100 67 98 91C96 115 91 128 73 127C55 126 38 131 17 128C5 126 1 116 3 99C5 75 0 51 2 25C3 10 5 4 9 1Z'/%3E%3C/svg%3E")}
.profile-card.mask-6 .profile-photo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Cpath d='M13 3C30-2 52 4 72 1C91-1 99 8 98 22C96 43 100 62 98 80C96 101 101 119 89 126C77 133 60 126 40 129C21 132 5 126 3 113C0 93 4 72 2 48C0 26 2 8 13 3Z'/%3E%3C/svg%3E")}
.profile-card.mask-7 .profile-photo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Cpath d='M6 7C18 0 38 3 56 1C76-1 92 2 97 11C101 28 96 52 99 75C102 97 98 119 93 125C85 132 67 127 52 129C31 132 12 129 6 120C0 108 3 88 2 67C1 43-2 17 6 7Z'/%3E%3C/svg%3E")}
.profile-card.mask-8 .profile-photo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Cpath d='M17 1C35 0 48 5 63 2C80-1 95 4 98 16C100 36 97 56 99 77C101 98 96 122 85 127C70 131 53 126 34 129C15 132 4 124 3 111C1 87 5 68 2 43C0 22 6 5 17 1Z'/%3E%3C/svg%3E")}
.profile-card.mask-9 .profile-photo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Cpath d='M10 2C25 1 43 4 60 1C81-2 96 5 97 20C98 43 100 62 98 86C96 108 99 122 88 127C75 132 58 126 39 129C20 132 7 127 3 116C0 100 4 77 2 55C0 31 1 9 10 2Z'/%3E%3C/svg%3E")}
.profile-card.mask-10 .profile-photo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Cpath d='M14 2C33 4 49 0 69 3C89 6 97 12 98 29C99 49 96 70 99 94C101 113 94 127 79 128C60 129 44 126 24 129C9 131 2 121 3 104C4 82 0 60 2 37C3 17 5 5 14 2Z'/%3E%3C/svg%3E")}
.profile-card:hover .profile-photo{transform:translateY(-6px) rotate(.35deg);box-shadow:0 22px 46px rgba(59,42,51,.14)}
.profile-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.profile-card:hover .profile-photo img{transform:scale(1.035)}
.profile-meta{display:flex;align-items:center;gap:5px;padding:11px 8px 0;font-size:21px;line-height:1.15;font-weight:800;letter-spacing:-.7px}
.verified{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#58b5f2;color:#fff;font-size:11px}.verified:after{content:"✓";font-weight:800}
.online-dot{width:9px;height:9px;border-radius:50%;background:var(--green)}
.promo-card{min-height:100%;border-radius:62px 48px 62px 54px;background:#f9d7e8;padding:24px 20px 28px;display:flex;flex-direction:column;align-items:center;text-align:center}
.promo-visual{display:grid;place-items:center;flex:1;min-height:210px;width:100%}.promo-visual svg{display:block;width:min(260px,100%);height:auto;overflow:visible}.promo-arrow{fill:#ef78b9}.promo-cloud{fill:#fff}
.promo-card p{font-size:18px;line-height:1.35;margin:8px 0 20px}
.promo-card button{width:100%;border:0;border-radius:999px;background:#252223;color:#fff;padding:14px;font-size:17px;font-weight:800;cursor:pointer;transition:.2s}.promo-card button:hover{background:#ed75b7;transform:translateY(-2px)}
.feed-loader{display:flex;flex-direction:column;align-items:center;gap:13px;padding:42px 0 18px}.feed-loader[hidden]{display:none!important}.feed-loader .capybara-loader{width:96px;height:96px}.feed-loader .loader-capybara{width:62px;height:62px}.feed-loader .loader-capybara img{width:155px;height:155px;left:-84px;top:-1px}.feed-loader .loader-capybara-three img{left:-10px}.feed-loader p{margin:0;color:#756c70;font-size:13px;font-weight:700}.feed-sentinel{height:2px}
.empty-state{text-align:center;padding:80px 20px}.empty-state img{width:150px}.empty-state h2{font-size:30px;margin:5px 0}.empty-state p{color:var(--muted)}.empty-state button{border:0;border-radius:99px;background:#222;color:#fff;padding:13px 24px;font-weight:700}
.filter-panel{position:fixed;z-index:30;right:0;top:0;width:min(430px,100%);height:100dvh;padding:46px 42px;background:#f7d6e6;transform:translateX(105%);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 60px #4b284425}
.filter-panel.open{transform:none}.panel-overlay{position:fixed;z-index:29;inset:0;background:#18111555;opacity:0;pointer-events:none;transition:.3s}.panel-overlay.open{opacity:1;pointer-events:auto}
.panel-close,.dialog-close{position:absolute;right:22px;top:18px;width:42px;height:42px;border:0;background:#fff9;border-radius:50%;font-size:28px;cursor:pointer}
.eyebrow{margin:0 0 8px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.8px;color:#9a5277}.filter-panel h2{font-size:32px;line-height:1.1;margin:0 0 30px;letter-spacing:-1.2px}
#filter-form{display:grid;gap:18px}#filter-form>label,.age-row label{display:grid;gap:7px;font-size:13px;font-weight:700}
#filter-form input,#filter-form select{width:100%;border:0;border-radius:16px;background:#fff;padding:14px 15px;outline:0}
.age-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.switch-row{display:flex!important;align-items:center;justify-content:space-between}.switch-row input{position:absolute;opacity:0;width:1px!important}.switch-row i{position:relative;width:52px;height:30px;border-radius:99px;background:#fff;transition:.2s}.switch-row i:after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#bbb;transition:.2s}.switch-row input:checked+i{background:#252223}.switch-row input:checked+i:after{left:26px;background:#fff}
.apply-filter,.reset-filter{border:0;border-radius:99px;padding:15px;font-weight:800;cursor:pointer}.apply-filter{margin-top:12px;background:#252223;color:#fff}.reset-filter{background:transparent}
.profile-dialog{width:min(1160px,calc(100% - 30px));height:min(860px,calc(100dvh - 42px));padding:0;border:0;border-radius:46px;overflow:hidden;background:#fff;box-shadow:0 30px 100px #27182155}.profile-dialog::backdrop{background:#1f171b88;backdrop-filter:blur(4px)}
.profile-dialog[open]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(370px,.75fr)}
.dialog-close{z-index:8;background:#2e2a2bcc;color:#fff}
.dialog-photo-wrap{position:relative;min-height:0;background:#eee;overflow:hidden}.dialog-photo-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s}.dialog-photo-wrap img.changing{opacity:.18}
.photo-nav{position:absolute;top:50%;width:48px;height:48px;transform:translateY(-50%);border:0;border-radius:50%;background:#fffbd9;color:#272324;font-size:34px;line-height:1;cursor:pointer;box-shadow:0 7px 20px #20151b30;-webkit-tap-highlight-color:transparent;outline:none;appearance:none;user-select:none}.photo-nav:focus{outline:none}.photo-nav:focus-visible{box-shadow:0 0 0 3px rgba(237,117,183,.35),0 7px 20px #20151b30}.photo-prev{left:20px}.photo-next{right:20px}.photo-count{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);padding:7px 13px;border-radius:99px;background:#211c1db8;color:#fff;font-size:12px;font-weight:800}
.dialog-side{position:relative;display:flex;min-height:0;flex-direction:column;background:#fff;overflow:hidden}.dialog-scroll{min-height:0;overflow-y:auto;padding:44px 42px 190px;scrollbar-width:thin;scrollbar-color:#999 transparent}
.dialog-copy h2,.dialog-side h2{font-size:43px;line-height:1;margin:12px 0 9px;letter-spacing:-1.8px}.dialog-location{margin:0 0 30px;color:var(--muted);font-size:17px;font-weight:600}.dialog-status{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#2a9c54}.dialog-status i{width:9px;height:9px;border-radius:50%;background:var(--green)}.dialog-verified{order:-1;color:#4baef0}.dialog-verified[hidden]{display:none}
.profile-section{margin:0 0 31px}.profile-section h3,.about-card h3{width:max-content;margin:0 0 13px;font-size:15px;font-weight:600;border-bottom:2px wavy #b7b1b3}.profile-section p{margin:0}.dialog-looking{font-size:23px;line-height:1.3;font-weight:800}.goal-list,.interest-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.goal-list span{font-weight:700}.goal-list span:before{content:"●";margin-right:8px;color:var(--pink-strong)}.interest-list span{padding:7px 15px;border-radius:999px;background:#fde9f3;color:#655e61;font-size:16px;font-weight:700}
.about-card{position:relative;margin:0 0 31px;padding:24px 25px 29px;border-radius:28px 28px 42% 30%;background:#ffede7}.about-card h3{display:flex;width:100%;justify-content:space-between}.about-card h3 span{color:#c8babc;font-size:29px}.about-card p{margin:0;font-size:18px;line-height:1.47;white-space:pre-line}
.section-value{font-size:25px;font-weight:700}.detail-list{display:grid;gap:12px}.detail-list p{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;font-size:20px;line-height:1.3;font-weight:700;color:#625b5e}.detail-list p>span{color:inherit}.detail-icon{width:23px;height:23px;color:#777174;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dialog-footer{position:absolute;z-index:4;left:0;right:0;bottom:0;isolation:isolate;overflow:hidden;padding:72px 32px 22px;text-align:center;background:rgba(255,238,250,.58);-webkit-backdrop-filter:blur(32px) saturate(140%);backdrop-filter:blur(32px) saturate(140%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.72) 26%,#000 48%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.72) 26%,#000 48%,#000 100%);box-shadow:inset 0 -1px rgba(255,255,255,.5);pointer-events:none}.dialog-footer:before{content:"";position:absolute;z-index:-1;inset:18px -45px -50px;background:radial-gradient(circle at 12% 85%,rgba(194,140,255,.78) 0 14%,transparent 38%),radial-gradient(circle at 88% 50%,rgba(255,104,191,.76) 0 18%,transparent 45%),radial-gradient(circle at 50% 105%,rgba(255,192,225,.95) 0 26%,transparent 62%);filter:blur(28px);opacity:.72}.dialog-footer:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.5),rgba(255,255,255,.05) 48%,rgba(255,255,255,.28));pointer-events:none}.dialog-footer strong,.dialog-footer button{position:relative;z-index:1;pointer-events:auto}.dialog-footer strong{display:block;margin-bottom:10px;color:#ed4fb2;font-size:43px;line-height:1;text-shadow:0 4px 20px rgba(239,85,181,.18)}.dialog-action{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(31,28,29,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:15px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(38,25,32,.14)}
@media(max-width:900px){.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-dialog[open]{grid-template-columns:1fr 1fr}.dialog-scroll{padding:38px 28px}.dialog-side h2{font-size:36px}}
@media(max-width:650px){
 .search-header{padding:20px 16px 10px}.search-heading{gap:12px}.search-heading h1{font-size:24px}.search-logo b{display:none}.search-logo img{width:38px;height:38px}
 main{padding:18px 12px 50px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 11px}.profile-meta{font-size:15px;padding:8px 4px 0;gap:3px}.verified{width:15px;height:15px;font-size:9px}.online-dot{width:7px;height:7px}
 .promo-card{border-radius:32px;padding:12px 10px 16px;min-height:100%}.promo-visual{min-height:120px}.promo-visual svg{width:min(150px,100%)}.promo-card p{font-size:12px;margin:5px 0 12px}.promo-card button{font-size:13px;padding:10px}
 .feed-loader{padding-top:30px}
 .filter-panel{padding:42px 24px}.filter-panel h2{font-size:28px}
 .profile-dialog{height:94dvh;overflow:hidden}.profile-dialog[open]{position:relative;display:block;overflow-y:auto;border-radius:30px}.dialog-photo-wrap{height:58dvh}.dialog-side{min-height:auto;overflow:visible}.dialog-scroll{overflow:visible;padding:30px 25px 190px}.dialog-side h2{font-size:34px}.dialog-footer{position:absolute;bottom:0;z-index:3}.photo-nav{width:44px;height:44px}.dialog-close{position:absolute;right:12px;top:12px;width:46px;height:46px;line-height:1}
}

/* Photo controls stay visually clean during taps and swipes on iOS. */
.profile-dialog .dialog-close{background:transparent!important;color:#fff;box-shadow:none!important;text-shadow:0 2px 8px rgba(0,0,0,.9);-webkit-tap-highlight-color:transparent;outline:none!important;appearance:none}
.profile-dialog .dialog-close:focus,.profile-dialog .dialog-close:focus-visible,.profile-dialog .dialog-close:active{background:transparent!important;box-shadow:none!important;outline:none!important}
.profile-dialog .photo-nav{padding:0;border:0;border-radius:0;background:transparent!important;color:#fff;font-size:48px;line-height:42px;box-shadow:none!important;text-shadow:0 2px 9px rgba(0,0,0,.9);-webkit-tap-highlight-color:transparent;outline:none!important;appearance:none}
.profile-dialog .photo-nav:focus,.profile-dialog .photo-nav:focus-visible,.profile-dialog .photo-nav:active{background:transparent!important;box-shadow:none!important;outline:none!important}
.profile-dialog .photo-count{padding:0;background:transparent;color:#fff;font-size:13px;text-shadow:0 2px 8px rgba(0,0,0,.95);-webkit-tap-highlight-color:transparent}
.mobile-profile-actions{display:none}

@media(min-width:651px){
 .profile-dialog[open] .dialog-photo-wrap>.mobile-profile-actions{position:absolute;z-index:12;left:50%;bottom:34px;display:flex;align-items:center;justify-content:center;gap:24px;transform:translateX(-50%)}
 .profile-dialog[open] .dialog-photo-wrap>.mobile-profile-actions button{width:82px;height:82px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(23,17,20,.28);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;transition:transform .18s ease,box-shadow .18s ease}
 .profile-dialog[open] .dialog-photo-wrap>.mobile-profile-actions button:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(23,17,20,.32)}
 .profile-dialog[open] .dialog-photo-wrap>.mobile-profile-actions .mobile-profile-message{border:8px solid #f7bfe1;color:#2d292b}
 .profile-dialog[open] .dialog-photo-wrap>.mobile-profile-actions .mobile-profile-message span{position:relative;width:31px;height:24px;border-radius:50%;background:currentColor}
 .profile-dialog[open] .dialog-photo-wrap>.mobile-profile-actions .mobile-profile-message span:after{content:"";position:absolute;left:3px;bottom:-7px;width:12px;height:11px;background:currentColor;clip-path:polygon(0 0,100% 25%,20% 100%)}
 .profile-dialog[open] .dialog-photo-wrap>.mobile-profile-actions .mobile-profile-like{color:#ef5c98;font-size:44px;line-height:1}
 .profile-dialog[open] .photo-count{bottom:128px}
}

@media(max-width:650px){
 .profile-dialog{background:#fff}.profile-dialog::backdrop{background:#fff;backdrop-filter:none}
 .profile-dialog[open]{position:fixed;inset:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;display:block;overflow-y:auto;overscroll-behavior:contain;border-radius:0;box-shadow:none}
 .profile-dialog .dialog-photo-wrap{height:62dvh;min-height:420px}
 .profile-dialog .dialog-scroll{padding-bottom:30px}
 .profile-dialog .dialog-footer{position:relative;left:auto;right:auto;bottom:auto;display:block;min-height:210px;padding:70px 24px 125px}
 .profile-dialog .dialog-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:14px;z-index:30}
 .mobile-profile-actions{position:fixed;z-index:25;left:50%;bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:22px;transform:translateX(-50%);pointer-events:none}
 .mobile-profile-actions button{width:64px;height:64px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 8px 28px rgba(28,20,24,.22);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;-webkit-tap-highlight-color:transparent;outline:none}
 .mobile-profile-message{border:6px solid #f7bfe1!important;color:#2d292b}.mobile-profile-message span{position:relative;width:25px;height:19px;border-radius:50%;background:currentColor}.mobile-profile-message span:after{content:"";position:absolute;left:2px;bottom:-5px;width:10px;height:9px;background:currentColor;clip-path:polygon(0 0,100% 25%,20% 100%)}
 .mobile-profile-like{color:#ef5c98;font-size:35px;line-height:1}
 .mobile-profile-actions button:focus,.mobile-profile-actions button:focus-visible,.mobile-profile-actions button:active{outline:none;box-shadow:0 8px 28px rgba(28,20,24,.22)}
}

@media(max-width:650px){
 body.profile-dialog-open{overflow:hidden;background:#fff}
 body.profile-dialog-open:before{content:"";position:fixed;z-index:1100;left:0;right:0;top:0;height:max(90px,env(safe-area-inset-top));background:#fff;pointer-events:none}
 .profile-dialog[open]{top:0!important;right:0!important;bottom:0!important;left:0!important;inset:0!important;padding-top:max(42px,env(safe-area-inset-top));transform:none!important;background:#fff}
 .profile-dialog .dialog-photo-wrap{position:relative;background:#fff}
 .profile-dialog .dialog-photo-wrap:before{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:72px;background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,.72) 32%,transparent 100%);pointer-events:none}
 .profile-dialog .dialog-photo-wrap img{transition:none!important;opacity:1!important}
 .profile-dialog .dialog-side{background:#fff}
 .profile-dialog .photo-nav{width:42px;height:64px;font-size:0;line-height:0;text-shadow:none!important;filter:none!important;mix-blend-mode:normal;-webkit-transform:translateY(-50%) translateZ(0);transform:translateY(-50%) translateZ(0);contain:layout paint}
 .profile-dialog .photo-nav:before{content:"";position:absolute;top:50%;width:18px;height:18px;border-top:3px solid #fff;border-right:3px solid #fff;filter:none}
 .profile-dialog .photo-prev:before{left:13px;transform:translateY(-50%) rotate(-135deg)}
 .profile-dialog .photo-next:before{right:13px;transform:translateY(-50%) rotate(45deg)}
 .profile-dialog .photo-count{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;contain:none;color:#fff}
 .profile-dialog .dialog-close{background:none!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;contain:none}
 .profile-dialog .dialog-close{z-index:2147483647!important;top:max(14px,calc(env(safe-area-inset-top) + 10px))!important;right:14px!important;width:56px!important;height:56px!important;display:grid!important;place-items:center;border:0!important;border-radius:50%!important;background:#747173!important;color:#fff!important;font-size:0!important;line-height:1!important;box-shadow:0 5px 18px rgba(0,0,0,.28)!important;overflow:visible!important}
 .profile-dialog .dialog-close:before,.profile-dialog .dialog-close:after{content:"";position:absolute;left:16px;top:27px;width:24px;height:3px;border-radius:4px;background:#fff;pointer-events:none}
 .profile-dialog .dialog-close:before{transform:rotate(45deg)}
 .profile-dialog .dialog-close:after{transform:rotate(-45deg)}
}