/* TLTCHAT social UI refresh — additive styles; respects the selected theme. */
:root{--social-radius:18px;--social-line:rgba(148,163,184,.22);--social-shadow:0 12px 34px rgba(2,8,23,.10);--social-focus:rgba(139,92,246,.28)}
html{scroll-behavior:auto;scroll-padding-top:88px}
body{overflow-x:clip}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--social-focus);outline-offset:2px}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;min-width:0;border-radius:12px;transition:border-color .15s,box-shadow .15s}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{box-shadow:0 0 0 3px var(--social-focus)}
:where(button,.btn,[role=button]){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:where(.btn,button){transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}
:where(.btn,button):not(:disabled):active{transform:translateY(1px)}
.top{z-index:1000;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.drawer{z-index:1200;overscroll-behavior:contain}
.drawer-overlay{z-index:1190}
:where(.card,.pp-panel,.like-card,.dating-card,.gift-card,.vip-plan,.message-card,.friend-card){min-width:0;overflow-wrap:anywhere}
:where(.dating-grid,.likes-grid,.pp-gifts-grid,.gift-grid){align-items:stretch}
:where(.dating-card,.like-card,.gift-card){box-sizing:border-box}
:where(.dating-card){display:flex;flex-direction:column;height:100%}
:where(.dating-card-body){display:flex;flex-direction:column;flex:1;min-width:0}
:where(.dating-card-actions){margin-top:auto;padding-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
:where(.dating-card-actions button,.dating-card-actions a,.like-card-actions .btn){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
:where(.dating-like-form){display:inline-flex;flex:0 0 auto;max-width:100%;margin:0}
:where(.dating-like-form button,.like-button,.dating-like){box-sizing:border-box;inline-size:44px;min-inline-size:44px;max-inline-size:100%;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;border-radius:14px;overflow:hidden}
:where(.pp-gift-card){box-sizing:border-box;min-width:0;border-radius:16px;gap:10px}
:where(.pp-gift-owner-actions){display:flex;flex-wrap:wrap;gap:6px;min-width:0}
:where(.pp-gift-owner-actions button){min-height:34px;max-width:100%;white-space:normal}
:where(.pp-gift-sender p){max-width:100%;overflow-wrap:anywhere;word-break:break-word}
:where(.shop-wrap,.stage-inner,.public-profile-page,.likes-page){box-sizing:border-box;width:100%;min-width:0}
:where(.shop-head,.shop-wallet,.vip-actions,.btn-row){flex-wrap:wrap;min-width:0}
:where(.shop-wallet .sum,.top-bal){font-variant-numeric:tabular-nums}
:where(.gift-card img,.pp-gift-art img,.pp-avatar,.pp-photo img){max-width:100%}
:where(.alert,.notice,.toast){overflow-wrap:anywhere}
form{min-width:0}
form button[type=submit]{max-width:100%}
img{height:auto}
img.lightbox,.pp-photo img,.pp-avatar,.gift-card img,.pp-gift-art img{object-fit:contain}
@media(max-width:720px){
  .stage-inner{padding-left:12px!important;padding-right:12px!important}
  :where(.card,.pp-panel,.likes-empty){border-radius:16px}
  :where(.dating-grid,.likes-grid){grid-template-columns:minmax(0,1fr)!important}
  :where(.dating-card-actions){align-items:stretch}
  :where(.dating-card-actions .btn,.dating-card-actions a){flex:1 1 auto}
  :where(.dating-like-form){flex:0 0 auto}
  :where(.top-right){gap:7px}
  :where(.top-pay){max-width:40vw;overflow:hidden;text-overflow:ellipsis}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}