/* Android/WebView: remove extra top gap caused by safe-area top padding */
.chat-modern{padding-top:0 !important;}
/* WebView compatibility: prevent input overlap without resizing */
#mkr .modal-dialog,#cooment .modal-dialog{margin-left:auto;margin-right:auto;float:none;}
#mkr .modal-body{overflow:auto;-webkit-overflow-scrolling:touch;max-height:70vh;}
#mkr .modal-body input{float:none;clear:both;}
#cooment .modal-body{overflow:auto;-webkit-overflow-scrolling:touch;max-height:70vh;}
/* Keep comments modal fully visible on WebView */
#cooment .il-d2de95f4{right:auto !important;left:auto !important;}
#cooment .modal-dialog{width:calc(100% - 20px);max-width:420px;box-sizing:border-box;}
#cooment .modal-content,#cooment .modal-body{box-sizing:border-box;}
#cooment .rplaymsg,#cooment #rmsg,#cooment #coomentes{width:100%;box-sizing:border-box;}
#cooment .comentmsg{width:100%;box-sizing:border-box;overflow:hidden;}
/* Override blue/purple bar color */
.chat-modern .mic-music-now.hidden-by-panel{display:none !important;}
.chat-modern .wall-bc-yt-toggle{padding:5px;width:34px;}
/* Profile mini (scoped) */
#dpnl.profile-mini #settings{padding:0;overflow:auto;clear:both;}
#dpnl.profile-mini .profile-mini-top{position:sticky;top:0;z-index:7000;background:#f4f3f1;}
#dpnl.profile-mini .profile-mini-cover{position:relative;min-height:170px;border-bottom:1px solid rgba(0,0,0,0.08);overflow:hidden;}
#dpnl.profile-mini .profile-mini-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;}
#dpnl.profile-mini .profile-mini-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55));pointer-events:none;}
#dpnl.profile-mini .profile-mini-cover-controls{position:absolute;top:10px;left:10px;display:flex;gap:8px;z-index:6;}
#dpnl.profile-mini .profile-mini-avatar-wrap{position:relative;z-index:2;padding-top:46px;text-align:center;}
#dpnl.profile-mini .profile-mini-avatar{width:88px;height:88px;border-radius:50%;border:3px solid rgba(255,255,255,.9);object-fit:cover;background:#fff;}
#dpnl.profile-mini .profile-mini-avatar-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;display:flex;gap:8px;z-index:6;}
#dpnl.profile-mini .profile-mini-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.55);background:rgba(18,18,18,.6);color:#fff;cursor:pointer;}
#dpnl.profile-mini .profile-mini-icon-btn.is-danger{background:rgba(160,28,28,.72);}
#dpnl.profile-mini .profile-mini-meta{position:relative;z-index:2;text-align:center;color:#fff;padding:14px 0 12px;}
#dpnl.profile-mini .profile-mini-name{font-size:33px;font-weight:800;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.35);}
#dpnl.profile-mini .profile-mini-badges{display:flex;gap:8px;justify-content:center;margin-top:6px;}
#dpnl.profile-mini .profile-mini-badge{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border-radius:999px;background:rgba(20,20,20,.58);font-size:13px;}
#dpnl.profile-mini .profile-mini-tabs{display:flex;gap:8px;padding:10px;background:rgba(255,255,255,.88);border-top:1px solid rgba(0,0,0,.05);}
#dpnl.profile-mini .profile-mini-tab{flex:1;min-height:34px;border:1px solid rgba(0,0,0,.1);background:transparent;border-radius:9px;font-weight:700;cursor:pointer;}
#dpnl.profile-mini .profile-mini-tab.is-active{background:rgba(0,0,0,.08);}
#dpnl.profile-mini .profile-mini-sections{padding:8px 10px 14px;}
#dpnl.profile-mini #settings .il-2bdfbea1{z-index:1 !important;}
#dpnl.profile-mini #settings [data-action="profile-colors-reset"]{
  width:100%;
  margin:6px 0 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
#dpnl.profile-mini #settings .profile-bg-color-row{
  display:none !important;
}
#dpnl.profile-mini .profile-mini-section{display:none;}
#dpnl.profile-mini .profile-mini-section.is-active{display:block;}
#dpnl.profile-mini .profile-mini-section .label.tc.border.btn,#dpnl.profile-mini .profile-mini-section .il-f19ea82b{width:100%;margin:6px 0;display:flex;align-items:center;justify-content:center;gap:8px;}
#dpnl.profile-mini #settings .mobile-prompt-input{
  cursor:pointer;
  -webkit-user-select:none;
  user-select:none;
}
#dpnl.profile-mini #settings textarea.stopic,
#dpnl.profile-mini #settings textarea.smsg{
  width:99%;
  min-height:42px;
  max-height:170px;
  resize:vertical;
  line-height:1.45;
  white-space:pre-wrap;
  overflow:auto;
}
#dpnl.profile-mini #settings .profile-color-preview{
  margin:10px 0 6px;
}
#dpnl.profile-mini #settings .profile-color-preview-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
#dpnl.profile-mini #settings .profile-color-preview-card{
  border-radius:11px;
  padding:8px;
  border:1px solid rgba(0,0,0,.10);
}
#dpnl.profile-mini #settings .profile-color-preview-card[data-preview-theme="light"]{
  background:#f6f6f6;
}
#dpnl.profile-mini #settings .profile-color-preview-card[data-preview-theme="dark"]{
  background:#1d1f24;
  border-color:rgba(255,255,255,.18);
}
#dpnl.profile-mini #settings .profile-color-preview-title{
  display:block;
  font-size:12px;
  font-weight:700;
  margin-bottom:6px;
}
#dpnl.profile-mini #settings .profile-color-preview-card[data-preview-theme="light"] .profile-color-preview-title{
  color:#232323;
}
#dpnl.profile-mini #settings .profile-color-preview-card[data-preview-theme="dark"] .profile-color-preview-title{
  color:#d9d9d9;
}
#dpnl.profile-mini #settings .profile-color-preview-bubble{
  border-radius:10px;
  padding:7px 9px;
  box-shadow:0 1px 4px rgba(0,0,0,.12);
  min-height:56px;
}
#dpnl.profile-mini #settings .profile-color-preview-name{
  display:block;
  font-weight:800;
  margin-bottom:4px;
  font-size:13px;
  line-height:1.3;
}
#dpnl.profile-mini #settings .profile-color-preview-text{
  display:block;
  font-size:13px;
  line-height:1.4;
  word-break:break-word;
}
#profile-mobile-editor{position:fixed;inset:0;z-index:13020;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45);padding:14px;box-sizing:border-box;}
#profile-mobile-editor.is-open{display:flex;}
#profile-mobile-editor .editor-card{width:min(96vw,420px);background:#fff;border-radius:14px;box-shadow:0 16px 34px rgba(0,0,0,.25);padding:12px;box-sizing:border-box;}
#profile-mobile-editor .editor-title{display:block;font-size:15px;font-weight:700;color:#222;margin-bottom:8px;text-align:right;}
#profile-mobile-editor .editor-input{width:100%;min-height:120px;max-height:48vh;resize:vertical;box-sizing:border-box;border:1px solid #cfcfcf;border-radius:10px;padding:10px 12px;font-size:15px;line-height:1.6;direction:rtl;}
#profile-mobile-editor .editor-hint{display:block;margin-top:8px;font-size:12px;color:#666;text-align:right;}
#profile-mobile-editor .editor-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;}
#profile-mobile-editor .editor-btn{min-width:84px;border:none;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:700;cursor:pointer;}
#profile-mobile-editor .editor-btn.cancel{background:#e7e7e7;color:#222;}
#profile-mobile-editor .editor-btn.save{background:#2f8f4e;color:#fff;}
html[data-theme="dark"] #profile-mobile-editor .editor-card{background:#1e1e1e;}
html[data-theme="dark"] #profile-mobile-editor .editor-title{color:#f2f2f2;}
html[data-theme="dark"] #profile-mobile-editor .editor-input{background:#2a2a2a;color:#f5f5f5;border-color:#3c3c3c;}
html[data-theme="dark"] #profile-mobile-editor .editor-hint{color:#adadad;}
html[data-theme="dark"] #profile-mobile-editor .editor-btn.cancel{background:#3a3a3a;color:#f2f2f2;}
html[data-theme="dark"] #dpnl.profile-mini .profile-mini-tabs{background:rgba(20,20,20,.85);}
html[data-theme="dark"] #dpnl.profile-mini .profile-mini-tab{border-color:rgba(255,255,255,.14);color:#ece8e4;}
html[data-theme="dark"] #dpnl.profile-mini .profile-mini-tab.is-active{background:rgba(255,255,255,.14);}
html[data-theme="dark"] #dpnl.profile-mini .profile-mini-top{background:#1b1b1b;}
/* User profile modal tabs (scoped) */
#upro.upro-tabbed .upro-tab-nav{display:flex;gap:8px;padding:10px;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(0,0,0,.08);}
#upro.upro-tabbed .upro-tab-btn{flex:1;min-height:34px;border:1px solid rgba(0,0,0,.1);background:transparent;border-radius:9px;font-weight:700;cursor:pointer;}
#upro.upro-tabbed .upro-tab-btn.is-active{background:rgba(0,0,0,.08);}
#upro.upro-tabbed .upro-tab-panels{padding:8px 10px 12px;}
#upro.upro-tabbed .upro-tab-panel{display:none;}
#upro.upro-tabbed .upro-tab-panel.is-active{display:block;}
#upro.upro-tabbed .upro-tab-panel .upro-actions,
#upro.upro-tabbed .upro-tab-panel .upro-admin-actions{margin-top:0;}
#upro.upro-tabbed .upro-summary-box{display:block;padding:8px 6px 4px;}
#upro.upro-tabbed .upro-summary-box .u-room{float:none !important;display:block;margin:6px 0 0;}
#upro.upro-tabbed .upro-summary-box .u-msg{float:none !important;display:block;clear:both;margin-top:10px;width:100%;padding:9px 12px;border:1px solid rgba(0,0,0,.08);border-right:4px solid #d05a8a;border-radius:10px;background:linear-gradient(180deg,rgba(208,90,138,.10),rgba(255,255,255,.92));color:#1f1f1f;font-weight:700;line-height:1.7;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.08);}
html[data-theme="dark"] #upro.upro-tabbed .upro-tab-nav{background:rgba(20,20,20,.85);}
html[data-theme="dark"] #upro.upro-tabbed .upro-tab-btn{border-color:rgba(255,255,255,.14);color:#ece8e4;}
html[data-theme="dark"] #upro.upro-tabbed .upro-tab-btn.is-active{background:rgba(255,255,255,.14);}
html[data-theme="dark"] #upro.upro-tabbed .upro-summary-box .u-msg{background:linear-gradient(180deg,rgba(195,75,125,.26),rgba(34,34,34,.88));color:#f2f2f2;border-color:rgba(255,255,255,.12);box-shadow:0 2px 10px rgba(0,0,0,.25);}
/* Top Wall: clean podium style for mobile/webview */
#top10{
  box-sizing:border-box;
  overflow:auto;
  padding:14px 10px 16px;
  border-radius:12px;
  background:linear-gradient(180deg,#3f3563 0%,#513787 100%);
}
#top10 .tutop10{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  align-items:end;
  gap:12px;
  margin-bottom:16px;
  padding-top:34px;
}
#top10 .tutop10 > div{
  position:relative;
  text-align:center;
  min-height:162px;
}
#top10 .tutop10 > div:nth-child(2){
  transform:translateY(-10px);
}
#top10 .u-top1,#top10 .u-top2,#top10 .u-top3{
  display:block;
  margin:0 auto;
  border-radius:50% !important;
  object-fit:cover !important;
  background:#d9d9d9;
  box-shadow:0 8px 16px rgba(0,0,0,.26);
}
#top10 .u-top1{width:110px !important;height:110px !important;border:4px solid #f6bf3d !important;}
#top10 .u-top2{width:86px !important;height:86px !important;border:4px solid #9ea7bf !important;}
#top10 .u-top3{width:86px !important;height:86px !important;border:4px solid #ef9f70 !important;}
#top10 #crown{
  position:absolute;
  top:-38px;
  left:50%;
  transform:translateX(-50%);
  width:56px;
  height:56px;
  z-index:3;
}
#top10 #gold,#top10 #silver,#top10 #bronz{display:none;}
#top10 .u-topic1,#top10 .u-topic2,#top10 .u-topic3{
  display:block !important;
  margin-top:36px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#top10 .u-topic1{color:#ffcd64;}
#top10 .u-topic2{color:#d4dbee;}
#top10 .u-topic3{color:#f4b28a;}
#top10 .il-ab606b35{display:none !important;}
#top10 .tutop10 > div::after{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:23px;
  font-weight:900;
  color:#2a204a;
  border:4px solid #2f2550;
  box-shadow:0 6px 12px rgba(0,0,0,.2);
  z-index:4;
}
#top10 .tutop10 > div:nth-child(1)::after{content:"2";background:#98a2bb;top:64px;}
#top10 .tutop10 > div:nth-child(2)::after{content:"1";background:#f6bf3d;top:88px;}
#top10 .tutop10 > div:nth-child(3)::after{content:"3";background:#ef9f70;top:64px;}
#top10 .ltop{
  display:flex;
  flex-direction:column;
  gap:10px;
}
#top10 .ltop .uzr{
  width:100% !important;
  float:none !important;
  min-height:58px;
  border-radius:999px;
  padding:8px 14px;
  display:flex;
  align-items:center;
  gap:10px;
  box-sizing:border-box;
  border:0 !important;
}
#top10 .ltop .ntop{
  min-width:22px;
  text-align:center;
  font-size:16px;
  font-weight:900;
  color:#1d2437;
}
#top10 .ltop .u-pic{
  width:44px !important;
  height:44px !important;
  border-radius:50%;
  object-fit:cover;
  border:3px solid rgba(255,255,255,.95);
}
#top10 .ltop .u-topic{
  max-width:56%;
  font-size:14px;
  font-weight:800;
  color:#2f3b52;
}
#top10 .ltop .co{
  margin-inline-start:auto;
  font-size:14px;
  font-weight:900;
  color:#36435d;
}
#top10 .ltop .uzr:nth-child(6n+1){background:#f7b64a;}
#top10 .ltop .uzr:nth-child(6n+2){background:#c8de3d;}
#top10 .ltop .uzr:nth-child(6n+3){background:#1bb7cf;}
#top10 .ltop .uzr:nth-child(6n+4){background:#d8ace8;}
#top10 .ltop .uzr:nth-child(6n+5){background:#57ec68;}
#top10 .ltop .uzr:nth-child(6n){background:#cf72e8;}
@media (max-width:600px){
  #top10{padding:10px 8px 12px;}
  #top10 .tutop10 > div{min-height:150px;}
  #top10 .u-top1{width:98px !important;height:98px !important;}
  #top10 .u-top2,#top10 .u-top3{width:76px !important;height:76px !important;}
  #top10 .u-topic1,#top10 .u-topic2,#top10 .u-topic3{margin-top:34px;}
  #top10 .tutop10 > div::after{width:32px;height:32px;font-size:20px;}
  #top10 .tutop10 > div:nth-child(1)::after{top:55px;}
  #top10 .tutop10 > div:nth-child(2)::after{top:76px;}
  #top10 .tutop10 > div:nth-child(3)::after{top:55px;}
}
.likes-rules-modal{position:fixed;inset:0;z-index:12050;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.36);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.likes-rules-modal.is-open{display:flex;}
.likes-rules-card{width:min(93vw,420px);max-height:86vh;overflow:auto;border-radius:18px;border:1px solid rgba(0,0,0,.12);background:#f7f7f8;box-shadow:0 16px 38px rgba(0,0,0,.28);padding:14px 14px 12px;direction:rtl;text-align:right;}
.likes-rules-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.likes-rules-title{font-size:20px;font-weight:900;color:#1f2d3d;letter-spacing:.2px;}
.likes-rules-close{border:1px solid rgba(0,0,0,.10);background:rgba(0,0,0,.06);color:#1f2d3d;width:34px;height:34px;border-radius:10px;line-height:1;font-size:21px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.10);}
.likes-rules-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.likes-rules-item{padding:9px 10px;border-radius:12px;background:#ffffff;border:1px solid rgba(0,0,0,.10);font-size:14px;font-weight:800;color:#253446;line-height:1.58;text-align:right;}
.likes-rules-item .ltr-token{direction:ltr;unicode-bidi:isolate;display:inline-block;}
.likes-rules-item--cap{background:linear-gradient(180deg,#8b3a52 0%,#b94a68 100%);border-color:#8b3a52;color:#fff;box-shadow:0 8px 16px rgba(80,24,43,.20);}
.likes-rules-note{margin-top:10px;font-size:13px;font-weight:900;color:#4b5563;text-align:right;}
html[data-theme="dark"] .likes-rules-modal{background:rgba(0,0,0,.5);}
html[data-theme="dark"] .likes-rules-card{background:#1f2024;border-color:rgba(255,255,255,.10);box-shadow:0 16px 42px rgba(0,0,0,.45);}
html[data-theme="dark"] .likes-rules-title{color:#f3f4f6;}
html[data-theme="dark"] .likes-rules-item{background:#2a2d33;border-color:rgba(255,255,255,.08);color:#d1d5db;}
html[data-theme="dark"] .likes-rules-item--cap{background:linear-gradient(180deg,#8b3a52 0%,#b94a68 100%);border-color:#a84f69;color:#fff;}
html[data-theme="dark"] .likes-rules-close{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.10);color:#f3f4f6;}
html[data-theme="dark"] .likes-rules-note{color:#d1d5db;}