:root{
  --ok-orange:#ff8200;
  --ok-orange-dark:#f27400;
  --ok-green:#31bf7a;
  --ok-blue:#16a7f0;
  --ok-bg:#f7f3ef;
  --ok-card:#ffffff;
  --ok-soft:#f2efec;
  --ok-line:#ece8e4;
  --ok-text:#2d2d2d;
  --ok-muted:#8a8a8a;
  --ok-danger:#e65050;
  --ok-radius:24px;
  --ok-shadow:0 1px 0 rgba(0,0,0,.03);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--ok-bg);color:var(--ok-text)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.ico{width:27px;height:27px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Desktop shell */
.ok-header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid var(--ok-line)}
.ok-header-row{height:66px;max-width:1180px;margin:auto;padding:0 16px;display:flex;align-items:center;gap:18px}
.ok-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ok-orange);color:#fff;font-weight:900;font-size:21px}
.ok-search{flex:1}
.ok-search input{width:100%;max-width:460px;border:0;background:var(--ok-soft);border-radius:14px;padding:12px 16px;outline:none}
.ok-desktop-links{display:flex;align-items:center;gap:17px;color:#666}
.ok-desktop-links a{display:flex;align-items:center;gap:7px}
.ok-lang{border:0;background:var(--ok-soft);border-radius:12px;padding:9px 10px}
.ok-mobile-icons{display:none}

.layout{max-width:1180px;margin:18px auto 70px;padding:0 12px;display:grid;grid-template-columns:220px minmax(0,650px) 280px;gap:18px;align-items:start}
.side{position:sticky;top:84px;background:#fff;border-radius:22px;padding:8px}
.side a{display:flex;align-items:center;gap:13px;padding:12px;border-radius:14px;font-size:15px}
.side a:hover{background:var(--ok-soft)}
.feed{min-width:0}
.right{position:sticky;top:84px}
.card{background:#fff;border-radius:var(--ok-radius);padding:18px;margin-bottom:14px;box-shadow:var(--ok-shadow);border:1px solid #f3efec}
.row{display:flex;align-items:center;gap:11px}
.meta{font-size:13px;color:var(--ok-muted)}
.avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;background:#ddd}
.avatar.small{width:38px;height:38px}
.avatar.big{width:148px;height:148px;border-radius:16px;border:4px solid #fff}
.verify{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--ok-blue);color:#fff;font-size:12px;font-weight:900;vertical-align:2px}
.btn{border:0;border-radius:14px;background:var(--ok-orange);color:#fff;padding:11px 18px;font-weight:700}
.btn:hover{background:var(--ok-orange-dark)}
.btn.alt{background:var(--ok-soft);color:#333}
.btn.ghost{background:#fff;color:var(--ok-orange);border:1px solid var(--ok-line)}
.alert{padding:12px 14px;border-radius:14px;background:#fff1df;color:#804100;margin-bottom:12px}

/* Feed */
.composer{padding:15px}
.composer textarea{width:100%;min-height:72px;border:0;background:var(--ok-soft);border-radius:18px;padding:14px;resize:vertical;outline:none}
.composer .row{justify-content:space-between;margin-top:10px}
.composer select{border:0;background:var(--ok-soft);padding:10px;border-radius:12px}
.post-card{padding:0;overflow:hidden}
.post-head{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.post-user{display:flex;align-items:center;gap:11px}
.post-more{border:0;background:transparent;padding:5px;color:#777}
.post-body{padding:0 16px 15px;white-space:pre-wrap;line-height:1.5;font-size:16px}
.post-actions{display:flex;gap:8px;padding:11px 16px;border-top:1px solid var(--ok-line)}
.post-actions button{border:0;background:var(--ok-soft);padding:9px 13px;border-radius:14px;color:#555;font-weight:700}
.comments{padding:0 16px 15px}
.comment{padding:10px 0;border-top:1px solid var(--ok-line)}
.comment-form{display:flex;gap:8px;margin-top:10px}
.comment-input{flex:1;border:0!important;background:var(--ok-soft)!important;border-radius:16px!important;padding:11px 13px!important;outline:none}

/* Profile */
.profile-card{padding:0;overflow:hidden}
.profile-cover{height:275px;background:#f1ede9 center/cover no-repeat;position:relative}
.profile-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.02))}
.profile-head{position:relative;margin-top:-82px;padding:0 30px 22px}
.profile-title{display:flex;align-items:center;gap:8px}
.profile-head h1{margin:16px 0 20px;font-size:32px}
.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.profile-actions .wide{grid-column:1/-1}
.profile-tabs{display:flex;gap:28px;padding:18px 30px;border-top:1px solid var(--ok-line);overflow:auto;white-space:nowrap;color:#787878}
.about-card h3{margin-top:0;font-size:20px}
.about-placeholder{background:var(--ok-soft);border-radius:18px;padding:12px 14px;color:#999;margin:12px 0 18px}
.about-row{display:flex;gap:11px;align-items:center;margin:14px 0;color:#555}
.about-row .ico{width:22px;height:22px}
.about-link{color:#c86f12}

/* Menu */
.mobile-menu-panel{background:#fff}
.mobile-menu-head{display:flex;align-items:center;gap:14px;padding:20px 22px 12px}
.menu-search{display:flex;align-items:center;gap:10px;padding:0 22px 14px}
.menu-search input{flex:1;border:0;background:var(--ok-soft);border-radius:15px;padding:12px 14px;outline:none}
.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 22px 20px}
.menu-tile{height:126px;background:var(--ok-soft);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;font-size:16px}
.menu-tile .ico{width:35px;height:35px}
.count{position:absolute;right:-4px;top:-8px;min-width:30px;height:30px;padding:0 8px;border-radius:18px;display:grid;place-items:center;background:var(--ok-green);color:#fff;font-weight:700}
.menu-list-card{background:#fff;border-radius:24px;padding:4px 22px;margin:12px 0}
.settings-item{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #f7f4f2;font-size:18px}
.settings-item:last-child{border-bottom:0}
.settings-item .ico{width:28px;height:28px}
.lang-mobile{padding:0 22px 24px}
.lang-mobile select{width:100%;border:0;background:var(--ok-soft);border-radius:14px;padding:13px}

/* Settings */
.settings-page{min-width:0}
.settings-hero{background:#fff;border-radius:24px;padding:18px 22px;margin-bottom:14px}
.settings-title{font-size:22px;font-weight:800;margin:0 0 8px}
.settings-group{background:#fff;border-radius:24px;padding:4px 22px;margin-bottom:14px}
.settings-form{background:#fff;border-radius:24px;padding:20px;margin-bottom:14px}
.settings-form h2{margin-top:0}
.form input,.form select,.form textarea,.settings-form input,.settings-form select,.settings-form textarea{width:100%;padding:13px;border:1px solid #ddd;border-radius:14px;margin:7px 0 13px;outline:none;background:#fff}
.settings-form textarea{min-height:100px;resize:vertical}

/* Messages */
.messages-shell{background:#fff;border-radius:24px;overflow:hidden}
.messages-top{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--ok-line)}
.messages-top input{flex:1;border:0;background:var(--ok-soft);border-radius:15px;padding:12px 14px;outline:none}
.conversation-list{display:block}
.conversation-row{display:flex;align-items:center;gap:13px;padding:12px 16px;border-bottom:1px solid #f8f5f2}
.conversation-row:hover{background:#fcfaf8}
.conversation-row .avatar{width:64px;height:64px}
.conversation-main{min-width:0;flex:1}
.conversation-main b{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-main span{display:block;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.chat-panel{padding:14px}
.chatbox{height:430px;overflow:auto;border-radius:18px;background:#faf8f6;padding:12px}
.msg{max-width:78%;padding:10px 12px;border-radius:15px;background:#fff;margin:7px 0;border:1px solid var(--ok-line)}
.msg.mine{margin-left:auto;background:#fff0df;border-color:#ffe1bd}
.chat-send{display:flex;gap:8px;margin-top:10px}
.chat-send input{flex:1;border:0;background:var(--ok-soft);border-radius:15px;padding:12px 14px;outline:none}

/* Friends and notifications */
.user-list-card{padding:0;overflow:hidden}
.list-title{padding:18px 20px;margin:0;border-bottom:1px solid var(--ok-line)}
.user-row{display:flex;align-items:center;gap:13px;padding:13px 18px;border-bottom:1px solid #f8f5f2}
.user-row:last-child{border-bottom:0}
.user-row .grow{flex:1;min-width:0}
.notification-row{padding:14px 18px;border-bottom:1px solid #f8f5f2}
.notification-row:last-child{border-bottom:0}

/* Auth */
.login-page{background:#fff}
.login-page .ok-header{display:none}
.login-page .layout{display:block;max-width:none;margin:0;padding:0;background:#fff}
.login-shell{max-width:650px;min-height:100vh;margin:0 auto;background:#fff;padding:30px 30px 50px}
.login-topline{height:70px;display:grid;grid-template-columns:60px 1fr 60px;align-items:center}
.login-hamb{font-size:30px;color:#777}
.login-mark{width:46px;height:46px;border-radius:11px;background:var(--ok-orange);color:#fff;display:grid;place-items:center;margin:auto;font-weight:900;font-size:23px}
.login-shell h1{text-align:center;font-size:30px;margin:48px 0 80px}
.login-shell input{width:100%;height:68px;border:2px solid #d7d7d7;border-radius:14px;padding:0 20px;font-size:19px;outline:none;margin-bottom:16px}
.login-shell input:focus{border-color:#bcbcbc}
.login-shell .btn{width:100%;height:62px;font-size:19px;border-radius:14px}
.forgot{text-align:center;color:#737b85;font-weight:700;margin:25px 0}
.auth-divider{display:flex;align-items:center;gap:15px;color:#9a9a9a;margin:28px 0}
.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#e3e3e3;flex:1}
.login-register{display:block;text-align:center;background:#f6f6f6;border-radius:14px;padding:20px;font-size:18px;font-weight:700}
.social-row{display:flex;justify-content:center;gap:28px;margin:38px 0 0}
.social-dot{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:21px;font-weight:800;background:#f2f2f2}
.login-lang{margin-top:35px}
.login-lang select{width:100%;border:0;background:#f6f6f6;border-radius:14px;padding:14px}

/* Admin */
.admin-stat{font-size:28px;font-weight:800}
.table{width:100%;border-collapse:collapse}
.table td,.table th{padding:9px;border-bottom:1px solid var(--ok-line);text-align:left}

@media(max-width:900px){
  .layout{grid-template-columns:180px 1fr}
  .right{display:none}
}
@media(max-width:650px){
  body{background:var(--ok-bg)}
  .ok-header-row{height:94px;padding:0 12px}
  .ok-logo,.ok-search,.ok-desktop-links,.ok-lang{display:none}
  .ok-mobile-icons{width:100%;height:94px;display:flex;align-items:center;justify-content:space-around;color:#999}
  .ok-mobile-icons a{position:relative;padding:8px;color:#999}
  .ok-mobile-icons a.active{color:#555}
  .ok-mobile-icons .ico{width:29px;height:29px}
  .ok-mobile-icons .nav-badge{position:absolute;right:0;top:0;min-width:21px;height:21px;padding:0 5px;border-radius:12px;background:var(--ok-green);color:#fff;font-size:12px;display:grid;place-items:center;font-weight:700}
  .layout{display:block;margin:0;padding:0;max-width:none}
  .side,.right{display:none}
  .feed{width:100%}
  .card{border:0;border-radius:24px;margin:12px 0;padding:16px}
  .post-card{padding:0}
  .profile-card{border-radius:0;margin:0}
  .profile-cover{height:275px;border-radius:0}
  .profile-head{padding:0 30px 22px}
  .avatar.big{width:132px;height:132px}
  .profile-head h1{font-size:30px}
  .profile-tabs{padding:18px 16px;gap:24px;background:#fff}
  .about-card{margin-top:14px}
  .mobile-menu-panel{min-height:calc(100vh - 94px);display:block}
  .messages-shell{border-radius:0;margin:0}
  .conversation-row{padding:12px 22px}
  .settings-page{padding-bottom:20px}
  .settings-hero,.settings-group,.settings-form{border-radius:24px;margin:12px 0}
  .user-list-card{border-radius:0;margin:0}
  .login-shell{max-width:none;padding:20px 30px 45px}
  .login-shell h1{margin:40px 0 70px}
}
@media(max-width:390px){
  .menu-grid{padding-left:14px;padding-right:14px;gap:8px}
  .menu-tile{height:116px;font-size:15px}
  .profile-head{padding-left:18px;padding-right:18px}
  .profile-tabs{gap:20px}
  .login-shell{padding-left:20px;padding-right:20px}
}


/* ===== V4 compact mobile + OK-style top row ===== */
.is-hidden{display:none!important}
.nav-with-badge{position:relative}
.nav-badge{
  position:absolute;right:-5px;top:-7px;
  min-width:21px;height:21px;padding:0 6px;
  display:grid;place-items:center;
  border-radius:999px;background:var(--ok-green);
  color:#fff;font-size:11px;font-weight:800;
  border:2px solid #fff;line-height:1;
}
.ok-mobile-icons .nav-badge{right:-1px;top:1px}
@media(max-width:650px){
  html{font-size:14px}
  .ok-header-row{height:64px;padding:0 8px}
  .ok-mobile-icons{height:64px}
  .ok-mobile-icons a{padding:6px}
  .ok-mobile-icons .ico{width:25px;height:25px}
  .layout{font-size:14px}
  .card{margin:8px 0;padding:13px;border-radius:19px}
  .menu-search{padding:10px 14px 8px}
  .menu-search input{padding:10px 12px;font-size:14px}
  .mobile-menu-head{padding:12px 14px 8px}
  .mobile-menu-head .avatar{width:46px;height:46px}
  .menu-grid{gap:8px;padding:4px 12px 14px}
  .menu-tile{height:103px;border-radius:19px;gap:8px;font-size:14px}
  .menu-tile .ico{width:29px;height:29px}
  .count{min-width:25px;height:25px;font-size:12px;right:-2px;top:-5px}
  .menu-list-card{border-radius:19px;padding:3px 16px;margin:8px 0}
  .settings-item{padding:14px 0;gap:14px;font-size:16px}
  .settings-item .ico{width:25px;height:25px}
  .profile-cover{height:215px}
  .profile-head{margin-top:-60px;padding:0 18px 16px}
  .avatar.big{width:104px;height:104px;border-radius:14px}
  .profile-head h1{font-size:25px;margin:12px 0 14px}
  .profile-actions{gap:8px}
  .btn{padding:10px 14px;border-radius:13px;font-size:14px}
  .profile-tabs{padding:14px 12px;gap:19px;font-size:14px}
  .about-card{padding:15px!important}
  .about-card h3{font-size:18px}
  .about-placeholder{padding:10px 12px;border-radius:15px;margin:9px 0 14px}
  .about-row{margin:11px 0}
  .post-head{padding:12px}
  .post-body{padding:0 12px 12px;font-size:14px}
  .post-actions{padding:9px 12px}
  .post-actions button{padding:8px 10px;font-size:13px}
  .conversation-row{padding:10px 14px}
  .conversation-row .avatar{width:52px;height:52px}
  .conversation-main b{font-size:16px}
  .conversation-main span{font-size:13px}
  .messages-top{padding:10px 12px}
  .chatbox{height:calc(100vh - 210px);min-height:360px}
  .settings-group,.settings-form,.settings-hero{border-radius:19px;margin:8px 0}
  .settings-group{padding:3px 16px}
  .settings-form{padding:16px}
  .list-title{padding:14px 16px;font-size:19px}
  .user-row{padding:10px 14px}
  .user-row .avatar{width:46px;height:46px}
  .login-shell{padding:14px 22px 35px}
  .login-topline{height:54px}
  .login-mark{width:40px;height:40px;font-size:20px}
  .login-shell h1{font-size:25px;margin:28px 0 45px}
  .login-shell input{height:56px;font-size:16px;margin-bottom:12px}
  .login-shell .btn{height:54px;font-size:17px}
}
@media(max-width:380px){
  .ok-mobile-icons .ico{width:23px;height:23px}
  .ok-mobile-icons a{padding:4px}
  .menu-tile{height:96px}
  .profile-cover{height:190px}
}


/* ===== V5 Online + Discussions ===== */
.online-avatar-wrap{position:relative;width:max-content;flex:0 0 auto}
.online-dot{position:absolute;right:0;bottom:1px;width:12px;height:12px;border-radius:50%;background:var(--ok-green);border:2px solid #fff}
.online-text{color:var(--ok-green);font-size:11px;margin-left:4px}
.online-strip{display:flex;gap:12px;overflow-x:auto;background:#fff;padding:12px 14px;border-bottom:1px solid var(--ok-line)}
.online-mini{min-width:58px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;color:#555}
.discussion-page{background:#fff;min-height:calc(100vh - 110px);display:flex;flex-direction:column}
.discussion-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--ok-line)}
.discussion-head h2{margin:0;font-size:20px}
.discussion-messages{height:calc(100vh - 300px);min-height:390px;overflow-y:auto;padding:12px;background:#f8f5f2}
.discussion-msg{display:flex;align-items:flex-start;gap:8px;margin:9px 0}
.discussion-msg.mine{flex-direction:row-reverse}
.discussion-bubble{max-width:76%;background:#fff;border:1px solid var(--ok-line);border-radius:17px;padding:9px 11px}
.discussion-msg.mine .discussion-bubble{background:#fff0df;border-color:#ffe0bb}
.discussion-name{font-size:13px;font-weight:700;margin-bottom:4px}
.discussion-body{font-size:14px;line-height:1.4;word-break:break-word}
.discussion-send{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--ok-line);background:#fff;position:sticky;bottom:0}
.discussion-send input{flex:1;border:0;background:var(--ok-soft);border-radius:16px;padding:11px 13px;outline:none}
.mini-online-row{display:flex;align-items:center;gap:9px;padding:8px 0}
@media(max-width:650px){
  .discussion-page{min-height:calc(100vh - 64px)}
  .discussion-messages{height:calc(100vh - 245px);min-height:330px}
  .online-strip{padding:10px 12px}
  .discussion-head{padding:10px 12px}
  .discussion-bubble{max-width:82%}
}

/* V6 Stories */
.stories-strip{display:flex;gap:12px;overflow-x:auto;background:#fff;padding:12px 10px;margin-bottom:8px;scrollbar-width:none}.stories-strip::-webkit-scrollbar{display:none}
.story-add,.story-item{flex:0 0 64px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;color:#333;font-size:12px;padding:0}
.story-avatar-wrap{width:58px;height:58px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#ff8b1f,#ffb24f);position:relative}.story-avatar-wrap.add{background:transparent;padding:0}
.story-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #fff;background:#ddd}.story-plus{position:absolute;right:-1px;bottom:-1px;width:24px;height:24px;border-radius:50%;background:var(--ok-orange);color:#fff;border:3px solid #fff;display:grid;place-items:center;font-size:19px;font-weight:700}
.story-modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.45);align-items:center;justify-content:center;padding:16px}.story-modal.show{display:flex}.story-modal-card{width:min(500px,100%);background:#fff;border-radius:20px;padding:18px;position:relative}.story-modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:28px;color:#777}.story-modal-card textarea{width:100%;min-height:85px;border:0;background:var(--ok-soft);border-radius:14px;padding:11px;margin:10px 0;resize:vertical;outline:none}.story-upload{display:block;background:var(--ok-soft);border-radius:14px;padding:16px;text-align:center;cursor:pointer}.story-upload input{display:none}
.story-viewer{min-height:calc(100vh - 64px);background:#111;color:#fff;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-view-head{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:linear-gradient(rgba(0,0,0,.55),transparent)}.story-close{font-size:32px;color:#fff}.story-view-image{max-width:100%;max-height:calc(100vh - 64px);object-fit:contain}.story-caption{position:absolute;bottom:24px;left:16px;right:16px;text-align:center;font-size:17px;text-shadow:0 2px 6px #000}

/* ===== V7 fuller OK-inspired social UI ===== */
.site-news-card{background:#fff;border-radius:20px;margin:8px 0;padding:12px 15px;display:flex;align-items:center;gap:12px;border:1px solid #f1ece8}
.site-news-card>div{flex:1}.site-news-icon{width:44px;height:44px;border-radius:14px;background:#edf3ff;display:grid;place-items:center;font-size:24px}
.ok-composer textarea{min-height:58px}.composer-user{display:flex;gap:10px;align-items:flex-start}.composer-user textarea{flex:1}
.composer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.tool-btn{border:0;background:var(--ok-soft);padding:9px 11px;border-radius:13px;font-weight:700;cursor:pointer}
.composer-tools select{width:auto;max-width:130px}.gradient-picker{display:flex;gap:7px;overflow-x:auto;padding:10px 0}.gradient-picker[hidden]{display:none}
.gradient-dot,.gradient-clear{width:32px;height:32px;flex:0 0 32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #ddd;cursor:pointer;display:grid;place-items:center}.gradient-dot input,.gradient-clear input{display:none}
.post-gradient{min-height:210px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:27px;font-weight:800;padding:28px!important}
.feed-media{width:100%;max-height:680px;object-fit:contain;display:block;background:#f5f5f5}
.post-head{position:relative}.post-popup{display:none;position:absolute;right:12px;top:52px;z-index:15;background:#fff;border-radius:18px;padding:8px;width:230px;box-shadow:0 10px 34px rgba(0,0,0,.18)}
.post-popup.show{display:block}.post-popup button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:12px;border-radius:12px;font-size:15px}.post-popup button:hover{background:var(--ok-soft)}
.reaction-summary{display:flex;justify-content:space-between;gap:8px;padding:10px 14px;color:#858585;font-size:13px;border-top:1px solid #f4efec}
.ok-post-actions{overflow:visible}.reaction-wrap{position:relative}.reaction-popover{display:none;position:absolute;bottom:47px;left:-7px;background:#fff;padding:7px 9px;border-radius:30px;box-shadow:0 8px 28px rgba(0,0,0,.18);gap:4px;z-index:20;white-space:nowrap}
.reaction-popover.show{display:flex}.reaction-popover button{font-size:27px;background:transparent;padding:3px;border:0;transition:.15s}.reaction-popover button:hover{transform:scale(1.28)}
.reaction-main.active{color:var(--ok-orange);background:#fff0df}
.notification-page{background:#fff}.notification-tabs{display:flex;gap:18px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--ok-line);font-size:18px}.notification-tabs b{border-bottom:3px solid var(--ok-orange);padding-bottom:14px}
.notification-card{display:flex;gap:14px;padding:18px 20px;border-bottom:1px solid var(--ok-line);background:#fff}.notification-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover}.notification-content{flex:1;font-size:17px;line-height:1.4}.notification-actions{display:flex;gap:8px;margin-top:10px}
.live-conversations .conversation-row{position:relative}.conversation-badge{min-width:25px;height:25px;border-radius:50%;background:var(--ok-green);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}
.msg-author{font-size:12px;font-weight:700;margin-bottom:4px}
.profile-avatar-box{position:relative;width:max-content}.avatar-plus{position:absolute;right:-3px;bottom:2px;width:34px;height:34px;border-radius:50%;background:#fff;color:#444;border:2px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.18);display:grid;place-items:center;font-size:27px;font-weight:400;cursor:pointer}.avatar-plus input,.cover-plus input{display:none}
.cover-plus{position:absolute;right:20px;top:18px;background:rgba(255,255,255,.86);padding:9px 12px;border-radius:18px;z-index:3;cursor:pointer;color:#777}
.gift-tabs{display:flex;gap:25px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--ok-line)}.gift-tabs b{color:var(--ok-orange)}
.gift-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.gift-card{background:#fff;border-radius:20px;padding:15px;text-align:center;display:grid;gap:8px}.gift-icon{font-size:72px}.gift-price{display:inline-block;margin:auto;background:#6ea0cd;color:#fff;border-radius:14px;padding:4px 10px}.gift-received{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--ok-line)}.gift-mini{font-size:42px}
.story-create-types{display:grid;gap:8px;margin-bottom:12px}.story-create-types div{display:flex;gap:12px;align-items:center;background:#fff;padding:10px;border-radius:14px;font-size:17px}
.comment-detail{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid var(--ok-line)}.comment-tools{display:flex;gap:14px;color:#888;margin-top:5px;font-size:13px}.link-button{border:0;background:none;color:#555;padding:0}
.auth-register{max-width:600px;margin:auto}
@media(max-width:650px){
 .site-news-card{border-radius:18px;margin:8px 0}.post-gradient{min-height:180px;font-size:23px}.feed-media{max-height:70vh}.notification-avatar{width:58px;height:58px}.notification-content{font-size:15px}.notification-card{padding:14px}
 .gift-grid{grid-template-columns:repeat(2,1fr)}.gift-icon{font-size:58px}.cover-plus{right:10px;top:10px;font-size:12px}
}


/* ===== V7.1 cache/fallback fixes ===== */
.post-popup{display:none!important}
.post-popup.show{display:block!important}
.reaction-popover{display:none!important}
.reaction-popover.show{display:flex!important}

.site-footer{
  max-width:1180px;
  margin:18px auto 0;
  padding:18px 16px 28px;
  color:#777;
  font-size:13px;
}
.site-footer-links{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  padding-bottom:12px;
  border-bottom:1px solid var(--ok-line);
}
.site-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:12px;
}
.site-footer select{
  width:auto;
  border:0;
  background:var(--ok-soft);
  border-radius:12px;
  padding:8px 10px;
}

@media(max-width:650px){
  body{overflow-x:hidden}
  .layout{width:100%;overflow:hidden}
  .feed{max-width:100%;overflow:hidden}
  .ok-composer{padding:12px!important}
  .composer-user{align-items:flex-start}
  .composer-user textarea{
    width:100%;
    min-width:0;
    min-height:62px;
    font-size:14px;
    padding:11px 12px;
  }
  .composer-tools{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .composer-tools .tool-btn,
  .composer-tools select,
  .composer-tools .btn{
    width:100%;
    max-width:none;
    min-width:0;
    font-size:13px;
    padding:9px 8px;
  }
  .composer-tools .btn{grid-column:1/-1}
  .post-card{overflow:visible}
  .post-head{padding:11px 12px}
  .post-user{min-width:0;flex:1}
  .post-user>div{min-width:0}
  .post-user b{font-size:15px}
  .post-popup{
    right:10px;
    top:48px;
    width:210px;
  }
  .post-popup button{
    border:0!important;
    background:transparent!important;
    font-size:14px!important;
  }
  .reaction-summary{
    padding:9px 12px;
    font-size:12px;
    flex-wrap:wrap;
  }
  .ok-post-actions{
    padding:8px 10px;
    min-height:48px;
  }
  .ok-post-actions>a,
  .ok-post-actions>button,
  .reaction-main{
    border:0!important;
    background:var(--ok-soft)!important;
    border-radius:16px!important;
    padding:8px 11px!important;
    font-size:13px!important;
  }
  .reaction-main.active{color:var(--ok-orange)!important}
  .reaction-popover{
    bottom:45px;
    left:0;
  }
  .reaction-popover button{
    border:0!important;
    background:transparent!important;
    padding:3px!important;
  }
  .messages-shell{min-height:calc(100vh - 64px)}
  .conversation-row{
    display:flex;
    width:100%;
    min-height:72px;
  }
  .conversation-main{min-width:0}
  .conversation-main small{display:block;margin-top:3px}
  .site-footer{
    margin:8px 0 0;
    padding:18px 16px 26px;
    background:#fff;
    border-top:1px solid var(--ok-line);
  }
  .site-footer-links{
    gap:14px;
    font-size:12px;
  }
  .site-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
  .site-footer select{width:100%}
}

/* ===== V8 stable footer, wallet, invisible, ban, admin ===== */
.ok-footer{background:#fff;margin-top:10px;padding:18px 24px 28px;border-top:1px solid #ece8e4;color:#8b8b8b}
.ok-footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;padding-bottom:10px}
.ok-footer-tech{font-size:13px;line-height:1.5}.ok-footer-tech b{color:#666}.ok-footer-copy{font-size:12px;margin-top:8px}
.switch{width:49px;height:28px;border-radius:18px;background:#d8d3ce;padding:3px;display:inline-block;transition:.2s}.switch i{display:block;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.18)}.switch.on{background:var(--ok-green)}.switch.on i{transform:translateX(21px)}
.balance-card{background:linear-gradient(135deg,#ff8a00,#ffb04b);color:#fff;border-radius:24px;padding:22px;margin:10px 0;display:flex;justify-content:space-between;align-items:center}.balance-card strong{font-size:28px}
.wallet-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--ok-line)}.money-plus{color:#15965c}.money-minus{color:#d54b4b}
.ban-page{background:#f7f3ef;min-height:100vh;display:grid;place-items:center}.ban-wrap{width:min(460px,calc(100% - 28px));background:#fff;border-radius:28px;padding:34px 24px;text-align:center;box-shadow:0 12px 45px rgba(0,0,0,.08)}.ban-logo{margin:auto;width:58px;height:58px;border-radius:16px;background:var(--ok-orange);color:#fff;display:grid;place-items:center;font-weight:900;font-size:26px}.ban-symbol{font-size:74px;margin:18px 0 5px}.ban-wrap h1{margin:6px 0 8px}.ban-wrap p{color:#777;line-height:1.5}.ban-info{background:var(--ok-soft);border-radius:15px;padding:12px;margin:9px 0;text-align:left}
.admin-dashboard>h1{padding:0 6px}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.admin-stat-grid>div{background:#fff;border-radius:19px;padding:15px;display:grid;gap:5px}.admin-stat-grid span{font-size:22px}.admin-stat-grid b{font-size:25px}.admin-stat-grid small{color:#777}
.admin-nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.admin-nav-grid a{background:#fff;border-radius:19px;padding:18px;display:grid;gap:5px;font-size:22px}.admin-nav-grid a b{font-size:16px}.admin-nav-grid a span{font-size:12px;color:#888}
.admin-user-card{padding:16px}.admin-user-top{display:flex;gap:12px;align-items:center}.ban-small{color:#d44;margin-top:4px}.admin-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.admin-actions-grid form{background:#f8f5f2;border-radius:15px;padding:10px}.admin-actions-grid input,.admin-actions-grid select{width:100%;margin-bottom:7px}.admin-search{display:flex;gap:8px}.admin-search input{flex:1}.report-card form{display:flex;gap:8px;margin-top:10px}.report-card select{width:auto}
@media(max-width:650px){
 .ok-footer{padding:16px 22px 26px;margin-top:0}.ok-footer-links{gap:12px}
 .admin-stat-grid{grid-template-columns:1fr 1fr}.admin-nav-grid{grid-template-columns:1fr 1fr}.admin-actions-grid{grid-template-columns:1fr}
 .balance-card{border-radius:20px;margin:8px 0}.balance-card strong{font-size:23px}
}

/* ===== V9 stable profile/chat/reactions ===== */
.menu-language-select{margin:14px 22px 24px;background:var(--ok-soft);border-radius:18px;padding:11px 14px;display:flex;align-items:center;gap:10px}.menu-language-select label{font-weight:700}.menu-language-select select{flex:1;border:0;background:transparent}
.ok-profile-v9{overflow:visible}.profile-main-avatar{width:198px;height:198px;border-radius:12px;object-fit:cover;background:#ddd;border:3px solid #fff;box-shadow:0 5px 18px rgba(0,0,0,.08)}
.profile-primary-actions{display:grid;grid-template-columns:1.4fr .9fr .9fr;gap:8px;position:relative}.profile-primary-actions .wide{grid-column:1/-1}.profile-orange{background:var(--ok-orange)!important;color:#fff!important}
.profile-sub-menu,.profile-more-menu{display:none;position:absolute;z-index:50;background:#fff;border:1px solid #ddd;box-shadow:0 10px 28px rgba(0,0,0,.14);border-radius:18px;overflow:hidden}.profile-sub-menu.show,.profile-more-menu.show{display:block}.profile-sub-menu{left:32px;right:32px}.profile-more-menu{right:20px;width:270px}
.profile-sub-menu button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:#fff;padding:16px;text-align:left;border-bottom:1px solid #eee}.profile-sub-menu button>span:nth-child(2){flex:1;display:grid}.profile-sub-menu small{color:#888;margin-top:4px}.profile-more-menu a,.profile-more-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:14px 18px;font-size:15px}
.danger-text{color:#d84b50!important}.private-profile-card{background:#fff;border-radius:24px;margin:12px 0;padding:52px 20px;text-align:center}.big-lock{font-size:92px}.private-profile-card p{color:#888}
.privacy-switch{display:flex!important;align-items:center;justify-content:space-between;gap:16px;background:var(--ok-soft);padding:14px;border-radius:16px}.privacy-switch span{display:grid;gap:4px}.privacy-switch small{color:#888}.privacy-switch input{width:24px;height:24px}.blocked-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.blocked-row b{flex:1}
.react-bounce{animation:reactBounce .38s ease}.react-pop{animation:reactPop .45s ease}@keyframes reactBounce{0%{transform:scale(1)}45%{transform:scale(1.25) rotate(-8deg)}100%{transform:scale(1)}}@keyframes reactPop{0%{transform:scale(.45) translateY(8px)}55%{transform:scale(1.42) translateY(-8px)}100%{transform:scale(1)}}
.feed-video{background:#000;max-height:70vh}
.messages-title{padding:12px 16px;background:#fff}.chat-user-head{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 14px;border-bottom:1px solid var(--ok-line)}.chat-user-head a{display:flex;align-items:center;gap:9px}.chat-user-head>a:last-child{font-size:28px;color:#777}
.chat-send{display:grid!important;grid-template-columns:auto auto auto 1fr auto;position:relative;gap:5px;padding:8px;background:#fff}.chat-send input[name="body"]{min-width:0;border:0;background:var(--ok-soft);border-radius:20px}.chat-emoji-btn,.chat-media-btn,.voice-record-btn{width:40px;height:40px;border:0;background:transparent;display:grid;place-items:center;font-size:20px;cursor:pointer}.voice-record-btn.recording{background:#ffe2e2;border-radius:50%;animation:pulseRec 1s infinite}@keyframes pulseRec{50%{transform:scale(1.12)}}.chat-submit{width:42px;height:42px;border-radius:50%;padding:0!important}
.emoji-panel{display:none;position:absolute;left:8px;bottom:55px;width:250px;background:#fff;border-radius:18px;padding:8px;box-shadow:0 8px 30px rgba(0,0,0,.16);grid-template-columns:repeat(6,1fr);gap:3px;z-index:30}.emoji-panel.show{display:grid}.emoji-panel button{border:0;background:transparent;font-size:24px;padding:4px}
.chat-image{max-width:260px;max-height:320px;border-radius:14px;display:block}.msg audio{max-width:240px}.msg{position:relative}.msg-foot{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:5px}.read-receipt{font-weight:900;font-size:14px}.read-receipt.sent{color:#9c9c9c}.read-receipt.read{color:#24b56a}.msg-delete-btn{border:0;background:transparent;color:#999;font-size:18px;padding:0 3px}.msg-delete-menu{display:none;position:absolute;right:4px;bottom:-38px;background:#fff;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.16);z-index:20}.msg-delete-menu.show{display:block}.msg-delete-menu button{border:0;background:#fff;padding:10px 12px;border-radius:12px;color:#d44;white-space:nowrap}
.message-locked{text-align:center;padding:14px;background:#fff;color:#777}
@media(max-width:650px){.profile-main-avatar{width:198px;height:198px}.profile-sub-menu{left:16px;right:16px}.profile-more-menu{right:10px}.chat-image{max-width:220px}.chat-send{grid-template-columns:auto auto auto minmax(0,1fr) auto}}

/* ===== V10 chat cleanup ===== */
.v10-chat{background:#fff;border-radius:0;min-height:calc(100vh - 120px)}
.conversation-wrap{position:relative;border-bottom:1px solid #efefef;display:flex;align-items:center;background:#fff}
.conversation-wrap .conversation-row{flex:1;min-width:0;padding:12px 10px;display:flex;align-items:center;gap:10px}
.conversation-wrap .conversation-row .avatar{width:54px;height:54px;flex:0 0 54px}
.conversation-main{min-width:0;display:flex;flex-direction:column}.conversation-main b,.conversation-main span,.conversation-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-main span{color:#666;margin-top:3px}.conversation-main small{color:#aaa;margin-top:3px;font-size:12px}
.conversation-more{border:0;background:transparent;width:42px;height:42px;font-size:23px;color:#777}
.conversation-menu{display:none;position:absolute;right:12px;top:55px;z-index:40;background:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.16);overflow:hidden}.conversation-menu.show{display:block}.conversation-menu button{border:0;background:#fff;color:#d64d52;padding:12px 15px;white-space:nowrap}
.empty-chat-list{display:grid;place-items:center;gap:8px;min-height:260px;color:#999;font-size:35px}.empty-chat-list b{font-size:15px}
.v10-chat .chat-user-head{position:sticky;top:64px;z-index:22;background:#fff}
.v10-chat .chatbox{padding:16px 12px 88px;min-height:calc(100vh - 210px);background:#f7f3ef;display:flex;flex-direction:column;gap:8px}
.v10-chat .msg{max-width:78%;align-self:flex-start;background:#fff;border-radius:18px 18px 18px 6px;padding:10px 12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.v10-chat .msg.mine{align-self:flex-end;background:#fff0dd;border-radius:18px 18px 6px 18px}
.v10-chat .msg-foot{font-size:11px;color:#999;display:flex;justify-content:flex-end;gap:5px;align-items:center}
.v10-chat .read-receipt.sent{color:#9b9b9b}.v10-chat .read-receipt.read{color:#24b56a}
.v10-chat .chat-send{position:sticky;bottom:0;z-index:25;display:flex!important;align-items:center;gap:5px;background:#fff;border-top:1px solid #eee;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}
.v10-chat .chat-send .chat-tool{flex:0 0 38px;width:38px;height:38px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;font-size:20px;padding:0}
.v10-chat .chat-send input[name="body"]{flex:1;min-width:0;height:42px;border:0;background:#f2efec;border-radius:22px;padding:0 14px}
.v10-chat .chat-send-btn{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;background:var(--ok-orange);color:#fff;font-size:18px}
.v10-chat .emoji-panel{bottom:58px}
.v10-chat .msg-delete-menu{bottom:-42px}
@media(max-width:650px){
 .v10-chat .chat-user-head{top:58px}
 .v10-chat .chatbox{min-height:calc(100vh - 180px)}
 .v10-chat .msg{max-width:84%}
 .v10-chat .chat-image{max-width:210px}
}

/* ===== V11 final mobile polish ===== */
:root{--v11-bg:#f7f3ef;--v11-card:#fff;--v11-line:#ebe7e3;--v11-orange:#ff7a00;--v11-text:#2f2f2f}
body.no-scroll{overflow:hidden}
.menu-language-row{margin:14px 22px 20px}.language-open{width:100%;border:0;background:#f4f0ec;border-radius:18px;display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--v11-text)}.menu-icon{font-size:22px}.menu-language-copy{display:grid;text-align:left;flex:1}.menu-language-copy small{color:#8a8a8a;margin-top:2px}.menu-chevron{font-size:28px;color:#999}
.language-sheet-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:199}.language-sheet-backdrop.show{display:block!important}
.language-sheet{display:block!important;position:fixed;left:0;right:0;bottom:0;z-index:200;background:#fff;border-radius:26px 26px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .26s ease;box-shadow:0 -12px 45px rgba(0,0,0,.12)}.language-sheet.show{transform:translateY(0)}.language-sheet-handle{width:44px;height:4px;background:#d9d5d2;border-radius:10px;margin:2px auto 10px}.language-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px}.language-close{border:0;background:#f1eeeb;border-radius:50%;width:36px;height:36px;font-size:24px}.language-option{display:flex;align-items:center;justify-content:space-between;padding:14px 10px;border-top:1px solid #f1eeee}.language-option.active{color:var(--v11-orange);font-weight:800}

.v11-profile{background:#fff;border-radius:0 0 26px 26px;overflow:visible;position:relative;margin-bottom:12px}.v11-profile-cover{height:275px;background:#f7f3ef center/cover no-repeat}.v11-profile-main{position:relative;padding:0 30px 18px;margin-top:-1px}.v11-profile-avatar-wrap{margin-top:-155px;position:relative;z-index:2}.v11-profile-avatar{width:198px;height:198px;object-fit:cover;border-radius:12px;border:3px solid #fff;box-shadow:0 6px 20px rgba(0,0,0,.1)}.v11-profile-name{margin-top:22px}.v11-profile-name h1{font-size:29px;line-height:1.1;margin:0 0 8px}.v11-profile-actions{display:grid;grid-template-columns:1.15fr .75fr .75fr;gap:8px;margin-top:22px;position:relative}.v11-profile-actions .wide{grid-column:1/-1}.v11-primary,.v11-secondary{min-height:54px;border:0;border-radius:18px;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.v11-primary{background:var(--v11-orange);color:#fff}.v11-secondary{background:#f2efec;color:#333}.v11-floating-menu{position:absolute;z-index:80;left:30px;right:30px;background:#fff;border:1px solid #dedad6;border-radius:18px;box-shadow:0 12px 36px rgba(0,0,0,.16);overflow:hidden}.profile-sub-menu{top:100%}.profile-more-menu{left:auto;width:290px;right:30px;top:100%}.v11-floating-menu button,.v11-floating-menu a{width:100%;border:0;background:#fff;padding:16px;text-align:left;display:flex;align-items:center;gap:13px;border-bottom:1px solid #efefef}.v11-menu-ico{font-size:22px}.v11-menu-copy{display:grid;flex:1}.v11-menu-copy small{color:#888;margin-top:4px;line-height:1.3}.v11-profile-tabs{display:flex;gap:24px;overflow:auto;padding:0 16px;background:#fff;border-top:1px solid #eee;border-radius:0 0 25px 25px}.v11-profile-tabs a{position:relative;padding:17px 0;color:#777;white-space:nowrap}.v11-profile-tabs a.active{color:#333}.v11-profile-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:4px;background:var(--v11-orange)}.v11-about{border-radius:24px!important;padding:22px 30px!important}.v11-lock-card{border-radius:24px!important}.v11-post-card{border-radius:24px!important;overflow:visible}
.switch{flex:0 0 auto}

.v11-reaction-popover{position:absolute!important;left:0!important;right:0!important;bottom:58px!important;margin:auto!important;width:min(96%,680px)!important;background:#fff!important;border-radius:22px!important;box-shadow:0 10px 35px rgba(0,0,0,.18)!important;padding:12px 14px!important;align-items:flex-end!important;justify-content:space-around!important;gap:4px!important;z-index:120!important}
.v11-reaction-popover.v11-open button{animation:v11RxIn .34s cubic-bezier(.2,.9,.3,1.4) both;animation-delay:calc(var(--i) * 35ms)}
.v11-reaction-popover button{border:0!important;background:transparent!important;padding:0!important;transition:transform .16s ease!important}
.v11-reaction-popover button.is-hover{transform:translateY(-12px) scale(1.35)!important}
.v11-reaction-popover .rx{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;background:#ffb200;font-size:34px;box-shadow:0 3px 8px rgba(0,0,0,.08)}
.v11-reaction-popover .rx-heart{background:transparent;font-size:48px}.v11-reaction-popover .rx-like{background:#666;color:#fff}.v11-reaction-popover .rx-like2{background:#ffb200}
@keyframes v11RxIn{0%{opacity:0;transform:translateY(20px) scale(.55)}70%{opacity:1;transform:translateY(-5px) scale(1.12)}100%{transform:translateY(0) scale(1)}}
.reaction-main.react-bounce{animation:v11LikeBounce .4s ease}@keyframes v11LikeBounce{0%{transform:scale(1)}40%{transform:scale(1.22) rotate(-6deg)}100%{transform:scale(1)}}
.v11-ok-actions{position:relative}.v11-ok-actions .reaction-main,.v11-ok-actions a,.v11-ok-actions button{border-radius:18px!important}
.reaction-summary{display:flex;align-items:center;gap:7px}.reaction-summary .reaction-icons{letter-spacing:-4px}

.v11-messages-title{padding:14px 16px;background:#fff;border-bottom:1px solid #eee}.v11-chat{border-radius:0;background:#fff}.v11-chat .chat-user-head{padding:10px 12px}.v11-chat .chatbox{background:#f6f1ed;padding:14px 10px 86px}.v11-chat .msg{box-shadow:none;border:1px solid #ece6e1}.v11-chat .msg.mine{background:#fff0df;border-color:#ffd6ae}.v11-chat .chat-send{padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:4px}.v11-chat .chat-send .chat-tool{border:0!important;background:transparent!important;width:38px!important;height:38px!important;flex:0 0 38px!important}.v11-chat .chat-send input[name="body"]{height:42px!important;background:#f2efec!important;border:0!important;border-radius:22px!important}.v11-chat .chat-send-btn{background:var(--v11-orange)!important}
.msg-delete-menu{min-width:190px}.conversation-menu{min-width:210px}

@media(max-width:650px){
  .container{padding-left:0!important;padding-right:0!important}
  .feed{width:100%!important;max-width:100%!important}
  .v11-profile-cover{height:245px}
  .v11-profile-main{padding:0 31px 16px}
  .v11-profile-avatar-wrap{margin-top:-154px}
  .v11-profile-avatar{width:198px;height:198px}
  .v11-profile-name h1{font-size:28px}
  .v11-profile-actions{grid-template-columns:1.25fr .8fr .8fr}
  .v11-primary,.v11-secondary{font-size:17px;min-height:52px}
  .v11-floating-menu{left:31px;right:31px}
  .profile-more-menu{left:auto;right:20px;width:285px}
  .v11-profile-tabs{gap:24px}
  .v11-reaction-popover{bottom:55px!important;padding:10px 7px!important;width:calc(100% - 8px)!important}
  .v11-reaction-popover .rx{width:47px;height:47px;font-size:29px;border-radius:13px}
  .v11-reaction-popover .rx-heart{font-size:43px}
  .v11-chat .chatbox{min-height:calc(100vh - 176px)}
  .ok-footer{font-size:12px}
}

/* ===== V12 FINAL OVERRIDES ===== */
.v12-own-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.v12-own-main,.v12-own-secondary{min-height:52px;border:0;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:17px}
.v12-own-main{grid-column:1/-1;background:#f1eeeb;color:#333}.v12-own-secondary{background:#f1eeeb;color:#333}
.v12-empty-messages{min-height:calc(100vh - 190px);display:grid;place-content:center;text-align:center;padding:30px 25px;background:#fff}
.v12-empty-icon{width:78px;height:78px;border-radius:50%;background:#f4f1ee;display:grid;place-items:center;margin:0 auto 16px;font-size:35px;color:#888}
.v12-empty-messages h3{margin:0 0 8px;font-size:21px}.v12-empty-messages p{margin:0 auto 18px;color:#888;max-width:320px;line-height:1.45}.v12-find-people{display:inline-flex;justify-self:center;background:#ff7900;color:#fff;padding:12px 20px;border-radius:18px;font-weight:700}

.reaction-quick-row,.quick-reactions{display:none!important}
.v12-reaction-summary{display:flex;align-items:center;gap:10px;padding:8px 0;color:#858585}
.reaction-stack{display:flex;align-items:center;padding-left:4px}.reaction-stack span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #fff;margin-left:-5px;font-size:18px}.reaction-stack span:first-child{margin-left:0}
.v12-reaction-popover{display:none!important;position:absolute!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:58px!important;width:min(96%,680px)!important;background:#fff!important;border:1px solid #e5e1dd!important;border-radius:20px!important;box-shadow:0 12px 36px rgba(0,0,0,.2)!important;padding:10px 10px 13px!important;align-items:flex-end!important;justify-content:space-around!important;gap:4px!important;z-index:999!important}
.v12-reaction-popover.show{display:flex!important}
.v12-reaction-popover.animate-in button{animation:v12RxPop .36s cubic-bezier(.22,.9,.34,1.38) both;animation-delay:calc(var(--rx-index) * 34ms)}
.v12-reaction-popover button{border:0!important;background:transparent!important;padding:0!important;margin:0!important;transition:transform .14s ease!important}
.v12-reaction-popover button.rx-hover{transform:translateY(-12px) scale(1.32)!important}
.v12-reaction-popover .rx{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:31px;box-shadow:0 2px 7px rgba(0,0,0,.08)}
.v12-reaction-popover .rx-grey{background:#676767}
.v12-reaction-popover .rx-yellow{background:#ffb300}
.v12-reaction-popover .rx-heart{background:transparent;box-shadow:none;font-size:47px}
@keyframes v12RxPop{0%{opacity:0;transform:translateY(20px) scale(.5)}65%{opacity:1;transform:translateY(-7px) scale(1.14)}100%{opacity:1;transform:translateY(0) scale(1)}}
.reaction-main{position:relative!important;border-radius:18px!important;background:#f2efec!important;color:#333!important;min-height:42px!important;padding:0 17px!important}
.reaction-main:active{transform:scale(.96)}
.post-card,.v11-post-card{position:relative!important;overflow:visible!important}

.v11-profile{background:#fff!important}.v11-profile-cover{background-color:#f7f3ef!important}.v11-profile-main{background:#fff!important}.v11-profile-tabs{background:#fff!important}
.v11-chat .chatbox{background:#f6f1ed!important}.v11-chat .chat-send{display:flex!important}.v11-chat .chat-send input[name="body"]{flex:1!important;min-width:0!important}.v11-chat .chat-tool{display:grid!important}
@media(max-width:650px){
  .v12-reaction-popover{width:calc(100% - 12px)!important;bottom:52px!important;padding:9px 6px 12px!important}
  .v12-reaction-popover .rx{width:45px;height:45px;font-size:27px;border-radius:12px}
  .v12-reaction-popover .rx-heart{font-size:41px}
  .v11-profile-cover{height:235px!important}
  .v11-profile-avatar{width:180px!important;height:180px!important}
  .v11-profile-avatar-wrap{margin-top:-130px!important}
  .v11-profile-main{padding:0 24px 16px!important}
  .v11-profile-name h1{font-size:27px!important}
  .v11-profile-tabs{gap:22px!important}
}

/* ===== V13 compact OK-style profile ===== */
.v11-profile{background:#fff!important;border-radius:0 0 22px 22px!important;overflow:visible!important}
.v11-profile-cover{
  position:relative!important;
  height:148px!important;
  min-height:148px!important;
  background:#f7f3ef center/cover no-repeat!important;
}
.v11-profile-main{
  position:relative!important;
  padding:0 16px 14px!important;
  background:#fff!important;
}
.v11-profile-avatar-wrap{
  position:relative!important;
  z-index:5!important;
  width:104px!important;
  margin-top:-78px!important;
}
.v11-profile-avatar{
  width:104px!important;
  height:104px!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:9px!important;
  border:3px solid #fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.12)!important;
}
.v11-profile-name{margin-top:14px!important}
.v11-profile-name h1{
  margin:0 0 5px!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.v11-profile-name .meta{font-size:14px!important}
.v12-own-actions,.v11-profile-actions{
  margin-top:15px!important;
  gap:7px!important;
}
.v12-own-main,.v12-own-secondary,.v11-primary,.v11-secondary{
  min-height:44px!important;
  border-radius:15px!important;
  font-size:15px!important;
}
.v11-profile-tabs{
  min-height:48px!important;
  padding:0 16px!important;
  gap:20px!important;
  border-top:1px solid #eee!important;
}
.v11-profile-tabs a{
  padding:14px 0!important;
  font-size:15px!important;
}
.profile-cover-upload{
  position:absolute!important;
  top:12px!important;
  right:14px!important;
  z-index:7!important;
}
.profile-cover-upload-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:0 11px!important;
  background:rgba(242,239,236,.94)!important;
  color:#8c8c8c!important;
  border-radius:18px!important;
  font-size:13px!important;
  cursor:pointer!important;
  backdrop-filter:blur(8px)!important;
}
.profile-avatar-upload{position:absolute!important;inset:0!important;pointer-events:none!important}
.profile-avatar-plus{
  pointer-events:auto!important;
  cursor:pointer!important;
  position:absolute!important;
  right:-7px!important;
  bottom:-7px!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#ff7900!important;
  color:#fff!important;
  border:3px solid #fff!important;
  font-size:23px!important;
  font-weight:400!important;
  line-height:1!important;
  box-shadow:0 3px 10px rgba(0,0,0,.16)!important;
}
.v11-about{
  margin-top:10px!important;
  border-radius:20px!important;
  padding:18px 16px!important;
}
.v11-floating-menu{left:16px!important;right:16px!important}
.profile-more-menu{left:auto!important;right:12px!important;width:280px!important}

@media(max-width:650px){
  .v11-profile-cover{
    height:138px!important;
    min-height:138px!important;
  }
  .v11-profile-main{padding:0 16px 13px!important}
  .v11-profile-avatar-wrap{
    width:100px!important;
    margin-top:-76px!important;
  }
  .v11-profile-avatar{
    width:100px!important;
    height:100px!important;
  }
  .v11-profile-name{margin-top:13px!important}
  .v11-profile-name h1{font-size:23px!important}
  .profile-cover-upload-btn span:last-child{display:none!important}
  .profile-cover-upload-btn{
    width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    justify-content:center!important;
    border-radius:50%!important;
    font-size:17px!important;
  }
  .v12-own-actions,.v11-profile-actions{
    margin-top:14px!important;
  }
  .v11-profile-tabs{
    gap:19px!important;
    overflow-x:auto!important;
  }
}

/* ===== V14 reaction bar ===== */
.reaction-wrap{position:relative!important;display:inline-flex!important;align-items:center!important}
.reaction-popover{display:none!important}
.v14-reaction-popover{position:absolute!important;left:0!important;bottom:54px!important;width:340px!important;max-width:calc(100vw - 20px)!important;padding:9px 10px!important;background:#fff!important;border:1px solid #e4dfda!important;border-radius:20px!important;box-shadow:0 12px 38px rgba(0,0,0,.22)!important;z-index:9999!important;align-items:flex-end!important;justify-content:space-between!important;gap:5px!important;transform-origin:18% 100%!important}
.v14-reaction-popover.show{display:flex!important}
.v14-reaction-popover.animate-in{animation:v14BarIn .25s cubic-bezier(.2,.9,.25,1.18) both!important}
.v14-reaction-popover button{border:0!important;background:transparent!important;padding:0!important;margin:0!important;width:42px!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .13s ease!important;animation:v14IconIn .36s cubic-bezier(.2,.9,.25,1.3) both!important}
.v14-reaction-popover button:nth-child(2){animation-delay:.03s!important}.v14-reaction-popover button:nth-child(3){animation-delay:.06s!important}.v14-reaction-popover button:nth-child(4){animation-delay:.09s!important}.v14-reaction-popover button:nth-child(5){animation-delay:.12s!important}.v14-reaction-popover button:nth-child(6){animation-delay:.15s!important}.v14-reaction-popover button:nth-child(7){animation-delay:.18s!important}
.v14-reaction-popover button:hover,.v14-reaction-popover button:active{transform:translateY(-10px) scale(1.3)!important}
.v14-reaction-popover button.selected-pop{animation:v14Selected .32s ease!important}
.v14-reaction-popover img{width:42px!important;height:42px!important;display:block!important;pointer-events:none!important}
@keyframes v14BarIn{0%{opacity:0;transform:translateY(14px) scale(.88)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v14IconIn{0%{opacity:0;transform:translateY(17px) scale(.55)}70%{opacity:1;transform:translateY(-4px) scale(1.12)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v14Selected{0%{transform:scale(1)}50%{transform:translateY(-12px) scale(1.48)}100%{transform:scale(1)}}
@keyframes v14LikeBounce{0%{transform:scale(1)}45%{transform:scale(1.14)}100%{transform:scale(1)}}
.reaction-main.v14-like-bounce{animation:v14LikeBounce .28s ease!important}
.reaction-main{min-height:42px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:0 16px!important;border:0!important;border-radius:18px!important;background:#f2efec!important;color:#343434!important;font-weight:700!important}
.reaction-main.active{background:#fff1d6!important;color:#d46c00!important}
.reaction-main-icon{width:25px!important;height:25px!important;display:block!important}
.v14-reaction-summary{display:flex!important;align-items:center!important;gap:8px!important;color:#888!important;padding:8px 0!important}
.v14-summary-icons{display:flex!important;align-items:center!important;padding-left:4px!important}
.v14-summary-icons img{width:26px!important;height:26px!important;border-radius:50%!important;border:2px solid #fff!important;margin-left:-6px!important;background:#fff!important}.v14-summary-icons img:first-child{margin-left:0!important}
.post-popup{min-width:205px!important}.post-popup button{width:100%!important;text-align:left!important}
@media(max-width:650px){.v14-reaction-popover{position:fixed!important;left:8px!important;right:8px!important;bottom:74px!important;width:auto!important;max-width:none!important;padding:10px 8px!important}.v14-reaction-popover button{width:44px!important;height:54px!important}.v14-reaction-popover img{width:45px!important;height:45px!important}}

/* ===== V15 OK-like messages ===== */
.v15-messages-page{background:#fff!important;min-height:calc(100vh - 64px)}
.v15-conversation-head{padding:18px 20px;border-bottom:1px solid #eee}.v15-conversation-head h2{margin:0;font-size:24px}
.v15-conversation-list{background:#fff}.v15-conversation-wrap{min-height:76px}
.v15-no-conversations{min-height:60vh;display:grid;place-content:center;text-align:center;gap:9px;padding:30px;color:#888}
.v15-no-icon{width:70px;height:70px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#f3f0ed;font-size:30px}
.v15-no-conversations b{font-size:20px;color:#333}.v15-no-conversations span{max-width:320px;line-height:1.4}

.v15-chat{height:calc(100dvh - 64px);display:flex;flex-direction:column;background:#fff;overflow:hidden}
.v15-chat-head{height:64px;flex:0 0 64px;display:flex;align-items:center;gap:8px;padding:8px 13px;border-bottom:1px solid #ececec;background:#fff;z-index:20}
.v15-chat-back{font-size:43px;line-height:1;width:35px;text-align:center;color:#444}
.v15-chat-person{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.v15-chat-person img{width:48px!important;height:48px!important}.v15-chat-person span{display:grid;min-width:0}.v15-chat-person b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v15-chat-person small{color:#777;font-size:14px}
.v15-chat-head-more{border:0;background:transparent;font-size:24px;width:40px;height:40px;color:#555}

.v15-friend-hint{position:relative;padding:14px 28px;border-bottom:1px solid #e6e6e6;background:#fff;display:grid;gap:4px}
.v15-friend-hint b{font-size:18px;font-weight:500}.v15-friend-hint span{color:#777}.v15-friend-hint>div{display:flex;gap:8px;margin-top:10px}.v15-friend-hint .btn{border-radius:20px!important;padding:10px 18px!important;background:#ff8500!important}.v15-friend-hint .btn.alt{background:#f0efee!important;color:#444!important}
.v15-hint-close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:28px;color:#555}

.v15-chat-scroll{flex:1;min-height:0;overflow-y:auto;background:#fff;scroll-behavior:smooth}
.v15-chatbox{min-height:100%;padding:20px 30px 28px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.v15-date-chip{align-self:center;background:#fff;border:1px solid #dedede;border-radius:20px;padding:7px 15px;color:#666;margin:12px 0;font-size:13px}
.v15-msg{position:relative;display:flex;align-items:center;gap:5px;max-width:78%;align-self:flex-start}
.v15-msg.mine{align-self:flex-end;flex-direction:row-reverse}
.v15-bubble{background:#f2f2f2;border-radius:20px 20px 20px 6px;padding:10px 13px;min-width:72px;max-width:100%;box-shadow:none}
.v15-msg.mine .v15-bubble{border-radius:20px 20px 6px 20px;background:#f1f1f1}
.v15-msg-text{font-size:17px;line-height:1.35;word-break:break-word}
.v15-msg-meta{display:flex;justify-content:flex-end;gap:5px;align-items:center;color:#777;font-size:12px;margin-top:3px}
.v15-msg-more{border:0;background:transparent;color:#999;font-size:22px;padding:5px}
.v15-msg-menu{position:absolute!important;right:28px!important;bottom:-48px!important;z-index:80!important;background:#fff!important;border-radius:14px!important;box-shadow:0 7px 28px rgba(0,0,0,.18)!important}
.v15-msg-menu button{white-space:nowrap!important}
.read-receipt.sent{color:#999!important}.read-receipt.read{color:#22b365!important}
.v15-msg .chat-image{display:block;max-width:250px;border-radius:14px;margin:3px 0}.v15-msg audio{max-width:250px}

.v15-composer{position:relative;flex:0 0 auto;display:flex!important;align-items:center!important;gap:5px!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;border-top:1px solid #ececec!important;background:#fff!important;z-index:30}
.v15-message-input{flex:1!important;min-width:0!important;height:46px!important;border:0!important;background:#fff!important;padding:0 8px!important;font-size:17px!important;box-shadow:none!important}
.v15-tool,.v15-send{width:46px!important;height:46px!important;flex:0 0 46px!important;border:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;padding:0!important;font-size:23px!important}
.v15-tool{background:#f0f0f0!important;color:#5a5a5a!important}.v15-send{background:#ff8500!important;color:#fff!important}
.v15-composer.recording .v15-mic{background:#ffe0d4!important;color:#d22!important}.v15-composer.has-recording .v15-mic{background:#e5f7ea!important;color:#1a9b48!important}
.v15-emoji-panel{position:absolute!important;right:54px!important;bottom:62px!important;left:auto!important;width:260px!important;grid-template-columns:repeat(6,1fr)!important;background:#fff!important;border-radius:16px!important;box-shadow:0 7px 28px rgba(0,0,0,.18)!important;padding:8px!important;z-index:90!important}
.v15-emoji-panel.show{display:grid!important}.v15-emoji-panel button{border:0;background:transparent;font-size:23px;padding:7px}

@media(max-width:650px){
  .v15-messages-page{margin:0!important}
  .v15-chat{height:calc(100dvh - 58px)}
  .v15-chat-head{height:62px;flex-basis:62px}
  .v15-friend-hint{padding:13px 28px}
  .v15-friend-hint b{font-size:16px}.v15-friend-hint span{font-size:13px}
  .v15-chatbox{padding:14px 30px 20px}
  .v15-msg{max-width:84%}.v15-msg-text{font-size:16px}
  .v15-composer{padding-left:10px!important;padding-right:10px!important}
  .v15-tool,.v15-send{width:43px!important;height:43px!important;flex-basis:43px!important}
  .v15-message-input{height:43px!important;font-size:16px!important}
  .ok-footer{display:none!important}
}

/* ===== V17 ===== */
.v15-tool .ico,.v15-send .ico,.v15-chat-back .ico,.v15-chat-head-more .ico,.v15-msg-more .ico,.conversation-more .ico,.v15-hint-close .ico{width:24px!important;height:24px!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none!important}
.v15-chat-back,.v15-chat-head-more,.conversation-more,.v15-msg-more,.v15-hint-close{display:grid!important;place-items:center!important}
.v15-chat-back .ico{width:28px!important;height:28px!important}
.v15-hint-close .ico{width:20px!important;height:20px!important}
.conversation-menu .ico,.v15-msg-menu .ico{width:19px!important;height:19px!important;margin-right:7px!important;vertical-align:middle!important}
.post-comment-link,.v17-share-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;padding:0 14px!important;border-radius:18px!important;background:#f2efec!important;color:#444!important;font-weight:700!important}
.post-comment-link .ico,.v17-share-link .ico{width:22px!important;height:22px!important}
.discussion-activity{background:#fff;border-bottom:1px solid #eee;padding-bottom:8px}
.discussion-section-title{display:flex;align-items:center;gap:9px;padding:15px 18px 10px}
.discussion-section-title .ico{width:22px;height:22px}
.discussion-comment-item{display:flex;align-items:flex-start;gap:11px;padding:12px 18px;border-top:1px solid #f4f1ef;background:#fff}
.discussion-comment-main{min-width:0;flex:1}
.discussion-comment-body{margin-top:4px;font-size:15px;line-height:1.35}
.discussion-comment-post{margin-top:5px;padding:7px 9px;border-left:3px solid #ff8500;background:#faf7f4;border-radius:0 8px 8px 0;color:#777;font-size:13px}
.discussion-comment-main small{display:block;margin-top:5px;color:#999}
.discussion-open{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f4f1ee;color:#777}.discussion-open .ico{width:19px;height:19px}
@media(max-width:650px){
  .v15-messages-page{height:calc(100dvh - 94px)!important;overflow:hidden!important;background:#fff!important}
  .v15-chat{height:100%!important;min-height:0!important;border-radius:0!important}
  .v15-chat-head{position:sticky!important;top:0!important;z-index:50!important;flex:0 0 58px!important;height:58px!important;padding:5px 8px!important}
  .v15-chat-person img{width:42px!important;height:42px!important}.v15-chat-person b{font-size:16px!important}.v15-chat-person small{font-size:12px!important}
  .v15-friend-hint{flex:0 0 auto!important;max-height:115px!important;overflow:hidden!important;padding:10px 42px 10px 15px!important}
  .v15-friend-hint b{font-size:14px!important}.v15-friend-hint span{font-size:12px!important}.v15-friend-hint>div{margin-top:6px!important}.v15-friend-hint .btn{padding:7px 12px!important;font-size:12px!important}
  .v15-chat-scroll{flex:1 1 auto!important;min-height:0!important;padding:0!important}
  .v15-chatbox{min-height:100%!important;padding:12px 12px 18px!important;gap:6px!important}
  .v15-msg{max-width:88%!important}.v15-bubble{padding:8px 11px!important;border-radius:16px 16px 16px 5px!important}.v15-msg.mine .v15-bubble{border-radius:16px 16px 5px 16px!important}
  .v15-msg-text{font-size:15px!important;line-height:1.3!important}.v15-msg .chat-image{max-width:min(72vw,280px)!important}.v15-msg audio{max-width:72vw!important}
  .v15-composer{position:sticky!important;bottom:0!important;display:flex!important;align-items:center!important;gap:4px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #e9e9e9!important}
  .v15-tool,.v15-send{width:40px!important;height:40px!important;flex:0 0 40px!important}.v15-tool .ico,.v15-send .ico{width:22px!important;height:22px!important}.v15-message-input{height:40px!important;font-size:15px!important;padding:0 5px!important}
  .v15-emoji-panel{left:8px!important;right:8px!important;bottom:58px!important;width:auto!important;grid-template-columns:repeat(6,1fr)!important}
  .post-comment-link,.v17-share-link{min-height:40px!important;padding:0 12px!important;font-size:13px!important}
  .discussion-comment-item{padding:11px 14px!important}
}

/* ===== V18 profile cover positioning + gift acceptance ===== */
.v11-profile-cover{
  position:relative!important;
  overflow:hidden!important;
  background-position:center center!important;
}
.profile-cover-upload{
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:10!important;
  max-width:calc(100% - 28px)!important;
}
.profile-cover-upload-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  max-width:220px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.90)!important;
  color:#666!important;
  box-shadow:0 3px 16px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(7px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.profile-cover-upload-btn .ico{width:21px!important;height:21px!important;flex:0 0 auto!important}
.profile-cover-upload-btn span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.v11-profile-avatar-wrap{isolation:isolate!important}
.profile-featured-gift{
  position:absolute!important;
  left:-9px!important;
  top:-9px!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fff!important;
  border:3px solid #fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.17)!important;
  z-index:8!important;
}
.profile-featured-gift span{font-size:24px!important;line-height:1!important}
.gift-received-main{flex:1;min-width:0}
.gift-received-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.gift-received-actions .btn{min-width:95px}
.gift-status{display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:12px;font-size:12px;font-weight:700}
.gift-status.accepted{background:#e7f8ef;color:#188b52}
.gift-status.rejected{background:#f4efec;color:#8a7770}
@media(max-width:650px){
  .profile-cover-upload{right:12px!important;top:50%!important}
  .profile-cover-upload-btn{
    width:auto!important;
    max-width:185px!important;
    height:38px!important;
    padding:0 11px!important;
    border-radius:19px!important;
    font-size:12px!important;
  }
  .profile-cover-upload-btn span{display:inline!important}
  .profile-featured-gift{width:34px!important;height:34px!important;left:-7px!important;top:-7px!important}
  .profile-featured-gift span{font-size:21px!important}
}

/* ===== V20 hard fixes ===== */
.ok-footer{display:block!important;background:#fff!important;margin-top:12px!important;padding:18px 22px calc(28px + env(safe-area-inset-bottom))!important;border-top:1px solid #ece8e4!important;color:#8b8b8b!important}
.ok-footer-links{display:flex!important;gap:14px!important;flex-wrap:wrap!important}.ok-footer-copy{display:block!important}

.header-friends-wrap{position:relative;display:flex;align-items:center}
.header-friends-btn{border:0;background:transparent;padding:8px;color:#999;display:grid;place-items:center}
.header-friends-menu{display:none;position:absolute;right:-70px;top:58px;width:230px;background:#fff;border:1px solid #ece8e4;border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.12);z-index:150;overflow:hidden}
.header-friends-menu.show{display:block}.header-friends-menu a{display:flex!important;align-items:center!important;gap:11px!important;padding:14px 16px!important;color:#333!important;border-bottom:1px solid #f3efec}.header-friends-menu a:last-child{border-bottom:0}.header-friends-menu .ico{width:22px!important;height:22px!important}

.compact-composer{padding:12px!important}.compact-composer .composer-user{display:flex;align-items:flex-start;gap:10px}
.compact-composer .composer-user textarea{min-height:48px!important;height:48px!important;padding:13px 15px!important;border-radius:20px!important;overflow:hidden!important}
.compact-composer.open .composer-user textarea{min-height:86px!important;height:auto!important;overflow:auto!important}
.composer-expand{margin-top:9px}.composer-tools{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.composer-tools .tool-btn{min-height:46px!important;border:0!important;border-radius:16px!important;background:#f2efec!important;color:#3c3c3c!important;padding:8px 9px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-weight:700!important}
.composer-tools .tool-btn .ico{width:22px!important;height:22px!important}.composer-privacy select{border:0!important;background:transparent!important;padding:0!important;width:auto!important;max-width:88px!important;color:#3c3c3c!important;font-weight:700!important}
.composer-submit{grid-column:1/-1!important;min-height:46px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.composer-submit .ico{width:21px!important;height:21px!important}
.composer-media-preview{overflow:hidden;border-radius:18px;margin:8px 0;background:#f4f1ee}.composer-media-preview img,.composer-media-preview video{display:block;width:100%;max-height:360px;object-fit:contain}
.gradient-picker{padding:8px 0!important}
.post-popup button{display:flex!important;align-items:center!important;gap:9px!important}.post-popup button .ico{width:19px!important;height:19px!important}

.messages-empty-v20{min-height:calc(100vh - 260px);display:grid;place-content:center;text-align:center;justify-items:center;padding:28px;color:#777}.messages-empty-v20 .ico{width:58px;height:58px;color:#aaa}.messages-empty-v20 h3{margin:12px 0 5px;color:#333}.messages-empty-v20 p{margin:0 0 15px;max-width:280px;line-height:1.4}

.discussions-v20{background:#f7f3ef}.discussion-tabs{display:flex;gap:20px;padding:16px 18px;background:#fff;border-bottom:1px solid #ece8e4;overflow:auto;white-space:nowrap}.discussion-tabs a{padding:9px 0;color:#777;position:relative}.discussion-tabs a.active{color:#222;font-weight:700}.discussion-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:4px;border-radius:3px;background:#ff8200}
.discussion-feed-list{display:grid;gap:10px;padding:10px 0}.discussion-thread-card{background:#fff;padding:15px 17px;border-radius:20px}.discussion-thread-user{display:flex;align-items:center;gap:11px}.discussion-thread-user .avatar{width:48px;height:48px}.discussion-thread-user div{min-width:0}.discussion-thread-user b{display:block}.discussion-thread-user small{display:block;color:#999;margin-top:3px}.discussion-thread-body{display:block;margin-top:11px}.discussion-comment-text{font-size:16px;line-height:1.4;padding:2px 0 10px}.discussion-post-ref{display:grid;grid-template-columns:24px 1fr 22px;gap:9px;align-items:center;background:#f5f2ef;border-radius:15px;padding:10px 12px;color:#666}.discussion-post-ref .ico{width:21px;height:21px}.discussion-post-ref div{min-width:0}.discussion-post-ref b,.discussion-post-ref span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discussion-post-ref span{font-size:13px;margin-top:3px;color:#888}.discussion-empty{min-height:420px;display:grid;place-content:center;justify-items:center;text-align:center;background:#fff;padding:30px}.discussion-empty .ico{width:60px;height:60px;color:#aaa}.discussion-empty h3{margin:12px 0 5px}.discussion-empty p{color:#888;margin:0}

.v11-profile-cover{position:relative!important;overflow:hidden!important;background-size:cover!important;background-position:center center!important}
.profile-cover-upload{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:20!important}
.profile-cover-upload-btn{max-width:210px!important;white-space:nowrap!important}

@media(max-width:650px){
  .ok-footer{display:block!important;font-size:12px!important;margin-top:0!important}
  .header-friends-btn{padding:8px!important;color:#999!important}.header-friends-btn .ico{width:29px!important;height:29px!important}
  .header-friends-menu{position:fixed!important;top:92px!important;right:12px!important;left:12px!important;width:auto!important;border-radius:18px!important}
  .composer-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .composer-submit{grid-column:1/-1!important}
  .compact-composer .composer-user textarea{font-size:16px!important}
  .discussion-thread-card{border-radius:0!important;margin:0!important;border-bottom:1px solid #f0ece8!important}
  .discussion-feed-list{gap:0!important;padding:0!important}
  .discussion-tabs{position:sticky!important;top:94px!important;z-index:25!important}
  .v11-profile-cover{height:220px!important}
  .profile-cover-upload{top:50%!important;left:50%!important}
  .profile-cover-upload-btn{font-size:12px!important;max-width:180px!important}
  .v15-messages-page{min-height:calc(100dvh - 94px)!important;height:auto!important}
}

/* ===== V21 targeted fixes only ===== */
.v11-profile-cover{height:275px!important;background-color:#f5f1ed!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;position:relative!important}
.profile-cover-upload{position:absolute!important;top:28px!important;right:30px!important;left:auto!important;transform:none!important;z-index:15!important;margin:0!important}
.profile-cover-upload-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:42px!important;max-width:none!important;padding:0 15px!important;border:0!important;border-radius:22px!important;background:rgba(242,239,236,.94)!important;color:#8d8d8d!important;font-weight:600!important;white-space:nowrap!important;backdrop-filter:blur(4px)}
.profile-cover-upload-btn .ico{width:21px!important;height:21px!important}
.v11-profile-main{padding:0 30px 18px!important}.v11-profile-avatar-wrap{margin-top:-155px!important}
.v11-profile-avatar{width:198px!important;height:198px!important}
.friend-remove-profile{background:#f2efec!important;color:#444!important}.friend-remove-profile .ico,.friend-remove-btn .ico,.friend-icon-btn .ico{width:21px!important;height:21px!important}
.friend-row-v21{gap:9px!important}.friend-icon-btn{width:42px;height:42px;border-radius:14px;background:#f2efec;display:grid;place-items:center;flex:0 0 42px}
.friend-remove-btn{border:0;border-radius:14px;background:#f2efec;color:#555;min-height:42px;padding:0 12px;display:flex;align-items:center;gap:6px;font-weight:700}

.ban-site-page{margin:0;min-height:100vh;background:#f7f3ef;overflow:hidden}.ban-site-header{height:94px;background:#fff;border-bottom:1px solid #ece8e4;display:flex;align-items:center;padding:0 20px;gap:18px}.ban-site-logo{font-size:22px;font-weight:900;color:#ff8200}.ban-site-icons{margin-left:auto;display:flex;gap:20px;color:#aaa}.ban-site-icons .ico{width:27px;height:27px}.ban-site-dim{position:fixed;inset:94px 0 0;background:linear-gradient(#f7f3ef,#fff);filter:blur(2px)}.ban-modal-v21{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-48%);width:min(440px,calc(100% - 28px));background:#fff;border-radius:26px;padding:28px 22px;box-shadow:0 18px 60px rgba(0,0,0,.16);text-align:center}.ban-modal-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:#fff0e2;color:#ff7b00}.ban-modal-icon .ico{width:34px;height:34px}.ban-modal-v21 h1{margin:5px 0 8px;font-size:26px}.ban-modal-v21>p{color:#777;line-height:1.45}.ban-detail{display:grid;gap:4px;text-align:left;background:#f5f2ef;border-radius:15px;padding:12px 14px;margin:9px 0}.ban-detail span{color:#777}.ban-logout{margin-top:15px;min-height:48px;border-radius:16px;background:#ff7b00;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.ban-logout .ico{width:22px;height:22px}

.reaction-summary.v14-reaction-summary{width:100%;border:0;background:transparent;display:flex!important;align-items:center!important;gap:8px!important;padding:8px 16px!important;color:#888!important;text-align:left!important;cursor:pointer}.v14-summary-icons{display:flex;align-items:center}.v14-summary-icons img{width:27px!important;height:27px!important;margin-left:-5px!important;border:2px solid #fff!important;border-radius:9px!important;background:#fff}.v14-summary-icons img:first-child{margin-left:0!important}
.reaction-users-modal{display:none;position:fixed;inset:0;z-index:300}.reaction-users-modal.show{display:block}.reaction-users-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42)}.reaction-users-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 24px));max-height:72vh;overflow:hidden;background:#fff;border-radius:24px;box-shadow:0 18px 55px rgba(0,0,0,.2)}.reaction-users-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #eee}.reaction-users-head button{border:0;background:#f2efec;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.reaction-users-head .ico{width:20px;height:20px}.reaction-users-list{max-height:calc(72vh - 58px);overflow:auto}.reaction-user-row{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid #f4f1ee}.reaction-user-row>div{flex:1}.reaction-user-icon{width:34px;height:34px}.reaction-users-empty{padding:35px;text-align:center;color:#888}.reaction-users-loading{width:32px;height:32px;border:3px solid #eee;border-top-color:#ff8200;border-radius:50%;margin:35px auto;animation:v21spin .8s linear infinite}@keyframes v21spin{to{transform:rotate(360deg)}}

@media(max-width:650px){
 .v11-profile-cover{height:275px!important}
 .profile-cover-upload{top:30px!important;right:30px!important;left:auto!important;transform:none!important}
 .profile-cover-upload-btn{font-size:13px!important;padding:0 13px!important;max-width:210px!important}
 .v11-profile-main{padding:0 30px 18px!important}.v11-profile-avatar-wrap{margin-top:-155px!important}.v11-profile-avatar{width:198px!important;height:198px!important}
 .friend-remove-btn span{display:none}.friend-remove-btn{width:42px;padding:0;justify-content:center;flex:0 0 42px}
 .ban-site-header{height:86px}.ban-site-dim{inset:86px 0 0}.ban-modal-v21{top:48%}
 .reaction-users-sheet{left:0;right:0;bottom:0;top:auto;transform:none;width:100%;max-height:72vh;border-radius:26px 26px 0 0}
}


/* ===== V23 profile / menu / video fixes ===== */
.v11-profile-cover{
  height:275px!important;
  position:relative!important;
  background-color:#f7f3ef!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  overflow:visible!important;
}
.v11-profile-main{padding:0 30px 18px!important}
.v11-profile-avatar-wrap{margin-top:-55px!important;position:relative!important;z-index:4!important;width:max-content!important}
.v11-profile-avatar{
  width:100px!important;height:100px!important;border-radius:12px!important;
  border:3px solid #fff!important;object-fit:cover!important;
  box-shadow:0 5px 18px rgba(0,0,0,.10)!important
}
.v11-profile-name{margin-top:18px!important}.v11-profile-name h1{font-size:28px!important}
.profile-cover-upload{position:absolute!important;right:30px!important;top:30px!important;left:auto!important;transform:none!important;z-index:12!important}
.profile-cover-upload-btn{
  min-height:42px!important;padding:0 15px!important;border-radius:22px!important;
  background:rgba(242,239,236,.94)!important;color:#8c8c8c!important;
  cursor:pointer!important;pointer-events:auto!important
}
.profile-cover-upload-btn.loading{opacity:.65;pointer-events:none!important}
.profile-avatar-upload{width:100px!important;height:100px!important;inset:0!important}
.profile-avatar-plus{right:-7px!important;bottom:-7px!important}

.menu-close-btn{
  width:42px;height:42px;border:0;background:transparent;color:#777;
  display:grid;place-items:center;padding:0
}
.menu-close-btn .ico{width:30px;height:30px}

.menu-publish-btn{
  width:100%;height:58px;border:0;border-radius:20px;background:#f2efec;color:#333;
  font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;gap:9px
}
.menu-publish-btn .ico{width:23px;height:23px;color:#ff7d00}

.menu-publish-modal,.menu-compose-modal{display:none;position:fixed;inset:0;z-index:350}
.menu-publish-modal.show,.menu-compose-modal.show{display:block}
.menu-publish-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.38)}

.menu-publish-choice-sheet{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(520px,calc(100% - 24px));background:#fff;border-radius:28px;
  padding:24px 0 18px;box-shadow:0 18px 55px rgba(0,0,0,.2)
}
.publish-choice-title{font-size:24px;font-weight:800;padding:0 32px 18px}
.publish-choice-row{
  width:100%;border:0;background:#fff;display:flex;align-items:center;gap:18px;
  padding:10px 32px;text-align:left;color:#333;cursor:pointer
}
.publish-choice-row:active{background:#f8f6f4}
.publish-choice-icon{
  width:62px;height:62px;border-radius:18px;background:#f5f2ef;color:#7c7c7c;
  display:grid;place-items:center;flex:0 0 62px
}
.publish-choice-icon .ico{width:28px;height:28px}
.publish-choice-copy{display:grid;gap:4px}
.publish-choice-copy b{font-size:20px;font-weight:500}
.publish-choice-copy small{font-size:15px;color:#8c8c8c}

.menu-compose-sheet{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(520px,calc(100% - 24px));background:#fff;border-radius:26px;
  overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.2)
}
.menu-publish-head{height:60px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}
.menu-publish-head button{width:38px;height:38px;border-radius:50%;border:0;background:#f2efec;display:grid;place-items:center}
.menu-publish-head .ico{width:19px;height:19px}
.menu-publish-form{padding:16px}
.menu-publish-form textarea{min-height:110px;border:0;background:#f5f2ef;border-radius:18px;padding:15px;font-size:17px}
.menu-publish-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.menu-publish-tools label{height:50px;background:#f2efec;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700}
.menu-publish-tools .ico{width:22px;height:22px}
.menu-publish-tools select{border:0;background:transparent;font-weight:700;max-width:90px}
.menu-compose-preview{margin-top:10px;background:#f5f2ef;border-radius:18px;overflow:hidden}
.menu-compose-preview img,.menu-compose-preview video{display:block;width:100%;max-height:360px;object-fit:contain}
.menu-publish-submit{width:100%;height:50px;margin-top:10px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px}
.menu-publish-submit .ico{width:21px;height:21px}

.feed-video{
  display:block!important;width:100%!important;max-height:620px!important;
  background:#000!important;object-fit:contain!important
}

@media(max-width:650px){
  .v11-profile-cover{height:275px!important}
  .v11-profile-main{padding:0 32px 18px!important}
  .v11-profile-avatar-wrap{margin-top:-55px!important}
  .v11-profile-avatar{width:100px!important;height:100px!important}
  .profile-cover-upload{right:30px!important;top:30px!important}
  .profile-cover-upload-btn{max-width:190px!important;font-size:13px!important}

  .menu-publish-choice-sheet{
    left:24px;right:16px;top:195px;transform:none;width:auto;
    border-radius:28px;padding-top:22px
  }
  .publish-choice-title{padding-left:40px}
  .publish-choice-row{padding:10px 38px}
  .menu-compose-sheet{
    left:0;right:0;bottom:0;top:auto;transform:none;width:100%;
    border-radius:28px 28px 0 0
  }
  .menu-publish-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* V25 video + fixed 3 reaction summary */
.v14-summary-icons{display:flex!important;align-items:center!important;min-width:76px!important}
.v14-summary-icons img{width:30px!important;height:30px!important;object-fit:contain!important;margin-left:-6px!important;position:relative!important}
.v14-summary-icons img:first-child{margin-left:0!important;z-index:3}.v14-summary-icons img:nth-child(2){z-index:2}.v14-summary-icons img:nth-child(3){z-index:1}
.reaction-summary-pop{animation:v25sum .28s ease}@keyframes v25sum{0%{transform:scale(.9)}65%{transform:scale(1.08)}100%{transform:scale(1)}}
.upload-error-banner{margin:10px 12px;padding:12px 14px;border-radius:14px;background:#fff0ec;color:#b53b20;font-weight:700;border:1px solid #ffd3c7}
.feed-video{width:100%!important;max-width:100%!important;display:block!important;background:#000!important;min-height:180px!important}


/* ===== V27 compact OK-style profile cover + reliable media picker ===== */
.v11-profile-cover{
  height:165px!important;
  min-height:165px!important;
  background-position:center center!important;
  background-size:cover!important;
  overflow:visible!important;
}
.v11-profile-main{padding:0 16px 16px!important}
.v11-profile-avatar-wrap{margin-top:-72px!important}
.v11-profile-avatar{width:100px!important;height:100px!important}
.profile-cover-upload{top:16px!important;right:16px!important;left:auto!important;transform:none!important}
.profile-cover-upload-btn{position:relative!important;overflow:hidden!important;min-height:40px!important;padding:0 13px!important}
.profile-avatar-plus{position:absolute!important;overflow:hidden!important}
.profile-file-input{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  opacity:0!important;cursor:pointer!important;z-index:30!important;display:block!important
}
.profile-cover-upload-btn,.profile-avatar-plus{pointer-events:auto!important;cursor:pointer!important}

@media(max-width:560px){
  .v11-profile-cover{height:140px!important;min-height:140px!important}
  .v11-profile-main{padding:0 16px 15px!important}
  .v11-profile-avatar-wrap{margin-top:-78px!important}
  .v11-profile-avatar{width:100px!important;height:100px!important}
  .profile-cover-upload{top:16px!important;right:16px!important}
  .profile-cover-upload-btn{min-height:38px!important;font-size:12px!important;padding:0 12px!important;max-width:190px!important}
  .v11-profile-name{margin-top:16px!important}
  .v11-profile-name h1{font-size:25px!important}
}


/* ===== V29 profile geometry + mobile stale-cache fallback ===== */
@media(max-width:650px){
  .side,.right{display:none!important}
  .v11-profile-cover{height:122px!important;min-height:122px!important;overflow:visible!important}
  .v11-profile-main{padding:0 16px 15px!important;margin-top:0!important}
  .v11-profile-avatar-wrap{width:100px!important;margin-top:-70px!important;z-index:30!important}
  .v11-profile-avatar{width:100px!important;height:100px!important;border-radius:10px!important}
  .profile-cover-upload{top:15px!important;right:16px!important;left:auto!important;transform:none!important}
  .v11-profile-tabs{gap:22px!important;padding:0 16px!important;overflow-x:auto!important;white-space:nowrap!important}
}


/* ===== V30 exact OK-style cover/avatar overlap ===== */
@media(max-width:650px){
  .v11-profile-cover{
    height:150px!important;
    min-height:150px!important;
    overflow:visible!important;
    background-position:center!important;
    background-size:cover!important;
  }
  .v11-profile-main{padding:0 16px 15px!important;margin-top:0!important}
  .v11-profile-avatar-wrap{
    width:100px!important;
    margin-top:0!important;
    margin-bottom:-78px!important;
    transform:translateY(-78px)!important;
    position:relative!important;
    z-index:60!important;
  }
  .v11-profile-avatar{width:100px!important;height:100px!important}
  .profile-avatar-plus{z-index:70!important}
  .profile-cover-upload{top:15px!important;right:16px!important;z-index:80!important}
  .profile-cover-upload-btn{position:relative!important;overflow:hidden!important}
  .profile-cover-upload-btn .profile-file-input{
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;opacity:0!important;
    z-index:99!important;cursor:pointer!important;
  }
}

/* V31: never wipe an uploaded inline cover with a background shorthand */
.v11-profile-cover{background-color:#f7f3ef!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}


/* ===== V32 discussions mobile top-fragment fix ===== */
@media(max-width:650px){
  .discussions-clean-mobile{
    margin-top:0!important;
    padding-top:0!important;
    position:relative!important;
    overflow:hidden!important;
    min-height:0!important;
  }
  .discussions-clean-mobile > .discussion-head,
  .discussions-clean-mobile > .discussions-head,
  .discussions-clean-mobile > .discussion-user-head,
  .discussions-clean-mobile > .discussion-profile,
  .discussions-clean-mobile > .discussion-owner,
  .discussions-clean-mobile > .discussion-summary{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .discussions-clean-mobile .discussion-tabs{
    margin-top:0!important;
    top:0!important;
  }
  body:has(.discussions-clean-mobile) .feed{
    padding-top:0!important;
    margin-top:0!important;
  }
}


/* ===== V33 real layout + discussions overlap fix ===== */
@media(max-width:650px){
  .layout{
    display:block!important;
    margin:0!important;
    padding:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  .layout > .side,
  .layout > .right{
    display:none!important;
  }
  .layout > .feed{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .discussions-clean-mobile{
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .discussions-clean-mobile .discussion-tabs{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    margin:0!important;
    transform:none!important;
    z-index:2!important;
  }
  .discussions-clean-mobile .discussion-feed-list{
    position:relative!important;
    z-index:1!important;
    margin:0!important;
  }
}


/* ===== V35 messages + calls ===== */
.v35-call-buttons{margin-left:auto;display:flex;gap:2px;align-items:center}
.v35-call-btn{border:0;background:transparent;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#555}
.v35-call-btn:hover{background:#f3f1ef}
.v35-call-btn .ico{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}

.site-call-modal[hidden]{display:none!important}
.site-call-modal{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:18px}
.site-call-card{position:relative;width:min(440px,100%);height:min(720px,88vh);border-radius:30px;background:#1d1d1d;overflow:hidden;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
#site-call-remote-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111}
#site-call-local-video{position:absolute;right:14px;top:14px;width:105px;height:145px;border-radius:16px;object-fit:cover;background:#333;z-index:3;border:2px solid rgba(255,255,255,.45)}
.site-call-person{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.site-call-person img{width:108px;height:108px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.25)}
.site-call-person b{font-size:24px}.site-call-person span{opacity:.8}
.site-call-actions{position:absolute;left:0;right:0;bottom:30px;z-index:5;display:flex;justify-content:center;gap:16px}
.call-round{width:60px;height:60px;border:0;border-radius:50%;display:grid;place-items:center;background:#3a3a3a;color:#fff}
.call-round.accept{background:#20b15a}.call-round.end{background:#e94444}.call-round.off{opacity:.45}
.call-round .ico{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:2}
@media(max-width:650px){
  .v15-chat-person{min-width:0;flex:1}
  .v15-chat-person span{min-width:0}.v15-chat-person b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .v35-call-buttons{gap:0}
  .v35-call-btn{width:34px;height:34px}
  .v15-chat-head-more{width:32px!important}
}

/* ===== V36 call control feedback ===== */
.call-round.mute.off,.call-round.camera.off{background:#ef4444!important;opacity:1!important}
#site-call-local-video.camera-off{opacity:.12!important}
.call-round:active{transform:scale(.92)}

/* ===== V37 reliable call controls + incoming ring ===== */
.site-call-modal.show .site-call-card{animation:v37CallIn .16s ease-out}
.call-round.off{background:#ef4444!important;opacity:1!important}
.call-round.accept{animation:v37Pulse 1.2s infinite}
@keyframes v37CallIn{from{transform:scale(.97);opacity:.5}to{transform:scale(1);opacity:1}}
@keyframes v37Pulse{0%,100%{box-shadow:0 0 0 0 rgba(32,177,90,.35)}50%{box-shadow:0 0 0 14px rgba(32,177,90,0)}}

/* ===== V38 message archive loader ===== */
.v38-archive-loader{
  width:max-content;
  max-width:calc(100% - 32px);
  margin:14px auto 8px;
  padding:8px 14px;
  border-radius:22px;
  background:#f3f1ef;
  color:#777;
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  user-select:none;
  transition:.18s ease;
}
.v38-archive-loader.loading{opacity:.65;pointer-events:none}
.v38-archive-loader.pulling{transform:translateY(7px);background:#ebe8e5;color:#444}
.v38-archive-loader.done{opacity:.55;cursor:default}
.v38-archive-icon{font-size:16px;line-height:1}
@media(max-width:650px){
  .v38-archive-loader{
    position:relative;
    z-index:5;
    margin-top:10px;
    margin-bottom:10px;
  }
}

/* ===== V39 incoming call accept/reject controls ===== */
.site-call-actions{align-items:center!important}
.call-round{
  flex-direction:column!important;
  gap:3px!important;
  min-width:64px!important;
  min-height:64px!important;
}
.call-round.accept{
  display:flex;
  background:#20b15a!important;
  color:#fff!important;
}
.call-round.end{
  display:flex;
  background:#ef4444!important;
  color:#fff!important;
}
.call-round small{
  font-size:10px;
  line-height:1;
  color:#fff;
  white-space:nowrap;
}
.call-symbol{
  font-size:26px;
  line-height:1;
}
#site-call-accept[hidden],
#site-call-mute[hidden],
#site-call-camera[hidden]{
  display:none!important;
}
.site-call-modal.show #site-call-accept:not([hidden]){
  display:flex!important;
}
@media(max-width:650px){
  .site-call-actions{gap:12px!important}
  .call-round{width:64px!important;height:64px!important}
}


/* ===== V40 call icon cleanup + message composer pinned bottom ===== */
.call-symbol{display:none!important}
.call-svg{
  width:27px;height:27px;
  fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.call-round{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:3px!important;
}
.call-round[hidden]{display:none!important}
.call-round small{font-size:10px!important;font-weight:700!important}



/* ===== V41 message header call menu ===== */
.v41-chat-more-wrap{position:relative;margin-left:auto}
.v41-chat-more-menu{
  position:absolute;
  top:44px;
  right:0;
  width:210px;
  padding:7px;
  border-radius:16px;
  background:#fff;
  border:1px solid #ece8e4;
  box-shadow:0 12px 35px rgba(0,0,0,.14);
  z-index:150;
}
.v41-chat-more-menu[hidden]{display:none!important}
.v41-chat-more-menu button{
  width:100%;
  display:flex;
  align-items:center;
  gap:11px;
  border:0;
  background:transparent;
  padding:12px 11px;
  border-radius:12px;
  text-align:left;
  color:#333;
}
.v41-chat-more-menu button:active,.v41-chat-more-menu button:hover{background:#f4f1ee}
.v41-chat-more-menu .ico{width:23px;height:23px}
.v41-chat-more-menu span{font-weight:600}
.v35-call-buttons{display:none!important}


/* ===== V42 restore correct messages page flow ===== */
@media(max-width:650px){
  /* Never turn the whole messages page into a viewport-locked flex box. */
  .v15-messages-page{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    display:block!important;
    margin:0!important;
  }

  .v15-chat{
    height:auto!important;
    min-height:0!important;
    display:block!important;
    overflow:visible!important;
  }

  /* Keep user/chat header in normal flow and always visible. */
  .v15-chat-head{
    position:sticky!important;
    top:94px!important;
    z-index:70!important;
    height:auto!important;
    min-height:62px!important;
    background:#fff!important;
  }

  /* Message area scrolls with the page; it is not allowed to swallow header/footer. */
  .v15-chat-scroll{
    height:auto!important;
    min-height:calc(100dvh - 270px)!important;
    overflow:visible!important;
    padding-bottom:84px!important;
  }

  /* Composer stays at bottom without changing page structure. */
  .v15-composer{
    position:sticky!important;
    bottom:0!important;
    left:auto!important;
    right:auto!important;
    z-index:85!important;
    width:100%!important;
    margin:0!important;
    background:#fff!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
    box-shadow:0 -1px 0 #e8e8e8!important;
  }

  /* Footer must stay below the conversation, never in the chat viewport. */
  footer,.footer,.site-footer{
    position:relative!important;
    z-index:1!important;
    margin-top:0!important;
  }

  .v15-chatbox{
    min-height:0!important;
    padding-bottom:16px!important;
  }
}


/* ===== V43 exact mobile messages layout restore ===== */
@media(max-width:650px){
  /* Conversation occupies the available area under the site's own top navigation. */
  .v15-messages-page{
    height:calc(100dvh - 94px)!important;
    min-height:calc(100dvh - 94px)!important;
    overflow:hidden!important;
    display:block!important;
    background:#fff!important;
    margin:0!important;
  }

  .v15-chat{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  /* User/profile row must be the first row of the chat, not sticky/floating. */
  .v15-chat-head{
    position:relative!important;
    top:auto!important;
    flex:0 0 62px!important;
    height:62px!important;
    min-height:62px!important;
    display:flex!important;
    align-items:center!important;
    z-index:40!important;
    background:#fff!important;
    padding:7px 10px!important;
    margin:0!important;
    border-bottom:1px solid #ececec!important;
  }

  .v15-friend-hint{
    flex:0 0 auto!important;
  }

  /* Only the messages themselves scroll. */
  .v15-chat-scroll{
    flex:1 1 0!important;
    height:auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0!important;
    background:#fff!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
  }

  .v15-chatbox{
    min-height:100%!important;
    padding:12px 12px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }

  /* Archive control belongs inside the scrolling message area, directly below user row. */
  .v38-archive-loader{
    position:relative!important;
    top:auto!important;
    transform:none!important;
    flex:none!important;
    margin:10px auto 8px!important;
    z-index:2!important;
  }

  /* Composer is the last flex row, so it stays at the real bottom without moving footer/header. */
  .v15-composer{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    margin:0!important;
    z-index:50!important;
    background:#fff!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    border-top:1px solid #e9e9e9!important;
    box-shadow:none!important;
  }

  /* Footer is not part of an open mobile conversation. */
  body:has(.v15-chat[data-conversation]) .ok-footer,
  body:has(.v15-chat[data-conversation]) footer.ok-footer{
    display:none!important;
  }
}

/* ===== V44 deleted/blocked post page ===== */
.v44-missing-post{
  min-height:56vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:42px 24px;background:#fff;border-radius:24px;
}
.v44-missing-post-icon{
  width:68px;height:68px;border-radius:50%;display:grid;place-items:center;
  background:#f2efec;color:#ff8500;font-size:34px;font-weight:800;margin-bottom:18px;
}
.v44-missing-post h2{margin:0 0 10px;font-size:24px}
.v44-missing-post p{margin:0;max-width:420px;color:#777;font-size:16px;line-height:1.5}
.v44-back-feed{
  margin-top:22px;display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 20px;border-radius:22px;background:#ff8500;color:#fff;
  text-decoration:none;font-weight:700;
}
@media(max-width:650px){
  .v44-missing-post{min-height:calc(100dvh - 190px);border-radius:0}
}


/* ===== V46 stable mobile messages layout (no hidden composer/footer) ===== */
@media(max-width:650px){
  .v15-messages-page{
    height:auto!important;
    min-height:calc(100dvh - 94px)!important;
    overflow:visible!important;
    display:block!important;
    margin:0!important;
    background:#fff!important;
  }

  .v15-chat{
    height:auto!important;
    min-height:calc(100dvh - 94px)!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
    background:#fff!important;
  }

  .v15-chat-head{
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
    height:62px!important;
    min-height:62px!important;
    display:flex!important;
    align-items:center!important;
    z-index:30!important;
    background:#fff!important;
    margin:0!important;
    padding:7px 10px!important;
    border-bottom:1px solid #ececec!important;
  }

  .v15-chat-scroll{
    flex:0 0 auto!important;
    height:auto!important;
    min-height:420px!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
    background:#fff!important;
  }

  .v15-chatbox{
    min-height:420px!important;
    height:auto!important;
    padding:12px 12px 20px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    justify-content:flex-end!important;
  }

  .v38-archive-loader{
    position:relative!important;
    top:auto!important;
    transform:none!important;
    margin:10px auto 8px!important;
    z-index:2!important;
  }

  .v15-composer{
    display:flex!important;
    position:sticky!important;
    bottom:0!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    margin:0!important;
    z-index:80!important;
    background:#fff!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
    border-top:1px solid #e9e9e9!important;
    box-shadow:0 -2px 8px rgba(0,0,0,.04)!important;
  }

  /* Undo V43 footer hiding: footer must exist after the chat. */
  body:has(.v15-chat[data-conversation]) .ok-footer,
  body:has(.v15-chat[data-conversation]) footer.ok-footer,
  body:has(.v15-chat[data-conversation]) footer,
  body:has(.v15-chat[data-conversation]) .site-footer{
    display:block!important;
    position:relative!important;
    margin-top:0!important;
    z-index:1!important;
  }
}

/* ===== V47 Online + Users ===== */
.v47-users-card{
  background:#fff;
  border-radius:24px;
  overflow:hidden;
}
.v47-users-tabs{
  display:flex;
  gap:26px;
  padding:0 28px;
  border-bottom:1px solid #eee;
}
.v47-users-tabs a{
  position:relative;
  padding:18px 0 16px;
  text-decoration:none;
  color:#777;
  font-weight:600;
}
.v47-users-tabs a.active{color:#222}
.v47-users-tabs a.active:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:4px;border-radius:4px;
  background:#ff8500;
}
.v47-users-head{padding:24px 28px 14px}
.v47-users-head h1{margin:0;font-size:26px}
.v47-users-head h1 span{color:#999;font-weight:500}
.v47-user-list{border-top:1px solid #eee}
.v47-user-row{
  min-height:86px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 24px;
  text-decoration:none;
  color:inherit;
  border-bottom:1px solid #eee;
  background:#fff;
}
.v47-user-row:last-child{border-bottom:0}
.v47-avatar-wrap{position:relative;flex:0 0 auto}
.v47-avatar{
  width:62px;height:62px;
  border-radius:50%;
  object-fit:cover;
  display:block;
}
.v47-online-dot{
  position:absolute;right:1px;bottom:2px;
  width:16px;height:16px;border-radius:50%;
  background:#35bd74;border:3px solid #fff;
}
.v47-user-info{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}
.v47-user-info b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v47-user-info span{color:#999;font-size:15px}
.v47-online-text{color:#35ad6e!important}
.v47-arrow{font-size:34px;color:#aaa;line-height:1}
.v47-empty{padding:34px 24px;text-align:center;color:#999}
@media(max-width:650px){
  .v47-users-card{border-radius:22px 22px 0 0}
  .v47-users-tabs{padding:0 18px;gap:24px}
  .v47-users-head{padding:22px 24px 12px}
  .v47-users-head h1{font-size:24px}
  .v47-user-row{padding:12px 20px;min-height:82px}
  .v47-avatar{width:58px;height:58px}
}

/* ===== V50 persistent login + logout/account picker ===== */
.v50-logout-page{position:relative;min-height:68vh}
.v50-page-dim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:300}
.v50-logout-sheet{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%);
  z-index:310;width:min(700px,100%);background:#fff;
  border-radius:32px 32px 0 0;padding:28px 30px calc(30px + env(safe-area-inset-bottom));
}
.v50-logout-sheet h1{margin:0 0 24px;font-size:31px}
.v50-save-account{
  display:flex;align-items:flex-start;gap:14px;padding:16px;
  border:1px solid #e7e3df;border-radius:16px;position:relative;
}
.v50-save-account img{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.v50-save-account div{flex:1;min-width:0;padding-right:60px}
.v50-save-account b{display:block;font-size:18px;margin-bottom:3px}
.v50-save-account span{color:#888;line-height:1.45}
.v50-save-account input{position:absolute;opacity:0;pointer-events:none}
.v50-switch{
  position:absolute;right:18px;top:30px;width:52px;height:30px;border-radius:20px;
  background:#e8e5e2;transition:.18s;
}
.v50-switch:after{
  content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;
  border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:.18s;
}
.v50-save-account input:checked + .v50-switch{background:#ff8500}
.v50-save-account input:checked + .v50-switch:after{transform:translateX(22px)}
.v50-logout-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.v50-cancel,.v50-confirm{
  min-height:62px;border-radius:15px;border:0;display:flex;align-items:center;justify-content:center;
  text-decoration:none;font-size:20px;font-weight:800;
}
.v50-cancel{background:#f1efed;color:#222}
.v50-confirm{background:#ff8500;color:#fff}

.v50-accounts-body{margin:0;min-height:100dvh;background:#fff;color:#222;font-family:inherit;display:flex;flex-direction:column}
.v50-accounts-top{
  height:94px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:center;
  position:relative;padding:0 24px;
}
.v50-accounts-menu{position:absolute;left:28px;font-size:34px;color:#777}
.v50-ok-mark{width:44px;height:44px;border-radius:10px;background:#ff8500;color:#fff;display:grid;place-items:center;font-weight:900}
.v50-accounts-main{flex:1}
.v50-account-tabs{
  height:94px;border-bottom:1px solid #eee;display:flex;align-items:flex-end;justify-content:center;gap:38px;
}
.v50-account-tabs span,.v50-account-tabs b{padding:0 0 20px;font-size:19px;font-weight:500;color:#888}
.v50-account-tabs b{color:#222;position:relative}
.v50-account-tabs b:after{
  content:"";position:absolute;height:5px;border-radius:5px;background:#ff8500;left:0;right:0;bottom:0;
}
.v50-saved-profile,.v50-add-account{
  display:flex;align-items:center;gap:22px;padding:28px 26px;text-decoration:none;color:#111;
}
.v50-saved-profile img{width:92px;height:92px;border-radius:50%;object-fit:cover}
.v50-saved-profile strong,.v50-add-account strong{font-size:24px;font-weight:500}
.v50-enter-arrow{margin-left:auto;font-size:38px}
.v50-plus{
  width:92px;height:92px;border-radius:50%;border:1px solid #ddd;background:#f7f7f7;
  display:grid;place-items:center;font-size:58px;font-weight:200;color:#9ba1ad;
}
.v50-accounts-footer{text-align:center;color:#888;padding:20px 16px 36px;display:grid;gap:28px}
@media(max-width:650px){
  .v50-logout-sheet{padding:24px 30px calc(24px + env(safe-area-inset-bottom))}
  .v50-logout-sheet h1{font-size:29px}
  .v50-save-account div{padding-right:50px}
  .v50-logout-actions{gap:14px}
  .v50-cancel,.v50-confirm{min-height:58px;font-size:19px}
  .v50-saved-profile img,.v50-plus{width:78px;height:78px}
  .v50-saved-profile strong,.v50-add-account strong{font-size:21px}
}

/* ===== V51 saved profile directly in login page ===== */
.v51-login-picker{
  min-height:calc(100dvh - 220px);
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.v51-picker-tabs{
  height:92px;
  border-bottom:1px solid #eee;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:36px;
}
.v51-picker-tabs span,.v51-picker-tabs b{
  padding-bottom:20px;
  font-size:19px;
  font-weight:500;
  color:#8a8a8a;
}
.v51-picker-tabs b{color:#222;position:relative}
.v51-picker-tabs b:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:5px;
  border-radius:5px;
  background:#ff8500;
}
.v51-picker-body{
  flex:1;
  padding:30px 24px 50px;
}
.v51-saved-form{margin:0}
.v51-saved-user,.v51-other-user{
  width:100%;
  display:flex;
  align-items:center;
  gap:22px;
  padding:20px 0;
  border:0;
  background:transparent;
  text-decoration:none;
  color:#111;
  text-align:left;
}
.v51-saved-user img{
  width:88px;height:88px;border-radius:50%;object-fit:cover;flex:0 0 auto;
}
.v51-saved-user strong,.v51-other-user strong{
  font-size:23px;font-weight:500;
}
.v51-enter{margin-left:auto;font-size:38px;color:#222}
.v51-plus{
  width:88px;height:88px;flex:0 0 88px;
  border-radius:50%;
  border:1px solid #ddd;
  background:#f7f7f7;
  display:grid;
  place-items:center;
  font-size:56px;
  font-weight:200;
  color:#9aa0aa;
}
@media(max-width:650px){
  .v51-login-picker{
    border-radius:0;
    min-height:calc(100dvh - 180px);
  }
  .v51-picker-body{padding:28px 24px}
  .v51-saved-user img,.v51-plus{
    width:78px;height:78px;flex-basis:78px;
  }
  .v51-saved-user strong,.v51-other-user strong{font-size:21px}
}

/* ===== V52 compact saved-profile login ===== */
.v52-guest-header{display:block!important;background:#fff!important;border-bottom:1px solid #eee!important}
.v52-guest-row{
  height:64px!important;
  min-height:64px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.v52-guest-menu{
  width:38px;height:38px;display:grid;place-items:center;color:#777;text-decoration:none;
}
.v52-guest-menu .ico{width:28px;height:28px}
.v52-guest-logo{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;
  font-size:15px!important;
  text-decoration:none!important;
}
.v52-guest-spacer{width:38px}

.v51-login-picker{
  min-height:auto!important;
  margin:0!important;
  border-radius:0!important;
  background:#fff!important;
}
.v52-picker-title{
  height:56px;
  border-bottom:1px solid #eee;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.v52-picker-title b{
  position:relative;
  padding:0 0 13px;
  font-size:18px;
  font-weight:700;
  color:#222;
}
.v52-picker-title b:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:4px;border-radius:4px;
  background:#ff8500;
}
.v51-picker-tabs{display:none!important}
.v51-picker-body{
  padding:18px 20px 26px!important;
  min-height:260px!important;
}
.v51-saved-user,.v51-other-user{
  padding:12px 0!important;
  gap:14px!important;
}
.v51-saved-user img{
  width:58px!important;height:58px!important;
}
.v51-saved-user strong,.v51-other-user strong{
  font-size:17px!important;
  font-weight:600!important;
}
.v51-enter{
  margin-left:auto!important;
  font-size:27px!important;
}
.v51-plus{
  width:58px!important;height:58px!important;flex-basis:58px!important;
  font-size:38px!important;
}
.login-page .layout{
  min-height:calc(100dvh - 64px)!important;
}
.login-page .feed{
  max-width:700px!important;
  margin:0 auto!important;
}
.login-page .ok-footer{
  display:block!important;
  margin-top:0!important;
  padding-top:18px!important;
  padding-bottom:24px!important;
}
@media(max-width:650px){
  .login-page .layout{min-height:auto!important}
  .login-page .feed{width:100%!important;overflow:visible!important}
  .v51-picker-body{padding:16px 22px 24px!important}
  .v51-saved-user img,.v51-plus{
    width:56px!important;height:56px!important;flex-basis:56px!important;
  }
  .v51-saved-user strong,.v51-other-user strong{font-size:16px!important}
  .ok-footer{font-size:13px!important}
}

/* ===== V53 main login single-header fix ===== */
.login-page .login-topline{display:none!important}
.v53-login-shell{
  padding-top:26px!important;
}
.v53-login-shell h1{
  margin-top:0!important;
  text-align:center!important;
}
@media(max-width:650px){
  .v53-login-shell{
    padding-top:24px!important;
  }
}

/* ===== V54 login + saved profile tabs ===== */
.v54-login-card{
  background:#fff;
  border-radius:0;
  overflow:hidden;
}
.v54-auth-tabs{
  height:64px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:34px;
  border-bottom:1px solid #eee;
}
.v54-auth-tabs a{
  position:relative;
  padding:0 0 15px;
  text-decoration:none;
  color:#8c8c8c;
  font-size:18px;
  font-weight:500;
}
.v54-auth-tabs a.active{
  color:#222;
  font-weight:700;
}
.v54-auth-tabs a.active:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:4px;
  border-radius:4px;
  background:#ff8500;
}

.v54-profile-panel{
  min-height:300px;
  padding:18px 22px 28px;
}
.v54-saved-form{margin:0}
.v54-saved-user,.v54-other-user{
  width:100%;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 0;
  border:0;
  background:transparent;
  color:#111;
  text-decoration:none;
  text-align:left;
}
.v54-saved-user img{
  width:58px;height:58px;
  border-radius:50%;
  object-fit:cover;
  flex:0 0 auto;
}
.v54-saved-user strong,.v54-other-user strong{
  font-size:17px;
  font-weight:600;
}
.v54-enter{
  margin-left:auto;
  font-size:28px;
}
.v54-plus{
  width:58px;height:58px;flex:0 0 58px;
  border-radius:50%;
  border:1px solid #ddd;
  background:#f7f7f7;
  display:grid;
  place-items:center;
  font-size:38px;
  font-weight:200;
  color:#9ba1ad;
}
.v54-no-saved{
  padding:24px 0;
  color:#999;
  text-align:center;
}
.v54-login-shell{
  padding-top:22px!important;
}
.v54-login-shell h1{
  margin-top:0!important;
}
@media(max-width:650px){
  .v54-auth-tabs{height:60px;gap:30px}
  .v54-auth-tabs a{font-size:17px;padding-bottom:14px}
  .v54-profile-panel{padding:16px 22px 26px}
  .v54-saved-user img,.v54-plus{
    width:56px;height:56px;flex-basis:56px;
  }
  .v54-saved-user strong,.v54-other-user strong{font-size:16px}
}

/* ===== V55 compact OK-style login + saved profiles combined ===== */
.login-page .feed{
  max-width:710px!important;
  margin:0 auto!important;
  background:#fff!important;
}
.v54-login-card{
  background:#fff!important;
  border-radius:0!important;
  min-height:auto!important;
}
.v54-auth-tabs{
  height:58px!important;
  gap:30px!important;
  border-bottom:1px solid #ececec!important;
}
.v54-auth-tabs a{
  font-size:17px!important;
  padding-bottom:13px!important;
}
.v54-login-shell{
  max-width:none!important;
  width:100%!important;
  padding:20px 30px 26px!important;
  margin:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:#fff!important;
}
.v54-login-shell h1{
  display:none!important;
}
.v54-login-shell form{
  display:grid!important;
  gap:12px!important;
}
.v54-login-shell input[type="email"],
.v54-login-shell input[type="password"]{
  height:54px!important;
  min-height:54px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  font-size:17px!important;
  border:1px solid #d8d8d8!important;
  background:#fff!important;
}
.v54-login-shell .btn{
  min-height:54px!important;
  height:54px!important;
  border-radius:12px!important;
  font-size:18px!important;
  margin-top:2px!important;
}
.v54-login-shell .forgot{
  margin:18px 0 16px!important;
  font-size:15px!important;
  text-align:center!important;
}
.v54-login-shell .auth-divider{
  margin:14px 0!important;
  font-size:15px!important;
}
.v54-login-shell .login-register{
  min-height:48px!important;
  border-radius:12px!important;
  font-size:17px!important;
}
.v54-login-shell .social-row{
  margin-top:20px!important;
  gap:18px!important;
}
.v54-login-shell .social-dot{
  width:42px!important;
  height:42px!important;
  font-size:15px!important;
}
.v54-login-shell .login-lang{
  margin-top:18px!important;
}
.v54-profile-panel{
  min-height:260px!important;
  padding:16px 24px 24px!important;
}
.v54-saved-user,.v54-other-user{
  padding:10px 0!important;
}
.v54-saved-user img{
  width:54px!important;height:54px!important;
}
.v54-plus{
  width:54px!important;height:54px!important;flex-basis:54px!important;
  font-size:34px!important;
}
.v54-saved-user strong,.v54-other-user strong{
  font-size:16px!important;
}
.login-page .ok-footer{
  margin-top:0!important;
  padding-top:16px!important;
  padding-bottom:22px!important;
}
@media(max-width:650px){
  .v54-auth-tabs{height:56px!important}
  .v54-login-shell{padding:18px 22px 24px!important}
  .v54-login-shell input[type="email"],
  .v54-login-shell input[type="password"]{
    height:52px!important;
    min-height:52px!important;
    font-size:16px!important;
  }
  .v54-login-shell .btn{
    height:52px!important;
    min-height:52px!important;
    font-size:17px!important;
  }
  .v54-profile-panel{padding:14px 22px 22px!important}
}

/* ===== V56 conditional profile-list tab ===== */
.v54-auth-tabs.login-only{
  gap:0!important;
}
.v54-auth-tabs.login-only a{
  min-width:110px;
  text-align:center;
}

/* ===== V58 reaction chooser directly above Like button ===== */
@media(max-width:650px){
  .reaction-wrap{
    position:relative!important;
    overflow:visible!important;
  }
  .v14-reaction-popover{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(100% + 8px)!important;
    width:340px!important;
    max-width:calc(100vw - 24px)!important;
    padding:8px 9px!important;
    border-radius:18px!important;
    transform:none!important;
    z-index:9999!important;
  }
  .v14-reaction-popover button{
    width:42px!important;
    height:48px!important;
  }
  .v14-reaction-popover img{
    width:42px!important;
    height:42px!important;
  }
  .post-card,.v11-post-card,.post-actions{
    overflow:visible!important;
  }
}

/* ===== V59 registration birth date selects ===== */
.v59-birth-selects{
  display:grid;
  grid-template-columns:88px 1fr 112px;
  gap:10px;
  margin-bottom:14px;
}
.v59-birth-selects select{
  width:100%;
  min-width:0;
}
@media(max-width:650px){
  .v59-birth-selects{
    grid-template-columns:78px 1fr 100px;
    gap:8px;
  }
  .v59-birth-selects select{
    font-size:15px!important;
    padding-left:10px!important;
    padding-right:26px!important;
  }
}

/* ===== V60 Site news SVG + admin CRUD ===== */
.v60-site-news-card{display:flex!important;align-items:center!important;gap:12px!important}
.v60-site-news-icon{
  width:46px;height:46px;flex:0 0 46px;border-radius:14px;
  background:#fff1e5;color:#ff8500;display:grid;place-items:center;
}
.v60-site-news-icon svg,.v60-admin-news-icon svg,.v60-icon-choice svg{
  width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.v60-news-arrow{margin-left:auto;color:#999;font-size:26px}
.v60-news-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v60-news-cancel{text-decoration:none;color:#777}
.v60-news-form{display:grid;gap:10px}
.v60-news-form textarea{resize:vertical}
.v60-icon-picker{display:flex;flex-wrap:wrap;gap:10px}
.v60-icon-choice input{position:absolute;opacity:0;pointer-events:none}
.v60-icon-choice span{
  width:50px;height:50px;border:1px solid #e5e2df;border-radius:14px;
  display:grid;place-items:center;color:#777;background:#fff;cursor:pointer;
}
.v60-icon-choice input:checked + span{
  color:#ff8500;border-color:#ff8500;background:#fff4ea;box-shadow:0 0 0 2px rgba(255,133,0,.08);
}
.v60-news-grid{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}
.v60-active-check{display:flex;align-items:center;gap:8px;padding-bottom:12px}
.v60-news-list{padding:0!important;overflow:hidden}
.v60-admin-news-row{
  display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #eee;
}
.v60-admin-news-row:last-child{border-bottom:0}
.v60-admin-news-icon{
  width:44px;height:44px;flex:0 0 44px;border-radius:13px;
  display:grid;place-items:center;background:#fff3e9;color:#ff8500;
}
.v60-admin-news-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.v60-admin-news-copy b,.v60-admin-news-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v60-admin-news-copy small{color:#999}
.v60-admin-news-actions{display:flex;align-items:center;gap:8px}
.v60-admin-news-actions form{margin:0}
.v60-edit-btn,.v60-delete-btn{
  width:38px;height:38px;border:0;border-radius:11px;display:grid;place-items:center;
  background:#f3f1ef;color:#555;text-decoration:none;
}
.v60-delete-btn{color:#d44}
.v60-edit-btn .ico,.v60-delete-btn .ico{width:20px;height:20px}
@media(max-width:650px){
  .v60-news-grid{grid-template-columns:1fr}
  .v60-active-check{padding-bottom:0}
}

/* ===== V61 System messages ===== */
.v61-system-logo,.v61-system-row-icon,.v61-system-list-avatar,.v61-system-avatar{
  display:grid;place-items:center;background:#fff1e5;color:#ff8500;
}
.v61-system-logo{width:46px;height:46px;border-radius:14px}
.v61-system-logo svg,.v61-system-row-icon svg,.v61-system-list-avatar svg,.v61-system-avatar svg{
  width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
.v61-system-title,.v61-admin-head{display:flex;align-items:center;gap:12px}
.v61-admin-head{justify-content:space-between}
.v61-admin-head a{text-decoration:none;color:#777}
.v61-system-form{display:grid;gap:10px}
.v61-system-form textarea{resize:vertical}
.v61-active{display:flex;align-items:center;gap:8px}
.v61-system-list{padding:0!important;overflow:hidden}
.v61-system-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #eee}
.v61-system-row:last-child{border-bottom:0}
.v61-system-row-icon{width:44px;height:44px;flex:0 0 44px;border-radius:13px}
.v61-system-row-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.v61-system-row-copy span{color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v61-system-row-copy small{color:#999}
.v61-system-actions{display:flex;gap:8px}
.v61-system-actions form{margin:0}
.v61-system-actions a,.v61-system-actions button{
  width:38px;height:38px;border:0;border-radius:11px;background:#f3f1ef;color:#555;
  display:grid;place-items:center;text-decoration:none;
}
.v61-system-actions button{color:#d44}
.v61-system-actions .ico{width:20px;height:20px}
.v61-empty{padding:30px;text-align:center;color:#999}

.v61-system-list-avatar,.v61-system-avatar{
  width:54px;height:54px;border-radius:50%;flex:0 0 54px;
}
.v61-official-badge{
  display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;
  background:#ff8500;color:#fff;font-size:11px;
}
.v61-system-chat{background:#fff;min-height:60vh}
.v61-system-chat-head{
  min-height:72px;display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid #eee;
}
.v61-system-chat-head>div{display:flex;flex-direction:column}
.v61-system-chat-head span{color:#999;font-size:13px}
.v61-system-back{color:#555;text-decoration:none}
.v61-system-back .ico{width:28px;height:28px}
.v61-system-chat-body{padding:18px 16px 28px;display:flex;flex-direction:column;gap:12px}
.v61-system-bubble{
  max-width:88%;align-self:flex-start;background:#f4f2f0;border-radius:18px 18px 18px 6px;
  padding:13px 15px;line-height:1.45;
}
.v61-system-bubble b{display:block;margin-bottom:5px}
.v61-system-bubble small{display:block;text-align:right;color:#999;margin-top:7px}
.v61-system-empty{text-align:center;color:#999;padding:40px 10px}
@media(max-width:650px){
  .v61-system-chat{min-height:calc(100dvh - 190px)}
  .v61-system-bubble{max-width:92%}
}

/* ===== V62 modern SVG admin dashboard ===== */
.v62-admin-page{display:flex;flex-direction:column;gap:16px}
.v62-admin-hero{
  background:#fff;
  border-radius:24px;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:1px solid #eee9e5;
}
.v62-admin-kicker{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  color:#ff8500;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:6px;
}
.v62-admin-hero h1{margin:0;font-size:30px}
.v62-admin-hero p{margin:8px 0 0;color:#888;max-width:520px;line-height:1.45}
.v62-admin-hero-icon{
  width:66px;height:66px;flex:0 0 66px;border-radius:20px;
  background:#fff1e5;color:#ff8500;display:grid;place-items:center;
}
.v62-admin-hero-icon svg{
  width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}

.v62-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.v62-stat-card{
  background:#fff;
  border:1px solid #eee9e5;
  border-radius:20px;
  padding:16px;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.v62-stat-icon{
  width:46px;height:46px;flex:0 0 46px;border-radius:14px;
  display:grid;place-items:center;background:#f7f4f1;color:#ff8500;
}
.v62-stat-icon svg{
  width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}
.v62-stat-card div{display:flex;flex-direction:column;min-width:0}
.v62-stat-card b{font-size:22px;line-height:1.05}
.v62-stat-card small{color:#8d8d8d;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.v62-admin-section-head{
  background:#fff;
  border:1px solid #eee9e5;
  border-radius:20px;
  padding:18px 20px;
}
.v62-admin-section-head h2{margin:0;font-size:22px}
.v62-admin-section-head p{margin:5px 0 0;color:#999}

.v62-admin-nav-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.v62-admin-nav-grid>a{
  min-height:86px;
  display:flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid #eee9e5;
  border-radius:20px;
  padding:14px 16px;
  text-decoration:none;
  color:#222;
  transition:.16s ease;
}
.v62-admin-nav-grid>a:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.05)}
.v62-nav-icon{
  width:48px;height:48px;flex:0 0 48px;border-radius:15px;
  background:#fff3e9;color:#ff8500;display:grid;place-items:center;
}
.v62-nav-icon svg{
  width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}
.v62-admin-nav-grid>a>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.v62-admin-nav-grid b{font-size:17px}
.v62-admin-nav-grid span{color:#8f8f8f;font-size:14px}
.v62-admin-nav-grid i{
  font-style:normal;
  font-size:28px;
  color:#aaa;
  line-height:1;
}

@media(max-width:850px){
  .v62-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .v62-admin-page{gap:10px}
  .v62-admin-hero{border-radius:0;padding:18px 20px}
  .v62-admin-hero h1{font-size:25px}
  .v62-admin-hero p{font-size:14px}
  .v62-admin-hero-icon{width:54px;height:54px;flex-basis:54px;border-radius:16px}
  .v62-admin-hero-icon svg{width:28px;height:28px}
  .v62-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 8px}
  .v62-stat-card{padding:12px;border-radius:16px}
  .v62-stat-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}
  .v62-stat-card b{font-size:19px}
  .v62-stat-card small{font-size:12px}
  .v62-admin-section-head{border-radius:0;padding:15px 18px}
  .v62-admin-section-head h2{font-size:19px}
  .v62-admin-nav-grid{grid-template-columns:1fr;gap:8px;padding:0 8px 10px}
  .v62-admin-nav-grid>a{min-height:76px;border-radius:17px;padding:12px 14px}
  .v62-nav-icon{width:44px;height:44px;flex-basis:44px;border-radius:13px}
  .v62-admin-nav-grid b{font-size:16px}
  .v62-admin-nav-grid span{font-size:13px}
}

/* ===== V63 system conversation visibility fix ===== */
.v63-system-conversation{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  overflow:visible!important;
}
.v63-system-row{
  display:flex!important;
  width:100%!important;
}
.v63-system-conversation .v61-system-list-avatar{
  display:grid!important;
}

/* ===== V65 cleaner admin pages ===== */
.v65-admin-box{
  border-radius:24px!important;
  border:1px solid #eee9e5!important;
  box-shadow:none!important;
}
.v65-admin-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.v65-admin-title>span{
  width:46px;height:46px;border-radius:14px;background:#fff1e5;color:#ff8500;
  display:grid;place-items:center;
}
.v65-admin-title .ico{width:24px;height:24px}
.v65-admin-title h1{margin:0;font-size:25px}
.v65-search{display:flex;gap:10px}
.v65-search input{flex:1}

.v65-rounded-form label{display:flex!important;flex-direction:column;gap:7px;margin-bottom:13px!important}
.v65-rounded-form input:not([type=checkbox]):not([type=radio]),
.v65-rounded-form select,
.v65-rounded-form textarea,
.v65-search input,
.v65-action-box input,
.v65-action-box select,
.v65-report-form select{
  border:1px solid #ddd8d4!important;
  border-radius:15px!important;
  background:#faf9f8!important;
  min-height:48px!important;
  padding:11px 14px!important;
  outline:none!important;
  box-sizing:border-box!important;
}
.v65-rounded-form textarea{min-height:130px!important}
.v65-rounded-form input:focus,.v65-rounded-form textarea:focus,.v65-rounded-form select:focus,
.v65-action-box input:focus,.v65-action-box select:focus,.v65-search input:focus{
  border-color:#ff9800!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(255,152,0,.08)!important;
}
.v65-rounded-form .btn{border-radius:15px!important;min-height:50px!important}

.v65-user-list,.v65-report-list{padding:0!important;overflow:hidden;border-radius:22px!important}
.v65-user-item,.v65-report-item{border-bottom:1px solid #eee}
.v65-user-item:last-child,.v65-report-item:last-child{border-bottom:0}
.v65-user-item summary,.v65-report-item summary{
  list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;background:#fff;
}
.v65-user-item summary::-webkit-details-marker,.v65-report-item summary::-webkit-details-marker{display:none}
.v65-user-item summary .avatar{width:52px;height:52px;flex:0 0 52px}
.v65-user-name{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.v65-user-name b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v65-user-name small,.v65-report-item summary small{color:#999}
.v65-chevron{font-size:28px;color:#aaa;transition:.18s}
details[open]>.v65-user-item summary{}
.v65-user-item[open] summary .v65-chevron,.v65-report-item[open] summary .v65-chevron{transform:rotate(90deg)}
.v65-user-panel,.v65-report-panel{padding:0 16px 16px;background:#fff}
.v65-user-meta{
  border-radius:16px;background:#f8f6f4;padding:12px 14px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px
}
.v65-user-meta span{display:flex;align-items:center;gap:7px;color:#666}
.v65-user-meta .ico{width:18px;height:18px}
.v65-user-actions{display:grid;gap:10px}
.v65-action-box{
  margin:0;padding:13px;border:1px solid #eee9e5;border-radius:18px;background:#fff;
  display:grid;gap:9px;
}
.v65-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v65-action-box .btn{justify-self:start;border-radius:13px!important}

.v65-report-item summary>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.v65-report-icon{
  width:44px;height:44px;border-radius:14px;background:#fff1e5;color:#ff8500;display:grid;place-items:center;flex:0 0 44px
}
.v65-report-icon .ico{width:22px;height:22px}
.v65-status{font-size:12px;padding:5px 8px;border-radius:20px;background:#eee;color:#777}
.v65-status.open{background:#fff1e5;color:#d87400}
.v65-status.closed{background:#eef7ef;color:#39814b}
.v65-report-panel{display:grid;gap:11px}
.v65-report-detail{background:#f8f6f4;border-radius:17px;padding:13px 14px}
.v65-report-detail p{margin:5px 0 0}
.v65-report-excerpt{margin-top:8px;padding:11px 12px;border-radius:13px;background:#fff;color:#555;line-height:1.45}
.v65-view-content{
  margin-top:10px;display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  background:#fff1e5;color:#df7900;padding:9px 12px;border-radius:12px;font-weight:700;
}
.v65-view-content .ico{width:18px;height:18px}
.v65-report-form{display:flex;gap:9px;align-items:center}
.v65-report-form select{flex:1}
.v65-report-form .btn{min-height:48px;border-radius:14px!important}
.v65-empty{text-align:center;padding:28px;color:#999}

@media(max-width:650px){
  .v65-admin-box{border-radius:22px!important}
  .v65-search{flex-direction:row}
  .v65-search .btn{width:auto!important;white-space:nowrap}
  .v65-user-item summary,.v65-report-item summary{padding:13px 14px}
  .v65-user-panel,.v65-report-panel{padding:0 12px 14px}
  .v65-inline-fields{grid-template-columns:1fr}
  .v65-report-item summary .v65-status{display:none}
}

/* ===== V66 back to admin panel ===== */
.v66-admin-back-wrap{width:100%;margin:0 0 10px}
.v66-admin-back{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 14px;border:1px solid #eee4dc;border-radius:14px;background:#fff;color:#555;text-decoration:none;font-weight:700;font-size:14px}
.v66-admin-back:hover{background:#fff7ef;color:#e97800}
.v66-admin-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:650px){.v66-admin-back-wrap{padding:8px 10px 0;margin-bottom:4px;box-sizing:border-box}.v66-admin-back{width:100%;box-sizing:border-box;border-radius:15px}}

/* ===== V67 gift catalog admin ===== */
.v67-gifts-admin{display:flex;flex-direction:column;gap:14px}
.v67-admin-head,.v67-panel,.v67-gift-list-card{border-radius:24px!important;border:1px solid #eee9e5!important;box-shadow:none!important}
.v67-admin-title,.v67-panel-title{display:flex;align-items:center;gap:12px}
.v67-admin-title h1,.v67-panel-title h2{margin:0}
.v67-admin-title p,.v67-panel-title p{margin:4px 0 0;color:#999}
.v67-title-icon,.v67-mini-icon{
  width:50px;height:50px;flex:0 0 50px;border-radius:16px;background:#fff1e5;color:#ff8500;display:grid;place-items:center
}
.v67-title-icon svg,.v67-mini-icon svg,.v67-cat-svg svg{
  width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round
}
.v67-gift-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v67-form{display:grid;gap:11px;margin-top:16px}
.v67-form label{display:flex;flex-direction:column;gap:7px}
.v67-form input:not([type=checkbox]):not([type=file]),.v67-form select{
  width:100%;min-height:48px;border:1px solid #ddd8d4;border-radius:15px;background:#faf9f8;padding:11px 14px;box-sizing:border-box
}
.v67-check{flex-direction:row!important;align-items:center!important}
.v67-form-actions{display:flex;align-items:center;gap:10px}
.v67-form-actions .btn{border-radius:15px!important}
.v67-cancel{text-decoration:none;color:#777;font-weight:700}
.v67-upload-box{
  min-height:92px;border:1.5px dashed #ddd0c6;border-radius:18px;background:#faf8f6;padding:12px;
  display:flex;align-items:center;gap:12px;position:relative;overflow:hidden
}
.v67-upload-box>img,.v67-gift-thumb img,.v67-shop-gift-icon img,.gift-mini img{width:100%;height:100%;object-fit:cover}
.v67-upload-box>img,.v67-upload-box>span{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;background:#fff1e5;color:#ff8500;object-fit:cover}
.v67-upload-box input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.v67-upload-box small{display:block;color:#999;margin-top:4px}
.v67-category-list,.v67-gift-list{margin-top:16px;display:flex;flex-direction:column}
.v67-category-row,.v67-gift-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #eee}
.v67-cat-svg{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#f8f5f2;color:#ff8500;display:grid;place-items:center}
.v67-category-row>div:nth-child(2),.v67-gift-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.v67-category-row small,.v67-gift-copy span,.v67-gift-copy small{color:#999}
.v67-icon-btn{
  width:38px;height:38px;border:0;border-radius:12px;background:#f4f2f0;color:#555;display:grid;place-items:center;text-decoration:none
}
.v67-icon-btn.danger{color:#d64b4b}
.v67-icon-btn .ico{width:19px;height:19px}
.v67-category-row form,.v67-row-actions form{margin:0}
.v67-gift-thumb{width:58px;height:58px;flex:0 0 58px;border-radius:15px;overflow:hidden;background:#fff1e5;color:#ff8500;display:grid;place-items:center}
.v67-gift-thumb>span .ico{width:26px;height:26px}
.v67-row-actions{display:flex;gap:7px}
.v67-shop-gift-icon{overflow:hidden;border-radius:16px}
.v67-shop-gift-icon img{display:block}
.v67-shop-gift-icon .ico{width:42px;height:42px}
.v67-shop-category{color:#999;font-size:12px}
.gift-mini{overflow:hidden;border-radius:12px}
@media(max-width:800px){.v67-gift-admin-grid{grid-template-columns:1fr}}
@media(max-width:650px){
  .v67-admin-head,.v67-panel,.v67-gift-list-card{border-radius:22px!important}
  .v67-admin-title h1{font-size:25px}
  .v67-panel-title h2{font-size:20px}
  .v67-row-actions{gap:5px}
  .v67-icon-btn{width:36px;height:36px}
}

/* ===== V68 image-only gifts ===== */
.v68-required{color:#d64b4b}
.v68-cleanup-form{margin-top:12px}
.v68-cleanup-btn{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 13px;border:0;border-radius:13px;background:#f6eeee;color:#c94b4b;font-weight:700}
.v68-cleanup-btn .ico{width:18px;height:18px}

/* ===== V69 universal admin back button ===== */
.v69-admin-back-wrap{width:100%;box-sizing:border-box;margin:0 0 10px}
.v69-admin-back{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 14px;box-sizing:border-box;border:1px solid #eee4dc;border-radius:14px;background:#fff;color:#555;text-decoration:none;font-weight:700;font-size:14px}
.v69-admin-back:hover{background:#fff7ef;color:#e97800}
.v69-admin-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:650px){.v69-admin-back-wrap{padding:8px 10px 0;margin-bottom:4px}.v69-admin-back{width:100%;border-radius:15px}}

/* ===== V71 admin back link inside content ===== */
.v71-admin-back-wrap{
  width:100%;
  box-sizing:border-box;
  margin:0 0 10px;
}
.v71-admin-back{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  min-height:42px;
  padding:9px 14px;
  box-sizing:border-box;
  border:1px solid #eee4dc;
  border-radius:14px;
  background:#fff;
  color:#555;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
}
.v71-admin-back:hover{background:#fff7ef;color:#e97800}
.v71-admin-back svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
@media(max-width:650px){
  .v71-admin-back-wrap{padding:0 8px}
  .v71-admin-back{width:100%;border-radius:15px}
}

/* ===== V73 OK-style gifts ===== */
.v73-gifts-page{position:relative}
.v73-gift-top{padding:16px 18px;margin-bottom:8px}
.v73-gift-top h2{margin:8px 0 0}
.v73-balance{display:flex;gap:7px;align-items:center;color:#8c8c8c}
.v73-balance b{color:#555}
.v73-gift-nav{display:flex;align-items:center;gap:26px;padding:0 18px;border-radius:0;overflow:visible;position:relative;z-index:30}
.v73-gift-tab{appearance:none;border:0;background:none;padding:17px 0 14px;font:inherit;font-size:16px;color:#444;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}
.v73-gift-tab.active{border-bottom-color:var(--ok-orange);color:#222}
.v73-drop-wrap{position:relative}
.v73-arrow{font-size:18px;font-weight:800;margin-left:3px}
.v73-gift-dropdown{display:none;position:absolute;left:-18px;top:100%;min-width:260px;max-width:calc(100vw - 34px);padding:10px 0;background:#fff;border-radius:0 0 14px 14px;box-shadow:0 10px 30px rgba(0,0,0,.16);z-index:100}
.v73-gift-dropdown.show{display:block}
.v73-gift-dropdown a,.v73-gift-dropdown button{display:flex;width:100%;box-sizing:border-box;align-items:center;gap:10px;border:0;background:#fff;color:#333;text-decoration:none;text-align:left;padding:11px 18px;font:inherit;font-size:16px;cursor:pointer}
.v73-gift-dropdown a:hover,.v73-gift-dropdown a.active,.v73-gift-dropdown button:hover{background:#f7f4f1}
.v73-cat-dot .ico{width:22px;height:22px;color:var(--ok-orange)}
.v73-mine-menu{left:auto;right:-16px;min-width:245px}
.v73-gift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:#fff;padding:16px 14px;margin-top:1px}
.v73-gift-item{min-width:0;text-align:center;padding:6px 3px 10px}
.v73-gift-image{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.v73-gift-image img{display:block;width:100%;height:100%;object-fit:contain}
.v73-gift-price{display:inline-block;margin-top:5px;padding:3px 9px;border-radius:14px;background:#6e9dcc;color:#fff;font-size:13px;line-height:1.3;white-space:nowrap}
.v73-send{display:block;margin:7px auto 0;border:0;border-radius:14px;padding:6px 10px;background:var(--ok-orange);color:#fff;font-weight:700;font-size:12px}
.v73-my-gifts{margin-top:10px;padding:16px}
.v73-my-gifts[hidden]{display:none!important}
.v73-mine-grid{display:grid;gap:8px}
.v73-mine-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--ok-line)}
.v73-mine-item>img{width:64px;height:64px;object-fit:contain;flex:0 0 64px}
.v73-mine-info{min-width:0;flex:1}
@media(max-width:650px){
 .v73-gift-top{border-radius:0 0 22px 22px!important}
 .v73-gift-nav{gap:23px;padding:0 18px}
 .v73-gift-tab{font-size:15px;padding-top:15px}
 .v73-gift-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:14px 9px}
 .v73-gift-item{padding:4px 2px 9px}
 .v73-gift-image{max-height:105px}
 .v73-gift-price{font-size:12px;padding:3px 8px}
 .v73-mine-menu{right:-8px}
 .v73-gift-dropdown{min-width:235px}
}

/* ===== V75 gift chooser / SVG post actions / notifications ===== */
.v75-own-more-menu{display:none;position:absolute;right:30px;margin-top:8px;min-width:190px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.16);padding:7px;z-index:50}
.v75-own-more-menu.show{display:block}
.v75-own-more-menu button{width:100%;border:0;background:#fff;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:10px;font:inherit;font-weight:700;text-align:left}
.v75-own-more-menu button:hover{background:#f6f3f0}
.v75-own-more-menu .ico{width:22px;height:22px;color:var(--ok-orange)}
.v75-own-more-btn .ico{width:25px;height:25px}

.v75-gift-users-modal{display:none;position:fixed;inset:0;z-index:10050}
.v75-gift-users-modal.show{display:block}
.v75-gift-users-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42)}
.v75-gift-users-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));max-height:78vh;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.v75-gift-users-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--ok-line);font-size:19px}
.v75-gift-users-head button{border:0;background:#f3f0ed;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}
.v75-gift-users-head .ico{width:20px;height:20px}
.v75-gift-search{margin:12px 14px;display:flex;align-items:center;gap:9px;background:#f5f2ef;border-radius:17px;padding:0 13px}
.v75-gift-search .ico{width:21px;height:21px;color:#888}
.v75-gift-search input{border:0!important;background:transparent!important;outline:0;width:100%;padding:12px 0!important}
.v75-gift-user-list{max-height:56vh;overflow:auto;padding:0 8px 10px}
.v75-gift-user-list a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:15px;color:#333;text-decoration:none}
.v75-gift-user-list a:hover{background:#f7f4f1}
.v75-gift-user-list a>span{display:grid;gap:2px;flex:1;min-width:0}
.v75-gift-user-list small{color:#999}
.v75-gift-user-list>a>.ico{width:20px;height:20px;color:#aaa}
.v75-gift-user-list .avatar{width:48px;height:48px}

.v75-profile-post-actions{overflow:visible!important}
.v75-profile-post-actions .post-comment-link .ico,.v75-profile-post-actions .v17-share-link .ico{width:22px!important;height:22px!important}

.v75-notification-avatar-wrap{position:relative;flex:0 0 auto}
.v75-notification-type{position:absolute;right:-4px;bottom:-3px;width:25px;height:25px;border-radius:50%;background:#6e9dcc;color:#fff;display:grid;place-items:center;border:2px solid #fff}
.v75-notification-type.gift{background:var(--ok-orange)}
.v75-notification-type.balance{background:#51a36f}
.v75-notification-type .ico{width:14px;height:14px}
@media(max-width:650px){
  .v75-gift-users-sheet{left:0;right:0;bottom:0;top:auto;transform:none;width:100%;max-height:82vh;border-radius:24px 24px 0 0}
  .v75-own-more-menu{right:16px}
}

/* ===== V76 accepted profile gifts: bottom-left, 2 days, rotate ===== */
.v11-profile-avatar-wrap{position:relative!important;overflow:visible!important}
.profile-featured-gift.v76-profile-gift-rotator{
  position:absolute!important;
  left:-8px!important;
  right:auto!important;
  top:auto!important;
  bottom:-8px!important;
  width:46px!important;
  height:46px!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:12!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.v76-profile-gift-img{
  display:none!important;
  position:absolute!important;
  inset:0!important;
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.v76-profile-gift-img.active{
  display:block!important;
  animation:v76GiftSwap .28s ease both!important;
}
@keyframes v76GiftSwap{
  from{opacity:0;transform:scale(.82)}
  to{opacity:1;transform:scale(1)}
}
@media(max-width:650px){
  .profile-featured-gift.v76-profile-gift-rotator{
    left:-5px!important;
    bottom:-6px!important;
    top:auto!important;
    width:42px!important;
    height:42px!important;
  }
  .v76-profile-gift-img{
    width:42px!important;
    height:42px!important;
  }
}

/* ===== V77 compact profile/mobile menus ===== */
@media(max-width:650px){
  .v11-profile-cover{
    height:118px!important;
    min-height:118px!important;
  }
  .v11-profile-main{
    padding:0 12px 10px!important;
  }
  .v11-profile-avatar-wrap{
    width:84px!important;
    margin-bottom:-62px!important;
    transform:translateY(-62px)!important;
  }
  .v11-profile-avatar{
    width:84px!important;
    height:84px!important;
  }
  .profile-avatar-upload{
    width:84px!important;
    height:84px!important;
  }
  .profile-avatar-plus{
    width:30px!important;
    height:30px!important;
    right:-5px!important;
    bottom:-5px!important;
    font-size:22px!important;
  }
  .v11-profile-name{
    margin-top:10px!important;
  }
  .v11-profile-name h1{
    font-size:20px!important;
    line-height:1.15!important;
  }
  .v11-profile-name .meta{
    font-size:13px!important;
  }

  .v11-profile-actions,
  .v12-own-actions{
    margin-top:11px!important;
    gap:7px!important;
  }
  .v11-primary,
  .v11-secondary,
  .v12-own-main,
  .v12-own-secondary{
    min-height:42px!important;
    height:42px!important;
    border-radius:14px!important;
    font-size:14px!important;
    padding:0 12px!important;
  }
  .v11-primary .ico,
  .v11-secondary .ico,
  .v12-own-main .ico,
  .v12-own-secondary .ico{
    width:20px!important;
    height:20px!important;
  }

  .v11-profile-tabs{
    min-height:43px!important;
    gap:18px!important;
    padding:0 12px!important;
  }
  .v11-profile-tabs a{
    padding:11px 0!important;
    font-size:14px!important;
  }

  .v11-about{
    margin-top:8px!important;
    padding:15px 13px!important;
    border-radius:18px!important;
  }
  .v11-about h3{
    margin:0 0 12px!important;
    font-size:18px!important;
  }
  .about-placeholder{
    padding:11px 13px!important;
    border-radius:15px!important;
  }
  .about-row{
    font-size:14px!important;
  }

  /* 3-dot menu should be a normal compact popup, not a huge sheet */
  .profile-more-menu.v11-floating-menu{
    position:absolute!important;
    left:auto!important;
    right:12px!important;
    top:100%!important;
    width:236px!important;
    max-width:calc(100vw - 28px)!important;
    border-radius:15px!important;
    overflow:hidden!important;
    box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
  }
  .profile-more-menu.v11-floating-menu a,
  .profile-more-menu.v11-floating-menu button{
    min-height:44px!important;
    padding:10px 13px!important;
    gap:10px!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  .profile-more-menu.v11-floating-menu .ico{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }

  .profile-sub-menu.v11-floating-menu{
    left:12px!important;
    right:12px!important;
    border-radius:15px!important;
  }
  .profile-sub-menu.v11-floating-menu button{
    padding:10px 12px!important;
    font-size:14px!important;
  }

  .profile-featured-gift.v76-profile-gift-rotator{
    width:36px!important;
    height:36px!important;
    left:-3px!important;
    bottom:-4px!important;
  }
  .v76-profile-gift-img{
    width:36px!important;
    height:36px!important;
  }

  .profile-cover-upload-btn{
    height:34px!important;
    min-height:34px!important;
    width:auto!important;
    max-width:150px!important;
    padding:0 10px!important;
    border-radius:17px!important;
    font-size:12px!important;
  }
  .profile-cover-upload-btn span{
    display:inline!important;
  }
}


/* ===== V78M profile library / guests / sane feed video size ===== */
.post-card .feed-video{
  width:100%!important;
  height:auto!important;
  max-height:430px!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  background:#111!important;
}
.v78m-library-page{display:grid;gap:10px}.v78m-library-page>.card{margin:0!important}
.v78m-library-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px!important}
.v78m-library-head h2{margin:4px 0 0}.v78m-back-profile{font-size:13px;color:#888;text-decoration:none}
.v78m-media-form{display:grid;gap:10px;padding:15px!important}.v78m-media-form input,.v78m-media-form textarea,.v78m-media-form select{width:100%;box-sizing:border-box;border:1px solid #e2ded9;border-radius:13px;padding:11px 12px;background:#fff}.v78m-media-form textarea{min-height:72px;resize:vertical}.v78m-media-form .btn{justify-self:start}
.v78m-success{padding:11px 14px;background:#eef9f0;color:#24743b;border:1px solid #d1edd7;border-radius:14px;font-weight:700}
.v78m-album-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px!important}.v78m-album-title h3{margin:5px 0}.v78m-album-title p{margin:0;color:#777}.v78m-soft-btn{display:flex;align-items:center;gap:7px;border:1px solid #e2ddd7;background:#f5f2ef;border-radius:13px;padding:9px 12px;font-weight:700}.v78m-soft-btn .ico{width:19px;height:19px}
.v78m-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v78m-album-card{display:grid;gap:5px;text-decoration:none;color:inherit;min-width:0}.v78m-album-card small{color:#888}.v78m-album-cover{aspect-ratio:1.35/1;background:#f3f0ed;border-radius:15px;overflow:hidden;display:grid;place-items:center}.v78m-album-cover img{width:100%;height:100%;object-fit:cover}.v78m-album-cover .ico{width:34px;height:34px;color:#999}
.v78m-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.v78m-photo-grid a{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:8px;background:#f0eeeb}.v78m-photo-grid img{width:100%;height:100%;object-fit:cover;display:block}
.v78m-video-list,.v78m-track-list{display:grid;gap:10px}.v78m-video-card{padding:14px!important;display:grid;gap:10px}.v78m-library-video{border-radius:14px;overflow:hidden}.v78m-track{display:flex;align-items:center;gap:12px;padding:13px!important}.v78m-track-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#f4efea;display:grid;place-items:center}.v78m-track-icon .ico{width:25px;height:25px}.v78m-track audio{width:100%;margin-top:8px}.v78m-post-audio{display:flex;align-items:center;gap:9px;padding:12px 14px;background:#f5f2ef}.v78m-post-audio>.ico{width:25px;height:25px;flex:0 0 25px}.v78m-post-audio audio{width:100%;min-width:0}
.v78m-empty{padding:28px!important;text-align:center;color:#888}.v78m-empty-inline{padding:16px 4px;color:#888}.v78m-bookmark-post{display:grid;gap:4px;padding:11px 0;border-bottom:1px solid #eee;color:inherit;text-decoration:none}.v78m-bookmark-post span{color:#555}.v78m-bookmark-post small{color:#999}
@media(max-width:650px){
 .post-card .feed-video{max-height:330px!important;aspect-ratio:16/9!important}
 .v78m-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v78m-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v78m-library-head{padding:12px!important}.v78m-library-head .btn{padding:9px 11px!important;font-size:13px!important}
 .v78m-album-title{display:grid}.v78m-soft-btn{width:100%;justify-content:center}.v78m-track{align-items:flex-start}.v78m-track-icon{width:42px;height:42px;flex-basis:42px}
}


/* ===== V79 separate media categories + anonymous guests + invisible plans ===== */
.v79-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}
.v79-section-head h2{display:flex;align-items:center;gap:9px;margin:6px 0 0}
.v79-section-head h2 .ico{width:25px;height:25px;color:var(--ok-orange)}
.v79-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.v79-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v79-category-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--ok-line);border-radius:16px;text-decoration:none;color:inherit;background:#fff;min-width:0}
.v79-category-card:hover{background:#fffaf6}
.v79-category-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#fff3e7;color:var(--ok-orange);flex:0 0 48px}
.v79-category-icon .ico{width:25px;height:25px}
.v79-category-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v79-category-card small{display:block;color:#999;margin-top:4px}
.v79-category-card>.ico{width:20px;height:20px;color:#aaa}
.v79-category-title{padding:16px 18px}
.v79-category-title h3{display:flex;align-items:center;gap:8px;margin:8px 0 4px}
.v79-category-title h3 .ico{color:var(--ok-orange)}
.v79-manage-page{min-width:0}
.v79-standalone-form{display:grid;gap:14px;padding:18px}
.v79-standalone-form label{display:grid;gap:7px;font-weight:700}
.v79-standalone-form input,.v79-standalone-form textarea,.v79-standalone-form select{width:100%;box-sizing:border-box}
.v79-standalone-form .btn{justify-self:start}
.v79-hidden-guest{background:linear-gradient(90deg,#faf8fb,#fff)}
.v79-hidden-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eeeaf2;color:#817889;flex:0 0 48px}
.v79-hidden-avatar .ico{width:24px;height:24px}
.v79-invisible-status{display:flex;align-items:center;gap:14px;padding:18px}
.v79-big-icon,.v79-plan-icon{width:54px;height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:#f2edf7;color:#78668b}
.v79-big-icon .ico,.v79-plan-icon .ico{width:28px;height:28px}
.v79-info-box{padding:16px 18px;line-height:1.55}
.v79-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v79-plan-card{display:grid;gap:8px;justify-items:start;padding:16px}
.v79-plan-card h3{margin:3px 0 0}
.v79-plan-price{font-size:18px;margin:4px 0}
.v78m-library-video{width:100%!important;max-width:720px!important;max-height:480px!important;object-fit:contain!important;background:#000}
@media(max-width:650px){
 .v79-section-head{padding:13px;align-items:flex-start}
 .v79-section-head h2{font-size:19px}
 .v79-head-actions{justify-content:flex-end}
 .v79-head-actions .btn,.v79-head-actions .v78m-soft-btn{font-size:12px;padding:8px 10px}
 .v79-category-grid{grid-template-columns:1fr}
 .v79-category-card{padding:12px}
 .v79-category-icon{width:44px;height:44px;flex-basis:44px}
 .v79-plan-grid{grid-template-columns:1fr}
 .v79-standalone-form{padding:14px}
 .v78m-library-video{max-height:300px!important}
}


/* ===== V80 clean invisible page + contextual back links ===== */
.v80-invisible-page{min-width:0}
.v80-invisible-hero{display:flex;align-items:center;gap:14px;padding:18px}
.v80-invisible-hero h2{margin:0 0 5px;font-size:22px}
.v80-invisible-hero p{margin:0}
.v80-invisible-hero-icon{width:54px;height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:#fff3e8;color:var(--ok-orange);flex:0 0 54px}
.v80-invisible-hero-icon .ico{width:28px;height:28px}
.v80-invisible-switch-card{display:flex;align-items:center;gap:14px;padding:16px 18px}
.v80-switch-form{margin:0}
.v80-switch{position:relative;width:54px;height:30px;padding:0;border:0;border-radius:20px;background:#d7d7d7;cursor:pointer;transition:.2s}
.v80-switch span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}
.v80-switch.is-on{background:var(--ok-orange)}
.v80-switch.is-on span{left:27px}
.v80-pass-info{display:flex;align-items:center;gap:12px;padding:14px 18px}
.v80-pass-info>div:first-child{width:40px;height:40px;border-radius:13px;background:#f5f3f1;display:flex;align-items:center;justify-content:center;color:#777}
.v80-pass-info .ico{width:21px;height:21px}
.v80-plan-heading{margin:18px 4px 10px;font-size:17px}
.v80-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v80-plan-card{display:grid;gap:15px;padding:15px}
.v80-plan-top{display:flex;align-items:center;gap:10px}
.v80-plan-top small{display:block;color:#999;margin-top:3px}
.v80-plan-icon{width:40px;height:40px;border-radius:13px;background:#fff3e8;color:var(--ok-orange);display:flex;align-items:center;justify-content:center}
.v80-plan-icon .ico{width:21px;height:21px}
.v80-plan-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
.v80-plan-bottom strong{font-size:17px}
.v80-plan-bottom .btn{min-width:70px}
.v80-invisible-note{margin:12px 3px 0;padding:12px 14px;border-radius:14px;background:#f7f5f3;color:#777;font-size:13px;line-height:1.5}
@media(max-width:650px){
 .v80-invisible-hero{padding:15px}
 .v80-invisible-hero-icon{width:48px;height:48px;flex-basis:48px}
 .v80-invisible-hero h2{font-size:20px}
 .v80-invisible-switch-card,.v80-pass-info{padding:14px}
 .v80-plan-grid{grid-template-columns:1fr}
 .v80-plan-card{padding:14px}
}


/* ===== V82 invisible clean mobile UI ===== */
.v80-invisible-switch-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.v82-toggle-form{margin:0!important;flex:0 0 auto!important}
.v82-toggle{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:112px!important;
  height:42px!important;
  padding:5px 7px 5px 12px!important;
  border:1px solid #d8d8d8!important;
  border-radius:22px!important;
  background:#f5f5f5!important;
  color:#777!important;
  cursor:pointer!important;
  font:inherit!important;
  font-weight:800!important;
}
.v82-toggle.is-on{
  border-color:#ff8500!important;
  background:#fff7ed!important;
  color:#e66f00!important;
}
.v82-toggle-text{font-size:12px!important;line-height:1!important;letter-spacing:.2px!important}
.v82-toggle-track{
  position:relative!important;
  display:block!important;
  width:42px!important;
  height:24px!important;
  border-radius:15px!important;
  background:#cfcfcf!important;
  flex:0 0 42px!important;
}
.v82-toggle-track i{
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(0,0,0,.2)!important;
  transition:.18s!important;
}
.v82-toggle.is-on .v82-toggle-track{background:#ff8500!important}
.v82-toggle.is-on .v82-toggle-track i{left:21px!important}
.v80-plan-grid{gap:10px!important}
.v80-plan-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px 16px!important;
  min-height:72px!important;
}
.v82-plan-name{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.v82-plan-name b{font-size:16px!important;white-space:nowrap!important}
.v82-plan-action{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important}
.v82-plan-action strong{font-size:16px!important;white-space:nowrap!important}
.v82-plan-action .btn{white-space:nowrap!important;padding:9px 13px!important;min-width:auto!important}
.v80-invisible-note{
  margin:10px 0 0!important;
  padding:11px 13px!important;
  border:1px solid #e7e3df!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#777!important;
  font-size:12px!important;
  line-height:1.45!important;
}
@media(max-width:650px){
  .v80-invisible-page{padding-bottom:8px!important}
  .v80-invisible-hero{padding:14px!important}
  .v80-invisible-hero h2{font-size:20px!important}
  .v80-invisible-hero p{font-size:13px!important;line-height:1.4!important}
  .v80-invisible-switch-card{padding:14px!important}
  .v80-invisible-switch-card .grow b{font-size:16px!important}
  .v82-toggle{min-width:108px!important;height:40px!important}
  .v80-plan-heading{font-size:17px!important;margin:15px 3px 9px!important}
  .v80-plan-grid{grid-template-columns:1fr!important}
  .v80-plan-card{min-height:68px!important;padding:12px 14px!important}
  .v80-plan-icon{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .v82-plan-name b,.v82-plan-action strong{font-size:15px!important}
  .v82-plan-action .btn{font-size:13px!important;padding:8px 10px!important}
}
@media(max-width:390px){
  .v80-plan-card{align-items:flex-start!important}
  .v82-plan-action{flex-direction:column!important;align-items:flex-end!important;gap:5px!important}
}


/* ===== V84 INVISIBLE UI REPAIR ===== */
.v84-invisible-control{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:16px 18px!important;
}
.v84-control-info{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
.v84-control-info b{
  font-size:17px!important;
  line-height:1.2!important;
}
.v84-control-info span{
  color:#939393!important;
  font-size:14px!important;
}
.v84-control-form{margin:0!important;flex:0 0 auto!important}
.v84-control-btn{
  -webkit-appearance:none!important;
  appearance:none!important;
  border:0!important;
  outline:0!important;
  min-width:112px!important;
  height:44px!important;
  border-radius:22px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.v84-control-btn.off{
  background:#f0f0f0!important;
  color:#555!important;
}
.v84-control-btn.on{
  background:#ff8500!important;
  color:#fff!important;
}
.v84-dot{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:currentColor!important;
  opacity:.9!important;
  flex:0 0 10px!important;
}
.v80-plan-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.v80-plan-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:76px!important;
  padding:14px 16px!important;
}
.v84-plan-left{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
.v84-plan-left>div:last-child{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.v84-plan-left b{
  font-size:16px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.v84-plan-left span{
  font-size:15px!important;
  font-weight:800!important;
  color:#333!important;
  white-space:nowrap!important;
}
.v84-plan-icon{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  background:#fff3e8!important;
  color:#ff8500!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
}
.v84-plan-icon .ico{width:22px!important;height:22px!important}
.v84-buy-btn{
  -webkit-appearance:none!important;
  appearance:none!important;
  border:0!important;
  outline:0!important;
  border-radius:15px!important;
  background:#ff8500!important;
  color:#fff!important;
  min-width:62px!important;
  height:42px!important;
  padding:0 15px!important;
  font:inherit!important;
  font-weight:800!important;
  font-size:15px!important;
  cursor:pointer!important;
  flex:0 0 auto!important;
}
.v80-invisible-note{
  margin:10px 0 0!important;
  padding:11px 13px!important;
  border:1px solid #e8e4df!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#777!important;
  font-size:12px!important;
  line-height:1.45!important;
}
@media(max-width:650px){
  .v84-invisible-control{padding:14px!important}
  .v84-control-info b{font-size:16px!important}
  .v84-control-btn{min-width:104px!important;height:42px!important}
  .v80-plan-grid{grid-template-columns:1fr!important}
  .v80-plan-card{min-height:74px!important;padding:13px 14px!important}
  .v84-plan-left b{font-size:16px!important}
  .v84-plan-left span{font-size:15px!important}
  .v84-buy-btn{min-width:60px!important;height:40px!important}
}


/* ===== V90 side-menu green badges ===== */
.menu-tile.v90-badge-tile{position:relative!important}
.v90-green-count{
  position:absolute!important;
  top:7px!important;
  right:9px!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#35a853!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 1px 3px rgba(0,0,0,.12)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  z-index:3!important;
}
@media(max-width:650px){
  .v90-green-count{top:6px!important;right:8px!important;min-width:19px!important;height:19px!important;font-size:10px!important}
}


/* ===== V93 notifications empty state ===== */
.notification-empty-v93{
  min-height:430px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  padding:34px 20px!important;
  text-align:center!important;
}
.notification-empty-bell-v93{
  width:170px!important;
  height:170px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#d2d2d2!important;
}
.notification-empty-bell-v93 .ico{
  width:155px!important;
  height:155px!important;
  stroke-width:1.15!important;
}
.notification-empty-v93 b{
  color:#333!important;
  font-size:18px!important;
  line-height:1.3!important;
}
@media(max-width:650px){
  .notification-empty-v93{
    min-height:410px!important;
    gap:18px!important;
  }
  .notification-empty-bell-v93{
    width:150px!important;
    height:150px!important;
  }
  .notification-empty-bell-v93 .ico{
    width:140px!important;
    height:140px!important;
  }
  .notification-empty-v93 b{
    font-size:17px!important;
  }
}


/* ===== V95 polished notification empty state ===== */
.notification-empty-v95{
  position:relative!important;
  min-height:500px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  padding:44px 20px 70px!important;
  text-align:center!important;
  overflow:hidden!important;
}
.notification-empty-watermark-v95{
  position:relative!important;
  width:220px!important;
  height:220px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.notification-empty-watermark-v95::before{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 45%,rgba(245,245,245,.9),rgba(249,249,249,.35) 60%,rgba(255,255,255,0) 76%)!important;
}
.notification-empty-watermark-v95::after{
  content:""!important;
  position:absolute!important;
  width:150px!important;
  height:150px!important;
  border-radius:50%!important;
  border:1px solid #efefef!important;
  opacity:.8!important;
}
.notification-empty-bell-v95{
  position:relative!important;
  z-index:2!important;
  width:155px!important;
  height:155px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#d3d3d3!important;
}
.notification-empty-bell-v95 .ico{
  width:145px!important;
  height:145px!important;
  stroke-width:1.2!important;
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.02))!important;
}
.notification-empty-copy-v95{
  position:relative!important;
  z-index:2!important;
}
.notification-empty-copy-v95 b{
  display:block!important;
  color:#333!important;
  font-size:18px!important;
  line-height:1.3!important;
}
.notification-empty-copy-v95 span{
  display:block!important;
  margin-top:6px!important;
  color:#aaa!important;
  font-size:13px!important;
  line-height:1.35!important;
}
@media(max-width:650px){
  .notification-empty-v95{
    min-height:470px!important;
    padding:34px 18px 62px!important;
    gap:14px!important;
  }
  .notification-empty-watermark-v95{
    width:190px!important;
    height:190px!important;
  }
  .notification-empty-watermark-v95::after{
    width:132px!important;
    height:132px!important;
  }
  .notification-empty-bell-v95{
    width:138px!important;
    height:138px!important;
  }
  .notification-empty-bell-v95 .ico{
    width:128px!important;
    height:128px!important;
  }
  .notification-empty-copy-v95 b{
    font-size:17px!important;
  }
  .notification-empty-copy-v95 span{
    font-size:12px!important;
  }
}


/* ===== V96 notification empty state hard fix ===== */
.notification-page .notification-empty-v96{
  width:100%!important;
  min-height:460px!important;
  padding:46px 20px 70px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:14px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.notification-page .notification-empty-bell-v96{
  width:170px!important;
  height:170px!important;
  margin:0 auto 8px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:radial-gradient(circle,#fafafa 0,#f7f7f7 58%,#fff 72%)!important;
  color:#d3d3d3!important;
}
.notification-page .notification-empty-bell-v96 .ico{
  display:block!important;
  width:138px!important;
  height:138px!important;
  min-width:138px!important;
  min-height:138px!important;
  stroke-width:1.15!important;
  color:#d0d0d0!important;
}
.notification-page .notification-empty-title-v96{
  display:block!important;
  width:100%!important;
  max-width:360px!important;
  margin:0 auto!important;
  color:#333!important;
  font-size:18px!important;
  line-height:1.3!important;
  font-weight:800!important;
  white-space:normal!important;
}
.notification-page .notification-empty-sub-v96{
  display:block!important;
  width:100%!important;
  max-width:360px!important;
  margin:0 auto!important;
  color:#aaa!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:400!important;
  white-space:normal!important;
}
@media(max-width:650px){
  .notification-page .notification-empty-v96{
    min-height:430px!important;
    padding:40px 18px 60px!important;
  }
  .notification-page .notification-empty-bell-v96{
    width:150px!important;
    height:150px!important;
  }
  .notification-page .notification-empty-bell-v96 .ico{
    width:122px!important;
    height:122px!important;
    min-width:122px!important;
    min-height:122px!important;
  }
  .notification-page .notification-empty-title-v96{
    font-size:17px!important;
  }
  .notification-page .notification-empty-sub-v96{
    font-size:12px!important;
  }
}


/* ===== V97 games center ===== */
.games-page-v97{min-width:0}
.games-head-v97{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:15px 16px!important;
}
.games-head-icon-v97{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff3e8!important;
  color:#ff8500!important;
}
.games-head-icon-v97 .ico{width:23px!important;height:23px!important}
.games-head-v97 h2{margin:0!important;font-size:19px!important;line-height:1.2!important}
.games-head-v97 p{margin:4px 0 0!important;color:#999!important;font-size:13px!important}
.games-grid-v97{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.game-card-v97{
  min-height:88px!important;
  padding:14px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}
.game-icon-v97{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border-radius:14px!important;
  background:#f5f3f0!important;
  color:#555!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.game-icon-v97 .ico{width:23px!important;height:23px!important}
.game-copy-v97{min-width:0}
.game-copy-v97 b{display:block!important;font-size:15px!important}
.game-copy-v97 span{display:block!important;margin-top:3px!important;color:#aaa!important;font-size:12px!important}
.game-card-v97.is-soon{opacity:.82!important}
.games-note-v97{
  margin-top:10px!important;
  padding:11px 13px!important;
  border:1px solid #e8e4df!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#777!important;
  font-size:12px!important;
  line-height:1.45!important;
}
@media(max-width:650px){
  .games-head-v97{padding:13px!important}
  .games-head-v97 h2{font-size:18px!important}
  .games-grid-v97{grid-template-columns:1fr!important;gap:8px!important}
  .game-card-v97{min-height:72px!important;padding:12px 13px!important}
  .game-icon-v97{width:40px!important;height:40px!important;flex-basis:40px!important}
}


/* ===== V98 avatar from album + photo viewer ===== */
.v98-avatar-view{
  appearance:none!important;border:0!important;background:transparent!important;
  padding:0!important;margin:0!important;display:block!important;border-radius:50%!important;
  cursor:pointer!important;
}
.v98-avatar-view .v11-profile-avatar{display:block!important}
.profile-avatar-upload,.profile-avatar-plus{display:none!important}

.v98-album-photo{position:relative!important;min-width:0!important}
.v98-album-photo-open{
  appearance:none!important;border:0!important;background:transparent!important;
  padding:0!important;margin:0!important;width:100%!important;display:block!important;
  cursor:pointer!important;border-radius:12px!important;overflow:hidden!important;
}
.v98-album-photo-open img{
  display:block!important;width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;
}
.v98-set-avatar-form{margin:7px 0 0!important}
.v98-set-avatar-btn{
  appearance:none!important;border:1px solid #e8e2dc!important;background:#fff!important;color:#555!important;
  width:100%!important;min-height:34px!important;padding:7px 9px!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  font:inherit!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;
}
.v98-set-avatar-btn .ico{width:16px!important;height:16px!important;color:#ff8500!important}

.v98-photo-viewer{
  position:fixed!important;inset:0!important;z-index:10050!important;display:none!important;
  align-items:center!important;justify-content:center!important;padding:18px!important;
}
.v98-photo-viewer.show{display:flex!important}
.v98-photo-viewer-backdrop{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  border:0!important;background:rgba(18,18,18,.84)!important;cursor:pointer!important;
}
.v98-photo-viewer-box{
  position:relative!important;z-index:2!important;width:min(720px,100%)!important;
  max-height:90vh!important;background:#fff!important;border-radius:18px!important;
  overflow:hidden!important;box-shadow:0 18px 60px rgba(0,0,0,.28)!important;
}
.v98-photo-viewer-top{
  min-height:52px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;padding:10px 12px 10px 16px!important;border-bottom:1px solid #eee!important;
}
.v98-photo-viewer-top b{
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:15px!important;
}
.v98-photo-close{
  appearance:none!important;border:0!important;background:#f3f3f3!important;color:#555!important;
  width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;
}
.v98-photo-close .ico{width:19px!important;height:19px!important}
.v98-photo-stage{
  min-height:240px!important;max-height:calc(90vh - 52px)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;background:#111!important;
  overflow:auto!important;
}
.v98-photo-stage img{
  display:block!important;max-width:100%!important;max-height:calc(90vh - 52px)!important;
  width:auto!important;height:auto!important;object-fit:contain!important;
}
@media(max-width:650px){
  .v98-photo-viewer{padding:10px!important}
  .v98-photo-viewer-box{border-radius:15px!important}
  .v98-photo-viewer-top{min-height:48px!important}
  .v98-photo-stage{max-height:calc(88vh - 48px)!important}
  .v98-photo-stage img{max-height:calc(88vh - 48px)!important}
  .v98-set-avatar-btn{font-size:11px!important;min-height:32px!important}
}


/* ===== V99 profile avatar from album + polished viewer ===== */
.v98-set-avatar-btn.is-current{
  background:#f2f8f3!important;
  border-color:#cfe8d3!important;
  color:#3f8050!important;
  cursor:default!important;
}
.v98-set-avatar-btn.is-current .ico{color:#42a45a!important}
.v98-avatar-view{
  position:relative!important;
  overflow:hidden!important;
}
.v98-avatar-view::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:rgba(0,0,0,0)!important;
  transition:.18s!important;
  pointer-events:none!important;
}
@media(hover:hover) and (pointer:fine){
  .v98-avatar-view:hover::after{background:rgba(0,0,0,.08)!important}
}
.v98-photo-viewer{
  backdrop-filter:blur(2px)!important;
}
.v98-photo-viewer-box{
  width:min(680px,100%)!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.v98-photo-stage{
  background:#0f0f0f!important;
}
@media(max-width:650px){
  .v98-photo-viewer{
    padding:8px!important;
  }
  .v98-photo-viewer-box{
    width:100%!important;
    border-radius:14px!important;
  }
  .v98-photo-stage{
    min-height:220px!important;
  }
}


/* ===== V100 rounded standard form controls ===== */
.feed input[type="text"],
.feed input[type="email"],
.feed input[type="password"],
.feed input[type="search"],
.feed input[type="number"],
.feed input[type="date"],
.feed input[type="tel"],
.feed input[type="url"],
.feed select,
.feed textarea{
  box-sizing:border-box!important;
  width:100%!important;
  border:1px solid #dedbd8!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#2f2f2f!important;
  font:inherit!important;
  font-size:14px!important;
  outline:none!important;
  box-shadow:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.feed input[type="text"],
.feed input[type="email"],
.feed input[type="password"],
.feed input[type="search"],
.feed input[type="number"],
.feed input[type="date"],
.feed input[type="tel"],
.feed input[type="url"],
.feed select{
  min-height:44px!important;
  padding:10px 13px!important;
}
.feed textarea{
  min-height:110px!important;
  padding:11px 13px!important;
  resize:vertical!important;
}
.feed input:focus,
.feed select:focus,
.feed textarea:focus{
  border-color:#ff9a35!important;
  box-shadow:0 0 0 3px rgba(255,133,0,.08)!important;
}
.feed input::placeholder,
.feed textarea::placeholder{
  color:#aaa!important;
}
.v79-standalone-form{
  gap:13px!important;
}
.v79-standalone-form label{
  gap:7px!important;
}
@media(max-width:650px){
  .feed input[type="text"],
  .feed input[type="email"],
  .feed input[type="password"],
  .feed input[type="search"],
  .feed input[type="number"],
  .feed input[type="date"],
  .feed input[type="tel"],
  .feed input[type="url"],
  .feed select{
    min-height:42px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
  .feed textarea{
    min-height:104px!important;
    border-radius:13px!important;
  }
}


/* ===== V101 rounded inputs hard fix ===== */
/* input without type="" is also text in HTML, so style it explicitly */
.feed input:not([type]),
.feed input[type="text"],
.feed input[type="email"],
.feed input[type="password"],
.feed input[type="search"],
.feed input[type="number"],
.feed input[type="date"],
.feed input[type="tel"],
.feed input[type="url"],
.v79-standalone-form input:not([type]),
.v79-standalone-form input[type="text"],
.v79-standalone-form select,
.v79-standalone-form textarea{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  width:100%!important;
  border:1px solid #dedbd8!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#2f2f2f!important;
  outline:none!important;
  box-shadow:none!important;
}
.feed input:not([type]),
.v79-standalone-form input:not([type]),
.v79-standalone-form input[type="text"]{
  min-height:44px!important;
  padding:10px 13px!important;
}
.feed textarea,
.v79-standalone-form textarea{
  border-radius:14px!important;
}
.feed input:not([type]):focus,
.feed input[type="text"]:focus,
.v79-standalone-form input:not([type]):focus,
.v79-standalone-form input[type="text"]:focus,
.v79-standalone-form textarea:focus{
  border-color:#ff9a35!important;
  box-shadow:0 0 0 3px rgba(255,133,0,.08)!important;
}
@media(max-width:650px){
  .feed input:not([type]),
  .v79-standalone-form input:not([type]),
  .v79-standalone-form input[type="text"],
  .v79-standalone-form textarea{
    border-radius:13px!important;
  }
}

/* V104: developer note is not user-facing */
.games-note-v97{display:none!important}

/* ===== V107 robust photo viewer/actions ===== */
.photo-view-page-v107{min-width:0}
.photo-view-card-v107{padding:0!important;overflow:hidden!important}
.photo-view-top-v107{min-height:52px!important;padding:10px 13px!important;display:flex!important;align-items:center!important;gap:12px!important;border-bottom:1px solid #eee!important}
.photo-view-top-v107>b{font-size:15px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.photo-view-back-v107{display:flex!important;align-items:center!important;gap:4px!important;color:#777!important;text-decoration:none!important;font-size:13px!important}
.photo-view-back-v107 .ico{width:16px!important;height:16px!important;transform:rotate(180deg)!important}
.photo-view-stage-v107{width:100%!important;min-height:260px!important;max-height:72vh!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#111!important;overflow:auto!important}
.photo-view-stage-v107 img{display:block!important;max-width:100%!important;max-height:72vh!important;width:auto!important;height:auto!important;object-fit:contain!important}
.photo-view-caption-v107{padding:12px 14px!important;font-size:14px!important;line-height:1.45!important;border-top:1px solid #eee!important}
.photo-view-actions-v107{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:12px 13px!important;border-top:1px solid #eee!important}
.photo-view-actions-v107 form{margin:0!important}
.photo-action-btn-v107{appearance:none!important;border:1px solid #e2ded9!important;background:#fff!important;color:#555!important;min-height:38px!important;padding:0 13px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font:inherit!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important}
.photo-action-btn-v107 .ico{width:17px!important;height:17px!important}
.photo-action-btn-v107.primary{background:#ff8500!important;border-color:#ff8500!important;color:#fff!important}
.photo-action-btn-v107.primary:disabled{background:#eef7f0!important;border-color:#cee5d2!important;color:#428052!important;cursor:default!important}
.photo-action-btn-v107.danger{background:#fff4f4!important;border-color:#f0cccc!important;color:#b94b4b!important}
.photo-edit-form-v107{margin:0 13px 13px!important;padding:12px!important}
.photo-edit-form-v107 label{display:grid!important;gap:6px!important}
.photo-edit-form-v107 textarea{min-height:90px!important}
.photo-view-alert-v107{margin:10px 13px 0!important;padding:10px 12px!important;border-radius:11px!important;font-size:13px!important;font-weight:700!important}
.photo-view-alert-v107.success{background:#eef9f0!important;color:#307842!important}
.photo-view-alert-v107.error{background:#fff1f1!important;color:#a33d3d!important}
@media(max-width:650px){
  .photo-view-stage-v107{min-height:220px!important;max-height:68vh!important}
  .photo-view-stage-v107 img{max-height:68vh!important}
  .photo-view-actions-v107{display:grid!important;grid-template-columns:1fr 1fr!important}
  .photo-view-actions-v107 form{display:block!important}
  .photo-view-actions-v107 .photo-action-btn-v107{width:100%!important}
  .photo-view-actions-v107 form:last-child{grid-column:1/-1!important}
}


/* ===== V108 large photo viewer + heart + owner tools ===== */
.photo-view-page-v108{min-width:0!important}
.photo-view-shell-v108{
  width:100%!important;
  background:#0b0b0b!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 6px 28px rgba(0,0,0,.12)!important;
}
.photo-view-head-v108{
  min-height:56px!important;
  padding:9px 12px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid #ececec!important;
}
.photo-view-back-v108{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#777!important;
  text-decoration:none!important;
  font-size:13px!important;
  white-space:nowrap!important;
}
.photo-view-back-v108 .ico{
  width:16px!important;
  height:16px!important;
  transform:rotate(180deg)!important;
}
.photo-view-owner-v108{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.photo-view-owner-v108 img{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.photo-view-owner-v108 b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
}
.photo-view-stage-v108{
  width:100%!important;
  height:min(74vh,820px)!important;
  min-height:480px!important;
  background:#090909!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.photo-view-stage-v108 img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}
.photo-view-bottom-v108{
  background:#fff!important;
  border-top:1px solid #e8e8e8!important;
}
.photo-heart-form-v108{
  margin:0!important;
  padding:10px 12px!important;
}
.photo-heart-btn-v108{
  appearance:none!important;
  border:1px solid #e1deda!important;
  background:#fff!important;
  color:#555!important;
  min-height:40px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.photo-heart-btn-v108 .ico{
  width:20px!important;
  height:20px!important;
}
.photo-heart-btn-v108 b{
  min-width:24px!important;
  height:24px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#f3f3f3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
}
.photo-heart-btn-v108.is-hearted{
  color:#df4969!important;
  border-color:#f1c2cd!important;
  background:#fff5f7!important;
}
.photo-heart-btn-v108.is-hearted .ico{
  fill:currentColor!important;
}
.photo-view-caption-v108{
  padding:0 13px 12px!important;
  color:#444!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.photo-owner-actions-v108{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:11px 12px 12px!important;
  border-top:1px solid #eee!important;
}
.photo-owner-actions-v108 form{margin:0!important}
.photo-action-btn-v108{
  appearance:none!important;
  min-height:38px!important;
  padding:0 12px!important;
  border:1px solid #e2ded9!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#555!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.photo-action-btn-v108 .ico{width:17px!important;height:17px!important}
.photo-action-btn-v108.primary{
  background:#ff8500!important;
  border-color:#ff8500!important;
  color:#fff!important;
}
.photo-action-btn-v108.primary:disabled{
  background:#eef7f0!important;
  border-color:#cfe6d3!important;
  color:#438052!important;
  cursor:default!important;
}
.photo-action-btn-v108.danger{
  background:#fff4f4!important;
  border-color:#efcccc!important;
  color:#b84b4b!important;
}
.photo-edit-form-v108{
  margin:0 12px 12px!important;
  padding:11px!important;
  border:1px solid #eee!important;
  border-radius:12px!important;
  background:#fafafa!important;
}
.photo-edit-form-v108 label{
  display:grid!important;
  gap:6px!important;
}
.photo-edit-form-v108 textarea{
  min-height:90px!important;
}
.photo-view-alert-v108{
  margin:10px 12px!important;
  padding:10px 12px!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:700!important;
}
.photo-view-alert-v108.success{background:#eef9f0!important;color:#307842!important}
.photo-view-alert-v108.error{background:#fff1f1!important;color:#a33d3d!important}

@media(max-width:650px){
  .photo-view-shell-v108{
    border-radius:0!important;
    margin-left:-1px!important;
    margin-right:-1px!important;
  }
  .photo-view-head-v108{
    min-height:52px!important;
  }
  .photo-view-stage-v108{
    height:calc(100vh - 230px)!important;
    min-height:390px!important;
    max-height:680px!important;
  }
  .photo-owner-actions-v108{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .photo-owner-actions-v108 form{display:block!important}
  .photo-owner-actions-v108 .photo-action-btn-v108{width:100%!important}
  .photo-owner-actions-v108 form:last-child{grid-column:1/-1!important}
}


/* ===== V110 fixed chat frame: only messages scroll ===== */
@media(max-width:650px){
  body:has(.v15-chat[data-conversation]){
    overflow:hidden!important;
  }

  body:has(.v15-chat[data-conversation]) .v15-messages-page{
    height:var(--v110-chat-height,calc(100dvh - 194px))!important;
    min-height:0!important;
    max-height:var(--v110-chat-height,calc(100dvh - 194px))!important;
    overflow:hidden!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }

  body:has(.v15-chat[data-conversation]) .v15-chat{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  body:has(.v15-chat[data-conversation]) .v15-chat-head{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    flex:0 0 62px!important;
    height:62px!important;
    min-height:62px!important;
    margin:0!important;
    z-index:30!important;
    background:#fff!important;
  }

  body:has(.v15-chat[data-conversation]) .v15-chat-scroll{
    position:relative!important;
    flex:1 1 0!important;
    height:0!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0!important;
    background:#fff!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    scroll-behavior:auto!important;
  }

  body:has(.v15-chat[data-conversation]) .v15-chatbox{
    min-height:100%!important;
    height:auto!important;
    padding:12px 12px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }

  body:has(.v15-chat[data-conversation]) .v38-archive-loader{
    position:relative!important;
    flex:0 0 auto!important;
    margin:9px auto 7px!important;
    top:auto!important;
    transform:none!important;
  }

  body:has(.v15-chat[data-conversation]) .v15-composer{
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    margin:0!important;
    z-index:50!important;
    background:#fff!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
    border-top:1px solid #e8e8e8!important;
    box-shadow:0 -2px 8px rgba(0,0,0,.035)!important;
  }

  /* Open conversation is a fixed chat view; footer must not enter or move the chat. */
  body:has(.v15-chat[data-conversation]) .ok-footer,
  body:has(.v15-chat[data-conversation]) footer.ok-footer{
    display:none!important;
  }
}


/* ===== V112 restore footer below mobile chat without moving composer ===== */
@media(max-width:650px){
  body:has(.v15-chat[data-conversation]){
    overflow:auto!important;
  }

  body:has(.v15-chat[data-conversation]) .v15-messages-page{
    height:auto!important;
    min-height:calc(100dvh - 194px)!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
  }

  body:has(.v15-chat[data-conversation]) .v15-chat{
    height:calc(100dvh - 194px)!important;
    min-height:420px!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  body:has(.v15-chat[data-conversation]) .v15-chat-scroll{
    flex:1 1 0!important;
    height:0!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body:has(.v15-chat[data-conversation]) .v15-composer{
    position:relative!important;
    flex:0 0 auto!important;
    bottom:auto!important;
    width:100%!important;
    z-index:50!important;
    background:#fff!important;
  }

  /* Footer returns after the chat block. */
  body:has(.v15-chat[data-conversation]) .ok-footer,
  body:has(.v15-chat[data-conversation]) footer.ok-footer{
    display:block!important;
    position:relative!important;
    margin-top:0!important;
    z-index:1!important;
  }
}


/* ===== V113 games catalog + bottle loading ===== */
.games-page-v113{min-width:0}
.games-head-v113{
  display:flex!important;align-items:center!important;gap:11px!important;
  padding:13px 14px!important;
}
.games-head-icon-v113{
  width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:13px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#fff2e6!important;color:#ff8500!important;
}
.games-head-icon-v113 .ico{width:22px!important;height:22px!important}
.games-head-v113 h2{margin:0!important;font-size:18px!important}
.games-head-v113 p{margin:3px 0 0!important;font-size:12px!important;color:#999!important}

.games-list-v113{display:grid!important;gap:10px!important;margin-top:10px!important}
.game-launch-card-v113{
  min-height:92px!important;padding:10px 12px!important;border-radius:17px!important;
  background:#fff!important;border:1px solid #ece7e2!important;
  box-shadow:0 2px 8px rgba(0,0,0,.03)!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  text-decoration:none!important;color:inherit!important;
}
.game-launch-card-v113.is-disabled{opacity:.62!important}
.game-launch-logo-v113{
  width:72px!important;height:72px!important;flex:0 0 72px!important;
  object-fit:cover!important;border-radius:18px!important;display:block!important;
}
.game-placeholder-v113{
  width:72px!important;height:72px!important;flex:0 0 72px!important;border-radius:18px!important;
  background:#f5f2ef!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#777!important;
}
.game-placeholder-v113 .ico{width:30px!important;height:30px!important}
.game-launch-copy-v113{min-width:0!important;flex:1!important}
.game-launch-copy-v113 b{display:block!important;font-size:17px!important;line-height:1.2!important}
.game-launch-copy-v113 span{display:block!important;margin-top:5px!important;color:#999!important;font-size:12px!important}
.game-launch-arrow-v113{font-size:30px!important;line-height:1!important;color:#aaa!important}

.bottle-loading-card-v113{
  min-height:520px!important;background:#fff!important;border-radius:18px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;padding:28px 20px!important;
}
.bottle-loading-logo-v113{
  width:150px!important;height:150px!important;border-radius:28px!important;object-fit:cover!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
}
.bottle-loading-card-v113 h1{margin:22px 0 6px!important;font-size:27px!important;line-height:1.15!important}
.bottle-loading-card-v113 p{margin:0!important;color:#999!important;font-size:13px!important}
.bottle-loader-v113{display:flex!important;gap:7px!important;margin-top:22px!important}
.bottle-loader-v113 span{
  width:9px!important;height:9px!important;border-radius:50%!important;background:#ff8500!important;
  animation:bottleLoadV113 .9s infinite ease-in-out!important;
}
.bottle-loader-v113 span:nth-child(2){animation-delay:.15s!important}
.bottle-loader-v113 span:nth-child(3){animation-delay:.30s!important}
@keyframes bottleLoadV113{
  0%,80%,100%{transform:scale(.65);opacity:.45}
  40%{transform:scale(1);opacity:1}
}
.bottle-lobby-head-v113{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important}
.bottle-lobby-logo-v113{width:58px!important;height:58px!important;border-radius:16px!important;object-fit:cover!important}
.bottle-lobby-head-v113 h2{margin:0!important;font-size:18px!important}
.bottle-lobby-head-v113 p{margin:4px 0 0!important;color:#999!important;font-size:12px!important}

@media(max-width:650px){
  .game-launch-card-v113{min-height:84px!important;padding:9px 10px!important}
  .game-launch-logo-v113,.game-placeholder-v113{
    width:64px!important;height:64px!important;flex-basis:64px!important;border-radius:16px!important;
  }
  .game-launch-copy-v113 b{font-size:16px!important}
  .bottle-loading-card-v113{min-height:calc(100dvh - 220px)!important;border-radius:0!important}
  .bottle-loading-logo-v113{width:136px!important;height:136px!important;border-radius:26px!important}
  .bottle-loading-card-v113 h1{font-size:25px!important}
}


/* ===== V115 games grid + bottle loading/table ===== */
.games-page-v115{min-width:0}
.games-tabs-v115{
  display:flex!important;gap:22px!important;padding:0 14px 13px!important;
  border-bottom:1px solid #e9e9e9!important;background:#fff!important;
}
.games-tabs-v115 button{
  appearance:none!important;border:0!important;background:none!important;color:#7b7b7b!important;
  font:inherit!important;font-size:15px!important;padding:12px 0 8px!important;
}
.games-tabs-v115 button.active{color:#333!important;font-weight:700!important}
.games-title-v115{padding:18px 15px 12px!important;font-size:20px!important;font-weight:800!important;background:#fff!important}
.games-grid-v115{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:0 15px 20px!important;background:#fff!important}
.game-square-v115{text-decoration:none!important;color:inherit!important;min-width:0!important}
.game-square-media-v115{position:relative!important;aspect-ratio:1/1!important;border-radius:18px!important;overflow:hidden!important;background:#eee!important}
.game-square-media-v115 img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.game-square-name-v115{margin-top:8px!important;font-size:16px!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.game-square-meta-v115{margin-top:3px!important;color:#8e8e8e!important;font-size:13px!important}

.bottle-game-body-v115{
  margin:0!important;background:#fff!important;min-height:100dvh!important;font-family:Arial,Helvetica,sans-serif!important;
  overflow:hidden!important;
}
.bottle-game-top-v115{
  height:60px!important;background:#2f3035!important;color:#fff!important;
  display:grid!important;grid-template-columns:44px 38px 1fr auto!important;align-items:center!important;gap:6px!important;padding:0 10px!important;
}
.bottle-close-v115{color:#fff!important;text-decoration:none!important;font-size:34px!important;line-height:1!important}
.bottle-mini-logo-v115{width:30px!important;height:30px!important;border-radius:8px!important;background:#ff8500!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important}
.bottle-top-title-v115{text-align:center!important;font-size:17px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bottle-balance-v115{font-size:15px!important;white-space:nowrap!important}

.bottle-load-stage-v115,.bottle-table-v115{
  position:relative!important;min-height:calc(100dvh - 60px)!important;background:#78a24b!important;overflow:hidden!important;
  background-image:
    radial-gradient(circle at 18px 20px,rgba(255,255,255,.08) 2px,transparent 3px),
    radial-gradient(circle at 68px 82px,rgba(255,255,255,.06) 3px,transparent 4px),
    linear-gradient(135deg,rgba(255,255,255,.025) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.025) 75%);
  background-size:100px 100px,120px 120px,80px 80px!important;
}
.bottle-progress-v115{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:min(58vw,400px)!important;height:38px!important;border-radius:22px!important;background:#fff!important;
  padding:5px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;
}
.bottle-progress-fill-v115{width:7%!important;height:100%!important;border-radius:17px!important;background:#8bcf42!important;transition:width .12s linear!important}
.bottle-russian-title-v115{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(-3deg)!important;
  color:#ffad2c!important;text-align:center!important;font-weight:900!important;font-size:48px!important;line-height:.92!important;
  text-shadow:0 4px 0 rgba(125,86,0,.22),0 6px 12px rgba(0,0,0,.18)!important;
}
.bottle-russian-title-v115 .small{font-size:24px!important;line-height:.8!important}

.bottle-table-v115{height:calc(100dvh - 230px)!important;min-height:560px!important;background:#cf8f47!important}
.bottle-table-id-v115{position:absolute!important;right:9%!important;top:4%!important;color:#fff!important;text-align:center!important;font-size:12px!important}
.bottle-turn-v115{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;color:#fff!important;text-align:center!important;font-size:24px!important;font-weight:800!important;text-shadow:0 2px 3px rgba(0,0,0,.3)!important}
.bottle-seat-v115{position:absolute!important;transform:translate(-50%,-50%)!important;width:76px!important;text-align:center!important;color:#fff!important;font-size:11px!important}
.bottle-seat-v115 img{width:54px!important;height:54px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(255,255,255,.8)!important;display:block!important;margin:0 auto 4px!important}
.bottle-seat-v115 span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important}
.seat-empty-dot-v115{width:10px!important;height:10px!important;border-radius:50%!important;background:rgba(255,255,255,.28)!important;margin:auto!important}
.bottle-spin-v115{position:absolute!important;left:50%!important;top:50%!important;width:110px!important;height:110px!important;border:0!important;background:transparent!important;transform:translate(-50%,-50%) rotate(0deg);transition:transform 2.2s cubic-bezier(.17,.67,.12,.98)!important}
.bottle-shape-v115{position:absolute!important;left:46px!important;top:8px!important;width:18px!important;height:94px!important;border-radius:11px 11px 14px 14px!important;background:linear-gradient(#85bf44,#4e8a2c)!important;box-shadow:0 2px 5px rgba(0,0,0,.25)!important}
.bottle-shape-v115::before{content:""!important;position:absolute!important;left:-5px!important;top:-7px!important;width:28px!important;height:13px!important;border-radius:7px!important;background:#477d29!important}

.bottle-chat-v115{height:170px!important;background:#fff!important;border-top:1px solid #e7e7e7!important;display:flex!important;flex-direction:column!important}
.bottle-chat-messages-v115{flex:1!important;overflow-y:auto!important;padding:10px!important}
.bottle-chat-line-v115{display:inline-block!important;clear:both!important;margin:3px 0!important;padding:7px 10px!important;background:#f2f2f2!important;border-radius:12px!important;font-size:13px!important}
.bottle-chat-form-v115{height:54px!important;display:flex!important;gap:8px!important;padding:7px 10px!important;border-top:1px solid #eee!important}
.bottle-chat-form-v115 input{flex:1!important;border:0!important;outline:0!important;font-size:15px!important;padding:0 8px!important}
.bottle-chat-form-v115 button{width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:#ffad44!important;color:#fff!important;font-size:20px!important}

@media(max-width:650px){
  .games-grid-v115{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:0 14px 18px!important}
  .game-square-media-v115{border-radius:16px!important}
  .bottle-game-top-v115{height:58px!important}
  .bottle-load-stage-v115{min-height:calc(100dvh - 58px)!important}
  .bottle-progress-v115{width:56vw!important;height:34px!important}
  .bottle-russian-title-v115{font-size:41px!important}
  .bottle-table-v115{height:calc(100dvh - 228px)!important;min-height:545px!important}
  .bottle-seat-v115{width:64px!important;font-size:10px!important}
  .bottle-seat-v115 img{width:46px!important;height:46px!important}
}


/* ===== V117 restore compact Sevgi.ws games design ===== */
.games-page-v117{min-width:0!important}
.games-head-v117{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 13px!important;
  border-radius:16px!important;
}
.games-head-icon-v117{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  background:#fff2e7!important;
  color:#ff8500!important;
}
.games-head-icon-v117 .ico{
  width:21px!important;
  height:21px!important;
}
.games-head-copy-v117{min-width:0!important}
.games-head-copy-v117 h2{
  margin:0!important;
  font-size:17px!important;
  line-height:1.2!important;
}
.games-head-copy-v117 p{
  margin:3px 0 0!important;
  font-size:12px!important;
  color:#999!important;
}
.games-list-v117{
  margin-top:9px!important;
  display:grid!important;
  gap:8px!important;
}
.game-card-v117{
  min-height:76px!important;
  padding:9px 11px!important;
  border-radius:16px!important;
  border:1px solid #ece8e4!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(0,0,0,.025)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:inherit!important;
  text-decoration:none!important;
}
.game-logo-v117{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:14px!important;
}
.game-info-v117{
  min-width:0!important;
  flex:1!important;
}
.game-info-v117 b{
  display:block!important;
  font-size:15px!important;
  line-height:1.2!important;
}
.game-info-v117 span{
  display:block!important;
  margin-top:4px!important;
  font-size:11px!important;
  color:#999!important;
}
.game-play-v117{
  flex:0 0 auto!important;
  padding:8px 12px!important;
  border-radius:12px!important;
  background:#fff1e4!important;
  color:#ff8500!important;
  font-size:12px!important;
  font-weight:800!important;
}
@media(max-width:650px){
  .games-head-v117{padding:11px 12px!important}
  .games-head-icon-v117{
    width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important;
  }
  .games-head-icon-v117 .ico{width:20px!important;height:20px!important}
  .game-card-v117{min-height:70px!important;padding:8px 10px!important}
  .game-logo-v117{
    width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:13px!important;
  }
  .game-info-v117 b{font-size:14px!important}
  .game-play-v117{padding:7px 10px!important;font-size:11px!important}
}

/* ===== V120 admin force-online switch ===== */
.v120-force-online-setting{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:14px!important;padding:13px 14px!important;border:1px solid #ece8e4!important;
  border-radius:15px!important;background:#fff!important
}
.v120-force-online-setting>span:first-child{display:flex!important;flex-direction:column!important;gap:4px!important}
.v120-force-online-setting b{font-size:14px!important}
.v120-force-online-setting small{font-size:11px!important;line-height:1.35!important;color:#999!important;max-width:430px!important}
.v120-switch{position:relative!important;width:48px!important;height:28px!important;flex:0 0 48px!important}
.v120-switch input[type=checkbox]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}
.v120-switch i{position:absolute!important;inset:0!important;border-radius:999px!important;background:#d9d9d9!important;transition:.2s!important}
.v120-switch i:after{content:""!important;position:absolute!important;width:22px!important;height:22px!important;left:3px!important;top:3px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.18)!important;transition:.2s!important}
.v120-switch input[type=checkbox]:checked+i{background:#35b768!important}
.v120-switch input[type=checkbox]:checked+i:after{transform:translateX(20px)!important}

/* V121 avatar + invisible card fixes */
.v11-profile-avatar-wrap{
 width:126px!important;height:126px!important;min-width:126px!important;min-height:126px!important;
 padding:0!important;border:5px solid #fff!important;border-radius:50%!important;
 overflow:hidden!important;box-sizing:border-box!important;background:#fff!important;position:relative!important;
}
.v11-profile-avatar-wrap>a,.v11-profile-avatar-wrap .v98-avatar-view{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 display:block!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;overflow:hidden!important;
}
.v11-profile-avatar-wrap img,.v11-profile-avatar-wrap .v11-profile-avatar,.v11-profile-avatar-wrap .v98-avatar-view img{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;
 display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
 object-fit:cover!important;object-position:center!important;box-sizing:border-box!important;
}
.invisible-packages .card,.invisible-plans .card,.invisible-package,.invisible-package-card,
.v79-invisible-package,.v88-invisible-package{
 overflow:hidden!important;box-sizing:border-box!important;
}
.invisible-packages .btn,.invisible-plans .btn,.invisible-package .btn,.invisible-package-card .btn,
.v79-invisible-package .btn,.v88-invisible-package .btn{
 position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
 display:flex!important;width:100%!important;max-width:100%!important;margin:10px 0 0!important;
 box-sizing:border-box!important;align-items:center!important;justify-content:center!important;
}

/* ===== V122 invisible desktop overlap fix ===== */
@media (min-width:651px){
  .inv85-plan{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    min-height:220px!important;
    padding:18px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .inv85-plan form{
    position:static!important;
    width:100%!important;
    margin-top:auto!important;
    padding-top:16px!important;
    box-sizing:border-box!important;
  }
  .inv85-plan .btn,
  .inv85-plan form .btn,
  .inv85-plan form button{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    min-height:42px!important;
    padding:10px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  .inv85-plan h3,
  .inv85-plan p,
  .inv85-plan strong,
  .inv85-plan span{
    position:static!important;
    transform:none!important;
  }
}
@media (max-width:650px){
  .inv85-plan{
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .inv85-plan form{
    position:static!important;
    width:100%!important;
    margin-top:10px!important;
  }
  .inv85-plan .btn,
  .inv85-plan form .btn,
  .inv85-plan form button{
    position:static!important;
    transform:none!important;
    width:100%!important;
    margin:0!important;
  }
}

/* ===== V123 exact invisible package layout ===== */
.inv85-plans{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:10px!important;
}
.inv85-plan,.inv123-plan{
 position:relative!important;
 display:grid!important;
 grid-template-columns:1fr!important;
 grid-template-rows:auto auto!important;
 align-content:start!important;
 min-width:0!important;
 min-height:112px!important;
 padding:12px!important;
 overflow:hidden!important;
 box-sizing:border-box!important;
}
.inv85-plan form,.inv123-plan form{
 position:static!important;
 display:block!important;
 width:100%!important;
 margin:10px 0 0!important;
 padding:0!important;
 box-sizing:border-box!important;
}
.inv85-plan button,.inv85-plan .btn,.inv123-plan button,.inv123-plan .btn{
 position:static!important;
 inset:auto!important;
 transform:none!important;
 float:none!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 height:38px!important;
 margin:0!important;
 padding:8px 10px!important;
 box-sizing:border-box!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
}
.inv85-plan>*:not(form),.inv123-plan>*:not(form){
 position:static!important;
 min-width:0!important;
}
@media(max-width:650px){
 .inv85-plans{grid-template-columns:1fr!important}
 .inv85-plan,.inv123-plan{min-height:0!important}
}

/* ===== V124 invisible mobile compact cards ===== */
@media(max-width:650px){
  .inv85-plans{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0!important;
  }
  .inv85-plan,.inv123-plan{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:0!important;
    padding:8px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .inv85-plan-main{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
  }
  .inv85-plan-icon{
    width:34px!important;height:34px!important;min-width:34px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border-radius:10px!important;
  }
  .inv85-plan-icon .ico{width:17px!important;height:17px!important}
  .inv85-plan-text{min-width:0!important;line-height:1.15!important}
  .inv85-plan-text strong{
    display:block!important;font-size:11px!important;line-height:1.15!important;
    white-space:normal!important;
  }
  .inv85-plan-text span{
    display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1!important;
    white-space:nowrap!important;
  }
  .inv85-plan form{margin:0!important;padding:0!important}
  .inv85-plan .inv85-buy,.inv85-plan button,.inv85-plan .btn{
    position:static!important;
    width:100%!important;
    height:32px!important;
    min-height:32px!important;
    margin:8px 0 0!important;
    padding:5px 6px!important;
    border-radius:10px!important;
    font-size:11px!important;
    line-height:1!important;
  }
}

/* V125 phone registration */
.v125-register{max-width:520px;margin:20px auto;padding:22px;border-radius:20px}.v125-steps{display:flex;gap:8px;margin-bottom:20px}.v125-steps span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eee;color:#999;font-size:12px;font-weight:700}.v125-steps span.on{background:#ff8500;color:#fff}.v125-register h2{font-size:24px;margin:0 0 18px}.v125-register form{display:grid;gap:12px}.v125-register input,.v125-register select{width:100%;height:48px;border:1px solid #ddd;border-radius:14px;padding:0 13px;box-sizing:border-box;background:#fff}.v125-phone-row{display:grid;grid-template-columns:150px 1fr;gap:8px}.v125-mainbtn{height:48px;border-radius:14px;font-size:15px}.v125-code{text-align:center;font-size:25px;letter-spacing:8px}.v125-skip{border:0;background:transparent;color:#777;font-weight:700;padding:12px;width:100%}.v125-demo{background:#fff4e9;border:1px solid #ffd3ad;padding:10px 12px;border-radius:12px;margin-bottom:12px}.v125-restart{display:block;text-align:center;margin-top:16px;font-size:12px;color:#999}@media(max-width:650px){.v125-register{margin:0;padding:20px 16px;border-radius:0;min-height:calc(100vh - 120px)}.v125-phone-row{grid-template-columns:125px 1fr}.v125-register h2{font-size:22px}}

/* ===== V127 polished registration ===== */
.v127-register-page{width:100%!important;min-width:0!important;padding:28px 14px 36px!important;box-sizing:border-box!important}.v127-register-card{width:100%!important;max-width:520px!important;margin:0 auto!important;padding:30px 30px 24px!important;border:1px solid #ece7f3!important;border-radius:24px!important;background:#fff!important;box-shadow:0 14px 42px rgba(38,24,62,.08)!important;overflow:hidden!important;box-sizing:border-box!important}.v127-register-top{display:flex!important;align-items:center!important;gap:16px!important;margin:0 0 26px!important}.v127-register-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#9b62e5,#7d49d0)!important;color:#fff!important}.v127-register-icon .ico{width:24px!important;height:24px!important}.v127-steps{position:relative!important;flex:1!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;margin:0!important;align-items:center!important}.v127-steps:before{content:""!important;position:absolute!important;left:10%!important;right:10%!important;top:50%!important;height:2px!important;background:#ece8f1!important;transform:translateY(-50%)!important;z-index:0!important}.v127-steps span{position:relative!important;z-index:1!important;width:30px!important;height:30px!important;margin:0 auto!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f0edf4!important;color:#9a93a3!important;border:3px solid #fff!important;box-shadow:0 0 0 1px #ece8f1!important}.v127-steps span b{font-size:11px!important;line-height:1!important}.v127-steps span.on{background:#8c55da!important;color:#fff!important;box-shadow:0 0 0 1px #8c55da!important}.v127-copy{margin-bottom:22px!important}.v127-register-card h2{margin:0 0 7px!important;font-size:27px!important;line-height:1.18!important;letter-spacing:-.35px!important;color:#242029!important}.v127-copy p{margin:0!important;font-size:14px!important;line-height:1.5!important;color:#8a8490!important}.v127-copy p strong{color:#514b58!important}.v127-reg-form{display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important}.v127-field-label{margin:0 0 -4px!important;font-size:12px!important;font-weight:800!important;color:#69616f!important}.v127-register-card input,.v127-register-card select{appearance:auto!important;-webkit-appearance:auto!important;width:100%!important;height:52px!important;margin:0!important;padding:0 15px!important;border:1px solid #ddd7e4!important;border-radius:14px!important;outline:none!important;background:#fff!important;color:#2a2530!important;font-size:15px!important;line-height:52px!important;box-shadow:none!important;box-sizing:border-box!important}.v127-register-card input:focus,.v127-register-card select:focus{border-color:#9b62e5!important;box-shadow:0 0 0 3px rgba(155,98,229,.12)!important}.v127-phone-row{display:grid!important;grid-template-columns:136px minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}.v127-phone-row select{padding-left:12px!important;padding-right:8px!important}.v127-mainbtn{width:100%!important;min-height:52px!important;height:52px!important;margin:4px 0 0!important;padding:0 18px!important;border:0!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#965add,#7f4bd2)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;box-shadow:0 8px 20px rgba(126,75,210,.22)!important}.v127-code{height:60px!important;text-align:center!important;letter-spacing:10px!important;font-size:25px!important;font-weight:800!important}.v127-demo{margin:0 0 14px!important;padding:11px 13px!important;border-radius:13px!important}.v127-upload{position:relative!important;min-height:118px!important;border:2px dashed #d9d0e5!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#faf8fc!important;color:#7f4bd2!important;cursor:pointer!important;overflow:hidden!important}.v127-upload span{display:flex!important}.v127-upload .ico{width:28px!important;height:28px!important}.v127-upload b{font-size:14px!important}.v127-upload input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}.v127-skip-form{display:block!important;margin:3px 0 0!important}.v127-skip{width:100%!important;min-height:42px!important;margin:0!important;border:0!important;background:transparent!important;color:#81798a!important;font-size:14px!important;font-weight:700!important}.v127-two{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.v127-birth{display:grid!important;grid-template-columns:1fr 1fr 1.18fr!important;gap:8px!important}.v127-reg-alert{margin:0 0 18px!important;padding:12px 14px!important;border-radius:13px!important;font-size:13px!important;line-height:1.4!important}.v127-restart{display:block!important;width:max-content!important;margin:18px auto 0!important;padding:4px 8px!important;color:#9a93a3!important;font-size:12px!important;text-decoration:none!important}@media(max-width:650px){.v127-register-page{padding:18px 12px 24px!important;min-height:0!important;overflow:visible!important}.v127-register-card{max-width:none!important;min-height:0!important;padding:22px 18px 18px!important;border-radius:22px!important;box-shadow:0 8px 28px rgba(38,24,62,.07)!important}.v127-register-top{margin-bottom:22px!important}.v127-register-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important}.v127-steps span{width:27px!important;height:27px!important}.v127-register-card h2{font-size:24px!important}.v127-phone-row{grid-template-columns:118px minmax(0,1fr)!important;gap:8px!important}.v127-register-card input,.v127-register-card select{height:50px!important;font-size:15px!important;line-height:50px!important}.v127-mainbtn{height:50px!important;min-height:50px!important}.v127-two{grid-template-columns:1fr!important}}@media(max-width:360px){.v127-register-card{padding-left:14px!important;padding-right:14px!important}.v127-phone-row{grid-template-columns:108px minmax(0,1fr)!important}}


/* ===== V139 square profile avatar + avatar menu + frames ===== */
.v11-profile-avatar-wrap.v139-avatar-frame{
  width:126px!important;height:126px!important;min-width:126px!important;min-height:126px!important;
  padding:5px!important;border:0!important;border-radius:16px!important;overflow:visible!important;
  background:#fff!important;box-shadow:0 6px 18px rgba(23,20,18,.12)!important;
}
.v11-profile-avatar-wrap.v139-avatar-frame>a,
.v11-profile-avatar-wrap.v139-avatar-frame .v98-avatar-view,
.v139-avatar-trigger{
  position:relative!important;inset:auto!important;width:100%!important;height:100%!important;
  display:block!important;border:0!important;border-radius:12px!important;overflow:hidden!important;
  padding:0!important;margin:0!important;background:#eee!important;cursor:pointer!important;
}
.v11-profile-avatar-wrap.v139-avatar-frame img,
.v11-profile-avatar-wrap.v139-avatar-frame .v11-profile-avatar,
.v139-avatar-trigger .v11-profile-avatar{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  min-width:100%!important;min-height:100%!important;border:0!important;border-radius:12px!important;
  object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;
}
.v139-avatar-edit-badge{
  position:absolute!important;right:7px!important;bottom:7px!important;width:31px!important;height:31px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;
  background:rgba(255,255,255,.96)!important;color:#4a4a4a!important;box-shadow:0 2px 10px rgba(0,0,0,.2)!important;
  z-index:8!important;
}
.v139-avatar-frame.frame-none{background:#fff!important}
.v139-avatar-frame.frame-gold,.v139-frame-preview.frame-gold{background:linear-gradient(135deg,#ffe9a6,#d89218,#fff0a7,#b87300)!important}
.v139-avatar-frame.frame-violet,.v139-frame-preview.frame-violet{background:linear-gradient(135deg,#c8a8ff,#7447e8,#eeccff,#8b4cff)!important}
.v139-avatar-frame.frame-blue,.v139-frame-preview.frame-blue{background:linear-gradient(135deg,#a9e8ff,#3389ff,#c4f5ff,#1768df)!important}
.v139-avatar-frame.frame-rose,.v139-frame-preview.frame-rose{background:linear-gradient(135deg,#ffd1df,#ff5b93,#ffe8ef,#e53170)!important}
.v139-avatar-frame.frame-emerald,.v139-frame-preview.frame-emerald{background:linear-gradient(135deg,#b8f7d4,#21ad70,#dcffe9,#078951)!important}
.v139-avatar-frame.frame-fire,.v139-frame-preview.frame-fire{background:linear-gradient(135deg,#ffd153,#ff6b00,#ff335f,#ffb000)!important}
.v139-avatar-menu{
  position:absolute!important;z-index:120!important;left:22px!important;top:135px!important;width:min(320px,calc(100vw - 42px))!important;
  display:none!important;background:#fff!important;border:1px solid #dedbd8!important;border-radius:10px!important;
  box-shadow:0 15px 45px rgba(0,0,0,.20)!important;padding:7px!important;
}
.v139-avatar-menu.show{display:block!important}
.v139-avatar-menu:before{content:""!important;position:absolute!important;left:36px!important;top:-8px!important;width:15px!important;height:15px!important;background:#fff!important;border-left:1px solid #dedbd8!important;border-top:1px solid #dedbd8!important;transform:rotate(45deg)!important}
.v139-avatar-menu a,.v139-avatar-menu button{width:100%!important;min-height:49px!important;display:flex!important;align-items:center!important;gap:13px!important;padding:9px 11px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#56585b!important;text-align:left!important;font-size:15px!important;text-decoration:none!important}
.v139-avatar-menu a:hover,.v139-avatar-menu button:hover{background:#f6f4f2!important}.v139-avatar-menu .danger-text{color:#c53c4a!important}
.v139-frame-modal{position:fixed!important;inset:0!important;z-index:1000!important;display:none!important}.v139-frame-modal.show{display:block!important}
.v139-frame-backdrop{position:absolute!important;inset:0!important;border:0!important;background:rgba(0,0,0,.46)!important}
.v139-frame-sheet{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(560px,calc(100vw - 28px))!important;max-height:82vh!important;overflow:auto!important;background:#fff!important;border-radius:22px!important;padding:18px!important;box-shadow:0 25px 70px rgba(0,0,0,.28)!important}
.v139-frame-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important}.v139-frame-head>div{display:grid!important;gap:3px!important}.v139-frame-head b{font-size:20px!important}.v139-frame-head small{color:#8b8b8b!important}.v139-frame-head>button{width:40px!important;height:40px!important;border:0!important;border-radius:50%!important;background:#f2f2f2!important}
.v139-frame-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:11px!important}.v139-frame-option{position:relative!important;border:1px solid #e9e7e5!important;border-radius:15px!important;background:#fff!important;padding:12px 7px!important;display:grid!important;justify-items:center!important;gap:8px!important;color:#555!important}.v139-frame-option.selected{border:2px solid #8b55df!important;background:#f8f4ff!important}
.v139-frame-option>i{position:absolute!important;right:8px!important;top:8px!important;width:21px!important;height:21px!important;border-radius:50%!important;background:#8b55df!important;color:#fff!important;display:none!important;font-style:normal!important}.v139-frame-option.selected>i{display:grid!important;place-items:center!important}
.v139-frame-preview{width:72px!important;height:72px!important;padding:4px!important;border-radius:13px!important;display:block!important;background:#fff}.v139-frame-preview img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:10px!important}
@media(max-width:650px){.v11-profile-avatar-wrap.v139-avatar-frame{width:104px!important;height:104px!important;min-width:104px!important;min-height:104px!important;border-radius:15px!important}.v139-avatar-menu{left:14px!important;top:112px!important;width:min(310px,calc(100vw - 28px))!important}.v139-frame-grid{grid-template-columns:repeat(2,1fr)!important}.v139-frame-sheet{left:14px!important;right:14px!important;bottom:14px!important;top:auto!important;transform:none!important;width:auto!important;max-height:78vh!important;border-radius:22px!important}}


/* ===== V140 avatar menu refinement ===== */
/* Avatar stays clean: no small camera/edit badge on the picture. */
.v139-avatar-edit-badge{display:none!important}

/* Rounded-square profile photo, similar proportions to the reference. */
.v11-profile-avatar-wrap.v139-avatar-frame{
  width:122px!important;height:122px!important;min-width:122px!important;min-height:122px!important;
  padding:3px!important;border-radius:13px!important;background:#fff!important;
  box-shadow:0 2px 8px rgba(30,32,36,.12)!important;
}
.v11-profile-avatar-wrap.v139-avatar-frame>a,
.v11-profile-avatar-wrap.v139-avatar-frame .v98-avatar-view,
.v139-avatar-trigger{
  border-radius:10px!important;background:#eee!important;
}
.v11-profile-avatar-wrap.v139-avatar-frame img,
.v11-profile-avatar-wrap.v139-avatar-frame .v11-profile-avatar,
.v139-avatar-trigger .v11-profile-avatar{
  border-radius:10px!important;
}

/* Dropdown opens directly under the avatar and visually points to it. */
.v139-avatar-menu{
  position:absolute!important;
  left:18px!important;
  top:132px!important;
  z-index:220!important;
  width:min(315px,calc(100vw - 34px))!important;
  padding:6px!important;
  background:#fff!important;
  border:1px solid #d9d9d9!important;
  border-radius:8px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.16)!important;
}
.v139-avatar-menu:before{
  left:34px!important;
  top:-8px!important;
  width:14px!important;height:14px!important;
  background:#fff!important;
  border-left:1px solid #d9d9d9!important;
  border-top:1px solid #d9d9d9!important;
}
.v139-avatar-menu a,
.v139-avatar-menu button{
  min-height:54px!important;
  padding:8px 12px!important;
  gap:14px!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#606266!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.25!important;
}
.v139-avatar-menu a:hover,
.v139-avatar-menu button:hover,
.v139-avatar-menu a:active,
.v139-avatar-menu button:active{
  background:#f4f4f4!important;
}
.v139-avatar-menu .ico{
  width:24px!important;height:24px!important;min-width:24px!important;
  color:#36383c!important;
}
.v139-avatar-menu .danger-text{color:#555!important}
.v139-avatar-menu .danger-text .ico{color:#35373b!important}

@media(max-width:650px){
  .v11-profile-avatar-wrap.v139-avatar-frame{
    width:106px!important;height:106px!important;min-width:106px!important;min-height:106px!important;
  }
  .v139-avatar-menu{
    left:14px!important;
    top:116px!important;
    width:min(315px,calc(100vw - 28px))!important;
  }
}


/* ===== V143 avatar dropdown compact positioning fix ===== */
/* Menyu avatarın düz altında, daha kiçik və səliqəli açılsın */
.v139-avatar-menu{
  left:28px!important;
  top:118px!important;
  width:min(272px,calc(100vw - 42px))!important;
  padding:5px!important;
  border-radius:8px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}
.v139-avatar-menu:before{
  left:28px!important;
  top:-7px!important;
  width:12px!important;
  height:12px!important;
}
.v139-avatar-menu a,
.v139-avatar-menu button{
  min-height:43px!important;
  padding:6px 10px!important;
  gap:11px!important;
  font-size:14px!important;
  line-height:1.15!important;
  border-radius:6px!important;
}
.v139-avatar-menu .ico{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
}
@media(max-width:650px){
  .v139-avatar-menu{
    left:24px!important;
    top:108px!important;
    width:min(268px,calc(100vw - 34px))!important;
  }
  .v139-avatar-menu a,
  .v139-avatar-menu button{
    min-height:42px!important;
    font-size:14px!important;
    padding:6px 9px!important;
  }
}


/* ===== V144 avatar upload + frame + exact dropdown fixes ===== */

/* Dropdown is positioned by JS directly under avatar. */
.v139-avatar-menu{
  width:258px!important;
  padding:4px!important;
  border-radius:8px!important;
  z-index:1500!important;
}
.v139-avatar-menu a,
.v139-avatar-menu button{
  min-height:39px!important;
  padding:5px 9px!important;
  gap:10px!important;
  font-size:13.5px!important;
  line-height:1.12!important;
}
.v139-avatar-menu .ico{
  width:19px!important;height:19px!important;min-width:19px!important;
}
.v139-avatar-menu:before{
  left:28px!important;
  top:-7px!important;
  width:12px!important;height:12px!important;
}

/* V140 white background was hiding selected frame; these final rules win. */
.v11-profile-avatar-wrap.v139-avatar-frame.frame-none{background:#fff!important}
.v11-profile-avatar-wrap.v139-avatar-frame.frame-gold{background:linear-gradient(135deg,#ffe69b,#d99318,#fff1aa,#b87300)!important}
.v11-profile-avatar-wrap.v139-avatar-frame.frame-violet{background:linear-gradient(135deg,#cbaeff,#7040e7,#f0d1ff,#8d4cff)!important}
.v11-profile-avatar-wrap.v139-avatar-frame.frame-blue{background:linear-gradient(135deg,#afeaff,#3288ff,#c8f5ff,#1768df)!important}
.v11-profile-avatar-wrap.v139-avatar-frame.frame-rose{background:linear-gradient(135deg,#ffd0df,#ff5a93,#ffe7ef,#e63270)!important}
.v11-profile-avatar-wrap.v139-avatar-frame.frame-emerald{background:linear-gradient(135deg,#baf8d5,#20ad70,#ddffea,#078a52)!important}
.v11-profile-avatar-wrap.v139-avatar-frame.frame-fire{background:linear-gradient(135deg,#ffd153,#ff7600,#ff345d,#ffae00)!important}

/* Smaller frame chooser. */
.v139-frame-sheet{
  width:min(360px,calc(100vw - 26px))!important;
  max-height:68vh!important;
  padding:12px!important;
  border-radius:17px!important;
}
.v139-frame-head{
  margin-bottom:9px!important;
}
.v139-frame-head b{font-size:17px!important}
.v139-frame-head small{font-size:11px!important}
.v139-frame-head>button{
  width:34px!important;height:34px!important;
}
.v139-frame-grid{
  grid-template-columns:repeat(2,1fr)!important;
  gap:8px!important;
}
.v139-frame-option{
  padding:8px 5px!important;
  gap:5px!important;
  border-radius:12px!important;
  font-size:13px!important;
  min-height:112px!important;
}
.v139-frame-preview{
  width:58px!important;height:58px!important;
  padding:3px!important;
  border-radius:11px!important;
}
.v139-frame-preview img{border-radius:8px!important}
.v139-frame-option>i{
  width:18px!important;height:18px!important;
  right:6px!important;top:6px!important;
  font-size:11px!important;
}
@media(max-width:650px){
  .v139-frame-sheet{
    left:50%!important;right:auto!important;bottom:auto!important;top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:min(350px,calc(100vw - 22px))!important;
    max-height:67vh!important;
    border-radius:17px!important;
  }
  .v139-avatar-menu{
    width:250px!important;
  }
}


/* ===== V145 compact site-news cards + full reading page ===== */
.v145-news-preview-card{
  text-decoration:none!important;
  color:inherit!important;
  align-items:center!important;
  min-height:112px!important;
  padding:15px 17px!important;
}
.v145-news-preview-main{
  min-width:0!important;
  flex:1 1 auto!important;
}
.v145-news-preview-main>b{
  display:block!important;
  margin-bottom:4px!important;
  font-size:17px!important;
  line-height:1.22!important;
}
.v145-news-preview-text{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  line-height:1.32!important;
  max-height:3.96em!important;
  margin-bottom:5px!important;
}
.v145-news-preview-card .v60-news-arrow{
  flex:0 0 auto!important;
  align-self:center!important;
}

.v145-news-detail-card{
  padding:20px!important;
}
.v145-news-back{
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;
  margin-bottom:14px!important;
  color:#7b56c6!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.v145-news-detail-head{
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
.v145-news-detail-head h1{
  margin:0 0 5px!important;
  font-size:25px!important;
  line-height:1.2!important;
}
.v145-news-detail-head small{color:#8b8b8b!important}
.v145-news-detail-body{
  font-size:16px!important;
  line-height:1.55!important;
  color:#4a4a4a!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:650px){
  .v145-news-preview-card{
    min-height:102px!important;
    padding:13px 14px!important;
  }
  .v145-news-preview-main>b{font-size:16px!important}
  .v145-news-preview-text{
    -webkit-line-clamp:3!important;
    font-size:14px!important;
  }
  .v145-news-detail-card{padding:16px!important}
  .v145-news-detail-head h1{font-size:22px!important}
  .v145-news-detail-body{font-size:15px!important}
}


/* ===== V146 modern stories viewer ===== */
.v146-story-page{
  padding:0!important;
  margin:0!important;
}
.v146-story-viewer{
  position:relative!important;
  min-height:calc(100dvh - 76px)!important;
  height:calc(100dvh - 76px)!important;
  background:#090909!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.v146-story-progress{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  top:8px!important;
  z-index:20!important;
  display:flex!important;
  gap:4px!important;
}
.v146-story-progress-segment{
  height:3px!important;
  flex:1 1 0!important;
  background:rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.v146-story-progress-segment i{
  display:block!important;
  width:0!important;
  height:100%!important;
  background:#fff!important;
  border-radius:inherit!important;
}
.v146-story-progress-segment i.done{width:100%!important}
.v146-story-progress-segment i.active{
  width:0!important;
  animation:v146StoryProgress 4s linear forwards!important;
}
@keyframes v146StoryProgress{to{width:100%}}

.v146-story-head{
  top:15px!important;
  padding:9px 14px!important;
  min-height:58px!important;
  background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.18),transparent)!important;
}
.v146-story-head .row{
  gap:9px!important;
  align-items:center!important;
}
.v146-story-head .avatar.small{
  width:42px!important;
  height:42px!important;
}
.v146-story-head b{
  font-size:15px!important;
  color:#fff!important;
}
.v146-story-head .story-close{
  font-size:34px!important;
  line-height:1!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  text-decoration:none!important;
}

.v146-story-media{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0b0b0b!important;
}
.v146-story-image{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:#0b0b0b!important;
}
.v146-story-caption{
  left:16px!important;
  right:16px!important;
  bottom:22px!important;
  max-height:28%!important;
  overflow:auto!important;
  padding:10px 13px!important;
  border-radius:14px!important;
  background:rgba(0,0,0,.38)!important;
  backdrop-filter:blur(5px)!important;
  font-size:15px!important;
  line-height:1.35!important;
}
.v146-story-nav{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:34%!important;
  border:0!important;
  background:transparent!important;
  z-index:12!important;
}
.v146-story-prev{left:0!important}
.v146-story-next{right:0!important}

.v146-story-loader{
  position:absolute!important;
  z-index:11!important;
  width:44px!important;
  height:44px!important;
  border:3px solid rgba(255,255,255,.22)!important;
  border-top-color:#fff!important;
  border-radius:50%!important;
  animation:v146Spin .8s linear infinite!important;
}
.v146-story-loader.hidden{display:none!important}
@keyframes v146Spin{to{transform:rotate(360deg)}}

@media(max-width:650px){
  .v146-story-viewer{
    min-height:calc(100dvh - 126px)!important;
    height:calc(100dvh - 126px)!important;
  }
  .v146-story-progress{top:7px!important}
  .v146-story-head{top:12px!important;padding:8px 12px!important}
  .v146-story-image{object-fit:contain!important}
}


/* ===== V147 single progress bar per story ===== */
.v147-single-progress{
  display:block!important;
  left:12px!important;
  right:12px!important;
  top:8px!important;
}
.v147-single-progress .v146-story-progress-segment{
  display:block!important;
  width:100%!important;
  height:3px!important;
  background:rgba(255,255,255,.30)!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.v147-single-progress .v146-story-progress-segment i.active{
  display:block!important;
  width:0!important;
  height:100%!important;
  background:#fff!important;
  border-radius:999px!important;
  animation:v146StoryProgress 4s linear forwards!important;
}


/* ===== V148 profile counters + locked albums ===== */
.v11-profile-tabs a{white-space:nowrap}
.v148-lock-form{margin:0}
.v148-locked-album{
  min-height:210px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  color:#666!important;
}
.v148-lock-icon{font-size:46px!important}
.v148-locked-album b{font-size:18px!important;color:#333!important}
.v148-locked-album span{font-size:14px!important;color:#888!important}
.v148-album-locked{
  cursor:default!important;
  opacity:.88!important;
  background:#f7f5f3!important;
}
.v148-album-locked-owner .v79-category-icon{
  background:#fff1df!important;
}


/* ===== V149 SVG lock icons ===== */
.v149-svg-lock{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#8a8a8a!important;
}
.v149-svg-lock .ico{
  width:44px!important;
  height:44px!important;
  stroke-width:1.8!important;
}
.v149-svg-lock-danger{color:#b74b4b!important}
.v148-lock-icon.v149-svg-lock{font-size:0!important}
.v148-lock-icon.v149-svg-lock .ico{
  width:48px!important;
  height:48px!important;
}
.v149-album-lock-icon{
  display:grid!important;
  place-items:center!important;
  color:#777!important;
  font-size:0!important;
}
.v149-album-lock-icon .ico{
  width:23px!important;
  height:23px!important;
}
.v149-locked-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
}
.v149-locked-label .ico{
  width:14px!important;
  height:14px!important;
}
.v148-lock-form .v78m-soft-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.v148-lock-form .v78m-soft-btn .ico{
  width:18px!important;
  height:18px!important;
}


/* ===== V152 static decorative avatar frames ===== */
.v11-profile-avatar-wrap.v139-avatar-frame{
  overflow:visible!important;
  position:relative!important;
}
.v152-avatar-frame-overlay{
  position:absolute!important;
  z-index:8!important;
  pointer-events:none!important;
  user-select:none!important;
  left:50%!important;
  top:50%!important;
  width:142%!important;
  height:142%!important;
  max-width:none!important;
  object-fit:contain!important;
  transform:translate(-50%,-50%)!important;
  border-radius:0!important;
}
.v11-profile-avatar-wrap.frame-ornate_gold_blue,
.v11-profile-avatar-wrap.frame-crown_gold,
.v11-profile-avatar-wrap.frame-violet_heart,
.v11-profile-avatar-wrap.frame-violet_wings{background:#fff!important}
.v11-profile-avatar-wrap .v139-avatar-trigger,
.v11-profile-avatar-wrap .v98-avatar-view{position:relative!important;z-index:3!important}

.v139-frame-preview{position:relative!important;overflow:visible!important}
.v139-frame-preview .v152-preview-avatar{
  position:relative!important;z-index:1!important;width:100%!important;height:100%!important;object-fit:cover!important
}
.v139-frame-preview .v152-preview-overlay{
  position:absolute!important;z-index:2!important;pointer-events:none!important;
  left:50%!important;top:50%!important;width:142%!important;height:142%!important;max-width:none!important;
  object-fit:contain!important;transform:translate(-50%,-50%)!important;border-radius:0!important
}
.v11-profile-avatar-wrap.frame-ornate_gold_blue .v152-avatar-frame-overlay,
.v139-frame-preview.frame-ornate_gold_blue .v152-preview-overlay{width:150%!important;height:150%!important}
.v11-profile-avatar-wrap.frame-crown_gold .v152-avatar-frame-overlay,
.v139-frame-preview.frame-crown_gold .v152-preview-overlay{width:144%!important;height:144%!important}
.v11-profile-avatar-wrap.frame-violet_heart .v152-avatar-frame-overlay,
.v139-frame-preview.frame-violet_heart .v152-preview-overlay{width:142%!important;height:142%!important}
.v11-profile-avatar-wrap.frame-violet_wings .v152-avatar-frame-overlay,
.v139-frame-preview.frame-violet_wings .v152-preview-overlay{width:144%!important;height:144%!important}


/* ===== V154 decorative frame positioning fix =====
   The generic profile-img rule was also affecting the frame overlay.
   Fully reset those inherited absolute-image rules so the frame centers on avatar. */
.v11-profile-avatar-wrap.v139-avatar-frame > .v152-avatar-frame-overlay{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:142%!important;
  height:142%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  z-index:8!important;
  pointer-events:none!important;
  box-sizing:content-box!important;
}

/* Keep each supplied frame matched to its own transparent center opening. */
.v11-profile-avatar-wrap.v139-avatar-frame.frame-ornate_gold_blue > .v152-avatar-frame-overlay{
  width:150%!important;height:150%!important;
}
.v11-profile-avatar-wrap.v139-avatar-frame.frame-crown_gold > .v152-avatar-frame-overlay{
  width:144%!important;height:144%!important;
}
.v11-profile-avatar-wrap.v139-avatar-frame.frame-violet_heart > .v152-avatar-frame-overlay{
  width:142%!important;height:142%!important;
}
.v11-profile-avatar-wrap.v139-avatar-frame.frame-violet_wings > .v152-avatar-frame-overlay{
  width:144%!important;height:144%!important;
}

/* Preview overlay must also ignore the generic preview/avatar image sizing rules. */
.v139-frame-preview > .v152-preview-overlay{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  z-index:2!important;
  pointer-events:none!important;
}


/* ===== V155 square default avatars ===== */
.photo-view-owner-v108 img{
  border-radius:8px!important;
}
/* Default avatar SVGs are now real rounded-square assets.
   Keep photo viewer from applying any circular mask to them. */
.photo-view-stage-v108 img[src*="images-avatar-"]{
  border-radius:12px!important;
}


/* ===== V156 broken empty frame-image fix ===== */
.v11-profile-avatar-wrap > img.v152-avatar-frame-overlay:not([src]),
.v11-profile-avatar-wrap > img.v152-avatar-frame-overlay[src=""]{
  display:none!important;
}


/* ===== V158 GROUPS ===== */
.v158-alert{margin:0 0 12px;padding:11px 13px;border-radius:12px;font-weight:700;font-size:13px}
.v158-alert.ok{background:#edf9ef;color:#27783b}.v158-alert.err{background:#fff0f0;color:#a63a3a}
.v158-group-verified{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#4c9bef;color:#fff;font-size:12px;font-weight:900;vertical-align:2px;box-shadow:inset 0 0 0 1px #fff8}
.v158-create-group details summary{cursor:pointer;display:flex;align-items:center;gap:8px;padding:4px 0;list-style:none}
.v158-create-group details summary::-webkit-details-marker{display:none}.v158-create-group form{display:grid;gap:9px;margin-top:13px}
.v158-create-group input,.v158-create-group textarea,.v158-create-group select,.v158-user-search input,.v158-poll-builder input{
 width:100%;border:1px solid #ddd7d0;background:#fff;border-radius:12px;padding:11px 12px;font:inherit;outline:none}
.v158-create-group textarea{min-height:82px;resize:vertical}
.v158-groups-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v158-group-card{display:flex!important;align-items:center;gap:12px;text-decoration:none!important;color:inherit!important;padding:14px!important;position:relative}
.v158-group-card>img{width:70px;height:70px;border-radius:16px;object-fit:cover;flex:0 0 auto}
.v158-group-card-copy{min-width:0;display:grid;gap:3px}.v158-group-card-copy>b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v158-group-card-copy>span,.v158-group-card-copy>small{color:#81786f;font-size:12px;line-height:1.3}.v158-group-card-copy>small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v158-group-card>em{position:absolute;right:10px;top:10px;background:#eef8ed;color:#417b37;font-style:normal;font-size:10px;padding:3px 7px;border-radius:999px}
.v158-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.v158-section-title span{background:#f1efec;padding:3px 8px;border-radius:999px;font-size:11px}
.v158-invite-row,.v158-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #eee9e4}
.v158-group-mini,.v158-user-row>a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}
.v158-group-mini img,.v158-user-row img{width:46px;height:46px;border-radius:12px;object-fit:cover}.v158-group-mini div{display:grid;min-width:0}.v158-group-mini small{color:#8a827a}
.v158-invite-actions{display:flex;gap:6px}.v158-invite-actions form{margin:0}
.v158-btn-secondary{min-height:38px;border:1px solid #ddd6cf;background:#fff;color:#555;border-radius:11px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}
.v158-btn-secondary.is-verified{border-color:#8dc5ff;color:#2685e5;background:#f2f8ff}
.v158-group-hero{overflow:hidden;padding:0!important}
.v158-group-cover{height:120px;background:linear-gradient(135deg,#f4b769,#f58b7c 45%,#8e90da)}
.v158-group-identity{display:flex;align-items:flex-end;gap:14px;padding:0 18px;margin-top:-48px}
.v158-group-avatar-wrap{position:relative;flex:0 0 auto}.v158-group-avatar{width:104px;height:104px;border-radius:22px;object-fit:cover;background:#fff;border:5px solid #fff;box-shadow:0 2px 12px #0002}
.v158-group-avatar-form{position:absolute;right:-2px;bottom:2px}.v158-group-avatar-form label{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 2px 8px #0002;cursor:pointer}
.v158-group-avatar-form .ico{width:18px;height:18px}.v158-group-title{padding-bottom:6px;min-width:0}.v158-group-title h1{font-size:24px;line-height:1.1;margin:0 0 6px}.v158-group-title>div{color:#7d756d;font-size:13px}
.v158-group-desc{margin:12px 18px 0;color:#574f48;font-size:14px;line-height:1.45}
.v158-group-actions{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px}.v158-group-actions form{margin:0}
.v158-group-tabs{display:flex;gap:2px;overflow-x:auto;border-top:1px solid #eee7e1;padding:0 10px;background:#fff;scrollbar-width:none}
.v158-group-tabs::-webkit-scrollbar{display:none}.v158-group-tabs a{white-space:nowrap;padding:12px 10px;color:#665f59;text-decoration:none;font-size:13px;font-weight:700;border-bottom:3px solid transparent}
.v158-group-tabs a.active{color:#e46d19;border-bottom-color:#e46d19}.v158-group-tabs a b{font-size:10px;background:#f1efed;padding:2px 5px;border-radius:999px}
.v158-private-group{display:grid;justify-items:center;gap:8px;padding:34px!important;color:#766e67}.v158-private-group .ico{width:34px;height:34px}
.v158-group-compose{padding:13px!important}.v158-compose-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}.v158-compose-head img{width:42px;height:42px;border-radius:11px;object-fit:cover}
.v158-group-compose textarea{width:100%;min-height:82px;border:0;background:#f7f5f2;border-radius:14px;padding:12px;font:inherit;resize:vertical;outline:none}
.v158-compose-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.v158-compose-tools label,.v158-compose-tools button{border:1px solid #e1dcd6;background:#fff;border-radius:11px;min-height:38px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.v158-compose-tools .ico{width:18px;height:18px}.v158-poll-builder{display:grid;gap:7px;background:#faf7f3;padding:10px;border-radius:12px;margin-top:9px}.v158-publish-btn{margin-top:10px;width:100%}
.v158-upload-preview{margin-top:8px}.v158-upload-preview img,.v158-upload-preview video{max-width:100%;max-height:260px;border-radius:12px;display:block;margin:auto}
.v158-group-feed{display:grid;gap:12px}.v158-group-post{padding:0!important;overflow:hidden}.v158-group-post>header{display:flex;justify-content:space-between;align-items:center;padding:12px 13px}
.v158-group-post>header>a{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;min-width:0}.v158-group-post>header img{width:44px;height:44px;border-radius:12px;object-fit:cover}
.v158-group-post>header a div{display:grid;min-width:0}.v158-group-post>header small{color:#8b837b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v158-post-delete{border:0;background:#f5f2ef;width:30px;height:30px;border-radius:50%;font-size:20px;color:#777;cursor:pointer}
.v158-post-body{padding:2px 14px 13px;white-space:normal;overflow-wrap:anywhere;line-height:1.48}.v158-post-image,.v158-post-video{display:block;width:100%;max-height:650px;object-fit:contain;background:#111}
.v158-group-post>footer{padding:8px 12px;border-top:1px solid #eee9e4}.v158-group-post>footer form{margin:0}.v158-group-post>footer button{border:0;background:none;display:flex;align-items:center;gap:6px;color:#777;font:inherit;font-weight:700;cursor:pointer}.v158-group-post>footer button.active{color:#e65361}.v158-group-post>footer .ico{width:21px;height:21px}
.v158-poll{padding:2px 14px 14px}.v158-poll h3{font-size:16px;margin:5px 0 10px}.v158-poll-option{margin:7px 0}.v158-poll-option button{position:relative;overflow:hidden;width:100%;min-height:43px;border:1px solid #ddd6cf;background:#fff;border-radius:11px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;font:inherit;cursor:pointer}.v158-poll-option button span,.v158-poll-option button b{position:relative;z-index:2}.v158-poll-option button i{position:absolute;z-index:1;left:0;top:0;bottom:0;background:#f6d9c4}.v158-poll-option.selected button{border-color:#ec985c}.v158-poll>small{color:#887e75}
.v158-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.v158-media-tile{aspect-ratio:1/1;overflow:hidden;background:#eee;border-radius:7px}.v158-media-tile img{width:100%;height:100%;object-fit:cover}
.v158-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v158-video-tile{background:#111;border-radius:10px;overflow:hidden}.v158-video-tile video{width:100%;height:220px;object-fit:contain;display:block}
.v158-user-search{display:flex;gap:7px;margin-bottom:6px}.v158-user-row form{margin:0}.v158-members-card{padding:13px!important}.v158-member-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #eee9e4;text-decoration:none;color:inherit}.v158-member-row img{width:48px;height:48px;border-radius:12px;object-fit:cover}.v158-member-row div{display:grid}.v158-member-row small{color:#8b8279}
.v158-empty{text-align:center;padding:24px;color:#8c837b}
@media(max-width:650px){
 .v158-groups-grid{grid-template-columns:1fr}.v158-group-card>img{width:62px;height:62px}
 .v158-group-cover{height:105px}.v158-group-identity{padding:0 12px;margin-top:-42px}.v158-group-avatar{width:92px;height:92px;border-radius:19px}
 .v158-group-title h1{font-size:20px}.v158-group-desc{margin-left:12px;margin-right:12px}.v158-group-actions{padding:12px}
 .v158-group-tabs{padding:0 4px}.v158-group-tabs a{padding:11px 8px;font-size:12px}
 .v158-photo-grid{grid-template-columns:repeat(3,1fr);gap:3px}.v158-video-grid{grid-template-columns:1fr}.v158-video-tile video{height:auto;max-height:360px}
 .v158-invite-row{align-items:flex-start;flex-direction:column}.v158-invite-actions{width:100%}.v158-invite-actions form{flex:1}.v158-invite-actions button{width:100%}
}

/* ===== V159 Sevgi Coin game-center card ===== */
.v159-sevgi-coin-logo{
  display:grid!important;
  place-items:center!important;
  font-size:38px!important;
  background:linear-gradient(145deg,#fff2ad,#f6b43b)!important;
  border-radius:16px!important;
  object-fit:initial!important;
}

/* V163 Pirate Treasures game-center card */
.v163-pirate-logo{display:grid!important;place-items:center!important;font-size:34px!important;background:linear-gradient(145deg,#183d56,#0f2531)!important;border:3px solid #d0a14b!important;border-radius:16px!important;object-fit:initial!important}

.v169-treasure-island-logo{display:grid!important;place-items:center!important;font-size:34px!important;background:linear-gradient(145deg,#3ed2df,#0e7795)!important;border:3px solid #e6c267!important;border-radius:16px!important}

/* V172 - restore old profile frame system and improve static frame fit */
.v11-profile-avatar-wrap{overflow:visible!important}
.v11-profile-avatar-wrap .v152-avatar-frame-overlay{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  object-fit:contain!important;
  pointer-events:none!important;
}
.v11-profile-avatar-wrap.frame-ornate_gold_blue .v152-avatar-frame-overlay,
.v139-frame-preview.frame-ornate_gold_blue .v152-preview-overlay{
  width:142%!important;height:142%!important;
}
.v11-profile-avatar-wrap.frame-crown_gold .v152-avatar-frame-overlay,
.v139-frame-preview.frame-crown_gold .v152-preview-overlay{
  width:138%!important;height:138%!important;
}
.v11-profile-avatar-wrap.frame-violet_heart .v152-avatar-frame-overlay,
.v139-frame-preview.frame-violet_heart .v152-preview-overlay{
  width:140%!important;height:140%!important;
}
.v11-profile-avatar-wrap.frame-violet_wings .v152-avatar-frame-overlay,
.v139-frame-preview.frame-violet_wings .v152-preview-overlay{
  width:146%!important;height:146%!important;
}
.v139-frame-preview .v152-preview-overlay{
  left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;
  object-fit:contain!important;
}

/* V173 - decorative avatar frame vertical alignment */
.v11-profile-avatar-wrap.frame-ornate_gold_blue .v152-avatar-frame-overlay{
  left:50%!important;
  top:46%!important;
  transform:translate(-50%,-50%)!important;
  width:136%!important;
  height:136%!important;
  object-fit:contain!important;
}
.v139-frame-preview.frame-ornate_gold_blue .v152-preview-overlay{
  left:50%!important;
  top:46%!important;
  transform:translate(-50%,-50%)!important;
  width:136%!important;
  height:136%!important;
  object-fit:contain!important;
}

/* V174 VIP + newcomer gift */
.v174-vip-badge{display:inline-grid;place-items:center;vertical-align:middle;margin-left:5px;padding:3px 7px;border-radius:999px;background:linear-gradient(135deg,#321d48,#b27a24);color:#ffe79b!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.7px;box-shadow:0 2px 8px #5a326633}
.v139-frame-option.v174-premium-frame{position:relative}.v139-frame-option.v174-premium-frame.locked{opacity:.58}.v139-frame-option.v174-premium-frame.locked:after{content:"🔒";position:absolute;right:7px;top:7px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#302238;color:#fff;font-size:12px}.v174-vip-tag{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:7px;background:#3d274b;color:#ffe08a;font-size:8px;font-weight:900}
.v174-daily-gift{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;margin:0 0 10px;padding:10px 12px;border-radius:18px;background:radial-gradient(circle at 8% 50%,#ffe36d55,transparent 24%),linear-gradient(135deg,#fff7d6,#fff,#f0e5ff);border:1px solid #e5cf94;box-shadow:0 7px 20px #8e6c3020;overflow:hidden;position:relative}.v174-gift-box{font-size:39px;position:relative;animation:v174Gift 1.7s ease-in-out infinite}.v174-gift-box i{position:absolute;inset:-8px;border-radius:50%;border:2px solid #e6b83a55;animation:v174Ring 1.7s ease-out infinite}.v174-gift-copy{display:grid}.v174-gift-copy b{font-size:14px}.v174-gift-copy span{font-size:11px;color:#776957}.v174-daily-gift button{border:0;border-radius:12px;padding:10px 13px;background:#74439a;color:#fff;font-weight:900}.v174-daily-gift.claimed{filter:saturate(.65);opacity:.78}.v174-daily-gift.claimed .v174-gift-box{animation:none}.v174-daily-gift.opening .v174-gift-box{animation:v174Open .45s linear infinite}.v174-vip-settings-row .sv87-row-icon{background:linear-gradient(135deg,#3b2550,#b7832c)!important;color:#ffe597!important}
@keyframes v174Gift{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-6deg) scale(1.05)}50%{transform:rotate(6deg) scale(1.08)}75%{transform:rotate(-3deg) scale(1.04)}}@keyframes v174Ring{0%{transform:scale(.7);opacity:.8}100%{transform:scale(1.35);opacity:0}}@keyframes v174Open{50%{transform:translateY(-5px) rotate(9deg) scale(1.13)}}

/* V175 daily gift refinements */
.v174-gift-box{display:grid;place-items:center;width:52px;height:52px}
.v174-gift-box img{width:48px;height:48px;filter:drop-shadow(0 5px 5px #8c5e2740)}
.v174-daily-gift.rewarded{background:linear-gradient(135deg,#fff5c6,#f5eaff);border-color:#d7b664}
.v174-daily-gift.hiding{opacity:0;transform:translateY(-12px) scale(.98);transition:.3s ease;margin-bottom:-70px;pointer-events:none}

/* V176 graceful expired-form/session recovery */
.v176-csrf-flash{position:sticky;top:0;z-index:95;margin:0 auto 8px;max-width:760px;padding:10px 14px;border-radius:0 0 14px 14px;background:#fff4d8;border:1px solid #ead08c;color:#6f571c;font-size:12px;font-weight:750;box-shadow:0 5px 16px #5d47221c}

.v177-vip-nav-icon img{display:block;object-fit:contain}

/* V179 - keep VIP badge compact inside message rows */
.conversation-main>b{display:flex!important;align-items:center;gap:5px;min-width:0}
.conversation-main>b>.v174-vip-badge{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;max-width:max-content!important;margin:0!important;padding:2px 7px!important;line-height:1.25!important}
.conversation-main>span{display:block;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.conversation-main b .v174-vip-badge{white-space:nowrap!important}
.v15-chat-person b{display:flex!important;align-items:center;gap:5px}.v15-chat-person .v174-vip-badge{display:inline-flex!important;width:auto!important;flex:0 0 auto!important}

/* V179 photo rating + gift sender privacy */
.v179-photo-rating{margin:14px 0;padding:14px;border:1px solid #e5dccd;border-radius:18px;background:#fffaf2}
.v179-rating-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.v179-rating-head>div:first-child{display:grid}.v179-rating-head b{font-size:14px}.v179-rating-head small{font-size:10px;color:#817567}
.v179-rating-summary{text-align:right;display:grid}.v179-rating-summary strong{font-size:22px;color:#9a6b18}.v179-rating-summary span{font-size:9px;color:#8a7a67}
.v179-rating-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.v179-rating-buttons button{border:1px solid #ddd1bc;background:#fff;border-radius:13px;min-height:58px;padding:6px 2px;display:grid;place-items:center;gap:1px;color:#6f6253}.v179-rate-icon svg{width:20px;height:20px;fill:#d7d0c3;stroke:none}.v179-rating-buttons button.selected{border-color:#f0a91e;background:#fff7df;box-shadow:0 0 0 2px #ffc64a22}.v179-rating-buttons button.selected .v179-rate-icon svg{fill:#f2b62f}.v179-rating-buttons button.vip-plus{position:relative;background:linear-gradient(145deg,#fff7c8,#f7dfa2);border-color:#d5a93c;color:#6b4c11}.v179-rating-buttons button.vip-plus .v179-rate-icon svg{fill:#d39a21}.v179-rating-buttons button.vip-plus b{font-size:15px}.v179-rating-buttons button.vip-plus small{font-size:8px;font-weight:1000;color:#8a5e13}.v179-rating-buttons button.vip-plus.locked{filter:grayscale(.65);opacity:.5}.v179-own-rating-note{font-size:11px;color:#817464;padding:8px 0}
.v179-profile-gifts-head{display:flex;align-items:center;gap:14px}.v179-profile-gifts-head>a{text-decoration:none;color:#6b6258}.v179-profile-gifts-head h2,.v179-profile-gifts-head p{margin:0}.v179-profile-gifts-head p{font-size:11px;color:#85786a;margin-top:2px}
.v179-public-gift-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v179-public-gift-card{background:#fff;border:1px solid #e6d9c2;border-radius:18px;padding:12px;display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:center}.v179-public-gift-image{width:74px;height:74px;object-fit:contain}.v179-public-gift-card>div{min-width:0;display:grid}.v179-public-gift-card small{font-size:10px;color:#817465;margin-top:3px}.v179-public-gift-card small a{text-decoration:none;color:#674489;font-weight:800}.v179-public-gift-card p{font-size:11px;margin:6px 0 0;color:#645b51}.v179-hidden-sender{display:inline-flex;align-items:center;gap:3px}.v179-hidden-sender .ico{width:12px;height:12px}.v179-empty-gifts{grid-column:1/-1;text-align:center;color:#817567}
.v179-gift-sender-line a{font-weight:800;text-decoration:none;color:#68478a}.v179-gift-message{font-size:12px;margin:4px 0 7px}.v179-accepted-gift-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.v179-hide-sender{border:1px solid #ddd1bd;background:#fff;border-radius:999px;padding:6px 9px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#6d6256}.v179-hide-sender .ico{width:14px;height:14px}.v179-hide-sender.active{background:#f0e9f8;border-color:#cbb6dc;color:#64417d}
@media(max-width:520px){.v179-rating-buttons{gap:4px}.v179-rating-buttons button{min-height:54px;border-radius:11px}.v179-public-gift-grid{grid-template-columns:1fr}.v179-public-gift-card{grid-template-columns:66px 1fr}.v179-public-gift-image{width:66px;height:66px}}

/* V180 - robust message badge and gift sender privacy fix */
.messages-shell .v174-vip-badge,
.v15-conversation-list .v174-vip-badge,
.v15-chat-head .v174-vip-badge{display:none!important}
.v180-sender-privacy-form{margin:0;display:inline-block}
.v180-sender-privacy-form button{cursor:pointer}
.v180-gift-flash{margin:0 0 10px;padding:10px 13px;border-radius:13px;background:#f4ecfb;border:1px solid #d9c6e8;color:#5f4173;font-size:12px;font-weight:800}

/* V181 gift privacy directly from notifications */
.v181-gift-actions{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap}
.v181-gift-actions .btn{margin:0!important}
.v181-private-gift{display:inline-flex!important;align-items:center;gap:5px;background:linear-gradient(135deg,#4d315e,#765092)!important;color:#fff!important;border-color:transparent!important}
.v181-private-gift .ico{width:16px;height:16px}
.v181-gift-privacy-note{display:block;margin-top:7px;color:#8b7b6b;font-size:10px;line-height:1.35;max-width:430px}
@media(max-width:520px){
 .v181-gift-actions{gap:6px}.v181-gift-actions .btn{padding:9px 12px!important;font-size:12px!important}
 .v181-private-gift span{display:inline}
}

.v182-bubble-card .game-logo-v117{border-radius:16px;box-shadow:0 4px 12px #0b39552f}

/* V184 Bottle maintenance */
.bottle-maintenance-v184{display:flex;justify-content:center;padding:24px 12px 80px}
.bottle-maintenance-card-v184{width:min(520px,100%);padding:34px 20px;text-align:center;border-radius:24px}
.bottle-maintenance-icon-v184{width:92px;height:92px;margin:0 auto 18px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#fff3d9,#ffe1b8);box-shadow:0 10px 30px #9b6b2520}
.bottle-maintenance-icon-v184 svg{width:58px;height:58px;fill:none;stroke:#f28b18;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.bottle-maintenance-icon-v184 .tool{stroke:#777}
.bottle-maintenance-card-v184 h2{margin:0 0 9px;font-size:25px}.bottle-maintenance-card-v184 p{margin:0 auto 22px;max-width:390px;color:#7c756c;line-height:1.55;font-size:14px}
.bottle-maintenance-back-v184{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;background:#ff8a00;color:#fff;padding:12px 18px;border-radius:14px;font-weight:800}
.bottle-maintenance-back-v184 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.v184-maintenance-badge{background:#eee8df!important;color:#8a7f72!important}

/* V186 photo rating corner badge + retained notifications */
.photo-view-stage-v108{position:relative}
.v186-photo-rating-corner{
  position:absolute;right:12px;top:12px;z-index:5;
  min-width:58px;height:58px;padding:5px 8px;border-radius:18px;
  display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;
  align-items:center;justify-content:center;column-gap:4px;
  background:linear-gradient(145deg,#fff9df,#f5d77f);
  border:2px solid #d5aa2d;box-shadow:0 7px 20px #0005,inset 0 1px 0 #fff9;
  color:#6f4f0c
}
.v186-photo-rating-corner.vip{
  background:radial-gradient(circle at 25% 18%,#fff0a6 0 6%,transparent 8%),linear-gradient(145deg,#342107,#0c0a07 72%);
  border-color:#ffcb37;color:#ffd85c;box-shadow:0 0 0 2px #8c5d0d88,0 7px 22px #0008,inset 0 0 18px #f0a90022
}
.v186-photo-rating-corner b{font-size:22px;line-height:1;font-weight:1000}
.v186-photo-rating-corner small{grid-column:1/-1;font-size:7px;line-height:1;text-align:center;font-weight:1000;letter-spacing:.7px;opacity:.85}
.v186-rating-star,.v186-rating-crown{font-size:18px;line-height:1}
.v186-rating-crown{color:#ffd13d;text-shadow:0 1px 0 #7b4c00}
.v186-rating-notif{background:#f3b92f!important;color:#fff!important;font-size:15px!important;font-weight:1000}
.v186-retention-note{display:block;margin-top:6px;color:#948676;font-size:9px}
@media(max-width:520px){
 .v186-photo-rating-corner{right:9px;top:9px;min-width:52px;height:52px;border-radius:15px}
 .v186-photo-rating-corner b{font-size:20px}
}

/* V187 real medal-style photo ratings */
.v187-rating-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px}
.v187-rating-choice{position:relative;border:1px solid #e1d2b4;background:#fff;border-radius:18px;padding:8px 4px 10px;min-width:0;display:grid;place-items:center;gap:3px;box-shadow:0 4px 12px #6d532016;transition:.16s transform,.16s box-shadow,.16s border-color}
.v187-rating-choice:active{transform:scale(.97)}
.v187-rating-choice.selected{border-color:#e0a81f;box-shadow:0 0 0 2px #f2bd3630,0 7px 17px #71521422;background:#fffaf0}
.v187-rating-choice img{width:54px;height:54px;object-fit:contain;display:block}
.v187-rating-choice b{font-size:15px;color:#3d3428;line-height:1}
.v187-rating-choice b small{font-size:8px;color:#9d6f13;margin-left:2px}
.v187-stars{display:flex;justify-content:center;gap:1px;line-height:1}
.v187-stars i{font-style:normal;font-size:8px;color:#ddd5c7}.v187-stars i.on{color:#f5b91d}
.v187-vip-choice{background:linear-gradient(145deg,#231707,#080706);border-color:#d99e18}
.v187-vip-choice b{color:#ffd454}.v187-vip-choice .v187-stars i.on{color:#ffd12f}
.v187-vip-choice.locked{opacity:.46;filter:grayscale(.55)}
.v187-photo-rating-medal{position:absolute;right:12px;top:12px;z-index:6;width:76px;height:76px;filter:drop-shadow(0 6px 10px #0008);pointer-events:none}
.v187-photo-rating-medal img{width:100%;height:100%;object-fit:contain;display:block}
.v187-photo-rating-medal.vip{width:82px;height:82px}
.v187-photo-rating-average{position:absolute;right:12px;top:12px;z-index:6;display:flex;align-items:center;gap:5px;background:#fff8d9;border:2px solid #d8aa25;border-radius:16px;padding:8px 10px;color:#7c5a12;box-shadow:0 5px 16px #0005}
.v187-photo-rating-average span{color:#f1b51e}.v187-photo-rating-average b{font-size:17px}
.v187-notification-line{display:flex;align-items:center;gap:10px;justify-content:space-between}
.v187-notification-line>div{min-width:0;flex:1}
.v187-notification-rating-medal{width:54px;height:54px;object-fit:contain;flex:0 0 54px;filter:drop-shadow(0 3px 6px #0003)}
@media(max-width:520px){
 .v187-rating-buttons{gap:4px}
 .v187-rating-choice{border-radius:14px;padding:6px 2px 8px}
 .v187-rating-choice img{width:44px;height:44px}
 .v187-rating-choice b{font-size:13px}.v187-stars i{font-size:7px}
 .v187-photo-rating-medal{right:8px;top:8px;width:64px;height:64px}.v187-photo-rating-medal.vip{width:70px;height:70px}
 .v187-notification-rating-medal{width:48px;height:48px;flex-basis:48px}
}

/* V188 exact supplied 5+ VIP card style */
.v187-rating-choice.v188-vip-card{
  padding:3px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible;
  min-height:104px;
}
.v187-rating-choice.v188-vip-card img{
  width:100%!important;
  max-width:96px!important;
  height:auto!important;
  max-height:108px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 5px 10px #6b450044);
}
.v187-rating-choice.v188-vip-card.selected img{
  filter:drop-shadow(0 0 5px #ffd65a) drop-shadow(0 6px 12px #7d520055);
  transform:scale(1.03);
}
.v187-rating-choice.v188-vip-card.locked{
  opacity:.56!important;
  filter:none!important;
}
.v188-vip-lock{
  position:absolute;
  right:4px;
  top:4px;
  width:23px;
  height:23px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#2a1a08e8;
  color:#ffd256;
  border:1px solid #d59a23;
}
.v188-vip-lock .ico{width:13px;height:13px}
.v187-notification-rating-medal[src*="5plus"]{
  width:62px!important;
  height:70px!important;
  object-fit:contain!important;
}
.v187-photo-rating-medal.vip{
  width:74px!important;
  height:84px!important;
}
@media(max-width:520px){
 .v187-rating-choice.v188-vip-card{min-height:92px}
 .v187-rating-choice.v188-vip-card img{max-width:79px!important;max-height:92px!important}
}

/* V189 force true black/gold rectangular 5+ VIP artwork */
.v187-rating-choice.v188-vip-card{min-height:116px!important;align-self:stretch}
.v187-rating-choice.v188-vip-card img{
 width:100%!important;max-width:112px!important;height:116px!important;max-height:none!important;
 object-fit:contain!important;transform:none!important
}
.v187-photo-rating-medal.vip{width:88px!important;height:104px!important}
.v187-photo-rating-medal.vip img{object-fit:contain!important}
.v187-notification-rating-medal[alt="5+"]{width:72px!important;height:82px!important;object-fit:contain!important}
@media(max-width:520px){
 .v187-rating-choice.v188-vip-card{min-height:108px!important}
 .v187-rating-choice.v188-vip-card img{max-width:94px!important;height:108px!important}
}
/* V190 tidy rating grid + transparent VIP emblem */
.v179-photo-rating{padding:14px 14px 16px!important;overflow:hidden}
.v187-rating-buttons{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;align-items:stretch!important}
.v187-rating-choice,.v187-rating-choice.v188-vip-card{min-height:112px!important;height:112px!important;border:1px solid #e4d6bd!important;border-radius:16px!important;background:#fff!important;padding:7px 3px!important;box-shadow:0 3px 10px #6d532012!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;overflow:hidden!important}
.v187-rating-choice img{width:50px!important;height:50px!important;object-fit:contain!important;flex:0 0 auto}
.v187-rating-choice.v188-vip-card{background:linear-gradient(180deg,#fffdf8,#fff8e8)!important;border-color:#e1bf67!important}
.v187-rating-choice.v188-vip-card img{width:70px!important;height:82px!important;max-width:none!important;max-height:none!important;filter:drop-shadow(0 3px 5px #7c531f38)!important}
.v187-rating-choice.v188-vip-card.selected{border-color:#e4a91e!important;box-shadow:0 0 0 2px #f3bd4038,0 4px 12px #7b591a24!important}
.v187-photo-rating-medal.vip{width:74px!important;height:82px!important;right:10px!important;top:10px!important;filter:drop-shadow(0 4px 7px #0006)!important}
.v187-notification-rating-medal[alt="5+"]{width:58px!important;height:64px!important;object-fit:contain!important}
@media(max-width:520px){
 .v179-photo-rating{margin:12px 0!important;padding:13px 12px 14px!important;border-radius:18px!important}
 .v179-rating-head{margin-bottom:8px!important}
 .v187-rating-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
 .v187-rating-choice,.v187-rating-choice.v188-vip-card{height:105px!important;min-height:105px!important;border-radius:15px!important}
 .v187-rating-choice img{width:52px!important;height:52px!important}
 .v187-rating-choice.v188-vip-card img{width:72px!important;height:78px!important}
 .v187-rating-choice b{font-size:14px!important}
 .v187-stars i{font-size:8px!important}
}

/* V191 reference-matched rating layout */
.v179-rating-card{padding:14px!important;border-radius:22px!important;background:linear-gradient(145deg,#fffdf8,#fff9ec)!important;border:1px solid #ead9b4!important}
.v187-rating-buttons{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;align-items:stretch!important}
.v187-rating-choice{min-height:126px!important;padding:8px 3px!important;border-radius:18px!important}
.v187-rating-choice img{width:64px!important;height:64px!important}
.v187-rating-choice.v188-vip-card{min-height:126px!important;padding:4px!important;border:1px solid #e5ae27!important;border-radius:18px!important;background:linear-gradient(145deg,#1c1205,#090807)!important;box-shadow:0 0 12px #e8ae3b66!important}
.v187-rating-choice.v188-vip-card img{width:100%!important;max-width:98px!important;height:112px!important;object-fit:contain!important}
.v187-photo-rating-medal.vip{width:92px!important;height:92px!important;right:14px!important;top:14px!important;filter:drop-shadow(0 4px 8px #0007)!important}
.v187-photo-rating-medal.vip img{width:100%!important;height:100%!important;object-fit:contain!important}
.v187-notification-rating-medal[alt="5+"]{width:62px!important;height:62px!important;object-fit:contain!important}
@media(max-width:520px){
 .v179-rating-card{padding:12px 10px!important}
 .v187-rating-buttons{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
 .v187-rating-choice{min-height:118px!important}
 .v187-rating-choice img{width:60px!important;height:60px!important}
 .v187-rating-choice.v188-vip-card{min-height:118px!important}
 .v187-rating-choice.v188-vip-card img{max-width:92px!important;height:106px!important}
 .v187-photo-rating-medal.vip{width:78px!important;height:78px!important;right:10px!important;top:10px!important}
}

/* V192 compact single-row rating selector */
.v187-rating-buttons{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:6px!important;
  align-items:stretch!important;
}
.v187-rating-choice{
  min-height:104px!important;
  padding:6px 2px 7px!important;
  border-radius:15px!important;
}
.v187-rating-choice img{
  width:50px!important;height:50px!important;
}
.v187-rating-choice b{font-size:13px!important}
.v187-stars i{font-size:7px!important}

.v187-rating-choice.v192-vip-selector{
  min-height:104px!important;
  padding:3px!important;
  border:1px solid #e1aa25!important;
  border-radius:15px!important;
  background:#090806!important;
  box-shadow:0 3px 10px #9f6c1828!important;
}
.v192-vip-black-card{
  width:100%;height:100%;
  min-height:94px;
  display:grid;place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,#1c1308,#050504);
}
.v187-rating-choice.v192-vip-selector img{
  width:62px!important;height:62px!important;
  max-width:none!important;max-height:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 5px #0008)!important;
}
/* Rating result on photo remains ONLY the transparent circular V191 5+ badge. */
.v187-photo-rating-medal.vip{
  background:transparent!important;border:0!important;box-shadow:none!important;
}
@media(max-width:520px){
 .v179-rating-card{padding:11px 8px!important}
 .v187-rating-buttons{
   grid-template-columns:repeat(6,minmax(0,1fr))!important;
   gap:4px!important;
 }
 .v187-rating-choice{
   min-height:88px!important;
   padding:4px 1px 5px!important;
   border-radius:12px!important;
 }
 .v187-rating-choice img{width:40px!important;height:40px!important}
 .v187-stars{gap:0!important}
 .v187-stars i{font-size:5.5px!important}
 .v187-rating-choice b{font-size:11px!important}
 .v187-rating-choice.v192-vip-selector{min-height:88px!important;border-radius:12px!important}
 .v192-vip-black-card{min-height:80px!important;border-radius:9px!important}
 .v187-rating-choice.v192-vip-selector img{width:52px!important;height:52px!important}
}
@media(max-width:380px){
 .v187-rating-buttons{gap:3px!important}
 .v187-rating-choice img{width:36px!important;height:36px!important}
 .v187-rating-choice{min-height:82px!important}
 .v187-rating-choice.v192-vip-selector{min-height:82px!important}
 .v192-vip-black-card{min-height:74px!important}
 .v187-rating-choice.v192-vip-selector img{width:47px!important;height:47px!important}
}

/* V193 - exact compact reference-style photo rating row */
.v179-rating-card{
  padding:14px 12px 13px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fffefb 0%,#fff9eb 100%)!important;
  border:1px solid #ead8af!important;
  box-shadow:0 4px 14px rgba(165,116,28,.07)!important;
}
.v187-rating-buttons{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin-top:12px!important;
}
.v187-rating-choice{
  position:relative!important;
  min-width:0!important;
  height:126px!important;
  min-height:126px!important;
  padding:7px 2px 6px!important;
  border:1px solid #e5d6b8!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff 0%,#fffdfa 100%)!important;
  box-shadow:0 3px 8px rgba(128,92,27,.06)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.v187-rating-choice img{
  width:66px!important;height:66px!important;
  object-fit:contain!important;flex:none!important;
}
.v187-stars{margin-top:3px!important;line-height:1!important;white-space:nowrap!important}
.v187-stars i{font-size:9px!important;margin:0!important}
.v187-rating-choice b{font-size:16px!important;line-height:1.05!important;margin-top:5px!important}

.v187-rating-choice.v192-vip-selector{
  height:126px!important;min-height:126px!important;
  padding:0!important;
  border:2px solid #f2b91f!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#2b1903 0%,#090704 70%,#171006 100%)!important;
  box-shadow:0 0 0 2px rgba(255,217,74,.18),0 5px 14px rgba(163,105,0,.22)!important;
}
.v192-vip-black-card{
  width:100%!important;height:100%!important;min-height:0!important;
  display:grid!important;place-items:center!important;
  border-radius:15px!important;
  background:
   radial-gradient(circle at 50% 35%,rgba(255,191,39,.18),transparent 42%),
   linear-gradient(145deg,#241503,#070604)!important;
}
.v187-rating-choice.v192-vip-selector img{
  width:88px!important;height:108px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))!important;
}

@media(max-width:520px){
 .v179-rating-card{padding:12px 8px!important}
 .v187-rating-buttons{gap:5px!important;margin-top:10px!important}
 .v187-rating-choice{
   height:105px!important;min-height:105px!important;
   padding:5px 1px!important;border-radius:14px!important;
 }
 .v187-rating-choice img{width:48px!important;height:48px!important}
 .v187-stars{margin-top:2px!important;transform:scale(.88)!important}
 .v187-stars i{font-size:6.5px!important}
 .v187-rating-choice b{font-size:13px!important;margin-top:4px!important}
 .v187-rating-choice.v192-vip-selector{
   height:105px!important;min-height:105px!important;border-radius:14px!important;
 }
 .v192-vip-black-card{border-radius:11px!important}
 .v187-rating-choice.v192-vip-selector img{width:65px!important;height:91px!important}
}
@media(max-width:390px){
 .v187-rating-buttons{gap:4px!important}
 .v187-rating-choice{height:98px!important;min-height:98px!important}
 .v187-rating-choice img{width:44px!important;height:44px!important}
 .v187-rating-choice.v192-vip-selector{height:98px!important;min-height:98px!important}
 .v187-rating-choice.v192-vip-selector img{width:60px!important;height:84px!important}
}

/* V194 - balanced six-card rating row */
.v179-photo-rating{
  padding:14px 12px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#fffdf8,#fff9ed)!important;
  border:1px solid #ead9b7!important;
}
.v179-rating-head{margin-bottom:11px!important}
.v187-rating-buttons{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  align-items:stretch!important;
}
.v187-rating-choice{
  width:100%!important;
  height:118px!important;
  min-height:118px!important;
  padding:7px 3px 6px!important;
  border:1px solid #e4d5b7!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 3px 9px rgba(110,79,22,.07)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  overflow:hidden!important;
}
.v187-rating-choice img{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
}
.v187-stars{
  margin:3px 0 0!important;
  display:flex!important;
  justify-content:center!important;
  gap:1px!important;
  line-height:1!important;
}
.v187-stars i{font-size:8px!important}
.v187-rating-choice b{
  margin-top:5px!important;
  font-size:15px!important;
  line-height:1!important;
}

/* VIP selector is exactly the same grid size as 1-5. The artwork itself is the card. */
.v187-rating-choice.v192-vip-selector{
  width:100%!important;
  height:118px!important;
  min-height:118px!important;
  padding:0!important;
  border:0!important;
  border-radius:17px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.v194-vip-card-image{
  width:100%!important;
  height:118px!important;
  display:block!important;
}
.v187-rating-choice.v192-vip-selector img{
  width:100%!important;
  height:118px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 3px 7px rgba(99,64,0,.20))!important;
}
.v187-rating-choice.v192-vip-selector.selected img{
  filter:drop-shadow(0 0 5px #ffd25f) drop-shadow(0 4px 9px rgba(99,64,0,.25))!important;
}
.v187-rating-choice.v192-vip-selector.locked{opacity:.52!important}
.v188-vip-lock{right:2px!important;top:2px!important}

/* Keep photo result clean: only transparent circular 5+ badge. */
.v187-photo-rating-medal.vip img,
.v187-notification-rating-medal[alt="5+"]{
  object-fit:contain!important;
}

@media(max-width:520px){
 .v179-photo-rating{padding:12px 8px!important}
 .v187-rating-buttons{gap:5px!important}
 .v187-rating-choice{
   height:100px!important;
   min-height:100px!important;
   border-radius:14px!important;
   padding:5px 1px!important;
 }
 .v187-rating-choice img{width:46px!important;height:46px!important}
 .v187-stars{gap:0!important;margin-top:2px!important}
 .v187-stars i{font-size:6.5px!important}
 .v187-rating-choice b{font-size:12px!important;margin-top:4px!important}
 .v187-rating-choice.v192-vip-selector,
 .v194-vip-card-image,
 .v187-rating-choice.v192-vip-selector img{
   height:100px!important;
   min-height:100px!important;
 }
}
@media(max-width:380px){
 .v187-rating-buttons{gap:4px!important}
 .v187-rating-choice,
 .v187-rating-choice.v192-vip-selector,
 .v194-vip-card-image,
 .v187-rating-choice.v192-vip-selector img{
   height:94px!important;
   min-height:94px!important;
 }
 .v187-rating-choice img{width:42px!important;height:42px!important}
 .v187-rating-choice b{font-size:11px!important}
}

/* V195 - tighter cards, larger visible stars, no redundant number label */
.v187-rating-choice{
  height:102px!important;
  min-height:102px!important;
  padding:6px 2px!important;
  justify-content:center!important;
}
.v187-rating-choice img{
  width:60px!important;
  height:60px!important;
}
.v187-stars{
  margin-top:5px!important;
  gap:2px!important;
  transform:none!important;
}
.v187-stars i{
  font-size:10px!important;
  line-height:1!important;
}
.v187-rating-choice>b{
  display:none!important;
}

.v187-rating-choice.v192-vip-selector,
.v194-vip-card-image,
.v187-rating-choice.v192-vip-selector img{
  height:102px!important;
  min-height:102px!important;
}

@media(max-width:520px){
 .v187-rating-buttons{gap:5px!important}
 .v187-rating-choice{
   height:90px!important;
   min-height:90px!important;
   padding:4px 1px!important;
 }
 .v187-rating-choice img{
   width:48px!important;
   height:48px!important;
 }
 .v187-stars{
   margin-top:5px!important;
   gap:1px!important;
 }
 .v187-stars i{
   font-size:8.5px!important;
 }
 .v187-rating-choice.v192-vip-selector,
 .v194-vip-card-image,
 .v187-rating-choice.v192-vip-selector img{
   height:90px!important;
   min-height:90px!important;
 }
}
@media(max-width:380px){
 .v187-rating-choice{
   height:86px!important;
   min-height:86px!important;
 }
 .v187-rating-choice img{
   width:45px!important;
   height:45px!important;
 }
 .v187-stars i{font-size:8px!important}
 .v187-rating-choice.v192-vip-selector,
 .v194-vip-card-image,
 .v187-rating-choice.v192-vip-selector img{
   height:86px!important;
   min-height:86px!important;
 }
}

.v196-rating-locked-note{min-height:58px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #ead9b7;border-radius:15px;background:#fffdf8;color:#5b554c;font-size:13px;font-weight:700}
.v196-rating-locked-note>svg{width:20px;height:20px;color:#d49a17;flex:none}
.v196-rating-locked-note img{width:42px;height:42px;object-fit:contain;margin-left:auto;flex:none}
.v196-rating-locked-note img[alt="5+"]{width:50px;height:50px}

/* V197 - visible black/gold frame around 5+ selector only */
.v187-rating-choice.v192-vip-selector{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.v197-vip-shell{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,190,38,.18),transparent 42%),
    linear-gradient(145deg,#2c1a06 0%,#090806 62%,#171006 100%)!important;
  border:2px solid #f0b62a!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,229,133,.22),
    inset 0 0 18px rgba(240,169,20,.12),
    0 4px 12px rgba(126,77,0,.20)!important;
}
.v197-vip-shell:before,
.v197-vip-shell:after{
  content:"";
  position:absolute;
  width:6px;height:6px;border-radius:50%;
  background:#ffd459;
  box-shadow:0 0 7px #ffc229;
}
.v197-vip-shell:before{left:8px;top:8px}
.v197-vip-shell:after{right:8px;bottom:9px}
.v197-vip-glow{
  position:absolute;inset:5px;border-radius:13px;
  border:1px solid rgba(255,207,74,.26);
  pointer-events:none;
}
.v187-rating-choice.v192-vip-selector .v197-vip-shell img{
  width:72px!important;
  height:72px!important;
  object-fit:contain!important;
  max-width:none!important;
  max-height:none!important;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))!important;
  z-index:2;
}
.v187-rating-choice.v192-vip-selector.selected .v197-vip-shell{
  box-shadow:
    inset 0 0 0 1px rgba(255,235,151,.35),
    inset 0 0 22px rgba(248,183,38,.2),
    0 0 0 2px rgba(255,211,78,.28),
    0 5px 14px rgba(111,69,0,.22)!important;
}

/* Photo and notification still show ONLY transparent circular badge, no black frame. */
.v187-photo-rating-medal.vip,
.v187-notification-rating-medal[alt="5+"]{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:520px){
 .v197-vip-shell{border-radius:14px!important}
 .v197-vip-glow{border-radius:10px}
 .v187-rating-choice.v192-vip-selector .v197-vip-shell img{
   width:58px!important;height:58px!important;
 }
}

/* V198 - clean 5+ VIP selector, exact artwork */
.v187-rating-choice.v192-vip-selector{
  position:relative!important;
  width:100%!important;
  height:102px!important;
  min-height:102px!important;
  padding:3px!important;
  border:1px solid #e3c06a!important;
  border-radius:15px!important;
  background:#fffaf0!important;
  box-shadow:0 3px 9px rgba(110,79,22,.08)!important;
  overflow:hidden!important;
}
.v198-vip-selector-art{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#0a0805!important;
}
.v187-rating-choice.v192-vip-selector .v198-vip-selector-art img{
  width:82px!important;
  height:94px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  display:block!important;
  filter:none!important;
  transform:none!important;
}
.v187-rating-choice.v192-vip-selector.selected{
  border-color:#e8ab1e!important;
  box-shadow:0 0 0 2px rgba(239,177,34,.24),0 4px 10px rgba(110,79,22,.12)!important;
}
.v187-rating-choice.v192-vip-selector.locked{opacity:.52!important}

/* kill the old V197 decorative shell rules */
.v197-vip-shell,.v197-vip-glow{display:none!important}
.v187-rating-choice.v192-vip-selector:before,
.v187-rating-choice.v192-vip-selector:after{content:none!important}

@media(max-width:520px){
 .v187-rating-choice.v192-vip-selector{
   height:90px!important;
   min-height:90px!important;
   padding:3px!important;
   border-radius:13px!important;
 }
 .v198-vip-selector-art{border-radius:10px!important}
 .v187-rating-choice.v192-vip-selector .v198-vip-selector-art img{
   width:70px!important;
   height:82px!important;
 }
}
@media(max-width:380px){
 .v187-rating-choice.v192-vip-selector{
   height:86px!important;
   min-height:86px!important;
 }
 .v187-rating-choice.v192-vip-selector .v198-vip-selector-art img{
   width:66px!important;
   height:78px!important;
 }
}

/* V199 - fixed centered 5+ inside clean black/gold frame */
.v187-rating-choice.v192-vip-selector{
  position:relative!important;
  width:100%!important;
  height:102px!important;
  min-height:102px!important;
  padding:3px!important;
  margin:0!important;
  border:1px solid #e1c27b!important;
  border-radius:15px!important;
  background:#fffaf1!important;
  box-shadow:0 3px 9px rgba(98,68,16,.08)!important;
  overflow:hidden!important;
  display:block!important;
}
.v199-vip-frame{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 50% 40%,rgba(210,145,24,.13),transparent 48%),
    linear-gradient(145deg,#251705 0%,#080706 72%,#151006 100%)!important;
  border:2px solid #dca62d!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,231,158,.16),
    inset 0 0 16px rgba(221,157,27,.08)!important;
}
.v187-rating-choice.v192-vip-selector .v199-vip-frame img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:66px!important;
  height:66px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))!important;
}
.v187-rating-choice.v192-vip-selector.selected .v199-vip-frame{
  border-color:#f1bd3c!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,236,172,.22),
    inset 0 0 18px rgba(229,165,34,.11),
    0 0 0 2px rgba(239,184,50,.16)!important;
}
/* neutralize all older VIP-selector art containers */
.v198-vip-selector-art,.v197-vip-shell,.v197-vip-glow,.v194-vip-card-image,.v192-vip-black-card{
  display:none!important;
}
@media(max-width:520px){
 .v187-rating-choice.v192-vip-selector{
   height:90px!important;
   min-height:90px!important;
   padding:3px!important;
   border-radius:13px!important;
 }
 .v199-vip-frame{border-radius:10px!important}
 .v187-rating-choice.v192-vip-selector .v199-vip-frame img{
   width:58px!important;height:58px!important;
 }
}
@media(max-width:380px){
 .v187-rating-choice.v192-vip-selector{
   height:86px!important;
   min-height:86px!important;
 }
 .v187-rating-choice.v192-vip-selector .v199-vip-frame img{
   width:54px!important;height:54px!important;
 }
}

/* V200 - 5+ selector exactly black/gold, NO white outer card */
.v187-rating-choice.v192-vip-selector{
  position:relative!important;
  width:100%!important;
  height:102px!important;
  min-height:102px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:block!important;
}
.v199-vip-frame{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,190,42,.15),transparent 44%),
    linear-gradient(145deg,#281806 0%,#080706 72%,#151006 100%)!important;
  border:2px solid #e3ad2d!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,236,170,.18),
    inset 0 0 18px rgba(230,163,25,.10),
    0 0 0 1px rgba(112,69,0,.25),
    0 4px 10px rgba(108,65,0,.18)!important;
}
.v199-vip-frame:before{
  content:""!important;
  position:absolute!important;
  inset:5px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,209,78,.28)!important;
  pointer-events:none!important;
}
.v187-rating-choice.v192-vip-selector .v199-vip-frame img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:66px!important;
  height:66px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.50))!important;
}
.v187-rating-choice.v192-vip-selector.selected .v199-vip-frame{
  border-color:#f3c243!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,241,185,.25),
    inset 0 0 20px rgba(242,178,39,.13),
    0 0 0 2px rgba(243,190,54,.18),
    0 5px 12px rgba(109,65,0,.20)!important;
}
.v187-rating-choice.v192-vip-selector.locked{
  opacity:.52!important;
}
@media(max-width:520px){
 .v187-rating-choice.v192-vip-selector{
   height:90px!important;
   min-height:90px!important;
   border-radius:13px!important;
 }
 .v199-vip-frame{border-radius:13px!important}
 .v199-vip-frame:before{inset:4px!important;border-radius:9px!important}
 .v187-rating-choice.v192-vip-selector .v199-vip-frame img{
   width:58px!important;height:58px!important;
 }
}
@media(max-width:380px){
 .v187-rating-choice.v192-vip-selector{
   height:86px!important;
   min-height:86px!important;
 }
 .v187-rating-choice.v192-vip-selector .v199-vip-frame img{
   width:54px!important;height:54px!important;
 }
}

/* V201 - exact reference 5+ VIP card */
.v187-rating-choice.v192-vip-selector{
  position:relative!important;
  width:100%!important;
  height:102px!important;
  min-height:102px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:block!important;
}
.v201-vip-reference-card{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:15px!important;
  background:transparent!important;
}
.v187-rating-choice.v192-vip-selector .v201-vip-reference-card img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  filter:drop-shadow(0 3px 8px rgba(91,57,0,.18))!important;
}
.v187-rating-choice.v192-vip-selector.selected .v201-vip-reference-card img{
  filter:drop-shadow(0 0 5px rgba(255,205,64,.75)) drop-shadow(0 4px 9px rgba(91,57,0,.22))!important;
}
.v199-vip-frame,.v198-vip-selector-art,.v197-vip-shell,.v197-vip-glow,.v194-vip-card-image,.v192-vip-black-card{
  display:none!important;
}
@media(max-width:520px){
 .v187-rating-choice.v192-vip-selector{
   height:90px!important;
   min-height:90px!important;
 }
 .v201-vip-reference-card{border-radius:13px!important}
}
@media(max-width:380px){
 .v187-rating-choice.v192-vip-selector{
   height:86px!important;
   min-height:86px!important;
 }
}

/* V202 - make 1-5 white cards the same visual size as the 5+ card */
.v187-rating-buttons{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:6px!important;
  align-items:stretch!important;
}
.v187-rating-choice:not(.v192-vip-selector){
  height:102px!important;
  min-height:102px!important;
  padding:4px 2px!important;
  border-radius:15px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
.v187-rating-choice:not(.v192-vip-selector) img{
  width:54px!important;
  height:54px!important;
  object-fit:contain!important;
}
.v187-rating-choice:not(.v192-vip-selector) .v187-stars{
  margin-top:4px!important;
  gap:1px!important;
}
.v187-rating-choice:not(.v192-vip-selector) .v187-stars i{
  font-size:8px!important;
}

/* Keep 5+ at exactly the same outer dimensions */
.v187-rating-choice.v192-vip-selector,
.v201-vip-reference-card{
  height:102px!important;
  min-height:102px!important;
}

@media(max-width:520px){
 .v187-rating-buttons{gap:5px!important}
 .v187-rating-choice:not(.v192-vip-selector){
   height:90px!important;
   min-height:90px!important;
   padding:3px 1px!important;
   border-radius:13px!important;
 }
 .v187-rating-choice:not(.v192-vip-selector) img{
   width:47px!important;
   height:47px!important;
 }
 .v187-rating-choice:not(.v192-vip-selector) .v187-stars i{
   font-size:7px!important;
 }
 .v187-rating-choice.v192-vip-selector,
 .v201-vip-reference-card{
   height:90px!important;
   min-height:90px!important;
 }
}
@media(max-width:380px){
 .v187-rating-choice:not(.v192-vip-selector){
   height:86px!important;
   min-height:86px!important;
 }
 .v187-rating-choice:not(.v192-vip-selector) img{
   width:44px!important;
   height:44px!important;
 }
 .v187-rating-choice.v192-vip-selector,
 .v201-vip-reference-card{
   height:86px!important;
   min-height:86px!important;
 }
}

/* V203 - visibly shrink ONLY the white 1-5 cards */
.v187-rating-buttons{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:5px!important;
  align-items:center!important;
}
.v187-rating-choice:not(.v192-vip-selector){
  align-self:center!important;
  height:88px!important;
  min-height:88px!important;
  max-height:88px!important;
  padding:3px 1px!important;
  margin:7px 0!important;
  border-radius:13px!important;
}
.v187-rating-choice:not(.v192-vip-selector) img{
  width:46px!important;
  height:46px!important;
}
.v187-rating-choice:not(.v192-vip-selector) .v187-stars{
  margin-top:4px!important;
}
.v187-rating-choice:not(.v192-vip-selector) .v187-stars i{
  font-size:7.5px!important;
}

/* VIP stays taller and visually premium */
.v187-rating-choice.v192-vip-selector,
.v201-vip-reference-card{
  height:102px!important;
  min-height:102px!important;
  max-height:102px!important;
  margin:0!important;
}

@media(max-width:520px){
 .v187-rating-choice:not(.v192-vip-selector){
   height:78px!important;
   min-height:78px!important;
   max-height:78px!important;
   margin:6px 0!important;
   padding:2px 1px!important;
   border-radius:12px!important;
 }
 .v187-rating-choice:not(.v192-vip-selector) img{
   width:41px!important;
   height:41px!important;
 }
 .v187-rating-choice:not(.v192-vip-selector) .v187-stars i{
   font-size:6.5px!important;
 }
 .v187-rating-choice.v192-vip-selector,
 .v201-vip-reference-card{
   height:90px!important;
   min-height:90px!important;
   max-height:90px!important;
 }
}
@media(max-width:380px){
 .v187-rating-choice:not(.v192-vip-selector){
   height:74px!important;
   min-height:74px!important;
   max-height:74px!important;
   margin:6px 0!important;
 }
 .v187-rating-choice:not(.v192-vip-selector) img{
   width:39px!important;
   height:39px!important;
 }
 .v187-rating-choice.v192-vip-selector,
 .v201-vip-reference-card{
   height:86px!important;
   min-height:86px!important;
   max-height:86px!important;
 }
}

/* V204 premium message emoji picker */
.v204-emoji-panel{
  display:none!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  bottom:58px!important;
  width:auto!important;
  max-width:430px!important;
  max-height:min(440px,62vh)!important;
  padding:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #eadfd2!important;
  box-shadow:0 14px 38px rgba(0,0,0,.20)!important;
  z-index:80!important;
}
.v204-emoji-panel.show{display:flex!important;flex-direction:column!important}
.v204-emoji-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px 9px;background:linear-gradient(180deg,#fff,#fffaf4);border-bottom:1px solid #f0e8df}
.v204-emoji-head>div{display:grid}.v204-emoji-head b{font-size:15px}.v204-emoji-head small{font-size:10px;color:#958779;margin-top:2px}
.v204-emoji-close{width:34px;height:34px;border:0;border-radius:50%;background:#f5f1ed;color:#6e655c;display:grid;place-items:center}
.v204-emoji-close .ico{width:17px;height:17px}
.v204-emoji-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px 10px;background:#fff;border-bottom:1px solid #f1ebe4}
.v204-emoji-tabs button{height:38px;border:0;border-radius:12px;background:#f7f4f1;font-size:18px;display:flex;align-items:center;justify-content:center;gap:3px}
.v204-emoji-tabs button.active{background:#fff1dc;box-shadow:inset 0 0 0 1px #efc88e}
.v204-emoji-tabs .vip-tab{background:linear-gradient(135deg,#211608,#4c3108);color:#ffd45c}
.v204-emoji-tabs .vip-tab.active{box-shadow:0 0 0 2px #e5ad2b44,inset 0 0 0 1px #f0c45a}
.v204-emoji-tabs small{font-size:7px;font-weight:900}
.v204-emoji-body{overflow:auto;padding:10px;overscroll-behavior:contain}
.v204-emoji-grid{display:none!important;grid-template-columns:repeat(7,1fr);gap:5px}
.v204-emoji-grid.active{display:grid!important}
.v204-emoji-item{position:relative;aspect-ratio:1;border:0!important;border-radius:12px!important;background:#faf8f6!important;font-size:23px!important;padding:3px!important;display:grid!important;place-items:center!important;transition:.12s transform,.12s background}
.v204-emoji-item:active{transform:scale(.91);background:#fff0dc!important}
.v204-emoji-item.vip-item{background:linear-gradient(145deg,#201608,#090705)!important;border:1px solid #d4a12c!important;color:#fff}
.v204-emoji-item.vip-item i{position:absolute;right:2px;bottom:2px;font-size:5px;font-style:normal;font-weight:1000;color:#ffd45b;background:#5a3908;border-radius:4px;padding:1px 2px}
.v204-emoji-item.locked{opacity:.38}
.v204-vip-emoji-cta{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;border-radius:12px;padding:9px;background:linear-gradient(135deg,#3e2507,#8b5b0b);color:#ffd85e;font-size:11px;font-weight:900}
.v204-crown-char{font-size:18px}
.v204-emoji-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #eee7df;background:#fffaf5}
.v204-emoji-foot span{font-size:9px;color:#978879}
.v204-emoji-done{border:0;border-radius:999px;background:#ff8a00;color:#fff;padding:7px 13px;font-size:10px;font-weight:900}
@media(max-width:520px){
 .v204-emoji-panel{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;max-width:none!important;max-height:54vh!important;border-radius:18px!important}
 .v204-emoji-grid{grid-template-columns:repeat(7,1fr);gap:4px}
 .v204-emoji-item{font-size:22px!important;border-radius:10px!important}
}
@media(max-width:380px){
 .v204-emoji-grid{grid-template-columns:repeat(6,1fr)}
}

/* V205 — consistent SVG artwork for Games */
.game-svg{width:1em;height:1em;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}
.v205-svg-game-logo{display:grid!important;place-items:center!important;overflow:hidden;background:linear-gradient(145deg,#173f55,#0c2635)!important;border:2px solid #d9b75a!important;color:#ffd65c!important}
.v205-svg-game-logo .game-svg{width:62%;height:62%;filter:drop-shadow(0 3px 3px #0005)}
.v205-svg-game-logo.pirate{background:linear-gradient(145deg,#2b1b12,#090807)!important}
.v205-svg-game-logo.island{background:linear-gradient(145deg,#126a66,#083d50)!important;color:#f3c85b!important}

/* V207 — profile/user verify matches the cleaner group verify badge */
.v207-profile-verified{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#4c9bef!important;color:#fff!important;font-size:12px!important;font-weight:900!important;line-height:18px!important;vertical-align:2px!important;box-shadow:inset 0 0 0 1px #fff8!important}

/* V208 - profile gift overlay alignment/click fix */
.v11-profile-avatar-wrap{position:relative!important;overflow:visible!important}
.profile-featured-gift.v76-profile-gift-rotator.v208-profile-gift{
  position:absolute!important;
  right:-10px!important;
  left:auto!important;
  bottom:-10px!important;
  top:auto!important;
  width:58px!important;
  height:58px!important;
  padding:4px!important;
  display:block!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.96)!important;
  border:2px solid #fff!important;
  box-shadow:0 6px 18px rgba(0,0,0,.20)!important;
  z-index:30!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.v208-profile-gift .v208-gift-glow{
  position:absolute!important;
  inset:3px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#fff7e9,#fff)!important;
  border:1px solid #ead9bd!important;
  z-index:0!important;
}
.v208-profile-gift .v76-profile-gift-img{
  display:none!important;
  position:absolute!important;
  inset:5px!important;
  width:calc(100% - 10px)!important;
  height:calc(100% - 10px)!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  background:transparent!important;
  z-index:1!important;
}
.v208-profile-gift .v76-profile-gift-img.active{
  display:block!important;
  animation:v208GiftSwap .28s ease both!important;
}
@keyframes v208GiftSwap{
  from{opacity:0;transform:scale(.82) rotate(-3deg)}
  to{opacity:1;transform:scale(1) rotate(0)}
}
.v208-profile-gift:active{transform:scale(.96)!important}
@media(max-width:650px){
 .profile-featured-gift.v76-profile-gift-rotator.v208-profile-gift{
   right:-8px!important;
   bottom:-8px!important;
   width:50px!important;
   height:50px!important;
   padding:3px!important;
   border-radius:16px!important;
 }
 .v208-profile-gift .v208-gift-glow{border-radius:12px!important}
 .v208-profile-gift .v76-profile-gift-img{
   inset:4px!important;
   width:calc(100% - 8px)!important;
   height:calc(100% - 8px)!important;
 }
}
/* V209 - gift PNG must stay transparent on profile avatar */
.profile-featured-gift.v76-profile-gift-rotator.v208-profile-gift{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
}
.v208-profile-gift .v208-gift-glow{display:none!important}
.v208-profile-gift .v76-profile-gift-img{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.20));
}
@media(max-width:650px){
 .profile-featured-gift.v76-profile-gift-rotator.v208-profile-gift{
   right:-7px!important;
   bottom:-7px!important;
   width:50px!important;
   height:50px!important;
   padding:0!important;
 }
 .v208-profile-gift .v76-profile-gift-img{inset:0!important;width:100%!important;height:100%!important}
}

/* V210 staff moderation */
.v210-mod-post{padding:16px;border-bottom:1px solid var(--ok-border,#e5e7eb)}
.v210-mod-post:last-child{border-bottom:0}.v210-mod-post-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.v210-mod-post-head .avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.v210-mod-post-head div{display:flex;flex-direction:column;gap:2px}.v210-mod-post-head small{color:var(--ok-muted,#7b8492)}.v210-mod-post-text{line-height:1.5;margin:8px 0 14px;white-space:normal;overflow-wrap:anywhere}.v210-empty{padding:28px;text-align:center;color:var(--ok-muted,#7b8492)}

/* V211: mobile menu replaces the icon navigation row */
@media (max-width:760px){
  body.v211-menu-open .ok-header{display:none!important}
  body.v211-menu-open .layout{padding-top:0!important;margin-top:0!important}
  body.v211-menu-open .mobile-menu-panel{min-height:100vh!important;margin-top:0!important}
  .v211-feed-loader{padding:18px 12px 28px;text-align:center;color:#8b8b8b;font-size:14px;cursor:pointer}
  .v211-feed-loader.loading{opacity:.7}
}

/* V212 — true mobile side drawer: smooth open/close without page reload */
.v212-menu-backdrop,.v212-menu-drawer{display:none}
@media(max-width:760px){
  .v212-menu-backdrop{
    display:block;position:fixed;inset:0;z-index:490;background:rgba(0,0,0,.28);
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s;
  }
  .v212-menu-drawer{
    display:block;position:fixed;left:0;top:0;bottom:0;width:min(100%,520px);z-index:500;
    background:#fff;transform:translate3d(-102%,0,0);will-change:transform;
    transition:transform .34s cubic-bezier(.22,.72,.22,1);box-shadow:12px 0 36px rgba(0,0,0,.12);
    overflow:hidden;touch-action:pan-y;
  }
  body.v212-menu-open{overflow:hidden!important;overscroll-behavior:none}
  body.v212-menu-open .v212-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
  body.v212-menu-open .v212-menu-drawer{transform:translate3d(0,0,0)}
  .v212-menu-drawer.dragging,.v212-menu-backdrop.dragging{transition:none!important}
  .v212-menu-scroll{height:100%;min-height:100%;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;margin:0!important;padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
  .v212-menu-search-form{flex:1;min-width:0}.v212-menu-search-form input{width:100%}
  /* old V211 page-hide behavior is disabled; drawer itself covers the navigation */
  body.v211-menu-open .ok-header{display:block!important}
}
@media(prefers-reduced-motion:reduce){.v212-menu-drawer,.v212-menu-backdrop{transition-duration:.01ms!important}}

/* V214 profile activity / notes */
.v214-profile-tabs{position:relative;overflow:visible!important}.v214-profile-tabs>a{flex:0 0 auto}.v214-more-toggle{border:0;background:transparent;color:#777;font:inherit;padding:17px 0;display:flex;align-items:center;gap:5px;white-space:nowrap}.v214-more-toggle svg{width:17px;height:17px;transition:.18s}.v214-more-toggle.open svg{transform:rotate(180deg)}.v214-more-menu{position:absolute;z-index:120;right:16px;top:58px;width:min(330px,calc(100vw - 42px));max-height:65vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 15px 45px rgba(0,0,0,.18);padding:10px 0;border:1px solid #eee}.v214-more-menu a{display:block!important;padding:13px 28px!important;color:#292929!important;font-size:17px}.v214-more-menu a:after{display:none!important}
.v214-note-entry{padding:0!important;overflow:hidden;border-radius:24px!important}.v214-note-entry-main{display:flex;align-items:center;gap:12px;padding:18px 24px;color:#444}.v214-note-entry-main svg{width:24px;height:24px}.v214-note-quick{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eee}.v214-note-quick a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 5px;color:#666;font-size:12px}.v214-note-quick svg{width:24px;height:24px}
.v214-activity-card{border-radius:24px!important;padding:20px!important}.v214-activity-head,.v214-target-user{display:flex;align-items:center;gap:10px}.v214-activity-label{margin:16px 0 10px;display:flex;align-items:center;gap:8px;font-weight:700}.v214-activity-label svg{width:20px}.v214-activity-target{display:block;background:#f6f4f2;border-radius:18px;padding:14px;color:inherit}.v214-activity-target p{margin:10px 0 0;line-height:1.45}
.v214-note-page{max-width:760px}.v214-note-composer{border-radius:28px!important;padding:0!important;overflow:hidden}.v214-note-composer textarea{width:100%;min-height:48vh;border:0;resize:none;padding:34px;font-size:28px;line-height:1.35;outline:0;background:#fff}.v214-note-privacy{padding:0 28px 18px}.v214-note-privacy label{display:inline-flex;align-items:center;gap:8px;background:#f2efec;padding:12px 16px;border-radius:16px}.v214-note-privacy select{border:0;background:transparent;font-size:16px}.v214-note-tools{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:20px 24px}.v214-note-tools label,.v214-note-tools button,.v214-note-tools>span{height:62px;border:0;border-radius:18px;background:#f2efec;display:flex;align-items:center;justify-content:center}.v214-note-tools input{display:none}.v214-note-tools svg{width:28px;height:28px}.v214-note-tools .active{outline:2px solid var(--v11-orange)}.v214-note-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px 28px}.v214-note-actions .v214-cancel,.v214-note-actions .btn{min-height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.v214-cancel{background:#f2efec;color:#333}.v214-note-actions .btn{background:var(--v11-orange);color:#fff;border:0}
@media(max-width:700px){.v214-profile-tabs{gap:22px!important;overflow-x:auto!important}.v214-profile-tabs .v214-more-menu{position:fixed;left:50%;right:auto;top:42%;transform:translate(-50%,-50%);width:min(470px,calc(100vw - 96px));max-height:62vh}.v214-note-composer textarea{min-height:55vh;padding:28px 30px;font-size:25px}.v214-note-tools{padding:18px 22px;gap:10px}.v214-note-tools label,.v214-note-tools button,.v214-note-tools>span{height:56px}.v214-note-actions{padding:20px 24px}.v214-note-quick span{display:none}}


/* V215 — robust fullscreen mobile menu overlay; replaces mobile icon row while open */
@media(max-width:760px){
  body.v215-menu-open{overflow:hidden!important;overscroll-behavior:none!important}
  body.v215-menu-open .ok-header{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  body.v215-menu-open .v212-menu-drawer{display:block!important;position:fixed!important;inset:0 auto 0 0!important;top:0!important;left:0!important;bottom:0!important;width:min(100%,520px)!important;height:100dvh!important;max-height:100dvh!important;z-index:10010!important;transform:translate3d(0,0,0)!important;background:#fff!important}
  body:not(.v215-menu-open) .v212-menu-drawer{z-index:10010!important;transform:translate3d(-102%,0,0)!important}
  body.v215-menu-open .v212-menu-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:10000!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body:not(.v215-menu-open) .v212-menu-backdrop{z-index:10000!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .v212-menu-drawer,.v212-menu-backdrop{transition:transform .32s cubic-bezier(.22,.72,.22,1),opacity .26s ease,visibility 0s linear .32s!important}
  body.v215-menu-open .v212-menu-drawer,body.v215-menu-open .v212-menu-backdrop{transition-delay:0s!important}
  .v212-menu-scroll{padding-top:0!important;margin-top:0!important;height:100dvh!important;min-height:100dvh!important}
  .v212-menu-drawer .menu-search{margin-top:0!important;padding-top:max(12px,env(safe-area-inset-top))!important;background:#fff!important}
}

/* ===== V217 publish modal + full liked-post activity ===== */
.menu-publish-modal,.menu-compose-modal{z-index:10150!important}
.v217-activity-card{overflow:hidden}
.v217-activity-label{display:flex;align-items:center;gap:8px}
.v217-activity-label>img{width:25px;height:25px;object-fit:contain}
.v217-liked-post{margin-top:14px;border:1px solid #eee7e2;border-radius:22px;overflow:hidden;background:#fff}
.v217-liked-head{display:flex;align-items:center;gap:10px;padding:15px 16px 10px;color:inherit;text-decoration:none}
.v217-liked-head>div{display:grid;gap:2px;min-width:0}.v217-liked-head small{color:#8b8b8b;font-size:13px}
.v217-liked-body-link{display:block;color:inherit;text-decoration:none}.v217-liked-body{padding:8px 16px 16px;font-size:17px;line-height:1.45;white-space:normal}
.v217-liked-body.post-gradient{margin:6px 14px 14px;padding:22px;border-radius:18px;color:#fff;font-size:20px;font-weight:700;text-align:center}
.v217-liked-media{margin:0!important;border-radius:0!important;max-height:520px!important}
.v217-liked-actions{padding:10px 12px 12px!important;border-top:1px solid #f0ece9;margin-top:0!important}
.v217-liked-actions .reaction-main em{font-style:normal;font-size:13px;color:#777;margin-left:2px}
@media(max-width:760px){
  .menu-publish-choice-sheet{z-index:10151}.menu-compose-sheet{z-index:10151}
  .v217-liked-post{border-radius:18px}.v217-liked-actions{gap:7px!important;flex-wrap:nowrap!important}
}

/* ===== V219 unified sane feed media sizing ===== */
/* Keep feed/profile/activity photos and videos inside one predictable visual size. */
.feed-media,
.post-card .feed-media,
.v217-liked-media,
.v214-activity-card .feed-media{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:420px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background:#f3f3f3!important;
}
.feed-video,
.post-card .feed-video,
.v217-liked-media.feed-video,
.v214-activity-card .feed-video{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:420px!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  background:#000!important;
}
@media(max-width:700px){
  .feed-media,
  .post-card .feed-media,
  .v217-liked-media,
  .v214-activity-card .feed-media{
    max-height:360px!important;
  }
  .feed-video,
  .post-card .feed-video,
  .v217-liked-media.feed-video,
  .v214-activity-card .feed-video{
    height:auto!important;
    max-height:360px!important;
    aspect-ratio:16/9!important;
  }
}
@media(max-width:420px){
  .feed-media,
  .post-card .feed-media,
  .v217-liked-media,
  .v214-activity-card .feed-media{
    max-height:320px!important;
  }
  .feed-video,
  .post-card .feed-video,
  .v217-liked-media.feed-video,
  .v214-activity-card .feed-video{
    max-height:320px!important;
  }
}

/* ===== V220 colored post edge-to-edge fix ===== */
/* In profile activity, colored text posts must meet the enclosing post border with no pale gap. */
.v217-liked-body.post-gradient{
  margin:0!important;
  border-radius:0!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding:26px 22px!important;
}
/* Keep the colored block flush to the media/actions below as well. */
.v217-liked-body-link{overflow:hidden!important}
@media(max-width:760px){
  .v217-liked-body.post-gradient{
    margin:0!important;
    border-radius:0!important;
    min-height:180px!important;
    padding:24px 18px!important;
  }
}

/* ===== V221 compact reaction chooser spacing ===== */
/* Keep reaction icons side-by-side instead of stretching them across a wide bar. */
.v14-reaction-popover{
  width:max-content!important;
  max-width:calc(100vw - 20px)!important;
  justify-content:flex-start!important;
  gap:6px!important;
  padding:8px 9px!important;
}
.v14-reaction-popover button{
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  height:50px!important;
}
.v14-reaction-popover img{
  width:42px!important;
  height:42px!important;
}
@media(max-width:650px){
  .v14-reaction-popover{
    width:max-content!important;
    max-width:calc(100vw - 20px)!important;
    left:0!important;
    right:auto!important;
    justify-content:flex-start!important;
    gap:5px!important;
    padding:8px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none;
  }
  .v14-reaction-popover::-webkit-scrollbar{display:none!important}
  .v14-reaction-popover button{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:50px!important;
  }
  .v14-reaction-popover img{width:42px!important;height:42px!important}
}


/* ===== V223 profile online status ===== */
.v223-profile-online{display:flex!important;align-items:center!important;gap:7px!important;color:#35ad6e!important;font-weight:600!important}
.v223-online-pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:#35ad6e;box-shadow:0 0 0 0 rgba(53,173,110,.55);animation:v223OnlinePulse 1.35s ease-in-out infinite}
@keyframes v223OnlinePulse{
  0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(53,173,110,.5)}
  50%{opacity:.35;box-shadow:0 0 0 5px rgba(53,173,110,0)}
}
@media (prefers-reduced-motion:reduce){.v223-online-pulse{animation:none}}


/* ===== V243 MOBILE LANGUAGE SHEET FIX ===== */
@media(max-width:760px){
 .menu-language-row .language-open{cursor:pointer!important}
 .menu-language-row .menu-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important}
 .menu-language-row .menu-icon .ico{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
 .language-sheet-backdrop{display:none;position:fixed!important;inset:0!important;z-index:9998!important;background:rgba(0,0,0,.46)!important}
 .language-sheet-backdrop.show{display:block!important}
 .language-sheet{display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;max-height:78dvh!important;overflow:auto!important;padding:8px 14px calc(14px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;background:#fff!important;color:#202124!important;transform:translateY(110%)!important;transition:transform .22s ease!important;box-shadow:0 -12px 45px rgba(0,0,0,.16)!important}
 .language-sheet.show{transform:translateY(0)!important}
 .language-sheet-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:5px 3px 10px!important}
 .language-sheet-head b{display:flex!important;align-items:center!important;gap:8px!important;font-size:17px!important}
 .language-sheet-head b .ico{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important}
 .language-close{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:#f0f1f4!important;color:#333!important;padding:0!important}
 .language-close .ico{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important}
 .language-sheet-list{border-top:1px solid #eee!important}
 .language-option{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:49px!important;padding:0 8px!important;border-bottom:1px solid #f0f0f2!important;text-decoration:none!important;color:#25262b!important;font-size:15px!important}
 .language-option.active{color:#ff5a24!important;font-weight:850!important}
 .language-check{font-weight:900!important}
 body.no-scroll{overflow:hidden!important}
}


/* ===== V245 MOBILE LANGUAGE FIX ===== */
@media(max-width:760px){
 .language-sheet-backdrop{
   z-index:10100!important;
 }
 .language-sheet{
   z-index:10110!important;
 }
 .language-sheet.show{
   transform:translateY(0)!important;
   visibility:visible!important;
   pointer-events:auto!important;
 }
 .language-sheet-backdrop.show{
   display:block!important;
   visibility:visible!important;
   pointer-events:auto!important;
 }
 body.language-sheet-open{
   overflow:hidden!important;
 }
}