/* Shared requested controls. Keep geometry identical when a reaction changes. */
:root{--sponsa-pink:#ed326b;--sponsa-pink-fill:linear-gradient(135deg,#f45c83 0%,#ed326b 55%,#db245d 100%)}
[data-social-form]:has(input[value="liked"]) .social-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--sponsa-pink);border:1px solid var(--sponsa-pink)}
[data-social-form]:has(input[value="liked"]) .social-button:hover{background:#fff;color:var(--sponsa-pink);border-color:var(--sponsa-pink);box-shadow:0 0 0 1px var(--sponsa-pink);text-shadow:0 0 .4px currentColor}
[data-social-form]:has(input[value="liked"]) .social-button.active,[data-social-form]:has(input[value="liked"]) .social-button.active:hover{background:var(--sponsa-pink-fill);color:#fff;border-color:var(--sponsa-pink)}
.like-heart{display:inline-block;width:1em;visibility:hidden}.social-button.active .like-heart{visibility:visible}
.service-confirm button,.service-confirm a.button,a.button[href="/account/balance"],.services-grid a.button,a.button[href^="/account/services/bump-profile"]{background:var(--sponsa-pink-fill);color:white;border:1px solid var(--sponsa-pink)}
.service-back{display:none}.mail-explanation{font-size:16px;color:#30252b;line-height:1.5}
.photo-viewer{padding:4px!important;box-sizing:border-box}.photo-viewer .viewer-image{width:100%;height:100%;max-height:100%;object-fit:contain}
.photo-viewer .viewer-prev,.photo-viewer .viewer-next{width:64px;height:64px;top:calc(50% - 32px);background:#181018b3}
.photo-viewer .viewer-prev svg,.photo-viewer .viewer-next svg{width:44px!important;height:44px!important}
.photo-viewer .viewer-close{display:grid;place-items:center;line-height:1}.photo-viewer .viewer-close svg{display:block}
@media(max-width:700px){
 .service-back{display:block}
 header .top{grid-template-columns:minmax(0,1fr) max-content 44px;gap:6px}
 header .top>.guest-header-auth{width:auto!important;min-width:0!important;max-width:none!important}
 header .top>.guest-header-auth a{width:auto!important;min-width:0!important;padding:10px 12px!important;font-size:16px!important;box-sizing:border-box;letter-spacing:normal}
 header .top>.brand{width:100%!important;min-width:0!important;max-width:190px!important}
 header .top>.brand .brand-logo{width:100%!important;min-width:0!important;max-width:190px!important}
}

[data-social-form]:has(input[value="liked"]) .social-button.active{box-shadow:none}