:root{--bg:#0a0b10;--surface:#12131b;--surface2:#1a1c26;--text:#f7f7fb;--muted:#9296a7;--primary:#7c5cff;--primary2:#9c86ff;--danger:#ff5d73;--border:rgba(255,255,255,.08);--radius:20px;--shadow:0 18px 50px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;background:#050509;color:var(--text)}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.desktop-shell{min-height:100vh;display:flex;justify-content:center;background:radial-gradient(circle at top,#17152b 0,#050509 45%)}.app-shell{width:100%;max-width:430px;min-height:100dvh;background:var(--bg);position:relative;padding-bottom:82px;overflow-x:hidden}.topbar,.simple-head,.chat-head{height:60px;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(10,11,16,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:9px;font-size:20px}.brand img{width:38px;height:38px;object-fit:contain}.top-actions{display:flex;gap:10px}.top-actions a,.icon-btn{width:38px;height:38px;border-radius:8px;background:var(--surface2);display:grid;place-items:center;border:0;color:var(--text);font-size:20px}.splash-body{background:#080910}.splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.splash-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:#7c5cff33;filter:blur(70px)}.splash img{width:180px;position:relative;filter:drop-shadow(0 24px 32px rgba(0,0,0,.35));animation:bob 1.6s ease-in-out infinite}.splash h1{font-size:40px;margin:4px 0 0}.splash p{color:var(--muted);margin:6px 0 26px}.loader{width:128px;height:5px;border-radius:99px;background:#ffffff17;overflow:hidden}.loader i{display:block;width:40%;height:100%;background:linear-gradient(90deg,var(--primary),#b879ff);border-radius:inherit;animation:load 1.2s infinite}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(350%)}}@keyframes bob{50%{transform:translateY(-8px)}}.welcome,.auth{min-height:calc(100dvh - 20px);padding:38px 24px;display:flex;flex-direction:column;justify-content:center}.hero-mascot{width:220px;align-self:center;filter:drop-shadow(0 22px 30px rgba(0,0,0,.35))}.pill{align-self:flex-start;padding:8px 12px;border-radius:99px;background:#7c5cff1d;border:1px solid #7c5cff55;color:#b9adff;font-size:13px}.welcome h1,.auth h1{font-size:34px;line-height:1.04;margin:18px 0 10px}.welcome p,.auth>p{color:var(--muted);line-height:1.6}.stack{display:grid;gap:12px;margin-top:24px}.btn{border:0;border-radius:8px;padding:14px 18px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--primary),#9567ff);color:white;box-shadow:0 10px 26px #7c5cff2f}.btn.ghost{background:var(--surface2);border:1px solid var(--border);color:var(--text)}.btn.small{padding:9px 13px;border-radius:8px;font-size:13px}.auth-logo{width:118px;align-self:center}.form-card{display:grid;gap:14px;background:var(--surface);padding:18px;border-radius:8px;border:1px solid var(--border);box-shadow:var(--shadow)}label{display:grid;gap:7px;font-size:13px;color:#c8cadd}input,textarea,select{width:100%;background:#0d0e14;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:13px 14px;outline:none}input:focus,textarea:focus{border-color:#7c5cff88;box-shadow:0 0 0 3px #7c5cff19}.alert{background:#ff5d7317;border:1px solid #ff5d7345;color:#ff9cab;padding:12px 14px;border-radius:8px;margin-bottom:14px}.center{text-align:center}.composer-mini{padding:14px 14px 8px;display:flex;gap:10px;align-items:center}.composer-mini img,.post-head img,.comment img,.conversation-row img,.search-user img,.notif img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--surface2)}.composer-placeholder{flex:1;background:var(--surface);border:1px solid var(--border);padding:13px 16px;border-radius:8px;color:var(--muted)}.stories{display:flex;gap:12px;overflow-x:auto;padding:10px 14px 16px;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.story{width:70px;flex:0 0 70px;text-align:center}.story img,.story>span{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--primary);padding:2px;background:var(--surface2)}.story>span{display:grid;place-items:center;font-size:30px;color:white}.story small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px;color:#d1d3db}.feed{padding-bottom:8px}.post{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:10px;padding:14px 0}.post-head{display:flex;gap:10px;padding:0 14px;align-items:center}.post-head>div{flex:1;min-width:0}.name,.post-head b{font-weight:780}.post-head small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.post-text{padding:12px 14px;font-size:15.5px;line-height:1.5;white-space:normal}.post-media img,.post-media video{width:100%;max-height:520px;object-fit:cover;display:block;background:#08090d}.post-stats{display:flex;justify-content:space-between;padding:10px 14px 7px;color:var(--muted);font-size:12px}.post-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);margin-top:4px;padding:7px 8px 0}.post-actions a,.post-actions button{border:0;background:none;color:#b6b9c8;padding:9px 4px;border-radius:8px;font-weight:650}.post-actions .active{color:#ff6279}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(430px,100%);height:72px;padding:8px 10px calc(7px + env(safe-area-inset-bottom));background:rgba(14,15,22,.92);backdrop-filter:blur(20px);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);z-index:30}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8f93a5}.bottom-nav a span{font-size:21px}.bottom-nav small{font-size:10px}.bottom-nav .active{color:#fff}.create-fab span{width:44px;height:38px;border-radius:8px;background:linear-gradient(135deg,var(--primary),#9c68ff);display:grid;place-items:center;color:white!important;font-size:25px!important;box-shadow:0 8px 24px #7c5cff55}.empty{text-align:center;padding:40px 24px;color:var(--muted)}.empty img{width:120px}.empty h3{color:var(--text);margin-bottom:6px}.empty.small{padding-top:65px}.simple-head>a:first-child{font-size:30px}.section-pad,.settings,.comments{padding:14px}.section-pad h2{font-size:19px}.user-scroll{display:flex;gap:10px;overflow:auto;padding:4px 0 18px}.user-card{width:116px;flex:0 0 116px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 9px;text-align:center}.user-card img{width:58px;height:58px;border-radius:50%;object-fit:cover}.user-card b,.user-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card b{font-size:13px;margin-top:7px}.user-card small{color:var(--muted);font-size:11px}.discover-grid,.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.discover-grid a,.profile-grid a{aspect-ratio:1/1;background:var(--surface)}.discover-grid img,.profile-grid img{width:100%;height:100%;object-fit:cover}.text-tile{width:100%;height:100%;padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;background:linear-gradient(135deg,#17182a,#282047);overflow:hidden}.profile-head{padding-bottom:10px}.cover{height:148px;background:radial-gradient(circle at 30% 20%,#aa86ff,#5138b8 50%,#1b1537)}.profile-main{padding:0 16px;position:relative}.profile-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;border:5px solid var(--bg);margin-top:-46px;background:var(--surface2)}.profile-actions{position:absolute;right:15px;top:12px;display:flex;gap:8px}.profile-actions form{display:inline}.profile-main h1{margin:9px 0 2px;font-size:23px}.handle{color:var(--muted);font-size:13px}.verified{color:#8f7cff}.profile-main p{color:#c5c7d2;font-size:14px}.profile-stats{display:flex;gap:22px;color:var(--muted);font-size:13px}.profile-stats b{color:var(--text)}.author-row{display:flex;gap:10px;align-items:center;margin-bottom:14px}.author-row img{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-row small{display:block;color:var(--muted)}.create-card{padding:18px}.create-card form{display:grid;gap:14px}.create-card textarea{min-height:160px;background:transparent;border:0;font-size:18px;padding:8px 0;resize:none}.upload-box{border:1px dashed #ffffff22;padding:18px;border-radius:8px;display:flex;align-items:center;gap:10px;color:#d7d8e0}.upload-box input{display:none}.comment-form{display:flex;gap:8px;align-items:center;margin-bottom:18px}.comment-form img{width:38px;height:38px}.comment-form input{flex:1}.comment-form button{width:42px;height:42px;border:0;border-radius:8px;background:var(--primary);color:white}.comment{display:flex;gap:10px;margin-bottom:14px}.comment>div{background:var(--surface);border-radius:8px;padding:10px 12px;flex:1}.comment p{margin:5px 0}.comment small{color:var(--muted)}.search-box{display:flex;gap:8px;margin-bottom:18px}.search-box button{width:48px;border:0;border-radius:8px;background:var(--primary);color:white}.search-user,.conversation-row,.notif{display:flex;align-items:center;gap:11px;padding:12px 3px;border-bottom:1px solid var(--border)}.search-user>div,.conversation-row>div,.notif>div{flex:1;min-width:0}.search-user small,.conversation-row p,.notif small{color:var(--muted);font-size:12px;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--primary);display:grid;place-items:center;font-size:11px}.list-title{display:flex;justify-content:space-between;align-items:center}.list-title>a{font-size:25px}.chat-head>a:nth-child(2){display:flex;align-items:center;gap:8px;flex:1;margin-left:8px}.chat-head img{width:38px;height:38px;border-radius:50%;object-fit:cover}.chat-head small{display:block;color:var(--muted);font-size:11px}.chat{height:calc(100dvh - 124px);overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:7px}.bubble{max-width:77%;align-self:flex-start;background:var(--surface2);padding:10px 12px;border-radius:8px 8px 8px 6px}.bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#6f55ed,#8d65ff);border-radius:8px 8px 6px 8px}.bubble small{display:block;font-size:9px;opacity:.65;text-align:right;margin-top:4px}.chat-input{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(430px,100%);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);display:flex;gap:8px}.chat-input input{flex:1}.chat-input button{width:42px;border:0;border-radius:8px;background:var(--surface2);color:white}.chat-input button:last-child{background:var(--primary)}.avatar-edit{display:flex;align-items:center;gap:16px}.avatar-edit img{width:76px;height:76px;border-radius:50%;object-fit:cover}.avatar-edit label{padding:10px 13px;background:var(--surface2);border-radius:8px}.avatar-edit input{display:none}.settings-list{margin-top:14px;background:var(--surface);border-radius:8px;border:1px solid var(--border);overflow:hidden}.settings-list a{padding:15px 16px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border)}.community-card{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.community-icon{width:48px;height:48px;border-radius:8px;background:#7c5cff22;display:grid;place-items:center;font-size:25px}.community-card p,.community-card small{color:var(--muted);margin:3px 0;font-size:12px}.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:100;width:min(360px,calc(100% - 28px));padding:12px 14px;border-radius:8px;background:#1f2130;box-shadow:var(--shadow);animation:toastin .2s ease}.toast.success{border:1px solid #68e0a244}.toast.error{border:1px solid #ff5d7344}@keyframes toastin{from{opacity:0;transform:translate(-50%,10px)}}.story-view{background:#000;min-height:100dvh;overflow:hidden}.story-view header{position:fixed;top:12px;left:12px;right:12px;z-index:3;display:flex;align-items:center;gap:8px;color:white}.story-view header>a{font-size:26px}.story-view header img{width:38px;height:38px;border-radius:50%;object-fit:cover}.story-view header small{opacity:.65}.story-media,.story-view video{width:100vw;height:100dvh;object-fit:contain;background:#000}.story-caption{position:fixed;bottom:40px;left:18px;right:18px;text-align:center;font-size:18px;text-shadow:0 2px 10px #000}.story-progress{position:fixed;top:6px;left:10px;right:10px;height:3px;background:#ffffff33;z-index:4;border-radius:9px}.story-progress i{display:block;height:100%;background:white;animation:story 7s linear forwards}@keyframes story{from{width:0}to{width:100%}}.admin-wrap{max-width:1000px;margin:auto;padding:20px}.admin-wrap header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.admin-wrap header img{width:70px}.admin-wrap header div{flex:1}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-stats div{background:var(--surface);padding:22px;border-radius:8px;border:1px solid var(--border)}.admin-stats b{font-size:28px;display:block}.admin-stats span{color:var(--muted)}.admin-links{margin-top:16px;background:var(--surface);border-radius:8px;overflow:hidden}.admin-links a{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.admin-user{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--border)}.admin-user img{width:44px;height:44px;border-radius:50%;object-fit:cover}.admin-user small{display:block;color:var(--muted)}.report-card{background:var(--surface);border:1px solid var(--border);padding:14px;border-radius:8px;margin:10px 0}@media(max-width:650px){.admin-stats{grid-template-columns:1fr 1fr}}@media(min-width:431px){.app-shell{box-shadow:0 0 0 1px #ffffff08,0 35px 90px #000}}

/* ===== Mooky Welcome 2027 ===== */
.mooky-welcome{
  min-height:100dvh;
  position:relative;
  overflow:hidden;
  padding:calc(env(safe-area-inset-top) + 18px) 22px calc(env(safe-area-inset-bottom) + 22px);
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 88% 8%,rgba(124,92,255,.18),transparent 31%),
    radial-gradient(circle at 8% 46%,rgba(255,151,72,.10),transparent 28%),
    linear-gradient(180deg,#08090f 0%,#0b0c13 55%,#090a10 100%);
}
.welcome-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.75}
.orb-one{width:260px;height:260px;right:-135px;top:70px;background:radial-gradient(circle,rgba(124,92,255,.20),rgba(124,92,255,0) 68%)}
.orb-two{width:240px;height:240px;left:-150px;bottom:170px;background:radial-gradient(circle,rgba(255,134,62,.12),rgba(255,134,62,0) 68%)}
.ambient-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 68%)}
.welcome-brand{position:relative;z-index:2;display:flex;align-items:center;gap:10px;height:42px;font-size:20px;font-weight:850;letter-spacing:-.03em}
.brand-mark{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#1a1c28,#11121a);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 25px rgba(0,0,0,.2)}
.brand-mark img{width:34px;height:34px;object-fit:contain}
.brand-badge{margin-left:auto;padding:6px 9px;border-radius:99px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#9ea2b2;font-size:10px;letter-spacing:.12em;font-weight:800}
.welcome-hero{position:relative;z-index:2;display:flex;flex-direction:column;flex:1;padding-top:18px}
.mascot-stage{height:280px;position:relative;display:grid;place-items:center;margin:0 -10px}
.mascot-glow{position:absolute;width:215px;height:215px;border-radius:50%;background:radial-gradient(circle,rgba(255,153,74,.18),rgba(124,92,255,.08) 48%,transparent 72%);filter:blur(10px);animation:mookyPulse 3.4s ease-in-out infinite}
.welcome-mascot{position:relative;z-index:2;width:214px;max-height:214px;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.45));animation:mookyFloat 3.8s ease-in-out infinite}
.status-pill{position:absolute;z-index:3;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 12px;border-radius:99px;background:rgba(17,19,28,.82);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px);font-size:11px;color:#dfe1ea;box-shadow:0 12px 34px rgba(0,0,0,.28)}
.status-pill i{width:7px;height:7px;border-radius:50%;background:#57e39a;box-shadow:0 0 0 4px rgba(87,227,154,.10),0 0 12px rgba(87,227,154,.55)}
.float-dot{position:absolute;border-radius:50%;background:linear-gradient(135deg,#9a7cff,#684cff);box-shadow:0 0 24px rgba(124,92,255,.5);opacity:.75}
.dot-a{width:8px;height:8px;left:35px;top:85px;animation:dotFloat 4s ease-in-out infinite}
.dot-b{width:5px;height:5px;right:42px;top:62px;animation:dotFloat 3.3s ease-in-out infinite reverse}
.dot-c{width:6px;height:6px;right:62px;bottom:55px;background:linear-gradient(135deg,#ffb067,#ff7b42);box-shadow:0 0 20px rgba(255,139,66,.45);animation:dotFloat 4.5s ease-in-out infinite .5s}
.welcome-copy{text-align:left;margin-top:-2px}
.eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:13px;padding:7px 10px;border-radius:10px;background:rgba(124,92,255,.10);border:1px solid rgba(124,92,255,.20);font-size:11px;font-weight:750;color:#c5bbff;letter-spacing:.02em}
.eyebrow span{color:#ffae6a}
.welcome-copy h1{margin:0;font-size:41px;line-height:.98;letter-spacing:-.055em;font-weight:900;max-width:360px}
.welcome-copy h1 em{font-style:normal;background:linear-gradient(95deg,#a38cff,#7559ff 48%,#ff9d59 110%);-webkit-background-clip:text;background-clip:text;color:transparent}
.welcome-copy p{margin:15px 0 0;color:#9da1b2;line-height:1.58;font-size:14px;max-width:360px}
.feature-chips{display:flex;gap:8px;overflow-x:auto;margin:18px -22px 0;padding:0 22px 5px;scrollbar-width:none}
.feature-chips::-webkit-scrollbar{display:none}
.feature-chips span{flex:0 0 auto;padding:9px 11px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075);color:#c7c9d4;font-size:11px;font-weight:650}
.welcome-actions{position:relative;z-index:3;display:grid;gap:10px;margin-top:18px}
.welcome-btn{min-height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:850;letter-spacing:-.02em;transition:transform .18s ease,filter .18s ease,border-color .18s ease}
.welcome-btn:active{transform:scale(.985)}
.welcome-btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#7659ff,#9367ff 65%,#a070ff);color:white;box-shadow:0 18px 38px rgba(124,92,255,.25),inset 0 1px rgba(255,255,255,.22)}
.welcome-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.17) 45%,transparent 65%);transform:translateX(-120%);animation:buttonShine 4.8s ease-in-out infinite}
.welcome-btn-primary span{position:relative;z-index:1}
.welcome-btn-primary b{position:absolute;right:16px;z-index:1;width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:18px}
.welcome-btn-secondary{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.085);color:#ececf3;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.welcome-legal{margin:4px 8px 0!important;text-align:center!important;color:#656979!important;font-size:9.5px!important;line-height:1.45!important}
.welcome-legal a{color:#8f83c8}
@keyframes mookyFloat{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-9px) rotate(.8deg)}}
@keyframes mookyPulse{0%,100%{transform:scale(.95);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes dotFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-13px) scale(1.22)}}
@keyframes buttonShine{0%,68%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}
@media(max-height:760px){
  .mooky-welcome{padding-top:calc(env(safe-area-inset-top) + 13px);padding-bottom:calc(env(safe-area-inset-bottom) + 15px)}
  .welcome-hero{padding-top:8px}
  .mascot-stage{height:222px}
  .welcome-mascot{width:174px;max-height:174px}
  .status-pill{bottom:10px}
  .welcome-copy h1{font-size:35px}
  .welcome-copy p{font-size:13px;margin-top:11px}
  .feature-chips{margin-top:12px}
  .welcome-actions{margin-top:12px}
  .welcome-btn{min-height:51px}
}
@media(prefers-reduced-motion:reduce){.welcome-mascot,.mascot-glow,.float-dot,.welcome-btn-primary:before{animation:none}}

/* ===== Mooky 2027 — full app skin v4 ===== */
:root{
  --bg:#08090f;--surface:#11131c;--surface2:#171a25;--surface3:#1d2030;
  --text:#f6f6fb;--muted:#969aac;--primary:#7b5cff;--primary2:#a171ff;
  --orange:#ff9a57;--success:#57e39a;--danger:#ff6179;--border:rgba(255,255,255,.075);
  --radius:20px;--shadow:0 20px 55px rgba(0,0,0,.32)
}
.desktop-shell{background:radial-gradient(circle at 50% -10%,#1b1732 0,#07080d 43%,#030407 100%)}
.app-shell{background:linear-gradient(180deg,#090a10,#0a0b11 58%,#08090f);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 30px 100px rgba(0,0,0,.6)}
.topbar,.simple-head,.chat-head{background:rgba(9,10,16,.84);border-bottom-color:rgba(255,255,255,.065);backdrop-filter:blur(24px) saturate(145%)}
.brand strong{letter-spacing:-.04em}.brand img{filter:drop-shadow(0 5px 8px rgba(0,0,0,.25))}
.top-actions a,.icon-btn{background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.composer-mini{margin:10px 12px 2px;padding:10px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.022));box-shadow:0 14px 35px rgba(0,0,0,.16)}
.composer-placeholder{background:#0d0f17;border-color:rgba(255,255,255,.07)}
.stories{padding-top:12px}.story img,.story>span{border-color:#8b68ff;box-shadow:0 0 0 3px rgba(124,92,255,.09)}
.post{margin:10px 12px 14px;padding:14px 0 9px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(160deg,#12141e,#0f1119);box-shadow:0 18px 44px rgba(0,0,0,.18);overflow:hidden}
.post-media img,.post-media video{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.post-actions{border-top-color:rgba(255,255,255,.06)}
.bottom-nav{height:76px;background:rgba(10,11,17,.92);border-top-color:rgba(255,255,255,.07);box-shadow:0 -18px 45px rgba(0,0,0,.22)}
.bottom-nav a{border-radius:8px;transition:.2s}.bottom-nav a.active{color:#fff;background:linear-gradient(180deg,rgba(124,92,255,.10),transparent)}
.create-fab span{background:linear-gradient(135deg,#7658ff,#9b6dff 70%,#ff9658);box-shadow:0 10px 26px rgba(124,92,255,.38)}
.section-pad{padding:16px}.section-pad>h2,.list-title h2{font-size:22px;letter-spacing:-.035em}
.user-card,.conversation-row,.search-user,.notif,.settings-list a,.report-card{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.022));border:1px solid rgba(255,255,255,.065);border-radius:8px}
.conversation-row,.search-user,.notif{margin-bottom:9px;padding:11px 12px}
.discover-grid{gap:6px}.discover-grid>a{border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#11131c}
.profile-head .cover{background:radial-gradient(circle at 75% 10%,rgba(255,154,87,.35),transparent 35%),linear-gradient(135deg,#6e54ff,#171a2b 62%,#10121a)}
.profile-avatar{box-shadow:0 0 0 5px #0a0b11,0 14px 35px rgba(0,0,0,.4)}
.create-card,.form-card{background:linear-gradient(155deg,#13151f,#0f1119);border-color:rgba(255,255,255,.075)}
input,textarea,select{background:#0b0d14;border-color:rgba(255,255,255,.08)}
input:focus,textarea:focus,select:focus{border-color:rgba(124,92,255,.75);box-shadow:0 0 0 4px rgba(124,92,255,.11)}
.btn.primary{background:linear-gradient(135deg,#7559ff,#9b6dff 70%,#ae78ff);box-shadow:0 13px 30px rgba(124,92,255,.23)}
.chat{background:radial-gradient(circle at 50% 0%,rgba(124,92,255,.07),transparent 30%)}
.bubble{background:#171a25;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 20px rgba(0,0,0,.12)}.bubble.mine{background:linear-gradient(135deg,#6f54ef,#875cff)}
.chat-input{background:rgba(9,10,16,.94);backdrop-filter:blur(20px);border-top-color:rgba(255,255,255,.07)}
.toast{border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(0,0,0,.35)}

/* Auth pages */
.mooky-auth{position:relative;min-height:100dvh;overflow:hidden;padding:calc(env(safe-area-inset-top) + 10px) 18px calc(env(safe-area-inset-bottom) + 24px);background:radial-gradient(circle at 90% 4%,rgba(124,92,255,.19),transparent 29%),radial-gradient(circle at 7% 42%,rgba(255,148,79,.08),transparent 24%),linear-gradient(180deg,#08090f 0%,#0b0c13 55%,#090a10 100%)}
.auth-ambient{position:absolute;inset:0;pointer-events:none}.auth-ambient:after{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 62%)}
.auth-ambient i{position:absolute;border-radius:50%;filter:blur(2px)}.auth-ambient i:nth-child(1){width:210px;height:210px;right:-105px;top:80px;background:radial-gradient(circle,rgba(124,92,255,.18),transparent 70%)}.auth-ambient i:nth-child(2){width:180px;height:180px;left:-115px;top:400px;background:radial-gradient(circle,rgba(255,153,83,.09),transparent 70%)}.auth-ambient i:nth-child(3){width:6px;height:6px;right:48px;top:235px;background:#9a7cff;box-shadow:0 0 22px #7c5cff}
.auth-brandbar{position:relative;z-index:2;height:48px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center}.auth-back{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:28px;color:#d9d9e3}.auth-brand{justify-self:center;display:flex;align-items:center;gap:8px;font-size:18px;letter-spacing:-.035em}.auth-brand>span{width:34px;height:34px;border-radius:8px;background:#151723;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center}.auth-brand img{width:31px;height:31px;object-fit:contain}.auth-version{justify-self:end;font-size:9px;letter-spacing:.12em;color:#747888;border:1px solid rgba(255,255,255,.07);padding:5px 7px;border-radius:99px}
.auth-stage{position:relative;z-index:2;padding:4px 4px 0}.auth-mascot-wrap{height:182px;display:grid;place-items:center;position:relative}.auth-mascot-glow{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,154,87,.14),rgba(124,92,255,.07) 45%,transparent 70%);filter:blur(8px)}.auth-mascot{position:relative;width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 20px 25px rgba(0,0,0,.4));animation:mookyFloat 4s ease-in-out infinite}.auth-online{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 9px;border-radius:99px;background:rgba(16,18,27,.82);border:1px solid rgba(255,255,255,.08);font-size:9.5px;color:#c9ccd6;backdrop-filter:blur(12px)}.auth-online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);margin-right:5px;box-shadow:0 0 0 3px rgba(87,227,154,.1)}
.auth-copy{text-align:left}.auth-kicker{display:inline-flex;padding:6px 9px;border-radius:9px;background:rgba(124,92,255,.09);border:1px solid rgba(124,92,255,.18);font-size:10.5px;font-weight:750;color:#c8c0ff}.auth-copy h1,.register-hero h1{font-size:36px;line-height:.98;letter-spacing:-.055em;margin:12px 0 10px;font-weight:900}.auth-copy h1 em,.register-hero h1 em{font-style:normal;background:linear-gradient(95deg,#a18aff,#7358ff 52%,#ff9a58 115%);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-copy p,.register-intro{font-size:13px;line-height:1.55;color:#989cac;margin:0 0 16px}
.auth-alert{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding:11px 12px;border:1px solid rgba(255,97,121,.23);border-radius:8px;background:rgba(255,97,121,.075)}.auth-alert>span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,97,121,.13);color:#ff8fa0;font-weight:900}.auth-alert b{font-size:12px}.auth-alert small{display:block;color:#d8a3ab;font-size:10.5px;margin-top:2px;line-height:1.35}
.auth-card{display:grid;gap:12px;padding:15px;border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.075);box-shadow:0 20px 55px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.03);backdrop-filter:blur(14px)}.auth-field{gap:6px;color:#cfd1db;font-size:11px;font-weight:700}.auth-input{height:50px;display:flex;align-items:center;border-radius:8px;background:#0b0d14;border:1px solid rgba(255,255,255,.075);transition:.2s}.auth-input:focus-within{border-color:rgba(124,92,255,.68);box-shadow:0 0 0 4px rgba(124,92,255,.09)}.auth-input>b{width:42px;display:grid;place-items:center;color:#777d91;font-size:14px}.auth-input input{height:100%;padding:0 8px 0 0;border:0;background:transparent;box-shadow:none!important;font-size:13px}.auth-input input::placeholder{color:#555a69}.password-toggle{border:0;background:transparent;color:#9488ce;font-size:10px;font-weight:800;padding:0 12px}.field-hint{font-size:9.5px;color:#666b7b;padding-left:2px}
.auth-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.remember{display:flex;align-items:center;gap:7px;color:#858a9a;font-size:10px}.remember input,.terms-check input{display:none}.remember>span,.terms-check>span{width:16px;height:16px;border-radius:5px;border:1px solid rgba(255,255,255,.12);background:#0c0e15;position:relative;flex:0 0 auto}.remember input:checked+span,.terms-check input:checked+span{background:linear-gradient(135deg,#775aff,#9568ff);border-color:transparent}.remember input:checked+span:after,.terms-check input:checked+span:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900}.auth-link{font-size:10px;color:#a99cff}.auth-submit{height:54px;border:0;border-radius:8px;background:linear-gradient(135deg,#7256f7,#9366ff 68%,#a773ff);color:white;font-weight:850;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 16px 34px rgba(124,92,255,.24);overflow:hidden}.auth-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.14) 45%,transparent 65%);transform:translateX(-130%);animation:buttonShine 5s ease-in-out infinite}.auth-submit span{position:relative;z-index:1}.auth-submit b{position:absolute;right:12px;z-index:1;width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:16px}.auth-submit:active{transform:scale(.99)}
.auth-separator{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:16px 6px 12px}.auth-separator span{height:1px;background:rgba(255,255,255,.065)}.auth-separator b{font-size:9px;color:#626777;text-transform:uppercase;letter-spacing:.08em}.auth-switch{display:block;text-align:center;font-size:11px;color:#838898}.auth-switch strong{color:#b1a6ef}.auth-foot{text-align:center;color:#555a69;font-size:8.5px;line-height:1.5;margin:15px 18px 0}
.register-stage{padding-top:12px}.register-hero{display:grid;grid-template-columns:100px 1fr;gap:8px;align-items:center}.register-mascot{height:100px;display:grid;place-items:center;position:relative}.register-mascot span{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(255,151,80,.14),transparent 70%)}.register-mascot img{width:88px;height:88px;object-fit:contain;position:relative;filter:drop-shadow(0 13px 18px rgba(0,0,0,.35))}.register-hero h1{font-size:30px;margin:7px 0 0}.register-intro{margin:5px 2px 12px}.register-progress{height:29px;display:flex;align-items:center;gap:5px;margin:0 2px 10px}.register-progress i{height:4px;flex:1;border-radius:99px;background:rgba(255,255,255,.07)}.register-progress i.active{background:linear-gradient(90deg,#7258ff,#9c71ff)}.register-progress span{font-size:9px;color:#747989;margin-left:4px;white-space:nowrap}.register-card{gap:10px}.strength{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:4px;margin-top:1px}.strength i{height:3px;border-radius:99px;background:rgba(255,255,255,.07)}.strength small{font-size:8.5px;color:#636879;margin-left:3px}.strength.s1 i:nth-child(1),.strength.s2 i:nth-child(-n+2),.strength.s3 i:nth-child(-n+3),.strength.s4 i:nth-child(-n+4){background:linear-gradient(90deg,#7659ff,#b17bff)}.terms-check{display:flex;align-items:flex-start;gap:8px;color:#7f8494}.terms-check p{font-size:9.5px;line-height:1.45;margin:0}.terms-check a{color:#a89be8}
@media(max-height:760px){.auth-mascot-wrap{height:138px}.auth-mascot{width:104px;height:104px}.auth-online{bottom:0}.auth-copy h1{font-size:31px}.auth-copy p{margin-bottom:11px}.auth-card{gap:9px;padding:13px}.auth-input{height:46px}.auth-submit{height:50px}.auth-separator{margin:11px 6px 9px}.auth-foot{margin-top:10px}.register-stage{padding-top:5px}.register-hero{grid-template-columns:82px 1fr}.register-mascot{height:82px}.register-mascot img{width:72px;height:72px}.register-hero h1{font-size:27px}.register-intro{font-size:11.5px;margin-bottom:7px}.register-progress{margin-bottom:6px}.register-card{gap:8px}.mooky-register .auth-input{height:43px}.mooky-register .auth-submit{height:48px}}
@media(prefers-reduced-motion:reduce){.auth-mascot,.auth-submit:before{animation:none}}

/* === MOOKY 1.1 / mobile polish === */
.auth-v5,.welcome-v5,.whatsnew-page{min-height:100dvh}
.auth-brandbar-clean{height:52px;grid-template-columns:46px 1fr 46px}
.auth-brand-plain{gap:9px;font-size:20px;font-weight:900}.auth-brand-plain img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}.auth-brand-plain>span{display:none!important}
.register-stage-v5{padding:28px 2px 18px}.register-copy-v5{padding:0 6px 6px}.register-copy-v5 h1{max-width:340px;margin:12px 0 10px;font-size:42px;line-height:.98;letter-spacing:-.06em;font-weight:950}.register-copy-v5 h1 em{font-style:normal;background:linear-gradient(100deg,#a78cff,#7659ff 55%,#ff9b58 118%);-webkit-background-clip:text;background-clip:text;color:transparent}.register-copy-v5 p{max-width:360px;margin:0;color:#989cad;font-size:13px;line-height:1.55}
.register-progress-v5{display:flex;height:auto;align-items:center;justify-content:space-between;margin:18px 6px 12px}.register-progress-v5>div{display:flex;gap:6px;flex:1;max-width:230px}.register-progress-v5 i{height:4px;background:rgba(255,255,255,.075)}.register-progress-v5 i.active{background:linear-gradient(90deg,#7b5cff,#aa73ff)}.register-progress-v5 span{font-size:9.5px;color:#707585;margin-left:12px}
.register-card-v5,.login-card-v5{border-radius:8px;padding:18px;background:linear-gradient(165deg,rgba(255,255,255,.062),rgba(255,255,255,.025));border-color:rgba(255,255,255,.085)}.form-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:2px}.form-section-title b{font-size:13px}.form-section-title small{font-size:9px;color:#666c7d;text-align:right}.register-card-v5 .auth-field,.login-card-v5 .auth-field{font-size:10.5px}.register-card-v5 .auth-input,.login-card-v5 .auth-input{height:52px;border-radius:8px;background:rgba(7,9,15,.92)}
.auth-switch-card{margin-top:12px;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:rgba(255,255,255,.025)}
.login-stage-v5{padding:58px 2px 22px}.login-hero-v5{padding:0 6px 22px}.login-hero-v5 h1{font-size:46px;line-height:.95;letter-spacing:-.065em;margin:13px 0 13px;font-weight:950}.login-hero-v5 h1 em{font-style:normal;background:linear-gradient(95deg,#a88eff,#795bff 50%,#ff9c59 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.login-hero-v5 p{font-size:13px;line-height:1.55;color:#979bab;margin:0;max-width:365px}.new-user-card{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:14px 15px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.065)}.new-user-card span{font-size:10.5px;color:#777c8d}.new-user-card a{font-size:11px;color:#b5aaff;font-weight:850}.new-user-card b{margin-left:5px}
.welcome-brand-v5{padding-top:calc(env(safe-area-inset-top) + 6px)}.brand-mark-plain{background:transparent!important;border:0!important;box-shadow:none!important}.brand-mark-plain img{width:44px!important;height:44px!important;filter:drop-shadow(0 9px 16px rgba(0,0,0,.28))}.welcome-hero-v5{padding-top:18px}.mascot-stage-v5{height:250px}.mascot-stage-v5 .welcome-mascot{width:196px;height:196px}.welcome-copy-v5 h1{font-size:44px;line-height:.97;letter-spacing:-.06em}.welcome-copy-v5 p{font-size:13.5px;line-height:1.55}.compact-chips{gap:7px}.compact-chips span{padding:8px 10px;font-size:9.5px}.welcome-actions-v5{padding-bottom:calc(env(safe-area-inset-bottom) + 18px)}.welcome-whatsnew{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:11px;color:#73788a;font-size:9.5px}.welcome-whatsnew span{color:#a898ff;font-size:14px}
.whatsnew-page{position:relative;padding-bottom:calc(env(safe-area-inset-bottom) + 24px);background:radial-gradient(circle at 100% 0,rgba(124,92,255,.19),transparent 28%),linear-gradient(180deg,#08090f,#0a0b12 55%,#08090e)}.whatsnew-head{padding-top:calc(env(safe-area-inset-top) + 8px)}.version-pill{font-size:9px!important;border:1px solid rgba(255,255,255,.08);border-radius:99px;padding:5px 8px;color:#8e84c6}.whatsnew-hero{padding:32px 24px 18px;text-align:center}.whatsnew-hero img{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.35))}.whatsnew-hero>span{display:block;margin-top:10px;font-size:8.5px;letter-spacing:.16em;color:#8a7fe0}.whatsnew-hero h1{margin:8px 0 8px;font-size:36px;letter-spacing:-.055em}.whatsnew-hero p{margin:0 auto;color:#9599a9;font-size:12.5px;line-height:1.55;max-width:330px}.whatsnew-list{display:grid;gap:9px;padding:8px 16px}.whatsnew-list article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.whatsnew-list article>div{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:rgba(124,92,255,.1);font-size:20px}.whatsnew-list b{font-size:12px}.whatsnew-list p{margin:4px 0 0;color:#7f8495;font-size:10.5px;line-height:1.45}.whatsnew-cta{display:flex;margin:14px 16px 0;height:54px;align-items:center;justify-content:center;gap:10px;border-radius:8px;background:linear-gradient(135deg,#7357f7,#9568ff);font-weight:850;font-size:12px;box-shadow:0 15px 34px rgba(124,92,255,.22)}
@media(max-width:380px){.mooky-auth{padding-left:14px;padding-right:14px}.register-copy-v5 h1{font-size:38px}.login-hero-v5 h1{font-size:41px}.welcome-copy-v5 h1{font-size:40px}.register-card-v5,.login-card-v5{padding:15px}.mascot-stage-v5{height:220px}.mascot-stage-v5 .welcome-mascot{width:176px;height:176px}}
@media(max-height:720px){.register-stage-v5{padding-top:15px}.register-copy-v5 h1{font-size:36px}.register-copy-v5 p{font-size:11.5px}.register-progress-v5{margin-top:12px}.register-card-v5{padding:14px;gap:8px}.register-card-v5 .auth-input{height:46px}.login-stage-v5{padding-top:25px}.login-hero-v5{padding-bottom:14px}.login-hero-v5 h1{font-size:39px}.login-card-v5{padding:14px}.login-card-v5 .auth-input{height:47px}}

/* === MOOKY 1.3 SOCIAL APP / PREMIUM === */
:root{--mooky-bg:#07080e;--mooky-card:#11131b;--mooky-card2:#171925;--mooky-line:rgba(255,255,255,.075);--mooky-text:#f7f7fb;--mooky-muted:#858a9b;--mooky-violet:#7d5cff;--mooky-violet2:#a77bff;--mooky-orange:#ff9a58}
body{background:#03040a}.app-shell{background:radial-gradient(circle at 95% -10%,rgba(124,92,255,.13),transparent 26%),linear-gradient(180deg,#090a11 0,#07080e 100%)}
.social-topbar{height:68px;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;background:rgba(8,9,15,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.04)}
.brand-clean{gap:8px}.brand-clean img{width:35px;height:35px;object-fit:contain;background:transparent;border:0;box-shadow:none}.brand-clean strong{font-size:21px;letter-spacing:-.04em}.premium-crown{font-size:12px;color:#d8c2ff;text-shadow:0 0 16px #8d6bff}.top-actions{gap:8px}.top-pill{width:35px!important;height:35px!important;border-radius:8px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.065)!important;font-size:18px!important}.top-avatar-link{width:35px;height:35px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#8a68ff,#ff9c5a)}.top-avatar-link img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #0b0c13}
.home-hero-strip{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:20px 17px 12px}.home-hero-strip h1{margin:4px 0 2px;font-size:26px;letter-spacing:-.045em}.home-hero-strip p{margin:0;color:var(--mooky-muted);font-size:11px}.eyebrow{font-size:8px;letter-spacing:.16em;font-weight:900;color:#8e7de2}.mini-premium-btn{display:flex;align-items:center;gap:5px;padding:9px 11px;border-radius:8px;background:linear-gradient(135deg,rgba(123,91,255,.16),rgba(255,154,88,.09));border:1px solid rgba(157,123,255,.2);font-size:9.5px;font-weight:900;color:#d8cbff}
.stories-v2{padding:7px 14px 14px;gap:12px;border:0}.stories-v2 .story{min-width:58px;width:58px}.story-ring{position:relative;width:54px;height:54px;border-radius:50%;padding:2px;background:rgba(255,255,255,.075)}.story-ring.active{background:linear-gradient(140deg,#7c5cff,#b06fff,#ff985a)}.story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #0a0b12}.story-ring i{position:absolute;right:-1px;bottom:0;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#7c5cff;color:#fff;border:2px solid #0a0b12;font-style:normal;font-size:13px}.stories-v2 small{max-width:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px;font-size:8.5px;color:#a5a8b6}
.composer-card{margin:0 14px 14px;padding:12px;display:grid;grid-template-columns:40px 1fr 34px;align-items:center;gap:10px;border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.023));border:1px solid var(--mooky-line)}.composer-card>a:first-child img{width:40px;height:40px;border-radius:50%;object-fit:cover}.composer-placeholder{display:flex;flex-direction:column;gap:2px;min-width:0}.composer-placeholder b{font-size:11px}.composer-placeholder span{font-size:9px;color:#74798a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-media{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:rgba(124,92,255,.1);color:#9d87ff;border:1px solid rgba(124,92,255,.15)}
.feed-v2{padding:0 10px calc(90px + env(safe-area-inset-bottom));display:grid;gap:10px}.post-v2{margin:0;border-radius:8px;background:linear-gradient(160deg,#12141d,#0e1017);border:1px solid rgba(255,255,255,.065);overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.14)}.post-v2 .post-head{padding:14px 14px 8px;align-items:center}.post-avatar{position:relative;display:block;flex:0 0 42px}.post-avatar>img{width:42px!important;height:42px!important;border-radius:50%;object-fit:cover}.post-avatar>i{position:absolute;right:-2px;bottom:-2px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#8a68ff;color:#fff;font-style:normal;font-size:9px;border:2px solid #11131b}.post-author{flex:1;min-width:0}.post-author>div{display:flex;align-items:center;gap:5px}.post-author .name,.post-author b{font-size:11.5px;font-weight:900}.post-author small{display:block;margin-top:2px;color:#74798b;font-size:8.5px}.verified{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#7c5cff;color:#fff;font-size:8px}.post-menu{width:31px!important;height:31px!important;font-size:11px!important;background:transparent!important;color:#74798a!important}.post-v2 .post-text{padding:6px 14px 11px;font-size:12px;line-height:1.55;color:#eff0f5}.post-media-v2{display:block;margin:0 9px;border-radius:8px;overflow:hidden;background:#08090f}.post-media-v2 img,.post-media-v2 video{display:block;width:100%;max-height:520px;object-fit:cover;border:0}.post-meta{display:flex;justify-content:space-between;align-items:center;padding:11px 14px 7px;color:#787d8d;font-size:8.5px}.reaction-stack{display:flex;align-items:center}.reaction-stack span{width:18px;height:18px;display:grid;place-items:center;margin-right:-5px;border-radius:50%;font-size:8px;background:#6e4ff1;border:2px solid #11131b}.reaction-stack span:nth-child(2){background:#db6f3f}.reaction-stack b{margin-left:8px;font-size:8.5px;color:#9195a3}.post-actions-v2{display:grid;grid-template-columns:1fr 1fr 1fr 36px;margin:0 10px;padding:7px 0 9px;border-top:1px solid rgba(255,255,255,.055)}.post-actions-v2>*{min-width:0;height:38px;border:0;background:transparent;color:#808596;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:750}.post-actions-v2 .action-ico{font-size:16px}.post-actions-v2 .like-btn.active{color:#b291ff}.save-btn{width:36px}.modern-empty{margin-top:20px;border-radius:8px}
.app-tabs{height:72px;padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:rgba(10,11,18,.94);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06)}.app-tabs>a{gap:2px}.app-tabs .nav-ico{font-size:19px}.app-tabs small{font-size:7.5px}.app-tabs a.active{color:#a792ff}.app-tabs .create-fab{width:48px;height:48px;margin-top:-15px;border-radius:8px;background:linear-gradient(135deg,#7455f3,#9d69ff);box-shadow:0 11px 30px rgba(124,92,255,.34);border:3px solid #0b0c13}.app-tabs .create-fab span{font-size:26px}
.explore-hero{padding:24px 16px 16px}.explore-hero h1{font-size:32px;line-height:1;letter-spacing:-.055em;margin:7px 0}.explore-hero p{font-size:11px;color:#838899;margin:0 0 17px}.search-launch{height:46px;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);color:#757a8c;font-size:10px}.search-launch:first-letter{font-size:18px}.section-block{padding:10px 14px 15px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.section-title small{display:block;font-size:7.5px;letter-spacing:.15em;color:#7366bd;font-weight:900}.section-title h2{font-size:17px;margin:3px 0 0;letter-spacing:-.035em}.section-title>a{font-size:8.5px;color:#9785f5}.people-cards{display:flex;gap:9px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.person-card{min-width:125px;padding:14px 10px 12px;text-align:center;border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.022));border:1px solid rgba(255,255,255,.065)}.person-avatar{position:relative;width:60px;height:60px;margin:0 auto 8px}.person-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.person-avatar i{position:absolute;right:0;bottom:2px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#7c5cff;font-style:normal;font-size:8px}.person-card b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card small{display:block;color:#727789;font-size:8px;margin:2px 0 8px}.person-card>span{display:inline-flex;padding:6px 9px;border-radius:99px;background:rgba(124,92,255,.1);color:#a794ff;font-size:7.5px;font-weight:850}.trend-chips{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.trend-chips span{white-space:nowrap;padding:8px 11px;border-radius:99px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);font-size:8.5px;color:#a1a5b2}.discover-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:7px}.discover-tile{position:relative;min-height:150px;border-radius:8px;overflow:hidden;background:#12141d}.discover-tile img{width:100%;height:100%;min-height:150px;object-fit:cover}.discover-tile .text-tile{height:100%;min-height:150px;padding:15px;background:radial-gradient(circle at 100% 0,rgba(124,92,255,.18),transparent 40%),#141620}.discover-tile .text-tile span{font-size:7.5px;color:#8d7ee6}.discover-tile .text-tile p{font-size:11px;line-height:1.4}.discover-tile>i{position:absolute;bottom:8px;left:8px;padding:5px 7px;border-radius:99px;background:rgba(4,5,10,.7);backdrop-filter:blur(8px);font-style:normal;font-size:7.5px}.explore-content{padding-bottom:95px}
.detail-head{background:rgba(8,9,15,.9);backdrop-filter:blur(16px)}.head-more{border:0;background:transparent;color:#8a8f9f}.post-detail-wrap{padding:12px 10px 0}.post-v2.detail{border-radius:8px}.detail-text{font-size:13px!important}.comments-v2{padding:15px 12px 35px}.comments-title{display:flex;align-items:center;gap:7px;padding:0 4px 11px}.comments-title b{font-size:13px}.comments-title span{font-size:8px;color:#74798a}.comment-form-v2{display:grid;grid-template-columns:38px 1fr 34px;gap:9px;align-items:center;padding:10px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.comment-form-v2>img{width:38px;height:38px;border-radius:50%;object-fit:cover}.comment-form-v2>div{min-width:0}.comment-form-v2 input{width:100%;border:0;background:transparent;padding:0;color:#fff;font-size:10.5px}.comment-form-v2 small{display:block;margin-top:3px;color:#5f6474;font-size:7.5px}.comment-form-v2 button{width:34px;height:34px;border:0;border-radius:8px;background:#7c5cff;color:#fff}.comment-v2{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:13px 3px 0}.comment-v2>img{width:34px;height:34px;border-radius:50%;object-fit:cover}.comment-bubble{padding:10px 11px;border-radius:8px;background:rgba(255,255,255,.035)}.comment-bubble>div{display:flex;align-items:center;gap:5px}.comment-bubble b{font-size:9.5px}.comment-bubble small{margin-left:auto;font-size:7px;color:#646979}.comment-bubble p{font-size:10px;line-height:1.45;margin:5px 0}.comment-actions{display:flex;gap:12px}.comment-actions button{padding:0;border:0;background:transparent;color:#777c8c;font-size:7.5px}.comments-empty{text-align:center;padding:30px;color:#707586;font-size:10px}
.profile-v2{position:relative}.profile-cover-v2{height:155px;position:relative;overflow:hidden;background:linear-gradient(135deg,#151128,#0c0e18 55%,#221220)}.profile-cover-v2:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 30%,rgba(124,92,255,.34),transparent 35%),radial-gradient(circle at 85% 15%,rgba(255,151,84,.17),transparent 28%)}.profile-v2.is-premium .profile-cover-v2:after{background:radial-gradient(circle at 25% 30%,rgba(147,99,255,.45),transparent 36%),radial-gradient(circle at 85% 12%,rgba(255,157,84,.3),transparent 30%)}.profile-back,.profile-settings{position:absolute;z-index:3;top:calc(env(safe-area-inset-top) + 11px);width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:rgba(8,9,14,.45);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);font-size:22px}.profile-back{left:13px}.profile-settings{right:13px;font-size:13px}.profile-card-v2{position:relative;margin-top:-1px;padding:0 16px 15px;background:linear-gradient(180deg,#0b0c13,#090a10)}.profile-avatar-row{height:56px;display:flex;justify-content:space-between;align-items:flex-start}.profile-avatar-wrap{position:relative;transform:translateY(-42px)}.profile-avatar-wrap .profile-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:5px solid #0b0c13;background:#0b0c13}.premium-avatar-badge{position:absolute;right:0;bottom:5px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8f6bff,#ff9a5b);color:white;font-style:normal;border:3px solid #0b0c13;font-size:10px}.profile-actions{display:flex;gap:7px;padding-top:10px}.profile-actions form{margin:0}.profile-actions .square{width:39px;padding:0}.profile-name-line{display:flex;align-items:center;gap:6px}.profile-name-line h1{font-size:21px;letter-spacing:-.04em;margin:0}.profile-premium{font-size:6.8px;letter-spacing:.08em;padding:4px 6px;border-radius:99px;color:#d8c8ff;background:rgba(132,95,255,.1);border:1px solid rgba(147,110,255,.18)}.profile-card-v2 .handle{font-size:9px;color:#777c8d;margin-top:3px}.profile-bio{font-size:10.5px;line-height:1.5;color:#c9cbd3;margin:11px 0}.profile-stats-v2{display:grid;grid-template-columns:repeat(3,1fr);padding:11px 0;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}.profile-stats-v2 a{text-align:center}.profile-stats-v2 b{display:block;font-size:13px}.profile-stats-v2 span{display:block;margin-top:2px;font-size:7.5px;color:#74798b}.profile-premium-banner{margin-top:12px;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:8px;background:linear-gradient(135deg,rgba(124,92,255,.11),rgba(255,154,88,.055));border:1px solid rgba(140,103,255,.15)}.profile-premium-banner>div{display:flex;align-items:center;gap:9px}.profile-premium-banner>div>span{width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:#7c5cff}.profile-premium-banner p{margin:0}.profile-premium-banner b{display:block;font-size:9px}.profile-premium-banner small{font-size:7px;color:#777c8c}.profile-tabs{display:grid;grid-template-columns:repeat(3,1fr);height:48px;background:#090a10;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.055)}.profile-tabs button{border:0;background:transparent;color:#616676;font-size:13px}.profile-tabs button span{font-size:8px;margin-left:4px}.profile-tabs button.active{color:#a48cff;box-shadow:inset 0 -2px #8565ff}.profile-grid-v2{padding:5px 5px 90px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.profile-grid-v2>a{position:relative;min-height:145px;border-radius:8px;overflow:hidden;background:#12141d}.profile-grid-v2 img{width:100%;height:100%;min-height:145px;object-fit:cover}.profile-grid-v2 .text-tile{height:100%;min-height:145px;padding:13px;background:linear-gradient(145deg,#171927,#10121a)}.profile-grid-v2 .text-tile small{font-size:7px;color:#74798a}.profile-grid-v2 .text-tile p{font-size:10px;line-height:1.45}.grid-stats{position:absolute;left:7px;bottom:7px;padding:5px 7px;border-radius:99px;background:rgba(5,6,11,.67);backdrop-filter:blur(8px);font-size:6.8px}.profile-no-posts{grid-column:1/-1;text-align:center;padding:45px 20px;color:#74798b}.profile-no-posts span{font-size:30px}.profile-no-posts b{display:block;color:#fff;margin:8px 0 4px;font-size:11px}.profile-no-posts p{font-size:8px}
.premium-page{padding:0 14px calc(92px + env(safe-area-inset-bottom))}.premium-head{background:#090a11}.premium-hero{text-align:center;padding:24px 10px 15px}.premium-logo{position:relative;width:102px;height:102px;margin:0 auto 12px}.premium-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 17px 26px rgba(0,0,0,.35))}.premium-logo i{position:absolute;right:4px;bottom:4px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8a67ff,#ff9a58);font-style:normal;border:3px solid #090a11}.premium-hero h1{font-size:35px;line-height:.98;letter-spacing:-.06em;margin:8px 0 10px;background:linear-gradient(100deg,#fff 10%,#bfaeff 62%,#ffad73 115%);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-hero p{max-width:330px;margin:0 auto;color:#858a9b;font-size:10px;line-height:1.55}.premium-status{display:inline-flex;margin-top:13px;padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065);font-size:8px;color:#8e93a4}.premium-status.active{color:#d9cbff;border-color:rgba(145,108,255,.2);background:rgba(124,92,255,.1)}.premium-benefits{display:grid;gap:8px;margin-top:12px}.premium-benefits article{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.premium-benefits article>span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,92,255,.17),rgba(255,154,88,.09));color:#b5a0ff;font-size:16px}.premium-benefits b{font-size:10px}.premium-benefits p{margin:3px 0 0;color:#74798a;font-size:8px;line-height:1.4}.premium-plan{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:15px;border-radius:8px;background:linear-gradient(135deg,rgba(124,92,255,.13),rgba(255,154,88,.06));border:1px solid rgba(150,113,255,.17)}.premium-plan span{font-size:7px;letter-spacing:.13em;color:#9987f1}.premium-plan h2{font-size:15px;margin:3px 0}.premium-plan p{font-size:8px;margin:0;color:#74798a}.premium-plan strong{font-size:22px}.premium-cta{margin-top:12px}.premium-gradient{background:linear-gradient(135deg,#7354ef,#9d69ff 55%,#d47d77);box-shadow:0 14px 34px rgba(124,92,255,.23)}.wide{width:100%;height:50px;border-radius:8px}.premium-note{display:block;text-align:center;margin-top:8px;color:#5e6372;font-size:7px}.settings-premium-row{background:linear-gradient(135deg,rgba(124,92,255,.08),rgba(255,154,88,.04))!important}.settings-premium-row>span{display:flex!important;flex-direction:column;gap:2px}.settings-premium-row b{color:#c9bcff;font-size:10px}.settings-premium-row small{font-size:7.5px;color:#707586}
@media(max-width:380px){.home-hero-strip h1{font-size:23px}.post-v2 .post-text{font-size:11px}.post-actions-v2>*{font-size:8px}.explore-hero h1{font-size:29px}.premium-hero h1{font-size:31px}.profile-avatar-wrap .profile-avatar{width:82px;height:82px}.profile-avatar-row{height:50px}.person-card{min-width:116px}}

/* ===== Mooky v8 — social app polish ===== */
:root{--v8-bg:#090b11;--v8-card:#11141c;--v8-card2:#171a24;--v8-line:rgba(255,255,255,.075);--v8-muted:#9298a9;--v8-purple:#8068ff;--v8-purple2:#a66cff;--v8-danger:#ff5d75;--v8-green:#49d89c}
.app-shell{background:radial-gradient(circle at 50% -10%,rgba(128,104,255,.11),transparent 28%),var(--v8-bg);min-height:100dvh;padding-bottom:86px}.app-page-head{position:sticky;top:0;z-index:30;background:rgba(9,11,17,.86)!important;backdrop-filter:blur(20px);border-bottom:1px solid var(--v8-line)}
.home-welcome,.messages-title{display:flex;align-items:flex-end;justify-content:space-between;padding:20px 18px 10px}.home-welcome h1,.messages-title h1,.page-intro h1{margin:3px 0 0;font-size:28px;letter-spacing:-1px}.home-welcome p,.page-intro p{margin:5px 0 0;color:var(--v8-muted);font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#9a8cff}.premium-chip{padding:8px 10px;border:1px solid rgba(184,139,255,.24);background:rgba(126,88,255,.12);border-radius:999px;color:#d9ceff;font-size:11px;font-weight:800}
.stories-v3{padding:8px 14px 13px;border-bottom:1px solid var(--v8-line);gap:11px}.stories-v3 .story{min-width:65px}.stories-v3 .story-ring{width:59px;height:59px;background:linear-gradient(140deg,#8e6cff,#ff8f5d);padding:2px}.stories-v3 .story-ring img{border:3px solid #0c0e14}.composer-v3{margin:13px 12px;padding:12px;border:1px solid var(--v8-line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border-radius:8px;display:flex;align-items:center;gap:10px}.composer-v3>img{width:40px;height:40px;border-radius:50%;object-fit:cover}.composer-v3>a:nth-child(2){flex:1;display:flex;flex-direction:column}.composer-v3 b{font-size:13px}.composer-v3 span{color:var(--v8-muted);font-size:11px;margin-top:2px}.composer-plus{width:34px;height:34px;border-radius:8px;background:#7b63ff;display:grid;place-items:center;color:#fff;font-size:21px!important}
.feed-v3{display:grid;gap:10px;padding:0 10px 12px}.social-post{background:linear-gradient(180deg,#12151e,#0f1219)!important;border:1px solid var(--v8-line)!important;border-radius:8px!important;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.13)}.social-post .post-head{padding:13px 13px 8px}.post-avatar img{width:43px;height:43px;border-radius:50%;object-fit:cover}.post-author{min-width:0;flex:1}.name-line{display:flex;align-items:center;gap:5px;min-width:0}.name-line .name,.name-line b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-author small{color:var(--v8-muted);font-size:11px}.social-post .post-text{padding:7px 14px 12px;font-size:14px;line-height:1.48}.post-media-v3{margin:0 8px;border-radius:8px;overflow:hidden;display:block;background:#06070a}.post-media-v3 img,.post-media-v3 video{width:100%;display:block;max-height:520px;object-fit:cover}.social-post .post-meta{padding:10px 13px 8px;color:var(--v8-muted);font-size:11px;border-bottom:1px solid var(--v8-line);display:flex;justify-content:space-between}.social-post .post-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:5px}.social-post .post-actions>*{border:0;background:none;color:#a7adbb;padding:8px 2px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:16px}.social-post .post-actions small{font-size:10px}.social-post .post-actions .active{color:#ff6780}.social-post .post-actions .save-btn.active{color:#a88cff}.icon-btn{border:0;background:transparent;color:#9ba1af;min-width:34px;min-height:34px;border-radius:50%;font-weight:800}.icon-btn:active{background:rgba(255,255,255,.05)}
.user-badges{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;flex-wrap:wrap}.user-badge{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;padding:0;overflow:visible;color:#fff;font-size:9px;font-weight:900}.user-badge .role-badge-icon{display:block;width:19px;height:19px;object-fit:contain;border-radius:5px}.user-badge i{font-style:normal}.user-badge em{display:none}.badge-beta{width:19px;height:19px;border-radius:6px!important;background:linear-gradient(135deg,#23bad7,#7c6cff)!important}.badge-custom{width:auto;min-width:19px;height:19px;border-radius:999px!important;padding:0 5px;background:color-mix(in srgb,var(--badge-color) 22%,#151821)!important;color:var(--badge-color);border:1px solid color-mix(in srgb,var(--badge-color) 40%,transparent)!important}.profile-badges-large .user-badges{flex-wrap:wrap;gap:8px;margin:10px 0 2px}.profile-badges-large .user-badge{width:auto;height:30px;min-width:30px;padding:0 8px;border-radius:10px;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;gap:6px}.profile-badges-large .user-badge .role-badge-icon{width:22px;height:22px;border-radius:7px}.profile-badges-large .user-badge em{display:inline;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.15px;color:#f7f7fb;text-transform:none}.profile-badges-large .badge-beta,.profile-badges-large .badge-custom{padding:0 9px}.profile-badges-large .badge-beta{background:linear-gradient(135deg,rgba(35,186,215,.22),rgba(124,108,255,.22))!important}
.profile-page{background:#0b0d13}.profile-cover{height:150px;background:linear-gradient(145deg,#5136b9,#191833 55%,#11141b);background-size:cover;background-position:center;position:relative}.round-back,.round-settings{position:absolute;top:16px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(4,5,9,.55);backdrop-filter:blur(10px);color:#fff;font-size:24px}.round-back{left:14px}.round-settings{right:14px;font-size:15px}.profile-main{padding:0 16px 16px}.profile-avatar-line{display:flex;justify-content:space-between;align-items:flex-end;margin-top:-41px}.profile-avatar-wrap{position:relative}.profile-avatar-wrap img{width:90px;height:90px;border-radius:50%;border:5px solid #0b0d13;object-fit:cover;background:#151820}.profile-avatar-wrap i{position:absolute;right:3px;bottom:4px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#8f63ff;border:3px solid #0b0d13;font-style:normal}.profile-buttons{display:flex;gap:7px;padding-bottom:6px}.profile-identity{margin-top:9px}.profile-name h1{font-size:23px;letter-spacing:-.7px;margin:0}.profile-identity>span{font-size:12px;color:var(--v8-muted)}.profile-identity p{font-size:13px;line-height:1.45;margin:9px 0 0;color:#d4d7df}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0 10px;border:1px solid var(--v8-line);border-radius:8px;overflow:hidden}.profile-stats a{padding:10px;text-align:center;border-right:1px solid var(--v8-line)}.profile-stats a:last-child{border:0}.profile-stats b{display:block;font-size:16px}.profile-stats small{color:var(--v8-muted);font-size:9px}.profile-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.profile-shortcuts a{padding:10px 8px;background:#12151d;border:1px solid var(--v8-line);border-radius:8px;display:flex;flex-direction:column;gap:2px}.profile-shortcuts span{font-size:16px;color:#9c8aff}.profile-shortcuts b{font-size:10px}.profile-shortcuts small{font-size:9px;color:var(--v8-muted)}.profile-tabs{position:sticky;top:54px;z-index:20;background:#0b0d13;border-bottom:1px solid var(--v8-line);display:grid!important;grid-template-columns:repeat(3,1fr)!important}.profile-tabs button{padding:13px 4px!important;font-size:11px!important}.profile-post-list{padding:10px;display:grid;gap:8px}.profile-post-card{display:flex;background:#11141c;border:1px solid var(--v8-line);border-radius:8px;overflow:hidden;min-height:88px}.profile-post-card>img{width:94px;object-fit:cover}.profile-post-card>div{padding:11px;min-width:0}.profile-post-card small,.profile-post-card span{color:var(--v8-muted);font-size:9px}.profile-post-card p{font-size:12px;line-height:1.35;margin:5px 0 7px}
.page-intro{padding:15px 2px 16px}.empty-card{margin:14px 0;padding:28px 20px;background:#11141c;border:1px dashed rgba(255,255,255,.12);border-radius:8px;text-align:center}.empty-card>span{font-size:28px;color:#8c75ff}.empty-card h3{margin:8px 0 5px;font-size:16px}.empty-card p{margin:0 0 14px;color:var(--v8-muted);font-size:12px}.messages-page,.notifications-page,.settings-page{padding:0 12px 18px}.search-fake{margin:5px 4px 13px;height:42px;border-radius:8px;background:#12151e;border:1px solid var(--v8-line);display:flex;align-items:center;gap:8px;padding:0 13px;color:var(--v8-muted);font-size:12px}.online-dot{width:10px;height:10px;border-radius:50%;background:var(--v8-green);box-shadow:0 0 0 5px rgba(73,216,156,.1)}.conversation-row-v2,.person-row,.notif-v2,.saved-card{display:flex;align-items:center;gap:11px;padding:11px 4px;border-bottom:1px solid var(--v8-line)}.avatar-presence{position:relative}.avatar-presence img,.person-row img,.notif-v2 img,.saved-card img{width:48px;height:48px;border-radius:50%;object-fit:cover}.avatar-presence i{position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:#49d89c;border:2px solid #0b0d13}.conversation-main,.person-row>div,.notif-v2>div,.saved-card>div{flex:1;min-width:0}.conversation-main p,.notif-v2 p,.saved-card p{margin:3px 0 0;color:var(--v8-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.conversation-meta small,.person-row small,.notif-v2 small,.saved-card small{font-size:9px;color:var(--v8-muted)}.conversation-meta span{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#7862ff;color:#fff;font-size:9px;display:grid;place-items:center}.community-grid{display:grid;gap:10px}.community-card-v2{border:1px solid var(--v8-line);border-radius:8px;overflow:hidden;background:#11141c}.community-cover{height:64px;background:linear-gradient(135deg,#2e255f,#141827);display:flex;align-items:center;padding:0 16px}.community-cover span{font-size:26px;color:#a993ff}.community-body{padding:12px}.community-body p{font-size:11px;color:var(--v8-muted);line-height:1.4;margin:5px 0}.community-body small{font-size:9px;color:#73798a}.community-body form{margin-top:9px}.settings-profile-preview{display:flex;align-items:center;gap:10px;padding:14px 2px;position:relative}.settings-profile-preview img{width:52px;height:52px;border-radius:50%;object-fit:cover}.settings-profile-preview>div:last-child{display:flex;flex-direction:column}.settings-profile-preview small{color:var(--v8-muted);font-size:10px}.settings-editor{background:#11141c;border:1px solid var(--v8-line);border-radius:8px;padding:13px;display:grid;gap:11px}.settings-editor label{font-size:10px;color:#b6bbc8;display:grid;gap:6px}.settings-editor input,.settings-editor textarea,.admin-form input,.admin-form select{background:#0b0d13;border:1px solid var(--v8-line);border-radius:8px;color:#fff;padding:11px;outline:none}.settings-editor label>small{text-align:right;color:#6f7584}.upload-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upload-pair label{padding:10px;background:#171a24;border-radius:8px}.upload-pair input{padding:0;border:0;font-size:9px}.settings-group{margin-top:18px}.settings-group h3{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#6f7584;padding:0 6px}.settings-group>a{display:flex;align-items:center;gap:10px;padding:11px 5px;border-bottom:1px solid var(--v8-line)}.settings-group>a>div{flex:1;display:flex;flex-direction:column}.settings-group b{font-size:12px}.settings-group small{font-size:9px;color:var(--v8-muted);margin-top:2px}.settings-icon{width:34px;height:34px;border-radius:11px;background:#181c26;display:grid;place-items:center;color:#9c8aff}.settings-icon.premium{background:rgba(140,90,255,.13);color:#bd9aff}.settings-icon.admin{background:rgba(255,105,105,.12);color:#ff8a8a}.text-danger{color:#ff6c80!important;font-size:11px!important}.editor-page{padding:16px}.editor-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.editor-user img{width:43px;height:43px;border-radius:50%;object-fit:cover}.editor-user>div{display:flex;flex-direction:column}.editor-user small{font-size:10px;color:var(--v8-muted)}.editor-textarea{width:100%;background:#11141c;color:#fff;border:1px solid var(--v8-line);border-radius:8px;padding:14px;resize:none;font:inherit;line-height:1.45;outline:none}.edit-media-preview{margin:12px 0;background:#11141c;border-radius:8px;overflow:hidden;border:1px solid var(--v8-line)}.edit-media-preview img,.edit-media-preview video{width:100%;max-height:300px;object-fit:cover;display:block}.edit-media-preview small{display:block;padding:8px 10px;color:var(--v8-muted)}.select-row{margin:12px 0;padding:10px 12px;background:#11141c;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.select-row select{background:#171a24;color:#fff;border:1px solid var(--v8-line);border-radius:10px;padding:8px}.full{width:100%}
.comments-v3{padding:14px 12px 40px}.comments-title{display:flex;justify-content:space-between;align-items:center;padding:0 2px 10px}.comment-form-v3{display:flex;align-items:center;gap:8px;background:#11141c;border:1px solid var(--v8-line);border-radius:8px;padding:7px 8px;margin-bottom:12px}.comment-form-v3 img{width:33px;height:33px;border-radius:50%;object-fit:cover}.comment-form-v3 input{flex:1;background:none;border:0;color:#fff;outline:none;font-size:12px}.comment-form-v3 button{width:32px;height:32px;border:0;border-radius:10px;background:#7962ff;color:#fff}.comment-v3{display:flex;align-items:flex-start;gap:9px;padding:10px 2px;border-bottom:1px solid var(--v8-line)}.comment-v3>img{width:35px;height:35px;border-radius:50%;object-fit:cover}.comment-main{flex:1}.comment-top{display:flex;justify-content:space-between;align-items:center}.comment-menu-btn{border:0;background:none;color:#6f7584}.comment-main p{font-size:12px;line-height:1.4;margin:4px 0}.comment-main>small{font-size:9px;color:var(--v8-muted)}
.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;transition:.22s;z-index:90}.sheet-backdrop.open{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;left:50%;bottom:0;width:min(100%,430px);transform:translate(-50%,105%);background:#141720;border:1px solid rgba(255,255,255,.08);border-radius:8px 8px 0 0;z-index:100;padding:8px 12px calc(18px + env(safe-area-inset-bottom));transition:transform .25s ease}.bottom-sheet.open{transform:translate(-50%,0)}.sheet-handle{width:38px;height:4px;border-radius:99px;background:#464b58;margin:2px auto 9px}.sheet-title{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 9px}.sheet-title button{border:0;background:#20242e;color:#fff;width:30px;height:30px;border-radius:50%;font-size:18px}.sheet-actions{display:grid}.sheet-actions>a,.sheet-actions>button{border:0;background:none;color:#fff;display:flex;align-items:center;gap:12px;padding:12px 6px;text-align:left;border-top:1px solid var(--v8-line)}.sheet-actions>*>span{width:38px;height:38px;border-radius:8px;background:#20242e;display:grid;place-items:center;font-size:17px}.sheet-actions>*>div{display:flex;flex-direction:column}.sheet-actions b{font-size:12px}.sheet-actions small{font-size:9px;color:var(--v8-muted);margin-top:2px}.sheet-actions .danger{color:#ff6b7e}.sheet-actions .danger>span{background:rgba(255,83,106,.1)}
.modern-admin{max-width:780px;margin:auto;padding:20px}.modern-admin header{display:flex;align-items:center;gap:13px;margin-bottom:18px}.modern-admin header img{width:58px;height:58px;object-fit:contain}.modern-admin header>div{flex:1}.modern-admin h1{margin:2px 0;font-size:24px}.admin-user-card,.admin-panel{background:#11141c;border:1px solid var(--v8-line);border-radius:8px;padding:12px;margin:10px 0}.admin-user-card{display:flex;gap:10px;align-items:flex-start}.admin-user-card>img{width:48px;height:48px;border-radius:50%;object-fit:cover}.admin-user-main{flex:1}.admin-user-main>small{color:var(--v8-muted);font-size:9px}.admin-user-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:9px}.admin-user-controls select{background:#0b0d13;color:#fff;border:1px solid var(--v8-line);border-radius:9px;padding:7px}.admin-user-controls label{font-size:9px;color:#bbb}.admin-panel h2{font-size:14px;margin:0 0 10px}.admin-form{display:grid;gap:8px}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.assigned-badge{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--v8-line)}.assigned-badge>span{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--badge-color) 22%,#151821);color:var(--badge-color);display:grid;place-items:center}.assigned-badge>div{flex:1;display:flex;flex-direction:column}.assigned-badge small{color:var(--v8-muted)}
@media(max-width:370px){.social-post .post-actions small{display:none}.profile-shortcuts{grid-template-columns:1fr}.home-welcome h1,.page-intro h1{font-size:24px}.profile-avatar-wrap img{width:82px;height:82px}.profile-avatar-line{margin-top:-38px}}
.result-label{font-size:9px;letter-spacing:1.3px;color:#6f7584;font-weight:800;margin:18px 4px 6px}.search-box-v2{position:sticky;top:58px;z-index:10;background:#0b0d13;padding:8px 0}.report-status{margin-left:auto;font-size:9px;text-transform:uppercase;padding:4px 7px;border-radius:999px}.report-status.open{background:rgba(255,95,115,.12);color:#ff7185}.report-status.closed{background:rgba(73,216,156,.12);color:#5ce0aa}

/* === Mooky v9 social mobile refresh === */
:root{--card:#11131b;--card-2:#151823;--card-3:#0e1017;--line:rgba(255,255,255,.075);--soft:rgba(255,255,255,.045);--accent:#7c5cff;--accent2:#a66bff;--orange:#ff9a4b;--nav-h:78px}
.app-shell{max-width:430px;background:linear-gradient(180deg,#0a0b11 0%,#090a0f 100%);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));box-shadow:0 0 0 1px rgba(255,255,255,.035),0 0 90px rgba(0,0,0,.45)}
.fa-solid,.fa-regular,.fa-brands{line-height:1}.icon-btn,.head-icon{appearance:none;cursor:pointer}
.clean-head{height:64px;padding:calc(env(safe-area-inset-top) + 10px) 18px 8px}.clean-head strong{font-size:17px;letter-spacing:-.2px}.head-icon{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);color:#f6f7fb;display:grid;place-items:center;font-size:15px}
.social-topbar{height:72px;padding-left:18px;padding-right:18px}.brand-clean strong{font-size:25px;letter-spacing:-1px}.brand-clean img{width:42px;height:42px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}.premium-crown{font-size:11px;color:#c9b9ff;margin-left:2px}.top-actions{align-items:center}.top-pill{font-size:15px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.035)!important}.top-avatar-link{display:block;width:40px;height:40px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--accent),var(--orange));box-shadow:0 0 0 3px rgba(124,92,255,.08)}.top-avatar-link img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#111;border:2px solid #0a0b11}
.bottom-nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:9px 14px calc(8px + env(safe-area-inset-bottom));background:rgba(10,11,16,.94);backdrop-filter:blur(24px);border-top:1px solid var(--line);box-shadow:0 -12px 35px rgba(0,0,0,.22)}.bottom-nav>a:not(.create-fab){gap:5px}.bottom-nav .nav-ico{font-size:19px}.bottom-nav small{font-size:10px}.bottom-nav a.active{color:#a892ff}.bottom-nav a.active .nav-ico{transform:translateY(-1px)}.create-fab{width:58px!important;height:58px!important;top:-16px!important;border:4px solid #0a0b11!important;background:linear-gradient(145deg,#7555ff,#a05fff)!important;box-shadow:0 10px 26px rgba(124,92,255,.42)!important}.create-fab span{font-size:22px}

/* posts */
.feed-v3{padding:0 12px 22px}.social-post{margin:12px 0;border:1px solid var(--line);background:linear-gradient(180deg,#12141c,#0f1118);border-radius:8px;overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.14)}.social-post .post-head{padding:16px 16px 10px}.post-avatar{position:relative;display:block;flex:0 0 44px}.post-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover}.post-avatar>i{position:absolute;right:-3px;bottom:-2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#7c5cff;color:#fff;font-size:9px;border:2px solid #12141c}.presence-ring{display:none}.post-author{min-width:0}.post-author .name-line{display:flex;align-items:center;gap:6px;min-width:0}.post-author .name,.post-author b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-author small{font-size:12px;color:#858a9d;margin-top:2px;display:block}.post-head .icon-btn{margin-left:auto;background:transparent;border:0;width:34px;height:34px;color:#8f94a6;font-size:15px}.post-text{padding:6px 16px 14px;font-size:15px;line-height:1.55;color:#f2f3f8}.post-media-v3{margin:0 12px 12px;border-radius:8px;overflow:hidden;background:#08090d;border:1px solid rgba(255,255,255,.05)}.post-media-v3 img,.post-media-v3 video{width:100%;max-height:520px;display:block;object-fit:cover}.post-meta{padding:3px 16px 10px!important;color:#9499aa!important;font-size:12px!important}.post-actions{border-top:1px solid var(--line);padding:7px 8px 9px!important;display:grid!important;grid-template-columns:repeat(4,1fr);gap:3px}.post-actions>*{min-width:0!important;border:0!important;background:transparent!important;color:#9da2b3!important;height:44px!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;font-size:15px!important}.post-actions>* small{font-size:10.5px!important;font-weight:650!important}.post-actions>*:active{background:rgba(255,255,255,.04)!important}.post-actions .like-btn.active,.post-actions .save-btn.active{color:#9a80ff!important}.modern-meta{display:flex;justify-content:space-between;align-items:center}.modern-meta i{font-size:11px;margin-right:2px}.detail-text{font-size:17px;line-height:1.58;padding:10px 18px 18px}.detail-media{margin:0 14px 14px}.premium-card{box-shadow:0 22px 60px rgba(0,0,0,.22)}
.post-detail-wrap{padding:10px 12px 0}.post-detail-wrap .social-post{margin:0}.comments-v4{padding:18px 14px 24px}.comments-title{display:flex;align-items:flex-end;justify-content:space-between;margin:4px 2px 14px}.comments-title>div{display:grid;gap:4px}.comments-title .eyebrow{font-size:9px;letter-spacing:1.8px;color:#8f79ff;font-weight:800}.comments-title b{font-size:19px}.comments-title>span{min-width:28px;height:28px;border-radius:10px;background:var(--card-2);display:grid;place-items:center;color:#a7abbb;font-size:12px}.comment-form-v4{display:flex;gap:10px;align-items:center;margin-bottom:18px}.comment-form-v4>img{width:38px;height:38px;border-radius:50%;object-fit:cover}.comment-input-wrap{flex:1;position:relative}.comment-input-wrap input{height:48px;border-radius:8px;padding:0 50px 0 15px;background:#11131b;border-color:var(--line)}.comment-input-wrap button{position:absolute;right:5px;top:5px;width:38px;height:38px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--accent),#9d67ff);color:#fff}.comment-list-v4{display:grid;gap:14px}.comment-v4{display:flex;gap:9px;align-items:flex-start}.comment-v4>a>img{width:36px;height:36px;border-radius:50%;object-fit:cover;margin-top:3px}.comment-main{flex:1;min-width:0}.comment-bubble{background:#12141c;border:1px solid var(--line);border-radius:7px 8px 8px 8px;padding:10px 12px}.comment-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment-top .name-line{font-size:13px}.comment-menu-btn{background:transparent;border:0;color:#888e9f;width:28px;height:24px}.comment-content{margin:5px 0 0;font-size:14px;line-height:1.45;color:#f0f1f5}.comment-foot{display:flex;gap:12px;align-items:center;padding:6px 5px 0;color:#7e8496}.comment-foot small{font-size:10.5px}.comment-foot button{border:0;background:transparent;color:#9298aa;padding:0;font-size:10.5px;font-weight:700}.comments-empty-v4{text-align:center;padding:36px 20px;color:#898fa1}.comments-empty-v4 i{font-size:28px;color:#6f7486}.comments-empty-v4 h3{font-size:15px;color:#e7e8ed;margin:10px 0 5px}.comments-empty-v4 p{font-size:12px;margin:0}

/* profile */
.profile-v4 .profile-cover{height:180px;background:linear-gradient(135deg,#5b37b8,#26245b 55%,#161724);background-size:cover;background-position:center;position:relative}.profile-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(9,10,15,.72))}.round-back,.round-settings{position:absolute;top:calc(env(safe-area-inset-top) + 14px);width:42px;height:42px;border-radius:50%;background:rgba(8,9,14,.62);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;font-size:14px;z-index:2}.round-back{left:16px}.round-settings{right:16px}.profile-main{padding:0 16px 18px}.profile-avatar-line{margin-top:-48px;position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:space-between}.profile-avatar-wrap{width:104px;height:104px;border-radius:50%;padding:4px;background:#0a0b10;position:relative}.profile-avatar-wrap>img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.profile-avatar-wrap>i{position:absolute;right:2px;bottom:7px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7655ff,#b16cff);border:3px solid #0a0b10;color:white;font-size:10px}.profile-buttons{display:flex;gap:8px;align-items:center;padding-bottom:7px}.profile-buttons form{margin:0}.profile-buttons .btn{gap:7px}.profile-buttons .icon-btn{width:40px;height:40px;border-radius:8px}.profile-identity{padding-top:13px}.profile-title-row{display:flex;align-items:center;gap:7px}.profile-title-row h1{font-size:28px;letter-spacing:-1px;margin:0}.profile-identity>span{display:block;color:#8d93a7;font-size:13px;margin-top:4px}.profile-identity>p{font-size:14px;line-height:1.55;margin:14px 0;color:#ecedf2}.profile-badges-large{margin-top:10px}.profile-stats{height:72px;border:1px solid var(--line);border-radius:8px;background:#0e1017;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;margin-top:17px}.profile-stats a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-right:1px solid var(--line)}.profile-stats a:last-child{border-right:0}.profile-stats b{font-size:18px}.profile-stats small{font-size:10px;color:#8f94a6}.profile-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.profile-shortcuts a{min-width:0;padding:13px 8px;border:1px solid var(--line);border-radius:8px;background:#11131b;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}.profile-shortcuts a>i{font-size:16px;color:#9b84ff}.profile-shortcuts a span{display:grid;gap:2px}.profile-shortcuts b{font-size:11px}.profile-shortcuts small{font-size:9px;color:#858b9f}.profile-tabs{position:sticky;top:0;z-index:12;height:54px;background:rgba(10,11,16,.94);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-tabs button{border:0;background:transparent;color:#7f8597;font-size:11px;font-weight:700;position:relative}.profile-tabs button i{margin-right:4px}.profile-tabs button.active{color:#a38cff}.profile-tabs button.active:after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:2px;border-radius:2px;background:#8465ff}.profile-tab-panel{display:none}.profile-tab-panel.active{display:block}.profile-post-list-v4{padding:12px}.profile-post-card{border-radius:8px!important;background:#11131b!important;border:1px solid var(--line)!important;overflow:hidden!important}.profile-post-card>img{width:100%!important;height:230px!important;object-fit:cover!important}.profile-post-card>div{padding:13px!important}.profile-post-card p{font-size:14px!important;line-height:1.45!important}.profile-post-card span{display:flex;gap:9px;align-items:center;font-size:11px!important;color:#858a9b!important}.media-grid-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px}.media-grid-v4>a{aspect-ratio:1;position:relative;background:#111;overflow:hidden}.media-grid-v4 img,.media-grid-v4 video{width:100%;height:100%;object-fit:cover}.media-grid-v4>a>i{position:absolute;inset:0;display:grid;place-items:center;text-shadow:0 2px 8px #000}.about-card{margin:14px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#11131b}.about-card h3{margin:0 0 15px}.about-card>div{display:flex;align-items:center;gap:12px;padding:10px 0;color:#c8cbd4}.about-card>div i{width:20px;color:#957dff}

/* explore */
.explore-v4{padding:28px 18px 10px}.explore-v4 .eyebrow{display:inline-flex;align-items:center;gap:7px}.explore-v4 h1{font-size:36px;letter-spacing:-1.6px;line-height:1.02;margin:16px 0 8px}.explore-v4 p{margin:0 0 20px;color:#8e94a8;font-size:14px;line-height:1.5}.search-launch{height:54px;padding:0 15px;border-radius:8px;background:#12141c;border:1px solid var(--line);display:flex;align-items:center;gap:11px;color:#8d93a6;font-size:13px}.search-launch span{flex:1}.search-launch i:last-child{font-size:10px}.section-block{padding:18px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:13px}.section-title small{font-size:9px;letter-spacing:1.6px;color:#846cff;font-weight:850}.section-title h2{font-size:22px;letter-spacing:-.7px;margin:4px 0 0}.section-title>a{font-size:11px;color:#987fff}.people-cards-v4{display:grid;grid-auto-flow:column;grid-auto-columns:148px;overflow-x:auto;gap:10px;scrollbar-width:none;padding-bottom:2px}.people-cards-v4::-webkit-scrollbar{display:none}.person-card{min-height:202px;padding:16px 11px 12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#141620,#101219);display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.person-avatar{position:relative;width:72px;height:72px}.person-avatar img{width:72px;height:72px;border-radius:50%;object-fit:cover}.verified-dot{position:absolute;right:0;bottom:2px;width:21px;height:21px;border-radius:50%;background:#4e9dff;border:3px solid #13151e;display:grid;place-items:center;font-size:8px;color:white}.person-card>b{font-size:13px;margin-top:4px}.person-card>small{font-size:10px;color:#7f8598}.person-badges{min-height:19px}.person-badges .user-badges{justify-content:center}.person-cta{margin-top:auto;width:100%;height:33px;border-radius:11px;background:#1b1833;color:#b6a6ff;display:flex!important;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:750}.trend-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.trend-chips::-webkit-scrollbar{display:none}.trend-chips a,.trend-chips span{white-space:nowrap;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#11131a;color:#a5aaba;font-size:11px}.trend-chips i{font-size:9px;color:#8b74ff}.discover-grid-v4{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.discover-tile{min-height:190px;border-radius:8px;overflow:hidden;position:relative;background:#161727;border:1px solid var(--line)}.discover-tile:nth-child(3n+1){grid-row:span 2;min-height:388px}.discover-tile>img,.discover-tile>video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.text-tile{padding:16px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at top right,#31255c,#14151e 70%)}.text-tile span{font-size:10px;color:#a68fff}.text-tile p{font-size:14px;line-height:1.45;margin:8px 0 28px}.tile-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;padding:22px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.72));font-size:10px;color:white}.video-pill{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.48);display:grid;place-items:center;font-size:10px}

/* global mobile polish */
.empty-card{margin:14px;border:1px dashed rgba(255,255,255,.09);background:rgba(255,255,255,.025);border-radius:8px;padding:34px 20px;text-align:center}.empty-card>i,.empty-card>span{font-size:28px;color:#8170d4}.settings-group,.settings-editor,.messages-page,.notifications-page{border-radius:0}.settings-group a strong,.notif-v2>span{color:#777e90}.search-fake,.settings-profile-preview,.conversation-row-v2,.notif-v2{border-color:var(--line)!important}.conversation-row-v2,.notif-v2{background:#101219!important}.user-badges{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.user-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:8px;font-weight:800;font-style:normal}.user-badge i{font-style:normal}.user-badge em{font-style:normal;margin-left:4px;font-size:8px}.badge-admin{background:linear-gradient(135deg,#ff744e,#ff9b60);color:white}.badge-modo{background:linear-gradient(135deg,#28c58d,#5bdba8);color:#071d15}.badge-beta{background:linear-gradient(135deg,#4e86ff,#5da9ff);color:white}.badge-premium{background:linear-gradient(135deg,#7b59ff,#ec6bd4);color:white}.badge-verified{background:#4b9dff;color:white}.badge-custom{background:var(--badge-color,#7c5cff);color:#fff}
@media(max-width:360px){.profile-title-row h1{font-size:24px}.profile-shortcuts{gap:6px}.profile-shortcuts a{padding-inline:5px}.post-actions>* small{font-size:9.5px!important}.explore-v4 h1{font-size:32px}.people-cards-v4{grid-auto-columns:138px}}

/* Mooky v12 — scrollbar + role badges */
*{scrollbar-width:thin;scrollbar-color:#7257e8 #0a0b10}
html::-webkit-scrollbar,body::-webkit-scrollbar,.app-shell::-webkit-scrollbar,.modal-sheet::-webkit-scrollbar,.comment-list-v4::-webkit-scrollbar{width:8px;height:8px}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.app-shell::-webkit-scrollbar-track,.modal-sheet::-webkit-scrollbar-track,.comment-list-v4::-webkit-scrollbar-track{background:#0a0b10}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.app-shell::-webkit-scrollbar-thumb,.modal-sheet::-webkit-scrollbar-thumb,.comment-list-v4::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6f52e6,#9d6cff);border:2px solid #0a0b10;border-radius:999px}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,.app-shell::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8063f3,#b17dff)}
.user-badge.badge-beta{width:19px;height:19px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.user-badge.badge-beta .role-badge-icon{width:19px;height:19px;object-fit:contain;border-radius:5px}
.profile-badges-large .user-badge.badge-beta{width:auto;height:30px;min-width:30px;padding:0 8px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;gap:6px}
.profile-badges-large .user-badge.badge-beta .role-badge-icon{width:22px;height:22px;border-radius:7px}


/* V14 report & chat moderation controls */
.report-sheet-form{display:flex;flex-direction:column;gap:14px}.sheet-help{color:var(--muted,#9ca3b5);font-size:13px;line-height:1.45;margin:0}.report-reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.report-reason-grid label{position:relative}.report-reason-grid input{position:absolute;opacity:0}.report-reason-grid span{display:flex;min-height:44px;align-items:center;padding:10px 12px;border-radius:8px;border:1px solid #292c3a;background:#11131b;color:#cdd1dc;font-size:12px}.report-reason-grid input:checked+span{border-color:#7c5cff;background:#1d1737;color:#fff;box-shadow:0 0 0 2px rgba(124,92,255,.12)}.report-note span{display:block;color:#9ba2b5;font-size:11px;margin-bottom:7px}.report-note textarea{width:100%;min-height:90px;resize:vertical;border-radius:8px;border:1px solid #292c3a;background:#0b0d14;color:#fff;padding:11px;outline:none}.btn.wide{width:100%;justify-content:center}.bubble-wrap{display:flex;align-items:center;gap:6px;max-width:88%}.bubble-wrap.mine{margin-left:auto;flex-direction:row-reverse}.bubble-wrap .bubble{max-width:100%}.bubble-report-btn{width:26px;height:26px;flex:0 0 26px;border:0;border-radius:50%;background:transparent;color:#636b7e;opacity:0;transition:.15s}.bubble-wrap:hover .bubble-report-btn,.bubble-report-btn:focus{opacity:1}.story-report-btn{margin-left:auto;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff2a;background:#0005;color:#fff;display:grid;place-items:center}@media(max-width:560px){.report-reason-grid{grid-template-columns:1fr}.bubble-report-btn{opacity:.65}}

.community-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.community-actions form{flex:1}.community-actions form .btn{width:100%}.community-actions .icon-btn.small{width:38px;height:38px;flex:0 0 38px}

/* Mooky v15 — menu latéral + modales natives remplacées */
body.drawer-open,body.modal-open{overflow:hidden}
.app-drawer-trigger{position:fixed;z-index:64;left:max(0px,calc(50% - 215px));top:46%;width:30px;height:58px;border:1px solid rgba(255,255,255,.09);border-left:0;border-radius:0 8px 8px 0;background:linear-gradient(180deg,#171924,#10121a);color:#b9adff;display:grid;place-items:center;box-shadow:10px 0 28px rgba(0,0,0,.28);cursor:pointer;transition:.24s ease;backdrop-filter:blur(16px)}
.app-drawer-trigger i{font-size:14px;transition:transform .24s ease}.app-drawer-trigger.open{left:max(286px,calc(50% - 215px + 286px));background:linear-gradient(180deg,#7c5cff,#9b6cff);color:#fff}.app-drawer-trigger.open i{transform:rotate(180deg)}
.app-drawer-overlay{position:fixed;inset:0;z-index:61;background:rgba(3,4,8,.66);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.22s ease}.app-drawer-overlay.open{opacity:1;visibility:visible}
.app-drawer{position:fixed;z-index:63;top:0;bottom:0;left:max(0px,calc(50% - 215px));width:min(320px,88vw);display:flex;flex-direction:column;background:linear-gradient(180deg,#11131d 0%,#0b0d13 55%,#08090d 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:26px 0 70px rgba(0,0,0,.46);transform:translateX(-104%);transition:transform .26s cubic-bezier(.2,.8,.2,1);overflow:hidden}.app-drawer.open{transform:translateX(0)}
.app-drawer-head{height:78px;padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(124,92,255,.08),transparent)}
.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}.drawer-brand b{display:block;font-size:20px;letter-spacing:-.5px}.drawer-brand small{display:block;color:#777f94;font-size:10px;margin-top:2px}.drawer-close{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#151722;color:#aeb4c6;display:grid;place-items:center}
.drawer-profile{margin:14px 14px 6px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:linear-gradient(135deg,rgba(124,92,255,.13),rgba(255,255,255,.025));display:grid;grid-template-columns:46px 1fr 18px;align-items:center;gap:10px}.drawer-profile>img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#171924}.drawer-profile strong{display:block;font-size:13px}.drawer-profile span{display:block;font-size:10px;color:#8d94a8;margin-top:2px}.drawer-profile>i{font-size:10px;color:#666d80}.drawer-badges{margin-top:5px}.drawer-badges .user-badges{gap:2px}.drawer-badges .role-badge-icon{width:17px!important;height:17px!important}
.drawer-nav{padding:2px 10px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.drawer-nav section{padding-top:12px}.drawer-nav h3{margin:0 8px 7px;color:#60677b;font-size:9px;text-transform:uppercase;letter-spacing:1.7px}.drawer-nav a{min-height:48px;padding:7px 9px;border-radius:8px;display:grid;grid-template-columns:36px 1fr auto 12px;align-items:center;gap:9px;color:#aeb4c5;transition:.16s ease}.drawer-nav a:hover,.drawer-nav a.active{background:linear-gradient(90deg,rgba(124,92,255,.18),rgba(124,92,255,.06));color:#fff}.drawer-nav a.active .drawer-icon{background:linear-gradient(135deg,#7054ef,#9b73ff);color:white;box-shadow:0 8px 20px rgba(124,92,255,.2)}.drawer-icon{width:36px;height:36px;border-radius:8px;background:#151722;border:1px solid rgba(255,255,255,.055);display:grid;place-items:center;color:#8c93a7}.drawer-icon.staff{color:#ffc95f;background:#201b11}.drawer-nav a>b{font-size:12px;font-weight:720}.drawer-nav a>em{min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#7c5cff;color:white;display:grid;place-items:center;font-size:9px;font-style:normal}.drawer-nav .trail{font-size:9px;color:#52596b}.staff-pill{padding:4px 6px;border-radius:7px;background:#2a2110;color:#ffc65b;font-size:8px;font-weight:850}.drawer-footer{margin-top:auto;padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.06);background:#090a0f}.drawer-footer a{height:40px;border-radius:8px;display:flex;align-items:center;gap:10px;color:#ff899a;font-size:12px}.drawer-footer small{display:block;color:#4f5668;font-size:9px;margin-top:4px}

.mooky-modal-backdrop{position:fixed;inset:0;z-index:90;background:rgba(3,4,8,.72);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.2s ease}.mooky-modal-backdrop.open{opacity:1;visibility:visible}.mooky-modal-layer{position:fixed;inset:0;z-index:91;display:grid;place-items:center;padding:22px;pointer-events:none;opacity:0;visibility:hidden;transition:.2s ease}.mooky-modal-layer.open{opacity:1;visibility:visible;pointer-events:auto}.mooky-modal{width:min(390px,100%);border-radius:8px;padding:22px;background:linear-gradient(180deg,#171925,#10121a);border:1px solid rgba(255,255,255,.09);box-shadow:0 32px 90px rgba(0,0,0,.55);transform:translateY(12px) scale(.98);transition:.2s ease}.mooky-modal-layer.open .mooky-modal{transform:none}.mooky-modal-icon{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;background:#1c1932;color:#a68fff;font-size:19px;margin-bottom:14px}.mooky-modal-icon.warning{background:#282112;color:#ffc35e}.mooky-modal-icon.danger{background:#2a1419;color:#ff6d82}.mooky-modal-icon.success{background:#10251c;color:#55dca0}.mooky-modal-copy h3{font-size:20px;letter-spacing:-.4px;margin:0 0 7px}.mooky-modal-copy p{margin:0;color:#a1a7b9;line-height:1.5;font-size:13px;white-space:pre-line}.mooky-modal-input-wrap{display:none;margin-top:15px}.mooky-modal-input-wrap textarea{min-height:94px;resize:vertical;background:#0b0d13;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:12px;color:white}.mooky-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.modal-btn{min-height:45px;border:0;border-radius:8px;font-weight:780;cursor:pointer}.modal-btn.ghost{background:#1c1f2a;color:#c3c7d3;border:1px solid rgba(255,255,255,.07)}.modal-btn.primary{background:linear-gradient(135deg,#7153f0,#9a6dff);color:white;box-shadow:0 10px 25px rgba(124,92,255,.24)}.modal-btn[hidden]+.modal-btn{grid-column:1/-1}
@media(max-width:430px){.app-drawer-trigger{left:0}.app-drawer-trigger.open{left:min(88vw,320px)}.app-drawer{left:0}.mooky-modal-layer{align-items:end;padding:12px}.mooky-modal{border-radius:8px 8px 8px 8px;padding:20px}}
@media(max-width:350px){.app-drawer{width:92vw}.app-drawer-trigger.open{left:92vw}.drawer-nav a{min-height:45px}.mooky-modal-actions{grid-template-columns:1fr}}

/* ===== Mooky V16 · Replies, mentions & notifications ===== */
.comments-v5{padding:18px 14px 32px}
.comment-form-v5{display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}
.comment-form-v5>img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-top:4px}
.comment-composer{flex:1;min-width:0;position:relative}
.reply-context{min-height:38px;margin:0 0 7px;padding:8px 10px;border:1px solid rgba(139,109,255,.32);background:linear-gradient(135deg,rgba(126,88,255,.12),rgba(126,88,255,.05));border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c7bbff;font-size:11px}
.reply-context[hidden]{display:none!important}.reply-context>div{display:flex;align-items:center;gap:7px;min-width:0}.reply-context b{color:#fff}.reply-context button{width:28px;height:28px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#a9afbf;display:grid;place-items:center}
.comment-list-v5{display:grid;gap:15px}.comment-v5{display:flex;gap:9px;align-items:flex-start;position:relative}.comment-v5.is-reply{margin-left:30px}.comment-v5.is-reply:before{content:"";position:absolute;left:-18px;top:-12px;width:15px;height:31px;border-left:2px solid #242837;border-bottom:2px solid #242837;border-radius:0 0 0 8px}
.comment-avatar img{width:38px;height:38px;border-radius:50%;object-fit:cover;margin-top:3px}.comment-v5.is-reply .comment-avatar img{width:32px;height:32px}.comment-v5 .comment-main{flex:1;min-width:0}
.reply-reference{display:inline-flex;align-items:center;gap:5px;margin-top:5px;color:#9d8aff;font-size:10px;font-weight:750}.reply-reference:hover{color:#c1b6ff}.mention-link{color:#9c86ff!important;font-weight:750;text-decoration:none}.mention-link:hover{text-decoration:underline}
.comment-like-btn.active{color:#ff6b8a!important}.comment-like-btn.active i{color:#ff6b8a}.reply-comment-btn{cursor:pointer}
.mention-composer{position:relative}.mention-suggestions{display:none;position:absolute;z-index:80;left:0;right:0;top:calc(100% + 7px);max-height:280px;overflow:auto;padding:7px;background:rgba(15,17,25,.98);border:1px solid #282c3b;border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.mention-suggestions.open{display:block}
.comment-input-wrap .mention-suggestions{top:calc(100% + 7px)}
.mention-option{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:0;background:transparent;color:#fff;border-radius:11px;text-align:left}.mention-option:hover,.mention-option:focus{background:#191c28;outline:0}.mention-option img{width:36px;height:36px;border-radius:50%;object-fit:cover}.mention-option>span{flex:1;min-width:0;display:grid}.mention-option b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-option small{font-size:10px;color:#8e95a7}.mention-option em{font-size:8px;font-style:normal;color:#baaaff;background:#241d45;padding:5px 7px;border-radius:999px}.mention-empty{display:flex;align-items:center;gap:9px;padding:11px;color:#868da0;font-size:11px}
.notifications-v16{padding-bottom:96px}.notification-list-v16{display:grid;gap:8px}.notif-card-v16{display:flex;align-items:center;gap:12px;padding:11px 10px;background:#101219;border:1px solid #1f2330;border-radius:8px;min-height:68px;position:relative}.notif-card-v16.is-unread{background:linear-gradient(135deg,rgba(115,80,255,.13),#11131b 58%);border-color:rgba(137,104,255,.27)}.notif-avatar-wrap{position:relative;flex:0 0 auto}.notif-avatar-wrap>img{width:46px;height:46px;border-radius:50%;object-fit:cover}.notif-type-icon{position:absolute;right:-3px;bottom:-2px;width:20px;height:20px;border:2px solid #101219;border-radius:50%;display:grid;place-items:center;background:#795dff;color:#fff;font-size:8px}.notif-copy{flex:1;min-width:0}.notif-copy p{margin:0;color:#e9ebf2;font-size:12.5px;line-height:1.35}.notif-copy small{display:block;margin-top:4px;color:#777e91;font-size:10px}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:#8f76ff;box-shadow:0 0 0 5px rgba(143,118,255,.09)}.notif-arrow{font-size:10px;color:#666d7f;margin-right:2px}
@media(max-width:380px){.comment-v5.is-reply{margin-left:20px}.comment-v5.is-reply:before{left:-12px;width:10px}.comments-v5{padding-left:10px;padding-right:10px}.comment-form-v5>img{width:34px;height:34px}.mention-option em{display:none}}
.notification-pill{position:relative}.top-unread-count{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff4773;color:#fff;border:2px solid #090a0f;font-size:8px;font-weight:900;display:grid;place-items:center;line-height:1}

/* ===== Mooky V17 · Desktop = Mobile + badge layout fix ===== */
:root{--mooky-app-width:430px}
html,body{width:100%;min-height:100%;overflow-x:hidden}
body{background:#03040a!important}
.desktop-shell{
  width:100%;
  min-height:100dvh;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:0!important;
  margin:0!important;
  background:radial-gradient(circle at 50% -12%,#17142a 0,#08090f 38%,#03040a 100%)!important;
  overflow-x:hidden!important;
}
.app-shell{
  width:min(100vw,var(--mooky-app-width))!important;
  max-width:var(--mooky-app-width)!important;
  min-width:0!important;
  margin:0 auto!important;
  min-height:100dvh!important;
  position:relative!important;
  overflow-x:hidden!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04),0 30px 90px rgba(0,0,0,.48)!important;
}
/* Desktop must behave exactly like the phone canvas: no widened cards or columns. */
@media(min-width:431px){
  .app-shell{width:var(--mooky-app-width)!important;max-width:var(--mooky-app-width)!important}
  .topbar,.simple-head,.chat-head,.bottom-nav{width:100%!important;max-width:100%!important}
  .post,.social-post,.composer-v3,.composer-mini,.section-pad,.section-block,.comments-v5{max-width:100%!important}
}
/* Drawer is anchored to the MOBILE canvas, including on desktop. It overlays the app instead of creating a second column. */
.app-drawer-overlay{
  inset:0!important;
}
.app-drawer{
  left:max(0px,calc(50vw - (var(--mooky-app-width) / 2)))!important;
  width:min(320px,88vw)!important;
  max-width:320px!important;
}
.app-drawer-trigger{
  left:max(0px,calc(50vw - (var(--mooky-app-width) / 2)))!important;
}
.app-drawer-trigger.open{
  left:calc(max(0px,calc(50vw - (var(--mooky-app-width) / 2))) + min(320px,88vw) - 1px)!important;
}
body.drawer-open{overflow:hidden!important}
@media(max-width:430px){
  .desktop-shell{display:block!important}
  .app-shell{width:100vw!important;max-width:none!important}
  .app-drawer{left:0!important;width:min(320px,88vw)!important}
  .app-drawer-trigger{left:0!important}
  .app-drawer-trigger.open{left:calc(min(320px,88vw) - 1px)!important}
}

/* Badge fix: one clean horizontal row, no accidental vertical stacking. */
.user-badges{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:3px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.user-badge{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  line-height:1!important;
}
.user-badge .role-badge-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  object-fit:contain!important;
  border-radius:5px!important;
  margin:0!important;
}
.user-badge em{display:none!important}
.name-line{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.name-line>.name,.name-line>b,.name-line>strong{
  flex:0 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.name-line>.user-badges{flex:0 0 auto!important;overflow:visible!important}
.post-author{min-width:0!important;overflow:hidden!important}
.drawer-badges{overflow:hidden!important}
.drawer-badges .user-badges{max-width:150px!important;overflow:hidden!important}
.drawer-badges .user-badge,.drawer-badges .role-badge-icon{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important}
.person-badges{display:flex!important;align-items:center!important;justify-content:center!important;min-height:18px!important;overflow:hidden!important}
.person-badges .user-badges{justify-content:center!important}

/* Large profile badges keep labels, but stay horizontal and wrap by complete badge item only. */
.profile-badges-large .user-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  white-space:normal!important;
  overflow:visible!important;
}
.profile-badges-large .user-badge{
  width:auto!important;
  min-width:0!important;
  height:30px!important;
  padding:0 9px!important;
  gap:6px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.profile-badges-large .user-badge .role-badge-icon{
  width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;border-radius:6px!important
}
.profile-badges-large .user-badge em{
  display:inline!important;
  font-style:normal!important;
  font-size:10px!important;
  font-weight:800!important;
  color:#f4f4f8!important;
  white-space:nowrap!important;
}

/* Keep the custom Mooky scrollbar inside the centered app feel. */
html{scrollbar-color:#7c5cff #090a10;scrollbar-width:thin}
@media(min-width:431px){
  body::-webkit-scrollbar{width:8px}
  body::-webkit-scrollbar-track{background:#07080d}
  body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6f52e6,#9d6cff);border:2px solid #07080d;border-radius:999px}
}

/* ===== Mooky V18 · Drawer always CLOSED by default on desktop and mobile ===== */
/* The side menu must never be visible until the user explicitly presses the edge arrow. */
body:not(.drawer-open) .app-drawer{
  transform:translateX(-105%)!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body:not(.drawer-open) .app-drawer-overlay{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body:not(.drawer-open) .app-drawer-trigger{
  transform:none!important;
}
body.drawer-open .app-drawer{
  transform:translateX(0)!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body.drawer-open .app-drawer-overlay{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
/* Keep the trigger on the left edge of the 430px phone canvas, even on PC. */
@media(min-width:431px){
  body:not(.drawer-open) .app-drawer-trigger{
    left:max(0px,calc(50vw - (var(--mooky-app-width) / 2)))!important;
  }
  body.drawer-open .app-drawer-trigger{
    left:calc(max(0px,calc(50vw - (var(--mooky-app-width) / 2))) + min(320px,88vw) - 1px)!important;
  }
}
@media(max-width:430px){
  body:not(.drawer-open) .app-drawer-trigger{left:0!important}
  body.drawer-open .app-drawer-trigger{left:calc(min(320px,88vw) - 1px)!important}
}

/* =========================================================
   Mooky v19 — Bottom navigation restored to the app canvas
   The nav must stay inside the 430px mobile app on desktop.
   ========================================================= */
.bottom-nav{
  left:50%!important;
  right:auto!important;
  width:min(430px,100vw)!important;
  max-width:430px!important;
  transform:translateX(-50%)!important;
  border-radius:0!important;
}
@media(min-width:431px){
  .bottom-nav{
    width:var(--mooky-app-width)!important;
    max-width:var(--mooky-app-width)!important;
  }
}
@media(max-width:430px){
  .bottom-nav{
    width:100vw!important;
    max-width:100vw!important;
  }
}

/* =========================================================
   Mooky v20 — Conversation composer, attachments & emojis
   ========================================================= */
.conversation-page{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b0c13 0,#090a10 100%);padding-bottom:0}
.conversation-page .chat-head{flex:0 0 auto;height:64px;position:sticky;top:0;z-index:35;padding-left:14px;padding-right:14px}
.chat-head .chat-back,.chat-head .chat-more{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:#14161f;border:1px solid var(--border);color:#f7f7fb;font-size:18px}
.chat-head .chat-more{border:1px solid var(--border)}
.chat-user{display:flex!important;align-items:center;gap:10px;flex:1;min-width:0;margin:0 8px}.chat-user img{width:42px!important;height:42px!important;border-radius:50%;object-fit:cover}.chat-user>div{display:flex;flex-direction:column;min-width:0}.chat-user b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-user small{font-size:11px;color:#8f94a6;margin-top:2px}
.conversation-page .chat{flex:1;min-height:0;overflow-y:auto;padding:18px 14px 132px;scroll-behavior:smooth}
.bubble-wrap{display:flex;align-items:flex-end;gap:6px;margin:8px 0;max-width:88%}.bubble-wrap.mine{margin-left:auto;justify-content:flex-end}.bubble{display:flex;flex-direction:column;gap:5px;max-width:100%;padding:10px 12px;border-radius:8px 8px 8px 6px;background:#171923;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 22px rgba(0,0,0,.12)}.bubble.mine{background:linear-gradient(145deg,#7253f5,#8d5dff);border-color:rgba(255,255,255,.08);border-radius:8px 8px 6px 8px}.bubble>span{font-size:14px;line-height:1.38;word-break:break-word}.bubble>small{font-size:9px;color:rgba(255,255,255,.64);align-self:flex-end}.bubble-report-btn{border:0;background:transparent;color:#72798d;padding:4px;font-size:11px}
.chat-media{display:block;overflow:hidden;border-radius:8px;margin:-5px -6px 2px;color:inherit}.chat-media.image img,.chat-media.video video{display:block;width:100%;max-width:270px;max-height:320px;object-fit:cover;background:#07080d}.chat-media.audio{padding:8px;background:rgba(0,0,0,.15)}.chat-media.audio audio{width:240px;max-width:100%;height:34px}.chat-media.file{display:flex;align-items:center;gap:10px;padding:11px 12px;background:rgba(0,0,0,.16)}.chat-media.file>i{font-size:22px}.chat-media.file span{display:flex;flex-direction:column;min-width:0}.chat-media.file b{font-size:12px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-media.file small{font-size:9px;opacity:.7;margin-top:2px}
.chat-input{position:fixed;z-index:40;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100vw);display:flex;align-items:flex-end;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(12,13,19,.95);backdrop-filter:blur(22px);border-top:1px solid var(--border)}
.chat-input>button{flex:0 0 42px;width:42px;height:42px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;font-size:17px;transition:.18s ease}.chat-attach-btn,.chat-emoji-btn{background:#171923;color:#d7d9e5}.chat-emoji-btn.active{background:#241d42;color:#aa93ff;border-color:#7c5cff55}.chat-send-btn{background:linear-gradient(145deg,#7455fa,#9b67ff)!important;color:#fff!important;border:0!important;box-shadow:0 8px 22px rgba(124,92,255,.3)}
.chat-field-wrap{flex:1;min-width:0;background:#101219;border:1px solid var(--border);border-radius:8px;overflow:visible;position:relative}.chat-field-wrap textarea{display:block;width:100%;min-height:42px;max-height:110px;resize:none;border:0!important;background:transparent!important;box-shadow:none!important;padding:11px 12px;color:#fff;line-height:20px}.chat-field-wrap textarea::placeholder{color:#7e8393}
.chat-upload-preview{padding:0 8px 8px}.upload-chip{display:flex;align-items:center;gap:8px;padding:8px 9px;background:#171a24;border-radius:8px}.upload-chip>i{width:28px;height:28px;border-radius:9px;background:#25203f;color:#a993ff;display:grid;place-items:center}.upload-chip span{min-width:0;flex:1;display:flex;flex-direction:column}.upload-chip b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-chip small{font-size:8px;color:#7f8495;margin-top:2px}.upload-chip button{width:28px;height:28px;border:0;border-radius:9px;background:#22242d;color:#aeb2c0}
.emoji-picker{position:fixed;z-index:60;left:50%;bottom:72px;transform:translateX(-50%);width:min(406px,calc(100vw - 24px));max-height:min(420px,52dvh);background:#11131b;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.5);overflow:hidden}.emoji-picker[hidden]{display:none!important}.emoji-picker-head{height:46px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.emoji-picker-head strong{font-size:13px}.emoji-picker-head button{width:31px;height:31px;border:0;border-radius:10px;background:#1a1c26;color:#c6c9d5}.emoji-cats{display:flex;gap:5px;overflow-x:auto;padding:8px;border-bottom:1px solid var(--border);scrollbar-width:none}.emoji-cats::-webkit-scrollbar{display:none}.emoji-cats button{flex:0 0 34px;height:34px;border:0;border-radius:10px;background:#171923;font-size:18px}.emoji-cats button.active{background:#2a2250;box-shadow:inset 0 0 0 1px #755cff66}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;overflow-y:auto;max-height:300px}.emoji-item{aspect-ratio:1;border:0;background:transparent;border-radius:9px;font-size:23px;display:grid;place-items:center}.emoji-item:hover,.emoji-item:active{background:#1b1d28}
@media(max-width:360px){.chat-input{gap:5px;padding-left:8px;padding-right:8px}.chat-input>button{flex-basis:38px;width:38px;height:38px}.emoji-grid{grid-template-columns:repeat(7,1fr)}.emoji-item{font-size:21px}}

/* ================================
   Mooky V24 — Chat temps réel pro
   ================================ */
.conversation-page{min-height:100dvh;background:linear-gradient(180deg,#0b0c13 0%,#090a10 100%);position:relative;padding-bottom:78px}
.chat-head-v24{height:68px;padding-inline:12px;gap:8px;background:rgba(8,9,14,.94);border-bottom:1px solid rgba(255,255,255,.065)}
.chat-head-v24 .chat-user{min-width:0;margin:0!important;gap:10px!important}
.chat-avatar-presence{position:relative;display:block;flex:0 0 42px;width:42px;height:42px}
.chat-avatar-presence img{width:42px!important;height:42px!important;border-radius:50%;object-fit:cover;background:#171923}
.chat-avatar-presence>i{position:absolute;width:11px;height:11px;border-radius:50%;right:-1px;bottom:1px;background:#555b68;border:2px solid #090a10;transition:.2s ease}
.chat-avatar-presence>i.online{background:#28d17c;box-shadow:0 0 0 3px rgba(40,209,124,.12)}
.chat-user-copy{min-width:0;flex:1}
.chat-user-copy>b{display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.chat-user-copy>b>.user-badges{flex:0 0 auto}
.chat-user-copy small{margin-top:2px!important;color:#8f94a8!important;transition:.2s ease}

.chat{height:calc(100dvh - 142px);padding:16px 12px 24px;gap:8px;background:radial-gradient(circle at 85% 0%,rgba(124,92,255,.05),transparent 35%);scroll-behavior:smooth}
.bubble-wrap{display:flex;align-items:flex-end;gap:5px;max-width:90%;position:relative}
.bubble-wrap.mine{align-self:flex-end;flex-direction:row-reverse}
.bubble{max-width:100%;min-width:70px;box-shadow:0 8px 20px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.045)}
.bubble.mine{background:linear-gradient(145deg,#7358f1,#925fff);border-color:transparent}
.bubble.deleted{background:#12131a!important;color:#7f8495!important;border:1px dashed rgba(255,255,255,.09);font-style:italic;box-shadow:none}
.bubble-body{display:block;line-height:1.42;overflow-wrap:anywhere}
.deleted-message{display:flex;gap:7px;align-items:center;font-size:13px}
.bubble-menu-btn{width:27px;height:27px;flex:0 0 27px;border:0;background:transparent;color:#6f7486;border-radius:9px;opacity:.65;display:grid;place-items:center}
.bubble-menu-btn:active{background:#171923;color:#c8cbda;opacity:1}
.bubble-reply-quote{display:flex;gap:7px;align-items:center;padding:7px 8px;margin:-2px -3px 8px;border-radius:11px;background:rgba(0,0,0,.16);border-left:3px solid rgba(255,255,255,.5)}
.bubble:not(.mine) .bubble-reply-quote{background:#0c0d13;border-left-color:#8064ff}
.bubble-reply-quote>i{font-size:10px;opacity:.8}.bubble-reply-quote>span{min-width:0;display:grid}.bubble-reply-quote b{font-size:11px}.bubble-reply-quote small{font-size:10px!important;margin:1px 0 0!important;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.chat-media{margin-bottom:7px}.chat-media.image img,.chat-media.video video{max-height:360px;border-radius:8px}.chat-media.file{min-width:210px}
.chat-search-hidden{display:none!important}

.chat-typing{position:fixed;left:50%;bottom:72px;transform:translateX(-50%);z-index:37;width:min(430px,100vw);padding:5px 14px 7px;display:flex;align-items:center;gap:7px;background:linear-gradient(180deg,transparent,rgba(9,10,16,.95) 35%);pointer-events:none}
.chat-typing[hidden]{display:none!important}.typing-avatar img{width:23px;height:23px;border-radius:50%;object-fit:cover}.chat-typing small{color:#818698;font-size:10px}.typing-bubble{display:flex;align-items:center;gap:3px;padding:7px 9px;background:#171923;border-radius:8px}.typing-bubble i{display:block;width:4px;height:4px;border-radius:50%;background:#a798ff;animation:mookyTyping 1s infinite ease-in-out}.typing-bubble i:nth-child(2){animation-delay:.14s}.typing-bubble i:nth-child(3){animation-delay:.28s}@keyframes mookyTyping{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}

.chat-search-panel{position:fixed;z-index:55;left:50%;top:68px;transform:translateX(-50%);width:min(430px,100vw);padding:9px 12px;background:rgba(12,13,20,.98);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;box-shadow:0 14px 30px rgba(0,0,0,.2)}.chat-search-panel[hidden]{display:none!important}.chat-search-panel>i{color:#8d92a5}.chat-search-panel input{height:38px;padding:9px 10px;flex:1}.chat-search-panel button{width:36px;height:36px;border:0;border-radius:11px;background:#181a24;color:#b7bbca}

.chat-input-v24{display:block!important;padding:7px 10px calc(8px + env(safe-area-inset-bottom))!important}.chat-composer-row{display:flex;align-items:flex-end;gap:7px}.chat-field-wrap{min-width:0;flex:1;background:#0d0f16;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.chat-field-wrap textarea{min-height:42px;max-height:110px;padding:11px 12px;border:0;background:transparent;resize:none;line-height:1.35;box-shadow:none!important}.chat-upload-preview{padding:0 7px 7px}.chat-upload-preview[hidden]{display:none!important}.upload-chip{border-radius:8px;background:#171923;border:1px solid var(--border);padding:7px 8px}.chat-reply-context,.chat-edit-context{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px 8px;margin-bottom:5px;border-radius:8px;background:#11131b;border-left:3px solid #7c5cff}.chat-edit-context{border-left-color:#ffb34f}.chat-reply-context[hidden],.chat-edit-context[hidden]{display:none!important}.chat-reply-context>div,.chat-edit-context>div{display:flex;gap:8px;align-items:center;min-width:0}.chat-reply-context>div>i,.chat-edit-context>div>i{color:#9b86ff}.chat-edit-context>div>i{color:#ffb34f}.chat-reply-context span,.chat-edit-context span{display:grid;min-width:0}.chat-reply-context b,.chat-edit-context b{font-size:11px}.chat-reply-context small,.chat-edit-context small{font-size:10px;color:#777d90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.chat-reply-context>button,.chat-edit-context>button{width:28px;height:28px;border:0;border-radius:9px;background:#1b1d28;color:#9ea3b5}
.chat-input-v24 .chat-attach-btn,.chat-input-v24 .chat-emoji-btn,.chat-input-v24 .chat-send-btn{flex:0 0 42px;width:42px;height:42px}

.chat-attach-sheet{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:5px 0 3px}.chat-attach-sheet button{min-height:88px;padding:13px;border:1px solid var(--border);border-radius:8px;background:#12141d;color:#eceef6;text-align:left;display:flex;gap:10px;align-items:center}.chat-attach-sheet button>i{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#211a42;color:#9c86ff;font-size:17px}.chat-attach-sheet span{display:grid;gap:3px}.chat-attach-sheet b{font-size:13px}.chat-attach-sheet small{font-size:10px;color:#7f8497;line-height:1.3}

.sheet-actions .danger,.post-sheet-actions .danger{color:#ff778b}.post-sheet-actions{display:grid;gap:4px}.post-sheet-actions>a,.post-sheet-actions>button{width:100%;border:0;background:transparent;color:#e5e7f0;padding:12px 8px;display:flex;align-items:center;gap:12px;text-align:left;border-radius:8px}.post-sheet-actions>a:active,.post-sheet-actions>button:active{background:#171923}.post-sheet-actions>a>i,.post-sheet-actions>button>i{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#171923;color:#a998ff}.post-sheet-actions span{display:grid;gap:2px}.post-sheet-actions b{font-size:13px}.post-sheet-actions small{font-size:10px;color:#73798c}

@media(max-width:360px){.chat{padding-inline:8px}.chat-input-v24{padding-left:7px!important;padding-right:7px!important}.chat-composer-row{gap:5px}.chat-input-v24 .chat-attach-btn,.chat-input-v24 .chat-emoji-btn,.chat-input-v24 .chat-send-btn{flex-basis:38px;width:38px;height:38px}.chat-attach-sheet{grid-template-columns:1fr}.chat-reply-context small,.chat-edit-context small{max-width:220px}}

/* ===== Mooky v25 — conversations fiables ===== */
.chat-loading-state{min-height:180px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted,#8f96ad);font-size:14px}.chat-loading-state i{color:#8b5cf6}
.chat-load-error{margin:auto 18px;align-self:center;display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 22px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(145deg,rgba(19,20,31,.97),rgba(11,12,20,.97));box-shadow:0 18px 55px rgba(0,0,0,.22)}
.chat-load-error>span{width:58px;height:58px;border-radius:8px;display:grid;place-items:center;margin-bottom:16px;background:rgba(139,92,246,.13);color:#a78bfa;font-size:23px}.chat-load-error b{font-size:19px}.chat-load-error p{margin:8px 0 18px;color:var(--muted,#939bb3);font-size:13px;line-height:1.55}.chat-load-error button{border:0;border-radius:8px;padding:12px 17px;background:linear-gradient(135deg,#7048ff,#a362ff);color:#fff;font-weight:800;display:flex;align-items:center;gap:8px}
.chat-access-error{min-height:100dvh;max-width:430px;margin:0 auto;padding:80px 26px 42px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at 50% 34%,rgba(124,76,255,.14),transparent 34%)}
.chat-access-icon{width:76px;height:76px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(124,76,255,.18),rgba(255,255,255,.035));border:1px solid rgba(151,110,255,.22);color:#a78bfa;font-size:29px;box-shadow:0 20px 55px rgba(78,44,170,.16)}
.chat-access-error h1{font-size:25px;line-height:1.1;margin:20px 0 10px}.chat-access-error p{max-width:330px;color:var(--muted,#929ab1);line-height:1.6;margin:0}.chat-access-actions{width:100%;display:grid;gap:10px;margin-top:24px}.chat-access-actions .btn{min-height:50px;justify-content:center;display:flex;align-items:center;gap:9px}

/* V26 chat polish */
.bubble-wrap{position:relative}.bubble-menu-btn{position:absolute;top:8px;right:-30px;width:26px;height:26px;border-radius:50%;background:#12141d;border:1px solid rgba(255,255,255,.06);color:#777f93;opacity:.72}.bubble-wrap.mine .bubble-menu-btn{right:auto;left:-30px}.bubble-menu-btn:hover,.bubble-menu-btn:focus{opacity:1;color:#b9a6ff;background:#19142b}.chat-media.file{width:100%;border:0;text-align:left;color:inherit;cursor:pointer}.chat-media.file>i:last-child{margin-left:auto;font-size:11px;opacity:.65}.chat-preview-trigger{cursor:pointer;border:0;color:inherit}.chat-media.image.chat-preview-trigger{padding:0;background:transparent;width:100%}.chat-media.video{position:relative}.media-open{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;border-radius:10px;background:#0009;color:#fff}.file-preview-title>div{min-width:0;display:flex;flex-direction:column;gap:3px}.file-preview-title small{font-size:11px;color:#8f97ad;font-weight:500}.file-preview-body{max-height:68dvh;overflow:auto}.file-modal-image,.file-modal-video{display:block;width:100%;max-height:62dvh;object-fit:contain;border-radius:8px;background:#080910}.file-modal-audio{width:100%;margin:20px 0}.file-preview-actions{display:flex;padding-top:14px}.file-preview-actions .btn{width:100%;justify-content:center}.file-no-preview{padding:34px 18px;text-align:center;display:grid;justify-items:center;gap:10px;color:#98a0b5}.file-no-preview>i{font-size:42px;color:#8b68ff}.file-no-preview b{color:#fff;font-size:16px}.code-viewer{border:1px solid #282c3d;border-radius:8px;overflow:hidden;background:#090b11}.code-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#12151f;border-bottom:1px solid #282c3d}.code-toolbar span{font-size:12px;color:#c9c0ff;font-weight:800}.code-toolbar button{border:0;background:#211b39;color:#cbbcff;border-radius:9px;padding:7px 10px}.code-viewer pre{margin:0;padding:14px;overflow:auto;white-space:pre;tab-size:4}.code-viewer code{font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e8eaf2}.code-truncated{display:block;padding:8px 12px;color:#9aa1b4;border-top:1px solid #202432}.chat-access-error{padding-top:40px}.chat-access-error .btn{border-radius:8px}@media(max-width:480px){.bubble-menu-btn{right:-27px}.bubble-wrap.mine .bubble-menu-btn{left:-27px}.file-preview-body{max-height:64dvh}}

/* ===== Mooky V27 · inbox typing + notification message flottante ===== */
.conversation-preview.is-typing{color:#9f88ff!important;font-weight:760}
.conversation-preview.is-typing:before{content:"";display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:#57e1a2;box-shadow:0 0 0 4px rgba(87,225,162,.10)}
.mooky-live-message{position:fixed;z-index:120;top:calc(12px + env(safe-area-inset-top));left:50%;width:min(calc(100vw - 24px),406px);transform:translate(-50%,-135%);opacity:0;display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:10px 12px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:linear-gradient(135deg,rgba(27,29,43,.98),rgba(16,17,26,.98));box-shadow:0 18px 55px rgba(0,0,0,.52),0 0 28px rgba(124,92,255,.14);backdrop-filter:blur(22px);color:#fff;transition:transform .24s ease,opacity .24s ease;text-decoration:none}
.mooky-live-message.show{transform:translate(-50%,0);opacity:1}.mooky-live-message img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#171923}.mooky-live-message span{min-width:0;display:block}.mooky-live-message b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mooky-live-message small{display:block;margin-top:3px;color:#a8aec0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mooky-live-message>i{color:#8d79ff;font-size:11px}

/* ===== Mooky V29 · paramètres compte & sécurité ===== */
.account-security-block{scroll-margin-top:84px;margin:18px 0 22px;display:grid;gap:12px}.settings-section-heading,.settings-section-title{display:flex;align-items:center;gap:11px}.settings-section-heading{padding:2px 2px 4px}.settings-section-heading>span,.settings-section-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#211a3c,#171827);color:#a990ff;border:1px solid rgba(139,104,255,.18)}.settings-section-heading h3{margin:0;font-size:17px}.settings-section-heading p{margin:3px 0 0;font-size:11px;color:#858da3;line-height:1.35}.settings-section-title{margin-bottom:4px}.settings-section-title b{display:block;font-size:14px}.settings-section-title small{display:block;color:#858da3;font-size:10px;margin-top:2px}
.security-card{display:grid;gap:12px;padding:16px;border-radius:8px;background:linear-gradient(145deg,#12141d,#0f1017);border:1px solid rgba(255,255,255,.075);box-shadow:0 14px 40px rgba(0,0,0,.15)}.security-card-head{display:flex;align-items:center;gap:11px;padding-bottom:3px}.security-card-head>div{min-width:0}.security-card-head b{display:block;font-size:14px}.security-card-head small{display:block;margin-top:2px;color:#858da3;font-size:10px;line-height:1.3}.security-icon{width:39px;height:39px;border-radius:8px;display:grid;place-items:center;color:#72d6ff;background:linear-gradient(145deg,rgba(40,175,225,.18),rgba(18,37,52,.5));border:1px solid rgba(77,199,245,.16)}.security-icon.purple{color:#b39bff;background:linear-gradient(145deg,rgba(124,92,255,.19),rgba(35,26,66,.5));border-color:rgba(124,92,255,.2)}.security-card label{display:grid;gap:6px;font-size:11px;color:#b8bdca;font-weight:700}.secure-input{height:48px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0b0d13;transition:.18s ease}.secure-input:focus-within{border-color:rgba(135,103,255,.62);box-shadow:0 0 0 3px rgba(124,92,255,.08)}.secure-input>i{width:18px;text-align:center;color:#777f94}.secure-input input{flex:1;min-width:0;height:100%;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#f5f6fb;font-size:13px}.secure-input input::placeholder{color:#646b7d}.password-toggle{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:10px;background:#151821;color:#9299ab;display:grid;place-items:center}.password-toggle:active{background:#211b3c;color:#bcaaff}.security-save{width:100%;min-height:46px;border:0;border-radius:8px;background:linear-gradient(135deg,#7356f4,#9d6bff);color:#fff;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 28px rgba(124,92,255,.2)}.security-hint{display:flex;gap:8px;padding:10px 11px;border-radius:8px;background:rgba(124,92,255,.07);border:1px solid rgba(124,92,255,.12);color:#8f96aa;font-size:10px;line-height:1.45}.security-hint>i{color:#957cff;margin-top:1px}.settings-page{padding-bottom:110px}

/* === Mooky v30 · Professional settings === */
.settings-head{position:sticky;top:0;z-index:45;background:rgba(8,9,14,.94)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.055)!important}.settings-head>strong{font-size:16px}.settings-logout{width:39px;height:39px;border-radius:8px;display:grid;place-items:center;color:#ff7a8e!important;background:#15131a;border:1px solid rgba(255,111,132,.12)}
.settings-v30{padding:14px 14px 118px;display:grid;gap:14px;background:radial-gradient(circle at 90% 0,rgba(124,92,255,.07),transparent 26%),#090a0f;min-height:100dvh}.settings-v30 *{box-sizing:border-box}.settings-v30 section{scroll-margin-top:78px}
.settings-hero{overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:linear-gradient(145deg,#13151f,#0e1017);box-shadow:0 18px 50px rgba(0,0,0,.18)}.settings-hero-cover{height:72px;background:linear-gradient(120deg,#5634b4 0%,#34226f 46%,#171429 100%);background-size:cover;background-position:center;position:relative}.settings-hero-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(10,11,17,.72))}.settings-hero-body{display:flex;align-items:center;gap:11px;padding:0 14px 13px;margin-top:-25px;position:relative;z-index:2}.settings-avatar-wrap{width:66px;height:66px;border-radius:8px;padding:3px;background:#0b0d13;border:1px solid rgba(255,255,255,.1);position:relative;box-shadow:0 10px 24px rgba(0,0,0,.28)}.settings-avatar-wrap img{width:100%;height:100%;border-radius:8px;object-fit:cover}.settings-status-dot{position:absolute;right:-1px;bottom:2px;width:15px;height:15px;border-radius:50%;background:#26d794;border:3px solid #0f1118}.settings-identity{flex:1;min-width:0;padding-top:27px}.settings-name-row{display:flex;align-items:center;gap:5px;min-width:0}.settings-name-row h1{margin:0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.35px}.settings-name-row .user-badges{min-width:0;overflow:hidden}.settings-identity p{margin:3px 0 0;color:#8991a5;font-size:11px}.settings-profile-link{margin-top:27px;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#171a24;border:1px solid rgba(255,255,255,.07);color:#a99aff!important;font-size:11px}.settings-account-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.015)}.settings-account-strip>div{padding:10px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.055)}.settings-account-strip>div:last-child{border-right:0}.settings-account-strip span,.settings-account-strip strong{display:block}.settings-account-strip span{font-size:8px;text-transform:uppercase;letter-spacing:.9px;color:#70788c;font-weight:800}.settings-account-strip strong{font-size:10px;margin-top:3px;color:#dfe2ec}
.settings-jump{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.settings-jump a{height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.065);background:#11131b;color:#979eb0!important;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:800}.settings-jump a i{color:#9d87ff}.settings-jump a:active{transform:scale(.98);background:#18142b}
.settings-panel{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:linear-gradient(150deg,#12141d,#0e1017 68%);box-shadow:0 18px 54px rgba(0,0,0,.16)}.settings-panel-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}.settings-panel-icon{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;flex:0 0 42px;border:1px solid rgba(255,255,255,.07)}.settings-panel-icon.purple{background:linear-gradient(145deg,rgba(124,92,255,.22),rgba(42,31,77,.28));color:#ae99ff}.settings-panel-icon.blue{background:linear-gradient(145deg,rgba(52,178,255,.18),rgba(28,56,79,.25));color:#65cfff}.settings-panel-head h2{margin:0;font-size:16px;letter-spacing:-.2px}.settings-panel-head p{margin:3px 0 0;font-size:10px;color:#7f879a}
.settings-form-v30{display:grid;gap:13px}.media-settings-row{display:grid;gap:8px}.media-picker{height:64px;padding:8px 10px;display:flex!important;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#0b0d13;cursor:pointer}.media-picker>input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.media-picker-preview{width:43px;height:43px;flex:0 0 43px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#171a24;color:#8e95a7}.media-picker-preview.avatar{border-radius:50%}.media-picker-preview img{width:100%;height:100%;object-fit:cover}.media-picker-preview.cover{background-size:cover;background-position:center}.media-picker-copy{display:block;min-width:0;flex:1}.media-picker-copy b,.media-picker-copy small{display:block}.media-picker-copy b{font-size:11px;color:#e8eaf1}.media-picker-copy small{font-size:9px;color:#70788c;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-picker-action{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:#1a172b;color:#a58cff;font-size:11px}
.field-v30{display:grid;gap:6px}.field-v30>label,.field-label-row label{font-size:10px;font-weight:800;color:#aeb4c2}.field-v30>small{font-size:8.5px;color:#697185;line-height:1.4}.field-label-row{display:flex;align-items:center;justify-content:space-between}.field-label-row>span{font-size:8px;color:#72798b}.input-v30{height:49px;border-radius:8px;border:1px solid rgba(255,255,255,.075);background:#090b11;display:flex;align-items:center;gap:9px;padding:0 11px;transition:.18s ease}.input-v30:focus-within,.textarea-v30:focus-within{border-color:rgba(138,105,255,.56);box-shadow:0 0 0 3px rgba(124,92,255,.07)}.input-v30>i{width:17px;text-align:center;color:#747c90;font-size:11px}.input-v30 input{min-width:0;flex:1;height:100%;border:0!important;background:transparent!important;color:#f4f5f9!important;padding:0!important;box-shadow:none!important;font-size:12px!important;outline:none}.input-v30 input::placeholder{color:#555c6d}.textarea-v30{border-radius:8px;border:1px solid rgba(255,255,255,.075);background:#090b11;transition:.18s ease}.textarea-v30 textarea{width:100%;min-height:98px;resize:vertical;border:0!important;background:transparent!important;color:#f1f2f6!important;padding:12px!important;outline:none;font:inherit;font-size:12px!important;line-height:1.55}.password-toggle{width:32px!important;height:32px!important;flex:0 0 32px!important;border:0!important;border-radius:10px!important;background:#161922!important;color:#888fa1!important;padding:0!important}.btn-v30{min-height:48px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:850;font-size:11px;color:#fff;cursor:pointer}.btn-v30.primary{background:linear-gradient(135deg,#6f53f3,#a56dff);box-shadow:0 12px 30px rgba(124,92,255,.2)}.btn-v30.secondary{background:#1a1729;border:1px solid rgba(134,104,255,.18);color:#b9a8ff}.btn-v30:active{transform:scale(.985)}
.security-summary-v30{display:flex;align-items:center;gap:10px;margin:-3px 0 16px;padding:11px 12px;border-radius:8px;background:rgba(42,203,144,.06);border:1px solid rgba(42,203,144,.11)}.security-summary-v30>i{color:#2bd69a;font-size:16px}.security-summary-v30 b,.security-summary-v30 small{display:block}.security-summary-v30 b{font-size:10px}.security-summary-v30 small{font-size:8.5px;color:#778192;margin-top:2px}.subsection-title{display:flex;align-items:center;gap:9px;margin-bottom:1px}.subsection-title>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(60,185,239,.09);border:1px solid rgba(60,185,239,.11);color:#64cfff;font-size:11px}.subsection-title>span.purple{background:rgba(124,92,255,.1);border-color:rgba(124,92,255,.13);color:#ad98ff}.subsection-title b,.subsection-title small{display:block}.subsection-title b{font-size:11px}.subsection-title small{font-size:8.5px;color:#777f92;margin-top:2px}.settings-divider{height:1px;background:rgba(255,255,255,.055);margin:18px 0}.password-strength-v30{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:-5px}.password-strength-v30 span{height:3px;border-radius:5px;background:#20232c;transition:.18s}.password-strength-v30 span.active{background:linear-gradient(90deg,#7b5cff,#ad77ff)}
.settings-list-section{display:grid;gap:8px}.settings-list-heading{padding:2px 3px}.settings-list-heading span{font-size:9px;text-transform:uppercase;letter-spacing:1.35px;font-weight:900;color:#6f778c}.settings-list-card{overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#11131a}.settings-list-card>a{min-height:66px;padding:10px 12px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.055);color:#e9eaf0!important}.settings-list-card>a:last-child{border-bottom:0}.settings-list-card>a>div{flex:1;min-width:0}.settings-list-card>a b,.settings-list-card>a small{display:block}.settings-list-card>a b{font-size:11px}.settings-list-card>a small{font-size:8.5px;color:#788094;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-list-card>a>i{font-size:9px;color:#5f6678}.settings-list-icon{width:39px;height:39px;flex:0 0 39px;border-radius:8px;display:grid;place-items:center;color:#a28bff;background:#1a172c;border:1px solid rgba(124,92,255,.12)}.settings-list-icon.premium{color:#ffc45c;background:linear-gradient(145deg,rgba(255,186,51,.13),rgba(77,54,13,.25));border-color:rgba(255,190,60,.13)}.settings-list-icon.admin{color:#ff8398;background:rgba(255,80,110,.08);border-color:rgba(255,80,110,.12)}.settings-signout-card{min-height:64px;padding:11px 13px;border-radius:8px;border:1px solid rgba(255,88,112,.09);background:rgba(255,70,100,.035);display:flex;align-items:center;gap:11px;color:#ff7a8f!important}.settings-signout-card>span{width:39px;height:39px;display:grid;place-items:center;border-radius:8px;background:rgba(255,76,103,.08)}.settings-signout-card b,.settings-signout-card small{display:block}.settings-signout-card b{font-size:11px}.settings-signout-card small{font-size:8.5px;color:#876f78;margin-top:3px}.settings-version{text-align:center;margin:0;color:#505768;font-size:8px}
@media(max-width:360px){.settings-v30{padding-left:10px;padding-right:10px}.settings-panel{padding:13px}.settings-account-strip strong{font-size:9px}.settings-jump a{font-size:9px}.settings-name-row h1{font-size:16px}}

/* ===== Mooky v31 — Premium Pro ===== */
.premium-v31{padding:12px 14px 110px;display:grid;gap:15px;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.11),transparent 28%)}
.premium-v31-head .premium-head-avatar{width:34px;height:34px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.premium-v31-head .premium-head-avatar img{width:100%;height:100%;object-fit:cover}
.premium-v31-hero{position:relative;overflow:hidden;padding:24px 17px 20px;border-radius:8px;border:1px solid rgba(255,208,108,.13);background:linear-gradient(155deg,#171522 0%,#11131d 55%,#0c0e15 100%);text-align:center;box-shadow:0 22px 65px rgba(0,0,0,.22)}.premium-v31-hero:before{content:"";position:absolute;width:220px;height:220px;left:50%;top:-115px;transform:translateX(-50%);border-radius:50%;background:rgba(255,185,63,.14);filter:blur(28px)}
.premium-orbit{position:relative;width:104px;height:104px;margin:0 auto 13px;border-radius:8px;background:conic-gradient(from 180deg,#8b5cf6,#ffb84d,#ff6f91,#8b5cf6);padding:1px;box-shadow:0 20px 50px rgba(111,70,255,.18)}.premium-monkey{width:100%;height:100%;border-radius:8px;background:#0c0e15;display:grid;place-items:center;position:relative}.premium-monkey img{width:76px;height:76px;object-fit:contain}.premium-monkey span{position:absolute;right:-5px;bottom:-4px;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#ffc85d,#ee8e24);color:#241404;border:3px solid #0e1017;font-size:12px}
.premium-kicker{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,190,75,.08);border:1px solid rgba(255,190,75,.14);color:#ffc566;font-size:8px;font-weight:950;letter-spacing:1.3px}.premium-v31-hero h1{position:relative;margin:13px 0 8px;font-size:30px;line-height:1.03;letter-spacing:-1.3px}.premium-v31-hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffbf54,#ff7ca0,#aa8bff);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-v31-hero>p{position:relative;margin:0 auto;color:#8c93a7;font-size:11px;line-height:1.58;max-width:330px}
.premium-live-status,.premium-standard-status{position:relative;margin:16px auto 0;max-width:300px;min-height:48px;border-radius:8px;display:flex;align-items:center;gap:9px;text-align:left;padding:8px 11px}.premium-live-status{background:rgba(38,211,145,.06);border:1px solid rgba(38,211,145,.13)}.premium-live-status>span{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:rgba(38,211,145,.12);color:#2bd79b}.premium-live-status>div{flex:1;display:grid}.premium-live-status b{font-size:10px}.premium-live-status small{font-size:8px;color:#6f827b;margin-top:2px}.premium-live-status>i{color:#ffc65a}.premium-standard-status{justify-content:center;background:#12141d;border:1px solid rgba(255,255,255,.06);color:#838a9d;font-size:10px}
.premium-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.premium-metrics>div{min-height:82px;border-radius:8px;border:1px solid rgba(255,255,255,.065);background:#11131b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}.premium-metrics i{color:#a98fff;font-size:14px}.premium-metrics b{font-size:14px;margin-top:6px}.premium-metrics small{font-size:7.5px;color:#6f778a;margin-top:2px}
.premium-section-v31{padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.065);background:linear-gradient(150deg,#12141c,#0d0f16)}.premium-section-title>span{font-size:8px;letter-spacing:1.4px;font-weight:950;color:#9178ff}.premium-section-title h2{margin:5px 0 0;font-size:18px;letter-spacing:-.35px}.premium-section-title p{margin:5px 0 0;color:#747c90;font-size:9px}.premium-feature-grid{display:grid;gap:7px;margin-top:14px}.premium-feature-grid article{display:flex;align-items:center;gap:10px;padding:11px;border-radius:8px;background:#0b0d13;border:1px solid rgba(255,255,255,.05)}.premium-feature-grid article>span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;flex:0 0 38px}.premium-feature-grid .gold{background:rgba(255,190,70,.1);color:#ffc55b}.premium-feature-grid .violet{background:rgba(139,92,246,.11);color:#aa92ff}.premium-feature-grid .blue{background:rgba(58,184,255,.1);color:#62c8ff}.premium-feature-grid .pink{background:rgba(255,95,143,.1);color:#ff7da2}.premium-feature-grid .green{background:rgba(32,217,154,.09);color:#38dba1}.premium-feature-grid .orange{background:rgba(255,145,63,.09);color:#ff9c57}.premium-feature-grid b{display:block;font-size:10px}.premium-feature-grid p{margin:3px 0 0;color:#747c90;font-size:8px;line-height:1.45}
.premium-customizer{position:relative;display:grid;gap:16px;margin-top:15px}.premium-customizer.is-locked>*:not(.premium-lock){opacity:.38}.premium-lock{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border-radius:8px;background:rgba(8,9,14,.58);backdrop-filter:blur(4px);color:#d9dbea}.premium-lock i{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#1a1728;color:#a98eff}.premium-lock b{font-size:10px;max-width:190px;line-height:1.45}.premium-choice-block>label{display:block;font-size:9px;font-weight:850;color:#aeb4c2;margin-bottom:8px}.premium-swatches{display:flex;gap:9px;flex-wrap:wrap}.premium-swatch input,.premium-theme-card input,.premium-flairs input{position:absolute;opacity:0;pointer-events:none}.premium-swatch span{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--swatch);border:3px solid #0e1017;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.premium-swatch span i{opacity:0;color:#fff;font-size:9px;text-shadow:0 1px 4px #000}.premium-swatch input:checked+span{box-shadow:0 0 0 2px var(--swatch)}.premium-swatch input:checked+span i{opacity:1}
.premium-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.premium-theme-card>span{height:60px;border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}.premium-theme-card>span>i:first-child{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:#0003}.premium-theme-card b{font-size:9px}.premium-theme-card>span>i:last-child{margin-left:auto;opacity:0}.premium-theme-card input:checked+span{border-color:#9f85ff;box-shadow:0 0 0 2px rgba(139,92,246,.08)}.premium-theme-card input:checked+span>i:last-child{opacity:1}.theme-midnight>span{background:linear-gradient(135deg,#17182a,#11121d)}.theme-jungle>span{background:linear-gradient(135deg,#143326,#101c19)}.theme-sunset>span{background:linear-gradient(135deg,#3a1d27,#26172b)}.theme-ocean>span{background:linear-gradient(135deg,#113448,#151b35)}
.premium-flairs{display:flex;gap:8px}.premium-flairs span{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:#11131b;border:1px solid rgba(255,255,255,.07);color:#8c93a6}.premium-flairs input:checked+span{background:linear-gradient(145deg,#2a204a,#1a172d);border-color:#9e80ff;color:#c5b5ff;box-shadow:0 8px 24px rgba(113,72,226,.16)}
.premium-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border-radius:8px;background:#0b0d13;border:1px solid rgba(255,255,255,.055)}.premium-toggle-row>span{display:flex;align-items:center;gap:9px}.premium-toggle-row>span>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#1a172b;color:#a78cff}.premium-toggle-row b,.premium-toggle-row small{display:block}.premium-toggle-row b{font-size:9px}.premium-toggle-row small{font-size:7.5px;color:#72798c;margin-top:2px}.premium-toggle-row>input{position:absolute;opacity:0}.premium-toggle-row>i{width:38px;height:22px;border-radius:999px;background:#222530;position:relative}.premium-toggle-row>i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#858b99;transition:.18s}.premium-toggle-row>input:checked+i{background:#7957f3}.premium-toggle-row>input:checked+i:after{left:19px;background:#fff}.premium-save-style{min-height:47px;border:0;border-radius:8px;background:linear-gradient(135deg,#6f4bf2,#a36cff);color:#fff;font-weight:900;font-size:10px}.premium-save-style:disabled{opacity:.4}
.premium-plan-v31{padding:17px;border-radius:8px;border:1px solid rgba(255,193,75,.15);background:linear-gradient(145deg,#1d1820,#12131b 62%);box-shadow:0 20px 60px rgba(0,0,0,.18)}.premium-plan-top{display:flex;align-items:flex-start;justify-content:space-between}.premium-plan-top>span{font-size:8px;letter-spacing:1.4px;font-weight:950;color:#ffc45b}.premium-price{text-align:right}.premium-price b,.premium-price small{display:block}.premium-price b{font-size:20px}.premium-price small{font-size:7px;color:#726e77}.premium-plan-v31 h2{font-size:19px;margin:10px 0 5px}.premium-plan-v31>p{font-size:9px;color:#7c8395;line-height:1.45}.premium-plan-v31 ul{list-style:none;padding:0;margin:14px 0;display:grid;gap:7px}.premium-plan-v31 li{font-size:9px;color:#b1b5c1}.premium-plan-v31 li i{color:#35d79c;margin-right:7px}.premium-activate,.premium-cancel{width:100%;min-height:49px;border-radius:8px;font-size:10px;font-weight:900}.premium-activate{border:0;background:linear-gradient(100deg,#ffb947,#ff7d91,#8c66ff);color:#fff;box-shadow:0 12px 28px rgba(181,91,117,.18)}.premium-cancel{border:1px solid rgba(255,104,130,.13);background:rgba(255,74,105,.05);color:#ff8095}.premium-footnote{text-align:center;color:#596073;font-size:8px;margin:0}.premium-footnote i{margin-right:5px}
/* Premium profile personalization */
.profile-page.profile-premium{--profile-accent:#8b5cf6}.profile-page.profile-premium .profile-cover{border-bottom:1px solid color-mix(in srgb,var(--profile-accent) 24%,transparent)}.profile-page.profile-theme-jungle .profile-cover:not([style*="background-image"]){background:linear-gradient(135deg,#113d2b,#16271f,#10131a)}.profile-page.profile-theme-sunset .profile-cover:not([style*="background-image"]){background:linear-gradient(135deg,#592432,#3e203a,#171321)}.profile-page.profile-theme-ocean .profile-cover:not([style*="background-image"]){background:linear-gradient(135deg,#12516a,#18354c,#121525)}.profile-page.profile-theme-midnight .profile-cover:not([style*="background-image"]){background:linear-gradient(135deg,#2a1e50,#15152b,#101219)}.profile-avatar-wrap.premium-glow{box-shadow:0 0 0 2px var(--profile-accent),0 0 28px color-mix(in srgb,var(--profile-accent) 42%,transparent)}.premium-profile-flair{position:absolute!important;right:-4px!important;bottom:-4px!important;width:25px!important;height:25px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:var(--profile-accent)!important;color:#fff!important;border:3px solid #0b0d13!important;font-size:9px!important}.profile-name-flair{color:var(--profile-accent);font-size:12px}.profile-page.profile-premium .profile-shortcuts>a:nth-child(2){border-color:color-mix(in srgb,var(--profile-accent) 22%,transparent);background:color-mix(in srgb,var(--profile-accent) 7%,#11131a)}
@media(max-width:360px){.premium-v31{padding-left:10px;padding-right:10px}.premium-v31-hero h1{font-size:27px}.premium-section-v31{padding:13px}.premium-theme-grid{grid-template-columns:1fr}.premium-metrics small{font-size:7px}}


/* === Mooky v32: crop, premium identity, badges, communities === */
.profile-avatar-wrap>img{border:2px solid rgba(255,255,255,.12)!important}.profile-avatar-wrap.premium-glow{padding:3px;background:transparent!important}.premium-profile-flair,.profile-name-flair{display:none!important}.profile-title-row .user-badges{display:none!important}.profile-badges-large.clean-badges{margin-top:12px}.profile-badges-large.clean-badges .user-badges{display:flex;flex-wrap:wrap;gap:7px}.profile-badges-large.clean-badges .user-badge{height:34px!important;padding:0 11px!important;border-radius:8px!important;background:#131621!important;border:1px solid rgba(255,255,255,.07)!important}.profile-badges-large.clean-badges .role-badge-icon{width:24px!important;height:24px!important;border-radius:8px!important}.profile-badges-large.clean-badges em{font-style:normal;font-size:10px!important;font-weight:800;color:#dce0eb!important}
.premium-name{--premium-name-color:#fff}.premium-name-solid{color:var(--premium-name-color)!important}.premium-name-gradient{background:linear-gradient(90deg,var(--premium-name-color),var(--profile-accent,#9d74ff),#fff);-webkit-background-clip:text;background-clip:text;color:transparent!important}.premium-name-neon{color:var(--premium-name-color)!important;text-shadow:0 0 9px color-mix(in srgb,var(--premium-name-color) 70%,transparent),0 0 22px color-mix(in srgb,var(--premium-name-color) 40%,transparent)}.premium-name-italic{color:var(--premium-name-color)!important;font-style:italic;letter-spacing:.3px}.premium-name-outline{color:transparent!important;-webkit-text-stroke:1px var(--premium-name-color);text-shadow:0 0 10px color-mix(in srgb,var(--premium-name-color) 24%,transparent)}
.premium-color-custom{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid rgba(255,255,255,.07);background:#0d0f16;border-radius:8px}.premium-color-custom input[type=color]{width:46px;height:38px;border:0;background:transparent;padding:0}.premium-color-custom span{font-size:10px;color:#8e95a8}.premium-name-styles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.premium-name-styles label input{display:none}.premium-name-styles label span{display:grid;place-items:center;min-height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#10121a;font-weight:900;font-size:12px}.premium-name-styles label input:checked+span{border-color:var(--primary);box-shadow:0 0 0 2px rgba(124,92,255,.14)}
.crop-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-end;justify-content:center}.crop-modal.open{display:flex}.crop-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.crop-sheet{position:relative;width:min(430px,100%);background:#0d0f16;border:1px solid rgba(255,255,255,.08);border-radius:8px 8px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -25px 80px rgba(0,0,0,.5)}.crop-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.crop-sheet-head small{font-size:8px;color:#9c83ff;letter-spacing:1.4px;font-weight:900}.crop-sheet-head h3{margin:3px 0 0;font-size:18px}.crop-sheet-head button{width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#171923;color:#fff}.crop-stage{height:310px;border-radius:8px;overflow:hidden;background:#05060a;display:grid;place-items:center;border:1px solid rgba(255,255,255,.06)}.crop-stage canvas{max-width:100%;max-height:100%;touch-action:none;cursor:grab}.crop-controls{display:flex;align-items:center;gap:10px;margin:14px 3px 5px}.crop-controls input{flex:1}.crop-sheet>p{font-size:10px;color:#777f91;text-align:center;margin:0 0 12px}
.head-create-community{width:40px;height:40px;border-radius:8px;border:1px solid var(--line);background:#151722;color:#a58cff}.communities-v32{padding-bottom:110px}.community-grid-v32{display:grid;gap:13px}.community-card-v32{display:block;background:#10121a;border:1px solid rgba(255,255,255,.07);border-radius:8px;overflow:hidden}.community-card-cover{height:112px;background:linear-gradient(135deg,#332261,#171a2b);background-size:cover;background-position:center;position:relative}.community-privacy{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:11px;background:rgba(8,9,14,.72);display:grid;place-items:center}.community-card-main{display:flex;gap:12px;padding:0 14px 15px}.community-avatar-v32{width:58px;height:58px;margin-top:-24px;border-radius:8px;background:#181a26;border:4px solid #10121a;overflow:hidden;display:grid;place-items:center;color:#a88eff;flex:0 0 58px}.community-avatar-v32 img{width:100%;height:100%;object-fit:cover}.community-card-main>div:last-child{padding-top:10px;min-width:0}.community-card-main b{font-size:14px}.community-card-main p{margin:5px 0;color:#959cad;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-card-main small{font-size:9px;color:#737b8f}.mooky-modal{position:fixed;inset:0;z-index:9990;display:none;align-items:flex-end;justify-content:center}.mooky-modal.open{display:flex}.mooky-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}.mooky-modal-card{position:relative;width:min(430px,100%);background:#0f1118;border-radius:8px 8px 0 0;border:1px solid rgba(255,255,255,.08);padding:18px 16px calc(20px + env(safe-area-inset-bottom));display:grid;gap:12px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head small{font-size:8px;color:#9b83ff;font-weight:900;letter-spacing:1.3px}.modal-head h3{margin:3px 0 0}.modal-close{width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:#171923;color:#fff}.community-create-modal label{display:grid;gap:6px;font-size:10px;color:#aeb4c2}.community-create-modal input,.community-create-modal textarea,.community-create-modal select{width:100%;border:1px solid var(--line);background:#090b11;color:#fff;border-radius:8px;padding:12px}.community-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.community-upload-row label{padding:13px;border:1px dashed rgba(255,255,255,.12);border-radius:8px;text-align:center;display:block}.community-upload-row input{display:none}
.community-page-v32{padding-bottom:0}.community-hero{height:170px;background:linear-gradient(135deg,#372363,#17182a);background-size:cover;background-position:center;position:relative}.community-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),#0a0b10)}.community-profile{padding:0 16px 18px}.community-profile-top{display:flex;justify-content:space-between;align-items:flex-end;margin-top:-42px;position:relative;z-index:2}.community-avatar-big{width:88px;height:88px;border-radius:8px;border:5px solid #0a0b10;background:#171a24;overflow:hidden;display:grid;place-items:center;font-size:24px;color:#a58cff}.community-avatar-big img{width:100%;height:100%;object-fit:cover}.community-profile h1{font-size:25px;margin:12px 0 6px}.community-profile>p{margin:0;color:#9ba1b2;font-size:12px;line-height:1.5}.community-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px;color:#7e8699;font-size:9px}.community-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:52px;background:#0c0e14;position:sticky;top:0;z-index:8}.community-tabs button{border:0;background:transparent;color:#818899;font-weight:800;font-size:10px}.community-tabs button.active{color:#a58cff;border-bottom:2px solid #8b5cf6}.community-tab{display:none;padding:13px 13px 110px}.community-tab.active{display:block}.community-composer{padding:13px;border:1px solid var(--line);border-radius:8px;background:#11131b;margin-bottom:12px}.community-composer>div:first-child{display:flex;gap:10px}.community-composer img{width:38px;height:38px;border-radius:50%;object-fit:cover}.community-composer textarea{flex:1;background:transparent;border:0;color:#fff;resize:none;min-height:62px;outline:0}.community-composer-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:10px}.community-composer-tools label{width:38px;height:38px;border-radius:8px;background:#191b25;display:grid;place-items:center;color:#a58cff}.community-composer-tools input{display:none}.community-feed{display:grid;gap:11px}.community-post{background:#11131b;border:1px solid var(--line);border-radius:8px;padding:14px}.community-post .post-head{display:flex;align-items:center;gap:10px}.community-post .post-head>img{width:42px;height:42px;border-radius:50%;object-fit:cover}.community-post .post-head>div{flex:1}.community-post>p{font-size:13px;line-height:1.55}.community-post-media,.community-post>video{width:100%;border-radius:8px;margin-top:10px;max-height:480px;object-fit:cover}.community-members-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.community-members-head span{padding:5px 9px;background:#171923;border-radius:10px}.community-member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.community-member-row>img{width:42px;height:42px;border-radius:50%;object-fit:cover}.community-member-row>div{flex:1;min-width:0}.community-member-row b,.community-member-row small{display:block}.community-member-row small{font-size:9px;color:#7d8495;margin-top:3px}.member-role-form select{background:#171923;color:#fff;border:1px solid var(--line);border-radius:10px;padding:7px;font-size:9px}.community-manage-card{padding:16px;border:1px solid var(--line);border-radius:8px;background:#11131b}.community-manage-card h2{margin-top:0}.community-manage-card p{color:#8d94a5;font-size:11px}.community-manage-card form{display:grid;gap:10px}

/* === Mooky v33: topbar avatar + crown cleanup === */
.social-topbar .top-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.social-topbar .top-avatar-link{display:block!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;aspect-ratio:1/1!important;border-radius:50%!important;padding:2px!important;overflow:hidden!important;background:linear-gradient(135deg,var(--accent,#7c5cff),var(--orange,#ff9c5a))!important;box-shadow:0 0 0 3px rgba(124,92,255,.08)!important}
.social-topbar .top-avatar-link img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;border:2px solid #0a0b11!important;background:#111!important}
.social-topbar .premium-crown{display:none!important}

/* Mooky V34 — vraies polices Premium */
.premium-font-default{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.premium-font-bungee{font-family:"Bungee",Impact,fantasy!important;font-weight:400!important;letter-spacing:.1px}
.premium-font-orbitron{font-family:"Orbitron",ui-sans-serif,sans-serif!important;font-weight:700!important;letter-spacing:.35px}
.premium-font-cinzel{font-family:"Cinzel",Georgia,serif!important;font-weight:700!important;letter-spacing:.2px}
.premium-font-playfair{font-family:"Playfair Display",Georgia,serif!important;font-weight:700!important}
.premium-font-pacifico{font-family:"Pacifico","Brush Script MT",cursive!important;font-weight:400!important;line-height:1.2}
.premium-font-marker{font-family:"Permanent Marker","Comic Sans MS",cursive!important;font-weight:400!important;letter-spacing:.15px}
.premium-font-caveat{font-family:"Caveat","Comic Sans MS",cursive!important;font-weight:700!important;font-size:1.15em;line-height:1}
.premium-font-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.premium-font-card input{display:none}.premium-font-card>span{min-height:76px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 14px;border-radius:8px;background:#0e1017;border:1px solid rgba(255,255,255,.07);transition:.18s ease;overflow:hidden}.premium-font-card>span:after{content:"";position:absolute;inset:auto -20px -30px auto;width:75px;height:75px;border-radius:50%;background:rgba(124,92,255,.09);filter:blur(3px)}.premium-font-card b{position:relative;z-index:1;font-size:16px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-font-card small{position:relative;z-index:1;margin-top:7px;color:#777e91;font-size:9px}.premium-font-card i{position:absolute;right:10px;top:10px;color:#7658ff;opacity:0;transform:scale(.7);transition:.18s}.premium-font-card input:checked+span{border-color:#7c5cff;background:linear-gradient(145deg,rgba(124,92,255,.18),#0e1017);box-shadow:0 0 0 2px rgba(124,92,255,.11)}.premium-font-card input:checked+span i{opacity:1;transform:scale(1)}.premium-choice-help{font-size:9px!important;line-height:1.5;color:#777f92!important;margin:5px 0 10px!important}.premium-live-name-card{border:1px solid rgba(159,125,255,.25);background:radial-gradient(circle at 80% 15%,rgba(124,92,255,.15),transparent 38%),#0d0f16;border-radius:8px;padding:16px;min-height:108px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.premium-live-name-card>small{font-family:Inter,ui-sans-serif,sans-serif!important;font-size:8px;letter-spacing:1.6px;color:#806af2;font-weight:900;margin-bottom:10px}.premium-live-name-card>div{font-size:25px;max-width:100%;overflow-wrap:anywhere}.premium-live-name-card>p{font-family:Inter,ui-sans-serif,sans-serif!important;margin:6px 0 0;color:#72798b;font-size:9px}
@media(max-width:360px){.premium-font-grid{grid-template-columns:1fr}.premium-font-card>span{min-height:65px}}

/* === Mooky v35: profil clean / suppression du grand contour arrondi === */
.profile-page,
.profile-page.profile-v4,
.profile-page.profile-premium,
.profile-page .profile-main {
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
}
.profile-page::before,
.profile-page::after,
.profile-page.profile-premium::before,
.profile-page.profile-premium::after,
.profile-page .profile-main::before,
.profile-page .profile-main::after {
  content: none !important;
  display: none !important;
}
/* On conserve uniquement les cartes internes et les séparateurs normaux. */
.profile-page + .profile-tabs {
  border-top: 1px solid var(--line) !important;
}

/* V36 — badges de grade : icônes seules + info-bulle premium */
.user-badge[data-badge-label]{position:relative;isolation:isolate;cursor:help;outline:none}
.user-badge[data-badge-label]::before,
.user-badge[data-badge-label]::after{position:absolute;left:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease;z-index:99999}
.user-badge[data-badge-label]::before{content:"";bottom:calc(100% + 6px);width:8px;height:8px;background:#222532;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);transform:translate(-50%,5px) rotate(45deg)}
.user-badge[data-badge-label]::after{content:attr(data-badge-label);bottom:calc(100% + 10px);transform:translate(-50%,5px);padding:7px 10px;border-radius:10px;background:#222532;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.46);color:#fff;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;letter-spacing:.1px}
.user-badge[data-badge-label]:hover::before,.user-badge[data-badge-label]:hover::after,
.user-badge[data-badge-label]:focus::before,.user-badge[data-badge-label]:focus::after,
.user-badge[data-badge-label]:focus-visible::before,.user-badge[data-badge-label]:focus-visible::after{opacity:1;visibility:visible}
.user-badge[data-badge-label]:hover::before,.user-badge[data-badge-label]:focus::before,.user-badge[data-badge-label]:focus-visible::before{transform:translate(-50%,0) rotate(45deg)}
.user-badge[data-badge-label]:hover::after,.user-badge[data-badge-label]:focus::after,.user-badge[data-badge-label]:focus-visible::after{transform:translate(-50%,0)}

.profile-badges-large.clean-badges{position:relative;z-index:8;margin-top:12px;overflow:visible!important}
.profile-badges-large.clean-badges .user-badges{display:flex;align-items:center;flex-wrap:wrap;gap:9px;overflow:visible!important}
.profile-badges-large.clean-badges .user-badge{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;display:inline-grid!important;place-items:center!important;z-index:1}
.profile-badges-large.clean-badges .user-badge:hover,.profile-badges-large.clean-badges .user-badge:focus{z-index:99998}
.profile-badges-large.clean-badges .role-badge-icon{width:32px!important;height:32px!important;max-width:32px!important;object-fit:contain!important;border-radius:9px!important;display:block!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.28))}
.profile-badges-large.clean-badges .user-badge em{display:none!important}
.profile-badges-large.clean-badges .badge-custom{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border-radius:10px!important;display:inline-grid!important;place-items:center!important}
.profile-badges-large.clean-badges .badge-custom i{font-size:17px!important}

/* ===== Mooky V37 · Create Pro ===== */
.create-pro{padding:14px 14px 110px;background:linear-gradient(180deg,#0b0c13 0,#090a10 100%);min-height:calc(100dvh - 60px)}
.create-head{z-index:60}.create-type-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;background:#12141d;border:1px solid var(--border);border-radius:8px;margin-bottom:14px}.create-type-switch a{min-height:54px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#888da0;font-size:11px;font-weight:800}.create-type-switch a i{font-size:18px}.create-type-switch a.active{background:linear-gradient(145deg,#7556ff,#9b6cff);color:#fff;box-shadow:0 10px 30px rgba(124,92,255,.24)}
.create-pro-form{display:grid;gap:12px}.create-author-card{display:flex;align-items:center;gap:11px;padding:8px 4px}.create-author-card img{width:48px;height:48px;border-radius:50%;object-fit:cover}.create-author-card>div{min-width:0;flex:1}.create-author-card b{display:block;font-size:16px}.create-author-card small{display:block;color:var(--muted);margin-top:2px}.create-kind-label{padding:7px 10px;border-radius:99px;background:#7c5cff19;border:1px solid #7c5cff4a;color:#b9adff;font-size:11px;font-weight:800}
.create-editor{position:relative;background:#10121a;border:1px solid var(--border);border-radius:8px;padding:4px}.create-editor textarea{min-height:180px;resize:none;border:0;background:transparent;padding:17px 16px 44px;font-size:18px;line-height:1.5;box-shadow:none}.create-editor textarea:focus{box-shadow:none}.create-editor-foot{position:absolute;left:12px;right:12px;bottom:10px;display:flex;align-items:center;justify-content:space-between;color:#70758a;font-size:11px}.create-emoji-quick{width:34px;height:34px;border:0;border-radius:8px;background:#191b26;color:#b8adff;display:grid;place-items:center;font-size:17px}
.create-media-card{display:block;cursor:pointer}.create-media-card>input{display:none}.create-media-card #createMediaEmpty{display:flex;align-items:center;gap:12px;padding:14px;background:#10121a;border:1px dashed #36394a;border-radius:8px}.create-media-card #createMediaEmpty>span{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:#7c5cff18;color:#a995ff;font-size:20px}.create-media-card #createMediaEmpty>div{flex:1;min-width:0}.create-media-card b{display:block;color:#f5f5fa;font-size:14px}.create-media-card small{display:block;color:#7f8498;font-size:11px;margin-top:3px;line-height:1.35}.create-media-preview{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:#0d0f16}.create-media-preview img,.create-media-preview video{width:100%;max-height:360px;display:block;object-fit:cover}.create-media-remove{position:absolute;right:10px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#08090dcc;color:#fff;font-size:16px}
.create-options-grid{display:grid;gap:8px}.create-option-tile{width:100%;border:1px solid var(--border);background:#11131b;color:#fff;border-radius:8px;padding:12px;display:flex;align-items:center;gap:11px;text-align:left}.create-option-tile>span{width:38px;height:38px;border-radius:8px;background:#1b1d29;color:#9e8cff;display:grid;place-items:center}.create-option-tile>div{flex:1;min-width:0}.create-option-tile b{display:block;font-size:13px}.create-option-tile small{display:block;color:#7f8498;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-option-tile>i:last-child{color:#62677a}.create-toggle-tile input{display:none}.toggle-ui{width:42px;height:24px;border-radius:99px;background:#292c38;position:relative;transition:.2s}.toggle-ui:before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.create-toggle-tile input:checked+.toggle-ui{background:#7c5cff}.create-toggle-tile input:checked+.toggle-ui:before{transform:translateX(18px)}
.create-inline-panel{background:#11131b;border:1px solid var(--border);border-radius:8px;padding:13px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-title b{font-size:13px}.panel-title button{width:32px;height:32px;border:0;background:#1a1c27;color:#8d92a5;border-radius:10px}.feeling-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:9px}.feeling-grid button{border:1px solid var(--border);background:#171925;color:#dfe1eb;border-radius:8px;padding:9px 8px;text-align:left;font-size:12px}.feeling-grid button.active{border-color:#7c5cff;background:#7c5cff1d;color:#fff}.audience-radio{display:flex;grid-template-columns:none;align-items:center;gap:11px;padding:11px;border-radius:8px;color:#fff;cursor:pointer}.audience-radio+ .audience-radio{margin-top:5px}.audience-radio input{display:none}.audience-radio>span{width:38px;height:38px;border-radius:8px;background:#1a1c27;display:grid;place-items:center;color:#9f90ff}.audience-radio>div{flex:1}.audience-radio b{display:block;font-size:13px}.audience-radio small{color:#7e8397;font-size:11px}.audience-radio>i{opacity:0;color:#8d79ff}.audience-radio:has(input:checked){background:#7c5cff10;border:1px solid #7c5cff3a}.audience-radio:has(input:checked)>i{opacity:1}
.create-section-card{background:#10121a;border:1px solid var(--border);border-radius:8px;padding:13px}.create-section-title{display:flex;gap:10px;align-items:center;margin-bottom:12px}.create-section-title>span{width:40px;height:40px;border-radius:8px;background:#7c5cff18;color:#a996ff;display:grid;place-items:center}.create-section-title b{display:block}.create-section-title small{display:block;color:#808598;font-size:11px;margin-top:2px}.poll-options-editor{display:grid;gap:8px}.poll-option-row{display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:7px}.poll-option-row>span{width:30px;height:30px;border-radius:9px;background:#1a1c27;color:#a996ff;display:grid;place-items:center;font-size:11px;font-weight:900}.poll-option-row input{padding:11px 12px}.remove-poll-option{width:34px;height:34px;border:0;background:#1b1d27;color:#7d8294;border-radius:10px}.create-add-option{margin-top:9px;border:0;background:transparent;color:#a997ff;font-weight:800;padding:8px 2px}.create-publish-bar{position:sticky;bottom:82px;z-index:12;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;margin-top:2px;background:rgba(13,14,21,.94);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:8px;box-shadow:0 15px 40px rgba(0,0,0,.28)}.create-publish-bar>div{flex:1;min-width:0}.create-publish-bar small{display:block;color:#7c8194;font-size:10px}.create-publish-bar b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-publish-bar .btn{padding:12px 15px;border-radius:8px;gap:7px}
@media(max-width:360px){.create-pro{padding-left:10px;padding-right:10px}.create-type-switch a span{font-size:10px}.create-editor textarea{font-size:16px;min-height:155px}.feeling-grid{grid-template-columns:1fr}.create-publish-bar>div{display:none}.create-publish-bar .btn{width:100%}}

/* ===== Mooky V38 · métadonnées de publication + sondages ===== */
.post-context-row{display:flex;flex-wrap:wrap;gap:7px;margin:4px 2px 11px}.post-context-row span{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 10px;border:1px solid #2a2d3a;border-radius:999px;background:#10121a;color:#b8bdd0;font-size:11px;font-weight:750}.post-context-row i{color:#987cff}.detail-context{margin:0 0 13px}.feed-poll{display:grid;gap:8px;margin:12px 0 5px}.feed-poll-option{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:44px;border:1px solid #2a2d3a;border-radius:8px;background:#0c0e15;color:#eef0f8;padding:0 12px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.feed-poll-option .poll-fill{position:absolute;z-index:-1;inset:0 auto 0 0;background:linear-gradient(90deg,#7658ff33,#aa6cff2b);transition:width .28s ease}.feed-poll-option.selected{border-color:#8b6cff;background:#151128}.feed-poll-option.selected .poll-fill{background:linear-gradient(90deg,#7658ff55,#c86cff38)}.feed-poll-option b{flex:1;font-size:12px}.feed-poll-option small{font-size:11px;color:#aeb4c7;font-weight:800}.feed-poll-foot{display:flex;justify-content:space-between;gap:10px;color:#7e8499;font-size:10px;padding:1px 2px}.detail-poll{margin:15px 0}.comments-locked{display:flex;align-items:center;gap:9px;margin:0 18px 16px;padding:13px 14px;border:1px solid #2b2e3a;border-radius:8px;background:#10121a;color:#9298ab;font-size:12px}.comments-locked i{color:#a78aff}

/* ===== V39 · Publication Pro ===== */
.post-pro-head{height:68px;border-bottom:1px solid #1f2230;background:rgba(8,9,14,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.post-pro-head>div{text-align:center;display:grid;gap:1px}.post-pro-head>div strong{font-size:17px}.post-pro-head>div small{font-size:9px;color:#6f7588;font-weight:700}.post-pro-page{padding:12px 12px 92px}.post-pro-card{margin:0!important;border:1px solid #252938;border-radius:8px;background:linear-gradient(180deg,#11141e 0%,#0e1018 100%);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.post-pro-author-row{display:flex;align-items:center;gap:11px;padding:17px 16px 11px}.post-pro-avatar{position:relative;flex:0 0 auto}.post-pro-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;display:block}.post-pro-avatar>span{position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;border:2px solid #11141e;background:#22c983}.post-pro-author{min-width:0;flex:1}.post-pro-author .name-line{display:flex;align-items:center;gap:5px;min-width:0}.post-pro-author .name-line>a{font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-pro-sub{display:flex;align-items:center;gap:6px;margin-top:3px;color:#80869b;font-size:10px}.post-pro-sub i{width:3px;height:3px;border-radius:50%;background:#4b5161}.post-visibility-pill{height:28px;padding:0 9px;border-radius:999px;border:1px solid #292d3b;background:#0b0d13;display:inline-flex;align-items:center;gap:5px;color:#9ca3b8;font-size:9px;font-weight:800;white-space:nowrap}.post-visibility-pill i{color:#9c83ff}.post-pro-context{display:flex;flex-wrap:wrap;gap:7px;padding:2px 16px 11px}.post-pro-context span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#171927;border:1px solid #2d3144;color:#c7cadd;font-size:10px;font-weight:800}.post-pro-context i{color:#9f86ff}.post-pro-text{padding:6px 16px 14px;color:#f5f6fa;font-size:15px;line-height:1.58;overflow-wrap:anywhere}.post-pro-media{margin:0 12px 12px;border-radius:8px;overflow:hidden;background:#07080c;border:1px solid #202331}.post-pro-media img,.post-pro-media video{display:block;width:100%;max-height:620px;object-fit:contain;background:#08090d}.post-image-open{display:block;position:relative;width:100%;border:0;padding:0;background:#08090d;cursor:zoom-in}.post-image-open>span{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:8px;background:rgba(7,8,12,.72);backdrop-filter:blur(10px);display:grid;place-items:center;color:white;opacity:0;transform:scale(.92);transition:.2s}.post-image-open:hover>span{opacity:1;transform:none}.post-pro-poll{margin:4px 16px 14px}.post-pro-section-label{display:flex;align-items:center;gap:7px;color:#b7aaff;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px}.post-pro-stats{display:grid;grid-template-columns:1fr 1fr 1.2fr;border-top:1px solid #232634;border-bottom:1px solid #232634}.post-pro-stats>a,.post-pro-stats>button{min-width:0;border:0;background:transparent;color:#b2b7c8;padding:12px 9px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.post-pro-stats>*+*{border-left:1px solid #232634}.post-pro-stats .stat-icon{width:27px;height:27px;border-radius:9px;background:#171a25;display:grid;place-items:center;color:#9b83ff;flex:0 0 auto}.post-pro-stats span:last-child{display:grid;text-align:left}.post-pro-stats b{font-size:11px;color:#f2f3f7}.post-pro-stats small{font-size:8px;color:#777e92;margin-top:1px}.post-pro-stats .like-btn.active .stat-icon{background:#321a43;color:#ff73c7}.post-pro-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:6px 8px 8px}.post-pro-actions button,.post-pro-actions a{border:0;background:transparent;color:#9aa1b6;text-decoration:none;display:grid;place-items:center;gap:5px;min-height:55px;border-radius:8px;font-size:10px;font-weight:850}.post-pro-actions i{font-size:18px}.post-pro-actions button:hover,.post-pro-actions a:hover{background:#171926;color:#c8c0ff}.post-pro-actions .active{color:#9e7fff}.post-discussion{margin-top:13px;padding:0 3px}.discussion-head{display:flex;align-items:flex-end;justify-content:space-between;padding:17px 4px 12px}.discussion-head>div:first-child>span{font-size:8px;letter-spacing:1.9px;color:#967bff;font-weight:950}.discussion-head h2{font-size:20px;margin:4px 0 2px}.discussion-head p{margin:0;color:#72798d;font-size:9px}.discussion-count{min-width:39px;height:39px;padding:0 10px;border:1px solid #292d3c;border-radius:8px;background:#12141d;color:#aaa1ff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:900}.comment-composer-pro{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid #282c3a;border-radius:8px;background:#10121a;margin-bottom:16px}.comment-composer-pro>img{width:38px;height:38px;object-fit:cover;border-radius:50%;flex:0 0 auto}.comment-composer-main{flex:1;min-width:0}.comment-composer-main>small{display:block;margin:6px 4px 0;color:#646b7e;font-size:8px}.comment-composer-main>small i{color:#8972ef;margin-right:4px}.comment-composer-pro .comment-input-wrap input{height:42px;border-radius:8px;background:#0a0c12;padding-left:12px;font-size:11px}.comment-composer-pro .comment-input-wrap button{width:34px;height:34px;top:4px;right:4px;border-radius:11px}.reply-context{margin:0 0 6px;padding:7px 9px;border-radius:11px;background:#19152c;border:1px solid #34295c}.comment-thread-pro{display:grid;gap:13px}.comment-pro{display:flex;gap:9px;align-items:flex-start}.comment-pro-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block}.comment-pro-body{flex:1;min-width:0}.comment-pro-card{border:1px solid #252936;border-radius:7px 8px 8px 8px;background:#11131b;padding:10px 11px}.comment-pro-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.comment-pro-identity{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.comment-pro-identity>a{font-size:11px;font-weight:900;color:#f3f4f8;text-decoration:none}.comment-pro-identity small{width:100%;font-size:8px;color:#737a8e}.comment-pro-card .comment-content{margin-top:7px;color:#e6e8ef;font-size:12px;line-height:1.48;overflow-wrap:anywhere}.comment-pro-actions{display:flex;align-items:center;gap:11px;padding:6px 4px 0;color:#73798b}.comment-pro-actions>span,.comment-pro-actions button{font-size:8.5px}.comment-pro-actions button{border:0;background:transparent;color:#81889d;padding:0;font-weight:800}.comment-pro-actions button.active{color:#a387ff}.comment-pro-actions i{margin-right:3px}.comment-replies{display:grid;gap:10px;margin-top:10px}.comment-pro.is-reply{position:relative;margin-left:8px}.comment-pro.is-reply:before{content:"";position:absolute;left:-13px;top:-10px;width:12px;height:27px;border-left:2px solid #292d3c;border-bottom:2px solid #292d3c;border-radius:0 0 0 11px}.comment-pro.is-reply .comment-pro-avatar img{width:30px;height:30px}.comment-pro.is-reply .comment-pro-card{background:#0e1017}.comments-empty-pro{text-align:center;padding:34px 18px 40px;border:1px dashed #292d3b;border-radius:8px;background:#0d0f16}.comments-empty-pro>div{width:54px;height:54px;margin:auto;border-radius:8px;background:#18142a;display:grid;place-items:center;color:#9c82ff;font-size:23px}.comments-empty-pro h3{font-size:15px;margin:13px 0 4px}.comments-empty-pro p{font-size:10px;color:#777e91;margin:0}.comments-empty-pro button{margin-top:14px;border:0;border-radius:8px;padding:10px 13px;background:#7658ff;color:#fff;font-weight:850;font-size:10px}.comments-locked{margin:0 0 16px!important}.comments-locked div{display:grid;gap:2px}.comments-locked b{color:#e8eaf1;font-size:11px}.comments-locked span{font-size:9px}.image-lightbox[hidden]{display:none!important}.image-lightbox{position:fixed;inset:0;z-index:12000;background:rgba(3,4,8,.94);backdrop-filter:blur(15px);display:grid;place-items:center;padding:20px}.image-lightbox img{max-width:min(100%,900px);max-height:88dvh;object-fit:contain;border-radius:8px}.image-lightbox-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;width:42px;height:42px;border:1px solid #343847;border-radius:8px;background:#13151e;color:#fff;font-size:18px}.post404{min-height:75dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.post404-icon{width:70px;height:70px;border-radius:8px;background:#18142a;display:grid;place-items:center;color:#987cff;font-size:29px}.post404 h1{font-size:21px;margin:14px 0 5px}.post404 p{color:#7f8597;font-size:11px;max-width:280px}.post404 .btn{margin-top:14px;text-decoration:none}
@media(max-width:380px){.post-pro-page{padding-left:8px;padding-right:8px}.post-pro-author-row{padding-left:12px;padding-right:12px}.post-visibility-pill{font-size:0;width:28px;padding:0;justify-content:center}.post-pro-stats{grid-template-columns:1fr 1fr 1fr}.post-pro-stats small{display:none}.post-pro-actions span{font-size:9px}.comment-pro-actions{gap:8px}.comment-pro-actions>span,.comment-pro-actions button{font-size:8px}}

/* ===== Mooky V40 · Hashtags & tendances ===== */
.hashtag-link{color:#a58cff!important;font-weight:800;text-decoration:none}.hashtag-link:hover{text-decoration:underline;color:#c6b8ff!important}
.create-editor-tools{display:flex;align-items:center;gap:6px}.create-trending-tags{margin:-4px 0 14px;padding:10px 12px;border:1px solid #202431;border-radius:8px;background:#0f1118}.create-trending-tags>span{display:flex;align-items:center;gap:6px;color:#8f96a9;font-size:10px;font-weight:800;margin-bottom:8px}.create-trending-tags>div{display:flex;gap:7px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.create-trending-tags>div::-webkit-scrollbar{display:none}.create-trending-tags button{border:1px solid rgba(137,104,255,.28);background:#171329;color:#b9aaff;border-radius:999px;padding:8px 10px;white-space:nowrap;font:inherit;font-size:10px;font-weight:800}
.trend-chips a{position:relative}.trend-chips a small{margin-left:5px;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.07);display:inline-grid;place-items:center;font-size:8px;color:#9ba2b5}
.hashtag-head .head-icon{display:grid;place-items:center}.hashtag-hero{margin:18px 18px 12px;padding:18px;border:1px solid rgba(130,99,255,.25);border-radius:8px;background:radial-gradient(circle at 85% 10%,rgba(128,84,255,.22),transparent 43%),linear-gradient(145deg,#151321,#101119);display:flex;gap:14px;align-items:flex-start}.hashtag-icon{width:54px;height:54px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#7657ff,#a76cff);box-shadow:0 12px 35px rgba(116,82,255,.25);font-size:22px}.hashtag-hero span{font-size:8px;letter-spacing:.18em;color:#9c87ff;font-weight:900}.hashtag-hero h1{margin:3px 0 5px;font-size:25px;line-height:1.05}.hashtag-hero p{margin:0;color:#939bad;font-size:11px;line-height:1.45}.hashtag-stats{margin:0 18px 12px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #202431;border-radius:8px;overflow:hidden;background:#101219}.hashtag-stats div{padding:12px 6px;text-align:center;border-right:1px solid #202431}.hashtag-stats div:last-child{border-right:0}.hashtag-stats b{display:block;font-size:16px}.hashtag-stats span{display:block;margin-top:3px;color:#838b9f;font-size:8px}.hashtag-actions{display:flex;gap:8px;padding:0 18px 14px}.hashtag-actions .btn{flex:1;min-height:42px;font-size:10px}.hashtag-feed{padding:0 12px 92px;display:grid;gap:10px}.hashtag-post{display:block;padding:13px;border:1px solid #212532;border-radius:8px;background:#11131b;color:inherit;text-decoration:none}.hashtag-post-head{display:flex;align-items:center;gap:9px}.hashtag-post-head>img{width:40px;height:40px;border-radius:50%;object-fit:cover}.hashtag-post-head>div{min-width:0;flex:1}.hashtag-post-head small{color:#858da1;font-size:9px}.hashtag-post-text{margin-top:10px;font-size:12px;line-height:1.45;color:#edf0f6}.hashtag-post-media{margin-top:10px;border-radius:8px;overflow:hidden;position:relative;background:#090a0f;max-height:330px;display:block}.hashtag-post-media img,.hashtag-post-media video{width:100%;max-height:330px;object-fit:cover;display:block}.hashtag-post-media>i{position:absolute;inset:0;margin:auto;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);backdrop-filter:blur(8px)}.hashtag-post-meta{display:flex;gap:14px;align-items:center;margin-top:10px;color:#8f97aa;font-size:9px}.hashtag-post-meta span:last-child{margin-left:auto;color:#9d87ff}
.trends-page{padding:18px 16px 94px}.trends-hero{padding:9px 2px 15px}.trends-hero h1{font-size:29px;line-height:1.03;margin:8px 0 6px}.trends-hero p{color:#9098aa;font-size:11px;margin:0}.trend-hero-strip{display:grid;gap:7px;margin:8px 0 16px}.trend-hero-strip>a{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #222634;border-radius:8px;background:#101219;color:inherit;text-decoration:none}.trend-hero-strip em{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#19152b;color:#aa96ff;font-size:9px;font-style:normal;font-weight:900}.trend-hero-strip div{flex:1;min-width:0;display:grid;gap:2px}.trend-hero-strip b{font-size:12px}.trend-hero-strip small{font-size:8px;color:#81899d}.trend-hero-strip>a>i{font-size:9px;color:#646b7d}.trend-period-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px;border:1px solid #202431;background:#0e1016;border-radius:8px;margin-bottom:17px}.trend-period-tabs a{padding:9px 4px;border-radius:10px;text-align:center;text-decoration:none;color:#7f8798;font-size:9px;font-weight:800}.trend-period-tabs a.active{background:linear-gradient(135deg,#6f50ff,#a16bff);color:#fff;box-shadow:0 7px 20px rgba(111,80,255,.18)}.trend-section-title{margin:0 2px 9px}.trend-section-title>a{font-size:9px;display:flex;align-items:center;gap:5px}.trend-ranking{display:grid;gap:7px}.trend-rank-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #202431;border-radius:8px;background:#101219;text-decoration:none;color:inherit}.trend-rank-number{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#171923;color:#a5acbc;font-size:11px;font-weight:900}.trend-rank-row:nth-child(-n+3) .trend-rank-number{background:linear-gradient(135deg,rgba(117,83,255,.25),rgba(164,98,255,.14));color:#b9a8ff}.trend-rank-copy{flex:1;min-width:0;display:grid;gap:2px}.trend-rank-copy b{font-size:12px}.trend-rank-copy small{font-size:8px;color:#828a9d}.trend-hot{color:#ff794d}.trend-go{font-size:9px;color:#636b7d}.trend-tip{margin-top:17px;padding:13px;display:flex;gap:11px;border:1px solid rgba(137,104,255,.24);border-radius:8px;background:linear-gradient(135deg,rgba(126,88,255,.09),#101219)}.trend-tip>i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#211a3d;color:#b39dff}.trend-tip b{font-size:11px}.trend-tip p{font-size:9px;color:#8b93a5;margin:4px 0 0;line-height:1.45}.trend-tip a{color:#aa95ff}.trend-entry{margin-top:18px;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(132,98,255,.25);border-radius:8px;background:linear-gradient(135deg,rgba(119,82,255,.12),#11131a);text-decoration:none;color:inherit}.trend-entry>span{width:39px;height:39px;border-radius:8px;display:grid;place-items:center;background:#201938;color:#ff8564}.trend-entry>div{flex:1;display:grid}.trend-entry b{font-size:11px}.trend-entry small{font-size:8px;color:#858da1;margin-top:2px}.trend-entry>i{font-size:9px;color:#676f81}.search-tag-results{display:grid;gap:7px}.search-tag-results>a{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #202431;border-radius:8px;background:#101219;color:inherit;text-decoration:none}.search-tag-results>a>span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#1b1730;color:#a991ff}.search-tag-results>a>div{flex:1;display:grid}.search-tag-results b{font-size:11px}.search-tag-results small{font-size:8px;color:#838b9f;margin-top:2px}.search-tag-results>a>i{font-size:9px;color:#686f81}
@media(max-width:360px){.hashtag-hero{margin-left:10px;margin-right:10px}.hashtag-stats{margin-left:10px;margin-right:10px}.hashtag-actions{padding-left:10px;padding-right:10px}.trends-page{padding-left:10px;padding-right:10px}}

/* V41 — actions publication + modales de confirmation */
.post-pro-actions{gap:4px;padding:8px 9px 10px}
.post-pro-actions button,.post-pro-actions a{min-width:0;min-height:66px;padding:6px 2px;gap:6px;border-radius:8px;transition:background .18s ease,color .18s ease,transform .18s ease}
.post-pro-actions button:active,.post-pro-actions a:active{transform:scale(.96)}
.post-pro-actions .post-action-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#171a24;border:1px solid #242938;color:#9aa5bf;transition:.18s ease}
.post-pro-actions .post-action-icon i{font-size:17px;line-height:1}
.post-pro-actions .action-label{font-size:9.5px;line-height:1;font-weight:900;color:#abb1c3;white-space:nowrap}
.post-pro-actions button:hover .post-action-icon,.post-pro-actions a:hover .post-action-icon{background:#1d1930;border-color:#3b315d;color:#b6a5ff}
.post-pro-actions .like-btn.active .post-action-icon{background:linear-gradient(135deg,#5e2c85,#7f4ad9);border-color:#8f62e5;color:#fff;box-shadow:0 7px 20px rgba(139,83,220,.22)}
.post-pro-actions .like-btn.active .action-label{color:#a98bff}
.post-pro-actions .save-btn.active .post-action-icon{background:linear-gradient(135deg,#272051,#4836a2);border-color:#705df0;color:#d6ceff;box-shadow:0 7px 20px rgba(104,82,225,.2)}
.post-pro-actions .save-btn.active .action-label{color:#b8a7ff}

/* Les confirmations doivent toujours passer au-dessus des bottom-sheets/drawers. */
.mooky-modal-backdrop{z-index:20000!important}
.mooky-modal-layer{z-index:20010!important}
.mooky-modal-layer .mooky-modal{position:relative;z-index:1}
body.modal-open{overflow:hidden}
@media(max-width:430px){
  .post-pro-actions{gap:2px;padding-left:5px;padding-right:5px}
  .post-pro-actions .post-action-icon{width:36px;height:36px;border-radius:8px}
  .post-pro-actions .action-label{font-size:9px}
  .mooky-modal-layer{align-items:center!important;padding:18px!important}
  .mooky-modal-layer .mooky-modal{border-radius:8px!important}
}

/* =========================================================
   Mooky V42 — Page hashtag premium/pro
   ========================================================= */
.hashtag-pro-head{height:66px;padding:0 14px;border-bottom:1px solid #1b1f2a;background:rgba(9,10,16,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:45}
.hashtag-head-title{display:grid;text-align:center;line-height:1.08}.hashtag-head-title strong{font-size:15px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hashtag-head-title small{font-size:8px;color:#7f879a;margin-top:4px;font-weight:700}.hashtag-pro-page{padding:16px 14px 98px;background:linear-gradient(180deg,#0a0b11 0,#090a0f 100%);min-height:calc(100dvh - 66px)}
.hashtag-pro-hero{position:relative;overflow:hidden;padding:19px;border:1px solid rgba(125,91,255,.32);border-radius:8px;background:linear-gradient(145deg,#141522,#11121a 64%,#171129);display:flex;gap:14px;align-items:flex-start;box-shadow:0 18px 50px rgba(0,0,0,.18)}.hashtag-pro-glow{position:absolute;width:190px;height:190px;border-radius:50%;right:-74px;top:-96px;background:rgba(131,83,255,.22);filter:blur(2px);pointer-events:none}.hashtag-pro-symbol{position:relative;z-index:1;width:60px;height:60px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#7151ff,#a66cff);font-size:24px;color:#fff;box-shadow:0 14px 38px rgba(117,79,255,.3)}.hashtag-pro-copy{position:relative;z-index:1;min-width:0}.hashtag-pro-kicker{display:flex;align-items:center;gap:6px;color:#aa98ff;font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.hashtag-pro-kicker i{color:#ff8157}.hashtag-pro-copy h1{font-size:26px;line-height:1.02;margin:5px 0 6px;overflow-wrap:anywhere}.hashtag-pro-copy p{margin:0;color:#929aad;font-size:10.5px;line-height:1.5}.hashtag-pro-updated{display:flex;align-items:center;gap:5px;margin-top:10px;color:#747d91;font-size:8px;font-weight:700}
.hashtag-pro-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:11px 0 12px;border:1px solid #202431;border-radius:8px;overflow:hidden;background:#101219}.hashtag-pro-stats>div{display:grid;place-items:center;padding:12px 4px;border-right:1px solid #202431}.hashtag-pro-stats>div:last-child{border-right:0}.hashtag-pro-stats .stat-ico{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;margin-bottom:6px;font-size:10px}.stat-ico.purple{background:#1e1936;color:#9d86ff}.stat-ico.cyan{background:#102932;color:#5bd8ff}.stat-ico.pink{background:#321729;color:#ff77ad}.stat-ico.amber{background:#302413;color:#ffc265}.hashtag-pro-stats b{font-size:14px;line-height:1}.hashtag-pro-stats small{margin-top:4px;color:#7f879a;font-size:7px;text-align:center}
.hashtag-pro-cta-row{display:grid;grid-template-columns:1fr 48px;gap:9px;margin-bottom:18px}.hashtag-pro-primary,.hashtag-pro-square{min-height:48px;border-radius:8px;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center}.hashtag-pro-primary{gap:8px;padding:0 14px;background:linear-gradient(135deg,#6f50ff,#a36bff);font-size:10px;font-weight:850;box-shadow:0 12px 30px rgba(113,78,255,.18)}.hashtag-pro-primary b{font-weight:950}.hashtag-pro-square{border:1px solid #252937;background:#13151e;color:#a993ff;font-size:15px}
.hashtag-related{margin-bottom:18px}.hashtag-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 2px 9px}.hashtag-section-head>div>span{display:block;color:#8d79ff;font-size:7px;letter-spacing:.16em;font-weight:950;margin-bottom:3px}.hashtag-section-head h2{font-size:17px;margin:0;line-height:1.1}.hashtag-section-head>a{font-size:8px;color:#a48fff;text-decoration:none;font-weight:800}.hashtag-related-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.hashtag-related-strip::-webkit-scrollbar{display:none}.hashtag-related-strip>a{min-width:138px;padding:12px;border:1px solid #202431;border-radius:8px;background:linear-gradient(145deg,#11131b,#0e1017);color:inherit;text-decoration:none;display:grid;gap:4px;position:relative}.hashtag-related-strip em{position:absolute;right:9px;top:9px;width:23px;height:23px;border-radius:8px;background:#1b1730;color:#a990ff;display:grid;place-items:center;font-size:7px;font-style:normal;font-weight:950}.hashtag-related-strip b{font-size:11px;padding-right:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hashtag-related-strip small{font-size:7px;color:#7f8799}
.hashtag-pro-feed-section{margin-top:2px}.hashtag-feed-heading{align-items:center}.hashtag-sort-tabs{display:flex;gap:4px;padding:3px;border:1px solid #202431;border-radius:8px;background:#0f1118}.hashtag-sort-tabs a{padding:7px 8px;border-radius:9px;text-decoration:none;color:#7f8799;font-size:7px;font-weight:850;white-space:nowrap;display:flex;align-items:center;gap:4px}.hashtag-sort-tabs a.active{background:#201a3b;color:#b9a7ff}.hashtag-pro-list{display:grid;gap:11px}.hashtag-pro-card{overflow:hidden;border:1px solid #222633;border-radius:8px;background:linear-gradient(145deg,#12141c,#0f1118);box-shadow:0 14px 34px rgba(0,0,0,.12)}.hashtag-pro-author{display:flex;align-items:center;gap:9px;padding:12px 12px 8px;color:inherit;text-decoration:none}.hashtag-pro-author>img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#0a0b10}.hashtag-pro-author-copy{flex:1;min-width:0}.hashtag-pro-author-copy .name-line{display:flex;align-items:center;gap:4px;min-width:0}.hashtag-pro-author-copy .name-line>b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hashtag-pro-author-copy small{display:block;color:#7f8798;font-size:8px;margin-top:2px}.hashtag-pro-author>i{font-size:8px;color:#596173}.hashtag-pro-card-body{display:block;color:inherit;text-decoration:none}.hashtag-pro-text{padding:5px 13px 11px;font-size:12px;line-height:1.48;color:#eef1f7;overflow-wrap:anywhere}.hashtag-pro-media{margin:0 10px 10px;border-radius:8px;overflow:hidden;position:relative;background:#08090e;max-height:410px}.hashtag-pro-media img,.hashtag-pro-media video{width:100%;max-height:410px;display:block;object-fit:cover}.hashtag-video-play{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(8,9,14,.7);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.12)}.hashtag-pro-card-foot{display:flex;align-items:center;gap:6px;padding:9px 11px;border-top:1px solid #202431}.hashtag-pro-card-foot>a{height:32px;min-width:54px;padding:0 10px;border-radius:11px;display:flex;align-items:center;gap:6px;background:#151721;color:#8790a4;text-decoration:none;font-size:8px;font-weight:800}.hashtag-pro-card-foot>a:first-child i{color:#ff739d}.hashtag-pro-card-foot .hashtag-open-post{margin-left:auto;background:transparent;padding-right:4px;color:#aa96ff;min-width:0}.hashtag-pro-card-foot .hashtag-open-post i{font-size:7px}.hashtag-pro-empty{padding:28px 18px;border:1px dashed #282d3b;border-radius:8px;background:#0f1118;text-align:center}.hashtag-pro-empty>span{width:54px;height:54px;border-radius:8px;display:grid;place-items:center;margin:0 auto 11px;background:#1c1732;color:#9d86ff;font-size:20px}.hashtag-pro-empty h3{font-size:15px;margin:0 0 5px}.hashtag-pro-empty p{font-size:9px;line-height:1.5;color:#858da0;max-width:290px;margin:0 auto}.hashtag-pro-empty>a{display:inline-flex;align-items:center;gap:6px;margin-top:13px;padding:10px 13px;border-radius:8px;background:linear-gradient(135deg,#6f50ff,#a36bff);color:#fff;text-decoration:none;font-size:9px;font-weight:850}
@media(max-width:370px){.hashtag-pro-page{padding-left:9px;padding-right:9px}.hashtag-pro-hero{padding:15px}.hashtag-pro-symbol{width:52px;height:52px}.hashtag-pro-copy h1{font-size:23px}.hashtag-pro-stats .stat-ico{width:25px;height:25px}.hashtag-pro-stats small{font-size:6.5px}.hashtag-section-head{align-items:flex-start;flex-direction:column}.hashtag-sort-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.hashtag-sort-tabs a{justify-content:center}.hashtag-related-strip>a{min-width:126px}}


/* ========================================================================== */
/* Mooky V43 — confirmation portal (isolated from community modal CSS)        */
/* ========================================================================== */
#mookyModalBackdrop.mooky-confirm-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  background:rgba(2,3,8,.76)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .18s ease,visibility .18s ease!important;
}
#mookyModalBackdrop.mooky-confirm-backdrop.open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#mookyModalLayer.mooky-confirm-layer{
  position:fixed!important;
  inset:0!important;
  z-index:2147483010!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .18s ease,visibility .18s ease!important;
}
#mookyModalLayer.mooky-confirm-layer.open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#mookyModalLayer .mooky-confirm-dialog{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:min(390px,calc(100vw - 30px))!important;
  max-height:min(78dvh,620px)!important;
  overflow:auto!important;
  padding:22px!important;
  margin:0!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#171a25 0%,#0e1017 100%)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 32px 100px rgba(0,0,0,.72),0 0 0 1px rgba(123,88,255,.05) inset!important;
  transform:translateY(12px) scale(.985)!important;
  transition:transform .18s ease!important;
  color:#fff!important;
}
#mookyModalLayer.open .mooky-confirm-dialog{transform:none!important}
#mookyModalLayer .mooky-modal-icon{
  width:52px!important;height:52px!important;border-radius:8px!important;
  display:grid!important;place-items:center!important;font-size:20px!important;
  margin:0 0 15px!important;
}
#mookyModalLayer .mooky-modal-copy h3{margin:0 0 7px!important;font-size:21px!important;line-height:1.15!important}
#mookyModalLayer .mooky-modal-copy p{margin:0!important;color:#a8aec0!important;font-size:13px!important;line-height:1.55!important}
#mookyModalLayer .mooky-modal-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:20px!important}
#mookyModalLayer .modal-btn{min-height:48px!important;border-radius:8px!important;font-size:12px!important}
#mookyModalLayer .modal-btn.primary{background:linear-gradient(135deg,#6d50f3,#a76cff)!important}
#mookyModalLayer .modal-btn.ghost{background:#1a1d27!important;border:1px solid rgba(255,255,255,.08)!important;color:#d7dae4!important}
#mookyModalLayer .mooky-modal-icon.danger{background:rgba(255,82,109,.12)!important;color:#ff7188!important}
#mookyModalLayer .mooky-modal-icon.warning{background:rgba(255,185,77,.12)!important;color:#ffc56c!important}
body.modal-open{overflow:hidden!important}
@media(max-width:600px){
  #mookyModalLayer.mooky-confirm-layer{align-items:flex-end!important;padding:10px!important}
  #mookyModalLayer .mooky-confirm-dialog{
    width:min(430px,100%)!important;
    border-radius:8px 8px 8px 8px!important;
    padding:20px 18px calc(18px + env(safe-area-inset-bottom))!important;
    transform:translateY(22px)!important;
  }
}

/* Mooky V44 · Edit post pro */
.edit-post-pro{padding:14px 14px 108px;min-height:calc(100dvh - 62px);background:linear-gradient(180deg,#0b0c13 0,#08090e 100%)}
.edit-post-head>div{text-align:center;display:grid;gap:2px}.edit-post-head>div strong{font-size:17px}.edit-post-head>div small{font-size:8px;color:#777e91;font-weight:700}.edit-post-intro{display:grid;gap:10px;margin-bottom:12px}.edit-post-author{display:flex;align-items:center;gap:10px;padding:4px}.edit-post-author>img{width:46px;height:46px;border-radius:50%;object-fit:cover}.edit-post-author>div{min-width:0;flex:1}.edit-post-author b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-post-author small{display:block;color:#7f879a;font-size:10px;margin-top:2px}.edit-post-author>span{padding:7px 9px;border-radius:999px;background:#17142a;border:1px solid #342a59;color:#b8a9ff;font-size:9px;font-weight:900}.edit-post-tip{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:8px;background:linear-gradient(135deg,#17142a,#11131c);border:1px solid #31284f;color:#a98fff}.edit-post-tip>i{margin-top:2px}.edit-post-tip b,.edit-post-tip small{display:block}.edit-post-tip b{font-size:11px;color:#f1efff}.edit-post-tip small{font-size:9px;color:#898fa2;margin-top:2px;line-height:1.35}.edit-post-form{display:grid;gap:11px}.edit-post-panel{padding:14px;border:1px solid #242835;border-radius:8px;background:linear-gradient(180deg,#11131b 0,#0f1118 100%);box-shadow:0 12px 34px rgba(0,0,0,.14)}.edit-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.edit-panel-title>div{width:37px;height:37px;border-radius:8px;display:grid;place-items:center;background:#1c1731;border:1px solid #382d61;color:#9c82ff;flex:0 0 auto}.edit-panel-title>span{min-width:0}.edit-panel-title b,.edit-panel-title small{display:block}.edit-panel-title b{font-size:12px}.edit-panel-title small{font-size:8.5px;color:#747c91;margin-top:2px;line-height:1.3}.edit-post-editor{border:1px solid #292d3b;border-radius:8px;background:#090b11;overflow:visible}.edit-post-editor textarea{width:100%;min-height:180px;resize:none;border:0;outline:0;background:transparent;color:#f4f5f9;padding:14px 14px 7px;font:inherit;font-size:15px;line-height:1.55}.edit-post-editor textarea::placeholder{color:#555d71}.edit-post-editor-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1e222d;padding:8px 9px}.edit-post-editor-foot>div{display:flex;gap:5px}.edit-post-editor-foot button{width:32px;height:32px;border:0;border-radius:10px;background:#151823;color:#9f88ff}.edit-post-editor-foot>span{font-size:8px;color:#70778a}.edit-tag-suggestions{margin-top:10px}.edit-tag-suggestions>span{display:block;color:#777f92;font-size:8px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px}.edit-tag-suggestions>span i{color:#9e83ff;margin-right:4px}.edit-tag-suggestions>div{display:flex;gap:6px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.edit-tag-suggestions>div::-webkit-scrollbar{display:none}.edit-tag-suggestions button{white-space:nowrap;border:1px solid #2c3040;background:#171925;color:#b5a7ff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.edit-current-media,.edit-new-media{border:1px solid #282c39;border-radius:8px;overflow:hidden;background:#090a0f}.edit-current-media img,.edit-current-media video,.edit-new-media img,.edit-new-media video{display:block;width:100%;max-height:420px;object-fit:contain;background:#07080c}.edit-current-media>div,.edit-new-media>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px}.edit-current-media>div span,.edit-new-media>div span{font-size:9px;font-weight:850;color:#b9bfd0}.edit-current-media>div span i,.edit-new-media>div span i{color:#8d73ff;margin-right:5px}.edit-current-media button{border:0;background:#2a1720;color:#ff7691;border-radius:10px;padding:7px 9px;font-size:8px;font-weight:900}.edit-current-media.is-removed{opacity:.35;filter:grayscale(.5)}.edit-media-picker{display:flex;align-items:center;gap:10px;margin-top:9px;padding:11px;border:1px dashed #34394a;border-radius:8px;background:#0c0e15;cursor:pointer}.edit-media-picker input{display:none}.edit-media-picker-icon{width:36px;height:36px;border-radius:8px;background:#1c1732;display:grid;place-items:center;color:#9e83ff}.edit-media-picker>span:nth-child(3){flex:1;min-width:0}.edit-media-picker b,.edit-media-picker small{display:block}.edit-media-picker b{font-size:10px}.edit-media-picker small{font-size:8px;color:#747b8f;margin-top:2px}.edit-media-picker>i{color:#626a7e}.edit-new-media{margin-top:9px}.edit-new-media[hidden]{display:none}.edit-new-media>div{display:grid;gap:2px}.edit-new-media>div small{font-size:8px;color:#72798c}.edit-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.edit-fields-grid label>span{display:block;color:#9299aa;font-size:8px;font-weight:800;margin:0 0 5px 3px}.edit-fields-grid label>span i{color:#997fff;margin-right:4px}.edit-fields-grid input{width:100%;height:43px;border:1px solid #292d3b;border-radius:8px;background:#090b11;color:#fff;padding:0 11px;outline:0;font-size:10px}.edit-select-row,.edit-toggle-row{display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px 11px;border:1px solid #292d3b;border-radius:8px;background:#0b0d13}.edit-select-row>span,.edit-toggle-row>span{flex:1;min-width:0;display:grid;grid-template-columns:18px 1fr;column-gap:3px;align-items:center}.edit-select-row>span i,.edit-toggle-row>span i{grid-row:1/3;color:#9a80ff}.edit-select-row b,.edit-toggle-row b{font-size:10px}.edit-select-row small,.edit-toggle-row small{font-size:8px;color:#72798d}.edit-select-row select{border:0;background:#171a25;color:#e9ebf2;border-radius:10px;padding:8px 9px;font-size:9px;outline:0}.edit-toggle-row input{display:none}.edit-switch{width:40px;height:23px;border-radius:999px;background:#242834;position:relative;transition:.2s;flex:0 0 auto}.edit-switch:before{content:"";position:absolute;width:17px;height:17px;border-radius:50%;left:3px;top:3px;background:#747c90;transition:.2s}.edit-toggle-row input:checked+.edit-switch{background:#6848df}.edit-toggle-row input:checked+.edit-switch:before{transform:translateX(17px);background:white}.edit-poll-options{display:grid;gap:7px}.edit-poll-options label{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:7px}.edit-poll-options label span{font-size:8px;color:#7d8497}.edit-poll-options input{height:42px;border:1px solid #292d3b;border-radius:8px;background:#090b11;color:#fff;padding:0 11px;font-size:10px}.edit-poll-options input[readonly]{opacity:.62}.edit-lock-note{margin:9px 0 0;padding:9px 10px;border-radius:8px;background:#181721;color:#858c9d;font-size:8px;line-height:1.4}.edit-lock-note i{color:#9a82ff;margin-right:4px}.edit-post-summary{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px 12px;border:1px solid #232735;border-radius:8px;background:#0e1017}.edit-post-summary>div{display:flex;align-items:center;gap:9px}.edit-post-summary>div>i{width:34px;height:34px;border-radius:11px;background:#171a25;color:#9a81ff;display:grid;place-items:center}.edit-post-summary b,.edit-post-summary small{display:block}.edit-post-summary b{font-size:10px}.edit-post-summary small{font-size:8px;color:#777f92;margin-top:2px}.edit-post-summary>a{color:#af9fff;text-decoration:none;font-size:9px;font-weight:850}.edit-post-savebar{position:sticky;bottom:8px;z-index:20;display:grid;grid-template-columns:88px 1fr;gap:8px;padding:8px;border:1px solid #292d3b;border-radius:8px;background:rgba(14,16,23,.92);backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.4)}.edit-post-savebar>a,.edit-post-savebar>button{height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900;text-decoration:none}.edit-cancel{border:1px solid #2a2e3b;background:#161923;color:#9aa1b3}.edit-save{border:0;background:linear-gradient(135deg,#6d4bff,#a369ff);color:#fff;box-shadow:0 10px 25px rgba(116,79,255,.26)}
@media(max-width:370px){.edit-post-pro{padding-left:10px;padding-right:10px}.edit-fields-grid{grid-template-columns:1fr}.edit-post-editor textarea{min-height:150px}.edit-post-savebar{grid-template-columns:68px 1fr}.edit-cancel span{display:none}}

/* V45 — Lecteur vidéo Mooky + actions publication parfaitement alignées */
.post-pro-actions{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:5px!important;padding:9px 10px 11px!important}
.post-pro-actions>button,.post-pro-actions>a{width:100%;height:68px;min-height:68px!important;padding:6px 1px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:8px!important;line-height:1!important}
.post-pro-actions .post-action-icon{flex:0 0 38px;width:38px!important;height:38px!important;margin:0!important}
.post-pro-actions .action-label{display:block;min-height:11px;text-align:center;margin:0!important;white-space:nowrap}
.post-pro-actions .save-btn{align-self:stretch!important}
.post-pro-actions .save-btn .post-action-icon{margin-inline:auto!important}

.mooky-video-card{position:relative;display:block;width:100%;padding:0;border:0;background:#06070b;overflow:hidden;cursor:pointer;color:#fff}
.mooky-video-card video{display:block;width:100%;max-height:620px;object-fit:contain;background:#06070b;pointer-events:none}
.mooky-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.05) 50%,rgba(0,0,0,.5));pointer-events:none}
.mooky-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#704fff,#a66eff);box-shadow:0 18px 48px rgba(117,79,255,.38);border:1px solid rgba(255,255,255,.18);font-size:22px;padding-left:4px;transition:.2s}
.mooky-video-card:hover .mooky-video-play{transform:translate(-50%,-50%) scale(1.07)}
.mooky-video-badge,.mooky-video-duration{position:absolute;bottom:12px;height:29px;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:10px;background:rgba(10,11,16,.74);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:850}
.mooky-video-badge{left:12px}.mooky-video-duration{right:12px;font-variant-numeric:tabular-nums}
.feed-video-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(113,77,255,.94);color:white;box-shadow:0 12px 30px rgba(96,66,220,.35);pointer-events:none}
.post-media-v3{position:relative;overflow:hidden}.post-media-v3 video{pointer-events:none}

.mooky-video-modal[hidden]{display:none!important}.mooky-video-modal{position:fixed;inset:0;z-index:30000;display:flex;align-items:center;justify-content:center;padding:16px}
.mooky-video-modal-backdrop{position:absolute;inset:0;background:rgba(2,3,7,.88);backdrop-filter:blur(18px)}
.mooky-video-dialog{position:relative;width:min(100%,780px);max-height:calc(100dvh - 32px);border-radius:8px;overflow:hidden;background:#0e1017;border:1px solid #2d3140;box-shadow:0 30px 100px rgba(0,0,0,.7);display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.mooky-video-head{height:62px;padding:0 14px 0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #232734;background:#11131b}
.mooky-video-head>div{display:flex;align-items:center;gap:10px}.mooky-video-logo{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#5e43e5,#9d68ff);color:#fff}
.mooky-video-head b,.mooky-video-head small{display:block}.mooky-video-head b{font-size:12px}.mooky-video-head small{font-size:8px;color:#777f91;margin-top:2px}.mooky-video-head button{width:38px;height:38px;border-radius:8px;border:1px solid #292d3a;background:#181a24;color:#c5c9d5;font-size:16px}
.mooky-video-stage{position:relative;display:grid;place-items:center;background:#030408;min-height:240px;max-height:72dvh}.mooky-video-stage video{display:block;width:100%;height:100%;max-height:72dvh;object-fit:contain;background:#030408}
.mooky-video-bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#6b4bff,#a86dff);color:#fff;font-size:25px;padding-left:5px;box-shadow:0 18px 50px rgba(116,76,255,.35)}
.mooky-video-bigplay.is-playing{opacity:0;pointer-events:none}.mooky-video-loader{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;color:#9d82ff;background:rgba(0,0,0,.15)}
.mooky-video-controls{height:64px;padding:0 12px;display:grid;grid-template-columns:38px 38px 1fr 38px 38px 38px;align-items:center;gap:7px;background:#11131b;border-top:1px solid #232734}
.mooky-video-controls button{width:38px;height:38px;border:0;border-radius:8px;background:#1a1d27;color:#c7cbd7}.mooky-video-controls span{font-size:8px;color:#8a91a4;text-align:center;font-variant-numeric:tabular-nums}.mooky-video-controls input[type=range]{width:100%;accent-color:#805eff}
@media(max-width:600px){.mooky-video-modal{padding:0;align-items:flex-end}.mooky-video-dialog{width:100%;max-height:94dvh;border-radius:8px 8px 0 0;border-bottom:0}.mooky-video-stage{min-height:260px}.mooky-video-controls{grid-template-columns:36px 35px 1fr 35px 36px 36px;gap:4px;padding:0 8px}.mooky-video-controls button{width:36px;height:36px}.mooky-video-bigplay{width:64px;height:64px}}
.create-video-preview,.edit-video-preview{border-radius:8px;overflow:hidden}
.create-media-preview .mooky-video-card,.edit-new-media .mooky-video-card,.edit-current-media .mooky-video-card{width:100%;border:0}
body.video-modal-open{overflow:hidden}
@media(max-width:370px){.post-pro-actions{gap:3px!important;padding-left:6px!important;padding-right:6px!important}.post-pro-actions>button,.post-pro-actions>a{height:64px;min-height:64px!important}.post-pro-actions .action-label{font-size:8.5px!important}}

/* V46 - edit-post audience layout fix */
.edit-post-panel .edit-select-row.edit-audience-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(150px,190px)!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:10px!important;
  padding:12px!important;
  min-width:0!important;
  overflow:visible!important;
  border:1px solid #292d3b!important;
  border-radius:8px!important;
  background:#0b0d13!important;
}
.edit-setting-copy{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.edit-setting-copy>i{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  color:#a58cff!important;
  background:#1b1730!important;
  border:1px solid #352b59!important;
  font-size:13px!important;
}
.edit-setting-copy>span{display:block!important;min-width:0!important}
.edit-setting-copy b{display:block!important;font-size:10px!important;line-height:1.25!important;color:#f5f6fa!important}
.edit-setting-copy small{display:block!important;margin-top:3px!important;font-size:8px!important;line-height:1.35!important;color:#747c90!important;white-space:normal!important}
.edit-select-control{position:relative!important;min-width:0!important}
.edit-select-control select{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  padding:0 38px 0 12px!important;
  border:1px solid #2a2f3e!important;
  border-radius:8px!important;
  outline:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:#171a25!important;
  color:#f2f3f8!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:44px!important;
  cursor:pointer!important;
}
.edit-select-control>i{
  position:absolute!important;
  right:13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  color:#9a82ff!important;
  font-size:10px!important;
}
@media(max-width:430px){
  .edit-post-panel .edit-select-row.edit-audience-row{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .edit-select-control{width:100%!important}
  .edit-select-control select{font-size:11px!important}
}
@media(max-width:350px){
  .edit-setting-copy{grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important}
  .edit-setting-copy>i{width:30px!important;height:30px!important}
}


/* V47 — vidéos intégrées, sans modal */
.mooky-inline-video{position:relative;width:100%;overflow:hidden;border-radius:8px;background:#05060a;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(0,0,0,.24);isolation:isolate}
.mooky-inline-video video{display:block;width:100%;max-height:650px;aspect-ratio:auto;object-fit:contain;background:#05060a;cursor:pointer}
.miv-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#704fff,#a56cff);color:#fff;display:grid;place-items:center;font-size:21px;box-shadow:0 18px 46px rgba(116,76,255,.36);z-index:3;transition:.18s ease}
.mooky-inline-video.is-playing .miv-center{opacity:0;transform:translate(-50%,-50%) scale(.82);pointer-events:none}
.miv-controls{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:38px 38px minmax(0,1fr) 38px 38px 38px;gap:6px;align-items:center;padding:28px 10px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));opacity:1;transition:.2s ease}
.miv-controls button{width:38px;height:38px;border:0;border-radius:8px;background:rgba(17,19,27,.82);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;font-size:14px}
.miv-controls button:active{transform:scale(.94)}
.miv-controls input[type=range]{width:100%;min-width:0;accent-color:#8b66ff}
.miv-time{font-size:10px;font-weight:800;color:#d7d9e2;text-align:center;font-variant-numeric:tabular-nums}
.post-pro-media .mooky-inline-video{border-radius:8px}
.create-media-preview .mooky-inline-video,.edit-new-media .mooky-inline-video,.edit-current-media .mooky-inline-video{border-radius:8px}
@media(max-width:430px){.miv-controls{grid-template-columns:34px 34px minmax(0,1fr) 34px 34px 34px;gap:3px;padding:24px 7px 7px}.miv-controls button{width:34px;height:34px;border-radius:10px}.miv-time{font-size:9px}.miv-center{width:58px;height:58px}}

/* =========================================================
   Mooky v48 — Navigation mobile premium globale
   ========================================================= */
:root{--mooky-nav-h:82px;--mooky-nav-bg:rgba(9,10,16,.965);--mooky-nav-border:rgba(255,255,255,.075)}
.app-shell{padding-bottom:calc(var(--mooky-nav-h) + env(safe-area-inset-bottom) + 10px)!important}
.bottom-nav.mooky-tabbar{
  position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;
  transform:translateX(-50%)!important;width:min(430px,100vw)!important;max-width:430px!important;
  height:calc(var(--mooky-nav-h) + env(safe-area-inset-bottom))!important;
  padding:8px 14px calc(8px + env(safe-area-inset-bottom))!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:end!important;
  background:linear-gradient(180deg,rgba(12,13,20,.91),var(--mooky-nav-bg))!important;
  backdrop-filter:blur(26px) saturate(135%)!important;-webkit-backdrop-filter:blur(26px) saturate(135%)!important;
  border-top:1px solid var(--mooky-nav-border)!important;border-radius:0!important;
  box-shadow:0 -18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)!important;
  z-index:120!important;overflow:visible!important;
}
.mooky-tabbar .mooky-tab,.mooky-tabbar .mooky-create-tab{
  position:relative;min-width:0;height:64px;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;
  gap:4px;color:#8d93a7!important;text-decoration:none;border-radius:8px;transition:color .18s ease,transform .18s ease,background .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.mooky-tabbar .mooky-tab:active{transform:scale(.96)}
.mooky-tabbar .mooky-tab-icon{
  position:relative;width:42px;height:38px;border-radius:8px;display:grid;place-items:center;font-size:20px;
  transition:.2s ease;color:inherit;
}
.mooky-tabbar .mooky-tab small,.mooky-tabbar .mooky-create-tab small{
  font-size:9px!important;line-height:1;font-weight:680;letter-spacing:.05px;color:inherit;white-space:nowrap;
}
.mooky-tabbar .mooky-tab.active{color:#b59cff!important;background:linear-gradient(180deg,rgba(124,92,255,.10),rgba(124,92,255,.035))}
.mooky-tabbar .mooky-tab.active .mooky-tab-icon{
  color:#b59cff;background:rgba(124,92,255,.115);box-shadow:inset 0 0 0 1px rgba(150,123,255,.08);
}
.mooky-tabbar .mooky-tab.active:before{
  content:"";position:absolute;top:2px;left:50%;transform:translateX(-50%);width:20px;height:2.5px;border-radius:99px;
  background:linear-gradient(90deg,#7b5cff,#bd88ff);box-shadow:0 0 15px rgba(139,92,246,.75)
}
.mooky-tabbar .mooky-create-tab{justify-content:flex-start;gap:3px;color:#b9aecf!important;padding-top:0}
.mooky-create-orbit{
  width:64px;height:64px;margin-top:-24px;padding:4px;border-radius:8px;display:grid!important;place-items:center;
  background:linear-gradient(145deg,#251b50,#151522);border:1px solid rgba(144,111,255,.45);
  box-shadow:0 14px 38px rgba(98,58,255,.36),0 0 0 5px rgba(7,8,13,.93)!important;
  transition:.2s ease;
}
.mooky-create-core{
  width:100%;height:100%;border-radius:8px;display:grid!important;place-items:center!important;
  color:#fff!important;font-size:26px!important;background:linear-gradient(145deg,#7352ff 0%,#8b5dff 62%,#f18a67 125%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 9px 25px rgba(124,92,255,.34)!important;
}
.mooky-create-tab:active .mooky-create-orbit{transform:scale(.94)}
.mooky-create-tab.active .mooky-create-orbit{border-color:#b69cff;box-shadow:0 14px 40px rgba(118,78,255,.5),0 0 0 5px rgba(7,8,13,.93)!important}
.mooky-create-tab.active small{color:#c3adff!important}
.mooky-nav-badge{
  position:absolute;top:-4px;right:-8px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;display:grid;place-items:center;
  background:linear-gradient(145deg,#ff4f73,#ff6c8a);border:2px solid #0c0d14;color:#fff;font-style:normal;font-size:8px;font-weight:900;line-height:1;
  box-shadow:0 4px 12px rgba(255,79,115,.34)
}
.mooky-nav-dot{position:absolute;top:0;right:2px;width:8px;height:8px;border-radius:50%;background:#ff5f7c;border:2px solid #10111a;box-shadow:0 0 10px rgba(255,95,124,.5)}
@media(max-width:360px){
  .bottom-nav.mooky-tabbar{padding-left:8px!important;padding-right:8px!important}
  .mooky-tabbar .mooky-tab-icon{width:38px;height:36px;font-size:19px}
  .mooky-create-orbit{width:58px;height:58px;border-radius:8px}.mooky-create-core{border-radius:8px;font-size:24px!important}
  .mooky-tabbar .mooky-tab small,.mooky-tabbar .mooky-create-tab small{font-size:8px!important}
}
@media(min-width:431px){.bottom-nav.mooky-tabbar{width:var(--mooky-app-width,430px)!important;max-width:var(--mooky-app-width,430px)!important}}

/* V49 · video inline + identité Premium cohérente */
.feed-inline-video{margin-top:10px;border-radius:8px!important}
.feed-inline-video .miv-center{width:66px;height:66px;font-size:23px}
.feed-inline-video .miv-controls{opacity:1}
.hashtag-pro-card-body{display:block;color:inherit;text-decoration:none}
.hashtag-pro-text{display:block;color:inherit;text-decoration:none}
.hashtag-pro-media.mooky-inline-video{border-radius:8px;margin-top:10px}
.profile-username,.post-author small,.post-pro-sub,.person-card small,.person-row small,.drawer-profile span,.chat-user-copy small{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-style:normal!important;text-shadow:none!important;-webkit-text-stroke:0!important;background:none!important;color:var(--muted)!important;-webkit-text-fill-color:currentColor!important}

/* =========================================================
   Mooky V52 — Splash progress + Explore Pro fix
   ========================================================= */
.splash-v52{background:#07080e;color:#f7f7fb;overflow:hidden}
.splash-v52 .splash-pro{min-height:100dvh;padding:28px 22px;isolation:isolate;background:radial-gradient(circle at 50% 44%,rgba(119,83,255,.12),transparent 27%),linear-gradient(180deg,#090a12,#06070c 76%)}
.splash-aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;z-index:-1;pointer-events:none}.splash-aurora-a{width:330px;height:330px;background:#704dff;top:20%;left:50%;transform:translateX(-70%)}.splash-aurora-b{width:260px;height:260px;background:#c15cff;bottom:7%;right:-120px;opacity:.13}
.splash-card{width:min(330px,100%);display:flex;flex-direction:column;align-items:center;text-align:center}.splash-logo-wrap{width:178px;height:178px;position:relative;display:grid;place-items:center;margin-bottom:12px}.splash-logo-ring{position:absolute;inset:14px;border-radius:50%;background:radial-gradient(circle,rgba(126,91,255,.2),rgba(126,91,255,.03) 55%,transparent 70%);box-shadow:0 0 80px rgba(126,91,255,.16);animation:splashPulse 2.2s ease-in-out infinite}.splash-v52 .splash img{width:156px;max-height:156px;object-fit:contain;position:relative;z-index:2;animation:splashFloat 2s ease-in-out infinite;filter:drop-shadow(0 24px 32px rgba(0,0,0,.35))}.splash-brand-copy .splash-kicker{display:block;font-size:8px;letter-spacing:.22em;font-weight:950;color:#8f79ff;margin-bottom:7px}.splash-brand-copy h1{font-size:43px;letter-spacing:-1.7px;margin:0;line-height:1}.splash-brand-copy p{font-size:13px;color:#8e94aa;margin:10px 0 24px;min-height:19px}.splash-progress{width:100%;padding:13px 14px 12px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);box-shadow:0 16px 42px rgba(0,0,0,.22)}.splash-progress-track{height:7px;border-radius:999px;background:#1b1d2a;overflow:hidden}.splash-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7252ff,#a36cff,#ff77bb);box-shadow:0 0 20px rgba(141,91,255,.5);transition:width .28s cubic-bezier(.2,.7,.2,1)}.splash-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.splash-progress-meta span{font-size:9px;color:#7f879d;font-weight:750}.splash-progress-meta strong{font-size:10px;color:#b9a8ff}.splash-version{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));font-size:8px;color:#4f5567;letter-spacing:.08em}.splash-complete .splash-card{animation:splashExit .28s ease forwards}@keyframes splashFloat{50%{transform:translateY(-7px)}}@keyframes splashPulse{50%{transform:scale(1.05);opacity:.75}}@keyframes splashExit{to{opacity:0;transform:scale(.985)}}

.explore-pro-hero{padding:24px 18px 15px;border-bottom:1px solid rgba(255,255,255,.055);background:radial-gradient(circle at 100% 0,rgba(119,82,255,.14),transparent 35%)}.explore-pro-kicker{display:inline-flex;align-items:center;gap:7px;color:#927cff;font-size:8px;letter-spacing:.16em;font-weight:950}.explore-pro-hero h1{font-size:32px;line-height:1.02;letter-spacing:-1.4px;margin:13px 0 8px}.explore-pro-hero>p{font-size:11px;line-height:1.55;color:#8d94a8;margin:0 0 17px}.explore-pro-search{height:50px;border-radius:8px;border:1px solid #202330;background:#11131a;display:flex;align-items:center;gap:10px;padding:0 14px;color:#858ca0;font-size:10px}.explore-pro-search span{flex:1}.explore-pro-search i:first-child{color:#a18cff}.explore-pro-search i:last-child{font-size:8px}
.explore-pro-section{padding:17px 18px 4px}.explore-pro-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:11px}.explore-pro-title small{display:block;color:#856eff;font-size:7px;letter-spacing:.17em;font-weight:950}.explore-pro-title h2{font-size:19px;line-height:1.05;margin:4px 0 0;letter-spacing:-.45px}.explore-pro-title>a{font-size:8px;color:#a28fff;font-weight:750}.explore-people-strip{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none}.explore-people-strip::-webkit-scrollbar{display:none}.explore-person{width:132px;min-width:132px;min-height:180px;border-radius:8px;padding:13px 10px 11px;border:1px solid #20232f;background:linear-gradient(160deg,#141620,#0f1118);display:flex;flex-direction:column;align-items:center;text-align:center}.explore-person-avatar{width:62px;height:62px;position:relative;margin-bottom:7px}.explore-person-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#090a0e}.explore-person-avatar span{position:absolute;right:-1px;bottom:1px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#4b94ff;color:#fff;border:3px solid #12141d;font-size:7px}.explore-person-copy{min-width:0;width:100%}.explore-person-copy>b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-person-copy>small{display:block;font-size:8px;color:#737b90;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-person-badges{height:25px;display:flex;align-items:center;justify-content:center}.explore-person-badges .user-badges{justify-content:center!important}.explore-person em{font-style:normal;margin-top:auto;width:100%;padding:8px;border-radius:11px;background:#1c1834;color:#b9a7ff;font-size:8px;font-weight:850}.explore-mini-empty{display:flex;align-items:center;gap:11px;padding:14px;border:1px dashed #252936;border-radius:8px;background:#101219}.explore-mini-empty>i{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#1a1730;color:#9f8aff}.explore-mini-empty b,.explore-mini-empty small{display:block}.explore-mini-empty b{font-size:10px}.explore-mini-empty small{font-size:8px;color:#7d8497;margin-top:3px}
.explore-trends-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.explore-trends-row::-webkit-scrollbar{display:none}.explore-trends-row>a{min-width:112px;max-width:150px;height:54px;padding:10px 11px;border-radius:8px;border:1px solid #202330;background:#11131a;display:flex;flex-direction:column;justify-content:center;gap:4px}.explore-trends-row span{font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b4a4ff}.explore-trends-row strong{font-size:8px;color:#737b8e;font-weight:700}.explore-pro-moments{padding-bottom:98px}.explore-moments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.explore-moment{position:relative;display:block;aspect-ratio:1/1.15;border-radius:8px;overflow:hidden;background:#11131a;border:1px solid #202430;isolation:isolate;min-width:0}.explore-moment.featured{grid-column:1/-1;aspect-ratio:1.48/1}.explore-moment-media{position:absolute;inset:0}.explore-moment-media img,.explore-moment-media video{width:100%;height:100%;display:block;object-fit:cover}.explore-text-moment{width:100%;height:100%;padding:18px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 10%,rgba(126,84,255,.28),transparent 35%),linear-gradient(150deg,#181a27,#101118)}.explore-text-moment i{font-size:18px;color:#745cff;margin-bottom:10px}.explore-text-moment p{font-size:13px;line-height:1.45;margin:0;color:#e8eaf2}.explore-moment-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(3,4,8,.2) 52%,rgba(3,4,8,.92) 100%);pointer-events:none}.explore-moment-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:11px}.explore-moment-author{display:flex;align-items:center;gap:7px;margin-bottom:6px;min-width:0}.explore-moment-author>img{width:27px;height:27px;border-radius:50%;object-fit:cover;flex:0 0 auto}.explore-moment-author>span{min-width:0}.explore-moment-author b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.explore-moment-author small{display:block;font-size:6.5px;color:#adb2bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.explore-moment-copy>p{font-size:9px;line-height:1.35;margin:0 0 8px;color:#f3f4f8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-moment.featured .explore-moment-copy>p{font-size:11px;max-width:320px}.explore-moment-stats{display:flex;gap:11px;font-size:8px;color:#f0f1f6}.explore-moment-stats i{color:#b69fff}.explore-video-badge{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(7,8,13,.72);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.12);font-size:9px}.explore-big-empty{text-align:center;padding:28px 18px;border:1px dashed #282c38;border-radius:8px;background:#0f1118}.explore-big-empty>i{font-size:24px;color:#8c75ff}.explore-big-empty h3{font-size:14px;margin:10px 0 5px}.explore-big-empty p{font-size:9px;color:#7f8798;margin:0}.explore-big-empty a{display:inline-flex;margin-top:13px;padding:10px 14px;border-radius:8px;background:#7557ff;color:white;font-size:9px;font-weight:850}
@media(max-width:360px){.explore-pro-hero,.explore-pro-section{padding-left:12px;padding-right:12px}.explore-person{width:122px;min-width:122px}.explore-moments-grid{gap:6px}.explore-moment-copy{padding:9px}.explore-moment-author b{max-width:105px}}

/* === V53 Hashtag page — compact, stable mobile layout === */
.hashtag-v53-page{padding:14px 14px 112px;overflow-x:hidden}.hashtag-v53-head{position:sticky;top:0;z-index:80;background:rgba(8,9,14,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.hashtag-v53-title{text-align:center;min-width:0}.hashtag-v53-title strong{display:block;font-size:16px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.hashtag-v53-title small{display:block;color:#7d8497;font-size:8px;margin-top:3px}.hashtag-v53-hero{position:relative;display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;min-height:138px;padding:18px;border:1px solid rgba(130,91,255,.34);border-radius:8px;overflow:hidden;background:radial-gradient(circle at 92% 3%,rgba(129,87,255,.34),transparent 42%),linear-gradient(145deg,#171425,#11121a)}.hashtag-v53-hero:after{content:"";position:absolute;right:-36px;top:-44px;width:130px;height:130px;border-radius:50%;background:rgba(139,95,255,.15);filter:blur(2px)}.hashtag-v53-hero-icon{width:64px;height:64px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#7653ff,#a56cff);color:white;font-size:25px;box-shadow:0 14px 34px rgba(115,80,255,.26);z-index:1}.hashtag-v53-hero-copy{min-width:0;position:relative;z-index:1}.hashtag-v53-eyebrow{display:flex;gap:6px;align-items:center;font-size:7px;letter-spacing:.16em;font-weight:950;color:#b3a2ff}.hashtag-v53-eyebrow i{color:#ff764f}.hashtag-v53-hero h1{font-size:25px;line-height:1;margin:7px 0 7px;overflow-wrap:anywhere}.hashtag-v53-hero p{font-size:9px;line-height:1.45;color:#969daf;margin:0}.hashtag-v53-hero small{display:flex;align-items:center;gap:5px;color:#71798d;font-size:7.5px;margin-top:9px}.hashtag-v53-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0;border:1px solid #212532;border-radius:8px;background:#101219;overflow:hidden}.hashtag-v53-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:11px 2px;border-right:1px solid #212532}.hashtag-v53-stats>div:last-child{border-right:0}.hashtag-v53-stats i{font-size:10px;color:#967eff;margin-bottom:4px}.hashtag-v53-stats strong{font-size:13px}.hashtag-v53-stats span{font-size:6.5px;color:#788095;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hashtag-v53-actions{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;margin:10px 0 18px}.hashtag-v53-actions a{height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:9px;font-weight:900}.hashtag-v53-actions .primary{gap:7px;color:#fff;background:linear-gradient(135deg,#684aff,#a46cff);box-shadow:0 10px 28px rgba(109,77,255,.18);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 12px}.hashtag-v53-actions .secondary{color:#aa98ff;border:1px solid #262a37;background:#13151d;font-size:14px}.hashtag-v53-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 2px 9px}.hashtag-v53-section-title small{display:block;color:#8c78ff;font-size:6.5px;letter-spacing:.15em;font-weight:950;margin-bottom:3px}.hashtag-v53-section-title h2{font-size:16px;line-height:1.1;margin:0}.hashtag-v53-section-title>a{font-size:7.5px;color:#9e8bff;text-decoration:none;font-weight:850}.hashtag-v53-related{margin-bottom:17px}.hashtag-v53-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.hashtag-v53-chips::-webkit-scrollbar{display:none}.hashtag-v53-chips>a{flex:0 0 auto;min-width:112px;max-width:145px;padding:10px 11px;border:1px solid #222634;border-radius:8px;background:#11131a;color:inherit;text-decoration:none}.hashtag-v53-chips b{display:block;font-size:9px;color:#b5a7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hashtag-v53-chips span{display:block;color:#737b8e;font-size:6.5px;margin-top:3px}.hashtag-v53-feed{min-width:0}.hashtag-v53-section-title.feed-title{align-items:center}.hashtag-v53-sort{display:flex;padding:3px;border-radius:8px;border:1px solid #232735;background:#101219;gap:3px}.hashtag-v53-sort a{width:32px;height:28px;border-radius:9px;display:grid;place-items:center;color:#737b8e;text-decoration:none;font-size:8px}.hashtag-v53-sort a.active{background:#211a40;color:#b7a5ff}.hashtag-v53-list{display:grid;gap:12px}.hashtag-v53-card{min-width:0;overflow:hidden;border:1px solid #222633;border-radius:8px;background:linear-gradient(145deg,#12141d,#0f1118);box-shadow:0 12px 34px rgba(0,0,0,.12)}.hashtag-v53-author-row{display:flex;align-items:center;padding:12px}.hashtag-v53-author-row .author{flex:1;min-width:0;display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.hashtag-v53-author-row img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 auto}.hashtag-v53-author-row .author span{min-width:0}.hashtag-v53-author-row .author b{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.hashtag-v53-author-row .author small{display:block;color:#7b8395;font-size:7.5px;margin-top:3px}.hashtag-v53-author-row .open{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:#70788b;background:#151720;text-decoration:none;font-size:8px;flex:0 0 auto}.hashtag-v53-text{padding:0 13px 11px;font-size:11.5px;line-height:1.5;color:#eef0f6;overflow-wrap:anywhere}.hashtag-v53-text a{color:#9d86ff;text-decoration:none;font-weight:800}.hashtag-v53-media{display:block;margin:0 10px 10px;border-radius:8px;overflow:hidden;background:#08090d;position:relative;aspect-ratio:16/10;max-height:300px}.hashtag-v53-media img,.hashtag-v53-media video{width:100%;height:100%;display:block;object-fit:cover}.hashtag-v53-media.mooky-inline-video{margin:0 10px 10px;border-radius:8px;aspect-ratio:16/10;max-height:300px}.hashtag-v53-footer{height:46px;padding:0 11px;border-top:1px solid #202431;display:flex;align-items:center;gap:6px}.hashtag-v53-footer>a{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 9px;border-radius:10px;background:#151721;color:#8992a6;text-decoration:none;font-size:7.5px;font-weight:850}.hashtag-v53-footer>a:first-child i{color:#ff739d}.hashtag-v53-footer .details{margin-left:auto;background:transparent;color:#a894ff;padding-right:2px}.hashtag-v53-empty{padding:28px 20px;text-align:center;border:1px dashed #292d3b;border-radius:8px;background:#0f1118}.hashtag-v53-empty>i{width:50px;height:50px;border-radius:8px;display:grid;place-items:center;margin:0 auto 11px;background:#1d1735;color:#9f87ff;font-size:18px}.hashtag-v53-empty h3{font-size:14px;margin:0 0 5px}.hashtag-v53-empty p{font-size:8.5px;line-height:1.45;color:#7e879a;margin:0}.hashtag-v53-empty a{display:inline-flex;align-items:center;gap:6px;margin-top:13px;padding:10px 13px;border-radius:8px;background:#7557ff;color:white;text-decoration:none;font-size:8px;font-weight:900}
@media(max-width:370px){.hashtag-v53-page{padding-left:10px;padding-right:10px}.hashtag-v53-hero{grid-template-columns:52px 1fr;padding:15px;gap:11px}.hashtag-v53-hero-icon{width:52px;height:52px;border-radius:8px;font-size:20px}.hashtag-v53-hero h1{font-size:22px}.hashtag-v53-stats span{font-size:6px}.hashtag-v53-author-row .author b{max-width:170px}}

/* V54 - Messages header back icon */
body .app-page-head .head-icon[aria-label="Retour"]{
  width:50px;
  height:50px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  color:#f7f7fb;
  text-decoration:none;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
body .app-page-head .head-icon[aria-label="Retour"] i{
  font-size:20px;
  line-height:1;
}
body .app-page-head .head-icon[aria-label="Retour"]:active{
  transform:scale(.94);
  background:rgba(124,92,255,.13);
  border-color:rgba(139,109,255,.35);
}

/* =========================================================
   Mooky V55 — Bottom navigation simple & premium
   ========================================================= */
:root{--mooky-nav-h:74px}
.app-shell{padding-bottom:calc(var(--mooky-nav-h) + env(safe-area-inset-bottom) + 8px)!important}
.bottom-nav.mooky-tabbar{
  height:calc(var(--mooky-nav-h) + env(safe-area-inset-bottom))!important;
  padding:7px 12px calc(7px + env(safe-area-inset-bottom))!important;
  background:rgba(9,10,15,.97)!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.mooky-tabbar .mooky-tab,.mooky-tabbar .mooky-create-tab{
  height:59px!important;
  justify-content:center!important;
  gap:5px!important;
  padding:3px 0!important;
  border-radius:8px!important;
  background:transparent!important;
}
.mooky-tabbar .mooky-tab-icon{
  width:38px!important;height:31px!important;border-radius:11px!important;
  font-size:19px!important;background:transparent!important;box-shadow:none!important;
}
.mooky-tabbar .mooky-tab small,.mooky-tabbar .mooky-create-tab small{
  font-size:9px!important;font-weight:700!important;color:inherit!important;
}
.mooky-tabbar .mooky-tab.active{
  color:#a98cff!important;background:rgba(124,92,255,.07)!important;
}
.mooky-tabbar .mooky-tab.active .mooky-tab-icon{
  color:#a98cff!important;background:transparent!important;box-shadow:none!important;
}
.mooky-tabbar .mooky-tab.active:before{
  top:0!important;width:18px!important;height:2px!important;background:#8d68ff!important;
  box-shadow:0 0 10px rgba(141,104,255,.55)!important;
}
.mooky-tabbar .mooky-create-tab{justify-content:center!important;padding-top:3px!important}
.mooky-create-orbit{
  width:48px!important;height:48px!important;margin-top:-13px!important;padding:0!important;
  border-radius:8px!important;background:transparent!important;border:0!important;
  box-shadow:none!important;
}
.mooky-create-core{
  width:48px!important;height:48px!important;border-radius:8px!important;font-size:22px!important;
  background:linear-gradient(145deg,#7657ff,#9568ff)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 8px 22px rgba(111,75,255,.28),inset 0 1px 0 rgba(255,255,255,.2)!important;
}
.mooky-create-tab.active .mooky-create-orbit{box-shadow:none!important;border:0!important}
.mooky-create-tab.active .mooky-create-core{background:linear-gradient(145deg,#8061ff,#a06eff)!important}
.mooky-tabbar a:active{transform:scale(.96)!important}
@media(max-width:360px){
 .bottom-nav.mooky-tabbar{padding-left:7px!important;padding-right:7px!important}
 .mooky-tabbar .mooky-tab-icon{font-size:18px!important;width:34px!important}
 .mooky-create-orbit,.mooky-create-core{width:44px!important;height:44px!important;border-radius:8px!important}
}

/* =========================================================
   Mooky V56 — Landing / accueil public complet
   ========================================================= */
.landing-v56{position:relative;min-height:100dvh;overflow:hidden;background:#08090e;color:#f7f7fb;padding-bottom:20px}.landing-v56-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.landing-v56-bg i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.14}.landing-v56-bg i:nth-child(1){width:260px;height:260px;background:#754eff;top:20px;right:-120px}.landing-v56-bg i:nth-child(2){width:200px;height:200px;background:#ff7d9c;top:610px;left:-150px;opacity:.08}.landing-v56-bg i:nth-child(3){width:260px;height:260px;background:#4b8cff;top:1300px;right:-180px;opacity:.07}.landing-v56-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;position:relative;z-index:5;border-bottom:1px solid rgba(255,255,255,.045)}.landing-v56-brand{display:flex;align-items:center;gap:10px;color:inherit}.landing-v56-brand img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.28))}.landing-v56-brand span{display:flex;flex-direction:column}.landing-v56-brand strong{font-size:22px;line-height:1}.landing-v56-brand small{font-size:7px;color:#737b91;margin-top:4px;letter-spacing:.08em}.landing-v56-top-actions{display:flex;align-items:center;gap:7px}.landing-v56-top-actions>a{height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #222531;background:#11131a;font-size:9px;font-weight:850}.landing-v56-top-actions>a:first-child{width:38px;color:#a58eff}.landing-v56-top-actions .login-mini{padding:0 12px;color:#e6e6ef}
.landing-v56-hero{position:relative;padding:28px 22px 26px}.landing-v56-badge{width:max-content;max-width:100%;display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;border:1px solid rgba(124,92,255,.28);background:rgba(124,92,255,.08);color:#b6a5ff;font-size:8px;font-weight:850;letter-spacing:.05em}.landing-v56-badge>span{width:7px;height:7px;border-radius:50%;background:#36d59b;box-shadow:0 0 12px rgba(54,213,155,.75)}.landing-v56-badge b{font-size:7px;color:#72798d;margin-left:2px}.landing-v56-mascot{height:224px;display:grid;place-items:center;position:relative;margin:0 0 4px}.landing-v56-halo{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(126,86,255,.19),rgba(126,86,255,.03) 58%,transparent 72%);filter:blur(3px)}.landing-v56-mascot>img{width:190px;max-height:190px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 22px 26px rgba(0,0,0,.38));animation:v56Float 3.2s ease-in-out infinite}.landing-v56-online{position:absolute;z-index:3;bottom:12px;right:35px;height:28px;padding:0 10px;border-radius:999px;background:rgba(17,19,27,.93);border:1px solid #292c38;display:flex;align-items:center;gap:6px;font-size:7.5px;color:#a3aabd;font-weight:800;box-shadow:0 9px 24px rgba(0,0,0,.28)}.landing-v56-online i{width:7px;height:7px;border-radius:50%;background:#39d99e;box-shadow:0 0 9px rgba(57,217,158,.7)}.landing-v56-hero h1{font-size:42px;line-height:.96;letter-spacing:-2px;margin:1px 0 13px}.landing-v56-hero h1 em{font-style:normal;background:linear-gradient(90deg,#8a68ff,#be76ff 55%,#ff8e9b);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-v56-hero>p{font-size:12px;line-height:1.65;color:#9aa1b5;margin:0;max-width:350px}.landing-v56-hero-actions{display:grid;gap:9px;margin-top:22px}.landing-v56-hero-actions>a{height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:900}.landing-v56-hero-actions .primary{background:linear-gradient(135deg,#704fff,#9b6cff);box-shadow:0 13px 34px rgba(115,78,255,.24)}.landing-v56-hero-actions .primary i{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.12)}.landing-v56-hero-actions .secondary{background:#11131a;border:1px solid #232633;color:#d5d7e0}.landing-v56-trust{display:flex;justify-content:center;gap:14px;margin-top:15px;color:#6e758a;font-size:7px;font-weight:800}.landing-v56-trust span{display:flex;align-items:center;gap:5px}.landing-v56-trust i{color:#8d74ff}
.landing-v56-preview,.landing-v56-features,.landing-v56-discover{position:relative;padding:28px 20px}.landing-v56-preview{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}.landing-v56-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:15px}.landing-v56-section-head small{display:block;color:#8f76ff;font-size:7px;letter-spacing:.18em;font-weight:950;margin-bottom:5px}.landing-v56-section-head h2{font-size:23px;line-height:1.05;margin:0;letter-spacing:-.6px}.live-pill{display:flex;align-items:center;gap:5px;font-size:7px;color:#8e96aa;padding:6px 8px;border-radius:999px;background:#101219;border:1px solid #222531}.live-pill i{width:6px;height:6px;border-radius:50%;background:#36d49a}.landing-v56-demo-card{border-radius:8px;border:1px solid #242735;background:linear-gradient(145deg,#13151e,#0f1118);padding:14px;box-shadow:0 16px 40px rgba(0,0,0,.15)}.demo-author{display:flex;align-items:center;gap:10px}.demo-author img{width:40px;height:40px;object-fit:contain}.demo-author>div{flex:1}.demo-author b,.demo-author small{display:block}.demo-author b{font-size:11px}.demo-author small{font-size:7.5px;color:#737c90;margin-top:3px}.demo-author>i{color:#686f82}.landing-v56-demo-card>p{font-size:11px;line-height:1.5;margin:13px 0}.demo-media{height:178px;border-radius:8px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 45%,#241a42,#0a0b11 66%);display:grid;place-items:center}.demo-media img{height:152px;max-width:78%;object-fit:contain;filter:drop-shadow(0 17px 23px rgba(0,0,0,.35))}.demo-media span{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:11px;background:rgba(8,9,14,.74);backdrop-filter:blur(10px);font-size:8px;color:#d8d8e1;display:flex;align-items:center;gap:6px}.demo-media span i{color:#a98cff}.demo-actions{height:42px;display:flex;align-items:center;gap:7px;color:#8d95a8;font-size:7.5px}.demo-actions span{display:flex;align-items:center;gap:5px}.demo-actions span:nth-child(3){margin-left:auto}.demo-actions i{color:#9a83ff}.landing-v56-mini-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.landing-v56-mini-row>div{min-width:0;padding:12px;border-radius:8px;background:#11131a;border:1px solid #222532;display:flex;align-items:center;gap:9px}.landing-v56-mini-row>div>i{width:34px;height:34px;border-radius:11px;background:#1e1938;color:#a68eff;display:grid;place-items:center}.landing-v56-mini-row b,.landing-v56-mini-row small{display:block}.landing-v56-mini-row b{font-size:9px}.landing-v56-mini-row small{font-size:6.5px;color:#737b8f;margin-top:3px}
.landing-v56-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.landing-v56-feature-grid article{min-height:132px;border-radius:8px;padding:14px;background:#11131a;border:1px solid #222532;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.landing-v56-feature-grid article>i{position:absolute;top:14px;left:14px;width:38px;height:38px;border-radius:8px;background:#1b1831;color:#9b84ff;display:grid;place-items:center;font-size:14px}.landing-v56-feature-grid article b{font-size:10px}.landing-v56-feature-grid article small,.landing-v56-feature-grid article p{font-size:7px;line-height:1.45;color:#7d8599;margin:4px 0 0}.landing-v56-feature-grid .wide{grid-column:1/-1;min-height:116px;padding-left:66px;justify-content:center}.landing-v56-feature-grid .wide>i{top:50%;transform:translateY(-50%)}.landing-v56-feature-grid .wide b{font-size:12px}.landing-v56-feature-grid .wide p{font-size:7.5px}.landing-v56-feature-grid .purple{background:radial-gradient(circle at 100% 0,rgba(124,92,255,.24),transparent 45%),#12131c}.landing-v56-feature-grid .premium{background:linear-gradient(135deg,#17131f,#171423 70%,#211a37)}.landing-v56-feature-grid .premium>span{position:absolute;right:12px;top:12px;font-size:6.5px;padding:5px 7px;border-radius:999px;color:#d5c9ff;background:#261c4a;border:1px solid #483485}
.landing-v56-discover{padding-top:14px}.landing-v56-discover-stack{display:grid;gap:9px}.discover-card{display:grid;grid-template-columns:46px 1fr;gap:11px;align-items:center;padding:14px;border-radius:8px;border:1px solid #222532;background:#11131a}.discover-card .icon{width:46px;height:46px;border-radius:8px;display:grid;place-items:center;background:#1c1733;color:#9d86ff;font-size:15px}.discover-card b{font-size:10px}.discover-card p{font-size:7.3px;line-height:1.45;color:#7d8599;margin:4px 0 0}.discover-card.video .icon{background:#2c1726;color:#ff7fa4}.discover-card.groups .icon{background:#11272c;color:#4fd4e5}.discover-card.profile .icon{background:#291f12;color:#ffbd55}
.landing-v56-security{margin:20px;padding:24px 18px;border-radius:8px;text-align:center;border:1px solid rgba(86,190,157,.18);background:radial-gradient(circle at 50% 0,rgba(52,213,153,.12),transparent 48%),#101219}.security-icon{width:54px;height:54px;margin:0 auto 13px;border-radius:8px;display:grid;place-items:center;background:#102a25;color:#4cdbad;font-size:20px}.landing-v56-security>small{font-size:7px;letter-spacing:.16em;font-weight:950;color:#56cda8}.landing-v56-security h2{font-size:22px;margin:6px 0 8px}.landing-v56-security>p{font-size:8px;line-height:1.6;color:#848ca0;margin:0 auto;max-width:330px}.security-points{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:15px}.security-points span{padding:7px 9px;border-radius:999px;background:#0d1715;border:1px solid #1c302c;font-size:6.5px;color:#91a49f}.security-points i{color:#4dd2a7;margin-right:3px}
.landing-v56-final{text-align:center;padding:34px 22px 38px;position:relative}.landing-v56-final>img{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.34));margin-bottom:10px}.landing-v56-final>small{display:block;font-size:7px;letter-spacing:.17em;font-weight:950;color:#8e76ff}.landing-v56-final h2{font-size:29px;line-height:1.05;margin:8px 0}.landing-v56-final p{font-size:8.5px;line-height:1.55;color:#81899c;margin:0 auto 18px;max-width:330px}.landing-v56-final>a:not(.already){height:54px;border-radius:8px;background:linear-gradient(135deg,#704fff,#a06cff);display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:900;box-shadow:0 12px 30px rgba(112,79,255,.23)}.landing-v56-final .already{display:inline-block;margin-top:14px;color:#a2a8b8;font-size:8px}.landing-v56-footer{padding:20px;border-top:1px solid #1d202a;background:#08090e}.footer-brand{display:flex;align-items:center;gap:7px;font-size:12px}.footer-brand img{width:31px;height:31px;object-fit:contain}.landing-v56-footer>div{display:flex;gap:12px;margin-top:13px}.landing-v56-footer>div a{font-size:7.5px;color:#8f96a8}.landing-v56-footer p{font-size:6.5px;color:#555d70;margin:14px 0 0}@keyframes v56Float{50%{transform:translateY(-7px)}}
@media(max-width:360px){.landing-v56-top{padding-left:14px;padding-right:14px}.landing-v56-hero{padding-left:17px;padding-right:17px}.landing-v56-preview,.landing-v56-features,.landing-v56-discover{padding-left:15px;padding-right:15px}.landing-v56-hero h1{font-size:37px}.landing-v56-mascot{height:205px}.landing-v56-mascot>img{width:172px}.landing-v56-feature-grid article{min-height:124px}.landing-v56-security{margin-left:15px;margin-right:15px}}

/* V57 — publications / sondages / actions premium */
.social-post{overflow:hidden}
.social-post .feed-poll{margin:14px 14px 12px;padding:12px;border:1px solid #252a38;border-radius:8px;background:linear-gradient(180deg,#10131c,#0d0f16);gap:9px}
.social-post .feed-poll-option{min-height:50px;padding:0 14px;border-radius:8px;border-color:#2b3040;background:#0a0c12}
.social-post .feed-poll-option b{font-size:13px;font-weight:850;letter-spacing:.01em}
.social-post .feed-poll-option small{font-size:11px;color:#c6ccdb}
.social-post .feed-poll-option .poll-fill{background:linear-gradient(90deg,rgba(116,84,255,.35),rgba(176,105,255,.20))}
.social-post .feed-poll-option.selected{border-color:#8b6cff;background:#151228;box-shadow:inset 0 0 0 1px rgba(139,108,255,.16)}
.social-post .feed-poll-foot{padding:3px 3px 0;font-size:9px;color:#81899d;line-height:1.3}
.social-post .feed-post-stats{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;padding:10px 14px;border-top:1px solid #202431;border-bottom:1px solid #202431;background:#10121a}
.social-post .feed-stat{appearance:none;border:0;background:transparent;color:#dfe3ed;display:flex;align-items:center;gap:8px;padding:0;min-width:0;text-align:left;cursor:pointer}
.social-post .feed-stat-icon{width:32px;height:32px;flex:0 0 32px;border-radius:11px;display:grid;place-items:center;background:#181b26;color:#9a82ff;border:1px solid #242938}
.social-post .feed-stat>span:last-child{min-width:0;display:grid;gap:1px}
.social-post .feed-stat b{font-size:10px;line-height:1.15;color:#f2f4fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-post .feed-stat small{font-size:8px;color:#858da0;white-space:nowrap}
.social-post .feed-stat.like-stat.active .feed-stat-icon{background:#6c45d8;color:#fff;border-color:#8a68ed}
.social-post .feed-post-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:10px 10px 12px;border-top:0;background:#0e1017}
.social-post .feed-post-actions>a,.social-post .feed-post-actions>button{height:68px;min-width:0;padding:6px 2px;border:0;border-radius:8px;background:transparent;color:#9ba3b6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-weight:850;cursor:pointer;transition:.18s ease}
.social-post .feed-post-actions>a:active,.social-post .feed-post-actions>button:active{transform:scale(.96)}
.social-post .feed-action-icon{width:39px;height:39px;border-radius:8px;display:grid;place-items:center;background:#171a24;border:1px solid #262b39;color:#a2aec7;font-size:17px;transition:.18s ease}
.social-post .feed-post-actions small{font-size:9px;line-height:1;color:#aeb5c7;font-weight:900;white-space:nowrap}
.social-post .feed-post-actions .like-btn.active .feed-action-icon{background:linear-gradient(135deg,#6a3bd1,#9f5dff);border-color:#9b70ee;color:#fff;box-shadow:0 8px 22px rgba(124,81,223,.2)}
.social-post .feed-post-actions .like-btn.active small{color:#b8a0ff}
.social-post .feed-post-actions .save-btn.active .feed-action-icon{background:linear-gradient(135deg,#292154,#4a39a8);border-color:#7661f0;color:#ded8ff}
.social-post .feed-post-actions .save-btn.active small{color:#bbaaff}
@media(max-width:370px){.social-post .feed-poll{margin-left:10px;margin-right:10px;padding:10px}.social-post .feed-post-stats{padding-left:10px;padding-right:10px;gap:5px}.social-post .feed-stat-icon{width:29px;height:29px;flex-basis:29px}.social-post .feed-post-actions{gap:3px;padding-left:6px;padding-right:6px}.social-post .feed-post-actions>a,.social-post .feed-post-actions>button{height:64px}.social-post .feed-action-icon{width:36px;height:36px}.social-post .feed-post-actions small{font-size:8px}}

/* =========================================================
   Mooky v58 — Welcome / footer premium refresh
   ========================================================= */
.landing-v56{background:linear-gradient(180deg,#07080d 0%,#090a10 38%,#08090e 100%);min-height:100dvh}
.landing-v56-top{position:sticky;top:0;z-index:40;background:rgba(7,8,13,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.055)}
.landing-v56-brand span small{color:#71798d}
.landing-v56-top-actions{display:flex;align-items:center;gap:8px}
.landing-v56-top-actions>a{height:38px;border-radius:8px;border:1px solid #222633;background:#10121a;display:inline-flex;align-items:center;justify-content:center;color:#d9deea;text-decoration:none}
.landing-v56-top-actions>a:not(.login-mini){width:38px}
.landing-v56-top-actions .login-mini{padding:0 13px;font-size:8px;font-weight:900;background:#151226;border-color:#34275f;color:#c7b7ff}

.landing-v56-hero{padding-top:34px;padding-bottom:28px}
.landing-v56-badge{width:max-content;max-width:100%;margin:0 auto 12px;padding:8px 11px;border-radius:999px;background:#171326;border:1px solid #35275c;color:#c3b3ff;font-size:7.4px;font-weight:900;letter-spacing:.05em}
.landing-v56-badge span{width:7px;height:7px;border-radius:50%;background:#51dcad;display:inline-block;margin-right:6px;box-shadow:0 0 0 5px rgba(81,220,173,.08)}
.landing-v56-badge b{color:#6f7890;margin-left:5px}
.landing-v56-hero h1{letter-spacing:-.045em;margin-top:8px}
.landing-v56-hero>p{max-width:360px;margin-left:auto;margin-right:auto}
.landing-v56-hero-actions{display:grid;gap:10px;margin-top:18px}
.landing-v56-hero-actions>a{height:58px;border-radius:8px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:10.5px;font-weight:950;transition:.18s ease;position:relative;overflow:hidden}
.landing-v56-hero-actions>a:active{transform:scale(.985)}
.landing-v56-hero-actions .primary{background:linear-gradient(135deg,#7250ff 0%,#8d5fff 58%,#aa70ff 100%);color:#fff;box-shadow:0 14px 32px rgba(116,80,255,.24)}
.landing-v56-hero-actions .primary:before{content:"";position:absolute;inset:1px;border-radius:8px;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.landing-v56-hero-actions .primary i{position:absolute;right:14px;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.13);display:grid;place-items:center}
.landing-v56-hero-actions .secondary{background:#11131a;border:1px solid #252936;color:#e8ebf4}
.landing-v56-hero-actions .secondary i{color:#9f88ff}
.landing-v56-trust{margin-top:14px;gap:7px}
.landing-v56-trust span{background:#0e1017;border:1px solid #1f2330;padding:7px 9px;border-radius:999px}

.landing-v56-preview,.landing-v56-features,.landing-v56-discover{padding-top:24px;padding-bottom:24px}
.landing-v56-section-head{margin-bottom:13px}
.landing-v56-section-head small{font-size:7px;letter-spacing:.17em;font-weight:950;color:#8f79ff}
.landing-v56-section-head h2{margin-top:4px}

/* Real footer */
.landing-v58-footer{margin-top:12px;padding:0 18px 22px;background:linear-gradient(180deg,#08090e,#06070b);border-top:1px solid #1b1e28}
.landing-v58-footer-card{margin-top:18px;padding:18px;border-radius:8px;background:radial-gradient(circle at 100% 0,rgba(132,91,255,.16),transparent 42%),#0f1118;border:1px solid #222633;box-shadow:0 18px 42px rgba(0,0,0,.24)}
.landing-v58-footer-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}
.landing-v58-footer-brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}
.landing-v58-footer-brand strong{display:block;font-size:17px;letter-spacing:-.03em}
.landing-v58-footer-brand small{display:block;margin-top:2px;color:#7b8498;font-size:7px}
.landing-v58-footer-copy{margin:13px 0 0;color:#7e879a;font-size:7.5px;line-height:1.55;max-width:330px}
.landing-v58-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.landing-v58-footer-links a{min-height:42px;border-radius:8px;background:#131620;border:1px solid #232837;color:#aeb6c8;text-decoration:none;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:7.5px;font-weight:800}
.landing-v58-footer-links i{width:22px;color:#9e85ff;text-align:center}
.landing-v58-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #1e222e;color:#5f687b;font-size:6.5px}
.landing-v58-footer-bottom span:last-child{white-space:nowrap}
.landing-v58-footer-version{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #262b38;border-radius:999px;background:#0d0f15;color:#7e8798}

@media(max-width:360px){
  .landing-v56-hero-actions>a{height:54px;font-size:9.5px}
  .landing-v58-footer{padding-left:14px;padding-right:14px}
  .landing-v58-footer-card{padding:15px}
  .landing-v58-footer-links{grid-template-columns:1fr}
  .landing-v58-footer-bottom{align-items:flex-start;flex-direction:column}
}

/* V59 - Home feed uses the exact same publication card language as post.php */
.feed-v3{display:grid;gap:16px;padding:0 12px 100px}
.home-post-pro{width:100%;margin:0!important;overflow:hidden}
.home-post-pro .post-pro-author-row{padding-right:10px}
.home-post-pro .home-post-menu{flex:0 0 34px;width:34px;height:34px;margin-left:0;background:#0b0d13;border:1px solid #292d3b;color:#9097aa}
.home-post-pro .post-visibility-pill{margin-left:auto}
.home-post-pro .post-pro-media{margin-bottom:14px}
.home-post-pro .post-pro-media img,.home-post-pro .post-pro-media video{max-height:620px;object-fit:contain}
.home-post-pro .post-pro-poll{margin-top:4px;margin-bottom:14px}
.home-post-pro .post-pro-actions{border-top:0}
.home-post-pro .post-pro-text .hashtag,.home-post-pro .post-pro-text a{position:relative;z-index:1}
@media(max-width:380px){
  .home-post-pro .post-visibility-pill{width:28px;padding:0;font-size:0;justify-content:center}
  .home-post-pro .home-post-menu{width:30px;height:30px;flex-basis:30px}
}

/* =========================================================
   Mooky 0.0.1 — vrai footer public
   ========================================================= */
.mooky-site-footer{
  margin-top:34px;
  border-top:1px solid #1a1d26;
  background:#07080c;
  color:#fff;
}
.mooky-site-footer-inner{padding:30px 24px calc(24px + env(safe-area-inset-bottom));}
.mooky-site-footer-main{display:grid;gap:28px;}
.mooky-site-footer-brand-block{min-width:0}
.mooky-site-footer-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.mooky-site-footer-brand img{width:52px;height:52px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.mooky-site-footer-brand strong{display:block;font-size:22px;line-height:1;letter-spacing:-.04em}
.mooky-site-footer-brand span{display:block;margin-top:5px;color:#868ea0;font-size:11px}
.mooky-site-footer-brand-block>p{margin:15px 0 0;max-width:360px;color:#7f8798;font-size:12px;line-height:1.7}
.mooky-site-footer-social{display:flex;gap:9px;margin-top:17px}
.mooky-site-footer-social a{width:38px;height:38px;border-radius:8px;border:1px solid #242936;background:#11141c;color:#a68cff;display:grid;place-items:center;text-decoration:none;transition:.18s ease}
.mooky-site-footer-social a:hover{border-color:#6e54d7;background:#171328;color:#fff;transform:translateY(-1px)}
.mooky-site-footer-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:4px}
.mooky-site-footer-col{display:grid;align-content:start;gap:10px}
.mooky-site-footer-col h3{margin:0 0 4px;color:#f2f3f7;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.mooky-site-footer-col a{color:#8d95a7;text-decoration:none;font-size:11px;line-height:1.35;transition:.15s ease}
.mooky-site-footer-col a:hover{color:#b79cff}
.mooky-site-footer-cta{margin-top:28px;padding:17px;border:1px solid #29243d;border-radius:8px;background:linear-gradient(135deg,rgba(114,80,255,.13),rgba(169,99,255,.06));display:flex;align-items:center;justify-content:space-between;gap:14px}
.mooky-site-footer-cta span{display:block;color:#8c94a7;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}
.mooky-site-footer-cta strong{display:block;margin-top:4px;font-size:14px;letter-spacing:-.02em}
.mooky-site-footer-cta>a{height:42px;min-width:112px;padding:0 13px;border-radius:8px;background:linear-gradient(135deg,#7652ff,#a66bff);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:900;box-shadow:0 10px 24px rgba(118,82,255,.2);white-space:nowrap}
.mooky-site-footer-bottom{margin-top:23px;padding-top:17px;border-top:1px solid #1c202a;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#60697b;font-size:9px}
.mooky-site-footer-version{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid #242936;background:#0e1017;color:#7e8798;white-space:nowrap}
.mooky-site-footer-version i{font-size:6px;color:#8b67ff}
@media(max-width:360px){
  .mooky-site-footer-inner{padding-left:18px;padding-right:18px}
  .mooky-site-footer-columns{gap:12px}
  .mooky-site-footer-cta{align-items:flex-start;flex-direction:column}
  .mooky-site-footer-cta>a{width:100%}
  .mooky-site-footer-bottom{align-items:flex-start;flex-direction:column}
}

/* === Mooky V61 - Explore moments redesign === */
.explore-v61-moments{padding-bottom:104px!important}.explore-v61-heading{align-items:flex-start!important}.explore-v61-heading>div{min-width:0}.explore-v61-heading p{font-size:8px;color:#757d90;margin:5px 0 0;line-height:1.45}.explore-v61-heading>a{display:inline-flex!important;align-items:center;gap:5px;padding:8px 10px;border:1px solid #25283a;border-radius:8px;background:#11131b;color:#a892ff!important;white-space:nowrap}.explore-v61-featured{display:block;border-radius:8px;overflow:hidden;border:1px solid #282b3a;background:#11131a;box-shadow:0 16px 35px rgba(0,0,0,.18);margin-bottom:10px}.explore-v61-featured-media{position:relative;height:270px;overflow:hidden;background:#0c0d13}.explore-v61-featured-media>img,.explore-v61-featured-media>video{width:100%;height:100%;object-fit:cover;display:block}.explore-v61-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,10,.03) 25%,rgba(5,6,10,.18) 55%,rgba(5,6,10,.94) 100%)}.explore-v61-play{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(10,11,17,.75);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);font-size:12px}.explore-v61-featured-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:15px}.explore-v61-author{display:flex;align-items:center;gap:8px}.explore-v61-author>img{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.18)}.explore-v61-author b{display:block;font-size:11px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-v61-author small{display:block;font-size:7px;color:#a8adba;margin-top:2px}.explore-v61-featured-copy>p{font-size:11px;line-height:1.4;margin:10px 0 9px;color:#f4f5f8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-v61-meta{display:flex;align-items:center;gap:13px;font-size:8px;color:#d6d9e1}.explore-v61-meta span{display:flex;align-items:center;gap:5px}.explore-v61-meta i{color:#a889ff}.explore-v61-meta .open{margin-left:auto;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.08);color:#fff}.explore-v61-text{height:100%;display:flex;flex-direction:column;justify-content:center;padding:24px;background:radial-gradient(circle at 80% 12%,rgba(126,85,255,.26),transparent 36%),linear-gradient(145deg,#181a27,#0e1016)}.explore-v61-text i{color:#896cff;font-size:22px;margin-bottom:12px}.explore-v61-text p{font-size:18px;line-height:1.4;margin:0;color:#f0f1f6}.explore-v61-list{display:grid;gap:8px}.explore-v61-card{position:relative;display:grid;grid-template-columns:94px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:9px;border-radius:8px;border:1px solid #212430;background:linear-gradient(145deg,#12141c,#0e1016);min-height:104px}.explore-v61-thumb{position:relative;width:94px;height:86px;border-radius:8px;overflow:hidden;background:#171925}.explore-v61-thumb img,.explore-v61-thumb video{width:100%;height:100%;display:block;object-fit:cover}.explore-v61-thumb>span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(6,7,11,.18)}.explore-v61-thumb>span i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(10,11,17,.74);backdrop-filter:blur(8px);font-size:8px}.explore-v61-thumb .text-thumb{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(140deg,#211b3b,#12141d);color:#8f76ff}.explore-v61-card-copy{min-width:0}.explore-v61-card-author{display:flex;align-items:center;gap:6px;min-width:0}.explore-v61-card-author>img{width:24px;height:24px;border-radius:50%;object-fit:cover}.explore-v61-card-author>span{min-width:0}.explore-v61-card-author b{display:block;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.explore-v61-card-author small{display:block;font-size:6.5px;color:#737b8d}.explore-v61-card-copy>p{font-size:9px;line-height:1.35;color:#dfe2ea;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-v61-card-copy>div:last-child{display:flex;gap:10px;font-size:7px;color:#858ca0}.explore-v61-card-copy>div:last-child span{display:flex;align-items:center;gap:4px}.explore-v61-card-copy>div:last-child i{color:#987fff}.explore-v61-chevron{font-size:9px;color:#555d70;justify-self:end}.explore-v61-card:active,.explore-v61-featured:active{transform:scale(.995)}
@media(max-width:360px){.explore-v61-featured-media{height:238px}.explore-v61-card{grid-template-columns:82px minmax(0,1fr) 16px}.explore-v61-thumb{width:82px;height:76px}.explore-v61-heading>a{padding:7px 8px;font-size:7px}}

/* V62 — Messagerie Pro */
.messages-pro-head{height:78px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,10,16,.92);backdrop-filter:blur(18px)}
.messages-pro-head .head-icon{width:48px;height:48px;border-radius:8px;background:#12151e;border:1px solid rgba(255,255,255,.08);font-size:19px}
.messages-pro-head .new-chat-head{color:#b69bff;background:linear-gradient(145deg,rgba(126,87,255,.16),rgba(255,255,255,.025))}
.messages-head-title{display:flex;flex-direction:column;align-items:center;line-height:1.15}.messages-head-title strong{font-size:19px}.messages-head-title small{font-size:9px;color:#747b90;margin-top:4px;font-weight:600}
.messages-pro-page{padding:0 18px 110px}.messages-pro-hero{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 2px 18px}.messages-pro-hero .eyebrow{display:inline-flex;align-items:center;gap:7px}.messages-pro-hero h1{margin:12px 0 8px;font-size:34px;line-height:1.02;letter-spacing:-1.6px}.messages-pro-hero p{max-width:330px;margin:0;color:#8f97aa;font-size:12px;line-height:1.55}.messages-hero-status{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;border:1px solid rgba(62,218,155,.15);background:rgba(62,218,155,.06);margin-top:5px}.messages-hero-status small{font-size:9px;color:#79dcb5;font-weight:700}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#43d69b;box-shadow:0 0 0 5px rgba(67,214,155,.10);animation:mookyPulse 1.8s infinite}@keyframes mookyPulse{50%{box-shadow:0 0 0 8px rgba(67,214,155,0)}}
.messages-stats-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:2px 0 15px;border:1px solid rgba(255,255,255,.075);background:#10131b;border-radius:8px;overflow:hidden}.messages-stats-strip>div{padding:13px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.065)}.messages-stats-strip>div:last-child{border-right:0}.messages-stats-strip b{display:block;font-size:17px}.messages-stats-strip span{display:block;margin-top:2px;font-size:8px;color:#788094}
.messages-search-wrap{height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.085);background:#12151e;border-radius:8px;margin-bottom:11px;transition:.2s}.messages-search-wrap:focus-within{border-color:rgba(143,105,255,.55);box-shadow:0 0 0 3px rgba(124,82,255,.08)}.messages-search-wrap>i{color:#8490aa}.messages-search-wrap input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font:inherit;font-size:12px}.messages-search-wrap input::placeholder{color:#778096}.messages-search-wrap button{width:30px;height:30px;border:0;border-radius:10px;background:#1b1f2b;color:#8e96aa}
.messages-filter-bar{display:flex;gap:7px;overflow:auto;padding:1px 0 15px;scrollbar-width:none}.messages-filter-bar::-webkit-scrollbar{display:none}.messages-filter-bar button{flex:0 0 auto;height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:#11141c;color:#8c94a8;font-size:9px;font-weight:800;display:flex;align-items:center;gap:6px}.messages-filter-bar button.active{color:#d9ceff;border-color:rgba(129,91,255,.35);background:rgba(117,78,255,.14)}.messages-filter-bar button em{min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#7555ff;color:#fff;font-style:normal;display:grid;place-items:center;font-size:8px}
.messages-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:5px 2px 9px}.messages-section-head span{font-size:8px;letter-spacing:1.4px;color:#7764d6;font-weight:900}.messages-section-head h2{margin:2px 0 0;font-size:18px}.messages-section-head>a{font-size:9px;color:#a791ff;font-weight:800;display:flex;gap:5px;align-items:center}.conversation-list-pro{display:grid;gap:7px}.conversation-card-pro{position:relative;display:flex;align-items:center;gap:12px;padding:12px;background:#10131b;border:1px solid rgba(255,255,255,.065);border-radius:8px;color:inherit;transition:.18s}.conversation-card-pro:hover,.conversation-card-pro:active{background:#141824;border-color:rgba(136,103,255,.22);transform:translateY(-1px)}.conversation-card-pro.is-unread{background:linear-gradient(120deg,rgba(112,77,255,.09),#11141c 55%);border-color:rgba(135,100,255,.18)}.conversation-avatar-pro{position:relative;flex:0 0 auto}.conversation-avatar-pro img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#1a1d27}.presence-ring{position:absolute;right:0;bottom:1px;width:13px;height:13px;border-radius:50%;background:#2a2f3d;border:3px solid #10131b}.presence-ring.online{background:#39d69a;box-shadow:0 0 0 3px rgba(57,214,154,.11)}.conversation-content-pro{flex:1;min-width:0}.conversation-name-row,.conversation-preview-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-user-name{display:flex;align-items:center;min-width:0;gap:4px}.conversation-user-name>b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-name-row time{flex:0 0 auto;font-size:8px;color:#6f7688}.conversation-preview-row{margin-top:4px}.conversation-preview-row p{min-width:0;flex:1;margin:0;color:#7f879a;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-preview-row p.is-typing{color:#9e85ff;font-weight:800}.conversation-preview-row p i{font-size:9px;margin-right:4px;color:#8d79dc}.conversation-unread-pill{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#7655ff;color:white;display:grid;place-items:center;font-size:8px;font-weight:900}.conversation-arrow{font-size:9px;color:#4f5668}.messages-no-result{display:flex;flex-direction:column;align-items:center;gap:5px;padding:28px 16px;color:#7f8798;text-align:center}.messages-no-result>i{font-size:24px;color:#7866ce}.messages-no-result b{font-size:12px;color:#d6d8df}.messages-no-result span{font-size:9px}
.messages-empty-pro{margin:4px 0 20px;padding:32px 20px;border-radius:8px;text-align:center;border:1px dashed rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(126,85,255,.055),rgba(255,255,255,.018))}.empty-orbit{width:66px;height:66px;margin:0 auto 13px;border-radius:8px;display:grid;place-items:center;font-size:25px;color:#9b80ff;background:rgba(120,80,255,.11);border:1px solid rgba(145,107,255,.18);box-shadow:0 16px 50px rgba(80,45,180,.11)}.messages-empty-pro>span{font-size:8px;letter-spacing:1.4px;color:#7e69dc;font-weight:900}.messages-empty-pro h2{font-size:21px;margin:8px 0 6px}.messages-empty-pro p{font-size:11px;line-height:1.55;color:#858da0;max-width:320px;margin:0 auto 16px}.messages-empty-pro .btn{display:inline-flex;align-items:center;gap:7px}
.suggestions-head{margin-top:22px}.quick-people-scroller{display:flex;gap:9px;overflow:auto;padding:2px 0 6px;scrollbar-width:none}.quick-people-scroller::-webkit-scrollbar{display:none}.quick-person{flex:0 0 126px;min-width:0;display:flex;flex-direction:column;align-items:center;padding:13px 8px 11px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#10131b;text-align:center}.quick-person-avatar{position:relative}.quick-person-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}.quick-person-avatar i{position:absolute;right:0;bottom:2px;width:11px;height:11px;background:#41d59a;border:2px solid #10131b;border-radius:50%}.quick-person b{margin-top:7px;max-width:100%;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-person small{font-size:8px;color:#6f778a;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-person em{margin-top:8px;width:29px;height:29px;border-radius:10px;background:rgba(119,82,255,.13);color:#a991ff;display:grid;place-items:center;font-style:normal;font-size:10px}
@media(max-width:380px){.messages-pro-page{padding-left:13px;padding-right:13px}.messages-pro-hero h1{font-size:30px}.messages-hero-status{display:none}.messages-stats-strip span{font-size:7px}.conversation-card-pro{padding:10px}.conversation-avatar-pro img{width:47px;height:47px}}

/* V65 — breathing room under Messages header */
.messages-pro-page{padding-top:16px!important}
.messages-stats-strip{margin-top:0!important}
@media(max-width:380px){.messages-pro-page{padding-top:14px!important}}

/* V66 — Messagerie complète : demandes, indésirables et correction des conversations */
.messages-v66{padding-bottom:120px}.messages-v66 .messages-stats-strip .has-requests b{color:#a98cff}.messages-tabs-v66{padding-bottom:18px}.messages-tabs-v66 button{height:36px;padding:0 13px}.message-panel{animation:mookyPanelIn .18s ease}.message-panel[hidden]{display:none!important}@keyframes mookyPanelIn{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.request-state-pill,.request-new-label,.spam-label{flex:0 0 auto;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:900;letter-spacing:.15px}.request-state-pill{color:#b9a7ff;background:rgba(128,91,255,.12);border:1px solid rgba(143,105,255,.22)}.request-new-label{color:#d8ceff;background:rgba(126,84,255,.16);border:1px solid rgba(143,105,255,.27)}.spam-label{color:#ff9aad;background:rgba(255,78,105,.10);border:1px solid rgba(255,82,112,.18)}
.request-info-card{display:flex;gap:12px;align-items:flex-start;padding:14px;margin:2px 0 12px;border:1px solid rgba(146,105,255,.18);border-radius:8px;background:linear-gradient(135deg,rgba(118,80,255,.10),rgba(255,255,255,.018))}.request-info-card>i{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:8px;color:#a98cff;background:rgba(120,82,255,.15)}.request-info-card b{display:block;font-size:11px}.request-info-card p{margin:3px 0 0;color:#81899b;font-size:9px;line-height:1.45}.request-info-card.spam{border-color:rgba(255,91,112,.13);background:linear-gradient(135deg,rgba(255,73,102,.055),rgba(255,255,255,.012))}.request-info-card.spam>i{color:#ff8297;background:rgba(255,74,101,.09)}
.request-card{border-color:rgba(139,99,255,.18)}.spam-card{opacity:.82}.panel-empty{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.012);color:#737b8e}.panel-empty>i{font-size:24px;color:#8c73ed;margin-bottom:9px}.panel-empty b{font-size:12px;color:#ddd}.panel-empty span{font-size:9px;margin-top:4px}.messages-empty-pro.compact{margin-top:4px}
.chat-request-banner{position:relative;z-index:5;margin:10px 12px 0;padding:12px;border-radius:8px;border:1px solid rgba(139,99,255,.22);background:linear-gradient(135deg,rgba(116,78,255,.15),rgba(16,18,27,.98));box-shadow:0 12px 35px rgba(0,0,0,.18)}.chat-request-banner>div:first-child{display:flex;gap:10px;align-items:flex-start}.chat-request-banner>div:first-child>i{width:36px;height:36px;flex:0 0 36px;border-radius:8px;display:grid;place-items:center;color:#b49cff;background:rgba(128,88,255,.14)}.chat-request-banner span{min-width:0}.chat-request-banner b{display:block;font-size:10px}.chat-request-banner small{display:block;color:#8991a3;font-size:8px;line-height:1.45;margin-top:2px}.chat-request-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.chat-request-actions button{height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:900}.chat-request-actions .accept{background:linear-gradient(135deg,#7655ff,#a56dff);color:#fff;border:0}.chat-request-actions .spam{background:rgba(255,72,101,.08);color:#ff8195;border-color:rgba(255,72,101,.16)}.chat-request-banner.outgoing{border-color:rgba(255,190,70,.13);background:linear-gradient(135deg,rgba(255,183,64,.06),rgba(16,18,27,.98))}.chat-request-banner.outgoing>div:first-child>i{color:#f7c76b;background:rgba(255,186,63,.09)}.chat-request-banner.spam-state{border-color:rgba(255,74,101,.14);background:linear-gradient(135deg,rgba(255,73,102,.06),rgba(16,18,27,.98))}.chat-request-banner.spam-state>div:first-child>i{color:#ff8195;background:rgba(255,73,102,.09)}.chat-input.is-locked{opacity:.75}.chat-input.is-locked textarea:disabled{cursor:not-allowed}.chat-input.is-locked button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:360px){.chat-request-banner{margin-left:8px;margin-right:8px}.messages-tabs-v66 button{padding:0 10px;font-size:8px}.request-info-card{padding:12px}}
.messages-no-result[hidden]{display:none!important}.bubble-wrap.message-highlight .bubble{box-shadow:0 0 0 2px rgba(145,105,255,.7),0 0 35px rgba(119,80,255,.25);animation:mookyMessageHighlight 1.1s ease 2}@keyframes mookyMessageHighlight{50%{transform:scale(1.015)}}

/* V68 — Signalements mobile : feuille compacte, scrollable et entièrement visible */
.bottom-sheet{max-height:min(88dvh,760px);display:flex;flex-direction:column;overflow:hidden}
#sheetContent{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:thin;scrollbar-color:#7655ff #0d0f16}
#sheetContent::-webkit-scrollbar{width:5px}#sheetContent::-webkit-scrollbar-track{background:#0d0f16}#sheetContent::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7655ff,#a56dff);border-radius:999px}
#sheetContent>.sheet-title{position:sticky;top:0;z-index:4;margin:0 -1px 4px;padding:8px 5px 10px;background:linear-gradient(180deg,#141720 82%,rgba(20,23,32,0));backdrop-filter:blur(14px)}
.report-sheet-form{gap:10px;padding:0 2px 2px}.report-sheet-form .sheet-help{font-size:11px;line-height:1.45;padding:0 2px 2px}
.report-reason-grid{grid-template-columns:1fr 1fr;gap:7px}.report-reason-grid span{min-height:42px;padding:8px 10px;border-radius:8px;font-size:10px;line-height:1.25}
.report-note span{font-size:10px;margin:2px 0 6px}.report-note textarea{min-height:82px;max-height:150px;resize:vertical;padding:10px;font-size:11px}
.report-sheet-form>.btn.wide{position:sticky;bottom:0;z-index:5;min-height:48px;margin-top:2px;border-radius:8px;box-shadow:0 -10px 26px #141720,0 12px 30px rgba(99,65,220,.24)}
@media(max-width:380px){.bottom-sheet{max-height:90dvh;padding-left:10px;padding-right:10px}.report-reason-grid{grid-template-columns:1fr 1fr;gap:6px}.report-reason-grid span{min-height:39px;padding:7px 8px;font-size:9px}.report-note textarea{min-height:72px}.report-sheet-form>.btn.wide{min-height:46px}}
@media(max-width:330px){.report-reason-grid{grid-template-columns:1fr}.bottom-sheet{max-height:92dvh}}


/* ===== Mooky V69 · Message action buttons + upload polish ===== */
.bubble-wrap{display:flex;align-items:center;gap:8px;max-width:100%;position:relative}
.bubble-wrap.mine{justify-content:flex-end}
.bubble-wrap:not(.mine){justify-content:flex-start}
.bubble-wrap .bubble{min-width:0}
.bubble-menu-btn,
.bubble-wrap.mine .bubble-menu-btn{
  position:static!important;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(145deg,#151823,#10121a);
  color:#8f97ab;
  opacity:1;
  display:grid;
  place-items:center;
  padding:0;
  box-shadow:0 6px 18px rgba(0,0,0,.14);
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
.bubble-wrap.mine .bubble-menu-btn{order:-1}
.bubble-menu-btn i{font-size:13px;line-height:1}
.bubble-menu-btn:hover,.bubble-menu-btn:focus-visible,.bubble-menu-btn:active{
  color:#c8bbff;
  background:#1c1830;
  border-color:rgba(139,104,255,.34);
  transform:scale(.96);
  outline:none;
}
.chat-upload-preview{margin-top:7px}
.upload-chip{border:1px solid rgba(139,104,255,.20)!important;background:linear-gradient(145deg,#171827,#11131d)!important;border-radius:8px!important}
.upload-chip>i{color:#9d86ff!important}
.upload-chip button{background:#211a35!important;color:#b9a9ff!important;border-radius:10px!important}
.chat-attach-sheet button:active{transform:scale(.985)}
@media(max-width:360px){.bubble-wrap{gap:5px}.bubble-menu-btn,.bubble-wrap.mine .bubble-menu-btn{flex-basis:30px;width:30px;height:30px;border-radius:10px}.bubble-menu-btn i{font-size:12px}}

/* V70 - hide file preview scrollbars */
.file-preview-body{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.file-preview-body::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.file-preview-body>*{
  max-width:100%!important;
  box-sizing:border-box;
}
.file-modal-image,.file-modal-video{
  max-width:100%!important;
  width:100%!important;
}
.code-viewer{
  max-width:100%!important;
  overflow:hidden!important;
}
.code-viewer pre{
  max-width:100%!important;
  overflow:auto!important;
  scrollbar-width:none!important;
}
.code-viewer pre::-webkit-scrollbar{
  display:none!important;
}
#sheetContent{
  overflow-x:hidden!important;
}
#sheetContent::-webkit-scrollbar:horizontal{
  display:none!important;
  height:0!important;
}

/* ===== Mooky v71 — PDF preview in chat ===== */
.pdf-preview-wrap{width:100%;min-width:0;display:grid;gap:10px}
.file-modal-pdf{display:block;width:100%;height:min(68dvh,680px);min-height:420px;border:0;border-radius:8px;background:#0b0d13;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.pdf-preview-fallback{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#10131b;color:#8f97aa;font-size:10px;line-height:1.45}
.pdf-preview-fallback i{color:#ff6b7f;font-size:15px;flex:0 0 auto}
@media(max-width:420px){.file-modal-pdf{height:62dvh;min-height:360px;border-radius:8px}}
@media(max-height:700px){.file-modal-pdf{height:52dvh;min-height:300px}}

/* ===== Mooky V72 · Signalement mobile compact (2 colonnes comme desktop) ===== */
.bottom-sheet{
  width:min(calc(100vw - 18px),430px)!important;
  max-height:min(84dvh,720px)!important;
  padding:8px 14px calc(12px + env(safe-area-inset-bottom))!important;
  border-radius:8px 8px 0 0!important;
}
#sheetContent{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 2px 4px!important;
  scrollbar-width:none!important;
}
#sheetContent::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
#sheetContent>.sheet-title{
  position:sticky!important;
  top:0!important;
  z-index:6!important;
  padding:8px 2px 12px!important;
  margin:0!important;
  background:linear-gradient(180deg,#141720 88%,rgba(20,23,32,0))!important;
}
#sheetContent>.sheet-title b{font-size:18px!important;line-height:1.15!important}
.report-sheet-form{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:0!important;
}
.report-sheet-form .sheet-help{
  margin:0 0 2px!important;
  padding:0 2px!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.report-reason-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
}
.report-reason-grid label{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
}
.report-reason-grid span{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  width:100%!important;
  min-height:50px!important;
  padding:10px 12px!important;
  border-radius:8px!important;
  font-size:10px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}
.report-note{display:block!important;width:100%!important;margin:2px 0 0!important}
.report-note>span{display:block!important;font-size:10px!important;margin:0 0 6px!important}
.report-note textarea{
  width:100%!important;
  min-height:78px!important;
  max-height:120px!important;
  padding:11px!important;
  border-radius:8px!important;
  font-size:11px!important;
  resize:none!important;
  box-sizing:border-box!important;
}
.report-sheet-form>.btn.wide{
  position:sticky!important;
  bottom:0!important;
  z-index:7!important;
  width:100%!important;
  min-height:50px!important;
  margin:2px 0 0!important;
  border-radius:8px!important;
  font-size:12px!important;
  box-shadow:0 -10px 24px #141720,0 12px 28px rgba(99,65,220,.22)!important;
}
@media(max-width:360px){
  .bottom-sheet{width:calc(100vw - 10px)!important;padding-left:10px!important;padding-right:10px!important;max-height:88dvh!important}
  .report-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .report-reason-grid span{min-height:46px!important;padding:8px 9px!important;font-size:9px!important}
  .report-note textarea{min-height:68px!important}
}
@media(max-width:300px){.report-reason-grid{grid-template-columns:1fr!important}}


/* ===== Mooky V73 · Chat long-press actions ===== */
.bubble-menu-btn{display:none!important}
.bubble-wrap[data-longpress-message]{max-width:88%;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;transition:transform .14s ease,filter .14s ease}
.bubble-wrap[data-longpress-message].mine{margin-left:auto}
.bubble-wrap[data-longpress-message].is-pressing{transform:scale(.985);filter:brightness(1.08)}
.bubble-wrap[data-longpress-message]:focus-visible .bubble{box-shadow:0 0 0 2px rgba(139,104,255,.42),0 10px 28px rgba(0,0,0,.18)}
.message-action-title>div{display:grid;gap:2px}.message-action-title small{font-size:10px;color:#7f879b;font-weight:500}
.message-action-list{display:grid;gap:7px}.message-action-list>button,.message-action-list>a{min-height:58px;border-radius:8px!important}
.message-action-list>button>i,.message-action-list>a>i{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#1b1e2a;color:#aa98ff;font-size:15px;flex:0 0 38px}
.message-action-list>button.danger>i{background:rgba(255,82,111,.12);color:#ff718a}
.message-action-hint{margin:11px 3px 2px;color:#6f778b;font-size:9px;line-height:1.45;text-align:center}.message-action-hint i{margin-right:4px;color:#8d78ef}
@media(max-width:380px){.bubble-wrap[data-longpress-message]{max-width:91%}.message-action-list>button,.message-action-list>a{min-height:54px}.message-action-hint{font-size:8px}}

/* Mooky v74 - profile cards + numeric nav notifications */
.mooky-nav-badge-profile{background:#ff4f79!important;color:#fff!important;min-width:17px!important;height:17px!important;line-height:17px!important;font-size:9px!important;top:-6px!important;right:-8px!important;border:2px solid #0d0f17!important;box-shadow:0 4px 14px rgba(255,79,121,.38)!important}
.profile-post-list-v4{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:14px 14px 92px!important}
.profile-post-card-pro{display:flex!important;flex-direction:column!important;width:100%!important;min-height:0!important;border-radius:8px!important;background:#11141d!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important;text-decoration:none!important;color:inherit!important;box-shadow:0 10px 26px rgba(0,0,0,.12)!important}
.profile-post-card-pro .profile-post-media{width:100%!important;height:auto!important;aspect-ratio:16/10!important;background:#080a0f!important;overflow:hidden!important;position:relative!important}
.profile-post-card-pro .profile-post-media img,.profile-post-card-pro .profile-post-media video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.profile-post-card-pro .profile-post-body{padding:14px 15px 15px!important;display:grid!important;gap:8px!important}
.profile-post-card-pro .profile-post-meta{display:flex!important;align-items:center!important;gap:5px!important;color:#9097aa!important}
.profile-post-card-pro .profile-post-meta small{font-size:11px!important;color:#9097aa!important}
.profile-post-card-pro .profile-post-body p{margin:0!important;font-size:15px!important;line-height:1.45!important;color:#f2f3f7!important;word-break:break-word!important}
.profile-post-card-pro .profile-post-counts{display:flex!important;align-items:center!important;gap:7px!important;color:#8f96aa!important;font-size:11px!important}
.profile-post-card-pro .profile-post-counts i+*{margin-left:3px!important}
.profile-post-play{position:absolute!important;inset:0!important;margin:auto!important;width:52px!important;height:52px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(126,92,255,.92)!important;color:#fff!important;font-size:17px!important;box-shadow:0 10px 30px rgba(126,92,255,.35)!important}
@media(max-width:380px){.profile-post-list-v4{padding-left:10px!important;padding-right:10px!important}.profile-post-card-pro .profile-post-media{aspect-ratio:4/3!important}}

/* ===== Mooky V75 · Home feed mobile author row fix ===== */
@media (max-width: 420px){
  .feed-v3{padding-left:6px!important;padding-right:6px!important;gap:12px!important}
  .home-post-pro{border-radius:8px!important}
  .home-post-pro .post-pro-author-row{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 34px!important;
    grid-template-areas:
      "avatar author menu"!important;
    align-items:center!important;
    gap:8px!important;
    padding:12px 10px 10px!important;
  }
  .home-post-pro .post-pro-avatar{grid-area:avatar!important;width:42px!important;height:42px!important}
  .home-post-pro .post-pro-avatar img{width:42px!important;height:42px!important}
  .home-post-pro .post-pro-author{grid-area:author!important;width:100%!important;min-width:0!important;overflow:hidden!important}
  .home-post-pro .post-pro-author .name-line{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    min-width:0!important;
    width:100%!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
  }
  .home-post-pro .post-pro-author .name-line>a{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 84px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  .home-post-pro .post-pro-author .name-line>.user-badges{
    flex:0 0 auto!important;
    display:inline-flex!important;
    flex-wrap:nowrap!important;
    gap:2px!important;
    max-width:80px!important;
    overflow:hidden!important;
  }
  .home-post-pro .post-pro-author .user-badge,
  .home-post-pro .post-pro-author .role-badge-icon{
    width:16px!important;
    min-width:16px!important;
    max-width:16px!important;
    height:16px!important;
  }
  .home-post-pro .post-pro-sub{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    min-width:0!important;
    max-width:100%!important;
    margin-top:3px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:9.5px!important;
  }
  .home-post-pro .post-pro-sub>span:first-child{
    min-width:0!important;
    max-width:48%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .home-post-pro .post-pro-sub>span:not(:first-child){flex:0 0 auto!important}
  .home-post-pro .post-pro-sub i{flex:0 0 3px!important}
  .home-post-pro .post-visibility-pill{display:none!important}
  .home-post-pro .home-post-menu{
    grid-area:menu!important;
    justify-self:end!important;
    align-self:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex-basis:34px!important;
    margin:0!important;
    border-radius:8px!important;
  }
  .home-post-pro .post-pro-text{padding-left:12px!important;padding-right:12px!important}
  .home-post-pro .post-pro-context{padding-left:12px!important;padding-right:12px!important}
  .home-post-pro .post-pro-media{margin-left:8px!important;margin-right:8px!important;border-radius:8px!important}
}
@media (max-width: 350px){
  .home-post-pro .post-pro-author-row{grid-template-columns:38px minmax(0,1fr) 30px!important;gap:7px!important;padding-left:8px!important;padding-right:8px!important}
  .home-post-pro .post-pro-avatar,.home-post-pro .post-pro-avatar img{width:38px!important;height:38px!important}
  .home-post-pro .post-pro-author .name-line>a{font-size:13px!important;max-width:calc(100% - 68px)!important}
  .home-post-pro .post-pro-author .name-line>.user-badges{max-width:66px!important}
  .home-post-pro .post-pro-author .user-badge,.home-post-pro .post-pro-author .role-badge-icon{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important}
  .home-post-pro .home-post-menu{width:30px!important;height:30px!important;min-width:30px!important}
}

/* ===== V77: post.php mobile author/header fix ===== */
@media (max-width: 430px){
  .post-pro-page{padding:10px 8px 92px!important}
  .post-pro-page .post-pro-card{border-radius:8px!important}
  .post-pro-page .post-pro-author-row{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-areas:"avatar author"!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:0!important;
    padding:14px 12px 10px!important;
  }
  .post-pro-page .post-pro-avatar{grid-area:avatar!important;width:48px!important;height:48px!important}
  .post-pro-page .post-pro-avatar img{width:48px!important;height:48px!important}
  .post-pro-page .post-pro-author{grid-area:author!important;min-width:0!important;width:100%!important;overflow:hidden!important}
  .post-pro-page .post-pro-author .name-line{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
    flex-wrap:nowrap!important;
  }
  .post-pro-page .post-pro-author .name-line>a{
    min-width:0!important;
    flex:1 1 auto!important;
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
  .post-pro-page .post-pro-author .name-line>.user-badges{
    display:inline-flex!important;
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:2px!important;
    max-width:76px!important;
    overflow:hidden!important;
  }
  .post-pro-page .post-pro-author .user-badge,
  .post-pro-page .post-pro-author .role-badge-icon{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    max-width:16px!important;
  }
  .post-pro-page .post-pro-sub{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:10px!important;
  }
  .post-pro-page .post-pro-sub>span:first-child{
    min-width:0!important;
    max-width:52%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .post-pro-page .post-pro-sub>span:not(:first-child){flex:0 0 auto!important}
  .post-pro-page .post-pro-sub i{flex:0 0 3px!important}
  /* Public/Abonnés is already available in the post data; hiding the pill avoids the empty circle on narrow phones. */
  .post-pro-page .post-visibility-pill{display:none!important}
  .post-pro-page .post-pro-context{padding-left:12px!important;padding-right:12px!important}
  .post-pro-page .post-pro-text{padding-left:12px!important;padding-right:12px!important}
  .post-pro-page .post-pro-media{margin-left:8px!important;margin-right:8px!important;border-radius:8px!important}
}
@media (max-width: 360px){
  .post-pro-page .post-pro-author-row{grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important;padding-left:10px!important;padding-right:10px!important}
  .post-pro-page .post-pro-avatar,.post-pro-page .post-pro-avatar img{width:44px!important;height:44px!important}
  .post-pro-page .post-pro-author .name-line>a{font-size:14px!important}
  .post-pro-page .post-pro-author .name-line>.user-badges{max-width:68px!important}
  .post-pro-page .post-pro-author .user-badge,.post-pro-page .post-pro-author .role-badge-icon{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important}
  .post-pro-page .post-pro-sub{font-size:9.5px!important}
}

/* V78 — Story viewer pro / responsive */
.story-v78{margin:0;background:#000!important;color:#fff;overflow:hidden;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.story-v78 .story-shell{position:relative;width:100%;height:100dvh;max-width:620px;margin:0 auto;background:#000;overflow:hidden;isolation:isolate}
.story-progress-v78{position:absolute;z-index:40;top:max(7px,env(safe-area-inset-top));left:10px;right:10px;height:3px;border-radius:999px;background:rgba(255,255,255,.24);overflow:hidden}.story-progress-v78 span{display:block;height:100%;width:0;background:#fff;border-radius:inherit}
@keyframes storyV78{from{width:0}to{width:100%}}
.story-head-v78{position:absolute;z-index:35;top:calc(max(8px,env(safe-area-inset-top)) + 10px);left:12px;right:12px;height:56px;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(0,0,0,.52),rgba(0,0,0,0));padding:0 2px;border:0!important}
.story-close-v78,.story-more-v78{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(9,10,15,.52);backdrop-filter:blur(14px);color:#fff;font-size:19px}.story-more-v78{margin-left:auto;cursor:pointer}
.story-author-v78{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.story-author-v78>img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.92);flex:0 0 42px}.story-author-copy{min-width:0}.story-author-name{font-size:14px;font-weight:850;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.story-author-name .premium-name{font-size:inherit!important;line-height:inherit!important}.story-author-meta{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.68);font-size:10.5px;margin-top:3px;white-space:nowrap}.story-author-meta i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.35)}
.story-stage-v78{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.story-media-v78{width:100%;height:100%;object-fit:contain;display:block;background:#000}.story-stage-v78:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.20) 0%,transparent 18%,transparent 72%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:4}.story-tap{position:absolute;top:78px;bottom:94px;width:40%;z-index:8;background:transparent;border:0}.story-tap-prev{left:0}.story-tap-next{right:0}.story-caption-v78{position:absolute;z-index:10;left:18px;right:18px;bottom:104px;text-align:center;font-size:18px;line-height:1.35;font-weight:650;text-shadow:0 2px 14px #000;background:linear-gradient(90deg,transparent,rgba(0,0,0,.38),transparent);padding:9px 12px;pointer-events:none}.story-video-toggle-v78{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(10,10,14,.38);backdrop-filter:blur(12px);color:#fff;font-size:23px;opacity:0;transition:.2s}.story-stage-v78:hover .story-video-toggle-v78,.story-video-toggle-v78:focus{opacity:1}.story-sound-v78{position:absolute;right:18px;bottom:108px;z-index:14;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(10,10,14,.46);color:#fff;font-size:16px}
.story-footer-v78{position:absolute;z-index:35;bottom:calc(10px + env(safe-area-inset-bottom));left:14px;right:14px;display:flex;align-items:center;gap:9px}.story-reply-v78{display:flex;align-items:center;gap:7px;flex:1;min-width:0;background:rgba(13,15,23,.64);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px);border-radius:999px;padding:5px 6px 5px 15px}.story-reply-v78 input{height:38px;flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:#fff}.story-reply-v78 button,.story-quick-react,.story-owner-action{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(124,92,255,.92);color:#fff}.story-quick-react{background:rgba(20,22,30,.72);font-size:20px;border:1px solid rgba(255,255,255,.14)}
.story-views-btn-v78{height:44px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(12,14,20,.62);backdrop-filter:blur(16px);color:#fff;padding:4px 14px 4px 5px}.story-view-avatars{display:flex}.story-view-avatars img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #0a0b10;margin-right:-8px}.story-view-avatars:empty{display:none}.story-views-btn-v78>span:last-child{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:750}.story-owner-action{margin-left:auto;background:rgba(20,22,30,.72);border:1px solid rgba(255,255,255,.14)}
.story-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(4px);z-index:99980;opacity:0;pointer-events:none;transition:.18s}.story-sheet-backdrop.open{opacity:1;pointer-events:auto}.story-sheet-v78{position:fixed;z-index:99990;left:50%;bottom:0;transform:translate(-50%,105%);width:min(620px,100%);max-height:min(72dvh,620px);overflow:auto;background:#141722;border:1px solid rgba(255,255,255,.09);border-radius:8px 8px 0 0;padding:9px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -24px 70px rgba(0,0,0,.48);transition:transform .2s ease;scrollbar-width:none}.story-sheet-v78::-webkit-scrollbar{display:none}.story-sheet-v78.open{transform:translate(-50%,0)}.story-sheet-handle{width:48px;height:5px;border-radius:999px;background:#596070;margin:0 auto 12px}.story-sheet-title{display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:850;padding:6px 2px 13px;border-bottom:1px solid rgba(255,255,255,.07)}.story-sheet-title small{font-size:11px;color:#9ca3b5;margin-left:6px}.story-sheet-title button{width:38px;height:38px;border:0;border-radius:50%;background:#1d2130;color:#fff}.story-sheet-actions{display:grid;gap:7px;padding-top:10px}.story-sheet-actions>a,.story-sheet-actions>button{width:100%;min-height:54px;display:flex;align-items:center;gap:13px;border:0;border-radius:8px;background:#10131c;color:#f5f6fb;padding:0 15px;text-align:left}.story-sheet-actions i{width:24px;color:#9b83ff;font-size:17px}.story-sheet-actions span{flex:1;font-weight:750}.story-sheet-actions em{font-style:normal;color:#9299aa}.story-sheet-actions .danger,.story-sheet-actions .danger i{color:#ff7085}.story-viewer-list-v78{display:grid;gap:3px;padding-top:8px}.story-viewer-row-v78{display:flex;align-items:center;gap:10px;padding:10px 7px;border-radius:8px}.story-viewer-row-v78:hover{background:rgba(255,255,255,.035)}.story-viewer-row-v78>img{width:44px;height:44px;border-radius:50%;object-fit:cover}.story-viewer-row-v78>div{flex:1;min-width:0}.story-viewer-row-v78 b,.story-viewer-row-v78 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-viewer-row-v78 small{color:#8e95a8;font-size:11px;margin-top:3px}.story-no-view-v78{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9ba2b4;gap:7px}.story-no-view-v78 i{font-size:28px;color:#8d71ff}.story-no-view-v78 b{color:#fff}.story-no-view-v78 span{font-size:12px;max-width:240px}
@media(max-width:620px){.story-v78 .story-shell{max-width:none}.story-head-v78{top:calc(env(safe-area-inset-top) + 9px);left:10px;right:10px}.story-stage-v78{padding-top:0}.story-media-v78{object-fit:contain}.story-author-name{max-width:170px;font-size:13.5px}.story-author-meta{font-size:10px}.story-caption-v78{bottom:98px;font-size:16px}.story-footer-v78{bottom:calc(8px + env(safe-area-inset-bottom))}.story-video-toggle-v78{width:58px;height:58px;opacity:.72}}
@media(max-width:380px){.story-close-v78,.story-more-v78{width:38px;height:38px;flex-basis:38px}.story-author-v78>img{width:38px;height:38px;flex-basis:38px}.story-author-name{max-width:135px}.story-caption-v78{left:12px;right:12px}.story-sheet-v78{border-radius:8px 8px 0 0}}


/* V79 — profil compact + limite pseudo 10 caractères */
.profile-v4 .profile-identity{
  padding-top:5px!important;
  margin-top:-2px!important;
}
.profile-v4 .profile-title-row{
  min-width:0;
  max-width:100%;
  overflow:visible;
}
.profile-v4 .profile-title-row h1{
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.06!important;
  letter-spacing:-1.15px!important;
}
.profile-v4 .profile-title-row h1.profile-name-lg{
  font-size:23px!important;
  letter-spacing:-1.35px!important;
}
.profile-v4 .profile-title-row h1.profile-name-xl{
  font-size:19px!important;
  letter-spacing:-1.5px!important;
}
.profile-v4 .profile-username{
  margin-top:3px!important;
}
.profile-v4 .profile-identity>p{
  margin-top:11px!important;
}
.profile-v4 .profile-badges-large{
  margin-top:8px!important;
}
@media(max-width:380px){
  .profile-v4 .profile-main{padding-inline:14px!important}
  .profile-v4 .profile-identity{padding-top:2px!important;margin-top:-4px!important}
  .profile-v4 .profile-title-row h1{font-size:25px!important;letter-spacing:-1.25px!important}
  .profile-v4 .profile-title-row h1.profile-name-lg{font-size:21px!important;letter-spacing:-1.4px!important}
  .profile-v4 .profile-title-row h1.profile-name-xl{font-size:18px!important;letter-spacing:-1.55px!important}
}

/* V80 — Aperçu de story dans les messages */
.chat-story-ref{display:grid;grid-template-columns:88px minmax(0,1fr);gap:11px;margin:0 0 10px;padding:8px;border-radius:8px;background:rgba(8,10,18,.34);border:1px solid rgba(255,255,255,.13);overflow:hidden;color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.chat-story-ref:active{transform:scale(.985)}.chat-story-thumb{position:relative;width:88px;height:118px;border-radius:8px;overflow:hidden;background:#090a0f}.chat-story-thumb img,.chat-story-thumb video{width:100%;height:100%;object-fit:cover;display:block}.chat-story-thumb>span{position:absolute;inset:auto 7px 7px auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(9,10,18,.72);backdrop-filter:blur(8px);font-size:10px}.chat-story-missing{width:100%;height:100%;display:grid;place-items:center;color:#8e82bd;font-size:24px;background:linear-gradient(145deg,#171526,#211a3b)}.chat-story-info{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.chat-story-info small{font-size:10.5px;opacity:.78;margin-bottom:5px}.chat-story-info b{max-width:100%;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-story-info em{font-style:normal;font-size:11px;line-height:1.35;opacity:.78;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-story-info strong{font-size:10.5px;margin-top:9px;opacity:.92;color:#ded7ff}.bubble.mine .chat-story-ref{background:rgba(27,14,75,.22);border-color:rgba(255,255,255,.19)}@media(max-width:380px){.chat-story-ref{grid-template-columns:76px minmax(0,1fr);gap:9px;padding:7px}.chat-story-thumb{width:76px;height:102px}}

/* V83 — Profil: identité remontée et alignée avec le bouton Modifier */
.profile-v4 .profile-avatar-line{
  margin-bottom:-8px!important;
}
.profile-v4 .profile-identity{
  position:relative;
  margin-top:-14px!important;
  padding-top:0!important;
  padding-right:148px;
  z-index:4;
}
.profile-v4 .profile-title-row h1{
  line-height:1!important;
}
.profile-v4 .profile-username{
  margin-top:5px!important;
}
.profile-v4 .profile-identity>p{
  margin-top:13px!important;
}
.profile-v4 .profile-badges-large{
  margin-top:10px!important;
}
@media(max-width:390px){
  .profile-v4 .profile-identity{
    margin-top:-11px!important;
    padding-right:132px;
  }
  .profile-v4 .profile-title-row h1{
    font-size:24px!important;
  }
}
@media(max-width:350px){
  .profile-v4 .profile-identity{
    padding-right:112px;
  }
  .profile-v4 .profile-title-row h1{
    font-size:22px!important;
  }
}

/* V84 — Profil mobile: identité + bouton Modifier alignés, grades bien rangés */
.profile-v4 .profile-avatar-line{
  margin-bottom:0!important;
}
.profile-v4 .profile-identity{
  position:relative;
  margin-top:-18px!important;
  padding-top:0!important;
  padding-right:0!important;
  z-index:4;
}
.profile-v4 .profile-identity-top{
  min-height:58px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.profile-v4 .profile-name-block{
  min-width:0;
  flex:1 1 auto;
  padding-top:4px;
}
.profile-v4 .profile-title-row{
  min-width:0;
  max-width:100%;
}
.profile-v4 .profile-title-row h1{
  width:auto!important;
  max-width:100%!important;
  font-size:24px!important;
  line-height:1.02!important;
  letter-spacing:-1.05px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.profile-v4 .profile-title-row h1.profile-name-lg{font-size:21px!important;letter-spacing:-1.2px!important}
.profile-v4 .profile-title-row h1.profile-name-xl{font-size:19px!important;letter-spacing:-1.3px!important}
.profile-v4 .profile-username{
  margin-top:5px!important;
  font-size:13px!important;
}
.profile-v4 .profile-identity .profile-buttons{
  flex:0 0 auto;
  padding:0!important;
  margin:0!important;
  align-items:center;
}
.profile-v4 .profile-identity .profile-buttons .btn{
  min-height:42px;
  padding:10px 15px;
  white-space:nowrap;
}
.profile-v4 .profile-identity .profile-buttons .icon-btn{
  width:42px!important;
  height:42px!important;
}
.profile-v4 .profile-identity>p{
  margin:11px 0 0!important;
  max-width:100%!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.profile-v4 .profile-badges-large.clean-badges{
  margin-top:11px!important;
  width:100%!important;
}
.profile-v4 .profile-badges-large.clean-badges .user-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  width:100%!important;
}
.profile-v4 .profile-badges-large.clean-badges .user-badge,
.profile-v4 .profile-badges-large.clean-badges .badge-custom{
  width:31px!important;
  min-width:31px!important;
  height:31px!important;
  border-radius:9px!important;
}
.profile-v4 .profile-badges-large.clean-badges .role-badge-icon{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  border-radius:8px!important;
}
@media(max-width:430px){
  .profile-v4 .profile-main{padding-inline:14px!important}
  .profile-v4 .profile-identity{margin-top:-16px!important}
  .profile-v4 .profile-identity-top{align-items:center;gap:9px;min-height:54px}
  .profile-v4 .profile-name-block{padding-top:0}
  .profile-v4 .profile-title-row h1{font-size:21px!important;letter-spacing:-.95px!important}
  .profile-v4 .profile-title-row h1.profile-name-lg{font-size:19px!important}
  .profile-v4 .profile-title-row h1.profile-name-xl{font-size:17px!important}
  .profile-v4 .profile-username{font-size:12px!important;margin-top:4px!important}
  .profile-v4 .profile-identity .profile-buttons .btn{min-height:40px;padding:9px 12px;font-size:12px}
  .profile-v4 .profile-identity .profile-buttons .icon-btn{width:40px!important;height:40px!important}
  .profile-v4 .profile-badges-large.clean-badges .user-badges{gap:6px!important}
  .profile-v4 .profile-badges-large.clean-badges .user-badge,
  .profile-v4 .profile-badges-large.clean-badges .badge-custom{width:29px!important;min-width:29px!important;height:29px!important}
  .profile-v4 .profile-badges-large.clean-badges .role-badge-icon{width:28px!important;height:28px!important;max-width:28px!important}
}
@media(max-width:360px){
  .profile-v4 .profile-title-row h1{font-size:19px!important}
  .profile-v4 .profile-title-row h1.profile-name-lg{font-size:17px!important}
  .profile-v4 .profile-title-row h1.profile-name-xl{font-size:16px!important}
  .profile-v4 .profile-identity .profile-buttons{gap:5px}
  .profile-v4 .profile-identity .profile-buttons .btn{padding:8px 10px;font-size:11px}
  .profile-v4 .profile-identity .profile-buttons .icon-btn{width:38px!important;height:38px!important}
}

/* V85 — retour au profil classique + suppression des raccourcis */
.profile-v4 .profile-avatar-line{
  margin-bottom:-8px!important;
}
.profile-v4 .profile-identity{
  position:relative!important;
  margin-top:-14px!important;
  padding-top:0!important;
  padding-right:148px!important;
  z-index:4!important;
}
.profile-v4 .profile-identity-top{
  display:block!important;
  min-height:0!important;
}
.profile-v4 .profile-name-block{
  width:100%!important;
  padding-top:0!important;
}
.profile-v4 .profile-title-row h1{
  width:auto!important;
  max-width:100%!important;
  font-size:28px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.profile-v4 .profile-title-row h1.profile-name-lg{font-size:24px!important}
.profile-v4 .profile-title-row h1.profile-name-xl{font-size:21px!important}
.profile-v4 .profile-username{margin-top:6px!important;font-size:14px!important}
.profile-v4 .profile-identity .profile-buttons{
  position:absolute!important;
  right:0!important;
  top:-2px!important;
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
}
.profile-v4 .profile-identity>p{margin-top:14px!important}
.profile-v4 .profile-badges-large.clean-badges{margin-top:12px!important}
.profile-v4 .profile-shortcuts{display:none!important}
@media(max-width:390px){
  .profile-v4 .profile-identity{margin-top:-11px!important;padding-right:128px!important}
  .profile-v4 .profile-title-row h1{font-size:24px!important}
  .profile-v4 .profile-title-row h1.profile-name-lg{font-size:21px!important}
  .profile-v4 .profile-title-row h1.profile-name-xl{font-size:18px!important}
  .profile-v4 .profile-identity .profile-buttons .btn{padding:9px 12px!important;font-size:12px!important;min-height:40px!important}
  .profile-v4 .profile-badges-large.clean-badges .user-badges{gap:7px!important}
  .profile-v4 .profile-badges-large.clean-badges .user-badge,
  .profile-v4 .profile-badges-large.clean-badges .badge-custom{width:32px!important;min-width:32px!important;height:32px!important}
  .profile-v4 .profile-badges-large.clean-badges .role-badge-icon{width:31px!important;height:31px!important;max-width:31px!important}
}
@media(max-width:350px){
  .profile-v4 .profile-identity{padding-right:114px!important}
  .profile-v4 .profile-title-row h1{font-size:22px!important}
  .profile-v4 .profile-title-row h1.profile-name-lg{font-size:19px!important}
  .profile-v4 .profile-title-row h1.profile-name-xl{font-size:17px!important}
}

/* V86 — profil: bouton Modifier aligné à la ligne du nom */
.profile-v4 .profile-identity{
  padding-right:0!important;
}
.profile-v4 .profile-identity-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  column-gap:12px!important;
}
.profile-v4 .profile-name-block{
  min-width:0!important;
}
.profile-v4 .profile-title-row{
  min-height:42px!important;
  align-items:center!important;
}
.profile-v4 .profile-title-row h1{
  line-height:42px!important;
  margin:0!important;
}
.profile-v4 .profile-identity .profile-buttons{
  position:static!important;
  align-self:start!important;
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
}
.profile-v4 .profile-identity .profile-buttons .btn{
  height:42px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:8px!important;
  font-size:14px!important;
  line-height:1!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.profile-v4 .profile-identity .profile-buttons .btn i{
  font-size:14px!important;
}
@media(max-width:390px){
  .profile-v4 .profile-identity{padding-right:0!important}
  .profile-v4 .profile-identity-top{grid-template-columns:minmax(0,1fr) auto!important;column-gap:9px!important}
  .profile-v4 .profile-title-row{min-height:40px!important}
  .profile-v4 .profile-title-row h1{line-height:40px!important;font-size:23px!important}
  .profile-v4 .profile-title-row h1.profile-name-lg{font-size:20px!important}
  .profile-v4 .profile-title-row h1.profile-name-xl{font-size:18px!important}
  .profile-v4 .profile-identity .profile-buttons{min-height:40px!important}
  .profile-v4 .profile-identity .profile-buttons .btn{height:40px!important;min-height:40px!important;padding:0 12px!important;font-size:12px!important;border-radius:8px!important}
  .profile-v4 .profile-identity .profile-buttons .btn i{font-size:12px!important}
}
@media(max-width:350px){
  .profile-v4 .profile-identity-top{column-gap:7px!important}
  .profile-v4 .profile-title-row h1{font-size:21px!important}
  .profile-v4 .profile-title-row h1.profile-name-lg{font-size:18px!important}
  .profile-v4 .profile-title-row h1.profile-name-xl{font-size:16px!important}
  .profile-v4 .profile-identity .profile-buttons .btn{padding:0 10px!important;font-size:11px!important}
}

/* V87 — Réseau profil / abonnés / suivis */
.profile-stats-pro{height:78px!important;margin-top:18px!important;border-radius:8px!important;background:linear-gradient(180deg,#10131b,#0d0f16)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.profile-stats-pro .profile-stat-item{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:8px 4px!important;transition:.18s ease;cursor:pointer;overflow:hidden}
.profile-stats-pro .profile-stat-item:active{background:rgba(124,92,255,.08);transform:scale(.98)}
.profile-stats-pro .profile-stat-icon{display:none}
.profile-stats-pro b{font-size:18px!important;line-height:1.1}.profile-stats-pro small{font-size:10px!important;color:#9499ab!important;margin-top:3px}

.connections-head{height:68px;position:sticky;top:0;z-index:40;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:8px 14px;background:rgba(8,9,14,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.connections-head>div{text-align:center;min-width:0}.connections-head strong{display:block;font-size:18px}.connections-head span{display:block;color:#7f8598;font-size:11px;margin-top:2px}.connections-back,.connections-search{width:44px;height:44px;border-radius:8px;background:#12151e;border:1px solid var(--line);display:grid;place-items:center;font-size:17px}.connections-search{justify-self:end}
.connections-hero{display:flex;align-items:center;gap:13px;padding:18px 18px 14px;background:radial-gradient(circle at 90% 10%,rgba(124,92,255,.16),transparent 45%)}.connections-hero img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid rgba(148,118,255,.55)}.connections-hero h1{font-size:20px;margin:0 0 3px}.connections-hero p{font-size:12px;color:#8f95a8;margin:0}
.connections-tabs{margin:0 16px 12px;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:8px;background:#10131b;border:1px solid var(--line)}.connections-tabs a{height:52px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7f8598;font-weight:700;font-size:12px}.connections-tabs a.active{color:#fff;background:linear-gradient(135deg,rgba(113,79,255,.28),rgba(164,103,255,.14));box-shadow:inset 0 0 0 1px rgba(142,108,255,.34)}.connections-tabs b{font-size:15px;color:#fff}
.connections-list{display:grid;gap:9px;padding:2px 14px 100px}.connection-card{display:flex;align-items:center;gap:10px;padding:11px;background:#10131b;border:1px solid var(--line);border-radius:8px;min-width:0}.connection-main{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.connection-avatar{position:relative;flex:0 0 52px}.connection-avatar img{width:52px;height:52px;object-fit:cover;border-radius:50%}.connection-avatar i{position:absolute;right:1px;bottom:2px;width:11px;height:11px;border-radius:50%;background:#444;border:2px solid #10131b}.connection-avatar i.online{background:#20d699}.connection-info{min-width:0;flex:1}.connection-name-line{display:flex;align-items:center;gap:5px;min-width:0}.connection-name-line>strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.connection-name-line .user-badges{display:flex!important;flex-wrap:nowrap!important;gap:3px!important}.connection-name-line .user-badge,.connection-name-line .badge-custom{width:20px!important;height:20px!important;min-width:20px!important}.connection-name-line .role-badge-icon{width:19px!important;height:19px!important;max-width:19px!important}.connection-info>span{font-size:10px;color:#878da0}.connection-info p{font-size:10px;line-height:1.35;color:#a0a5b5;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-actions{display:flex;align-items:center;gap:6px}.connection-icon{width:36px;height:36px;border-radius:8px;background:#171a25;border:1px solid var(--line);display:grid;place-items:center;color:#aa93ff}.connection-profile-btn{height:36px;padding:0 12px;border-radius:8px;display:flex;align-items:center;background:#7656ff;color:#fff;font-size:11px;font-weight:800}.connections-empty{margin-top:28px;padding:32px 20px;text-align:center;border:1px dashed rgba(255,255,255,.10);border-radius:8px;background:#0e1017}.connections-empty>span{width:66px;height:66px;border-radius:8px;margin:0 auto 14px;display:grid;place-items:center;background:rgba(124,92,255,.12);color:#8f70ff;font-size:25px}.connections-empty h2{font-size:18px;margin:0 0 7px}.connections-empty p{color:#8d93a7;font-size:12px;line-height:1.5;margin:0 auto 18px;max-width:270px}.connections-empty .btn{font-size:12px;padding:12px 15px}
@media(max-width:360px){.connection-name-line>strong{max-width:102px}.connection-actions{gap:4px}.connection-profile-btn{padding:0 9px}.connections-list{padding-left:10px;padding-right:10px}}

/* V88 — Connections Pro */
.connections-page.connections-pro{min-height:100dvh;padding-bottom:96px;background:linear-gradient(180deg,#080a10 0%,#090b12 100%);overflow:hidden}
.connections-pro-head{height:70px;position:sticky;top:0;z-index:55;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:8px 14px;background:rgba(8,9,14,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.055)}
.connections-pro-icon{width:44px;height:44px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#151822,#10131a);color:#f7f7fb;display:grid;place-items:center;font-size:16px;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.connections-pro-icon:last-child{justify-self:end}.connections-pro-title{text-align:center;min-width:0}.connections-pro-title strong{display:block;font-size:18px;letter-spacing:-.3px}.connections-pro-title span{display:block;margin-top:2px;font-size:10px;color:#858ba0}
.connections-pro-profile{position:relative;margin:12px 14px 10px;padding:0 14px 14px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:linear-gradient(180deg,#111420,#0d1018);overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.16)}
.connections-pro-cover{height:56px;margin:0 -14px;background:radial-gradient(circle at 85% 0%,rgba(129,94,255,.30),transparent 48%),linear-gradient(135deg,rgba(125,87,255,.13),rgba(19,23,34,.6))}
.connections-pro-profile-row{display:flex;align-items:flex-start;gap:12px;margin-top:-28px}.connections-pro-avatar{position:relative;flex:0 0 66px}.connections-pro-avatar img{width:66px;height:66px;border-radius:8px;object-fit:cover;border:3px solid #10131c;box-shadow:0 10px 25px rgba(0,0,0,.28)}.connections-pro-avatar>span{position:absolute;right:1px;bottom:3px;width:13px;height:13px;border-radius:50%;background:#555b68;border:3px solid #10131c}.connections-pro-avatar>span.is-online{background:#27d79f}
.connections-pro-owner{min-width:0;flex:1;padding-top:30px}.connections-pro-name{font-size:18px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connections-pro-owner>span{font-size:11px;color:#8f95a8}.connections-pro-owner p{font-size:11px;line-height:1.4;color:#c4c8d5;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.connections-pro-summary{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden;background:#0a0d14}.connections-pro-summary>div{height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.06)}.connections-pro-summary>div:last-child{border-right:0}.connections-pro-summary b{font-size:16px}.connections-pro-summary span{font-size:9px;color:#838a9e;margin-top:3px}
.connections-pro-search{margin:10px 14px 12px;height:52px;display:grid;grid-template-columns:32px 1fr 34px;align-items:center;padding:0 10px 0 13px;border-radius:8px;border:1px solid rgba(132,96,255,.30);background:#111520;box-shadow:0 8px 28px rgba(0,0,0,.12)}.connections-pro-search>i{color:#9881ff}.connections-pro-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.connections-pro-search input::placeholder{color:#737a90}.connections-pro-search button{width:32px;height:32px;border:0;border-radius:10px;background:#171b27;color:#8a90a4}
.connections-pro-tabs{margin:0 14px 15px;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:8px;background:#0f121a;border:1px solid rgba(255,255,255,.06)}.connections-pro-tabs a{height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;color:#858b9d;font-size:12px;font-weight:800}.connections-pro-tabs a.active{color:#fff;background:linear-gradient(135deg,rgba(117,78,255,.32),rgba(158,103,255,.14));box-shadow:inset 0 0 0 1px rgba(146,112,255,.36),0 10px 22px rgba(91,62,196,.13)}.connections-pro-tabs .tab-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.045);color:#aa94ff}.connections-pro-tabs a.active .tab-icon{background:#7a56ff;color:#fff}.connections-pro-tabs b{font-size:16px;color:#fff;margin-right:2px}
.connections-pro-section-head{display:flex;align-items:end;justify-content:space-between;padding:5px 17px 10px}.connections-pro-section-head small{font-size:9px;font-weight:900;letter-spacing:1.4px;color:#8b6cff}.connections-pro-section-head h2{font-size:20px;letter-spacing:-.45px;margin:4px 0 0}.connections-pro-count{height:27px;min-width:27px;padding:0 8px;border-radius:9px;display:grid;place-items:center;background:#151825;border:1px solid rgba(255,255,255,.06);font-size:11px;color:#aeb3c4}
.connections-pro-list{display:grid;gap:9px;padding:0 14px 105px}.connections-pro-card{min-width:0;display:flex;align-items:center;gap:8px;padding:11px;border-radius:8px;background:linear-gradient(180deg,#11151f,#0f121a);border:1px solid rgba(255,255,255,.065);box-shadow:0 10px 28px rgba(0,0,0,.11)}.connections-pro-main{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.connections-pro-person-avatar{position:relative;flex:0 0 54px}.connections-pro-person-avatar img{width:54px;height:54px;border-radius:8px;object-fit:cover}.connections-pro-person-avatar .presence{position:absolute;right:-1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:#4c5260;border:3px solid #11151f}.connections-pro-person-avatar .presence.online{background:#25d79c}
.connections-pro-info{min-width:0;flex:1}.connections-pro-name-line{display:flex;align-items:center;gap:5px;min-width:0;height:24px}.connections-pro-name-line>strong{font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:128px}.connections-pro-name-line .user-badges{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:2px!important;min-width:0}.connections-pro-name-line .user-badge,.connections-pro-name-line .badge-custom{width:19px!important;height:19px!important;min-width:19px!important}.connections-pro-name-line .role-badge-icon{width:18px!important;height:18px!important;max-width:18px!important}.connections-pro-meta{display:flex;align-items:center;gap:6px;margin-top:1px;font-size:10px;color:#858ca0}.connections-pro-meta em{font-style:normal;color:#a990ff;font-size:9px}.connections-pro-info p{font-size:10px;line-height:1.35;color:#a4a9ba;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connections-pro-info p.muted{color:#747b90}
.connections-pro-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.connections-pro-action{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#171b26;border:1px solid rgba(255,255,255,.07);color:#a8aec0;font-size:12px}.connections-pro-action.primary{color:#fff;background:linear-gradient(135deg,#6e4cff,#9a6dff);border-color:transparent;box-shadow:0 7px 18px rgba(112,76,255,.20)}
.connections-pro-empty{margin:20px 0;padding:34px 20px;text-align:center;border:1px dashed rgba(146,114,255,.22);border-radius:8px;background:radial-gradient(circle at 50% 0%,rgba(120,85,255,.10),transparent 44%),#0d1017}.connections-pro-empty .empty-orb{width:70px;height:70px;border-radius:8px;margin:0 auto 15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(123,88,255,.20),rgba(123,88,255,.07));border:1px solid rgba(145,109,255,.22);color:#9b7cff;font-size:27px}.connections-pro-empty>span{display:block;font-size:9px;letter-spacing:1.4px;font-weight:900;color:#8f70ff}.connections-pro-empty h2{font-size:20px;margin:8px 0 7px}.connections-pro-empty p{font-size:11px;line-height:1.55;color:#8e95a8;max-width:285px;margin:0 auto 17px}.connections-pro-cta{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:8px;background:linear-gradient(135deg,#704eff,#a66fff);color:#fff;font-size:11px;font-weight:900;box-shadow:0 10px 25px rgba(113,77,255,.24)}
.connections-pro-no-result{text-align:center;padding:28px 12px;color:#8990a3}.connections-pro-no-result i{font-size:25px;color:#8d70ff}.connections-pro-no-result h3{font-size:16px;margin:10px 0 4px;color:#fff}.connections-pro-no-result p{font-size:11px;margin:0}.connections-missing{min-height:75vh;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;padding:24px}.connections-missing>i{font-size:40px;color:#8f70ff}.connections-missing h1{margin:0;font-size:24px}.connections-missing p{color:#9197aa;margin:0 0 8px}
@media(max-width:370px){.connections-pro-profile{margin-inline:10px}.connections-pro-tabs{margin-inline:10px}.connections-pro-list{padding-inline:10px}.connections-pro-name-line>strong{max-width:102px}.connections-pro-action{width:34px;height:34px}.connections-pro-section-head{padding-inline:13px}.connections-pro-search{margin-inline:10px}}

/* V91 — Connections badges + status */
.connections-pro-name-row{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.connections-pro-owner-badges,.connections-pro-name-line .user-badges{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important}
.connections-pro-owner-badges .user-badge,.connections-pro-owner-badges .badge-custom{width:22px!important;height:22px!important;min-width:22px!important}
.connections-pro-owner-badges .role-badge-icon{width:21px!important;height:21px!important;max-width:21px!important}
.connections-pro-owner-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px;color:#8b92a6;font-size:10px}
.connections-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;line-height:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#7f8798;white-space:nowrap}
.connections-status i{display:block;width:7px;height:7px;border-radius:50%;background:#5d6472;box-shadow:0 0 0 3px rgba(93,100,114,.08)}
.connections-status.online{color:#63e3b4;background:rgba(37,215,156,.08);border-color:rgba(37,215,156,.16)}
.connections-status.online i{background:#25d79c;box-shadow:0 0 0 3px rgba(37,215,156,.10)}
.connections-pro-name-line{height:auto!important;min-height:24px;flex-wrap:wrap}
.connections-pro-name-line .user-badges{margin-left:1px}
@media(max-width:420px){
  .connections-pro-owner-badges .user-badge,.connections-pro-owner-badges .badge-custom{width:20px!important;height:20px!important;min-width:20px!important}
  .connections-pro-owner-badges .role-badge-icon{width:19px!important;height:19px!important;max-width:19px!important}
  .connections-pro-meta{gap:5px;flex-wrap:wrap}
  .connections-status{padding:3px 6px;font-size:8px}
}

/* V93 - empty Media tab matches Publications */
#profileMedia .profile-post-list-v4{padding:12px;}
#profileMedia .profile-empty-wide{width:100%;margin:14px 0;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#profileMedia .profile-empty-wide>i{font-size:34px;margin-bottom:8px;}
#profileMedia .profile-empty-wide h3{font-size:17px;margin:8px 0 5px;}
#profileMedia .profile-empty-wide p{max-width:290px;margin:0;color:#9298aa;font-size:11px;line-height:1.45;}
@media(max-width:390px){#profileMedia .profile-post-list-v4{padding:12px 14px;}#profileMedia .profile-empty-wide{min-height:225px;border-radius:8px;}}

/* === Mooky V94 · Groupes Mooky Pro === */
.communities-head-v94>div{display:flex;flex-direction:column;align-items:center;line-height:1.05}.communities-head-v94 small{font-size:9px;color:#777f94;margin-top:5px;font-weight:600}.communities-v94{padding:16px 14px 110px}.groups-hero-v94{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid rgba(139,92,246,.32);background:radial-gradient(circle at 90% 5%,rgba(139,92,246,.24),transparent 35%),linear-gradient(145deg,#151421,#0f1119);border-radius:8px;margin-bottom:14px}.groups-hero-icon{width:58px;height:58px;flex:0 0 58px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#7151ff,#a565ff);font-size:22px;color:#fff;box-shadow:0 12px 30px rgba(123,85,255,.22)}.groups-hero-v94 span,.group-section-title small,.members-head-v94 small,.manage-title-v94 small,.about-card-v94>span,.modal-head-v94 small{font-size:8px;font-weight:900;letter-spacing:1.5px;color:#947cff}.groups-hero-v94 h1{font-size:24px;margin:4px 0 5px}.groups-hero-v94 p{font-size:11px;line-height:1.48;color:#959daf;margin:0}.groups-tabs-v94{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 15px}.groups-tabs-v94 a{min-width:0;height:58px;border:1px solid var(--line);border-radius:8px;background:#11131b;color:#8d94a5;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:800;position:relative}.groups-tabs-v94 a i{color:#8e7fff}.groups-tabs-v94 a.active{background:linear-gradient(145deg,rgba(119,80,255,.24),rgba(119,80,255,.1));border-color:#6248b7;color:#fff}.groups-tabs-v94 a b{font-size:8px;padding:2px 6px;border-radius:999px;background:#7759ff;color:#fff}.groups-search-v94{height:52px;border:1px solid var(--line);background:#11141c;border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:10px;margin-bottom:18px}.groups-search-v94>i{color:#8b7bff}.groups-search-v94 input{flex:1;min-width:0;border:0;background:transparent;color:#fff;outline:0;font-size:12px}.groups-search-v94 select{max-width:104px;border:0;border-left:1px solid var(--line);background:#11141c;color:#aab0bf;padding:6px;font-size:9px}.groups-search-v94>a{width:30px;height:30px;border-radius:10px;background:#1b1e29;display:grid;place-items:center}.group-section-title{display:flex;align-items:end;justify-content:space-between;margin:3px 2px 11px}.group-section-title h2,.members-head-v94 h2{font-size:19px;margin:3px 0 0}.mini-create-v94{border:0;background:transparent;color:#9c82ff;font-size:10px;font-weight:900}.community-grid-v94{display:grid;gap:12px}.community-card-v94{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#11131a}.community-cover-v94{height:108px;background:linear-gradient(135deg,#2f2458,#171a2b);background-size:cover;background-position:center;position:relative}.community-cover-v94:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(7,8,12,.75))}.community-cat-v94,.community-lock-v94{position:absolute;z-index:1;top:10px;background:rgba(7,9,14,.72);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.08)}.community-cat-v94{left:10px;padding:6px 9px;border-radius:10px;font-size:8px;font-weight:800}.community-lock-v94{right:10px;width:29px;height:29px;border-radius:10px;display:grid;place-items:center;font-size:9px}.community-card-content-v94{display:flex;gap:11px;padding:0 13px 14px;align-items:flex-start}.community-avatar-v94{width:58px;height:58px;flex:0 0 58px;margin-top:-26px;z-index:2;border:4px solid #11131a;border-radius:8px;background:#1b1d29;display:grid;place-items:center;overflow:hidden;color:#a38bff}.community-avatar-v94 img{width:100%;height:100%;object-fit:cover}.community-card-copy-v94{min-width:0;flex:1;padding-top:9px}.community-card-title-v94{display:flex;gap:7px;align-items:center}.community-card-title-v94 b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-card-title-v94 span{font-size:7px;border-radius:999px;padding:3px 6px;background:#27213f;color:#b49dff}.community-card-copy-v94 p{font-size:10px;color:#969daf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 8px}.community-card-stats-v94{display:flex;gap:10px;color:#747d91;font-size:8px}.card-arrow-v94{align-self:center;color:#566075;font-size:10px}.group-empty-v94{grid-column:1/-1;padding:34px 18px;border:1px dashed rgba(255,255,255,.1);border-radius:8px;text-align:center;background:#0f1118}.group-empty-v94>i{font-size:28px;color:#8f78ff}.group-empty-v94 h3{margin:13px 0 6px}.group-empty-v94 p{font-size:10px;color:#8c93a3;line-height:1.5}.invite-list-v94{display:grid;gap:12px}.invite-card-v94{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#11131a}.invite-cover-v94{height:82px;background:linear-gradient(135deg,#30245d,#181a2c);background-size:cover;background-position:center}.invite-body-v94{display:flex;padding:0 14px;gap:10px}.community-avatar-mini-v94{width:54px;height:54px;margin-top:-24px;border:4px solid #11131a;border-radius:8px;background:#1b1e29;display:grid;place-items:center;overflow:hidden}.community-avatar-mini-v94 img{width:100%;height:100%;object-fit:cover}.invite-copy-v94{padding-top:8px;display:flex;flex-direction:column}.invite-copy-v94 b{font-size:13px}.invite-copy-v94 small{font-size:9px;color:#81899a;margin-top:3px}.invite-actions-v94{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.invite-actions-v94 form .btn{width:100%}
.community-create-shell-v94 .mooky-modal-card{max-height:min(90dvh,760px);overflow-y:auto;scrollbar-width:none}.community-create-shell-v94 .mooky-modal-card::-webkit-scrollbar{display:none}.community-create-v94{gap:13px}.modal-handle-v94{width:45px;height:4px;border-radius:99px;background:#454b5d;margin:-5px auto 1px}.modal-head-v94{display:flex;justify-content:space-between;gap:10px}.modal-head-v94 h3{font-size:20px;margin:4px 0}.modal-head-v94 p{margin:0;color:#8f96a7;font-size:10px}.community-media-preview-v94{position:relative;height:122px}.community-cover-preview-v94{height:100px;border-radius:8px;background:#171a24;border:1px dashed rgba(255,255,255,.12);background-size:cover;background-position:center;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;color:#666e80}.community-avatar-preview-v94{position:absolute;left:14px;bottom:0;width:64px;height:64px;border-radius:8px;border:4px solid #0f1118;background:#1b1e29;display:grid;place-items:center;overflow:hidden;color:#a88fff}.community-avatar-preview-v94 img{width:100%;height:100%;object-fit:cover}.upload-actions-v94{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upload-actions-v94 label,.community-files-v94 label{height:44px;border:1px solid var(--line);border-radius:8px;background:#161923;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:700}.upload-actions-v94 input,.community-files-v94 input{display:none}.field-v94{display:grid;gap:6px;color:#aab1c0;font-size:9px}.field-v94>div{height:46px;border:1px solid var(--line);border-radius:8px;background:#090b11;display:flex;align-items:center;padding:0 12px;gap:9px}.field-v94>div i{color:#806cff}.field-v94 input,.field-v94 textarea,.field-v94 select,.community-create-v94 textarea,.community-create-v94 select{width:100%;border:1px solid var(--line);border-radius:8px;background:#090b11;color:#fff;padding:12px;outline:0}.field-v94>div input{border:0;padding:0;background:transparent}.field-v94 em{font-style:normal;color:#646c7d}.two-fields-v94{display:grid;grid-template-columns:1fr 1fr;gap:8px}.create-group-submit-v94{height:50px;border-radius:8px}
/* Community detail */
.community-v94{padding-bottom:105px}.community-hero-v94{height:176px;background:linear-gradient(135deg,#352761,#141824);background-size:cover;background-position:center;position:relative}.community-hero-overlay-v94{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(8,9,14,.8))}.community-back-v94,.community-settings-v94{position:absolute;top:14px;width:44px;height:44px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:rgba(9,10,15,.72);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;z-index:2}.community-back-v94{left:14px}.community-settings-v94{right:14px}.community-identity-v94{padding:0 16px 18px;position:relative}.community-avatar-large-v94{width:86px;height:86px;border-radius:8px;border:5px solid #090b10;background:#171a24;position:relative;margin-top:-39px;z-index:3;display:grid;place-items:center;overflow:hidden;color:#a98fff;font-size:25px}.community-avatar-large-v94 img{width:100%;height:100%;object-fit:cover}.community-action-slot-v94{position:absolute;right:16px;top:10px}.community-action-slot-v94 form{margin:0}.community-title-line-v94{margin-top:10px;padding-right:2px}.community-title-line-v94 h1{font-size:25px;line-height:1.08;margin:0 0 6px}.community-title-line-v94 span{font-size:9px;color:#7e879a}.community-desc-v94{font-size:11px;line-height:1.5;color:#a1a8b7;margin:13px 0}.community-stats-v94{display:grid;grid-template-columns:1fr 1fr 1.35fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0e1017}.community-stats-v94>div{min-width:0;text-align:center;padding:11px 5px;border-right:1px solid var(--line)}.community-stats-v94>div:last-child{border:0}.community-stats-v94 b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-stats-v94 span{font-size:8px;color:#7d8598}.community-tabs-v94{position:sticky;top:0;z-index:8;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(9,11,16,.94);backdrop-filter:blur(12px)}.community-tabs-v94 button{height:53px;border:0;background:transparent;color:#7e8698;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;font-weight:800;position:relative}.community-tabs-v94 button i{font-size:13px}.community-tabs-v94 button.active{color:#a68cff}.community-tabs-v94 button.active:after{content:"";position:absolute;bottom:0;width:38px;height:2px;border-radius:4px;background:#8b5cf6}.community-tabs-v94 button b{position:absolute;right:14px;top:6px;min-width:16px;height:16px;border-radius:999px;background:#7757ff;color:#fff;font-size:7px;display:grid;place-items:center}.community-tab-v94{display:none;padding:14px 14px 20px}.community-tab-v94.active{display:block}.community-composer-v94{border:1px solid var(--line);border-radius:8px;background:#11131b;margin-bottom:13px;padding:13px}.composer-main-v94{display:flex;gap:10px}.composer-main-v94 img{width:38px;height:38px;border-radius:50%;object-fit:cover}.composer-main-v94 textarea{flex:1;min-height:70px;border:0;outline:0;resize:none;background:transparent;color:#fff;font:inherit;font-size:12px}.composer-bottom-v94{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--line)}.composer-bottom-v94 label{display:flex;gap:7px;align-items:center;color:#8f97aa;font-size:9px}.composer-bottom-v94 label i{color:#967fff;font-size:14px}.composer-bottom-v94 input{display:none}.community-feed-v94{display:grid;gap:12px}.community-post-v94{background:#11131b;border:1px solid var(--line);border-radius:8px;padding:13px;scroll-margin-top:65px}.pinned-label-v94{font-size:8px;color:#a78cff;margin-bottom:10px;font-weight:800}.community-post-v94>header{display:flex;align-items:center;gap:9px}.community-post-v94>header>a img{width:40px;height:40px;border-radius:50%;object-fit:cover}.post-author-v94{flex:1;min-width:0}.post-author-v94>div{display:flex;align-items:center;gap:4px;min-width:0}.post-author-v94 small{font-size:8px;color:#7b8395}.post-menu-v94{position:relative}.post-menu-v94 summary{list-style:none;width:34px;height:34px;border-radius:11px;background:#181b25;display:grid;place-items:center;color:#8e96aa}.post-menu-v94 summary::-webkit-details-marker{display:none}.post-menu-v94>div{position:absolute;right:0;top:38px;z-index:5;width:155px;padding:6px;border-radius:8px;background:#181b25;border:1px solid var(--line);box-shadow:0 14px 35px rgba(0,0,0,.35)}.post-menu-v94 button{width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:9px;border-radius:10px;font-size:9px}.post-menu-v94 button.danger{color:#ff7287}.community-post-body-v94{font-size:13px;line-height:1.55;margin:13px 1px}.community-media-v94{margin-top:11px;border-radius:8px;overflow:hidden;background:#08090d}.community-media-v94 img,.community-media-v94 video{display:block;width:100%;max-height:500px;object-fit:cover}.community-post-actions-v94{display:flex;gap:8px;padding-top:11px}.community-post-actions-v94 form{margin:0}.community-post-actions-v94 button{height:36px;border:1px solid var(--line);border-radius:8px;background:#171a24;color:#8c94a7;display:flex;align-items:center;gap:7px;padding:0 11px}.community-post-actions-v94 button.active{color:#ff6ea8;background:rgba(255,92,166,.09);border-color:rgba(255,92,166,.22)}.community-comments-v94{display:grid;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}.community-comment-v94{display:flex;gap:8px}.community-comment-v94>img{width:28px;height:28px;border-radius:50%;object-fit:cover}.community-comment-v94>div{flex:1;min-width:0;background:#161922;border-radius:8px;padding:8px 9px}.comment-head-v94{display:flex;align-items:center;gap:5px;font-size:9px}.comment-head-v94 small{color:#737c90}.comment-head-v94 form{margin-left:auto}.comment-head-v94 button{border:0;background:transparent;color:#747c8e}.community-comment-v94 p{margin:4px 0 0;font-size:10px;line-height:1.4}.community-comment-form-v94{display:flex;gap:7px;align-items:center;margin-top:10px}.community-comment-form-v94 img{width:29px;height:29px;border-radius:50%;object-fit:cover}.community-comment-form-v94 input{flex:1;min-width:0;height:38px;border:1px solid var(--line);border-radius:8px;background:#0b0d13;color:#fff;padding:0 11px;outline:0;font-size:10px}.community-comment-form-v94 button{width:38px;height:38px;border:0;border-radius:8px;background:#7659ff;color:#fff}.community-empty-v94,.community-locked-v94{padding:34px 18px;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:8px;background:#0e1017}.community-empty-v94 i,.community-locked-v94 i{font-size:26px;color:#8e79ff}.community-empty-v94 h3,.community-locked-v94 h3{margin:11px 0 5px}.community-empty-v94 p,.community-locked-v94 p{color:#8890a2;font-size:10px;line-height:1.5}.members-head-v94{margin:2px 2px 11px}.members-list-v94{display:grid;gap:8px}.member-card-v94{border:1px solid var(--line);border-radius:8px;background:#11131a;padding:10px;display:flex;align-items:center;gap:8px}.member-main-v94{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.member-avatar-v94{width:42px;height:42px;position:relative;flex:0 0 42px}.member-avatar-v94 img{width:100%;height:100%;border-radius:50%;object-fit:cover}.member-avatar-v94 span{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#26d69a;border:2px solid #11131a}.member-main-v94>div:last-child{min-width:0;flex:1}.member-name-v94{display:flex;align-items:center;gap:3px;min-width:0}.member-main-v94 small{display:block;margin-top:3px;color:#778096;font-size:8px}.member-actions-v94{display:flex;gap:6px}.member-actions-v94 select{max-width:92px;background:#171a24;color:#fff;border:1px solid var(--line);border-radius:10px;padding:7px;font-size:8px}.icon-only-v94{width:34px;height:34px;border:1px solid rgba(255,90,110,.2);border-radius:10px;background:rgba(255,90,110,.08);color:#ff6c82}.about-card-v94,.rules-card-v94,.manage-card-v94{border:1px solid var(--line);border-radius:8px;background:#11131a;padding:15px}.about-card-v94 h2{margin:4px 0 8px}.about-card-v94 p,.rules-card-v94 p{font-size:11px;color:#9ba2b1;line-height:1.55;margin:0}.about-grid-v94{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.about-grid-v94>div{border:1px solid var(--line);border-radius:8px;background:#11131a;padding:12px;display:grid;gap:4px}.about-grid-v94 i{color:#8f79ff}.about-grid-v94 span{font-size:8px;color:#747d90}.about-grid-v94 b{font-size:10px}.rules-card-v94>div{display:flex;align-items:center;gap:8px;margin-bottom:10px}.rules-card-v94 h3{margin:0}.muted-v94{color:#6f788b!important}.manage-stack-v94{display:grid;gap:10px}.manage-title-v94{display:flex;justify-content:space-between;align-items:center}.manage-title-v94 h3{margin:4px 0 0}.manage-title-v94>b{padding:4px 8px;border-radius:999px;background:#7657ff;color:#fff;font-size:8px}.manage-card-v94>p{font-size:10px;color:#858ea1}.join-request-v94{display:flex;gap:8px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.join-request-v94>img{width:38px;height:38px;border-radius:50%;object-fit:cover}.join-request-v94>div:nth-child(2){flex:1}.join-request-v94 b,.join-request-v94 small{display:block}.join-request-v94 small{font-size:8px;color:#7e8697}.join-request-v94 p{font-size:9px;margin:4px 0;color:#9ba2b1}.join-request-v94>div:last-child{display:flex;gap:5px}.join-request-v94 button{width:32px;height:32px;border:0;border-radius:10px}.accept-v94{background:#153c32;color:#39dba2}.decline-v94{background:#3b2028;color:#ff7184}.invite-form-v94{display:grid;grid-template-columns:1fr auto;gap:7px}.invite-form-v94>div{height:42px;border:1px solid var(--line);border-radius:8px;background:#090b11;display:flex;align-items:center;padding:0 10px;gap:7px}.invite-form-v94 input{border:0;background:transparent;outline:0;color:#fff;min-width:0}.pending-list-v94{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.pending-list-v94 span{font-size:8px;padding:5px 7px;border-radius:9px;background:#181b25}.pending-list-v94 small{color:#7568b3}.edit-community-v94{display:grid;gap:9px}.edit-community-v94 label{display:grid;gap:5px;color:#9da5b5;font-size:9px}.edit-community-v94 input,.edit-community-v94 textarea,.edit-community-v94 select{border:1px solid var(--line);border-radius:8px;background:#090b11;color:#fff;padding:10px;outline:0}.community-files-v94{display:grid;grid-template-columns:1fr 1fr;gap:7px}.danger-zone-v94{border-color:rgba(255,89,112,.22);background:linear-gradient(145deg,rgba(255,70,95,.06),#11131a)}.danger-zone-v94{display:flex;justify-content:space-between;gap:10px;align-items:center}.danger-zone-v94 h3{margin:4px 0}.danger-zone-v94 p{margin:0!important}.request-modal-v94 textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#090b11;color:#fff;padding:12px;resize:none}.community-error-v94{min-height:80dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.community-error-v94>i{font-size:38px;color:#8d77ff}.community-error-v94 p{color:#8790a3}
@media(max-width:380px){.communities-v94{padding-left:10px;padding-right:10px}.groups-hero-v94{padding:14px}.groups-hero-icon{width:49px;height:49px;flex-basis:49px}.groups-hero-v94 h1{font-size:21px}.groups-tabs-v94 a{font-size:8px}.community-title-line-v94 h1{font-size:22px}.community-action-slot-v94 .btn{padding:9px 11px;font-size:9px}.community-stats-v94 b{font-size:12px}.two-fields-v94,.about-grid-v94{grid-template-columns:1fr}.invite-form-v94{grid-template-columns:1fr}.danger-zone-v94{align-items:flex-start;flex-direction:column}.danger-zone-v94 .btn{width:100%}}


/* V95 · Publications multi-médias */
.create-multi-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.create-multi-preview-item{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#090c14;border:1px solid rgba(255,255,255,.08)}.create-multi-preview-item img,.create-multi-preview-item video{width:100%;height:100%;object-fit:cover;display:block}.create-multi-preview-item>span{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(5,7,14,.72);color:#fff}.create-media-count{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(5,7,14,.8);color:#fff;font-size:12px}
.post-media-gallery{display:grid!important;gap:3px;overflow:hidden;border-radius:8px;background:#090b12}.post-media-gallery.count-1{grid-template-columns:1fr}.post-media-gallery.count-2,.post-media-gallery.count-3,.post-media-gallery.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.post-media-gallery.count-2 .post-media-item{aspect-ratio:1/1.15}.post-media-gallery.count-3 .post-media-item:first-child{grid-row:span 2}.post-media-item{position:relative;min-width:0;overflow:hidden;aspect-ratio:1/1}.post-media-item.single{aspect-ratio:auto}.post-media-item .post-image-open,.post-media-item .mooky-inline-video{width:100%;height:100%;margin:0!important;border-radius:0!important}.post-media-item.single .post-image-open,.post-media-item.single .mooky-inline-video{height:auto}.post-media-item img,.post-media-item video{width:100%;height:100%;object-fit:cover}.post-media-item.single img,.post-media-item.single video{height:auto;max-height:72vh;object-fit:contain;background:#05070c}.post-media-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(6,7,12,.58);font-size:32px;font-weight:900;color:#fff;pointer-events:none}

/* === Mooky v97 — Groupes Pro === */
.community-feed-tab-v97{padding:16px 14px 26px!important}
.community-composer-v97{background:linear-gradient(145deg,#12151f,#0d1017);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px;margin-bottom:16px;box-shadow:0 16px 38px rgba(0,0,0,.16)}
.community-composer-head-v97{display:flex;align-items:center;gap:10px;margin-bottom:10px}.community-composer-head-v97 img{width:42px;height:42px;border-radius:50%;object-fit:cover}.community-composer-head-v97 div{display:grid;gap:2px}.community-composer-head-v97 b{font-size:12px}.community-composer-head-v97 small{font-size:9px;color:#81899b}.community-composer-v97 textarea{width:100%;min-height:90px;resize:none;border:0;outline:0;background:transparent;color:#fff;padding:9px 2px 12px;font:inherit;font-size:13px;line-height:1.5}.community-composer-v97 textarea::placeholder{color:#697184}.community-composer-tools-v97{border-top:1px solid var(--line);padding-top:11px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.community-tool-v97{height:40px;border:1px solid var(--line);border-radius:8px;background:#171a24;display:flex;align-items:center;gap:7px;padding:0 11px;color:#a5adbd;font-size:9px;font-weight:800;cursor:pointer}.community-tool-v97 i{color:#967cff}.community-tool-v97 input{display:none}.community-post-hint-v97{font-size:8px;color:#687185;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-post-hint-v97 i{color:#7f6cff}.community-composer-tools-v97 .btn{height:40px;border-radius:8px;padding:0 14px}.community-upload-preview-v97{position:relative;border-radius:8px;overflow:hidden;background:#080a10;margin:0 0 11px}.community-upload-preview-v97 img,.community-upload-preview-v97 video{width:100%;display:block;max-height:360px;object-fit:cover}.community-upload-preview-v97 button{position:absolute;right:9px;top:9px;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(5,7,11,.78);color:#fff}
.community-feed-v97{display:grid;gap:16px}.community-post-pro-v97{background:#11141c;border:1px solid rgba(255,255,255,.075);border-radius:8px;overflow:hidden;scroll-margin-top:70px;box-shadow:0 12px 32px rgba(0,0,0,.14)}.community-pin-v97{padding:10px 14px 0;color:#ad96ff;font-size:9px;font-weight:900}.community-pin-v97 i{margin-right:6px}.community-post-head-v97{display:flex;align-items:center;gap:10px;padding:14px 14px 9px}.community-post-avatar-v97{width:46px;height:46px;flex:0 0 46px;position:relative}.community-post-avatar-v97 img{width:100%;height:100%;border-radius:50%;object-fit:cover}.community-post-avatar-v97 span{position:absolute;right:-1px;bottom:1px;width:11px;height:11px;background:#24d69b;border:2px solid #11141c;border-radius:50%}.community-post-author-v97{flex:1;min-width:0}.community-post-name-v97{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap;overflow:hidden}.community-post-name-v97>b,.community-post-name-v97>a{min-width:0;overflow:hidden;text-overflow:ellipsis}.community-post-author-v97 small{display:block;margin-top:3px;color:#7c8597;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-post-menu-v97{flex:0 0 auto}.community-post-text-v97{font-size:13px;line-height:1.55;padding:7px 15px 13px;color:#f5f6fa}.community-post-media-v97{background:#07090e;margin:0 12px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.community-post-media-v97 img,.community-post-media-v97 video{display:block;width:100%;max-height:540px;object-fit:cover}.community-post-stats-v97{display:flex;justify-content:space-between;gap:10px;padding:12px 15px 10px;color:#9ba3b3;font-size:9px}.community-post-stats-v97 i{color:#ff6aa9;margin-right:5px}.community-post-actions-v97{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 7px;gap:4px}.community-post-actions-v97 form{margin:0}.community-post-actions-v97 button{width:100%;height:48px;border:0;background:transparent;color:#8f98aa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px;font-size:8px;font-weight:900}.community-post-actions-v97 button i{font-size:16px}.community-post-actions-v97 button:hover,.community-post-actions-v97 button:active{background:#181c27;color:#fff}.community-post-actions-v97 button.active{color:#a77cff}.community-comments-v97{padding:12px 14px 4px;display:grid;gap:9px}.community-comments-title-v97{display:flex;align-items:center;justify-content:space-between;font-size:11px}.community-comments-title-v97 span{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#1c2030;display:grid;place-items:center;color:#8f98aa;font-size:8px}.community-comment-v97{display:flex;gap:8px}.community-comment-v97>img{width:30px;height:30px;border-radius:50%;object-fit:cover}.community-comment-v97>div{flex:1;min-width:0;background:#171a24;border:1px solid rgba(255,255,255,.045);border-radius:8px;padding:9px 10px}.community-comment-head-v97{display:flex;align-items:center;justify-content:space-between;gap:8px}.community-comment-head-v97>span{font-size:9px;min-width:0}.community-comment-head-v97 small{color:#717a8e}.community-comment-head-v97 form{margin:0}.community-comment-head-v97 button{border:0;background:transparent;color:#6f788a}.community-comment-v97 p{margin:5px 0 0;font-size:10px;line-height:1.45}.community-comment-compose-v97{display:flex;align-items:center;gap:8px;padding:10px 14px 14px}.community-comment-compose-v97>img{width:32px;height:32px;border-radius:50%;object-fit:cover}.community-comment-compose-v97>div{flex:1;min-width:0;height:42px;border:1px solid var(--line);border-radius:8px;background:#0b0e15;display:flex;align-items:center;padding-left:12px}.community-comment-compose-v97 input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:10px}.community-comment-compose-v97 button{width:38px;height:38px;margin-right:2px;border:0;border-radius:8px;background:linear-gradient(135deg,#7356ff,#a267ff);color:#fff}.community-empty-v97{padding:42px 20px;border:1px dashed rgba(255,255,255,.1);border-radius:8px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(123,89,255,.12),transparent 45%),#0e1017}.community-empty-icon-v97{width:68px;height:68px;border-radius:8px;margin:0 auto 14px;display:grid;place-items:center;background:#19152b;border:1px solid #372b66;color:#957cff;font-size:26px}.community-empty-v97 h3{margin:0 0 7px;font-size:18px}.community-empty-v97 p{margin:0;color:#858da0;font-size:10px;line-height:1.5}
.rules-card-v97{border:1px solid var(--line);border-radius:8px;background:#11131a;padding:15px;margin-top:10px}.rules-head-v97{display:flex;align-items:center;gap:10px;margin-bottom:12px}.rules-head-v97>span{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:#211a3a;color:#a88dff}.rules-head-v97 small{font-size:8px;color:#927dff;letter-spacing:1.3px;font-weight:900}.rules-head-v97 h3{margin:2px 0 0;font-size:15px}.rules-list-v97{display:grid;gap:7px}.rule-row-v97{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;padding:9px 10px;border-radius:8px;background:#0c0f16;border:1px solid rgba(255,255,255,.045)}.rule-row-v97 b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#251c43;color:#af97ff;font-size:9px}.rule-row-v97 span{font-size:10px;line-height:1.45;color:#aeb5c3;padding-top:6px}.rules-field-v97 textarea{line-height:1.5}.rules-field-v97>small{font-size:8px;color:#737c8e;line-height:1.4}.rules-field-v97>small i{color:#8f78ff;margin-right:4px}
@media(max-width:390px){.community-composer-tools-v97{grid-template-columns:1fr auto}.community-post-hint-v97{display:none}.community-tool-v97 span{display:none}.community-tool-v97{width:42px;padding:0;justify-content:center}.community-post-actions-v97 button{font-size:7.5px}.community-post-actions-v97 button i{font-size:15px}.community-post-head-v97{padding-left:12px;padding-right:12px}.community-post-media-v97{margin:0 9px}.community-comment-compose-v97{padding-left:10px;padding-right:10px}}

/* ===== Mooky Groups V98 ===== */
.community-report-v98{position:absolute;z-index:4;top:14px;right:66px;width:44px;height:44px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:rgba(9,10,15,.72);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;padding:0;font-size:16px;line-height:1}
.community-multi-preview-v98{display:grid!important;grid-template-columns:repeat(2,1fr);gap:6px;background:transparent!important;overflow:visible!important}.community-multi-preview-v98[hidden]{display:none!important}.community-multi-preview-v98>div{overflow:hidden;border-radius:8px;background:#080a10;aspect-ratio:1/1}.community-multi-preview-v98 img,.community-multi-preview-v98 video{width:100%;height:100%;object-fit:cover;max-height:none!important}
.community-media-grid-v98{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;background:transparent!important}.community-media-grid-v98.count-1{grid-template-columns:1fr}.community-media-grid-v98>div{overflow:hidden;background:#07090e;min-height:150px}.community-media-grid-v98.count-1>div{min-height:220px}.community-media-grid-v98 img,.community-media-grid-v98 video{height:100%;min-height:150px}.community-media-grid-v98.count-1 img,.community-media-grid-v98.count-1 video{min-height:220px}
.community-comment-thread-v98{display:grid;gap:6px}.community-reply-v98{margin-left:36px;position:relative}.community-reply-v98:before{content:"";position:absolute;left:-18px;top:-10px;width:14px;height:26px;border-left:1px solid #313747;border-bottom:1px solid #313747;border-radius:0 0 0 10px}.community-comment-actions-v98{display:flex;align-items:center;gap:9px;margin-top:6px}.community-comment-actions-v98 form{margin:0}.community-comment-actions-v98 button{border:0;background:transparent;color:#818a9b;padding:0;font-size:8px;font-weight:800}.community-comment-actions-v98 button.active{color:#a87cff}.community-comment-actions-v98 small{font-size:7.5px;color:#626b7d;margin-left:auto}.community-comment-menu-v98{position:relative}.community-comment-menu-v98 summary{list-style:none;cursor:pointer;color:#6f788a}.community-comment-menu-v98 summary::-webkit-details-marker{display:none}.community-comment-menu-v98>div{position:absolute;right:0;top:22px;z-index:8;min-width:145px;background:#171a24;border:1px solid #292e3a;border-radius:8px;padding:5px;box-shadow:0 14px 35px rgba(0,0,0,.35)}.community-comment-menu-v98>div button{width:100%;border:0;background:transparent;color:#cbd0da;text-align:left;padding:9px;border-radius:9px;font-size:9px}.community-comment-menu-v98>div button.danger{color:#ff7184}
.community-comment-compose-v97>div{position:relative}.community-reply-chip-v98{position:absolute;left:8px;top:-27px;height:23px;padding:0 7px;border-radius:8px;background:#1e2130;border:1px solid #303547;color:#a99cff;font-size:8px;display:flex;align-items:center;gap:5px}.community-reply-chip-v98 button{width:auto!important;height:auto!important;background:transparent!important;margin:0!important;padding:0 2px;color:#fff}
.manage-dashboard-v98{display:grid;gap:12px}.manage-overview-v98{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.manage-overview-v98>div{padding:13px 9px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#151822,#0e1118);display:grid;justify-items:center;gap:4px;text-align:center}.manage-overview-v98 span{width:32px;height:32px;border-radius:11px;background:#211a3b;color:#9b82ff;display:grid;place-items:center}.manage-overview-v98 b{font-size:15px}.manage-overview-v98 small{font-size:8px;color:#7e8799}
.explore-groups-strip-v98{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,78%);gap:10px;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:none}.explore-groups-strip-v98::-webkit-scrollbar{display:none}.explore-group-card-v98{border:1px solid rgba(255,255,255,.075);border-radius:8px;overflow:hidden;background:#11141c}.explore-group-cover-v98{height:92px;background:linear-gradient(135deg,#352368,#171622);background-size:cover;background-position:center;position:relative}.explore-group-cover-v98:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,7,12,.68))}.explore-group-avatar-v98{position:absolute;left:12px;bottom:-18px;z-index:2;width:48px;height:48px;border:4px solid #11141c;border-radius:8px;display:grid;place-items:center;background:#211b36;color:#a78cff;overflow:hidden}.explore-group-avatar-v98 img{width:100%;height:100%;object-fit:cover}.explore-group-cover-v98 em{position:absolute;right:9px;top:9px;z-index:2;background:rgba(13,16,24,.78);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:5px 7px;font-size:7px;font-style:normal;color:#b6ffa8}.explore-group-copy-v98{padding:25px 12px 12px}.explore-group-copy-v98 b{display:block;font-size:12px}.explore-group-copy-v98 small{display:block;margin-top:3px;font-size:8px;color:#80899a}.explore-group-copy-v98 p{margin:8px 0 0;font-size:9px;line-height:1.4;color:#a6adba}
.profile-tabs-v98{grid-template-columns:repeat(4,1fr)!important}.profile-tabs-v98 button{font-size:9px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.profile-tabs-v98 button i{font-size:13px}.profile-groups-v98{padding:12px 12px 95px;display:grid;gap:9px}.profile-group-card-v98{display:grid;grid-template-columns:74px 1fr auto;gap:11px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#11141c}.profile-group-cover-v98{width:74px;height:66px;border-radius:8px;background:linear-gradient(135deg,#37256d,#151722);background-size:cover;background-position:center;position:relative}.profile-group-cover-v98 span{position:absolute;left:7px;bottom:7px;width:31px;height:31px;border-radius:10px;background:#201a34;border:2px solid #11141c;display:grid;place-items:center;overflow:hidden;color:#a98dff}.profile-group-cover-v98 img{width:100%;height:100%;object-fit:cover}.profile-group-card-v98>div:nth-child(2){min-width:0}.profile-group-card-v98 b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-group-card-v98 small{display:block;font-size:7.5px;color:#7c8598;margin-top:3px}.profile-group-card-v98 p{font-size:8.5px;color:#a3aab8;margin:5px 0 0;line-height:1.35}.profile-group-card-v98>i{font-size:10px;color:#60697a}
.saved-community-head-v98{margin:18px 0 8px;font-size:11px;color:#9f8cff}.saved-community-card-v98{border-color:rgba(142,112,255,.18)!important}.saved-community-card-v98>img{border-radius:8px!important}
@media(max-width:370px){.community-media-grid-v98{margin-left:7px!important;margin-right:7px!important}.profile-tabs-v98 button{font-size:8px!important}.explore-groups-strip-v98{grid-auto-columns:84%}}

/* ===== Mooky V99 · Groupes = publications Mooky ===== */
.community-create-launcher-v99{margin-bottom:16px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(145deg,#12151f,#0d1017);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.community-launcher-main-v99{display:flex;align-items:center;gap:11px}.community-launcher-main-v99>img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto}.community-launcher-main-v99>a:not(.community-launcher-plus-v99){flex:1;min-width:0;text-decoration:none;display:grid;gap:3px}.community-launcher-main-v99 b{color:#f5f6fa;font-size:12px}.community-launcher-main-v99 span{color:#737b8f;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-launcher-plus-v99{width:39px;height:39px;border-radius:8px;background:linear-gradient(135deg,#7356ff,#a267ff);display:grid;place-items:center;color:#fff;text-decoration:none;box-shadow:0 9px 22px rgba(124,91,255,.22)}
.community-launcher-types-v99{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid #232735}.community-launcher-types-v99 a{height:39px;border-radius:8px;background:#171a24;border:1px solid #252a39;color:#aeb4c5;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:900}.community-launcher-types-v99 a i{color:#9d83ff;font-size:14px}.community-launcher-types-v99 a:hover{background:#1d1930;color:#fff}
.community-feed-v99{gap:18px}.community-post-v99{overflow:visible;scroll-margin-top:76px}.community-post-v99>.post-pro-media{overflow:hidden}.community-pin-v99{margin:0 14px;padding:11px 2px 0;color:#b394ff;font-size:9px;font-weight:950;letter-spacing:.15px}.community-pin-v99 i{margin-right:6px}.community-post-v99 .community-post-menu-v97{position:relative;z-index:12}.community-post-v99 .community-post-menu-v97>div{z-index:30}
.community-post-stats-v99>form{margin:0;min-width:0}.community-post-stats-v99>form+*{border-left:1px solid #232634}.community-post-stats-v99>form>button{width:100%;height:100%;border:0;background:transparent;color:#b2b7c8;padding:12px 9px;display:flex;align-items:center;justify-content:center;gap:8px}.community-post-stats-v99>form>button>span:last-child{display:grid;text-align:left}.community-post-stats-v99>form>button b{font-size:11px;color:#f2f3f7}.community-post-stats-v99>form>button small{font-size:8px;color:#777e92;margin-top:1px}.community-post-stats-v99 .community-stat-like-v99.active .stat-icon{background:#321a43;color:#ff73c7}
.community-discussion-v99{margin:0;padding:0 14px 16px;border-top:0}.community-discussion-v99 .discussion-head{padding:15px 2px 11px}.community-discussion-v99 .comment-composer-pro{margin-bottom:13px}.community-discussion-v99 .comment-thread-pro{padding-bottom:2px}.community-discussion-v99 .comment-pro-actions form{margin:0;display:inline-flex}.community-discussion-v99 .comment-pro-actions form button{border:0;background:transparent;color:#81889d;padding:0;font-weight:800;font-size:8.5px}.community-discussion-v99 .comment-pro-actions form button.active{color:#a387ff}.community-comments-empty-v99{padding:22px 14px 26px;border:0;background:transparent}.community-comments-empty-v99>div{width:44px;height:44px;border-radius:8px;font-size:18px}
.community-audience-fixed-v99{cursor:default}.community-audience-fixed-v99>i:last-child{color:#7f8799;font-size:12px}.community-create-v99 .create-type-switch{grid-template-columns:1fr 1fr}.community-create-v99 .create-type-switch>a{min-width:0}
@media(max-width:390px){.community-post-v99 .post-pro-author-row{padding-left:12px;padding-right:12px}.community-discussion-v99{padding-left:10px;padding-right:10px}.community-launcher-main-v99 span{max-width:190px}}

/* ===== Mooky V100 · Community post horizontal overflow / menu fix ===== */
.community-tab-v94,
.community-feed-v97,
.community-feed-v99,
.community-post-v99,
.community-post-v99 *{min-width:0}
.community-tab-v94,
.community-feed-v99{width:100%;max-width:100%;overflow-x:hidden}
.community-post-v99{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
/* Keep the author line inside the card even with many profile badges. */
.community-post-v99 .post-pro-author-row{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto 36px!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  padding:14px 12px 9px!important;
}
.community-post-v99 .post-pro-avatar{
  width:46px!important;
  height:46px!important;
}
.community-post-v99 .post-pro-avatar img{width:46px!important;height:46px!important}
.community-post-v99 .post-pro-author{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.community-post-v99 .post-pro-author .name-line{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  flex-wrap:nowrap!important;
}
.community-post-v99 .post-pro-author .name-line>a{
  flex:0 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.community-post-v99 .post-pro-author .name-line>.user-badges{
  flex:0 1 auto!important;
  max-width:116px!important;
  overflow:hidden!important;
}
.community-post-v99 .post-pro-sub{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.community-post-v99 .post-pro-sub>span:first-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.community-post-v99 .post-visibility-pill{
  margin:0!important;
  max-width:74px!important;
}
.community-post-v99 .community-post-menu-v97{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  justify-self:end!important;
  position:relative!important;
}
.community-post-v99 .community-post-menu-v97 summary{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  max-width:36px!important;
}
/* Dropdown may float, but the closed menu must never enlarge the post. */
.community-post-v99 .community-post-menu-v97>div{
  right:0!important;
  left:auto!important;
  max-width:min(190px,calc(100vw - 38px))!important;
}
.community-post-v99 .post-pro-stats,
.community-post-v99 .community-discussion-v99,
.community-post-v99 .comment-composer-pro,
.community-post-v99 .comment-thread-pro,
.community-post-v99 .comment-pro,
.community-post-v99 .comment-pro-body,
.community-post-v99 .comment-pro-card{width:100%;max-width:100%}
.community-post-v99 .discussion-head{gap:10px}
.community-post-v99 .discussion-head>div:first-child{min-width:0;flex:1}
.community-post-v99 .discussion-count{flex:0 0 auto}

/* The app is always a phone canvas, including on desktop. Do not rely on viewport width. */
@media (max-width:520px){
  .community-post-v99 .post-pro-author-row{
    grid-template-columns:42px minmax(0,1fr) 34px!important;
    grid-template-areas:"avatar author menu"!important;
    gap:8px!important;
    padding:12px 10px 9px!important;
  }
  .community-post-v99 .post-pro-avatar{grid-area:avatar!important;width:42px!important;height:42px!important}
  .community-post-v99 .post-pro-avatar img{width:42px!important;height:42px!important}
  .community-post-v99 .post-pro-author{grid-area:author!important}
  .community-post-v99 .post-visibility-pill{display:none!important}
  .community-post-v99 .community-post-menu-v97{grid-area:menu!important;width:34px!important;min-width:34px!important;max-width:34px!important}
  .community-post-v99 .community-post-menu-v97 summary{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important}
  .community-post-v99 .post-pro-author .name-line>.user-badges{max-width:92px!important}
}
@media (max-width:360px){
  .community-post-v99 .post-pro-author-row{grid-template-columns:38px minmax(0,1fr) 30px!important;gap:7px!important;padding-left:8px!important;padding-right:8px!important}
  .community-post-v99 .post-pro-avatar,.community-post-v99 .post-pro-avatar img{width:38px!important;height:38px!important}
  .community-post-v99 .community-post-menu-v97,.community-post-v99 .community-post-menu-v97 summary{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important}
  .community-post-v99 .post-pro-author .name-line>.user-badges{max-width:72px!important}
}

/* ===== Mooky V101 · Interface plus carrée =====
   Les grandes cartes/panneaux utilisent désormais un léger rayon de 8px.
   Les avatars restent ronds et les petits badges/pastilles conservent leur forme. */
:root{--mooky-card-radius:8px;--mooky-control-radius:8px}
.card,.panel,.modal,.sheet,.dropdown,
.post,.post-card,.post-pro,.post-pro-card,
.community-card,.community-post-v99,.community-create-launcher-v99,
.comment-pro-card,.comment-composer-pro,.comments-v2,
.profile-card,.profile-stats-pro,.profile-group-card-v98,
.connection-card,.connections-pro-profile,.connections-pro-card,
.connections-tabs,.connections-pro-tabs,.connections-pro-search,
.settings-card,.settings-list,.story-card,.saved-card,
.create-card,.create-panel,.create-type-switch,
.explore-card,.explore-group-card-v98,
[class*="-card-v"],[class*="-panel-v"],[class*="-box-v"]{
  border-radius:var(--mooky-card-radius)!important;
}
input,textarea,select,
.btn,button:not(.avatar):not([class*="avatar"]),
.post-visibility-pill,
.community-launcher-plus-v99,
.community-launcher-types-v99 a{
  border-radius:var(--mooky-control-radius)!important;
}
/* Conserver les éléments volontairement circulaires. */
.avatar,.avatar img,[class*="avatar"] img,
.story-avatar,.story-avatar img,
.online-dot,.presence-dot,
input[type="radio"],input[type="checkbox"]{
  border-radius:50%!important;
}

/* V102 — retire uniquement l'espace vertical hérité de .post sur les cartes modernes */
.post.post-pro-card,
.post.home-post-pro,
.post.community-post-v99{
  padding-top:0!important;
  padding-bottom:0!important;
}

/* =========================================================
   Mooky V103 — Bottom-sheet always above bottom navigation
   Fix: post/comment options were hidden behind the fixed tabbar.
   ========================================================= */
.sheet-backdrop{
  z-index:500!important;
}
.bottom-sheet{
  z-index:510!important;
  max-height:calc(100dvh - 12px)!important;
  padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;
}
.bottom-sheet.open{
  transform:translate(-50%,0)!important;
}
#sheetContent{
  max-height:calc(100dvh - 42px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
/* Keep fixed app navigation under open sheets. */
body:has(.bottom-sheet.open) .bottom-nav.mooky-tabbar{
  z-index:120!important;
}
@media(max-width:430px){
  .bottom-sheet{
    width:100vw!important;
    max-width:100vw!important;
    left:50%!important;
    bottom:0!important;
    border-left:0!important;
    border-right:0!important;
  }
}

/* V104 — Mooky Premium Stripe récurrent */
.premium-billing-card{position:relative;overflow:hidden}.premium-billing-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#ffbf54,#ff7ca0,#8b5cf6);opacity:.9}.premium-price small{max-width:145px;line-height:1.35}.premium-subscription-state{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.premium-subscription-state>div{padding:11px;border:1px solid rgba(255,255,255,.07);background:#0b0d13;border-radius:8px}.premium-subscription-state span,.premium-subscription-state b{display:block}.premium-subscription-state span{font-size:7px;letter-spacing:1px;color:#737b8f;font-weight:900}.premium-subscription-state b{font-size:9px;margin-top:4px;color:#e9ebf2}.premium-billing-actions{display:grid;gap:8px}.premium-manage{width:100%;min-height:46px;border-radius:8px;border:1px solid rgba(139,92,246,.28);background:rgba(139,92,246,.08);color:#c3b6ff;font-size:9px;font-weight:900}.premium-manage i{margin-right:7px}.premium-stripe-warning{margin-top:10px;padding:10px;border:1px solid rgba(255,185,71,.15);background:rgba(255,185,71,.06);color:#b7a071;font-size:8px;line-height:1.5;border-radius:8px}.premium-stripe-warning i{color:#ffc45b;margin-right:6px}.premium-stripe-warning code{color:#d8c6ff}.premium-manual-notice{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(82,216,255,.13);background:rgba(82,216,255,.05);border-radius:8px}.premium-manual-notice>i{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:rgba(82,216,255,.08);color:#6ddcff}.premium-manual-notice b,.premium-manual-notice small{display:block}.premium-manual-notice b{font-size:9px}.premium-manual-notice small{font-size:8px;color:#727b90;margin-top:3px}.premium-secure-strip{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.06);background:#0d0f16;border-radius:8px}.premium-secure-strip>i:first-child{font-size:25px;color:#8b7cff}.premium-secure-strip>i:last-child{margin-left:auto;color:#39d8a0}.premium-secure-strip span{min-width:0}.premium-secure-strip b,.premium-secure-strip small{display:block}.premium-secure-strip b{font-size:9px}.premium-secure-strip small{font-size:7.5px;color:#727b90;line-height:1.45;margin-top:2px}.premium-activate:disabled{opacity:.45;cursor:not-allowed}.premium-result-page{min-height:calc(100vh - 130px);display:grid;place-items:center;padding:20px 18px 110px}.premium-result-card{width:100%;padding:28px 18px;text-align:center;border:1px solid rgba(255,255,255,.07);background:linear-gradient(160deg,#13151f,#0b0d13);border-radius:8px}.premium-result-card.is-success{border-color:rgba(255,190,75,.16)}.premium-result-icon{width:68px;height:68px;margin:0 auto 14px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,rgba(255,185,71,.14),rgba(139,92,246,.16));font-size:26px;color:#ffc45b}.premium-result-card>span{font-size:8px;font-weight:950;letter-spacing:1.4px;color:#9b83ff}.premium-result-card h1{font-size:24px;margin:8px 0}.premium-result-card p{font-size:10px;line-height:1.6;color:#7d8497;margin:0 0 18px}.premium-result-card .premium-activate{display:flex;align-items:center;justify-content:center;text-decoration:none}.premium-result-card .premium-activate i{margin-right:8px}

/* V106 - Premium Hub: pages séparées */
.premium-hub-page,.premium-subpage{padding-bottom:120px}
.premium-hub-hero{padding-bottom:18px}.premium-hub-hero h1{font-size:29px}.premium-hub-cta{margin-top:16px;text-decoration:none}
.premium-hub-grid{display:grid;gap:10px}
.premium-hub-card{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:14px;border:1px solid #242838;border-radius:8px;background:#11141e;color:#f7f7fb;text-decoration:none;min-height:78px}
.premium-hub-card:active{transform:scale(.99)}.premium-hub-card>div{min-width:0}.premium-hub-card b{display:block;font-size:14px;margin-bottom:4px}.premium-hub-card small{display:block;color:#8f96aa;font-size:10px;line-height:1.45}.premium-hub-card>i{color:#777f95;font-size:13px}
.premium-hub-icon{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;font-size:18px}.premium-hub-icon.violet{background:#211a3c;color:#a783ff}.premium-hub-icon.gold{background:#2b2418;color:#ffc45f}.premium-hub-icon.blue{background:#15263a;color:#69b7ff}.premium-hub-icon.green{background:#123127;color:#42d7a0}.premium-hub-card.locked:after{content:'Premium';position:absolute}
.premium-hub-summary{padding:15px}.premium-hub-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #252938;border-radius:8px;overflow:hidden}.premium-hub-stats div{padding:15px 8px;text-align:center;background:#0d1018}.premium-hub-stats div+div{border-left:1px solid #252938}.premium-hub-stats i{display:block;color:#a57cff;margin-bottom:7px}.premium-hub-stats b{display:block;font-size:16px}.premium-hub-stats small{font-size:8px;color:#777f93}
.premium-subpage-intro{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #242838;border-radius:8px;background:#11141e}.premium-subpage-intro>span{width:50px;height:50px;border-radius:8px;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.premium-subpage-intro>span.gold{background:#2b2418;color:#ffc45f}.premium-subpage-intro>span.violet{background:#211a3c;color:#a783ff}.premium-subpage-intro>span.blue{background:#15263a;color:#69b7ff}.premium-subpage-intro small{display:block;color:#9a78ff;font-size:8px;letter-spacing:1.5px;font-weight:900}.premium-subpage-intro h1{font-size:20px;margin:4px 0 3px}.premium-subpage-intro p{margin:0;color:#8d94a6;font-size:10px;line-height:1.45}
.premium-access-gate{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,190,75,.2);background:rgba(255,190,75,.06);border-radius:8px}.premium-access-gate>i{width:42px;height:42px;border-radius:8px;background:#2a2216;color:#ffc35d;display:grid;place-items:center}.premium-access-gate b,.premium-access-gate small{display:block}.premium-access-gate small{color:#9097aa;font-size:9px;margin-top:3px}.premium-access-gate a{color:#b998ff;font-size:9px;font-weight:900;text-decoration:none}
.premium-wide-link{display:flex;text-decoration:none}.premium-billing-alone{margin:0}.premium-hub-card{position:relative;overflow:hidden}.premium-hub-card.locked:after{right:10px;top:9px;font-size:7px;padding:3px 6px;border-radius:999px;background:#24202f;color:#bda7ff;letter-spacing:.5px}.premium-hub-card.locked>i{visibility:hidden}
@media(max-width:360px){.premium-hub-card{grid-template-columns:44px minmax(0,1fr) 14px;padding:12px}.premium-hub-icon{width:44px;height:44px}.premium-subpage-intro{padding:12px}}

/* =========================================================
   Mooky V107 — Community identity + manage controls polish
   ========================================================= */
/* L'avatar du GROUPE doit respecter l'image carrée : il ne doit pas
   hériter de la règle globale qui arrondit tous les éléments contenant
   le mot "avatar". Les avatars des membres restent circulaires. */
.community-avatar-large-v94{
  width:86px!important;
  height:86px!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:#171a24!important;
}
.community-avatar-large-v94 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:4px!important;
}

/* Gestion du groupe : champs et boutons parfaitement alignés. */
#ctab-manage .manage-card-v94,
#ctab-manage .manage-card-pro-v97{
  min-width:0!important;
  overflow:hidden!important;
}
#ctab-manage .invite-form-v94{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 146px!important;
  align-items:stretch!important;
  gap:10px!important;
}
#ctab-manage .invite-form-v94>div,
#ctab-manage .invite-form-v94>.btn{
  box-sizing:border-box!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
}
#ctab-manage .invite-form-v94>div{
  min-width:0!important;
  padding:0 14px!important;
  gap:10px!important;
}
#ctab-manage .invite-form-v94 input{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  padding:0!important;
  font-size:16px!important;
}
#ctab-manage .invite-form-v94>.btn{
  width:146px!important;
  min-width:146px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#ctab-manage .invite-form-v94>.btn i{
  flex:0 0 auto!important;
  line-height:1!important;
}

/* Les tuiles de statistiques de gestion ont le même gabarit. */
#ctab-manage .manage-kpi-v97,
#ctab-manage [class*="manage-kpi"]{
  min-width:0!important;
  min-height:108px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

@media(max-width:430px){
  .community-avatar-large-v94{
    width:86px!important;
    height:86px!important;
  }
  #ctab-manage .invite-form-v94{
    grid-template-columns:minmax(0,1fr) 132px!important;
    gap:8px!important;
  }
  #ctab-manage .invite-form-v94>.btn{
    width:132px!important;
    min-width:132px!important;
    padding:0 12px!important;
    font-size:13px!important;
  }
}
@media(max-width:360px){
  #ctab-manage .invite-form-v94{
    grid-template-columns:1fr!important;
  }
  #ctab-manage .invite-form-v94>.btn{
    width:100%!important;
    min-width:0!important;
  }
}

/* ===== Mooky V108 · Premium member area redesign ===== */
.premium-v108-page{gap:12px;padding-top:10px;background:radial-gradient(circle at 50% -5%,rgba(130,88,255,.12),transparent 27%)}
.premium-member-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border:1px solid #242838;background:#0d0f16;border-radius:8px;position:sticky;top:0;z-index:12;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.premium-member-nav a{min-width:0;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:6px;color:#777f93;text-decoration:none;font-size:8px;font-weight:850;transition:.16s ease}
.premium-member-nav a i{font-size:13px}.premium-member-nav a.active{background:#19152a;color:#bca8ff;box-shadow:inset 0 0 0 1px rgba(139,92,246,.20)}
.premium-v108-hero{position:relative;overflow:hidden;padding:18px;border:1px solid #292a38;background:linear-gradient(145deg,#14151f,#0c0e15);border-radius:8px}.premium-v108-hero:before{content:"";position:absolute;width:170px;height:170px;right:-70px;top:-95px;border-radius:50%;background:radial-gradient(circle,rgba(255,182,73,.18),transparent 65%)}
.premium-v108-mascot{position:relative;width:70px;height:70px;padding:7px;border-radius:8px;border:1px solid rgba(255,190,75,.24);background:linear-gradient(145deg,#1a1720,#10121a);box-shadow:0 12px 30px rgba(0,0,0,.22)}.premium-v108-mascot img{width:100%;height:100%;object-fit:contain}.premium-v108-mascot span{position:absolute;right:-6px;bottom:-6px;width:27px;height:27px;border-radius:7px;background:linear-gradient(135deg,#ffbd46,#ff8a32);display:grid;place-items:center;color:#19120a;border:3px solid #10121a;font-size:11px}
.premium-v108-hero-copy{position:relative;margin-top:14px}.premium-v108-eyebrow,.premium-v108-section-head span,.premium-v108-title-card small{display:block;color:#a483ff;font-size:8px;letter-spacing:1.45px;font-weight:950}.premium-v108-hero h1{margin:5px 0 7px;font-size:25px;line-height:1.05;letter-spacing:-.8px}.premium-v108-hero-copy p{margin:0;color:#8f96a8;font-size:10px;line-height:1.55}
.premium-v108-status{position:relative;margin-top:16px;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:11px;border:1px solid #272b3a;background:#0c0e14;border-radius:8px}.premium-v108-status>span{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;background:#211a34;color:#b49bff}.premium-v108-status.is-active{border-color:rgba(55,215,159,.2);background:rgba(20,58,48,.32)}.premium-v108-status.is-active>span{background:rgba(37,194,142,.13);color:#37d79f}.premium-v108-status b,.premium-v108-status small{display:block}.premium-v108-status b{font-size:11px}.premium-v108-status small{font-size:8px;color:#7e879a;margin-top:3px;line-height:1.35}.premium-v108-status>i{font-size:10px;color:#6d7486}
.premium-v108-shortcuts{display:grid;gap:8px}.premium-v108-shortcut{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:11px;border:1px solid #252936;background:#11131b;border-radius:8px;color:#fff;text-decoration:none}.premium-v108-shortcut>span{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;font-size:16px}.premium-v108-shortcut>span.violet{background:#211a3b;color:#a985ff}.premium-v108-shortcut>span.gold{background:#2a2216;color:#ffc35d}.premium-v108-shortcut>span.blue{background:#13263b;color:#69b9ff}.premium-v108-shortcut b,.premium-v108-shortcut small{display:block}.premium-v108-shortcut b{font-size:12px}.premium-v108-shortcut small{margin-top:3px;color:#7f8799;font-size:9px;line-height:1.35}.premium-v108-shortcut>i{font-size:10px;color:#6f7689}
.premium-v108-section{padding:14px;border:1px solid #252936;background:#11131b;border-radius:8px}.premium-v108-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.premium-v108-section-head h2{margin:3px 0 0;font-size:17px;letter-spacing:-.35px}.premium-v108-section-head a{font-size:8px;font-weight:850;color:#a58cff;text-decoration:none}
.premium-v108-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #252936;border-radius:8px;overflow:hidden;background:#0c0e14}.premium-v108-metrics>div{min-width:0;padding:13px 7px;text-align:center}.premium-v108-metrics>div+div{border-left:1px solid #252936}.premium-v108-metrics i{display:block;margin-bottom:6px;color:#a681ff;font-size:14px}.premium-v108-metrics b{display:block;font-size:15px}.premium-v108-metrics small{display:block;margin-top:3px;color:#737c90;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-v108-metrics-top{margin:0}
.premium-v108-primary{width:100%;min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) 15px;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(148,105,255,.28);border-radius:8px;background:linear-gradient(135deg,#613ee2,#8b54ff 62%,#a969ef);color:#fff;text-decoration:none;box-shadow:0 12px 28px rgba(85,49,185,.20)}.premium-v108-primary>i:first-child{width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.11);display:grid;place-items:center}.premium-v108-primary b,.premium-v108-primary small{display:block}.premium-v108-primary b{font-size:11px}.premium-v108-primary small{margin-top:2px;font-size:8px;color:rgba(255,255,255,.7)}.premium-v108-primary>i:last-child{font-size:10px}
.premium-v108-title-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:14px;border:1px solid #252936;background:#11131b;border-radius:8px}.premium-v108-title-card>span{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;font-size:18px}.premium-v108-title-card>span.violet{background:#211a3b;color:#aa89ff}.premium-v108-title-card>span.gold{background:#2a2216;color:#ffc35d}.premium-v108-title-card>span.blue{background:#13263b;color:#69b9ff}.premium-v108-title-card h1{font-size:18px;margin:4px 0 3px;line-height:1.15}.premium-v108-title-card p{margin:0;color:#858da0;font-size:9px;line-height:1.45}
.premium-v108-features{display:grid;gap:7px}.premium-v108-features article{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px;border:1px solid #222631;background:#0c0e14;border-radius:8px}.premium-v108-features article>span{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;font-size:15px}.premium-v108-features .gold{background:#2b2418;color:#ffc45f}.premium-v108-features .violet{background:#211a3c;color:#a783ff}.premium-v108-features .blue{background:#15263a;color:#69b7ff}.premium-v108-features .pink{background:#321827;color:#ff7aa8}.premium-v108-features .green{background:#113126;color:#40d39d}.premium-v108-features .orange{background:#302117;color:#ff9e57}.premium-v108-features b{display:block;font-size:10.5px}.premium-v108-features p{margin:3px 0 0;color:#798195;font-size:8px;line-height:1.4}.premium-v108-features article>i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(48,209,151,.1);color:#36d59c;font-size:8px}
.premium-v108-style-section{padding:0;border:0;background:transparent}.premium-v108-customizer{display:grid;gap:10px}.premium-v108-editor-group{padding:14px;border:1px solid #252936;background:#11131b;border-radius:8px;display:grid;gap:14px}.premium-v108-editor-head{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid #222631}.premium-v108-editor-head>span{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#211a3b;color:#a985ff}.premium-v108-editor-head b,.premium-v108-editor-head small{display:block}.premium-v108-editor-head b{font-size:11px}.premium-v108-editor-head small{margin-top:2px;color:#7c8497;font-size:8px;line-height:1.35}.premium-v108-editor-group .premium-choice-block{margin:0}.premium-v108-preview-group{padding-bottom:12px}.premium-v108-save{margin-top:0!important;width:100%;min-height:50px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.premium-v108-plan{padding:15px;border:1px solid rgba(255,190,75,.18);background:linear-gradient(145deg,#15141d,#0d0f16);border-radius:8px;overflow:hidden;position:relative}.premium-v108-plan:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#ffbd4b,#ff7ca0,#8b5cf6)}.premium-v108-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px}.premium-v108-plan-top span,.premium-v108-plan-top b,.premium-v108-plan-top small{display:block}.premium-v108-plan-top span{font-size:8px;color:#ffc461;font-weight:950;letter-spacing:1.2px}.premium-v108-plan-top b{font-size:28px;line-height:1;margin-top:7px}.premium-v108-plan-top small{font-size:8px;color:#787f91;margin-top:4px}.premium-v108-plan-top>i{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:#2a2216;color:#ffc45f;font-size:16px}
.premium-v108-plan-state{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #272b37;background:#0b0d13;border-radius:8px}.premium-v108-plan-state>i{color:#778093}.premium-v108-plan-state.active{border-color:rgba(55,215,159,.17);background:rgba(18,55,46,.30)}.premium-v108-plan-state.active>i{color:#38d9a0}.premium-v108-plan-state b,.premium-v108-plan-state small{display:block}.premium-v108-plan-state b{font-size:10px}.premium-v108-plan-state small{margin-top:2px;color:#798195;font-size:8px;line-height:1.4}
.premium-v108-billing-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.premium-v108-billing-info>div{padding:10px;border:1px solid #252936;background:#0b0d13;border-radius:8px}.premium-v108-billing-info span,.premium-v108-billing-info b{display:block}.premium-v108-billing-info span{font-size:7px;color:#747c8f;text-transform:uppercase;letter-spacing:.7px}.premium-v108-billing-info b{margin-top:4px;font-size:9.5px}.premium-v108-billing-actions{display:grid;gap:8px;margin-top:10px}.premium-v108-action{width:100%;min-height:57px;border:1px solid #292d3b;border-radius:8px;background:#11141d;color:#fff;padding:9px 11px;display:grid;grid-template-columns:36px minmax(0,1fr) 14px;align-items:center;gap:10px;text-align:left}.premium-v108-action>i:first-child{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#211a3b;color:#a987ff}.premium-v108-action b,.premium-v108-action small{display:block}.premium-v108-action b{font-size:9.5px}.premium-v108-action small{font-size:7.7px;color:#777f92;margin-top:2px;line-height:1.35}.premium-v108-action>i:last-child{font-size:9px;color:#737b8f}.premium-v108-action.success>i:first-child{background:#123028;color:#3ad8a1}.premium-v108-action.danger>i:first-child{background:#331922;color:#ff7188}.premium-v108-action.danger b{color:#ff899a}
.premium-v108-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.premium-v108-checks span{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid #252936;background:#0b0d13;border-radius:8px;font-size:8px;color:#b9bec9}.premium-v108-checks i{color:#35d69c}.premium-v108-subscribe{width:100%;min-height:56px;border:0;border-radius:8px;background:linear-gradient(135deg,#6d46ed,#9a62ff);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.premium-v108-subscribe>i{font-size:15px}.premium-v108-subscribe b,.premium-v108-subscribe small{display:block;text-align:left}.premium-v108-subscribe b{font-size:10px}.premium-v108-subscribe small{margin-top:2px;font-size:8px;color:rgba(255,255,255,.72)}.premium-v108-subscribe:disabled{opacity:.45}
.premium-v108-manual{display:flex;align-items:center;gap:10px;margin-top:10px;padding:11px;border:1px solid rgba(90,201,255,.15);background:rgba(36,143,198,.06);border-radius:8px}.premium-v108-manual>i{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#13293a;color:#69c9ff}.premium-v108-manual b,.premium-v108-manual small{display:block}.premium-v108-manual b{font-size:10px}.premium-v108-manual small{font-size:8px;color:#7b8498;margin-top:3px}
.premium-v108-secure{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:11px;border:1px solid #252936;background:#0d0f16;border-radius:8px}.premium-v108-secure>i:first-child{font-size:28px;color:#8e7cff}.premium-v108-secure>i:last-child{color:#38d79f}.premium-v108-secure b,.premium-v108-secure small{display:block}.premium-v108-secure b{font-size:9.5px}.premium-v108-secure small{font-size:8px;color:#737c90;margin-top:2px}.premium-v108-footnote{text-align:center;margin:0!important;padding:0 10px;color:#6e7689!important;font-size:7.5px!important;line-height:1.5!important}.premium-v108-footnote i{margin-right:5px}
.premium-v108-page .premium-access-gate{margin:0}.premium-v108-page .premium-color-custom,.premium-v108-page .premium-live-name-card,.premium-v108-page .premium-toggle-row,.premium-v108-page .premium-font-card>span,.premium-v108-page .premium-theme-card>span,.premium-v108-page .premium-name-styles span{border-radius:8px!important}.premium-v108-page .premium-wide-link{justify-content:center}.premium-v108-page .premium-feature-grid{margin:0}
@media(max-width:360px){.premium-member-nav a span{font-size:7px}.premium-v108-title-card{grid-template-columns:42px minmax(0,1fr);padding:12px}.premium-v108-title-card>span{width:42px;height:42px}.premium-v108-checks{grid-template-columns:1fr}.premium-v108-metrics small{font-size:6.8px}.premium-v108-hero{padding:15px}.premium-v108-editor-group{padding:12px}}

/* ===== Mooky V109 · Group management redesign ===== */
#ctab-manage{padding:12px 12px 26px}.manage-v109{display:grid;gap:10px}.manage-head-v109{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid #262a38;border-radius:8px;background:linear-gradient(145deg,#141722,#0d0f16)}.manage-head-icon-v109{width:46px;height:46px;border-radius:8px;background:#211a3b;color:#a986ff;display:grid;place-items:center;font-size:18px}.manage-head-v109 small,.manage-panel-head-v109 small,.danger-zone-v109 small{display:block;color:#9a7dff;font-size:8px;letter-spacing:1.25px;font-weight:950}.manage-head-v109 h2{margin:3px 0 4px;font-size:18px;line-height:1.1}.manage-head-v109 p{margin:0;color:#7f8799;font-size:9px;line-height:1.45}.manage-overview-v109{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.manage-overview-v109>div{min-width:0;min-height:96px;border:1px solid #252936;border-radius:8px;background:#11131b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9px}.manage-overview-v109>div.has-alert{border-color:rgba(255,174,66,.28);background:linear-gradient(145deg,rgba(255,174,66,.07),#11131b)}.manage-overview-v109 span{width:34px;height:34px;border-radius:8px;background:#20193a;color:#9c82ff;display:grid;place-items:center;margin-bottom:5px}.manage-overview-v109 b{font-size:16px}.manage-overview-v109 small{font-size:8px;color:#7e879a;margin-top:2px}.manage-jump-v109{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.manage-jump-v109 a,.manage-jump-v109 button{height:48px;border:1px solid #252936;border-radius:8px;background:#10121a;color:#9aa2b4;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font:inherit;font-size:9px;font-weight:850}.manage-jump-v109 i{color:#a486ff}.manage-panel-v109{scroll-margin-top:70px;border:1px solid #252936;border-radius:8px;background:#11131b;padding:14px;min-width:0;overflow:hidden}.manage-panel-head-v109{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.manage-panel-head-v109 h3{margin:3px 0 0;font-size:15px}.manage-panel-icon-v109{width:38px;height:38px;border-radius:8px;background:#211a3b;color:#a987ff;display:grid;place-items:center;flex:0 0 38px}.manage-count-v109{min-width:28px;height:28px;padding:0 8px;border-radius:8px;background:#7657ff;color:#fff;display:grid;place-items:center;font-size:10px}.manage-help-v109{margin:-1px 0 11px;color:#7f8799;font-size:9px;line-height:1.45}.invite-form-v109{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:8px}.invite-form-v109 label{height:50px;border:1px solid #292d3b;border-radius:8px;background:#0b0d13;display:flex;align-items:center;gap:10px;padding:0 12px;color:#9e87ff}.invite-form-v109 input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.invite-form-v109 .btn{height:50px;margin:0;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.pending-list-v109{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.pending-list-v109 span{padding:6px 8px;border-radius:7px;background:#171a24;border:1px solid #242837;color:#b9c0cf;font-size:8px}.pending-list-v109 span i{color:#a486ff;margin-right:4px}.pending-list-v109 small{color:#766a9e}.request-list-v109{display:grid;gap:7px}.join-request-v109{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid #242837;border-radius:8px;background:#0d0f16}.join-request-v109>img{width:40px;height:40px;border-radius:50%;object-fit:cover}.join-request-copy-v109{min-width:0}.join-request-copy-v109 b,.join-request-copy-v109 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-request-copy-v109 b{font-size:10px}.join-request-copy-v109 small{font-size:8px;color:#778095;margin-top:2px}.join-request-copy-v109 p{margin:5px 0 0;color:#a1a8b8;font-size:8.5px;line-height:1.4}.join-request-actions-v109{display:flex;gap:5px}.join-request-actions-v109 form{margin:0}.join-request-actions-v109 button{width:34px;height:34px;border:0;border-radius:8px}.accept-v109{background:rgba(45,210,153,.13);color:#35d79d}.decline-v109{background:rgba(255,95,118,.12);color:#ff7186}.manage-settings-v109{display:grid;gap:10px}.manage-field-v109{display:grid;gap:6px}.manage-field-v109>label{font-size:9px;color:#b1b7c5;font-weight:800}.manage-field-v109 input,.manage-field-v109 textarea,.manage-field-v109 select{width:100%;box-sizing:border-box;border:1px solid #292d3b;border-radius:8px;background:#0b0d13;color:#fff;padding:11px;outline:0;font:inherit;font-size:10px}.manage-field-v109 textarea{resize:vertical;line-height:1.5}.two-fields-v109{display:grid;grid-template-columns:1fr 1fr;gap:8px}.community-files-v109{display:grid;gap:7px}.community-files-v109 label{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:10px;min-height:58px;border:1px solid #292d3b;border-radius:8px;background:#0d0f16;padding:8px 11px;cursor:pointer}.community-files-v109 label>span{width:38px;height:38px;border-radius:8px;background:#211a3b;color:#a987ff;display:grid;place-items:center}.community-files-v109 b,.community-files-v109 small{display:block}.community-files-v109 b{font-size:10px}.community-files-v109 small{font-size:8px;color:#767f92;margin-top:3px}.community-files-v109 label>i{color:#687085;font-size:9px}.community-files-v109 input{position:absolute;inset:0;opacity:0;cursor:pointer}.manage-save-v109{height:50px;margin-top:2px}.danger-zone-v109{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:rgba(255,91,113,.23);background:linear-gradient(145deg,rgba(255,80,100,.055),#11131b)}.danger-zone-v109 h3{margin:4px 0 5px;font-size:14px}.danger-zone-v109 p{margin:0;color:#828a9c;font-size:8.5px;line-height:1.45}.danger-zone-v109 .btn{flex:0 0 auto}.community-identity-v94{overflow:visible}.community-avatar-large-v94{box-shadow:0 8px 24px rgba(0,0,0,.28)}
@media(max-width:390px){.manage-jump-v109{grid-template-columns:1fr}.manage-jump-v109 a,.manage-jump-v109 button{height:43px}.invite-form-v109{grid-template-columns:1fr}.invite-form-v109 .btn{width:100%}.two-fields-v109{grid-template-columns:1fr}.danger-zone-v109{align-items:flex-start;flex-direction:column}.danger-zone-v109 .btn{width:100%}}

/* ===== V110 · publications de groupe identiques au fil Accueil ===== */
.community-home-feed-v110{display:grid;gap:12px;padding:0 0 18px;overflow:visible!important}
.community-home-post-v110{margin:0!important;overflow:hidden;scroll-margin-top:76px}
.community-home-post-v110 .post-pro-author-row{padding-top:16px}
.community-pin-v110{display:flex;align-items:center;gap:7px;padding:12px 16px 0;color:#a98cff;font-size:9px;font-weight:950;letter-spacing:.15px}
.community-pin-v110 i{font-size:10px}
.community-home-post-v110 .community-post-menu-btn-v110{flex:0 0 34px;width:34px;height:34px;margin-left:0;background:#0b0d13;border:1px solid #292d3b;color:#9097aa}
.community-home-post-v110 .community-like-btn-v110.active .stat-icon{background:#321a43;color:#ff73c7}
.community-home-post-v110 .community-discussion-v110{margin:0;padding:0 14px 16px;border-top:0;background:#10131b}
.community-home-post-v110 .community-discussion-v110 .discussion-head{padding:16px 2px 11px}
.community-home-post-v110 .community-discussion-v110 .comment-composer-pro{margin-bottom:13px}
.community-home-post-v110 .community-discussion-v110 .comment-thread-pro{padding-bottom:2px}
.community-home-post-v110 .community-discussion-v110 .comment-pro-actions form{margin:0;display:inline-flex}
.community-home-post-v110 .community-discussion-v110 .comment-pro-actions form button{border:0;background:transparent;color:#81889d;padding:0;font-weight:800;font-size:8.5px}
.community-home-post-v110 .community-discussion-v110 .comment-pro-actions form button.active{color:#a387ff}
@media(max-width:420px){
  .community-home-post-v110 .post-pro-author-row{padding-left:12px;padding-right:12px;gap:8px}
  .community-home-post-v110 .post-pro-avatar img{width:44px;height:44px}
  .community-home-post-v110 .community-post-menu-btn-v110{width:30px;height:30px;flex-basis:30px}
  .community-home-post-v110 .post-visibility-pill{height:27px;padding:0 8px}
  .community-home-post-v110 .community-discussion-v110{padding-left:10px;padding-right:10px}
}
@media(max-width:360px){
  .community-home-post-v110 .post-visibility-pill{display:none}
}

/* ===== V111 · Group post header/actions alignment fix ===== */
.community-home-post-v110 .post-pro-author-row{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto 38px!important;
  grid-template-areas:"avatar author visibility menu"!important;
  align-items:center!important;
  column-gap:10px!important;
  padding:14px 14px 11px!important;
}
.community-home-post-v110 .post-pro-avatar{
  grid-area:avatar!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
}
.community-home-post-v110 .post-pro-avatar img{
  width:48px!important;
  height:48px!important;
}
.community-home-post-v110 .post-pro-author{
  grid-area:author!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.community-home-post-v110 .post-pro-author .name-line{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}
.community-home-post-v110 .post-pro-author .name-line>a{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:calc(100% - 104px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.community-home-post-v110 .post-pro-author .name-line>.user-badges{
  flex:0 0 auto!important;
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  gap:3px!important;
  max-width:98px!important;
  overflow:hidden!important;
}
.community-home-post-v110 .post-visibility-pill{
  grid-area:visibility!important;
  margin:0!important;
  justify-self:end!important;
  align-self:center!important;
  height:34px!important;
  min-width:82px!important;
  padding:0 11px!important;
  border-radius:8px!important;
  display:inline-flex!important;
  justify-content:center!important;
}
.community-home-post-v110 .community-post-menu-btn-v110{
  grid-area:menu!important;
  justify-self:end!important;
  align-self:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  flex-basis:38px!important;
  margin:0!important;
  border-radius:8px!important;
}
.community-home-post-v110 .post-pro-stats{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.18fr)!important;
}
.community-home-post-v110 .post-pro-stats>a,
.community-home-post-v110 .post-pro-stats>button{
  min-width:0!important;
  padding-left:8px!important;
  padding-right:8px!important;
  overflow:hidden!important;
}
.community-home-post-v110 .post-pro-stats span:last-child{
  min-width:0!important;
}
.community-home-post-v110 .post-pro-stats b,
.community-home-post-v110 .post-pro-stats small{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:520px){
  .community-home-post-v110 .post-pro-author-row{
    grid-template-columns:44px minmax(0,1fr) 76px 34px!important;
    column-gap:8px!important;
    padding:12px 10px 10px!important;
  }
  .community-home-post-v110 .post-pro-avatar,
  .community-home-post-v110 .post-pro-avatar img{width:44px!important;height:44px!important;min-width:44px!important}
  .community-home-post-v110 .post-visibility-pill{min-width:76px!important;height:32px!important;padding:0 8px!important}
  .community-home-post-v110 .community-post-menu-btn-v110{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important}
  .community-home-post-v110 .post-pro-author .name-line>a{max-width:calc(100% - 82px)!important}
  .community-home-post-v110 .post-pro-author .name-line>.user-badges{max-width:76px!important}
}
@media(max-width:430px){
  .community-home-post-v110 .post-pro-author-row{
    grid-template-columns:42px minmax(0,1fr) 34px!important;
    grid-template-areas:"avatar author menu"!important;
    column-gap:8px!important;
  }
  .community-home-post-v110 .post-pro-avatar,
  .community-home-post-v110 .post-pro-avatar img{width:42px!important;height:42px!important;min-width:42px!important}
  .community-home-post-v110 .post-visibility-pill{display:none!important}
  .community-home-post-v110 .community-post-menu-btn-v110{width:34px!important;height:34px!important;min-width:34px!important}
  .community-home-post-v110 .post-pro-author .name-line>a{max-width:calc(100% - 84px)!important}
  .community-home-post-v110 .post-pro-author .name-line>.user-badges{max-width:80px!important}
  .community-home-post-v110 .post-pro-stats>a,
  .community-home-post-v110 .post-pro-stats>button{gap:6px!important;padding-left:6px!important;padding-right:6px!important}
}
@media(max-width:350px){
  .community-home-post-v110 .post-pro-author-row{grid-template-columns:38px minmax(0,1fr) 30px!important;padding-left:8px!important;padding-right:8px!important;column-gap:7px!important}
  .community-home-post-v110 .post-pro-avatar,
  .community-home-post-v110 .post-pro-avatar img{width:38px!important;height:38px!important;min-width:38px!important}
  .community-home-post-v110 .community-post-menu-btn-v110{width:30px!important;height:30px!important;min-width:30px!important}
}

/* =========================================================
   Mooky V112 — avatars de groupe carrés partout
   ========================================================= */
/* Les avatars de GROUPE ne doivent jamais hériter de la règle globale
   qui arrondit tous les "avatar img" en cercle. */
.community-avatar-v32,
.community-avatar-v94,
.community-avatar-mini-v94,
.community-avatar-preview-v94,
.community-avatar-big,
.community-avatar-large-v94,
.explore-group-avatar-v98{
  border-radius:8px!important;
  overflow:hidden!important;
}

.community-avatar-v32 img,
.community-avatar-v94 img,
.community-avatar-mini-v94 img,
.community-avatar-preview-v94 img,
.community-avatar-big img,
.community-avatar-large-v94 img,
.explore-group-avatar-v98 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:8px!important;
}

/* Les icônes de fallback des groupes gardent aussi une forme carrée douce. */
.community-avatar-v32 i,
.community-avatar-v94 i,
.community-avatar-mini-v94 i,
.community-avatar-preview-v94 i,
.community-avatar-big i,
.community-avatar-large-v94 i,
.explore-group-avatar-v98 i{
  border-radius:8px!important;
}

/* =========================================================
   Mooky V113 — création de groupe premium / wizard
   ========================================================= */
.community-create-shell-v113 .mooky-modal-card{max-height:min(94dvh,820px);padding:16px;background:#0e1017;border:1px solid #25293a;box-shadow:0 -24px 80px rgba(0,0,0,.55)}
.community-create-wizard-v113{display:block!important;overflow:auto!important;scrollbar-width:none}.community-create-wizard-v113::-webkit-scrollbar{display:none}
.community-create-head-v113{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.community-create-title-v113{min-width:0}.community-create-title-v113 small{font-size:8px;font-weight:900;letter-spacing:1.7px;color:#9b83ff}.community-create-title-v113 h3{font-size:21px;margin:5px 0 4px}.community-create-title-v113 p{font-size:10px;color:#858da1;margin:0;line-height:1.4}.community-create-close-v113{width:40px;height:40px;flex:0 0 40px;border-radius:8px!important}
.community-create-progress-v113{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#0a0c12;margin-bottom:14px}.community-create-progress-v113 button{border:0;background:transparent;color:#676f82;display:flex;align-items:center;gap:6px;padding:0;font-size:8px;font-weight:800}.community-create-progress-v113 button span{width:24px;height:24px;border-radius:7px;background:#171a24;display:grid;place-items:center;border:1px solid #252a39}.community-create-progress-v113 button.active{color:#fff}.community-create-progress-v113 button.active span{background:#7956ff;border-color:#8f72ff;color:#fff}.community-create-progress-v113 button.done span{background:#173b32;border-color:#245f50;color:#4de0b4}.community-create-progress-v113>i{display:block;height:1px;background:#292d3b}
.community-create-step-v113{display:none;animation:communityStepIn .18s ease}.community-create-step-v113.active{display:grid;gap:13px}@keyframes communityStepIn{from{opacity:.25;transform:translateX(6px)}to{opacity:1;transform:none}}
.community-live-card-v113{border:1px solid #262a39;border-radius:8px;overflow:hidden;background:#11131b}.community-cover-preview-v113{height:126px;background:linear-gradient(135deg,#1b1f2c,#13151d);background-position:center;background-size:cover;position:relative}.community-cover-preview-v113:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,9,14,.72))}.community-cover-empty-v113{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:7px;color:#5d6577;font-size:10px;z-index:1}.community-cover-empty-v113 i{font-size:19px}.community-cover-preview-v113.has-image .community-cover-empty-v113{display:none}.community-live-bottom-v113{min-height:74px;display:flex;gap:12px;padding:0 14px 13px;position:relative}.community-avatar-preview-v113{width:68px;height:68px;flex:0 0 68px;margin-top:-30px;border:4px solid #11131b!important;border-radius:8px!important;background:#1d2030;z-index:3;display:grid;place-items:center;overflow:hidden;color:#a48cff;font-size:21px}.community-avatar-preview-v113 img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:5px!important}.community-live-copy-v113{min-width:0;padding-top:10px;display:flex;flex-direction:column}.community-live-copy-v113 b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-live-copy-v113 span{font-size:9px;color:#818a9f;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-upload-grid-v113{display:grid;grid-template-columns:1fr 1fr;gap:8px}.community-upload-btn-v113{min-width:0;height:58px;border:1px solid var(--line);border-radius:8px;background:#151821;display:flex;align-items:center;padding:0 10px;gap:9px;cursor:pointer}.community-upload-btn-v113>span{width:34px;height:34px;border-radius:8px;background:#241d42;color:#9b82ff;display:grid;place-items:center;flex:0 0 34px}.community-upload-btn-v113>div{min-width:0;display:flex;flex-direction:column;flex:1}.community-upload-btn-v113 b{font-size:10px}.community-upload-btn-v113 small{font-size:7px;color:#7f879a;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-upload-btn-v113>i{font-size:9px;color:#5f687c}.community-upload-btn-v113 input{display:none}
.community-field-v113{display:grid;gap:7px}.community-field-v113>span{font-size:9px;font-weight:800;color:#aeb5c5;display:flex;justify-content:space-between}.community-field-v113>span em{font-style:normal;font-weight:500;color:#697286}.community-field-v113>small{font-size:8px;color:#6f7789}.community-input-v113,.community-select-v113{height:48px;border:1px solid var(--line);border-radius:8px;background:#090b11;display:flex;align-items:center;padding:0 12px;gap:10px}.community-input-v113>i,.community-select-v113>i:first-child{color:#886fff}.community-input-v113 input,.community-select-v113 select{flex:1;min-width:0;border:0!important;background:transparent!important;color:#fff;outline:0;padding:0!important}.community-select-v113>i:last-child{color:#6e7689;font-size:9px}.community-field-v113 textarea{width:100%;resize:vertical;min-height:92px;border:1px solid var(--line);border-radius:8px;background:#090b11;color:#fff;padding:12px;outline:0;line-height:1.45}.community-field-v113.has-error .community-input-v113{border-color:#ff5476;box-shadow:0 0 0 2px rgba(255,84,118,.08)}
.community-step-intro-v113,.community-info-v113{display:flex;gap:11px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#12151e}.community-step-intro-v113>span,.community-info-v113>i{width:38px;height:38px;flex:0 0 38px;border-radius:8px;background:#231d40;color:#9b83ff;display:grid;place-items:center}.community-step-intro-v113>div,.community-info-v113>div{display:flex;flex-direction:column;justify-content:center}.community-step-intro-v113 b,.community-info-v113 b{font-size:11px}.community-step-intro-v113 small,.community-info-v113 small{font-size:8px;color:#7f889b;line-height:1.4;margin-top:3px}.community-info-v113{background:#0d1b1a;border-color:#193b35}.community-info-v113>i{background:#14332d;color:#46d7ab}
.community-privacy-grid-v113{display:grid;grid-template-columns:1fr 1fr;gap:8px}.community-choice-v113{position:relative;min-height:108px;border:1px solid var(--line);border-radius:8px;background:#10131b;padding:12px;display:grid;grid-template-columns:34px 1fr;gap:10px;cursor:pointer}.community-choice-v113 input{position:absolute;opacity:0}.community-choice-v113>span{width:34px;height:34px;border-radius:8px;background:#1c2030;color:#a18aff;display:grid;place-items:center}.community-choice-v113>div{display:flex;flex-direction:column}.community-choice-v113 b{font-size:11px}.community-choice-v113 small{font-size:8px;color:#7b8498;line-height:1.4;margin-top:4px}.choice-check-v113{position:absolute;right:9px;top:9px;color:#596174;opacity:.25}.community-choice-v113:has(input:checked){border-color:#7557dc;background:linear-gradient(145deg,rgba(121,86,255,.13),#10131b)}.community-choice-v113:has(input:checked) .choice-check-v113{color:#9b85ff;opacity:1}
.community-rules-v113 textarea{min-height:210px}.community-reset-rules-v113{justify-self:start;border:0;background:transparent;color:#9b84ff;font-size:8px;font-weight:800;padding:2px 0}.community-final-summary-v113{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #3c315e;border-radius:8px;background:linear-gradient(145deg,#19152a,#11141d)}.community-final-icon-v113{width:54px;height:54px;flex:0 0 54px;border-radius:8px!important;background:#272044;display:grid;place-items:center;overflow:hidden;color:#af99ff;font-size:18px}.community-final-icon-v113 img{width:100%;height:100%;object-fit:cover;border-radius:8px!important}.community-final-summary-v113>div:last-child{display:flex;flex-direction:column;min-width:0}.community-final-summary-v113 small{font-size:7px;letter-spacing:1.4px;color:#9a82ff;font-weight:900}.community-final-summary-v113 b{font-size:14px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-final-summary-v113 span{font-size:8px;color:#81899d}.community-confirm-v113{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#0b0d13;font-size:9px;color:#9aa2b4;line-height:1.4}.community-confirm-v113 input{position:absolute;opacity:0}.community-confirm-v113>i{width:22px;height:22px;flex:0 0 22px;border:1px solid #353b4d;border-radius:6px;display:grid;place-items:center;color:transparent}.community-confirm-v113:has(input:checked)>i{background:#7454f4;border-color:#8b70ff;color:#fff}
.community-create-footer-v113{position:sticky;bottom:-16px;z-index:10;margin:15px -16px -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(10,12,18,.96);backdrop-filter:blur(16px);display:flex;gap:8px}.community-create-footer-v113 button{height:48px;border-radius:8px!important}.community-wizard-back-v113{border:1px solid var(--line);background:#171a24;color:#c0c6d4;padding:0 15px;font-weight:800}.community-wizard-next-v113,.community-wizard-submit-v113{flex:1}
@media(max-width:420px){.community-create-progress-v113 button b{display:none}.community-create-progress-v113{grid-template-columns:auto 1fr auto 1fr auto}.community-upload-grid-v113,.community-privacy-grid-v113{grid-template-columns:1fr}.community-upload-btn-v113{height:54px}.community-choice-v113{min-height:88px}.community-create-shell-v113 .mooky-modal-card{max-height:95dvh}}

/* =========================================================
   Mooky V114 — Create community: true mobile in-app screen
   ========================================================= */
/* The generic .mooky-modal class is used by several generations of UI.
   Scope this fix to the community creator so it always follows the 430px app shell. */
.community-create-shell-v113{
  position:fixed!important;
  inset:0 auto 0 50%!important;
  width:min(430px,100vw)!important;
  max-width:430px!important;
  height:100dvh!important;
  transform:translateX(-50%)!important;
  z-index:30050!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
}
.community-create-shell-v113 .mooky-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:#080910!important;
  backdrop-filter:none!important;
}
.community-create-shell-v113 .mooky-modal-card{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  max-height:none!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:calc(env(safe-area-inset-top) + 14px) 16px 0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#0b0d14 0%,#090a10 100%)!important;
  box-shadow:none!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
.community-create-shell-v113 .mooky-modal-card::-webkit-scrollbar{display:none}
.community-create-shell-v113 .modal-handle-v94{display:none!important}
.community-create-head-v113{
  position:sticky;
  top:calc(-1 * (env(safe-area-inset-top) + 14px));
  z-index:25;
  margin:0 -16px 12px!important;
  padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;
  min-height:72px;
  align-items:center!important;
  background:rgba(9,10,16,.96);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.community-create-title-v113 small{display:none!important}
.community-create-title-v113 h3{font-size:20px!important;margin:0 0 3px!important;letter-spacing:-.35px}
.community-create-title-v113 p{font-size:9.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:285px}
.community-create-close-v113{
  width:42px!important;height:42px!important;flex:0 0 42px!important;
  background:#151822!important;border:1px solid #282d3c!important;
}
.community-create-progress-v113{
  position:relative;
  margin:0 0 12px!important;
  padding:9px 10px!important;
  min-height:48px;
  background:#10131b!important;
}
.community-create-progress-v113 button{min-width:0!important;justify-content:center!important}
.community-create-progress-v113 button b{white-space:nowrap}
.community-live-card-v113{margin-top:0}
.community-cover-preview-v113{height:118px!important}
.community-live-bottom-v113{min-height:70px!important;padding:0 12px 11px!important}
.community-avatar-preview-v113{width:64px!important;height:64px!important;flex-basis:64px!important;margin-top:-28px!important}
.community-upload-grid-v113{grid-template-columns:1fr 1fr!important}
.community-upload-btn-v113{height:56px!important;padding:0 9px!important}
.community-upload-btn-v113>span{width:32px!important;height:32px!important;flex-basis:32px!important}
.community-field-v113 textarea{min-height:88px!important}
.community-create-footer-v113{
  position:sticky!important;
  bottom:0!important;
  z-index:30!important;
  margin:14px -16px 0!important;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;
  min-height:68px;
  background:rgba(9,10,16,.97)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 -14px 32px rgba(0,0,0,.32);
}
.community-create-footer-v113 button{height:46px!important;min-width:0!important}
.community-wizard-back-v113{flex:0 0 104px!important;padding:0 10px!important}
.community-create-step-v113{padding-bottom:4px}
.community-rules-v113 textarea{min-height:190px!important}

/* Group identity is square everywhere: only user avatars stay round. */
.community-avatar-v94,.community-avatar-v32,.community-avatar-mini-v94,
.community-avatar-preview-v94,.community-avatar-preview-v113,.community-avatar-big,
.community-avatar-large-v94,.explore-group-avatar-v98,.community-final-icon-v113{
  border-radius:8px!important;
}
.community-avatar-v94 img,.community-avatar-v32 img,.community-avatar-mini-v94 img,
.community-avatar-preview-v94 img,.community-avatar-preview-v113 img,.community-avatar-big img,
.community-avatar-large-v94 img,.explore-group-avatar-v98 img,.community-final-icon-v113 img{
  border-radius:5px!important;
  object-fit:cover!important;
}

@media(max-width:430px){
  .community-create-shell-v113{
    left:0!important;right:0!important;width:100vw!important;max-width:none!important;
    transform:none!important;
  }
  .community-create-shell-v113 .mooky-modal-card{width:100vw!important}
}
@media(max-width:370px){
  .community-create-head-v113{padding-left:12px!important;padding-right:12px!important}
  .community-create-title-v113 p{max-width:235px}
  .community-create-progress-v113 button b{display:none!important}
  .community-upload-grid-v113{grid-template-columns:1fr!important}
  .community-upload-btn-v113{height:52px!important}
  .community-privacy-grid-v113{grid-template-columns:1fr!important}
  .community-choice-v113{min-height:82px!important}
}

/* =========================================================
   Mooky V115 — Create community as a real bottom sheet
   ========================================================= */
.community-create-shell-v113{
  position:fixed!important;
  inset:0 auto 0 50%!important;
  width:min(430px,100vw)!important;
  max-width:430px!important;
  height:100dvh!important;
  transform:translateX(-50%)!important;
  z-index:30050!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.community-create-shell-v113 .mooky-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:rgba(0,0,0,.68)!important;
  backdrop-filter:blur(4px)!important;
}
.community-create-shell-v113 .mooky-modal-card{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:88dvh!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid #292e3e!important;
  border-bottom:0!important;
  border-radius:14px 14px 0 0!important;
  background:#11141d!important;
  box-shadow:0 -24px 70px rgba(0,0,0,.6)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:none;
  transform:translateY(100%);
  animation:mookyCommunitySheetUp .24s cubic-bezier(.2,.78,.26,1) forwards;
}
.community-create-shell-v113 .mooky-modal-card::-webkit-scrollbar{display:none}
@keyframes mookyCommunitySheetUp{to{transform:translateY(0)}}
.community-create-shell-v113 .modal-handle-v94{
  display:block!important;
  position:sticky;
  top:0;
  z-index:35;
  width:44px!important;
  height:5px!important;
  margin:8px auto 3px!important;
  border-radius:99px!important;
  background:#596074!important;
}
.community-create-head-v113{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  margin:0 -16px 12px!important;
  padding:12px 16px!important;
  min-height:68px!important;
  align-items:center!important;
  background:rgba(17,20,29,.97)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.community-create-title-v113 small{display:block!important}
.community-create-title-v113 h3{font-size:20px!important;margin:3px 0 2px!important}
.community-create-title-v113 p{font-size:9px!important;max-width:280px!important}
.community-create-close-v113{width:42px!important;height:42px!important;flex:0 0 42px!important}
.community-create-progress-v113{margin-top:0!important}
.community-create-footer-v113{
  position:sticky!important;
  bottom:0!important;
  z-index:40!important;
  margin:14px -16px 0!important;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;
  min-height:68px!important;
  background:rgba(17,20,29,.98)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 -12px 28px rgba(0,0,0,.28)!important;
}
.community-create-footer-v113 button{height:46px!important}
@media(max-width:430px){
  .community-create-shell-v113{left:0!important;right:0!important;width:100vw!important;max-width:none!important;transform:none!important}
  .community-create-shell-v113 .mooky-modal-card{width:100vw!important;max-height:90dvh!important}
}

/* =========================================================
   Mooky V116 — Community creator spacing / compact polish
   ========================================================= */
.community-create-shell-v113 .community-wizard-next-v113[hidden],
.community-create-shell-v113 .community-wizard-back-v113[hidden],
.community-create-shell-v113 .community-wizard-submit-v113[hidden]{display:none!important}
.community-create-shell-v113 .mooky-modal-card{
  max-height:92dvh!important;
  padding:0 12px!important;
  border-radius:12px 12px 0 0!important;
}
.community-create-shell-v113 .modal-handle-v94{
  width:42px!important;height:4px!important;margin:8px auto 2px!important;
}
.community-create-head-v113{
  margin:0 -12px 10px!important;
  padding:10px 12px 11px!important;
  min-height:62px!important;
}
.community-create-title-v113 small{font-size:7.5px!important;letter-spacing:1.45px!important}
.community-create-title-v113 h3{font-size:19px!important;margin:2px 0!important;line-height:1.12!important}
.community-create-title-v113 p{font-size:8.5px!important;line-height:1.3!important;max-width:265px!important}
.community-create-close-v113{width:38px!important;height:38px!important;flex-basis:38px!important}
.community-create-progress-v113{
  margin:0 0 10px!important;
  padding:8px!important;
  min-height:44px!important;
  gap:5px!important;
}
.community-create-progress-v113 button{gap:5px!important;font-size:7.5px!important}
.community-create-progress-v113 button span{width:22px!important;height:22px!important;border-radius:6px!important}
.community-create-step-v113.active{gap:10px!important}
.community-live-card-v113{margin:0!important}
.community-cover-preview-v113{height:94px!important}
.community-cover-empty-v113{gap:5px!important;font-size:9px!important}
.community-cover-empty-v113 i{font-size:17px!important}
.community-live-bottom-v113{min-height:58px!important;padding:0 10px 9px!important;gap:10px!important}
.community-avatar-preview-v113{width:56px!important;height:56px!important;flex-basis:56px!important;margin-top:-24px!important;border-width:3px!important}
.community-live-copy-v113{padding-top:7px!important}
.community-live-copy-v113 b{font-size:12px!important}
.community-live-copy-v113 span{font-size:8px!important;margin-top:2px!important}
.community-upload-grid-v113{gap:7px!important}
.community-upload-btn-v113{height:50px!important;padding:0 8px!important;gap:8px!important}
.community-upload-btn-v113>span{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:7px!important}
.community-upload-btn-v113 b{font-size:9px!important}
.community-upload-btn-v113 small{font-size:6.8px!important;margin-top:2px!important}
.community-field-v113{gap:5px!important}
.community-field-v113>span{font-size:8.5px!important}
.community-field-v113>small{font-size:7.2px!important;line-height:1.3!important}
.community-input-v113,.community-select-v113{height:44px!important;padding:0 10px!important;gap:8px!important}
.community-field-v113 textarea{min-height:76px!important;padding:10px!important;line-height:1.38!important}
.community-step-intro-v113,.community-info-v113{padding:10px!important;gap:9px!important}
.community-step-intro-v113>span,.community-info-v113>i{width:34px!important;height:34px!important;flex-basis:34px!important}
.community-step-intro-v113 b,.community-info-v113 b{font-size:10px!important}
.community-step-intro-v113 small,.community-info-v113 small{font-size:7.5px!important;margin-top:2px!important}
.community-privacy-grid-v113{gap:7px!important}
.community-choice-v113{min-height:92px!important;padding:10px!important;grid-template-columns:31px 1fr!important;gap:8px!important}
.community-choice-v113>span{width:31px!important;height:31px!important}
.community-choice-v113 b{font-size:10px!important}
.community-choice-v113 small{font-size:7.4px!important;margin-top:3px!important}
.community-rules-v113 textarea{min-height:165px!important}
.community-final-summary-v113{padding:10px!important;gap:10px!important}
.community-final-icon-v113{width:48px!important;height:48px!important;flex-basis:48px!important}
.community-confirm-v113{padding:10px!important;font-size:8px!important;gap:8px!important}
.community-create-footer-v113{
  margin:10px -12px 0!important;
  padding:9px 12px calc(9px + env(safe-area-inset-bottom))!important;
  min-height:62px!important;
  gap:7px!important;
}
.community-create-footer-v113 button{height:44px!important;font-size:12px!important}
.community-wizard-back-v113{flex:0 0 92px!important}
.community-wizard-next-v113,.community-wizard-submit-v113{width:100%!important}
@media(max-width:370px){
  .community-create-shell-v113 .mooky-modal-card{padding-left:10px!important;padding-right:10px!important}
  .community-create-head-v113{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important}
  .community-create-footer-v113{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important}
  .community-create-title-v113 p{max-width:230px!important}
}

/* =========================================================
   Mooky V117 — Create group modal matched to reference
   ========================================================= */
.community-create-shell-v113{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  transform:none!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0 0 24px!important;
  z-index:30050!important;
  overflow:hidden!important;
}
.community-create-shell-v113 .mooky-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(4,5,10,.78)!important;
  backdrop-filter:blur(1.5px)!important;
}
.community-create-shell-v113 .mooky-modal-card{
  position:relative!important;
  z-index:2!important;
  width:min(578px,calc(100vw - 66px))!important;
  max-width:578px!important;
  height:auto!important;
  min-height:0!important;
  max-height:82dvh!important;
  margin:0!important;
  padding:0 18px!important;
  border:1px solid #2b3040!important;
  border-radius:18px 18px 4px 4px!important;
  background:#11141d!important;
  box-shadow:0 -18px 60px rgba(0,0,0,.54)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
.community-create-shell-v113 .mooky-modal-card::-webkit-scrollbar{display:none}
.community-create-shell-v113 .modal-handle-v94{
  display:block!important;
  width:63px!important;
  height:6px!important;
  margin:12px auto 7px!important;
  border-radius:999px!important;
  background:#697185!important;
  opacity:.9;
}
.community-create-head-v113{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  margin:0 -18px 15px!important;
  padding:4px 18px 17px!important;
  min-height:81px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  background:#11141d!important;
  border-bottom:1px solid #262b39!important;
  backdrop-filter:none!important;
}
.community-create-title-v113 small{
  display:block!important;
  margin:0 0 6px!important;
  color:#a782ff!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:2.4px!important;
  font-weight:900!important;
}
.community-create-title-v113 h3{
  margin:0 0 3px!important;
  color:#f5f6fa!important;
  font-size:29px!important;
  line-height:1.04!important;
  letter-spacing:-1.15px!important;
  font-weight:900!important;
}
.community-create-title-v113 p{
  margin:0!important;
  max-width:430px!important;
  color:#8d95a7!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
}
.community-create-close-v113{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  border-radius:12px!important;
  border:1px solid #303649!important;
  background:#151923!important;
  color:#fff!important;
  font-size:22px!important;
}
.community-create-progress-v113{
  min-height:66px!important;
  margin:0 0 15px!important;
  padding:12px 13px!important;
  gap:8px!important;
  border:1px solid #292e3d!important;
  border-radius:14px!important;
  background:#0d1017!important;
}
.community-create-progress-v113 button{
  gap:9px!important;
  padding:0!important;
  color:#777f93!important;
  font-size:12px!important;
  font-weight:800!important;
}
.community-create-progress-v113 button span{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  border:1px solid #2b3041!important;
  background:#181c27!important;
  font-size:12px!important;
}
.community-create-progress-v113 button.active{color:#fff!important}
.community-create-progress-v113 button.active span{
  border-color:#865fff!important;
  background:#7953ff!important;
}
.community-create-progress-v113>i{height:2px!important;background:#303646!important}
.community-create-step-v113.active{gap:15px!important}
.community-live-card-v113{
  margin:0!important;
  border:1px solid #303546!important;
  border-radius:14px!important;
  background:#10131b!important;
  overflow:hidden!important;
}
.community-cover-preview-v113{
  height:141px!important;
  background:linear-gradient(180deg,#151923 0%,#11141c 100%)!important;
}
.community-cover-preview-v113:after{background:linear-gradient(180deg,transparent 58%,rgba(7,8,13,.82))!important}
.community-cover-empty-v113{gap:9px!important;color:#697185!important;font-size:13px!important}
.community-cover-empty-v113 i{font-size:28px!important}
.community-live-bottom-v113{min-height:87px!important;padding:0 18px 13px!important;gap:16px!important}
.community-avatar-preview-v113{
  width:76px!important;
  height:76px!important;
  flex-basis:76px!important;
  margin-top:-32px!important;
  border:4px solid #10131b!important;
  border-radius:10px!important;
  background:#1d2031!important;
  color:#a080ff!important;
  font-size:28px!important;
}
.community-live-copy-v113{padding-top:14px!important}
.community-live-copy-v113 b{font-size:16px!important;line-height:1.2!important}
.community-live-copy-v113 span{margin-top:5px!important;font-size:11px!important;color:#858da0!important}
.community-upload-grid-v113{gap:11px!important}
.community-upload-btn-v113{
  height:76px!important;
  padding:0 13px!important;
  gap:12px!important;
  border:1px solid #2b3040!important;
  border-radius:14px!important;
  background:#151821!important;
}
.community-upload-btn-v113>span{
  width:43px!important;
  height:43px!important;
  flex-basis:43px!important;
  border-radius:11px!important;
  background:#2a2050!important;
  color:#a67fff!important;
  font-size:17px!important;
}
.community-upload-btn-v113 b{font-size:13px!important}
.community-upload-btn-v113 small{margin-top:3px!important;font-size:9px!important;color:#858da1!important}
.community-upload-btn-v113>i{font-size:13px!important;color:#6e768a!important}
.community-field-v113{gap:8px!important}
.community-field-v113>span{font-size:12px!important;color:#b6bdcc!important}
.community-field-v113>span em{color:#747d91!important}
.community-field-v113>small{font-size:9.5px!important;line-height:1.45!important;color:#778094!important}
.community-input-v113,.community-select-v113{
  height:65px!important;
  padding:0 15px!important;
  gap:12px!important;
  border:1px solid #252a38!important;
  border-radius:13px!important;
  background:#07090f!important;
}
.community-input-v113>i,.community-select-v113>i:first-child{font-size:18px!important;color:#9170ff!important}
.community-input-v113 input,.community-select-v113 select{font-size:16px!important}
.community-input-v113 input::placeholder,.community-field-v113 textarea::placeholder{color:#777b85!important;opacity:1}
.community-field-v113 textarea{
  min-height:138px!important;
  padding:16px!important;
  border:1px solid #252a38!important;
  border-radius:13px!important;
  background:#07090f!important;
  font-size:16px!important;
  line-height:1.45!important;
}
.community-step-intro-v113,.community-info-v113{
  padding:14px!important;
  gap:12px!important;
  border-radius:13px!important;
}
.community-step-intro-v113>span,.community-info-v113>i{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:11px!important}
.community-step-intro-v113 b,.community-info-v113 b{font-size:13px!important}
.community-step-intro-v113 small,.community-info-v113 small{font-size:10px!important}
.community-privacy-grid-v113{gap:11px!important}
.community-choice-v113{min-height:118px!important;padding:14px!important;grid-template-columns:42px 1fr!important;gap:12px!important;border-radius:13px!important}
.community-choice-v113>span{width:42px!important;height:42px!important;border-radius:11px!important}
.community-choice-v113 b{font-size:13px!important}
.community-choice-v113 small{font-size:10px!important;line-height:1.45!important}
.community-rules-v113 textarea{min-height:230px!important}
.community-final-summary-v113{padding:14px!important;gap:13px!important;border-radius:13px!important}
.community-final-icon-v113{width:58px!important;height:58px!important;flex-basis:58px!important;border-radius:10px!important}
.community-final-summary-v113 b{font-size:16px!important}.community-final-summary-v113 small{font-size:9px!important}.community-final-summary-v113 span{font-size:10px!important}
.community-confirm-v113{padding:13px!important;gap:10px!important;border-radius:13px!important;font-size:10px!important}
.community-create-footer-v113{
  position:sticky!important;
  bottom:0!important;
  z-index:30!important;
  margin:16px -18px 0!important;
  padding:14px 18px 12px!important;
  min-height:82px!important;
  gap:10px!important;
  border-top:1px solid #252a38!important;
  background:#11141d!important;
  box-shadow:none!important;
}
.community-create-footer-v113 button{
  height:58px!important;
  border-radius:12px!important;
  font-size:16px!important;
  font-weight:900!important;
}
.community-wizard-next-v113,.community-wizard-submit-v113{
  background:linear-gradient(90deg,#7350ff,#a069ff)!important;
  border:0!important;
}
.community-wizard-back-v113{flex:0 0 118px!important}
@media(max-width:600px){
  .community-create-shell-v113{padding-bottom:0!important}
  .community-create-shell-v113 .mooky-modal-card{
    width:calc(100vw - 20px)!important;
    max-width:none!important;
    max-height:91dvh!important;
    border-radius:16px 16px 0 0!important;
  }
  .community-create-title-v113 h3{font-size:24px!important}
  .community-create-title-v113 small{font-size:9px!important}
  .community-create-title-v113 p{font-size:10.5px!important}
  .community-create-close-v113{width:48px!important;height:48px!important;flex-basis:48px!important}
  .community-create-progress-v113 button{font-size:10px!important}
  .community-create-progress-v113 button span{width:30px!important;height:30px!important}
  .community-cover-preview-v113{height:116px!important}
  .community-live-bottom-v113{min-height:73px!important}
  .community-avatar-preview-v113{width:66px!important;height:66px!important;flex-basis:66px!important;margin-top:-28px!important}
  .community-upload-btn-v113{height:64px!important}
  .community-input-v113,.community-select-v113{height:56px!important}
  .community-field-v113 textarea{min-height:112px!important;font-size:14px!important}
  .community-create-footer-v113 button{height:52px!important;font-size:14px!important}
}
@media(max-width:390px){
  .community-create-shell-v113 .mooky-modal-card{width:100vw!important;border-left:0!important;border-right:0!important}
  .community-create-progress-v113 button b{display:none!important}
  .community-upload-grid-v113{grid-template-columns:1fr 1fr!important}
}

/* =========================================================
   Mooky V118 — FIX: create-group modal must stay hidden
   until the user clicks the create-group button.
   V117's display:flex!important overrode .mooky-modal display:none.
   ========================================================= */
.community-create-shell-v113{
  display:none!important;
}
.community-create-shell-v113.open{
  display:flex!important;
}

/* =========================================================
   Mooky V119 — vrais bottom-sheets mobiles + fond visible
   ========================================================= */

/* Le fond reste visible quand un menu est ouvert. */
.sheet-backdrop{
  background:rgba(0,0,0,.52)!important;
  backdrop-filter:none!important;
}

/* Tous les menus d'actions ressemblent à un vrai bottom-sheet mobile. */
.bottom-sheet{
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  width:min(100vw,430px)!important;
  max-width:430px!important;
  max-height:78dvh!important;
  overflow-y:auto!important;
  transform:translate(-50%,105%)!important;
  padding:8px 12px calc(16px + env(safe-area-inset-bottom))!important;
  border:1px solid #2a2f3e!important;
  border-bottom:0!important;
  border-radius:14px 14px 0 0!important;
  background:#141720!important;
  box-shadow:0 -22px 60px rgba(0,0,0,.46)!important;
  scrollbar-width:none!important;
}
.bottom-sheet::-webkit-scrollbar{display:none!important}
.bottom-sheet.open{transform:translate(-50%,0)!important}
.sheet-handle{
  width:54px!important;
  height:5px!important;
  margin:2px auto 12px!important;
  background:#596174!important;
}
#sheetContent>.sheet-title{
  position:sticky!important;
  top:-8px!important;
  z-index:5!important;
  margin:0 -12px 0!important;
  padding:12px 20px 14px!important;
  min-height:60px!important;
  background:#141720!important;
  border-bottom:1px solid #292e3b!important;
}
#sheetContent>.sheet-title b{font-size:20px!important;line-height:1.1!important}
#sheetContent>.sheet-title button{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:#202430!important;
  border:0!important;
}
.sheet-actions{padding:4px 6px 0!important}
.sheet-actions>a,.sheet-actions>button{
  min-height:82px!important;
  padding:12px 4px!important;
  gap:14px!important;
  border-top:1px solid #252a36!important;
}
.sheet-actions>a:first-child,.sheet-actions>button:first-child{border-top:0!important}
.sheet-actions>*>span{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  border-radius:11px!important;
  background:#202430!important;
  font-size:21px!important;
}
.sheet-actions b{font-size:15px!important;line-height:1.15!important}
.sheet-actions small{font-size:10.5px!important;line-height:1.35!important;margin-top:4px!important}
.sheet-actions .danger>span{background:rgba(255,83,106,.12)!important}

/* Création d'un groupe : bottom-sheet mobile, même sur un écran PC. */
.community-create-shell-v113{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  transform:none!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
}
.community-create-shell-v113 .mooky-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(0,0,0,.52)!important;
  backdrop-filter:none!important;
}
.community-create-shell-v113 .mooky-modal-card{
  position:relative!important;
  z-index:2!important;
  width:min(100vw,430px)!important;
  max-width:430px!important;
  height:auto!important;
  min-height:0!important;
  max-height:86dvh!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #2b3040!important;
  border-bottom:0!important;
  border-radius:16px 16px 0 0!important;
  background:#11141d!important;
  box-shadow:0 -22px 70px rgba(0,0,0,.5)!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
}
.community-create-shell-v113 .mooky-modal-card::-webkit-scrollbar{display:none!important}
.community-create-shell-v113 .modal-handle-v94{
  display:block!important;
  width:48px!important;
  height:5px!important;
  margin:9px auto 5px!important;
  border-radius:999px!important;
  background:#5f677a!important;
}
.community-create-head-v113{
  position:relative!important;
  top:auto!important;
  margin:0 -14px 12px!important;
  padding:6px 14px 13px!important;
  min-height:70px!important;
  background:#11141d!important;
  border-bottom:1px solid #282d3a!important;
}
.community-create-title-v113 small{
  display:block!important;
  margin-bottom:5px!important;
  font-size:8px!important;
  letter-spacing:1.7px!important;
}
.community-create-title-v113 h3{
  margin:0 0 3px!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.6px!important;
}
.community-create-title-v113 p{
  max-width:285px!important;
  font-size:9.5px!important;
  line-height:1.3!important;
}
.community-create-close-v113{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:10px!important;
  font-size:18px!important;
}
.community-create-progress-v113{
  min-height:50px!important;
  margin:0 0 11px!important;
  padding:9px 10px!important;
  gap:6px!important;
  border-radius:12px!important;
}
.community-create-progress-v113 button{gap:6px!important;font-size:8.5px!important}
.community-create-progress-v113 button span{
  width:29px!important;
  height:29px!important;
  border-radius:8px!important;
  font-size:10px!important;
}
.community-live-card-v113{border-radius:12px!important}
.community-cover-preview-v113{height:112px!important}
.community-cover-empty-v113{gap:6px!important;font-size:10px!important}
.community-cover-empty-v113 i{font-size:20px!important}
.community-live-bottom-v113{min-height:68px!important;padding:0 12px 10px!important;gap:11px!important}
.community-avatar-preview-v113{
  width:62px!important;
  height:62px!important;
  flex-basis:62px!important;
  margin-top:-27px!important;
  border-width:3px!important;
}
.community-live-copy-v113{padding-top:9px!important}
.community-live-copy-v113 b{font-size:13px!important}
.community-live-copy-v113 span{font-size:8.5px!important;margin-top:3px!important}
.community-upload-grid-v113{gap:8px!important}
.community-upload-btn-v113{height:58px!important;padding:0 9px!important;gap:8px!important;border-radius:11px!important}
.community-upload-btn-v113>span{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:8px!important;font-size:14px!important}
.community-upload-btn-v113 b{font-size:10px!important}
.community-upload-btn-v113 small{font-size:7px!important}
.community-field-v113{gap:6px!important}
.community-field-v113>span{font-size:9px!important}
.community-field-v113>small{font-size:7.5px!important}
.community-input-v113,.community-select-v113{height:48px!important;padding:0 11px!important;border-radius:10px!important}
.community-input-v113 input,.community-select-v113 select{font-size:13px!important}
.community-field-v113 textarea{min-height:92px!important;padding:11px!important;border-radius:10px!important;font-size:13px!important}
.community-create-footer-v113{
  position:sticky!important;
  bottom:0!important;
  z-index:40!important;
  margin:12px -14px 0!important;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
  min-height:66px!important;
  background:#11141d!important;
  border-top:1px solid #292e3b!important;
}
.community-create-footer-v113 button{height:48px!important;font-size:13px!important;border-radius:10px!important}
.community-wizard-back-v113{flex:0 0 94px!important}

@media(max-width:430px){
  .bottom-sheet{left:0!important;right:0!important;width:100vw!important;max-width:none!important;transform:translateY(105%)!important}
  .bottom-sheet.open{transform:translateY(0)!important}
  .community-create-shell-v113 .mooky-modal-card{width:100vw!important;max-width:none!important;max-height:88dvh!important}
}
@media(max-width:360px){
  .community-create-progress-v113 button b{display:none!important}
  .sheet-actions>a,.sheet-actions>button{min-height:74px!important}
  .sheet-actions>*>span{width:44px!important;height:44px!important;flex-basis:44px!important}
}

/* =========================================================
   Mooky V120 — création groupe : conserver la page visible
   Le conteneur possède aussi la classe .mooky-modal ; l'ancien
   fond de .mooky-modal rendait toute la fenêtre opaque.
   ========================================================= */
.community-create-shell-v113{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.community-create-shell-v113.open{
  background:transparent!important;
  background-image:none!important;
}
.community-create-shell-v113 .mooky-modal-backdrop{
  background:rgba(3,4,8,.56)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* v121 — retour unifié : même flèche/bouton que messages.php */
body .mooky-back-btn{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:8px!important;
  background:#12151e!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#f6f7fb!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  font-size:19px!important;
  line-height:1!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
body .mooky-back-btn i{
  font-size:19px!important;
  line-height:1!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
}
body .mooky-back-btn:active{
  transform:scale(.96);
  background:#171a24!important;
}
/* conserve le placement des boutons superposés tout en utilisant le même look */
body .community-back-v94.mooky-back-btn,
body .round-back.mooky-back-btn{
  z-index:8;
}


/* ========================================================================== */
/* Mooky V123 — create help modal with mascot                                 */
/* ========================================================================== */
#mookyModalBackdrop.mooky-confirm-backdrop{
  background:rgba(3,5,11,.82)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
#mookyModalLayer .mooky-confirm-dialog{
  width:min(560px,calc(100vw - 32px))!important;
  max-height:min(88dvh,760px)!important;
  padding:24px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(25,28,40,.98) 0%,rgba(13,15,23,.98) 100%)!important;
  border:1px solid rgba(143,126,255,.18)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.03) inset!important;
}
#mookyModalLayer .mooky-modal-copy h3{
  font-size:23px!important;
  line-height:1.12!important;
  margin:0 0 10px!important;
}
#mookyModalLayer .mooky-modal-copy p{
  font-size:15px!important;
  line-height:1.65!important;
  color:#c0c7d9!important;
}
#mookyModalLayer .mooky-modal-media{
  margin-top:18px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,#111420,#0a0c12)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
}
#mookyModalLayer .mooky-modal-media[hidden]{display:none!important}
#mookyModalLayer .mooky-modal-media img{
  display:block!important;
  width:100%!important;
  max-width:460px!important;
  max-height:300px!important;
  height:auto!important;
  object-fit:contain!important;
}
#mookyModalLayer .mooky-modal-actions{
  margin-top:22px!important;
}
#mookyModalLayer .modal-btn{
  min-height:56px!important;
  border-radius:16px!important;
  font-size:17px!important;
  font-weight:800!important;
}
#mookyModalLayer .modal-btn.primary{
  background:linear-gradient(135deg,#6f53f6,#b06cff)!important;
  box-shadow:0 16px 36px rgba(115,84,255,.28)!important;
}
@media(max-width:600px){
  #mookyModalLayer.mooky-confirm-layer{padding:14px!important;align-items:center!important}
  #mookyModalLayer .mooky-confirm-dialog{
    width:min(100%,640px)!important;
    max-height:min(88dvh,740px)!important;
    border-radius:18px!important;
    padding:18px!important;
  }
  #mookyModalLayer .mooky-modal-copy h3{font-size:20px!important}
  #mookyModalLayer .mooky-modal-copy p{font-size:13px!important;line-height:1.55!important}
  #mookyModalLayer .mooky-modal-media{margin-top:14px!important;padding:8px!important;border-radius:16px!important}
  #mookyModalLayer .mooky-modal-media img{max-height:220px!important;max-width:100%!important}
  #mookyModalLayer .modal-btn{min-height:52px!important;font-size:15px!important;border-radius:14px!important}
}

/* ========================================================================== */
/* Mooky V123 — Markdown + link previews + polished create help                */
/* ========================================================================== */
.mooky-markdown{font:inherit;color:inherit;line-height:1.55;overflow-wrap:anywhere}
.mooky-markdown>:first-child{margin-top:0}.mooky-markdown>:last-child{margin-bottom:0}
.mooky-markdown p{margin:.45em 0}.mooky-markdown h1,.mooky-markdown h2,.mooky-markdown h3,.mooky-markdown h4,.mooky-markdown h5,.mooky-markdown h6{margin:.8em 0 .35em;line-height:1.2;color:#f7f7fb;font-weight:900}
.mooky-markdown h1{font-size:1.55em}.mooky-markdown h2{font-size:1.4em}.mooky-markdown h3{font-size:1.25em}.mooky-markdown h4{font-size:1.12em}.mooky-markdown h5,.mooky-markdown h6{font-size:1em}
.mooky-markdown strong{font-weight:900;color:#fff}.mooky-markdown em{font-style:italic}.mooky-markdown del{opacity:.72}
.mooky-markdown a{color:#9e83ff;text-decoration:none;font-weight:750}.mooky-markdown a:hover{text-decoration:underline}
.mooky-markdown blockquote{margin:.7em 0;padding:.55em .8em;border-left:3px solid #825fff;border-radius:0 8px 8px 0;background:#141321;color:#c8c9d5}
.mooky-markdown ul,.mooky-markdown ol{margin:.55em 0;padding-left:1.45em}.mooky-markdown li{margin:.2em 0}.mooky-markdown .task-list{list-style:none;padding-left:.2em}.mooky-markdown .task-list-item{display:flex;align-items:flex-start;gap:8px}.mooky-markdown .task-list-item input{accent-color:#835fff;margin-top:.35em}
.mooky-markdown code{padding:.12em .35em;border-radius:5px;background:#171923;border:1px solid #2b2e3b;color:#d7ccff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}
.mooky-markdown pre.mooky-md-code{margin:.7em 0;padding:12px;border-radius:10px;background:#080a0f;border:1px solid #282b39;overflow:auto}.mooky-markdown pre code{padding:0;border:0;background:transparent;color:#e2e5ee;white-space:pre}
.mooky-markdown hr{border:0;border-top:1px solid #2a2d3a;margin:1em 0}
.mooky-md-table-wrap{overflow-x:auto;margin:.7em 0;border:1px solid #292c39;border-radius:9px}.mooky-markdown table{width:100%;border-collapse:collapse;min-width:320px}.mooky-markdown th,.mooky-markdown td{padding:8px 10px;border-bottom:1px solid #242735;border-right:1px solid #242735}.mooky-markdown th{background:#171925;color:#fff}.mooky-markdown tr:last-child td{border-bottom:0}.mooky-markdown th:last-child,.mooky-markdown td:last-child{border-right:0}
.mooky-md-image{display:block;max-width:100%;max-height:420px;object-fit:contain;border-radius:10px;margin:.55em 0;background:#080a0f}
.create-markdown-toolbar{display:flex;gap:6px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:none}.create-markdown-toolbar::-webkit-scrollbar{display:none}.create-markdown-toolbar button{flex:0 0 35px;width:35px;height:35px;border:1px solid #292d3b;border-radius:9px;background:#141722;color:#c5c9d6;font-size:13px;font-weight:850;display:grid;place-items:center}.create-markdown-toolbar button:active{transform:scale(.95)}.create-markdown-toolbar .md-preview-btn{color:#b29cff;border-color:#4b387d;background:#1b1630}
.markdown-preview-card[hidden]{display:none!important}.markdown-preview-card{margin:0 0 10px;padding:12px;border-radius:10px;border:1px solid #31294c;background:#0c0e15;color:#e7e8ee}.markdown-preview-card:before{content:'APERÇU';display:block;margin-bottom:8px;color:#967bff;font-size:9px;font-weight:950;letter-spacing:1.5px}
.mooky-link-preview{display:flex!important;overflow:hidden;margin-top:9px;border:1px solid #2c3040;border-radius:11px;background:#11141d;color:#eef0f6!important;text-decoration:none!important;min-height:74px}.mooky-link-preview>img{width:92px;min-height:74px;object-fit:cover;background:#090b10}.mooky-link-preview>span{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;padding:9px 10px}.mooky-link-preview small{font-size:8px;color:#8870ee;text-transform:uppercase;letter-spacing:.8px;font-weight:900}.mooky-link-preview b{display:block;font-size:11px;line-height:1.3;margin-top:2px;color:#f5f5f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mooky-link-preview em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;color:#8f96a9;font-style:normal;font-size:9px;line-height:1.35}
.bubble-body .mooky-link-preview{max-width:320px}.bubble-body .mooky-markdown p{margin:.2em 0}
.post-discussion>.discussion-head{display:none!important}

/* Help create: mascot first, compact and sharp on mobile */
#mookyModalLayer.has-media .mooky-confirm-dialog{width:min(470px,calc(100vw - 24px))!important;padding:18px!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;overflow:hidden!important}
#mookyModalLayer.has-media .mooky-modal-icon{display:none!important}
#mookyModalLayer.has-media .mooky-modal-media{grid-row:1!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important;border-radius:14px!important;overflow:visible!important}
#mookyModalLayer.has-media .mooky-modal-media img{width:100%!important;height:auto!important;max-width:410px!important;max-height:245px!important;object-fit:contain!important;image-rendering:auto!important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.28))}
#mookyModalLayer.has-media .mooky-modal-copy{grid-row:2!important;padding:0 3px!important}
#mookyModalLayer.has-media .mooky-modal-copy h3{font-size:22px!important;margin:0 0 7px!important}
#mookyModalLayer.has-media .mooky-modal-copy p{font-size:13px!important;line-height:1.55!important;color:#b7bdcc!important}
#mookyModalLayer.has-media .mooky-modal-actions{grid-row:4!important;margin-top:16px!important}
#mookyModalLayer.has-media .modal-btn{min-height:49px!important;border-radius:12px!important;font-size:14px!important}
@media(max-width:520px){#mookyModalLayer.has-media.mooky-confirm-layer{padding:10px!important;align-items:center!important}#mookyModalLayer.has-media .mooky-confirm-dialog{width:calc(100vw - 20px)!important;max-width:430px!important;padding:14px!important;border-radius:16px!important}#mookyModalLayer.has-media .mooky-modal-media img{max-height:210px!important;max-width:100%!important}#mookyModalLayer.has-media .mooky-modal-copy h3{font-size:20px!important}#mookyModalLayer.has-media .mooky-modal-copy p{font-size:12px!important}}


/* ========================================================================== */
/* Mooky V124 — aperçu URL type réseau social + favicon                        */
/* ========================================================================== */
.create-link-live-preview[hidden]{display:none!important}
.create-link-live-preview{margin:-1px 0 12px}
.create-link-loading{display:flex;align-items:center;gap:8px;min-height:68px;padding:12px 14px;border:1px solid #303441;border-radius:10px;background:#151821;color:#8f96a9;font-size:11px}
.mooky-link-preview{display:flex!important;align-items:stretch;position:relative;overflow:hidden;margin-top:9px;border:1px solid #373b47!important;border-left:5px solid #555a67!important;border-radius:5px!important;background:#3a3b41!important;color:#f5f6f8!important;text-decoration:none!important;min-height:92px;box-shadow:none!important}
.mooky-link-preview .mooky-link-main{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;padding:13px 18px!important}
.mooky-link-preview .mooky-link-site{display:flex;align-items:center;gap:8px;min-height:20px;margin-bottom:5px}
.mooky-link-preview .mooky-link-favicon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;object-fit:contain!important;border-radius:4px!important;background:transparent!important}
.mooky-link-preview small{font-size:11px!important;color:#b6bac5!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mooky-link-preview b{display:block;font-size:18px!important;line-height:1.25!important;margin:0!important;color:#77b7ff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800!important}
.mooky-link-preview em{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:9px!important;color:#f0f1f4!important;font-style:normal;font-size:14px!important;line-height:1.45!important;font-weight:400!important}
.mooky-link-preview .mooky-link-og{width:112px!important;min-width:112px!important;height:auto!important;min-height:92px!important;object-fit:cover!important;background:#24262d!important;border-radius:0!important}
.markdown-preview-card .mooky-link-preview,.create-link-live-preview .mooky-link-preview{margin-top:0}
.bubble-body .mooky-link-preview{max-width:340px;min-height:80px}.bubble-body .mooky-link-preview b{font-size:14px!important}.bubble-body .mooky-link-preview em{font-size:11px!important;-webkit-line-clamp:2}.bubble-body .mooky-link-preview .mooky-link-og{width:84px!important;min-width:84px!important}
@media(max-width:520px){.mooky-link-preview .mooky-link-main{padding:11px 13px!important}.mooky-link-preview b{font-size:15px!important}.mooky-link-preview em{font-size:12px!important;margin-top:6px!important;-webkit-line-clamp:3}.mooky-link-preview .mooky-link-og{width:88px!important;min-width:88px!important}.mooky-link-preview small{font-size:10px!important}}

/* Mooky V125 · live link preview reliability */
.create-link-loading{display:flex;align-items:center;gap:10px;min-height:74px;padding:18px 20px;border:1px solid #2a2e3a;border-radius:10px;background:#11141d;color:#9ea6bb;font-size:13px;font-weight:700}
.edit-link-live-preview{margin:12px 0 0!important}
.mooky-link-preview .mooky-link-site:has(.mooky-link-favicon) small{min-width:0}
@media(max-width:520px){.create-link-loading{min-height:66px;padding:14px 15px}.mooky-link-preview{width:100%;max-width:100%}}


/* ===== Mooky V126 · aperçu de lien plus premium ===== */
.create-link-live-preview[hidden]{display:none!important}
.create-link-live-preview{margin:10px 0 16px}
.create-link-loading{position:relative;display:flex;align-items:center;gap:10px;min-height:76px;padding:16px 18px;border:1px solid rgba(138,111,255,.18);border-radius:16px;background:linear-gradient(180deg,rgba(19,22,33,.98),rgba(15,17,27,.98));color:#aab2c7;font-size:13px;font-weight:700;overflow:hidden}
.create-link-loading:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:mookyPreviewShimmer 1.35s infinite}
@keyframes mookyPreviewShimmer{100%{transform:translateX(100%)}}
.mooky-link-preview{display:flex!important;align-items:stretch;gap:0;position:relative;overflow:hidden;width:100%;margin-top:0;border:1px solid rgba(124,95,255,.22)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(31,35,52,.98),rgba(24,27,39,.98))!important;color:#f5f6fb!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.mooky-link-preview:hover{transform:translateY(-1px);border-color:rgba(154,126,255,.34)!important;box-shadow:0 14px 30px rgba(0,0,0,.28),0 0 0 1px rgba(154,126,255,.07) inset!important}
.mooky-link-preview .mooky-link-main{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;padding:16px 18px!important;gap:8px}
.mooky-link-preview .mooky-link-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.mooky-link-preview .mooky-link-site{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}
.mooky-link-preview .mooky-link-favicon{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;object-fit:contain!important;border-radius:6px!important;background:#111521!important;padding:2px;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset}
.mooky-link-preview small{display:block;min-width:0;max-width:100%;font-size:13px!important;color:#d5dae6!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mooky-link-preview .mooky-link-host{flex:0 0 auto;display:inline-flex;align-items:center;max-width:42%;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#9ca6bf;font-size:10px;font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mooky-link-preview b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:17px!important;line-height:1.28!important;margin:0!important;color:#7fb2ff!important;font-weight:850!important;white-space:normal!important;text-overflow:clip!important}
.mooky-link-preview em{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;color:#edf1f8!important;font-style:normal;font-size:14px!important;line-height:1.46!important;font-weight:400!important;opacity:.95}
.mooky-link-preview .mooky-link-domain{display:inline-flex;align-items:center;gap:8px;min-width:0;color:#8f99b1;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mooky-link-preview .mooky-link-domain i{font-size:10px;color:#a88cff}
.mooky-link-preview .mooky-link-art{display:flex;align-items:center;justify-content:center;padding:14px 14px 14px 0}
.mooky-link-preview .mooky-link-og{width:112px!important;min-width:112px!important;height:112px!important;min-height:112px!important;object-fit:cover!important;background:#202431!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}
.mooky-link-preview:not(.has-image) .mooky-link-main{padding-right:18px!important}
.markdown-preview-card .mooky-link-preview,.create-link-live-preview .mooky-link-preview{margin-top:0}
.post-pro-text .mooky-link-preview,.comment-content .mooky-link-preview,.mooky-markdown .mooky-link-preview{max-width:100%}
.bubble-body .mooky-link-preview{max-width:340px;border-radius:16px!important}
.bubble-body .mooky-link-preview .mooky-link-main{padding:13px 14px!important;gap:6px}
.bubble-body .mooky-link-preview small{font-size:11px!important}.bubble-body .mooky-link-preview b{font-size:14px!important;-webkit-line-clamp:2}.bubble-body .mooky-link-preview em{font-size:11px!important;-webkit-line-clamp:2}.bubble-body .mooky-link-preview .mooky-link-host{display:none}.bubble-body .mooky-link-preview .mooky-link-domain{font-size:10px}.bubble-body .mooky-link-preview .mooky-link-og{width:84px!important;min-width:84px!important;height:84px!important;min-height:84px!important;border-radius:12px!important}
@media(max-width:520px){
  .mooky-link-preview{border-radius:16px!important}
  .mooky-link-preview .mooky-link-main{padding:14px 14px!important;gap:7px}
  .mooky-link-preview small{font-size:12px!important}
  .mooky-link-preview .mooky-link-host{max-width:45%;padding:5px 8px;font-size:9px}
  .mooky-link-preview b{font-size:15px!important}
  .mooky-link-preview em{font-size:12px!important;line-height:1.4!important}
  .mooky-link-preview .mooky-link-domain{font-size:10px}
  .mooky-link-preview .mooky-link-og{width:86px!important;min-width:86px!important;height:86px!important;min-height:86px!important;border-radius:12px!important}
  .create-link-loading{min-height:70px;padding:14px 15px}
}
\n\n/* ===== Mooky V126 · cartes de liens uniques + design feed compact ===== */\n.post-pro-text > .mooky-link-preview,\n.comment-content > .mooky-link-preview,\n.bubble-body > .mooky-link-preview,\n.hashtag-v53-text > .mooky-link-preview{display:none!important}\n.mooky-markdown > .mooky-link-preview{\n  margin-top:12px!important;\n  min-height:0!important;\n  border:1px solid rgba(255,255,255,.09)!important;\n  border-left:4px solid #7957ff!important;\n  border-radius:14px!important;\n  background:#151821!important;\n  box-shadow:none!important;\n}\n.mooky-markdown > .mooky-link-preview:hover{\n  transform:none!important;\n  border-color:rgba(151,122,255,.34)!important;\n  border-left-color:#8e6cff!important;\n  background:#181b25!important;\n  box-shadow:none!important;\n}\n.mooky-markdown > .mooky-link-preview .mooky-link-main{padding:14px 15px!important;gap:6px!important}\n.mooky-markdown > .mooky-link-preview .mooky-link-meta{justify-content:flex-start!important}\n.mooky-markdown > .mooky-link-preview .mooky-link-site{gap:8px!important}\n.mooky-markdown > .mooky-link-preview .mooky-link-favicon{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;border-radius:7px!important;padding:2px!important}\n.mooky-markdown > .mooky-link-preview small{font-size:12px!important;color:#d9deea!important;font-weight:800!important}\n.mooky-markdown > .mooky-link-preview .mooky-link-host{display:none!important}\n.mooky-markdown > .mooky-link-preview b{font-size:16px!important;line-height:1.28!important;color:#82b7ff!important;-webkit-line-clamp:2!important}\n.mooky-markdown > .mooky-link-preview em{font-size:12.5px!important;line-height:1.42!important;color:#cbd2df!important;-webkit-line-clamp:2!important}\n.mooky-markdown > .mooky-link-preview .mooky-link-domain{margin-top:1px!important;font-size:10px!important;color:#7f899f!important}\n.mooky-markdown > .mooky-link-preview .mooky-link-art{padding:0!important;align-items:stretch!important}\n.mooky-markdown > .mooky-link-preview .mooky-link-og{\n  width:132px!important;min-width:132px!important;height:auto!important;min-height:118px!important;\n  border:0!important;border-left:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;\n  object-fit:cover!important;box-shadow:none!important;background:#0d1017!important\n}\n.create-link-live-preview .mooky-link-preview{border-left:4px solid #7957ff!important}\n@media(max-width:520px){\n  .mooky-markdown > .mooky-link-preview{border-radius:13px!important}\n  .mooky-markdown > .mooky-link-preview .mooky-link-main{padding:12px 12px!important;gap:5px!important}\n  .mooky-markdown > .mooky-link-preview .mooky-link-favicon{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important}\n  .mooky-markdown > .mooky-link-preview b{font-size:14px!important}\n  .mooky-markdown > .mooky-link-preview em{font-size:11.5px!important}\n  .mooky-markdown > .mooky-link-preview .mooky-link-domain{display:none!important}\n  .mooky-markdown > .mooky-link-preview .mooky-link-og{width:104px!important;min-width:104px!important;min-height:104px!important}\n}\n
/* ===== Mooky V127 · aperçu de lien classique, simple et lisible ===== */
.mooky-link-preview,
.mooky-markdown > .mooky-link-preview,
.create-link-live-preview .mooky-link-preview,
.markdown-preview-card .mooky-link-preview{
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  min-height:126px!important;
  margin-top:10px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-left:5px solid #7c5cff!important;
  border-radius:7px!important;
  background:#181b24!important;
  color:#f4f5f8!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
}
.mooky-link-preview:hover,
.mooky-markdown > .mooky-link-preview:hover{
  transform:none!important;
  background:#1b1e29!important;
  border-color:rgba(255,255,255,.10)!important;
  border-left-color:#9677ff!important;
  box-shadow:none!important;
}
.mooky-link-preview .mooky-link-main,
.mooky-markdown > .mooky-link-preview .mooky-link-main{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:9px!important;
  padding:15px 18px!important;
}
.mooky-link-preview .mooky-link-meta,
.mooky-markdown > .mooky-link-preview .mooky-link-meta{
  display:block!important;
  min-width:0!important;
}
.mooky-link-preview .mooky-link-site,
.mooky-markdown > .mooky-link-preview .mooky-link-site{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.mooky-link-preview .mooky-link-favicon,
.mooky-markdown > .mooky-link-preview .mooky-link-favicon{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  border-radius:4px!important;
  object-fit:contain!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
}
.mooky-link-preview small,
.mooky-markdown > .mooky-link-preview small{
  display:block!important;
  min-width:0!important;
  font-size:13px!important;
  line-height:1.25!important;
  color:#f0f1f5!important;
  font-weight:650!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.mooky-link-preview .mooky-link-host,
.mooky-link-preview .mooky-link-domain,
.mooky-markdown > .mooky-link-preview .mooky-link-host,
.mooky-markdown > .mooky-link-preview .mooky-link-domain{
  display:none!important;
}
.mooky-link-preview b,
.mooky-markdown > .mooky-link-preview b{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1.25!important;
  color:#9a83ff!important;
  font-weight:800!important;
  white-space:normal!important;
}
.mooky-link-preview em,
.mooky-markdown > .mooky-link-preview em{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  margin:0!important;
  color:#d7dae4!important;
  font-style:normal!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:400!important;
}
.mooky-link-preview .mooky-link-art,
.mooky-markdown > .mooky-link-preview .mooky-link-art{
  display:flex!important;
  flex:0 0 140px!important;
  width:140px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 12px 10px 0!important;
  background:transparent!important;
}
.mooky-link-preview .mooky-link-og,
.mooky-markdown > .mooky-link-preview .mooky-link-og{
  display:block!important;
  width:116px!important;
  height:116px!important;
  min-width:116px!important;
  min-height:116px!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:12px!important;
  background:#0f1118!important;
  box-shadow:none!important;
}
.mooky-link-preview:not(.has-image) .mooky-link-main{padding-right:18px!important}
.create-link-live-preview{margin-top:10px!important}
.create-link-live-preview .mooky-link-preview{margin-top:0!important}
@media(max-width:520px){
  .mooky-link-preview,
  .mooky-markdown > .mooky-link-preview,
  .create-link-live-preview .mooky-link-preview{
    min-height:112px!important;
    border-radius:6px!important;
  }
  .mooky-link-preview .mooky-link-main,
  .mooky-markdown > .mooky-link-preview .mooky-link-main{
    gap:7px!important;
    padding:13px 12px!important;
  }
  .mooky-link-preview small,
  .mooky-markdown > .mooky-link-preview small{font-size:12px!important}
  .mooky-link-preview b,
  .mooky-markdown > .mooky-link-preview b{font-size:15px!important;line-height:1.25!important}
  .mooky-link-preview em,
  .mooky-markdown > .mooky-link-preview em{font-size:12px!important;line-height:1.38!important;-webkit-line-clamp:3!important}
  .mooky-link-preview .mooky-link-art,
  .mooky-markdown > .mooky-link-preview .mooky-link-art{flex-basis:106px!important;width:106px!important;padding:8px 8px 8px 0!important}
  .mooky-link-preview .mooky-link-og,
  .mooky-markdown > .mooky-link-preview .mooky-link-og{width:94px!important;height:94px!important;min-width:94px!important;min-height:94px!important;border-radius:10px!important}
}

/* ===== Mooky V128 · aperçu de lien ultra compact mobile, sans image OG ===== */
.mooky-link-preview,
.mooky-markdown > .mooky-link-preview,
.create-link-live-preview .mooky-link-preview,
.markdown-preview-card .mooky-link-preview{
  min-height:0!important;
  margin-top:8px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-left:4px solid #7c5cff!important;
  border-radius:10px!important;
  background:#151821!important;
  box-shadow:none!important;
}
.mooky-link-preview .mooky-link-art,
.mooky-markdown > .mooky-link-preview .mooky-link-art,
.create-link-live-preview .mooky-link-art,
.markdown-preview-card .mooky-link-art{display:none!important}
.mooky-link-preview .mooky-link-main,
.mooky-markdown > .mooky-link-preview .mooky-link-main,
.create-link-live-preview .mooky-link-main,
.markdown-preview-card .mooky-link-main{padding:11px 12px!important;gap:5px!important}
.mooky-link-preview .mooky-link-site,
.mooky-markdown > .mooky-link-preview .mooky-link-site{gap:7px!important}
.mooky-link-preview .mooky-link-favicon,
.mooky-markdown > .mooky-link-preview .mooky-link-favicon{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;border-radius:5px!important}
.mooky-link-preview small,
.mooky-markdown > .mooky-link-preview small{font-size:11.5px!important;line-height:1.2!important;color:#eef0f6!important}
.mooky-link-preview b,
.mooky-markdown > .mooky-link-preview b{font-size:14px!important;line-height:1.25!important;-webkit-line-clamp:2!important;color:#9a83ff!important}
.mooky-link-preview em,
.mooky-markdown > .mooky-link-preview em{margin-top:1px!important;font-size:11.5px!important;line-height:1.35!important;-webkit-line-clamp:2!important;color:#c7ccd8!important}
.mooky-link-preview:not(.has-image) .mooky-link-main,
.mooky-link-preview.has-image .mooky-link-main{padding-right:12px!important}
.create-link-live-preview{margin-top:8px!important}
@media(max-width:520px){
  .mooky-link-preview,
  .mooky-markdown > .mooky-link-preview,
  .create-link-live-preview .mooky-link-preview,
  .markdown-preview-card .mooky-link-preview{min-height:0!important;border-radius:9px!important;margin-top:7px!important}
  .mooky-link-preview .mooky-link-main,
  .mooky-markdown > .mooky-link-preview .mooky-link-main,
  .create-link-live-preview .mooky-link-main,
  .markdown-preview-card .mooky-link-main{padding:10px 11px!important;gap:4px!important}
  .mooky-link-preview .mooky-link-favicon,
  .mooky-markdown > .mooky-link-preview .mooky-link-favicon{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important}
  .mooky-link-preview small,
  .mooky-markdown > .mooky-link-preview small{font-size:11px!important}
  .mooky-link-preview b,
  .mooky-markdown > .mooky-link-preview b{font-size:13px!important;line-height:1.22!important}
  .mooky-link-preview em,
  .mooky-markdown > .mooky-link-preview em{font-size:10.8px!important;line-height:1.32!important;-webkit-line-clamp:2!important}
}

/* ===== Mooky V129 · aperçu de lien dans les publications du profil ===== */
.profile-post-card-linkable{cursor:pointer}
.profile-post-card-linkable .profile-post-body>.mooky-markdown{margin:0!important}
.profile-post-card-linkable .profile-post-body>.mooky-markdown>p,
.profile-post-card-linkable .profile-post-body>.mooky-markdown>div:not(.mooky-link-preview){margin:0!important}
.profile-post-card-linkable .profile-post-body .mooky-md-link{position:relative;z-index:2}
.profile-post-card-linkable .profile-post-body .mooky-link-preview{
  position:relative!important;
  z-index:3!important;
  margin:8px 0 5px!important;
  width:100%!important;
  max-width:100%!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-main{padding:9px 10px!important}
.profile-post-card-linkable .profile-post-body .mooky-link-preview b{font-size:12.5px!important}
.profile-post-card-linkable .profile-post-body .mooky-link-preview em{font-size:10.5px!important;-webkit-line-clamp:2!important}
.profile-post-card-linkable .profile-post-body .mooky-link-preview small{font-size:10.5px!important}
@media(max-width:520px){
 .profile-post-card-linkable .profile-post-body .mooky-link-preview{margin-top:7px!important}
 .profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-main{padding:8px 9px!important}
}


/* ===== Mooky V130 · aperçu de lien du profil identique aux autres ===== */
.profile-post-card-linkable .profile-post-body>.mooky-markdown{
  display:block!important;
  width:100%!important;
  margin:0!important;
}
.profile-post-card-linkable .profile-post-body>.mooky-markdown>p,
.profile-post-card-linkable .profile-post-body>.mooky-markdown>div:not(.mooky-link-preview){
  margin:0!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  margin:7px 0 0!important;
  min-height:0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-left:4px solid #7c5cff!important;
  border-radius:10px!important;
  background:#151821!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-art,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-art{
  display:none!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-main,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-main{
  width:100%!important;
  padding:11px 12px!important;
  gap:5px!important;
  justify-content:flex-start!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-site,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-site{
  gap:7px!important;
  margin-bottom:0!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-favicon,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-favicon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  border-radius:5px!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview small,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview small{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  color:#eef0f6!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-host,
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-domain,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-host,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-domain{
  display:none!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview b,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview b{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.25!important;
  color:#9a83ff!important;
  white-space:normal!important;
  text-overflow:clip!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview em,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview em{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin-top:1px!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  color:#c7ccd8!important;
}
@media(max-width:520px){
  .profile-post-card-linkable .profile-post-body .mooky-link-preview,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview{
    margin-top:7px!important;
    border-radius:9px!important;
  }
  .profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-main,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-main{
    padding:10px 11px!important;
    gap:4px!important;
  }
  .profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-favicon,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-favicon{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    min-height:17px!important;
  }
  .profile-post-card-linkable .profile-post-body .mooky-link-preview small,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview small{
    font-size:11px!important;
  }
  .profile-post-card-linkable .profile-post-body .mooky-link-preview b,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview b{
    font-size:13px!important;
    line-height:1.22!important;
  }
  .profile-post-card-linkable .profile-post-body .mooky-link-preview em,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview em{
    font-size:10.8px!important;
    line-height:1.32!important;
  }
}

/* ===== Mooky V130 FINAL · aperçu profil strictement identique au feed ===== */
.profile-post-card-linkable .profile-post-body .mooky-link-preview,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:8px 0 0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-left:4px solid #7c5cff!important;
  border-radius:10px!important;
  background:#151821!important;
  box-shadow:none!important;
  overflow:hidden!important;
  text-align:left!important;
  align-items:stretch!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-art,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-art{
  display:none!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-main,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-main{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  width:auto!important;
  min-width:0!important;
  padding:11px 12px!important;
  gap:5px!important;
  text-align:left!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-site,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-site{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  text-align:left!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-favicon,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-favicon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  object-fit:contain!important;
  border-radius:5px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview small,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview small{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  color:#eef0f6!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview b,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview b{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.25!important;
  color:#9a83ff!important;
  white-space:normal!important;
  text-align:left!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview em,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview em{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:1px 0 0!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  color:#c7ccd8!important;
  font-style:normal!important;
  text-align:left!important;
}
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-host,
.profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-domain,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-host,
.profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-domain{
  display:none!important;
}
@media(max-width:520px){
  .profile-post-card-linkable .profile-post-body .mooky-link-preview,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview{
    margin-top:7px!important;
    border-radius:9px!important;
  }
  .profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-main,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-main{
    padding:10px 11px!important;
    gap:4px!important;
  }
  .profile-post-card-linkable .profile-post-body .mooky-link-preview .mooky-link-favicon,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview .mooky-link-favicon{
    width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;
  }
  .profile-post-card-linkable .profile-post-body .mooky-link-preview small,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview small{font-size:11px!important}
  .profile-post-card-linkable .profile-post-body .mooky-link-preview b,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview b{font-size:13px!important;line-height:1.22!important}
  .profile-post-card-linkable .profile-post-body .mooky-link-preview em,
  .profile-post-card-linkable .profile-post-body .mooky-markdown > .mooky-link-preview em{font-size:10.8px!important;line-height:1.32!important}
}

/* ===== Mooky V131 · même aperçu de lien dans les groupes ===== */
.community-create-v99 .create-link-live-preview,
.community-edit-link-preview{margin:8px 0 12px!important}
.community-create-v99 .create-link-live-preview .mooky-link-preview,
.community-edit-link-preview .mooky-link-preview{margin-top:0!important;width:100%!important}


/* ===== Mooky V132 · en-tête des publications de groupe compact/mobile ===== */
.community-home-post-v110 .post-pro-author-row{
  grid-template-columns:48px minmax(0,1fr) auto 36px!important;
  column-gap:9px!important;
}
.community-home-post-v110 .community-visibility-pill-v132{
  height:32px!important;
  min-width:32px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  border:1px solid #2a2e3d!important;
  background:#0b0d13!important;
  color:#c1c5d2!important;
  font-size:10px!important;
  font-weight:850!important;
  justify-content:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
}
.community-home-post-v110 .community-visibility-pill-v132 i{
  color:#9c83ff!important;
  font-size:12px!important;
  line-height:1!important;
}
.community-home-post-v110 .community-post-menu-btn-v110{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
  border-radius:10px!important;
}
@media(max-width:520px){
  .community-home-post-v110 .post-pro-author-row{
    grid-template-columns:46px minmax(0,1fr) 34px 34px!important;
    column-gap:8px!important;
    padding:13px 12px 10px!important;
  }
  .community-home-post-v110 .post-pro-avatar,
  .community-home-post-v110 .post-pro-avatar img{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
  .community-home-post-v110 .community-visibility-pill-v132{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    padding:0!important;
    border-radius:10px!important;
  }
  .community-home-post-v110 .community-visibility-pill-v132>span{display:none!important}
  .community-home-post-v110 .community-post-menu-btn-v110{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:10px!important;
  }
  .community-home-post-v110 .post-pro-author .name-line>a{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .community-home-post-v110 .post-pro-author .name-line{
    gap:4px!important;
  }
  .community-home-post-v110 .post-pro-sub{
    gap:5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
}
@media(max-width:370px){
  .community-home-post-v110 .post-pro-author-row{
    grid-template-columns:43px minmax(0,1fr) 32px 32px!important;
    column-gap:6px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .community-home-post-v110 .post-pro-avatar,
  .community-home-post-v110 .post-pro-avatar img{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
  }
  .community-home-post-v110 .community-visibility-pill-v132,
  .community-home-post-v110 .community-post-menu-btn-v110{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
  }
}

/* =========================================================
   Mooky V134 — badges propres dans les publications de groupe
   Tous les badges restent visibles sans écraser le pseudo.
   ========================================================= */
.community-home-post-v110 .post-pro-author .name-line{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.community-home-post-v110 .post-pro-author .name-line>a{
  flex:1 1 auto!important;
  min-width:54px!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.community-home-post-v110 .post-pro-author .name-line>.user-badges{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
  gap:3px!important;
  max-width:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.community-home-post-v110 .post-pro-author .name-line>.user-badges .user-badge,
.community-home-post-v110 .post-pro-author .name-line>.user-badges .role-badge-icon{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  max-width:19px!important;
  flex:0 0 19px!important;
}
.community-home-post-v110 .post-pro-author .name-line>.user-badges .role-badge-icon{
  object-fit:contain!important;
  border-radius:5px!important;
}

@media(max-width:520px){
  .community-home-post-v110 .post-pro-author .name-line{gap:4px!important}
  .community-home-post-v110 .post-pro-author .name-line>a{
    min-width:48px!important;
    max-width:none!important;
  }
  .community-home-post-v110 .post-pro-author .name-line>.user-badges{
    gap:2px!important;
    max-width:none!important;
    overflow:visible!important;
  }
  .community-home-post-v110 .post-pro-author .name-line>.user-badges .user-badge,
  .community-home-post-v110 .post-pro-author .name-line>.user-badges .role-badge-icon{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    flex-basis:17px!important;
  }
}
@media(max-width:370px){
  .community-home-post-v110 .post-pro-author .name-line>.user-badges .user-badge,
  .community-home-post-v110 .post-pro-author .name-line>.user-badges .role-badge-icon{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    max-width:16px!important;
    flex-basis:16px!important;
  }
}


/* =========================================================
   Mooky V135 — badges des publications de groupe sous le pseudo
   - supprime le @ du pseudo
   - affiche tous les badges sur une ligne/retour propre
   - garde les bulles de nom de badge visibles
   ========================================================= */
.community-home-post-v110 .post-pro-author-row{
  align-items:start!important;
}
.community-home-post-v110 .post-pro-avatar{
  margin-top:2px!important;
}
.community-home-post-v110 .post-pro-author{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:3px!important;
  overflow:visible!important;
}
.community-home-post-v110 .post-pro-author .name-line{
  width:100%!important;
  gap:0!important;
  overflow:visible!important;
}
.community-home-post-v110 .post-pro-author .name-line>a{
  flex:0 1 auto!important;
  max-width:100%!important;
}
.community-home-post-v110 .post-pro-author .post-pro-sub{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}
.community-home-post-v110 .post-pro-author .post-pro-sub span:first-child{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.community-home-post-v110 .post-pro-author .post-pro-badges-row{
  display:block!important;
  width:100%!important;
  margin-top:2px!important;
  overflow:visible!important;
}
.community-home-post-v110 .post-pro-author .post-pro-badges-row .user-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  overflow:visible!important;
  max-width:none!important;
  white-space:normal!important;
}
.community-home-post-v110 .post-pro-author .post-pro-badges-row .user-badge,
.community-home-post-v110 .post-pro-author .post-pro-badges-row .role-badge-icon{
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  max-width:19px!important;
  flex:0 0 19px!important;
}
.community-home-post-v110 .post-pro-author .post-pro-badges-row .user-badge{
  overflow:visible!important;
}
.community-home-post-v110 .community-post-menu-btn-v110{
  align-self:start!important;
  margin-top:4px!important;
}
.community-home-post-v110 .post-pro-author .post-pro-badges-row .user-badge[data-badge-label]{
  z-index:2!important;
}
.community-home-post-v110 .post-pro-author .post-pro-badges-row .user-badge[data-badge-label]:hover,
.community-home-post-v110 .post-pro-author .post-pro-badges-row .user-badge[data-badge-label]:focus,
.community-home-post-v110 .post-pro-author .post-pro-badges-row .user-badge[data-badge-label]:focus-visible{
  z-index:99999!important;
}
@media(max-width:520px){
  .community-home-post-v110 .post-pro-author-row{
    grid-template-columns:46px minmax(0,1fr) 34px!important;
    grid-template-areas:"avatar author menu"!important;
    padding:12px 12px 10px!important;
    column-gap:9px!important;
  }
  .community-home-post-v110 .post-pro-avatar,
  .community-home-post-v110 .post-pro-avatar img{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
  .community-home-post-v110 .community-post-menu-btn-v110{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex-basis:34px!important;
    margin-top:2px!important;
  }
  .community-home-post-v110 .post-pro-author .post-pro-badges-row .user-badges{
    gap:4px!important;
  }
  .community-home-post-v110 .post-pro-author .post-pro-badges-row .user-badge,
  .community-home-post-v110 .post-pro-author .post-pro-badges-row .role-badge-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    flex-basis:18px!important;
  }
}
@media(max-width:370px){
  .community-home-post-v110 .post-pro-author-row{
    grid-template-columns:42px minmax(0,1fr) 32px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    column-gap:8px!important;
  }
  .community-home-post-v110 .post-pro-avatar,
  .community-home-post-v110 .post-pro-avatar img{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
  .community-home-post-v110 .community-post-menu-btn-v110{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    flex-basis:32px!important;
  }
  .community-home-post-v110 .post-pro-author .post-pro-badges-row .user-badges{
    gap:3px!important;
  }
  .community-home-post-v110 .post-pro-author .post-pro-badges-row .user-badge,
  .community-home-post-v110 .post-pro-author .post-pro-badges-row .role-badge-icon{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    flex-basis:17px!important;
  }
}

/* ===== Mooky V137 · Stripe Basic / Premium ===== */
.premium-v137-billing{padding-bottom:104px}
.premium-v137-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.premium-v137-plan{position:relative;padding:18px;border:1px solid #252a38;border-radius:18px;background:linear-gradient(180deg,#141722 0%,#0f1119 100%);overflow:hidden}
.premium-v137-plan::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#38bdf8,#7c5cff)}
.premium-v137-plan.premium::before{background:linear-gradient(90deg,#f6c453,#ff7a90,#8b5cf6)}
.premium-v137-plan.is-current{border-color:rgba(139,92,246,.6);box-shadow:0 0 0 1px rgba(139,92,246,.12),0 14px 36px rgba(0,0,0,.2)}
.premium-v137-plan-head{display:flex;align-items:center;gap:11px;min-width:0}
.premium-v137-plan-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:#152536;color:#5dc8ff;font-size:19px}
.premium-v137-plan.premium .premium-v137-plan-icon{background:#2b2415;color:#ffcc58}
.premium-v137-plan-head small,.premium-v137-section-title small,.premium-v137-current small{display:block;color:#9a7cff;font-size:10px;font-weight:900;letter-spacing:1.6px}
.premium-v137-plan-head h2{margin:2px 0 0;font-size:21px;color:#fff}
.premium-v137-current-pill{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(67,213,155,.11);color:#55e1ae;font-size:11px;font-weight:800}
.premium-v137-price{display:flex;align-items:end;gap:6px;margin:18px 0 8px}
.premium-v137-price strong{font-size:31px;line-height:1;color:#fff;letter-spacing:-1px}
.premium-v137-price span{font-size:12px;color:#858da0;margin-bottom:3px}
.premium-v137-plan>p{margin:0 0 15px;color:#a5adbf;font-size:12px;line-height:1.45;min-height:34px}
.premium-v137-features{display:grid;gap:8px;margin:0 0 16px}
.premium-v137-features span{display:flex;align-items:flex-start;gap:8px;color:#d8dce6;font-size:11px;line-height:1.35}
.premium-v137-features i{margin-top:2px;color:#45dca4;font-size:10px}
.premium-v137-plan-btn{width:100%;min-height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,#6e49ff,#9f67ff);color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 10px 24px rgba(107,72,255,.18)}
.premium-v137-plan.basic .premium-v137-plan-btn{background:linear-gradient(135deg,#2563eb,#38bdf8)}
.premium-v137-plan-btn:disabled{cursor:default;opacity:.48;box-shadow:none}
.premium-v137-current{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 15px;border:1px solid #282d3d;border-radius:16px;background:#12151e}
.premium-v137-current-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#231b3d;color:#9f7cff}
.premium-v137-current>div:nth-child(2){min-width:0;flex:1}
.premium-v137-current b{display:block;color:#fff;font-size:15px;margin-top:2px}
.premium-v137-current span{display:block;color:#8f97aa;font-size:11px;margin-top:2px}
.premium-v137-current>strong{font-size:16px;color:#fff;white-space:nowrap}
.premium-v137-current>strong em{display:block;text-align:right;color:#7f8799;font-size:10px;font-style:normal;font-weight:500}
.premium-v137-manage,.premium-v137-invoices{margin-top:16px;padding:15px;border:1px solid #252a38;border-radius:17px;background:#10131b}
.premium-v137-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.premium-v137-section-title h3{margin:2px 0 0;color:#fff;font-size:17px}
.premium-v137-section-title>span{padding:6px 9px;border-radius:999px;background:#1c1a2f;color:#a98cff;font-size:10px;font-weight:800}
.premium-v137-invoice{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #202532;color:inherit;text-decoration:none}
.premium-v137-invoice:first-of-type{border-top:0}
.premium-v137-invoice>span{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:11px;background:#191d29;color:#9b7dff}
.premium-v137-invoice>div{min-width:0;flex:1}.premium-v137-invoice b{display:block;color:#fff;font-size:13px}.premium-v137-invoice small{display:block;color:#7f879a;font-size:10px;margin-top:2px}.premium-v137-invoice>i{color:#697187;font-size:11px}
.premium-stripe-warning{display:flex;align-items:flex-start;gap:10px;margin:13px 0;padding:12px 13px;border:1px solid rgba(245,174,63,.25);border-radius:13px;background:rgba(245,174,63,.08);color:#f1be6a;font-size:11px}.premium-stripe-warning>i{margin-top:2px}.premium-stripe-warning b,.premium-stripe-warning span{display:block}.premium-stripe-warning span{margin-top:2px;color:#c8a979}.premium-stripe-warning code{color:#fff;font-size:10px}
.user-badge.badge-basic{background:linear-gradient(135deg,#0f2a43,#123f5d)!important;color:#58ccff!important;border-color:rgba(88,204,255,.28)!important}

@media(max-width:620px){
  .premium-v137-plans{grid-template-columns:1fr;gap:12px;margin-top:14px}
  .premium-v137-plan{padding:15px;border-radius:16px}
  .premium-v137-price{margin-top:14px}.premium-v137-price strong{font-size:28px}
  .premium-v137-plan>p{min-height:0}
  .premium-v137-current{padding:12px}.premium-v137-current>strong{font-size:14px}
  .premium-v137-current>strong em{font-size:9px}
}

/* ===== Mooky V138 · forfaits Stripe mobile premium redesign ===== */
.premium-v137-billing{max-width:680px!important;margin:0 auto!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:110px!important}
.premium-v137-billing .premium-v108-title-card{margin-bottom:14px!important}
.premium-v137-plans{display:flex!important;flex-direction:column!important;gap:14px!important;margin:14px 0 18px!important}
.premium-v137-plan{position:relative!important;padding:17px!important;border:1px solid #272d3d!important;border-radius:18px!important;background:linear-gradient(180deg,#141824 0%,#0f121b 100%)!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important}
.premium-v137-plan::before{height:3px!important}
.premium-v137-plan.basic::before{background:linear-gradient(90deg,#38bdf8,#5b7cff)!important}
.premium-v137-plan.premium{border-color:rgba(144,102,255,.34)!important;background:linear-gradient(180deg,#171426 0%,#11131d 100%)!important}
.premium-v137-plan.premium::before{background:linear-gradient(90deg,#ffca58,#ff7793,#9d6dff)!important}
.premium-v137-plan.is-current{border-color:#7658ff!important;box-shadow:0 0 0 1px rgba(118,88,255,.18),0 15px 36px rgba(0,0,0,.22)!important}
.premium-v137-plan-head{padding-right:92px!important}
.premium-v137-plan-icon{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:14px!important}
.premium-v137-plan-head h2{font-size:22px!important;line-height:1.05!important}
.premium-v137-plan-head small{font-size:9px!important;letter-spacing:1.8px!important}
.premium-v138-recommended{position:absolute;top:15px;right:14px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:rgba(157,109,255,.12);border:1px solid rgba(157,109,255,.28);color:#b99cff;font-size:9px;font-weight:900;letter-spacing:.55px}
.premium-v137-current-pill{position:absolute;top:48px;right:14px;margin:0!important;padding:5px 8px!important;font-size:9px!important}
.premium-v137-price{margin:16px 0 5px!important;align-items:baseline!important}
.premium-v137-price strong{font-size:34px!important;letter-spacing:-1.2px!important}
.premium-v137-price span{font-size:11px!important;color:#8d95a8!important;margin:0!important}
.premium-v137-plan>p{margin:0 0 13px!important;min-height:0!important;font-size:11.5px!important;line-height:1.45!important;color:#9ea6b8!important;max-width:520px!important}
.premium-v137-features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important;margin:0 0 15px!important;padding:12px!important;border:1px solid #232838!important;border-radius:13px!important;background:rgba(8,10,16,.36)!important}
.premium-v137-features span{font-size:10.5px!important;line-height:1.35!important;color:#d6dae5!important}
.premium-v137-features i{width:14px;height:14px;display:grid;place-items:center;margin-top:0!important;border-radius:50%;background:rgba(69,220,164,.12);font-size:8px!important}
.premium-v137-plan-btn{min-height:46px!important;border-radius:12px!important;font-size:12px!important;box-shadow:none!important}
.premium-v137-plan.basic .premium-v137-plan-btn{background:linear-gradient(135deg,#1e8ed8,#3267d7)!important}
.premium-v137-plan.premium .premium-v137-plan-btn{background:linear-gradient(135deg,#6548db,#8b5cf6)!important}
.premium-v137-plan-btn:not(:disabled):active{transform:scale(.99)}
.premium-v137-plan-btn:disabled{opacity:.55!important}
.premium-v137-current{margin-top:12px!important;border-radius:14px!important}
.premium-stripe-warning{border-radius:12px!important}

@media(max-width:520px){
  .premium-v137-billing{padding-left:10px!important;padding-right:10px!important}
  .premium-v137-plan{padding:14px!important;border-radius:16px!important}
  .premium-v137-plan-head{padding-right:82px!important;gap:9px!important}
  .premium-v137-plan-icon{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:17px!important}
  .premium-v137-plan-head h2{font-size:19px!important}
  .premium-v138-recommended{top:13px;right:12px;font-size:8px;padding:5px 7px}
  .premium-v137-current-pill{top:42px;right:12px;font-size:8px!important}
  .premium-v137-price{margin-top:14px!important}
  .premium-v137-price strong{font-size:29px!important}
  .premium-v137-price span{font-size:10px!important}
  .premium-v137-plan>p{font-size:10.8px!important;margin-bottom:11px!important}
  .premium-v137-features{grid-template-columns:1fr!important;padding:10px!important;gap:7px!important;margin-bottom:12px!important}
  .premium-v137-features span{font-size:10.5px!important}
  .premium-v137-plan-btn{min-height:44px!important;font-size:11.5px!important}
}

/* ===== Mooky V140 · Premium Style + navigation premium ===== */
.premium-style-head-v140{grid-template-columns:52px minmax(0,1fr) 52px!important;padding:10px 14px!important}.premium-style-head-title{text-align:center;min-width:0}.premium-style-head-title strong,.premium-style-head-title small{display:block}.premium-style-head-title strong{font-size:17px}.premium-style-head-title small{margin-top:2px;font-size:7.5px;color:#777f92}.premium-style-notif{position:relative}
.premium-member-nav-v140{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;padding:6px!important;border:1px solid #262a36!important;background:#0e1017!important;border-radius:12px!important;overflow:visible!important}.premium-member-nav-v140 a{min-width:0!important;min-height:58px!important;padding:7px 3px!important;border-radius:9px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;color:#7f8799!important;text-decoration:none!important;border:1px solid transparent!important}.premium-member-nav-v140 a.active{background:linear-gradient(145deg,#22173a,#1a142b)!important;border-color:rgba(151,103,255,.35)!important;color:#bd9dff!important;box-shadow:inset 0 0 0 1px rgba(151,103,255,.05)!important}.premium-member-nav-v140 .premium-nav-icon{position:relative;display:grid;place-items:center;width:25px;height:25px;font-size:16px}.premium-member-nav-v140 a>span:last-child{font-size:7.5px!important;font-weight:850!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.premium-member-nav-v140 em{position:absolute;right:-8px;top:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#ff4f78;color:#fff;font-style:normal;font-size:7px;font-weight:950;border:2px solid #0e1017}
.premium-style-v140{padding:10px 14px 116px!important;gap:11px!important}.premium-style-hero-v140{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:14px;border:1px solid #272a38;border-radius:12px;background:linear-gradient(145deg,#141621,#0d0f16);overflow:hidden;position:relative}.premium-style-hero-v140:after{content:"";position:absolute;width:130px;height:130px;right:-55px;top:-70px;border-radius:50%;background:rgba(139,92,246,.16);filter:blur(24px)}.premium-style-hero-icon{position:relative;z-index:1;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#2c1d52,#21173b);color:#b492ff;font-size:18px}.premium-style-hero-v140>div:last-child{position:relative;z-index:1}.premium-style-hero-v140 small{display:block;color:#a985ff;font-weight:950;font-size:8px;letter-spacing:1.35px}.premium-style-hero-v140 h1{font-size:18px;line-height:1.08;margin:4px 0}.premium-style-hero-v140 p{font-size:8.5px;line-height:1.45;color:#858da0;margin:0}.premium-style-gate-v140{border-radius:12px!important}
.premium-style-form-v140{display:grid;gap:10px}.premium-style-card-v140{padding:14px;border:1px solid #262a37;border-radius:12px;background:#11131b;display:grid;gap:15px}.premium-style-card-v140>header{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid #232734}.premium-style-card-v140>header .ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:14px}.premium-style-card-v140>header .ico.purple{background:#241a42;color:#ae8aff}.premium-style-card-v140>header .ico.cyan{background:#102a32;color:#52e7da}.premium-style-card-v140>header .ico.gold{background:#312614;color:#ffc75f}.premium-style-card-v140>header b,.premium-style-card-v140>header small{display:block}.premium-style-card-v140>header b{font-size:11px}.premium-style-card-v140>header small{margin-top:2px;color:#7b8395;font-size:7.8px;line-height:1.35}.premium-style-field-v140{display:grid;gap:9px}.premium-style-label-v140 span,.premium-style-label-v140 small{display:block}.premium-style-label-v140 span{font-size:9px;font-weight:900;color:#d8dbe4}.premium-style-label-v140 small{margin-top:2px;color:#717a8d;font-size:7.5px;line-height:1.35}
.premium-accent-row-v140{display:grid;gap:9px}.premium-color-picker-v140{height:50px;border:1px solid #262a37;border-radius:10px;background:#0c0e14;overflow:hidden;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center}.premium-color-picker-v140.full{grid-template-columns:56px minmax(0,1fr)}.premium-color-picker-v140 input{width:56px;height:50px;border:0;padding:0;background:transparent}.premium-color-picker-v140 span{padding:0 11px;color:#8c94a7;font-size:8.5px;display:flex;align-items:center;gap:7px}.premium-swatches-v140{display:flex;gap:7px;flex-wrap:wrap}.premium-swatches-v140 .premium-swatch>span{width:38px!important;height:38px!important;border-radius:10px!important}.premium-theme-grid-v140{grid-template-columns:1fr 1fr!important;gap:8px!important}.premium-theme-grid-v140 .premium-theme-card>span{min-height:64px!important;padding:10px!important;grid-template-columns:34px minmax(0,1fr) 18px!important;gap:8px!important}.premium-theme-grid-v140 .premium-theme-card>span>i:first-child{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.premium-theme-grid-v140 .premium-theme-card b{font-size:9px}.premium-theme-grid-v140 .premium-theme-card small{display:block;margin-top:2px;font-size:7px;color:#8991a3}
.premium-name-styles-v140{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.premium-name-styles-v140 label span{min-height:48px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important}.premium-name-styles-v140 label span>i{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#181b26;color:#9577ef;font-size:9px}.premium-name-styles-v140 b{min-width:0;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-font-grid-v140{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.premium-font-grid-v140 .premium-font-card>span{min-height:58px!important;padding:8px 10px!important}.premium-font-grid-v140 .premium-font-card b{font-size:11px!important}.premium-font-grid-v140 .premium-font-card small{font-size:7px!important}
.preview-card-v140{background:linear-gradient(145deg,#11131b,#0d0f16)}.premium-live-profile-v140{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:11px;padding:11px;border:1px solid #292d3a;background:#0b0d13;border-radius:10px}.premium-live-profile-v140 img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--profile-accent,#8b5cf6)}.premium-live-profile-v140 small{font-size:6.5px;color:#7b8397;letter-spacing:1px;font-weight:900}.premium-live-profile-v140 #premiumNameLive{margin-top:2px;font-size:16px!important;line-height:1.1}.premium-live-profile-v140 p{margin:3px 0 0;font-size:8px;color:#8b93a6}.premium-toggle-v140{border-radius:10px!important}.premium-save-v140{position:sticky;bottom:84px;z-index:22;min-height:52px!important;border-radius:11px!important;border:0!important;background:linear-gradient(135deg,#6543e8,#9a61ff)!important;color:#fff!important;box-shadow:0 12px 30px rgba(92,54,200,.28)!important;font-size:10px!important;font-weight:950!important}
@media(max-width:390px){.premium-member-nav-v140 a>span:last-child{font-size:6.8px!important}.premium-member-nav-v140{gap:3px!important;padding:5px!important}.premium-member-nav-v140 a{min-height:54px!important;padding:6px 2px!important}.premium-theme-grid-v140{grid-template-columns:1fr!important}.premium-style-v140{padding-left:10px!important;padding-right:10px!important}.premium-style-card-v140{padding:12px}.premium-style-hero-v140{padding:12px}.premium-name-styles-v140,.premium-font-grid-v140{grid-template-columns:1fr 1fr!important}}

/* ===== Mooky V141 · notifications déplacées dans la barre du bas ===== */
.premium-member-nav-v141{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  padding:6px!important;
  border:1px solid #262a36!important;
  background:#0e1017!important;
  border-radius:12px!important;
}
.premium-member-nav-v141 a{
  min-width:0!important;
  min-height:58px!important;
  padding:7px 4px!important;
  border-radius:9px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  color:#81889a!important;
  border:1px solid transparent!important;
}
.premium-member-nav-v141 a.active{
  background:linear-gradient(145deg,#22173a,#191329)!important;
  border-color:rgba(151,103,255,.38)!important;
  color:#bd9dff!important;
  box-shadow:inset 0 0 0 1px rgba(151,103,255,.05)!important;
}
.premium-member-nav-v141 .premium-nav-icon{
  width:27px;height:27px;display:grid;place-items:center;font-size:16px;
}
.premium-member-nav-v141 a>span:last-child{
  font-size:8px!important;font-weight:850!important;white-space:nowrap!important;
}

/* Barre principale à 6 entrées, compacte et lisible sur mobile. */
.bottom-nav.mooky-tabbar-v141{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  height:78px!important;
  padding:7px 5px calc(7px + env(safe-area-inset-bottom))!important;
  gap:1px!important;
}
.mooky-tabbar-v141>a{
  min-width:0!important;
  padding:4px 1px!important;
  border-radius:11px!important;
  position:relative!important;
}
.mooky-tabbar-v141 .mooky-tab-icon{
  position:relative!important;
  width:32px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  font-size:18px!important;
}
.mooky-tabbar-v141 small{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:8.5px!important;
  font-weight:800!important;
}
.mooky-tabbar-v141 .mooky-create-tab{
  transform:none!important;
}
.mooky-tabbar-v141 .mooky-create-orbit{
  width:44px!important;
  height:44px!important;
  margin-top:-14px!important;
}
.mooky-tabbar-v141 .mooky-create-core{
  width:44px!important;
  height:44px!important;
  border-radius:11px!important;
  font-size:22px!important;
}
.mooky-tabbar-v141 .mooky-nav-badge{
  position:absolute!important;
  top:-3px!important;
  right:-5px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#ff4f78!important;
  color:#fff!important;
  border:2px solid #0e0f16!important;
  font-style:normal!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:0 4px 12px rgba(255,79,120,.28)!important;
}
.mooky-tabbar-v141 .mooky-notif-tab.active .mooky-tab-icon{
  color:#a985ff!important;
}
.mooky-tabbar-v141 .mooky-notif-tab.active:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:25px;
  height:3px;
  border-radius:999px;
  background:#8b5cf6;
}
/* Le profil ne reçoit plus le compteur de notifications. */
.mooky-nav-badge-profile{display:none!important}

@media(max-width:390px){
  .bottom-nav.mooky-tabbar-v141{padding-left:2px!important;padding-right:2px!important}
  .mooky-tabbar-v141 small{font-size:7.5px!important}
  .mooky-tabbar-v141 .mooky-tab-icon{font-size:17px!important}
  .mooky-tabbar-v141 .mooky-create-orbit,.mooky-tabbar-v141 .mooky-create-core{width:40px!important;height:40px!important}
  .mooky-tabbar-v141 .mooky-create-core{font-size:20px!important}
}

/* ===== Mooky V143 · bottom navigation 5 boutons · Font Awesome 5 ===== */
.bottom-nav.mooky-tabbar-v143{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:min(430px,100%)!important;
  height:76px!important;
  padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;
  gap:5px!important;
  background:rgba(8,9,14,.97)!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 -12px 34px rgba(0,0,0,.36)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.mooky-tabbar-v143 .mooky-tab{
  min-width:0!important;
  height:58px!important;
  padding:5px 2px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  position:relative!important;
  border-radius:12px!important;
  color:#858b9d!important;
  background:transparent!important;
  transition:color .18s ease,background .18s ease,transform .18s ease!important;
}
.mooky-tabbar-v143 .mooky-tab:hover{
  color:#b5a6ff!important;
  background:rgba(124,92,255,.055)!important;
}
.mooky-tabbar-v143 .mooky-tab:active{
  transform:scale(.96)!important;
}
.mooky-tabbar-v143 .mooky-tab-icon{
  width:34px!important;
  height:31px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  font-size:20px!important;
  line-height:1!important;
}
.mooky-tabbar-v143 .mooky-tab-icon i{
  width:auto!important;
  line-height:1!important;
}
.mooky-tabbar-v143 small{
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  color:inherit!important;
  white-space:nowrap!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mooky-tabbar-v143 .mooky-tab.active{
  color:#a985ff!important;
  background:linear-gradient(180deg,rgba(124,92,255,.13),rgba(124,92,255,.035))!important;
}
.mooky-tabbar-v143 .mooky-tab.active::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:27px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#7c5cff,#a985ff)!important;
  box-shadow:0 0 12px rgba(151,112,255,.5)!important;
}
.mooky-tabbar-v143 .mooky-nav-badge{
  position:absolute!important;
  top:-4px!important;
  right:-7px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 4px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  border:2px solid #090a0f!important;
  background:#ff4f78!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(255,79,120,.32)!important;
  font-size:7px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:950!important;
}
.mooky-tabbar-v143 .mooky-notif-tab .mooky-nav-badge-notif{
  background:#ff3f72!important;
}
@media(max-width:360px){
  .bottom-nav.mooky-tabbar-v143{padding-left:5px!important;padding-right:5px!important;gap:1px!important}
  .mooky-tabbar-v143 .mooky-tab-icon{font-size:19px!important}
  .mooky-tabbar-v143 small{font-size:8px!important}
}


/* ===== Mooky V144 · home menu corner + explore default + emoji ===== */
html,body,input,textarea,button,.mooky-markdown,.post-pro-text,.comment-content,.bubble{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
}
.home-post-pro{position:relative!important}
.home-post-pro .post-pro-author-row{position:relative!important;padding-right:58px!important}
.home-post-pro .home-post-menu{
  position:absolute!important;top:14px!important;right:14px!important;z-index:5!important;
  width:38px!important;height:38px!important;min-width:38px!important;margin:0!important;
  display:grid!important;place-items:center!important;border-radius:10px!important;
}
.explore-v61-default-media{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:radial-gradient(circle at 50% 28%,rgba(126,92,255,.22),transparent 36%),linear-gradient(145deg,#151824,#0c0e14);
}
.explore-v61-default-media img{width:112px!important;height:112px!important;object-fit:contain!important;filter:drop-shadow(0 16px 22px rgba(0,0,0,.35));opacity:.96}
.explore-v61-default-media span{font-size:10px;font-weight:850;color:#b8addf;background:rgba(13,15,23,.78);border:1px solid #31354a;padding:7px 10px;border-radius:999px}
.explore-v61-default-thumb{background:linear-gradient(145deg,#1a1730,#10121a)!important;display:grid!important;place-items:center!important}
.explore-v61-default-thumb img{width:58px!important;height:58px!important;object-fit:contain!important;opacity:.95!important}
@media(max-width:420px){
  .home-post-pro .post-pro-author-row{padding-right:54px!important}
  .home-post-pro .home-post-menu{top:12px!important;right:10px!important;width:34px!important;height:34px!important;min-width:34px!important}
  .explore-v61-default-media img{width:92px!important;height:92px!important}
}


/* ===== Mooky V145 · vérification e-mail & identité ===== */
.verify-page-v145{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 15%,rgba(124,92,255,.16),transparent 34%),#090a0f}.verify-card-v145{width:min(100%,480px);background:#11131c;border:1px solid #292d3b;border-radius:22px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.45)}.verify-logo-v145{display:flex;align-items:center;gap:10px;margin-bottom:28px}.verify-logo-v145 img{width:46px;height:46px;object-fit:contain}.verify-logo-v145 span{display:flex;flex-direction:column}.verify-logo-v145 b{font-size:22px}.verify-logo-v145 small{font-size:9px;letter-spacing:.18em;color:#8f96a8}.verify-icon-v145{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#211a3c;color:#a98bff;font-size:26px;margin-bottom:18px}.verify-card-v145 h1{font-size:27px;line-height:1.1;margin:7px 0 10px}.verify-card-v145>p{color:#aab0c0;line-height:1.55}.verify-card-v145>p strong{color:#fff}.verify-form-v145{margin-top:22px}.verify-form-v145 input{width:100%;height:64px;border:1px solid #35394b;background:#090b11;border-radius:14px;color:#fff;text-align:center;font-size:28px;font-weight:900;letter-spacing:.35em;padding-left:.35em;outline:none}.verify-form-v145 input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.15)}.verify-form-v145 button,.kyc-submit-v145{width:100%;height:54px;border:0;border-radius:14px;background:linear-gradient(135deg,#7047ff,#9b64ff);color:#fff;font-weight:800;font-size:15px;margin-top:12px}.verify-resend-v145 button{width:100%;border:0;background:transparent;color:#b8a2ff;padding:14px;font-weight:700}.verify-logout-v145{display:block;text-align:center;color:#7f8798;font-size:13px}.verify-alert{display:flex;gap:9px;align-items:center;border-radius:12px;padding:11px 13px;margin:14px 0;font-size:13px}.verify-alert.error{background:#28131b;border:1px solid #5b2534;color:#ff9ab0}.verify-alert.ok{background:#10251f;border:1px solid #1f5d4c;color:#76f4c5}
.kyc-page-v145{padding:18px 18px 110px}.kyc-hero-v145{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#171927,#11131c);border:1px solid #2a2d3b;border-radius:20px;margin-bottom:14px}.kyc-shield{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;background:#211a3c;color:#a98bff;border-radius:18px;font-size:25px}.kyc-hero-v145 h1{font-size:25px;margin:4px 0 6px}.kyc-hero-v145 p{color:#959cad;line-height:1.45;font-size:13px}.kyc-status-v145{display:flex;gap:12px;align-items:flex-start;padding:15px;border-radius:15px;margin:12px 0;border:1px solid}.kyc-status-v145 i{font-size:20px;margin-top:2px}.kyc-status-v145 b{display:block;margin-bottom:3px}.kyc-status-v145 p{font-size:12px;color:#a9afbd}.kyc-status-v145.approved{background:#10251f;border-color:#1d5947;color:#58e8b3}.kyc-status-v145.pending{background:#241f10;border-color:#5f4e1c;color:#ffd76b}.kyc-status-v145.rejected{background:#28131b;border-color:#5b2534;color:#ff8ca5}.kyc-form-v145{background:#11131c;border:1px solid #292d3b;border-radius:20px;padding:18px;margin-top:14px}.kyc-section-title{display:flex;gap:11px;align-items:center;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid #252936}.kyc-section-title>i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#211a3c;color:#a98bff}.kyc-section-title div{display:flex;flex-direction:column;gap:2px}.kyc-section-title small{color:#8790a2}.kyc-form-v145>label,.kyc-grid-v145 label{display:block;margin:12px 0}.kyc-form-v145 label>span,.kyc-grid-v145 label>span{display:block;color:#c7ccda;font-size:12px;font-weight:800;margin-bottom:7px}.kyc-form-v145 input[type=text],.kyc-form-v145 input[type=date],.kyc-form-v145 input:not([type]),.kyc-form-v145 select{width:100%;height:48px;border:1px solid #303443;background:#090b11;color:#fff;border-radius:12px;padding:0 13px}.kyc-grid-v145{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kyc-upload-v145{position:relative!important;display:flex!important;gap:12px!important;align-items:center!important;padding:14px!important;border:1px dashed #3c4152!important;border-radius:14px!important;background:#0c0e15!important}.kyc-upload-v145 input{position:absolute;inset:0;opacity:0;cursor:pointer}.kyc-upload-v145>i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#211a3c;color:#a98bff;font-size:18px}.kyc-upload-v145 span{margin:0!important;display:flex!important;flex-direction:column}.kyc-upload-v145 small{font-size:11px;color:#828a9b}.kyc-privacy-v145{display:flex;gap:10px;padding:12px;background:#0d1414;border:1px solid #1e3b36;border-radius:12px;color:#7ce0c3;font-size:11px;line-height:1.45;margin-top:14px}.verification-hub-v145{display:grid;gap:9px;margin:14px 0 20px}.verification-row-v145{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #2b2f3d;background:#0e1017;border-radius:14px;color:#fff}.verification-row-v145>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#1c1831;color:#a98bff}.verification-row-v145>div{min-width:0;flex:1;display:flex;flex-direction:column}.verification-row-v145 small{font-size:11px;color:#8b93a5}.verification-row-v145 em{font-style:normal;font-size:11px;font-weight:800;color:#a98bff}.verification-row-v145.done em{color:#5de5b5}
@media(max-width:420px){.kyc-grid-v145{grid-template-columns:1fr}.verify-card-v145{padding:20px}.kyc-page-v145{padding-left:12px;padding-right:12px}}

/* ===== Mooky V146 · auth + reCAPTCHA ===== */
.auth-eye{flex:0 0 42px!important;width:42px!important;height:42px!important;margin-right:5px!important;border-radius:10px!important;background:#151821!important;color:#c7cbd8!important;font-size:15px!important;padding:0!important;display:grid!important;place-items:center!important}
.auth-eye:hover{background:#201a38!important;color:#ad97ff!important}.auth-eye i{pointer-events:none}
.auth-recaptcha{display:flex;justify-content:center;align-items:center;overflow:hidden;padding:4px 0 1px}.auth-recaptcha .g-recaptcha{transform-origin:center top}
@media(max-width:380px){.auth-recaptcha .g-recaptcha{transform:scale(.88);margin-bottom:-8px}}
@media(max-width:340px){.auth-recaptcha .g-recaptcha{transform:scale(.79);margin-bottom:-15px}}

/* ===== Mooky V147 · KYC pro + selfie caméra en direct ===== */
.kyc-page-v147{padding:18px 18px 112px;display:grid;gap:14px}.kyc-head-lock{width:42px;height:42px;display:grid;place-items:center;color:#8d95a7}.kyc-hero-v147{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:17px;align-items:center;padding:22px;border:1px solid #2a2e3c;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(139,92,246,.17),transparent 37%),linear-gradient(145deg,#171a25,#10121a);overflow:hidden}.kyc-hero-icon-v147{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#281d50,#1c1833);color:#ad8cff;font-size:28px;box-shadow:inset 0 0 0 1px rgba(162,128,255,.12)}.kyc-hero-copy-v147 .eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;color:#9d7cff}.kyc-hero-copy-v147 h1{font-size:27px;line-height:1.05;margin:6px 0 8px}.kyc-hero-copy-v147 p{margin:0;color:#9ca4b8;font-size:13px;line-height:1.55;max-width:580px}.kyc-hero-badge-v147{display:flex;align-items:center;gap:7px;border:1px solid #34394a;background:#0e1118;border-radius:999px;padding:8px 11px;color:#b7bfd0;font-size:10px;font-weight:800}.kyc-hero-badge-v147 i{color:#60dfb0}.kyc-steps-v147{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 15px;border:1px solid #252a38;background:#0f121a;border-radius:16px}.kyc-steps-v147>div{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center}.kyc-steps-v147>div span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#211a3e;color:#a788ff;font-weight:900}.kyc-steps-v147>div b{font-size:11px}.kyc-steps-v147>div small{font-size:9px;color:#727b90}.kyc-steps-v147>i{font-size:9px;color:#41485c}.kyc-status-v147{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid;border-radius:16px}.kyc-status-v147>i{font-size:20px;margin-top:2px}.kyc-status-v147 b{display:block;margin-bottom:3px}.kyc-status-v147 p{margin:0;color:#a6adbc;font-size:12px}.kyc-status-v147.approved{background:#0f241d;border-color:#1d5947;color:#5de8b5}.kyc-status-v147.pending{background:#251f10;border-color:#5b4a1a;color:#ffd26b}.kyc-status-v147.rejected{background:#28131b;border-color:#5a2534;color:#ff8ea7}.kyc-form-v147{display:grid;gap:14px}.kyc-panel-v147{border:1px solid #292d3b;background:#11141d;border-radius:20px;padding:18px}.kyc-panel-head-v147{display:flex;align-items:center;gap:11px;padding-bottom:14px;margin-bottom:15px;border-bottom:1px solid #242936}.kyc-panel-head-v147>span{width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#211a3d;color:#a98bff;display:grid;place-items:center}.kyc-panel-head-v147>div{min-width:0;display:flex;flex-direction:column;gap:2px}.kyc-panel-head-v147 b{font-size:14px}.kyc-panel-head-v147 small{color:#828b9e;font-size:10px;line-height:1.35}.kyc-panel-head-v147>em{margin-left:auto;font-style:normal;padding:5px 8px;border:1px solid #3a2e27;background:#1d1713;color:#ffb267;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em}.kyc-panel-head-v147>em i{font-size:7px;color:#ff5c5c;margin-right:4px}.kyc-fields-v147{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kyc-fields-v147 label.wide{grid-column:1/-1}.kyc-fields-v147 label>span{display:block;margin:0 0 7px;color:#c7ccda;font-size:11px;font-weight:800}.kyc-input-v147{height:50px;display:flex;align-items:center;border:1px solid #303543;background:#090b11;border-radius:13px;overflow:hidden;transition:.18s}.kyc-input-v147:focus-within{border-color:#7658df;box-shadow:0 0 0 3px rgba(124,92,255,.11)}.kyc-input-v147>i{width:42px;text-align:center;color:#7964c4}.kyc-input-v147 input,.kyc-input-v147 select{min-width:0;flex:1;height:100%;border:0!important;background:transparent!important;color:#fff!important;padding:0 11px 0 0!important;outline:none!important}.kyc-document-grid-v147{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kyc-upload-v147{position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) 24px;gap:11px!important;align-items:center!important;padding:13px!important;border:1px dashed #3a4052!important;border-radius:15px!important;background:#0c0f16!important;cursor:pointer;transition:.18s}.kyc-upload-v147:hover{border-color:#7658df!important;background:#111321!important}.kyc-upload-v147 input{position:absolute;inset:0;opacity:0;cursor:pointer}.kyc-upload-icon-v147{width:46px;height:46px;display:grid!important;place-items:center;border-radius:13px;background:#211a3d;color:#a98bff}.kyc-upload-copy-v147{display:flex!important;flex-direction:column;margin:0!important;min-width:0}.kyc-upload-copy-v147 b{color:#fff;font-size:12px}.kyc-upload-copy-v147 small{font-size:9px;color:#7f889b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kyc-upload-v147>i{color:#7f6cc4}.kyc-camera-v147{min-height:310px;border:1px solid #2f3443;border-radius:18px;background:#080a0f;overflow:hidden}.kyc-camera-placeholder-v147{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.kyc-camera-placeholder-v147>span{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#281e50,#18152d);color:#ad8cff;font-size:27px;margin-bottom:13px}.kyc-camera-placeholder-v147 h3{margin:0;font-size:18px}.kyc-camera-placeholder-v147 p{max-width:390px;margin:7px auto 16px;color:#858ea1;font-size:11px;line-height:1.5}.kyc-camera-start-v147,.kyc-capture-v147,.kyc-retake-v147{border:0;border-radius:12px;font-weight:850;cursor:pointer}.kyc-camera-start-v147{padding:12px 17px;background:#7550f4;color:#fff}.kyc-camera-live-v147{padding:12px}.kyc-video-wrap-v147{position:relative;width:min(100%,430px);aspect-ratio:4/3;margin:auto;border-radius:16px;overflow:hidden;background:#000}.kyc-video-wrap-v147 video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.kyc-face-guide-v147{position:absolute;left:50%;top:50%;width:47%;height:72%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.66);border-radius:48% 48% 44% 44%;box-shadow:0 0 0 999px rgba(0,0,0,.22);pointer-events:none}.kyc-live-pill-v147{position:absolute;top:10px;left:10px;padding:6px 9px;background:rgba(5,7,12,.8);backdrop-filter:blur(8px);border-radius:999px;font-size:9px;font-weight:800}.kyc-live-pill-v147 i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff565f;margin-right:5px;box-shadow:0 0 0 4px rgba(255,86,95,.14)}.kyc-capture-v147{display:flex;align-items:center;justify-content:center;gap:8px;width:min(100%,430px);height:48px;margin:10px auto 0;background:#fff;color:#11131a}.kyc-camera-result-v147{padding:13px}.kyc-selfie-preview-v147{position:relative;width:min(100%,430px);aspect-ratio:4/3;margin:auto;border-radius:16px;overflow:hidden;background:#05070b}.kyc-selfie-preview-v147 img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.kyc-selfie-preview-v147 span{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:rgba(7,16,14,.88);color:#64e4b5;font-size:9px;font-weight:850}.kyc-retake-v147{display:block;margin:10px auto 0;padding:10px 14px;border:1px solid #303544;background:#12151e;color:#c3c9d6}.kyc-camera-error-v147{display:flex;align-items:center;gap:9px;margin-top:10px;padding:11px 12px;border:1px solid #5b2534;background:#28131b;color:#ff9bad;border-radius:12px;font-size:11px}.kyc-security-v147{display:flex;gap:12px;padding:14px;border:1px solid #1e4337;background:#0d1714;border-radius:16px;color:#63e1b3}.kyc-security-v147>i{font-size:19px;margin-top:2px}.kyc-security-v147 b{display:block;font-size:12px}.kyc-security-v147 p{margin:3px 0 0;color:#8db9a9;font-size:10px;line-height:1.5}.kyc-consent-v147{display:flex;align-items:flex-start;gap:10px;padding:2px 4px;cursor:pointer}.kyc-consent-v147 input{position:absolute;opacity:0}.kyc-consent-v147>span{width:22px;height:22px;flex:0 0 22px;border-radius:7px;border:1px solid #3a4050;background:#11141c;display:grid;place-items:center;color:transparent}.kyc-consent-v147 input:checked+span{background:#7957f6;border-color:#7957f6;color:#fff}.kyc-consent-v147 p{margin:2px 0 0;color:#8f97a9;font-size:10px;line-height:1.4}.kyc-submit-v147{height:56px;border:0;border-radius:15px;background:linear-gradient(135deg,#7047ff,#9b64ff);color:#fff;font-size:14px;font-weight:900;display:flex;justify-content:center;align-items:center;gap:9px;cursor:pointer;box-shadow:0 12px 30px rgba(124,92,255,.18)}
@media(max-width:620px){.kyc-page-v147{padding:12px 12px 105px}.kyc-hero-v147{grid-template-columns:54px minmax(0,1fr);padding:16px;gap:12px}.kyc-hero-icon-v147{width:54px;height:54px;border-radius:16px;font-size:22px}.kyc-hero-copy-v147 h1{font-size:22px}.kyc-hero-badge-v147{grid-column:1/-1;justify-content:center}.kyc-steps-v147{justify-content:space-between;gap:5px}.kyc-steps-v147>div{display:flex;flex-direction:column;gap:3px;text-align:center}.kyc-steps-v147>div span{width:30px;height:30px}.kyc-steps-v147>div small{display:none}.kyc-fields-v147,.kyc-document-grid-v147{grid-template-columns:1fr}.kyc-fields-v147 label.wide{grid-column:auto}.kyc-panel-v147{padding:14px;border-radius:17px}.kyc-panel-head-v147>em{font-size:8px}.kyc-camera-v147,.kyc-camera-placeholder-v147{min-height:280px}}

/* ===== Mooky V148 · safe-area Android/PWA + appui long publications ===== */
/* Certains WebView Android renvoient safe-area-inset-top=0 alors que la barre système recouvre le viewport. */
@media (max-width:430px){
  .app-drawer{
    padding-top:max(env(safe-area-inset-top),28px)!important;
  }
  .app-drawer-head{
    height:auto!important;
    min-height:78px!important;
    padding:12px 16px 10px!important;
    flex:0 0 auto!important;
  }
  .drawer-brand img{flex:0 0 auto!important}
  .drawer-close{flex:0 0 auto!important}
  .drawer-nav{overscroll-behavior:contain!important}
}
@supports (padding-top: constant(safe-area-inset-top)){
  @media (max-width:430px){.app-drawer{padding-top:max(constant(safe-area-inset-top),28px)!important}}
}
.post[data-post],
.profile-post-card[data-post],
[data-community-post]{
  -webkit-touch-callout:none;
}
.post[data-post].mooky-post-pressing,
.profile-post-card[data-post].mooky-post-pressing,
[data-community-post].mooky-post-pressing{
  transform:scale(.992);
  filter:brightness(.96);
  transition:transform .12s ease,filter .12s ease;
}

/* ===== Mooky V150 · pages juridiques publiques ===== */
.legal-page-v150{width:min(100%,760px);margin:0 auto;padding:18px 16px 120px;color:#f4f5f8}
.legal-hero-v150{position:relative;display:flex;justify-content:space-between;gap:18px;padding:22px;border:1px solid #252c3a;border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(128,89,255,.22),transparent 34%),linear-gradient(145deg,#151924,#0c1017);overflow:hidden}
.legal-brand-v150{display:flex;gap:14px;align-items:flex-start}.legal-brand-v150 img{width:62px;height:62px;border-radius:18px;object-fit:cover}.legal-brand-v150 span{display:block;color:#a989ff;font-size:10px;font-weight:900;letter-spacing:.18em}.legal-brand-v150 h1{margin:6px 0 7px;font-size:27px;line-height:1.1}.legal-brand-v150 p{margin:0;color:#98a1b4;max-width:540px;font-size:12px;line-height:1.55}.legal-meta-v150{display:flex;gap:9px;align-items:center;align-self:flex-start;padding:10px 12px;border:1px solid #2c3445;border-radius:12px;background:#0b0f16;white-space:nowrap}.legal-meta-v150 i{color:#9f83ff}.legal-meta-v150 small,.legal-meta-v150 b{display:block}.legal-meta-v150 small{color:#697487;font-size:8px}.legal-meta-v150 b{margin-top:2px;font-size:10px}
.legal-tabs-v150{display:flex;gap:7px;overflow-x:auto;padding:12px 0 3px;scrollbar-width:none}.legal-tabs-v150::-webkit-scrollbar{display:none}.legal-tabs-v150 a{flex:0 0 auto;padding:9px 11px;border:1px solid #252c3a;border-radius:11px;background:#10141c;color:#8d96a8;font-size:10px;font-weight:800}.legal-tabs-v150 a.active{border-color:#6e50d8;background:#1b1632;color:#b8a5ff}
.legal-share-v150{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:12px 0;padding:12px 14px;border:1px solid #282f3e;border-radius:14px;background:#11151e}.legal-share-v150 b{display:block;font-size:11px}.legal-share-v150 small{display:block;margin-top:2px;color:#727d90;font-size:8px}.legal-share-actions-v150{display:flex;gap:6px}.legal-share-actions-v150 button{height:34px;padding:0 10px;border:1px solid #30384a;border-radius:10px;background:#171c27;color:#d8dce5;font-size:9px;font-weight:800}.legal-share-actions-v150 i{margin-right:5px;color:#a287ff}
.legal-document-v150{padding:22px;border:1px solid #252c3a;border-radius:20px;background:#10141d}.legal-document-v150 h2{margin:26px 0 9px;padding-top:2px;color:#fff;font-size:17px}.legal-document-v150 h2:first-child{margin-top:0}.legal-document-v150 p,.legal-document-v150 li{color:#b5bdca;font-size:11px;line-height:1.7}.legal-document-v150 ul{padding-left:20px}.legal-document-v150 a{color:#9d82ff;text-decoration:none}.legal-document-v150 code{padding:2px 5px;border-radius:6px;background:#080b10;color:#d1c7ff}
.legal-grid-v150{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.legal-grid-v150>div{padding:11px;border:1px solid #252d3c;border-radius:12px;background:#0a0e14}.legal-grid-v150 span{display:block;color:#707a8d;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.legal-grid-v150 b{display:block;margin-top:4px;font-size:10px;overflow-wrap:anywhere}.legal-alert-v150{display:flex;gap:11px;margin:12px 0;padding:13px;border:1px solid #5c4926;border-radius:12px;background:#201a10}.legal-alert-v150>i{color:#ffc766;margin-top:2px}.legal-alert-v150 b{font-size:10px;color:#ffd88c}.legal-alert-v150 p{margin:4px 0 0;color:#b8a786;font-size:9px}
.legal-prices-v150{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legal-prices-v150>div{padding:14px;border:1px solid #30294a;border-radius:14px;background:linear-gradient(145deg,#19162a,#0c1017)}.legal-prices-v150 span{color:#9e83ff;font-size:9px;font-weight:900;letter-spacing:.12em}.legal-prices-v150 strong{display:block;margin-top:6px;font-size:24px}.legal-prices-v150 small{color:#798397;font-size:9px}.legal-prices-v150 p{margin-bottom:0}.legal-table-v150{display:grid;gap:7px}.legal-table-v150>div{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #252c3a;border-radius:11px;background:#0a0e14}.legal-table-v150 b{font-size:9px}.legal-table-v150 span{font-size:9px;color:#909aab}.legal-table-v150 em{font-style:normal;font-size:8px;color:#7be1b5}.legal-cookie-button-v150{height:42px;padding:0 14px;border:1px solid #5f46bc;border-radius:11px;background:#1b1632;color:#bca8ff;font-weight:850;font-size:10px}
.global-legal-footer-v150{max-width:650px;margin:0 auto;padding:18px 14px 100px;text-align:center;color:#5f697b}.global-legal-links-v150{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}.global-legal-links-v150 a,.global-legal-links-v150 button{border:0;padding:0;background:none;color:#7e8799;font-size:8px;text-decoration:none}.global-legal-links-v150 button{cursor:pointer}.global-legal-links-v150 span{font-size:8px}.global-legal-footer-v150 small{font-size:8px}
.cookie-modal-v150{position:fixed;z-index:999999;inset:0;display:none;align-items:flex-end;justify-content:center;padding:16px;background:rgba(2,4,8,.76)}.cookie-modal-v150.open{display:flex}.cookie-card-v150{width:min(100%,520px);padding:15px;border:1px solid #2a3141;border-radius:18px;background:#131823;box-shadow:0 30px 80px rgba(0,0,0,.5)}.cookie-head-v150{display:grid;grid-template-columns:42px 1fr 34px;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid #252d3c}.cookie-icon-v150{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#241c43;color:#a88cff}.cookie-head-v150 b{display:block;font-size:12px}.cookie-head-v150 small{display:block;color:#7d8798;font-size:8px;margin-top:2px}.cookie-head-v150>button{width:34px;height:34px;border:1px solid #2a3243;border-radius:10px;background:#171c26;color:#fff}.cookie-card-v150>label{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #222a38}.cookie-card-v150>label b{display:block;font-size:10px}.cookie-card-v150>label small{display:block;margin-top:3px;color:#778194;font-size:8px}.cookie-card-v150 input{accent-color:#835dff}.cookie-actions-v150{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.cookie-actions-v150 button{height:40px;border-radius:10px;font-size:9px;font-weight:850}.cookie-actions-v150 .ghost{border:1px solid #2e3648;background:#111620;color:#aeb5c1}.cookie-actions-v150 .primary{border:1px solid #7a58ed;background:#7654e9;color:#fff}
@media(max-width:600px){.legal-page-v150{padding:12px 10px 100px}.legal-hero-v150{padding:16px;display:block}.legal-brand-v150 img{width:50px;height:50px}.legal-brand-v150 h1{font-size:22px}.legal-meta-v150{margin-top:14px;width:max-content}.legal-share-v150{align-items:flex-start;flex-direction:column}.legal-share-actions-v150{width:100%}.legal-share-actions-v150 button{flex:1}.legal-share-actions-v150 span{display:none}.legal-document-v150{padding:16px}.legal-grid-v150,.legal-prices-v150{grid-template-columns:1fr}.legal-table-v150>div{grid-template-columns:1fr}.global-legal-footer-v150{padding-bottom:92px}}
@media print{.legal-tabs-v150,.legal-share-v150,.global-legal-footer-v150,.mobile-nav,.app-drawer,.cookie-modal-v150{display:none!important}.legal-page-v150{padding:0;max-width:none}.legal-document-v150,.legal-hero-v150{border:0;background:#fff;color:#000}.legal-document-v150 p,.legal-document-v150 li,.legal-brand-v150 p{color:#222}}

/* ===== Mooky V151 · Android safe-area + KYC mobile pro ===== */
:root{--mooky-android-status:28px}
@media(max-width:620px){
  /* WebView/Capacitor Android peut renvoyer env(safe-area-inset-top)=0 alors que la barre système recouvre la page. */
  .topbar,.simple-head,.chat-head{
    height:auto!important;
    min-height:calc(60px + max(env(safe-area-inset-top),var(--mooky-android-status)))!important;
    padding-top:max(env(safe-area-inset-top),var(--mooky-android-status))!important;
    padding-bottom:8px!important;
    align-items:flex-end!important;
  }
  .post-pro-head{
    min-height:calc(68px + max(env(safe-area-inset-top),var(--mooky-android-status)))!important;
    padding-top:max(env(safe-area-inset-top),var(--mooky-android-status))!important;
  }
  .profile-v4 .profile-cover{
    height:calc(180px + max(env(safe-area-inset-top),var(--mooky-android-status)))!important;
  }
  .profile-v4 .round-back,.profile-v4 .round-settings{
    top:calc(max(env(safe-area-inset-top),var(--mooky-android-status)) + 12px)!important;
  }
  .profile-v4 .profile-avatar-line{margin-top:-48px!important}
}

.kyc-title-v151{display:grid;place-items:center;gap:1px;line-height:1.05}
.kyc-title-v151 strong{font-size:15px}
.kyc-title-v151 small{font-size:8px;color:#737b8e;font-weight:700}
.kyc-head-lock{border:1px solid #262b38;border-radius:11px;background:#11151d!important;color:#9ba4b6!important}

.kyc-page-v147{max-width:100%;padding:14px 14px 118px!important;gap:12px!important;background:
radial-gradient(circle at 90% 0,rgba(124,92,255,.08),transparent 24%),#090c12}
.kyc-hero-v147{grid-template-columns:58px minmax(0,1fr) auto!important;gap:14px!important;padding:18px!important;border-radius:18px!important;border-color:#282f3f!important;background:
radial-gradient(circle at 95% 5%,rgba(128,86,255,.19),transparent 38%),linear-gradient(145deg,#151a25,#0e1219)!important;box-shadow:0 14px 40px rgba(0,0,0,.22)}
.kyc-hero-icon-v147{width:58px!important;height:58px!important;border-radius:16px!important;font-size:23px!important}
.kyc-hero-copy-v147 .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:9px!important;letter-spacing:.14em!important}
.kyc-hero-copy-v147 h1{font-size:23px!important;line-height:1.08!important;margin:6px 0 7px!important;letter-spacing:-.5px}
.kyc-hero-copy-v147 p{font-size:10.5px!important;line-height:1.55!important;color:#9099ad!important}
.kyc-hero-badge-v147{padding:7px 9px!important;font-size:8.5px!important;border-color:#304138!important;background:#0d1714!important;color:#76ddb6!important}

.kyc-steps-v147{padding:10px!important;gap:5px!important;border-radius:14px!important;background:#0e1219!important;overflow:hidden}
.kyc-steps-v147>div{flex:1!important;min-width:0!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:8px!important;text-align:left!important}
.kyc-steps-v147>div span{grid-row:1/3!important;width:32px!important;height:32px!important;border-radius:10px!important;font-size:12px!important}
.kyc-steps-v147>div b{font-size:9.5px!important;white-space:nowrap}
.kyc-steps-v147>div small{display:block!important;font-size:7.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kyc-steps-v147>i{font-size:8px!important;flex:0 0 auto}

.kyc-panel-v147{padding:15px!important;border-radius:17px!important;border-color:#272e3e!important;background:#10141d!important;box-shadow:0 10px 30px rgba(0,0,0,.13)}
.kyc-panel-head-v147{gap:10px!important;padding-bottom:12px!important;margin-bottom:13px!important}
.kyc-panel-head-v147>span{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important}
.kyc-panel-head-v147 b{font-size:12.5px!important}
.kyc-panel-head-v147 small{font-size:8.7px!important}
.kyc-panel-head-v147>em{white-space:nowrap!important}

.kyc-fields-v147{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.kyc-fields-v147 label{display:block!important;min-width:0!important}
.kyc-fields-v147 label.wide{grid-column:1/-1!important}
.kyc-fields-v147 label>span{position:static!important;display:block!important;margin:0 0 6px!important;font-size:9.5px!important;color:#cbd1dd!important}
.kyc-input-v147{height:48px!important;border-radius:12px!important;background:#080b10!important}
.kyc-input-v147>i{width:38px!important;flex:0 0 38px!important}
.kyc-input-v147 input,.kyc-input-v147 select{font-size:11px!important;line-height:normal!important}
.kyc-input-v147 input[type=date]{min-height:46px!important}

.kyc-document-grid-v147{gap:9px!important}
.kyc-upload-v147{min-height:82px!important;padding:11px!important;border-radius:13px!important;grid-template-columns:42px minmax(0,1fr) 20px!important}
.kyc-upload-icon-v147{width:42px!important;height:42px!important;border-radius:11px!important}
.kyc-upload-copy-v147 b{font-size:10.5px!important;line-height:1.25!important}
.kyc-upload-copy-v147 small{font-size:8px!important;margin-top:3px!important}

.kyc-camera-v147{min-height:250px!important;border-radius:15px!important;background:#07090d!important}
.kyc-camera-placeholder-v147{min-height:250px!important;padding:22px!important}
.kyc-camera-placeholder-v147>span{width:58px!important;height:58px!important;border-radius:18px!important;font-size:22px!important;margin-bottom:10px!important}
.kyc-camera-placeholder-v147 h3{font-size:15px!important}
.kyc-camera-placeholder-v147 p{font-size:9.5px!important;margin:6px auto 13px!important}
.kyc-camera-start-v147{min-height:44px!important;padding:0 15px!important;font-size:10px!important}
.kyc-video-wrap-v147,.kyc-selfie-preview-v147{width:min(100%,360px)!important;border-radius:14px!important}
.kyc-capture-v147{width:min(100%,360px)!important;height:45px!important;font-size:10px!important}
.kyc-security-v147{padding:12px!important;border-radius:13px!important}
.kyc-security-v147 p,.kyc-consent-v147 p{font-size:8.8px!important}
.kyc-submit-v147{height:52px!important;border-radius:13px!important;font-size:11px!important}

@media(max-width:430px){
  .kyc-page-v147{padding:10px 10px 110px!important}
  .kyc-hero-v147{grid-template-columns:50px minmax(0,1fr)!important;padding:14px!important;gap:10px!important}
  .kyc-hero-icon-v147{width:50px!important;height:50px!important;border-radius:14px!important;font-size:20px!important}
  .kyc-hero-copy-v147 h1{font-size:19px!important}
  .kyc-hero-copy-v147 p{font-size:9.2px!important}
  .kyc-hero-badge-v147{grid-column:1/-1!important;justify-content:center!important;width:100%!important}
  .kyc-steps-v147>div{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:3px!important}
  .kyc-steps-v147>div small{font-size:7px!important;max-width:74px!important}
  .kyc-fields-v147{grid-template-columns:1fr 1fr!important}
  .kyc-fields-v147 label.wide{grid-column:1/-1!important}
  .kyc-document-grid-v147{grid-template-columns:1fr 1fr!important}
  .kyc-upload-v147{grid-template-columns:38px minmax(0,1fr) 16px!important;gap:8px!important;padding:10px!important}
  .kyc-upload-icon-v147{width:38px!important;height:38px!important}
  .kyc-upload-copy-v147 b{font-size:9.5px!important}
  .kyc-upload-copy-v147 small{font-size:7.3px!important}
}
@media(max-width:355px){
  .kyc-fields-v147,.kyc-document-grid-v147{grid-template-columns:1fr!important}
  .kyc-fields-v147 label.wide{grid-column:auto!important}
}


/* ===== V152 · KYC selfie block pro + hidden state fix ===== */
.kyc-camera-error-v147[hidden],
.kyc-camera-live-v147[hidden],
.kyc-camera-result-v147[hidden],
.kyc-camera-placeholder-v147[hidden]{display:none!important}

.kyc-camera-panel-v147{
  background:linear-gradient(180deg,#121722 0%,#0f141d 100%)!important;
  border-color:#2a3242!important;
  box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
}
.kyc-camera-panel-v147 .kyc-panel-head-v147{
  margin-bottom:14px!important;
  padding-bottom:13px!important;
}
.kyc-camera-panel-v147 .kyc-panel-head-v147>span{
  background:linear-gradient(145deg,#2c2053,#1e1838)!important;
  box-shadow:inset 0 0 0 1px rgba(164,132,255,.10)!important;
}
.kyc-camera-panel-v147 .kyc-panel-head-v147>em{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-left:auto!important;
  padding:6px 9px!important;
  border:1px solid rgba(255,178,103,.26)!important;
  background:rgba(74,41,18,.32)!important;
  color:#ffbd73!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
.kyc-camera-v147{
  position:relative!important;
  min-height:286px!important;
  border:1px solid #30384a!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 8%,rgba(132,91,246,.12),transparent 34%),
    linear-gradient(180deg,#090c12,#07090d)!important;
  overflow:hidden!important;
}
.kyc-camera-placeholder-v147{
  min-height:286px!important;
  padding:28px 22px!important;
}
.kyc-camera-placeholder-v147>span{
  width:64px!important;
  height:64px!important;
  border-radius:20px!important;
  margin-bottom:12px!important;
  background:linear-gradient(145deg,#2b2150,#19152e)!important;
  box-shadow:0 10px 24px rgba(124,92,255,.16),inset 0 0 0 1px rgba(167,138,255,.12)!important;
}
.kyc-camera-placeholder-v147 h3{
  font-size:17px!important;
  margin:0!important;
  color:#fff!important;
}
.kyc-camera-placeholder-v147 p{
  max-width:420px!important;
  color:#8f99ac!important;
  font-size:10px!important;
  line-height:1.6!important;
  margin:7px auto 16px!important;
}
.kyc-camera-start-v147{
  min-width:170px!important;
  height:46px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#6d4cf4,#9565ff)!important;
  box-shadow:0 10px 24px rgba(124,92,255,.22)!important;
}
.kyc-camera-error-v147{
  align-items:flex-start!important;
  gap:10px!important;
  margin-top:11px!important;
  padding:12px 13px!important;
  min-height:46px!important;
  border:1px solid rgba(255,106,135,.32)!important;
  background:linear-gradient(180deg,rgba(77,24,39,.55),rgba(48,18,28,.75))!important;
  color:#ff9fb1!important;
  border-radius:13px!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.kyc-camera-error-v147 i{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:rgba(255,92,121,.10)!important;
  color:#ff7e98!important;
  margin-top:-1px!important;
}
.kyc-security-v147{
  margin-top:2px!important;
  padding:15px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#0f1e1a,#0d1714)!important;
  border-color:#1f4f40!important;
}
.kyc-consent-v147{
  padding:3px 2px!important;
  align-items:center!important;
}
.kyc-submit-v147{
  height:54px!important;
  border-radius:14px!important;
  box-shadow:0 12px 30px rgba(124,92,255,.20)!important;
}
@media(max-width:620px){
  .kyc-camera-v147,.kyc-camera-placeholder-v147{min-height:240px!important}
  .kyc-camera-placeholder-v147{padding:22px 18px!important}
  .kyc-camera-placeholder-v147>span{width:56px!important;height:56px!important;border-radius:18px!important;font-size:21px!important}
  .kyc-camera-placeholder-v147 h3{font-size:15px!important}
  .kyc-camera-placeholder-v147 p{font-size:9.5px!important;max-width:300px!important}
  .kyc-camera-start-v147{height:44px!important;min-width:158px!important;font-size:11px!important}
}


/* V153 · menu publication uniquement via appui long : masque les boutons ellipsis */
.mooky-post-menu-hidden{display:none!important;}

/* ===== V154 · Identity verification complete mobile layout polish ===== */
.kyc-page-v147{
  width:100%!important;
  max-width:680px!important;
  margin:0 auto!important;
  padding:16px 16px 122px!important;
  gap:14px!important;
}

.kyc-hero-v147{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-areas:
    "icon copy"
    "badge badge"!important;
  align-items:center!important;
  gap:16px 18px!important;
  padding:22px!important;
  border-radius:24px!important;
  border:1px solid #2a3142!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(124,92,255,.20),transparent 36%),
    linear-gradient(145deg,#171b28 0%,#0f131c 72%)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}
.kyc-hero-icon-v147{
  grid-area:icon!important;
  width:72px!important;
  height:72px!important;
  border-radius:21px!important;
  font-size:29px!important;
  align-self:center!important;
}
.kyc-hero-copy-v147{grid-area:copy!important;min-width:0!important}
.kyc-hero-copy-v147 .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border:1px solid rgba(141,107,255,.30)!important;
  border-radius:10px!important;
  background:rgba(120,82,220,.10)!important;
  color:#a98cff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
.kyc-hero-copy-v147 h1{
  margin:13px 0 8px!important;
  font-size:29px!important;
  line-height:1.06!important;
  letter-spacing:-.8px!important;
  color:#fff!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.kyc-hero-copy-v147 p{
  max-width:540px!important;
  margin:0!important;
  color:#a0a9bb!important;
  font-size:12px!important;
  line-height:1.62!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.kyc-hero-badge-v147{
  grid-area:badge!important;
  justify-self:start!important;
  width:auto!important;
  min-height:40px!important;
  padding:0 14px!important;
  border:1px solid #25503e!important;
  border-radius:12px!important;
  background:#0d1b16!important;
  color:#64e5b2!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.kyc-steps-v147{
  display:grid!important;
  grid-template-columns:1fr auto 1fr auto 1fr!important;
  align-items:center!important;
  gap:8px!important;
  padding:14px!important;
  border-radius:18px!important;
  background:#0e1219!important;
}
.kyc-steps-v147>div{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  align-items:center!important;
  min-width:0!important;
  text-align:left!important;
}
.kyc-steps-v147>div span{
  grid-row:1/3!important;
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:14px!important;
}
.kyc-steps-v147>div b{font-size:10.5px!important;white-space:nowrap!important}
.kyc-steps-v147>div small{display:block!important;font-size:8px!important;white-space:nowrap!important;color:#778195!important}
.kyc-steps-v147>i{font-size:8px!important;color:#465066!important}

.kyc-panel-v147{
  padding:20px!important;
  border-radius:20px!important;
  border:1px solid #293142!important;
  background:linear-gradient(180deg,#111620,#0d121a)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}
.kyc-panel-head-v147{
  align-items:center!important;
  gap:12px!important;
  padding-bottom:15px!important;
  margin-bottom:16px!important;
}
.kyc-panel-head-v147>span{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  border-radius:14px!important;
  font-size:17px!important;
}
.kyc-panel-head-v147 b{font-size:15px!important;line-height:1.25!important}
.kyc-panel-head-v147 small{font-size:10px!important;line-height:1.45!important}

.kyc-fields-v147{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}
.kyc-fields-v147 label{min-width:0!important;margin:0!important}
.kyc-fields-v147 label.wide{grid-column:1/-1!important}
.kyc-fields-v147 label>span{
  position:static!important;
  display:block!important;
  margin:0 0 8px!important;
  padding:0!important;
  color:#d7dce7!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:850!important;
  transform:none!important;
}
.kyc-input-v147{
  height:54px!important;
  border-radius:14px!important;
  border:1px solid #30384a!important;
  background:#080b10!important;
  overflow:hidden!important;
}
.kyc-input-v147>i{
  width:46px!important;
  flex:0 0 46px!important;
  font-size:15px!important;
  color:#8268dc!important;
}
.kyc-input-v147 input,.kyc-input-v147 select{
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  padding:0 14px 0 0!important;
  font-size:13px!important;
  color:#fff!important;
  line-height:1.2!important;
}
.kyc-input-v147 select{appearance:auto!important}

.kyc-document-grid-v147{gap:12px!important}
.kyc-upload-v147{
  min-height:96px!important;
  padding:14px!important;
  grid-template-columns:48px minmax(0,1fr) 24px!important;
  gap:12px!important;
  border-radius:15px!important;
}
.kyc-upload-icon-v147{width:48px!important;height:48px!important;border-radius:13px!important}
.kyc-upload-copy-v147 b{font-size:11.5px!important;line-height:1.3!important}
.kyc-upload-copy-v147 small{font-size:8.5px!important;line-height:1.3!important}

@media(max-width:620px){
  .kyc-page-v147{padding:12px 12px 114px!important;gap:12px!important}
  .kyc-hero-v147{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "icon" "badge"!important;
    gap:14px!important;
    padding:20px 18px!important;
    text-align:left!important;
  }
  .kyc-hero-icon-v147{
    width:58px!important;
    height:58px!important;
    border-radius:17px!important;
    font-size:23px!important;
  }
  .kyc-hero-copy-v147 .eyebrow{min-height:30px!important;padding:0 11px!important;font-size:9px!important}
  .kyc-hero-copy-v147 h1{
    margin:14px 0 9px!important;
    font-size:26px!important;
    line-height:1.08!important;
    max-width:none!important;
  }
  .kyc-hero-copy-v147 p{font-size:11px!important;line-height:1.58!important;max-width:none!important}
  .kyc-hero-badge-v147{width:100%!important;justify-content:center!important;min-height:42px!important}

  .kyc-steps-v147{grid-template-columns:1fr auto 1fr auto 1fr!important;padding:12px 10px!important;gap:5px!important}
  .kyc-steps-v147>div{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
  }
  .kyc-steps-v147>div span{width:36px!important;height:36px!important;font-size:13px!important}
  .kyc-steps-v147>div b{font-size:10px!important;white-space:normal!important}
  .kyc-steps-v147>div small{font-size:7.5px!important;white-space:normal!important;line-height:1.2!important}

  .kyc-panel-v147{padding:16px!important;border-radius:18px!important}
  .kyc-panel-head-v147{align-items:flex-start!important}
  .kyc-panel-head-v147>span{width:44px!important;height:44px!important;flex-basis:44px!important}
  .kyc-panel-head-v147 b{font-size:14px!important}
  .kyc-panel-head-v147 small{font-size:9px!important}

  .kyc-fields-v147{grid-template-columns:1fr!important;gap:13px!important}
  .kyc-fields-v147 label.wide{grid-column:auto!important}
  .kyc-fields-v147 label>span{font-size:10.5px!important;margin-bottom:7px!important}
  .kyc-input-v147{height:52px!important}
  .kyc-input-v147 input,.kyc-input-v147 select{font-size:12px!important}

  .kyc-document-grid-v147{grid-template-columns:1fr!important}
  .kyc-upload-v147{min-height:88px!important}
}

@media(max-width:390px){
  .kyc-page-v147{padding-left:10px!important;padding-right:10px!important}
  .kyc-hero-v147{padding:18px 16px!important;border-radius:20px!important}
  .kyc-hero-copy-v147 h1{font-size:23px!important}
  .kyc-hero-copy-v147 p{font-size:10.5px!important}
  .kyc-steps-v147{padding:10px 7px!important}
  .kyc-steps-v147>div span{width:34px!important;height:34px!important}
  .kyc-steps-v147>div b{font-size:9.5px!important}
  .kyc-steps-v147>div small{font-size:7px!important}
  .kyc-panel-v147{padding:14px!important}
}

/* V155 · aucune icône ellipsis sur les publications : actions uniquement par appui long */
.post-menu-btn,.home-post-menu,.community-post-menu-btn-v110{display:none!important;}

/* ===== V156 · KYC mobile clean layout, hero icon removed ===== */
.kyc-hero-v147{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:14px!important;
  padding:22px!important;
}
.kyc-hero-icon-v147{display:none!important}
.kyc-hero-copy-v147{width:100%!important;max-width:none!important}
.kyc-hero-copy-v147 h1{
  max-width:none!important;
  width:100%!important;
  margin:14px 0 9px!important;
  font-size:30px!important;
  line-height:1.08!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.kyc-hero-copy-v147 p{
  width:100%!important;
  max-width:560px!important;
  font-size:12px!important;
  line-height:1.65!important;
}
.kyc-hero-badge-v147{
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  align-self:flex-start!important;
}

.kyc-fields-v147{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px 14px!important;
  align-items:start!important;
}
.kyc-fields-v147 label,
.kyc-fields-v147 label.wide{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.kyc-fields-v147 label.wide{grid-column:1/-1!important}
.kyc-fields-v147 label>span{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:block!important;
  width:100%!important;
  min-height:16px!important;
  margin:0 0 8px!important;
  padding:0!important;
  color:#e6e9f0!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
  z-index:auto!important;
}
.kyc-input-v147{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:56px!important;
  margin:0!important;
  overflow:hidden!important;
}
.kyc-input-v147>i{
  position:static!important;
  transform:none!important;
  width:46px!important;
  min-width:46px!important;
  flex:0 0 46px!important;
  text-align:center!important;
}
.kyc-input-v147 input,.kyc-input-v147 select{
  position:static!important;
  transform:none!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0 14px 0 0!important;
  font-size:13px!important;
  line-height:1.2!important;
}

.kyc-panel-v147{
  overflow:visible!important;
  min-width:0!important;
}
.kyc-panel-head-v147{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}
.kyc-panel-head-v147>div{min-width:0!important;flex:1 1 auto!important}
.kyc-panel-head-v147 b,.kyc-panel-head-v147 small{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.kyc-panel-head-v147>em{flex:0 0 auto!important}

.kyc-document-grid-v147{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
.kyc-upload-v147{
  min-width:0!important;
  min-height:102px!important;
}
.kyc-upload-copy-v147 b,
.kyc-upload-copy-v147 small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

@media(max-width:620px){
  .kyc-page-v147{padding:12px 10px 118px!important}
  .kyc-hero-v147{padding:18px 16px!important;gap:12px!important}
  .kyc-hero-copy-v147 h1{font-size:25px!important;line-height:1.1!important}
  .kyc-hero-copy-v147 p{font-size:11px!important;line-height:1.58!important}
  .kyc-hero-badge-v147{width:100%!important;justify-content:center!important;align-self:stretch!important}

  .kyc-panel-v147{padding:16px 14px!important}
  .kyc-panel-head-v147{align-items:flex-start!important;gap:11px!important}
  .kyc-panel-head-v147>span{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .kyc-panel-head-v147 b{font-size:14px!important;line-height:1.28!important}
  .kyc-panel-head-v147 small{font-size:9.5px!important;line-height:1.45!important}

  .kyc-fields-v147{grid-template-columns:1fr!important;gap:15px!important}
  .kyc-fields-v147 label.wide{grid-column:auto!important}
  .kyc-fields-v147 label>span{font-size:11px!important;margin-bottom:7px!important;min-height:0!important}
  .kyc-input-v147{height:54px!important}
  .kyc-input-v147 input,.kyc-input-v147 select{font-size:12px!important}

  .kyc-document-grid-v147{grid-template-columns:1fr!important;gap:10px!important}
  .kyc-upload-v147{min-height:92px!important}

  .kyc-camera-panel-v147 .kyc-panel-head-v147{flex-wrap:wrap!important}
  .kyc-camera-panel-v147 .kyc-panel-head-v147>em{margin-left:55px!important}
}

@media(max-width:390px){
  .kyc-hero-copy-v147 h1{font-size:23px!important}
  .kyc-hero-copy-v147 p{font-size:10.5px!important}
  .kyc-panel-v147{padding:14px 12px!important}
  .kyc-panel-head-v147>span{width:40px!important;height:40px!important;flex-basis:40px!important}
  .kyc-camera-panel-v147 .kyc-panel-head-v147>em{margin-left:51px!important}
}

/* ===== V157 · UI plus carrée + headers uniformes ===== */
:root{--radius:10px!important}

/* Évite les gros éléments en pilule/ronds sur l'interface. Les avatars restent ronds. */
.btn,.btn.small,.pill,.badge,.alert,.form-card,.user-card,.upload-box,
.composer-placeholder,.post-actions a,.post-actions button,.comment>div,.search-box button,
.edit-tag-suggestions button,.edit-switch,.mooky-video-badge,.mooky-video-duration,
.kyc-hero-copy-v147 .eyebrow,.kyc-hero-badge-v147,.kyc-status-v147,
.kyc-panel-v147,.kyc-input-v147,.kyc-upload-v147,.kyc-camera-v147,
.kyc-security-v147,.kyc-consent-v147,.kyc-submit-v147,
.kyc-camera-start-v147,.kyc-capture-v147,.kyc-retake-v147,
.kyc-live-pill-v147,.verify-alert{
  border-radius:8px!important;
}

/* Les tuiles numérotées / icônes sont carrées, pas en rond. */
.kyc-steps-v147>div span,
.kyc-panel-head-v147>span,
.kyc-upload-icon-v147,
.kyc-camera-placeholder-v147>span,
.kyc-security-v147>i{
  border-radius:8px!important;
}

/* Header cohérent : même taille pour retour et cadenas/action à droite. */
.app-page-head,
.simple-head.app-page-head{
  min-height:72px!important;
  height:auto!important;
  padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  align-items:center!important;
  gap:10px!important;
}
.app-page-head .head-icon,
.app-page-head .mooky-back-btn,
.app-page-head .kyc-head-lock,
.simple-head.app-page-head>a:first-child{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:8px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  font-size:20px!important;
  line-height:1!important;
  border:1px solid #252c3a!important;
  background:#131720!important;
  color:#f0f2f7!important;
}
.app-page-head .kyc-title-v151{
  min-width:0!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.1!important;
}
.app-page-head .kyc-title-v151 strong{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.app-page-head .kyc-title-v151 small{font-size:8px!important;margin-top:3px!important;color:#747d90!important}

/* KYC : champs propres, labels hors des inputs et hauteur identique. */
.kyc-fields-v147{align-items:start!important}
.kyc-fields-v147 label{gap:0!important;min-width:0!important}
.kyc-fields-v147 label>span{
  display:block!important;
  position:static!important;
  margin:0 0 8px 0!important;
  padding:0!important;
  min-height:0!important;
  line-height:1.25!important;
  color:#f2f3f7!important;
  font-size:10.5px!important;
  font-weight:800!important;
  white-space:normal!important;
}
.kyc-input-v147{
  min-height:54px!important;
  height:54px!important;
  width:100%!important;
  padding:0 12px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  overflow:hidden!important;
  border-radius:8px!important;
}
.kyc-input-v147>i{width:28px!important;text-align:left!important;font-size:15px!important}
.kyc-input-v147 input,.kyc-input-v147 select{
  height:52px!important;
  min-height:52px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  line-height:52px!important;
}
.kyc-input-v147 select{line-height:normal!important}

/* hero plus net et moins arrondi */
.kyc-hero-v147{border-radius:10px!important}
.kyc-steps-v147{border-radius:10px!important}

/* uploads plus carrés */
.kyc-upload-v147{border-radius:8px!important}

/* Éléments génériques de navigation / cartes : arrondi léger au lieu de pilule. */
.top-actions a,.icon-btn,.create-fab span,.profile-actions a,.profile-actions button,
.mooky-action-btn,.mooky-sheet-close,.premium-nav a,.legal-share-btn{
  border-radius:8px!important;
}

@media(max-width:620px){
  .app-page-head,.simple-head.app-page-head{
    grid-template-columns:46px minmax(0,1fr) 46px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .app-page-head .head-icon,.app-page-head .mooky-back-btn,.app-page-head .kyc-head-lock,.simple-head.app-page-head>a:first-child{
    width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;font-size:19px!important;
  }
  .kyc-panel-v147{border-radius:10px!important}
  .kyc-fields-v147{gap:14px!important}
  .kyc-fields-v147 label>span{font-size:10px!important;margin-bottom:7px!important}
  .kyc-input-v147{height:52px!important;min-height:52px!important}
  .kyc-input-v147 input,.kyc-input-v147 select{height:50px!important;min-height:50px!important;line-height:50px!important}
}

/* ===== V158 KYC fields / documents robust layout fix ===== */
.kyc-fields-v147{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px 16px!important;
  align-items:start!important;
}
.kyc-fields-v147 label,
.kyc-fields-v147 label.wide{
  display:grid!important;
  grid-template-rows:auto 56px!important;
  row-gap:9px!important;
  align-items:start!important;
  position:relative!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.kyc-fields-v147 label.wide{grid-column:1/-1!important}
.kyc-fields-v147 label>span{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  display:block!important;
  min-height:18px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:18px!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:normal!important;
  overflow:visible!important;
  color:#eef1f7!important;
  z-index:2!important;
}
.kyc-input-v147{
  grid-row:2!important;
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 13px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  overflow:hidden!important;
  border-radius:8px!important;
}
.kyc-input-v147>i{
  position:static!important;
  width:34px!important;
  min-width:34px!important;
  text-align:left!important;
  transform:none!important;
  font-size:16px!important;
}
.kyc-input-v147 input,
.kyc-input-v147 select{
  position:static!important;
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
  line-height:normal!important;
  font-size:13px!important;
  transform:none!important;
}

.kyc-document-grid-v147{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
}
.kyc-upload-v147{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 22px!important;
  gap:12px!important;
  align-items:center!important;
  min-height:104px!important;
  padding:14px!important;
  overflow:hidden!important;
}
.kyc-upload-icon-v147{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:8px!important;
}
.kyc-upload-copy-v147{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
}
.kyc-upload-copy-v147 b{
  display:block!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
}
.kyc-upload-copy-v147 small{
  display:block!important;
  margin:0!important;
  font-size:9px!important;
  line-height:1.4!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
}
.kyc-upload-v147>i{justify-self:end!important;margin:0!important}

/* Passe tôt en vraie mise en page mobile pour éviter les chevauchements. */
@media(max-width:820px){
  .kyc-fields-v147{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .kyc-fields-v147 label.wide{grid-column:auto!important}
  .kyc-fields-v147 label,
  .kyc-fields-v147 label.wide{
    grid-template-rows:auto 56px!important;
    row-gap:9px!important;
  }
  .kyc-fields-v147 label>span{
    font-size:11px!important;
    line-height:18px!important;
    min-height:18px!important;
  }
  .kyc-document-grid-v147{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .kyc-upload-v147{
    min-height:88px!important;
    grid-template-columns:44px minmax(0,1fr) 20px!important;
    gap:11px!important;
    padding:12px!important;
  }
  .kyc-upload-icon-v147{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }
  .kyc-upload-copy-v147 b{font-size:12px!important;line-height:1.25!important}
  .kyc-upload-copy-v147 small{font-size:9px!important;line-height:1.35!important}
}

@media(max-width:420px){
  .kyc-panel-v147{padding:13px!important}
  .kyc-panel-head-v147{gap:10px!important}
  .kyc-panel-head-v147>span{width:40px!important;height:40px!important;flex-basis:40px!important}
  .kyc-fields-v147{gap:15px!important}
  .kyc-input-v147{height:54px!important;min-height:54px!important}
  .kyc-input-v147 input,.kyc-input-v147 select{height:52px!important;min-height:52px!important}
}


/* ===== Mooky V160 · BananaCoins ===== */
.bc-page{padding:18px 16px 120px;max-width:760px;margin:0 auto}.bc-shop-hero,.bc-wallet-hero{display:grid;grid-template-columns:1fr auto;gap:18px;padding:22px;border:1px solid #282e3d;background:linear-gradient(145deg,#151927,#0d1018);position:relative;overflow:hidden}.bc-shop-hero:after,.bc-wallet-hero:after{content:"";position:absolute;width:180px;height:180px;right:-65px;top:-75px;background:radial-gradient(circle,rgba(255,202,44,.18),transparent 68%);pointer-events:none}.bc-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#ffd65a}.bc-shop-hero h1,.bc-wallet-hero h1{font-size:34px;margin:8px 0 5px}.bc-shop-hero h1 span,.bc-wallet-hero h1 em{color:#ffd54f;font-style:normal}.bc-shop-hero p,.bc-wallet-hero p{margin:0;color:#8892a6;font-size:13px}.bc-balance{min-width:170px;border:1px solid #333a4d;background:#0b0e14;padding:14px;display:flex;flex-direction:column;justify-content:center}.bc-balance small{color:#7f899c}.bc-balance b{font-size:22px;color:#fff;margin:4px 0}.bc-balance a{font-size:11px;color:#a990ff}.bc-wallet-hero>a{align-self:center;padding:12px 16px;background:#7c5cff;color:#fff;font-weight:800}.bc-section-title{margin:24px 0 12px}.bc-section-title>span{color:#9c82ff;font-size:10px;font-weight:900;letter-spacing:.15em}.bc-section-title h2{margin:4px 0 2px;font-size:23px}.bc-section-title p{margin:0;color:#737e92;font-size:12px}.bc-pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bc-pack{position:relative;padding:17px;border:1px solid #282f3f;background:#111621;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.bc-pack.featured{border-color:#7157c9;background:linear-gradient(145deg,#18162a,#111621)}.bc-pack>em{position:absolute;right:10px;top:9px;font-size:8px;font-style:normal;font-weight:900;color:#ffd45c;background:#2b2514;padding:5px 7px}.bc-pack-icon{width:52px;height:52px;display:grid;place-items:center;background:#2a2412;color:#ffd54f;font-size:21px}.bc-pack small{color:#8d96a8;font-weight:700}.bc-pack h3{margin:3px 0 0;font-size:23px}.bc-pack h3 b{color:#ffd54f;font-size:13px}.bc-pack p{margin:3px 0;color:#6f798c;font-size:10px}.bc-pack p strong{color:#57dca9}.bc-pack form{grid-column:1/-1}.bc-pack button{width:100%;height:42px;border:0;background:#7a5af0;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.bc-secure,.bc-info{margin-top:14px;border:1px solid #263044;background:#0f141d;padding:14px;display:flex;align-items:center;gap:12px}.bc-secure .fa-stripe{font-size:32px;color:#8b72ff}.bc-secure>div{flex:1}.bc-secure b,.bc-info b{display:block}.bc-secure small,.bc-info p{font-size:10px;color:#798398;margin:0}.bc-alert{margin:12px 0;padding:12px;border:1px solid #56303a;background:#27151c;color:#ff9aaa;font-size:12px}.bc-alert.success{border-color:#24513e;background:#0f2019;color:#5ee2af}.bc-history{margin-top:18px}.bc-tx{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #202735}.bc-tx-icon{width:38px;height:38px;display:grid;place-items:center;background:#161d28}.bc-tx-icon.plus,.bc-tx strong.plus{color:#56dda9}.bc-tx-icon.minus,.bc-tx strong.minus{color:#ff849b}.bc-tx div b{display:block;font-size:12px}.bc-tx div small{color:#6e788a;font-size:9px}.bc-empty{padding:30px;text-align:center;border:1px dashed #2b3445;background:#0d1118}.bc-empty i{font-size:25px;color:#8c73ff}.bc-empty b,.bc-empty small{display:block;margin-top:8px}.bc-empty small{color:#6e788c}
@media(max-width:620px){.bc-shop-hero,.bc-wallet-hero{grid-template-columns:1fr}.bc-balance{min-width:0}.bc-pack-grid{grid-template-columns:1fr}.bc-page{padding-left:12px;padding-right:12px}.bc-shop-hero h1,.bc-wallet-hero h1{font-size:30px}}

/* ===== Mooky V160 · KYC final responsive polish ===== */
.kyc-page-v147{max-width:680px!important;padding:18px 14px 120px!important}.kyc-hero-v147{padding:22px!important;border-radius:12px!important;display:block!important}.kyc-hero-copy-v147{max-width:none!important}.kyc-hero-copy-v147 h1{font-size:30px!important;line-height:1.08!important;margin:16px 0 9px!important;max-width:none!important}.kyc-hero-copy-v147 p{max-width:560px!important;line-height:1.6!important}.kyc-hero-badge-v147{margin-top:16px!important;width:max-content!important}.kyc-panel-v147{border-radius:10px!important;padding:18px!important}.kyc-panel-head-v147{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important}.kyc-panel-head-v147>span{width:46px!important;height:46px!important}.kyc-fields-v147{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px 14px!important;margin-top:18px!important}.kyc-fields-v147 label{display:block!important;min-width:0!important}.kyc-fields-v147 label.wide{grid-column:1/-1!important}.kyc-fields-v147 label>span{display:block!important;margin:0 0 8px!important;line-height:1.2!important;position:static!important}.kyc-input-v147{height:58px!important;border-radius:8px!important}.kyc-document-grid-v147{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.kyc-upload-v147{min-height:118px!important;border-radius:8px!important;padding:14px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important}.kyc-upload-copy-v147{min-width:0!important}.kyc-upload-copy-v147 b,.kyc-upload-copy-v147 small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important}.kyc-camera-v147{border-radius:9px!important}.kyc-selfie-preview-v147 img{border-radius:8px!important;max-height:390px!important;object-fit:cover!important}
@media(max-width:700px){.kyc-fields-v147{grid-template-columns:1fr!important}.kyc-fields-v147 label.wide{grid-column:auto!important}.kyc-document-grid-v147{grid-template-columns:1fr!important}.kyc-upload-v147{min-height:92px!important}.kyc-panel-head-v147{grid-template-columns:44px minmax(0,1fr)!important}.kyc-panel-head-v147>em{grid-column:2!important;justify-self:start!important;margin-top:0!important}.kyc-hero-badge-v147{width:100%!important;justify-content:center!important}.kyc-steps-v147{grid-template-columns:1fr auto 1fr auto 1fr!important}.kyc-steps-v147>div{min-width:0!important}.kyc-steps-v147 b{font-size:11px!important}.kyc-steps-v147 small{font-size:9px!important}}

/* ===== Mooky V161 · Identity verification — clean final CSS ===== */
/* Bloc volontairement placé en fin de fichier afin de neutraliser les anciennes variantes KYC. */
.kyc-page-v147,
.kyc-page-v147 *{box-sizing:border-box}

.kyc-page-v147{
  width:100%!important;
  max-width:680px!important;
  margin:0 auto!important;
  padding:16px 14px 120px!important;
  display:grid!important;
  gap:14px!important;
  background:transparent!important;
}

.kyc-page-v147 .kyc-hero-v147{
  display:block!important;
  width:100%!important;
  padding:20px!important;
  border:1px solid #293142!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#151a25 0%,#0d1119 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.kyc-page-v147 .kyc-hero-copy-v147{width:100%!important;min-width:0!important}
.kyc-page-v147 .kyc-hero-copy-v147 .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:30px!important;
  padding:0 10px!important;
  margin:0!important;
  border:1px solid rgba(140,104,255,.30)!important;
  border-radius:8px!important;
  background:rgba(124,92,255,.09)!important;
  color:#a98cff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.kyc-page-v147 .kyc-hero-copy-v147 h1{
  width:100%!important;
  margin:14px 0 8px!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.6px!important;
  color:#fff!important;
}
.kyc-page-v147 .kyc-hero-copy-v147 p{
  width:100%!important;
  max-width:590px!important;
  margin:0!important;
  color:#929caf!important;
  font-size:11px!important;
  line-height:1.6!important;
}
.kyc-page-v147 .kyc-hero-badge-v147{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:100%!important;
  min-height:38px!important;
  margin:14px 0 0!important;
  padding:0 12px!important;
  border:1px solid #254b3b!important;
  border-radius:8px!important;
  background:#0d1915!important;
  color:#69dfb3!important;
  font-size:9px!important;
  font-weight:850!important;
}

.kyc-page-v147 .kyc-steps-v147{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  padding:11px!important;
  border:1px solid #252d3b!important;
  border-radius:10px!important;
  background:#0e1219!important;
  overflow:hidden!important;
}
.kyc-page-v147 .kyc-steps-v147>div{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:8px!important;
  align-items:center!important;
  min-width:0!important;
  text-align:left!important;
}
.kyc-page-v147 .kyc-steps-v147>div span{
  grid-row:1/3!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#241a46!important;
  color:#a889ff!important;
  font-size:12px!important;
  font-weight:900!important;
}
.kyc-page-v147 .kyc-steps-v147>div b{font-size:10px!important;line-height:1.2!important;white-space:nowrap!important}
.kyc-page-v147 .kyc-steps-v147>div small{display:block!important;font-size:7.5px!important;line-height:1.2!important;color:#778195!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.kyc-page-v147 .kyc-steps-v147>i{font-size:8px!important;color:#465066!important}

.kyc-page-v147 .kyc-form-v147{display:grid!important;gap:14px!important;width:100%!important;min-width:0!important}
.kyc-page-v147 .kyc-panel-v147{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  overflow:visible!important;
  border:1px solid #293142!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#111620 0%,#0d121a 100%)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14)!important;
}
.kyc-page-v147 .kyc-panel-head-v147{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 0 16px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #252c39!important;
}
.kyc-page-v147 .kyc-panel-head-v147>span{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#231a44!important;
  color:#a889ff!important;
  font-size:17px!important;
}
.kyc-page-v147 .kyc-panel-head-v147>div{min-width:0!important}
.kyc-page-v147 .kyc-panel-head-v147 b{display:block!important;margin:0!important;color:#fff!important;font-size:15px!important;line-height:1.25!important}
.kyc-page-v147 .kyc-panel-head-v147 small{display:block!important;margin:3px 0 0!important;color:#8390a5!important;font-size:9.5px!important;line-height:1.45!important;white-space:normal!important}
.kyc-page-v147 .kyc-panel-head-v147>em{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  justify-self:end!important;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid rgba(255,174,95,.28)!important;
  border-radius:999px!important;
  background:rgba(73,42,20,.30)!important;
  color:#ffb66a!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
}

/* Champs : aucun label flottant, aucun chevauchement. */
.kyc-page-v147 .kyc-fields-v147{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:16px 14px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-items:start!important;
}
.kyc-page-v147 .kyc-fields-v147 label,
.kyc-page-v147 .kyc-fields-v147 label.wide{
  display:block!important;
  position:static!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.kyc-page-v147 .kyc-fields-v147 label.wide{grid-column:1/-1!important}
.kyc-page-v147 .kyc-fields-v147 label>span{
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0 0 7px!important;
  padding:0!important;
  transform:none!important;
  color:#eef1f7!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow:visible!important;
  z-index:auto!important;
}
.kyc-page-v147 .kyc-input-v147{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 12px!important;
  overflow:hidden!important;
  border:1px solid #30394a!important;
  border-radius:8px!important;
  background:#080b10!important;
  box-shadow:none!important;
}
.kyc-page-v147 .kyc-input-v147:focus-within{
  border-color:#7358da!important;
  box-shadow:0 0 0 3px rgba(124,92,255,.10)!important;
}
.kyc-page-v147 .kyc-input-v147>i{
  position:static!important;
  width:38px!important;
  min-width:38px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  text-align:left!important;
  color:#886be9!important;
  font-size:16px!important;
  line-height:1!important;
}
.kyc-page-v147 .kyc-input-v147 input,
.kyc-page-v147 .kyc-input-v147 select{
  appearance:auto!important;
  position:static!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  font:inherit!important;
  font-size:13px!important;
  line-height:normal!important;
}
.kyc-page-v147 .kyc-input-v147 input::placeholder{color:#697486!important;opacity:1!important}
.kyc-page-v147 .kyc-input-v147 input[type="date"]{color-scheme:dark!important}
.kyc-page-v147 .kyc-input-v147 select option{background:#0d1118!important;color:#fff!important}

.kyc-page-v147 .kyc-document-grid-v147{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
}
.kyc-page-v147 .kyc-upload-v147{
  position:relative!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  min-height:96px!important;
  margin:0!important;
  padding:12px!important;
  overflow:hidden!important;
  border:1px dashed #3a4356!important;
  border-radius:8px!important;
  background:#0a0e14!important;
}
.kyc-page-v147 .kyc-upload-v147:hover{border-color:#7559df!important;background:#101420!important}
.kyc-page-v147 .kyc-upload-v147 input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}
.kyc-page-v147 .kyc-upload-icon-v147{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#241b45!important;color:#a889ff!important}
.kyc-page-v147 .kyc-upload-copy-v147{display:block!important;min-width:0!important;margin:0!important}
.kyc-page-v147 .kyc-upload-copy-v147 b{display:block!important;margin:0!important;color:#fff!important;font-size:11px!important;line-height:1.32!important;white-space:normal!important;word-break:normal!important}
.kyc-page-v147 .kyc-upload-copy-v147 small{display:block!important;margin:4px 0 0!important;color:#7f899d!important;font-size:8.5px!important;line-height:1.4!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.kyc-page-v147 .kyc-upload-v147>i{justify-self:end!important;margin:0!important;color:#8b72e7!important}

.kyc-page-v147 .kyc-camera-panel-v147{background:linear-gradient(180deg,#111620,#0d121a)!important}
.kyc-page-v147 .kyc-camera-v147{min-height:260px!important;border:1px solid #30394a!important;border-radius:9px!important;background:#070a0f!important}
.kyc-page-v147 .kyc-camera-placeholder-v147{min-height:260px!important;padding:24px 20px!important}
.kyc-page-v147 .kyc-camera-placeholder-v147>span{width:58px!important;height:58px!important;border-radius:12px!important;margin-bottom:11px!important;background:#241b45!important;color:#a889ff!important;font-size:22px!important}
.kyc-page-v147 .kyc-camera-placeholder-v147 h3{margin:0!important;font-size:15px!important;line-height:1.3!important}
.kyc-page-v147 .kyc-camera-placeholder-v147 p{max-width:390px!important;margin:7px auto 15px!important;color:#8c97aa!important;font-size:9.5px!important;line-height:1.55!important}
.kyc-page-v147 .kyc-camera-start-v147,
.kyc-page-v147 .kyc-capture-v147,
.kyc-page-v147 .kyc-retake-v147{border-radius:8px!important}
.kyc-page-v147 .kyc-camera-start-v147{min-height:44px!important;padding:0 16px!important;background:linear-gradient(135deg,#6d4cf4,#9062ff)!important;color:#fff!important;font-size:10px!important}

.kyc-page-v147 .kyc-security-v147{border-radius:9px!important;padding:13px!important}
.kyc-page-v147 .kyc-consent-v147{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:2px!important}
.kyc-page-v147 .kyc-submit-v147{height:54px!important;border-radius:9px!important;font-size:11px!important}

@media(max-width:700px){
  .kyc-page-v147{padding:12px 10px 112px!important;gap:12px!important}
  .kyc-page-v147 .kyc-hero-v147{padding:17px 15px!important}
  .kyc-page-v147 .kyc-hero-copy-v147 h1{font-size:24px!important}
  .kyc-page-v147 .kyc-hero-copy-v147 p{font-size:10.5px!important}
  .kyc-page-v147 .kyc-hero-badge-v147{width:100%!important;justify-content:center!important}

  .kyc-page-v147 .kyc-steps-v147{padding:9px 7px!important;gap:4px!important}
  .kyc-page-v147 .kyc-steps-v147>div{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;text-align:center!important}
  .kyc-page-v147 .kyc-steps-v147>div span{width:32px!important;height:32px!important;font-size:11px!important}
  .kyc-page-v147 .kyc-steps-v147>div b{font-size:9px!important;white-space:normal!important}
  .kyc-page-v147 .kyc-steps-v147>div small{display:none!important}

  .kyc-page-v147 .kyc-panel-v147{padding:14px!important}
  .kyc-page-v147 .kyc-panel-head-v147{grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;margin-bottom:14px!important;padding-bottom:13px!important}
  .kyc-page-v147 .kyc-panel-head-v147>span{width:42px!important;height:42px!important;min-width:42px!important;font-size:15px!important}
  .kyc-page-v147 .kyc-panel-head-v147 b{font-size:13.5px!important}
  .kyc-page-v147 .kyc-panel-head-v147 small{font-size:9px!important}
  .kyc-page-v147 .kyc-panel-head-v147>em{grid-column:2!important;justify-self:start!important;margin-top:-2px!important}

  .kyc-page-v147 .kyc-fields-v147{grid-template-columns:1fr!important;gap:14px!important}
  .kyc-page-v147 .kyc-fields-v147 label.wide{grid-column:auto!important}
  .kyc-page-v147 .kyc-fields-v147 label>span{font-size:10.5px!important;margin-bottom:7px!important}
  .kyc-page-v147 .kyc-input-v147{height:53px!important;min-height:53px!important;grid-template-columns:36px minmax(0,1fr)!important}
  .kyc-page-v147 .kyc-input-v147>i{width:36px!important;min-width:36px!important;font-size:15px!important}
  .kyc-page-v147 .kyc-input-v147 input,
  .kyc-page-v147 .kyc-input-v147 select{height:51px!important;min-height:51px!important;font-size:12px!important}

  .kyc-page-v147 .kyc-document-grid-v147{grid-template-columns:1fr!important;gap:10px!important}
  .kyc-page-v147 .kyc-upload-v147{min-height:84px!important;grid-template-columns:42px minmax(0,1fr) 18px!important;gap:10px!important;padding:11px!important}
  .kyc-page-v147 .kyc-upload-icon-v147{width:42px!important;height:42px!important}
  .kyc-page-v147 .kyc-upload-copy-v147 b{font-size:10.5px!important}
  .kyc-page-v147 .kyc-upload-copy-v147 small{font-size:8px!important}

  .kyc-page-v147 .kyc-camera-v147,
  .kyc-page-v147 .kyc-camera-placeholder-v147{min-height:230px!important}
}

@media(max-width:360px){
  .kyc-page-v147 .kyc-panel-v147{padding:12px!important}
  .kyc-page-v147 .kyc-panel-head-v147{grid-template-columns:40px minmax(0,1fr)!important}
  .kyc-page-v147 .kyc-panel-head-v147>span{width:40px!important;height:40px!important;min-width:40px!important}
  .kyc-page-v147 .kyc-steps-v147>div b{font-size:8.5px!important}
}


/* ===== Mooky V162 · avatar rond + contour Premium dans Paramètres ===== */
.settings-hero .settings-avatar-wrap{
    width:66px!important;
    height:66px!important;
    flex:0 0 66px!important;
    box-sizing:border-box!important;
    border-radius:50%!important;
    padding:3px!important;
    overflow:visible!important;
    background:#0b0d13!important;
    border:2px solid rgba(255,255,255,.13)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
.settings-hero .settings-avatar-wrap>img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:50%!important;
}
.settings-hero .settings-avatar-wrap.is-premium{
    border-color:var(--settings-avatar-accent,#8b5cf6)!important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--settings-avatar-accent,#8b5cf6) 40%,transparent),0 10px 24px rgba(0,0,0,.30)!important;
}
.settings-hero .settings-avatar-wrap.is-premium.has-premium-glow{
    box-shadow:0 0 0 2px color-mix(in srgb,var(--settings-avatar-accent,#8b5cf6) 72%,transparent),0 0 24px color-mix(in srgb,var(--settings-avatar-accent,#8b5cf6) 45%,transparent),0 10px 26px rgba(0,0,0,.34)!important;
}
.settings-hero .settings-avatar-wrap .settings-status-dot{
    right:0!important;
    bottom:3px!important;
    z-index:3!important;
}
.settings-v30 .media-picker-preview.avatar,
.settings-v30 .media-picker-preview.avatar img{
    border-radius:50%!important;
}

/* ===== Mooky v163 · Settings section buttons fix ===== */
.settings-jump{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  align-items:stretch!important;
}
.settings-jump .settings-jump-btn{
  width:100%!important;
  min-width:0!important;
  height:64px!important;
  padding:8px 6px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#12141c,#0e1017)!important;
  color:#9ca4b8!important;
  text-decoration:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  line-height:1!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation;
  transform:none;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .12s ease;
}
.settings-jump .settings-jump-btn .settings-jump-icon{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:rgba(124,92,255,.09)!important;
  color:#9e84ff!important;
  font-size:13px!important;
  line-height:1!important;
}
.settings-jump .settings-jump-btn .settings-jump-icon i{
  color:inherit!important;
  width:auto!important;
  margin:0!important;
  line-height:1!important;
}
.settings-jump .settings-jump-btn .settings-jump-label{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
  line-height:1.2!important;
}
.settings-jump .settings-jump-btn:hover,
.settings-jump .settings-jump-btn:focus-visible{
  color:#ece9ff!important;
  border-color:rgba(139,92,246,.3)!important;
  outline:none!important;
}
.settings-jump .settings-jump-btn:active{
  transform:scale(.975)!important;
  background:#171427!important;
}
.settings-jump .settings-jump-btn.is-active{
  color:#eeeaff!important;
  border-color:rgba(139,92,246,.42)!important;
  background:linear-gradient(145deg,rgba(124,92,246,.15),#11131c 72%)!important;
  box-shadow:inset 0 0 0 1px rgba(139,92,246,.05)!important;
}
.settings-jump .settings-jump-btn.is-active .settings-jump-icon{
  background:rgba(124,92,255,.18)!important;
  color:#b6a2ff!important;
}
#profile,#security,#account{scroll-margin-top:92px!important;}
@media(max-width:380px){
  .settings-jump{gap:7px!important;}
  .settings-jump .settings-jump-btn{height:60px!important;font-size:10px!important;padding-inline:4px!important;}
}

/* ===== Mooky v164 · Premium Style Studio ===== */
.premium-style-v164-head{display:grid!important;grid-template-columns:46px 1fr 46px!important;align-items:center!important;gap:10px!important}.premium-style-v164-head>div{min-width:0;text-align:center}.premium-style-v164-head strong,.premium-style-v164-head small{display:block}.premium-style-v164-head strong{font-size:15px}.premium-style-v164-head small{font-size:8px;color:#747d91;margin-top:2px}.premium-style-head-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;border:1px solid #2b3040;padding:2px;background:#11141c}.premium-style-head-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.premium-style-v164{--ps-accent:#8b5cf6;--ps-secondary:#ff5f8f;--ps-name:#fff;padding:10px 13px 118px;display:grid;gap:11px}.ps164-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;padding:16px;border:1px solid #2a2f3f;border-radius:16px;background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--ps-accent) 22%,transparent),transparent 36%),linear-gradient(145deg,#171a24,#0f1118)}.ps164-hero:after{content:"";position:absolute;right:-45px;bottom:-60px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--ps-secondary) 14%,transparent);filter:blur(24px)}.ps164-hero-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--ps-accent) 30%,#141621),#171421);color:color-mix(in srgb,var(--ps-accent) 70%,#fff);font-size:20px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ps-accent) 26%,transparent)}.ps164-hero>div:last-child{position:relative;z-index:1}.ps164-hero span{font-size:7.5px;font-weight:950;letter-spacing:1.5px;color:color-mix(in srgb,var(--ps-accent) 75%,#fff)}.ps164-hero h1{margin:4px 0 3px;font-size:19px;line-height:1.05}.ps164-hero p{margin:0;color:#8690a3;font-size:8.5px;line-height:1.5}.ps164-gate{border-radius:14px!important}.ps164-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:11px}.ps164-controls{display:grid;gap:10px}.ps164-card{border:1px solid #262b39;background:#11141c;border-radius:15px;padding:13px;display:grid;gap:12px}.ps164-card-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #222735}.ps164-card-head>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:13px}.ps164-card-head>span.purple{background:#241a42;color:#b391ff}.ps164-card-head>span.cyan{background:#102b31;color:#50d7d1}.ps164-card-head>span.pink{background:#341827;color:#ff77a6}.ps164-card-head>span.gold{background:#332713;color:#ffc95f}.ps164-card-head>span.green{background:#132d24;color:#52dda1}.ps164-card-head>span.blue{background:#13233a;color:#78b8ff}.ps164-card-head b,.ps164-card-head small{display:block}.ps164-card-head b{font-size:10.5px}.ps164-card-head small{font-size:7.3px;color:#778196;margin-top:2px}.ps164-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ps164-color-field{display:grid;gap:6px;padding:8px;border:1px solid #252a37;border-radius:11px;background:#0b0e14}.ps164-color-field span{font-size:7px;color:#8b94a7;font-weight:800}.ps164-color-field input{width:100%;height:36px;padding:0;border:0;background:transparent;border-radius:8px;overflow:hidden}.ps164-color-field input::-webkit-color-swatch-wrapper{padding:0}.ps164-color-field input::-webkit-color-swatch{border:0;border-radius:8px}.ps164-swatches{display:flex;gap:7px;flex-wrap:wrap}.ps164-swatch{width:28px;height:28px;border:2px solid #151922;border-radius:9px;background:var(--swatch);box-shadow:0 0 0 1px #303646;cursor:pointer}.ps164-choice-grid,.ps164-font-grid,.ps164-theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.ps164-choice-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.ps164-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ps164-choice-grid input,.ps164-font-grid input,.ps164-theme-grid input{display:none}.ps164-choice-grid label>span,.ps164-font-grid label>span,.ps164-theme-grid label>span{min-height:54px;border:1px solid #252a37;background:#0c0f15;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 4px;text-align:center;transition:.18s ease;position:relative;overflow:hidden}.ps164-choice-grid label>span i{font-size:12px;color:#8892a8}.ps164-choice-grid label>span b,.ps164-theme-grid b{font-size:7.5px}.ps164-choice-grid input:checked+span,.ps164-font-grid input:checked+span,.ps164-theme-grid input:checked+span{border-color:var(--ps-accent);background:color-mix(in srgb,var(--ps-accent) 12%,#0c0f15);box-shadow:0 0 0 1px color-mix(in srgb,var(--ps-accent) 22%,transparent),0 8px 20px color-mix(in srgb,var(--ps-accent) 8%,transparent)}.ps164-choice-grid input:checked+span i{color:var(--ps-accent)}.ps164-font-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ps164-font-grid label>span{font-size:10px;font-weight:850;min-height:52px}.ps164-font-grid small{display:block;font-family:system-ui!important;font-size:6.5px;color:#778196;margin-top:2px}.ps164-subtitle{font-size:7.5px;font-weight:900;color:#8d96a9;letter-spacing:.4px;text-transform:uppercase;margin-top:1px}.ps164-theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ps164-theme-grid label>span{align-items:flex-start;text-align:left;padding:9px;min-height:65px}.ps164-theme-grid i{font-size:13px;margin-bottom:2px}.ps164-theme-grid small{font-size:6.3px;color:#758095}.ps164-theme-grid .theme-midnight>span{background:linear-gradient(145deg,#161526,#0b0d13)}.ps164-theme-grid .theme-jungle>span{background:linear-gradient(145deg,#10261f,#0b0d13)}.ps164-theme-grid .theme-sunset>span{background:linear-gradient(145deg,#2d1721,#0b0d13)}.ps164-theme-grid .theme-ocean>span{background:linear-gradient(145deg,#102139,#0b0d13)}.ps164-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #252a37;border-radius:11px;background:#0c0f15}.ps164-toggle>span{display:flex;align-items:center;gap:9px}.ps164-toggle>span>i{width:30px;height:30px;border-radius:9px;background:#191d28;display:grid;place-items:center;color:var(--ps-accent);font-size:11px}.ps164-toggle b,.ps164-toggle small{display:block}.ps164-toggle b{font-size:8.5px}.ps164-toggle small{font-size:6.8px;color:#758095;margin-top:2px}.ps164-toggle input{display:none}.ps164-toggle>i{width:38px;height:22px;border-radius:999px;background:#252b39;position:relative;flex:0 0 auto}.ps164-toggle>i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#858da0;transition:.18s}.ps164-toggle input:checked+ i{background:color-mix(in srgb,var(--ps-accent) 42%,#252b39)}.ps164-toggle input:checked+ i:after{left:19px;background:var(--ps-accent);box-shadow:0 0 10px color-mix(in srgb,var(--ps-accent) 70%,transparent)}.ps164-range{display:grid;gap:7px;padding:9px;border:1px solid #252a37;background:#0c0f15;border-radius:11px}.ps164-range>div{display:flex;justify-content:space-between;font-size:7.5px}.ps164-range>div span{color:#8b94a8}.ps164-range>div b{color:var(--ps-accent)}.ps164-range input{accent-color:var(--ps-accent);width:100%}
.ps164-preview-wrap{display:grid;gap:8px}.ps164-preview-label{display:flex;align-items:center;justify-content:space-between;padding:2px 3px}.ps164-preview-label span{font-size:7px;font-weight:950;letter-spacing:.8px;color:#9fa8ba}.ps164-preview-label i{color:var(--ps-accent);margin-right:4px}.ps164-preview-label small{font-size:6.5px;color:#667084}.ps164-phone{--preview-accent:#8b5cf6;--preview-secondary:#ff5f8f;--preview-name:#fff;--cover-tint:.28;position:relative;overflow:hidden;border:1px solid #303648;background:#0d1016;border-radius:18px;min-height:335px;box-shadow:0 18px 45px rgba(0,0,0,.24)}.ps164-phone.card-glass{background:linear-gradient(180deg,#151925dd,#0e1119)}.ps164-phone.card-aurora:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 45%,color-mix(in srgb,var(--preview-accent) 17%,transparent),transparent 34%),radial-gradient(circle at 90% 80%,color-mix(in srgb,var(--preview-secondary) 13%,transparent),transparent 33%)}.ps164-phone.card-glow{box-shadow:0 0 0 1px color-mix(in srgb,var(--preview-accent) 25%,transparent),0 18px 42px color-mix(in srgb,var(--preview-accent) 14%,rgba(0,0,0,.3))}.ps164-cover{height:118px;background:linear-gradient(135deg,#212736,#11151e);background-size:cover;background-position:center;position:relative}.ps164-cover-tint{position:absolute;inset:0;background:rgba(2,5,10,var(--cover-tint))}.ps164-phone.theme-midnight .ps164-cover:after,.ps164-phone.theme-jungle .ps164-cover:after,.ps164-phone.theme-sunset .ps164-cover:after,.ps164-phone.theme-ocean .ps164-cover:after{content:"";position:absolute;inset:0}.ps164-phone.theme-midnight .ps164-cover:after{background:linear-gradient(135deg,color-mix(in srgb,var(--preview-accent) 28%,transparent),transparent)}.ps164-phone.theme-jungle .ps164-cover:after{background:linear-gradient(135deg,rgba(18,120,74,.32),transparent)}.ps164-phone.theme-sunset .ps164-cover:after{background:linear-gradient(135deg,rgba(255,77,124,.29),rgba(255,155,66,.16))}.ps164-phone.theme-ocean .ps164-cover:after{background:linear-gradient(135deg,rgba(39,125,255,.3),transparent)}.ps164-preview-body{padding:0 14px 14px;position:relative;z-index:2}.ps164-avatar-wrap{width:76px;height:76px;margin-top:-38px;margin-bottom:7px;position:relative}.ps164-avatar-wrap img{width:76px;height:76px;object-fit:cover;border-radius:50%;background:#111;border:4px solid #11141c;position:relative;z-index:2}.ps164-avatar-wrap img.frame-classic{box-shadow:0 0 0 3px var(--preview-accent)}.ps164-avatar-wrap img.frame-gradient{box-shadow:0 0 0 3px var(--preview-accent),0 0 0 6px color-mix(in srgb,var(--preview-secondary) 70%,var(--preview-accent))}.ps164-avatar-wrap img.frame-neon{box-shadow:0 0 0 3px var(--preview-accent),0 0 16px var(--preview-accent),0 0 24px color-mix(in srgb,var(--preview-secondary) 65%,transparent)}.ps164-avatar-wrap img.frame-double{box-shadow:0 0 0 2px var(--preview-accent),0 0 0 5px #11141c,0 0 0 7px var(--preview-secondary)}.ps164-avatar-wrap img.frame-soft{box-shadow:0 0 0 3px color-mix(in srgb,var(--preview-accent) 65%,#fff)}.ps164-avatar-wrap img.has-glow{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--preview-accent) 70%,transparent))}.ps164-avatar-wrap span{position:absolute;right:-1px;bottom:5px;width:17px;height:17px;border-radius:50%;background:#20d99a;border:3px solid #11141c;z-index:4}.ps164-preview-name-row{display:flex;align-items:center;gap:6px;min-width:0}.ps164-preview-name-row strong{font-size:15px;line-height:1.15}.ps164-preview-name-row em{width:22px;height:22px;border-radius:7px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--preview-accent),var(--preview-secondary));font-style:normal;color:white;font-size:10px;box-shadow:0 4px 12px color-mix(in srgb,var(--preview-accent) 25%,transparent)}.ps164-preview-name-row .user-badges{transform:scale(.82);transform-origin:left center}.ps164-handle{display:block;color:#7f8aa0;font-size:8.5px;margin-top:2px}.ps164-preview-body>p{font-size:8.5px;color:#a0a8b8;line-height:1.45;margin:9px 0 11px}.ps164-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #232936;border-radius:11px;overflow:hidden;background:#0a0d13}.ps164-preview-stats span{padding:9px 5px;text-align:center;border-right:1px solid #232936}.ps164-preview-stats span:last-child{border-right:0}.ps164-preview-stats b,.ps164-preview-stats small{display:block}.ps164-preview-stats b{font-size:10px}.ps164-preview-stats small{font-size:6.2px;color:#778196;margin-top:2px}.ps164-preview-body>button{width:100%;margin-top:9px;height:34px;border:1px solid color-mix(in srgb,var(--preview-accent) 35%,#2a3040);background:color-mix(in srgb,var(--preview-accent) 10%,#0e1118);color:#fff;border-radius:10px;font-size:8px;font-weight:850}.ps164-phone.has-particles:before{content:"✦  ·  ✧   · ✦";position:absolute;z-index:3;right:10px;top:133px;color:color-mix(in srgb,var(--preview-accent) 60%,transparent);font-size:8px;letter-spacing:4px;animation:premiumParticles 4s ease-in-out infinite}.ps164-live-note{display:flex;gap:8px;padding:9px 10px;border:1px solid #252a37;border-radius:10px;background:#0d1016;color:#788297;font-size:7px;line-height:1.45}.ps164-live-note i{color:var(--ps-accent);margin-top:1px}.ps164-savebar{position:sticky;bottom:78px;z-index:15;display:grid;grid-template-columns:.75fr 1.5fr;gap:7px;padding:8px;border:1px solid #2a3040;border-radius:14px;background:rgba(13,16,23,.94);backdrop-filter:blur(14px);box-shadow:0 -10px 30px rgba(0,0,0,.24)}.ps164-savebar a,.ps164-savebar button{height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:8.5px;font-weight:900}.ps164-savebar a{border:1px solid #2b3140;color:#b6bdcb;background:#11151d}.ps164-savebar button{border:0;color:white;background:linear-gradient(135deg,var(--ps-accent),color-mix(in srgb,var(--ps-secondary) 72%,var(--ps-accent)));box-shadow:0 8px 18px color-mix(in srgb,var(--ps-accent) 20%,transparent)}.ps164-savebar button:disabled{opacity:.45;filter:grayscale(.7)}
@keyframes premiumNameShimmer{0%{filter:brightness(1)}50%{filter:brightness(1.55)}100%{filter:brightness(1)}}@keyframes premiumNamePulse{50%{transform:scale(1.035)}}@keyframes premiumNameFloat{50%{transform:translateY(-1px)}}@keyframes premiumParticles{50%{transform:translateY(-3px);opacity:.55}}.premium-name-anim-shimmer{animation:premiumNameShimmer 2.2s ease-in-out infinite}.premium-name-anim-pulse{animation:premiumNamePulse 1.8s ease-in-out infinite}.premium-name-anim-float{animation:premiumNameFloat 2.4s ease-in-out infinite}.premium-flair{display:inline-grid;width:20px;height:20px;place-items:center;border-radius:7px;background:linear-gradient(135deg,var(--premium-accent),var(--premium-secondary));color:#fff;font-size:9px;vertical-align:middle;box-shadow:0 4px 12px color-mix(in srgb,var(--premium-accent) 24%,transparent)}
/* Global premium avatar rendering */
img.premium-avatar{border-radius:50%!important;object-fit:cover!important}.premium-avatar-classic{box-shadow:0 0 0 2px var(--premium-accent)!important}.premium-avatar-gradient{box-shadow:0 0 0 2px var(--premium-accent),0 0 0 4px color-mix(in srgb,var(--premium-secondary) 65%,var(--premium-accent))!important}.premium-avatar-neon{box-shadow:0 0 0 2px var(--premium-accent),0 0 12px color-mix(in srgb,var(--premium-accent) 70%,transparent)!important}.premium-avatar-double{box-shadow:0 0 0 2px var(--premium-accent),0 0 0 4px #0c0f15,0 0 0 6px var(--premium-secondary)!important}.premium-avatar-soft{box-shadow:0 0 0 2px color-mix(in srgb,var(--premium-accent) 60%,#fff)!important}.premium-avatar-glow{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--premium-accent) 60%,transparent))}
.profile-premium.premium-card-aurora .profile-main{background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--profile-accent) 13%,transparent),transparent 32%),#10131a}.profile-premium.premium-card-glow .profile-main{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--profile-accent) 22%,transparent),0 10px 28px color-mix(in srgb,var(--profile-accent) 10%,transparent)}.profile-premium.premium-card-glass .profile-main{background:linear-gradient(180deg,rgba(19,23,33,.95),rgba(13,16,23,.97));backdrop-filter:blur(10px)}.profile-premium.premium-particles .profile-main:after{content:"✦  ·  ✧  ·  ✦";position:absolute;right:16px;top:15px;color:color-mix(in srgb,var(--profile-accent) 48%,transparent);font-size:8px;letter-spacing:4px;pointer-events:none}.profile-premium .profile-cover-shade{background:linear-gradient(to bottom,rgba(5,7,12,var(--premium-cover-tint,.28)),rgba(5,7,12,.66))!important}.profile-premium.premium-badges-pill .profile-badges-large .user-badge{border-radius:999px!important;padding:3px 6px!important;background:#181c26!important}.profile-premium.premium-badges-glass .profile-badges-large .user-badge{background:rgba(255,255,255,.08)!important;backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
@media(min-width:760px){.ps164-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:start}.ps164-preview-wrap{position:sticky;top:78px}.ps164-savebar{grid-column:1/-1}}
@media(max-width:430px){.premium-style-v164{padding-left:10px;padding-right:10px}.ps164-hero{grid-template-columns:46px 1fr;padding:13px}.ps164-hero-icon{width:46px;height:46px}.ps164-color-grid{grid-template-columns:1fr 1fr}.ps164-color-field:last-child{grid-column:1/-1}.ps164-choice-grid,.ps164-choice-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.ps164-choice-grid.four,.ps164-font-grid,.ps164-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ps164-card{padding:11px}.ps164-preview-label{align-items:flex-start;gap:6px}.ps164-preview-label small{text-align:right}.ps164-savebar{bottom:74px}}
.drawer-nav .drawer-link-button{width:100%;border:0;background:transparent;color:inherit;font:inherit;display:flex;align-items:center;gap:10px;text-align:left;padding:0;cursor:pointer}.drawer-nav .drawer-link-button .drawer-icon{flex:0 0 auto}.drawer-nav .drawer-link-button b{flex:1}.drawer-nav .drawer-link-button .trail{margin-left:auto}.profile-premium .profile-main{position:relative}.settings-name-row .premium-flair,.name-line .premium-flair{margin-left:4px;flex:0 0 auto}.post-pro-author .premium-flair{width:17px;height:17px;border-radius:6px;font-size:7px}

/* ===== Mooky v166 · Premium identity consistency ===== */
.premium-name{display:inline-block;max-width:100%;vertical-align:middle;transform-origin:center;will-change:transform,filter}
.drawer-premium-name-row{display:flex;align-items:center;gap:7px;min-width:0}.drawer-premium-name-row>strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-premium-name-row .premium-flair{flex:0 0 auto}
.drawer-profile>img.premium-avatar{position:relative;z-index:2;border:0!important;background:#0e1118!important}.drawer-profile{overflow:visible!important}.drawer-profile>img.premium-avatar-gradient{box-shadow:0 0 0 3px var(--premium-accent),0 0 0 5px color-mix(in srgb,var(--premium-secondary) 72%,var(--premium-accent)),0 0 16px color-mix(in srgb,var(--premium-accent) 24%,transparent)!important}.drawer-profile>img.premium-avatar-double{box-shadow:0 0 0 2px var(--premium-accent),0 0 0 5px #11141c,0 0 0 7px var(--premium-secondary)!important}
.premium-style-head-avatar,.premium-v31-head .premium-head-avatar{overflow:visible!important;background:transparent!important;border:0!important;padding:3px!important}.premium-style-head-avatar img,.premium-v31-head .premium-head-avatar img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;background:#11141c}
.social-topbar .top-avatar-link{overflow:visible!important;background:transparent!important;box-shadow:none!important;padding:3px!important}.social-topbar .top-avatar-link img.premium-avatar{border:0!important;background:#0a0b11!important}
.conversation-avatar-pro,.quick-person-avatar,.chat-avatar-presence,.comment-pro-avatar,.member-avatar-v94,.notif-avatar-wrap,.story-author-v78{overflow:visible!important}.conversation-avatar-pro img.premium-avatar,.quick-person-avatar img.premium-avatar,.chat-avatar-presence img.premium-avatar,.comment-pro-avatar img.premium-avatar,.member-avatar-v94 img.premium-avatar,.notif-avatar-wrap img.premium-avatar,.story-author-v78 img.premium-avatar{position:relative;z-index:1}
.story-author-name,.conversation-user-name,.member-name-v94,.comment-pro-identity,.name-line{align-items:center}.story-author-name .premium-flair,.conversation-user-name .premium-flair,.member-name-v94 .premium-flair,.comment-pro-identity .premium-flair{margin-left:4px;flex:0 0 auto}
.profile-avatar-wrap>img.premium-avatar{border-radius:50%!important;position:relative;z-index:3}.profile-avatar-wrap.premium-glow{overflow:visible!important}
.settings-avatar-wrap>img.premium-avatar,.media-picker-preview.avatar>img.premium-avatar{border-radius:50%!important}
.premium-card-glow .user-badge,.premium-badges-glass .user-badge{transition:.18s ease}
@media(max-width:430px){.drawer-profile{grid-template-columns:50px minmax(0,1fr) 18px!important;gap:11px!important}.drawer-profile>img{width:48px!important;height:48px!important}.drawer-premium-name-row>strong{font-size:13px!important}}

/* ===== Mooky v167 · Premium Studio drawer redesign ===== */
.premium-style-v167{max-width:720px;margin:0 auto;padding:12px 14px 122px}.premium-style-v167 .premium-v31-nav{margin-bottom:14px}
.premium-style-v167 .ps164-hero{border-radius:22px;padding:18px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--ps-secondary) 20%,transparent),transparent 42%),linear-gradient(145deg,#171726,#10131b 70%);border:1px solid #2a2f3d;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.premium-style-v167 .ps164-hero h1{font-size:20px;letter-spacing:-.4px}.premium-style-v167 .ps164-hero p{font-size:11px;line-height:1.55;color:#929bad;max-width:480px}.premium-style-v167 .ps164-hero-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ps-accent) 45%,transparent),0 10px 24px color-mix(in srgb,var(--ps-accent) 14%,transparent)}
.premium-style-v167 .ps164-gate{margin-top:12px;border-radius:18px;padding:14px 15px}.premium-style-v167 .ps164-gate b{font-size:13px}.premium-style-v167 .ps164-gate small{font-size:9px;line-height:1.45}
.ps167-layout{display:block!important;margin-top:14px}.ps167-layout .ps164-controls{display:grid;gap:12px}.premium-style-v167 .ps164-card{border-radius:20px;padding:16px;background:linear-gradient(180deg,#11151e,#0e1219);border:1px solid #252b38;box-shadow:0 10px 24px rgba(0,0,0,.13)}
.premium-style-v167 .ps164-card-head{margin-bottom:13px}.premium-style-v167 .ps164-card-head>span{width:42px;height:42px;border-radius:13px}.premium-style-v167 .ps164-card-head b{font-size:13px}.premium-style-v167 .ps164-card-head small{font-size:9px;line-height:1.4;color:#7f899d}
.premium-style-v167 .ps164-choice-grid label>span,.premium-style-v167 .ps164-font-grid label>span,.premium-style-v167 .ps164-theme-grid label>span{min-height:66px;border-radius:14px;background:#0b0f16;border-color:#232a38;transition:.18s ease}.premium-style-v167 input:checked+span{transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--ps-accent) 10%,transparent)}
.premium-style-v167 .ps164-color-field{border-radius:15px;background:#0b0f16;border-color:#232a38}.premium-style-v167 .ps164-swatch{width:34px;height:34px;border-radius:11px}.premium-style-v167 .ps164-toggle,.premium-style-v167 .ps164-range{border-radius:15px;background:#0b0f16;border-color:#232a38}
.ps167-savebar{grid-column:auto!important;position:sticky!important;bottom:82px!important;margin-top:14px;border-radius:17px!important;padding:9px!important;background:rgba(11,14,20,.96)!important;box-shadow:0 -8px 30px rgba(0,0,0,.3)!important;z-index:30!important}.ps167-savebar a,.ps167-savebar button{height:46px!important;border-radius:12px!important;font-size:10px!important}
.ps167-preview-trigger{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:92;width:42px;min-height:112px;border:1px solid color-mix(in srgb,var(--ps-accent) 42%,#303647);border-right:0;border-radius:16px 0 0 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--ps-accent) 24%,#121621),#11151e);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:-10px 12px 28px rgba(0,0,0,.28);cursor:pointer;transition:.22s ease}.ps167-preview-trigger>span{display:flex;flex-direction:column;align-items:center;gap:5px}.ps167-preview-trigger b{font-size:8px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.4px}.ps167-preview-trigger .fa-eye{color:color-mix(in srgb,var(--ps-accent) 80%,white);font-size:13px}.ps167-preview-trigger .ps167-trigger-arrow{font-size:12px;color:#c7b9ff;transition:.22s ease}.ps167-preview-trigger.is-open{right:min(390px,92vw)}.ps167-preview-trigger.is-open .ps167-trigger-arrow{transform:rotate(180deg)}
.ps167-preview-backdrop{position:fixed;inset:0;z-index:89;background:rgba(2,4,9,.52);backdrop-filter:blur(2px);opacity:0;transition:.2s ease}.ps167-preview-backdrop.is-open{opacity:1}.ps167-preview-drawer{position:fixed;z-index:91;right:0;top:0;bottom:0;width:min(390px,92vw);background:linear-gradient(180deg,#11151e,#090c12);border-left:1px solid #2a3040;box-shadow:-24px 0 56px rgba(0,0,0,.5);transform:translateX(102%);transition:transform .26s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.ps167-preview-drawer.is-open{transform:translateX(0)}
.ps167-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 16px 14px;border-bottom:1px solid #232936;background:rgba(15,18,26,.96);backdrop-filter:blur(16px)}.ps167-preview-head>div{display:flex;flex-direction:column;gap:3px}.ps167-preview-head span{font-size:8px;letter-spacing:1.2px;font-weight:900;color:color-mix(in srgb,var(--ps-accent) 72%,white)}.ps167-preview-head b{font-size:17px}.ps167-preview-head small{font-size:8px;color:#7f899b}.ps167-preview-head button{width:38px;height:38px;flex:0 0 38px;border:1px solid #2b3140;border-radius:12px;background:#151923;color:#e9edf6;display:grid;place-items:center;font-size:14px}
.ps167-preview-scroll{overflow:auto;padding:16px 14px 28px}.ps167-phone{width:100%;max-width:none;margin:0;box-shadow:0 18px 40px rgba(0,0,0,.32)}.ps167-live-note{margin-top:12px;font-size:8px!important;padding:12px!important;border-radius:13px!important}.ps-preview-open{overflow:hidden}
@media(min-width:760px){.premium-style-v167{max-width:760px}.ps167-layout .ps164-controls{grid-template-columns:1fr 1fr;align-items:start}.ps167-layout .ps164-controls .ps164-card:first-child,.ps167-layout .ps164-controls .ps164-card:nth-child(3){grid-column:1/-1}.ps167-savebar{max-width:760px}.ps167-preview-trigger{right:calc((100vw - min(100vw,1180px))/2)}.ps167-preview-trigger.is-open{right:min(390px,92vw)}}
@media(max-width:430px){.premium-style-v167{padding:10px 10px 116px}.premium-style-v167 .ps164-hero{padding:14px;border-radius:18px}.premium-style-v167 .ps164-card{padding:13px;border-radius:17px}.premium-style-v167 .ps164-choice-grid,.premium-style-v167 .ps164-choice-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-style-v167 .ps164-choice-grid.four,.premium-style-v167 .ps164-font-grid,.premium-style-v167 .ps164-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ps167-preview-trigger{top:48%;width:38px;min-height:100px}.ps167-preview-trigger.is-open{right:92vw}.ps167-preview-drawer{width:92vw}.ps167-preview-scroll{padding:13px 11px 24px}.ps167-preview-head{padding:14px 12px 12px}.ps167-savebar{bottom:76px!important}}

/* =========================================================
   v168 - Premium Style mobile-canvas polish
   Keep the editor strictly one-column inside the 430px app.
   Desktop viewport must not force desktop columns into the
   mobile canvas. Live preview stays attached to app edge.
   ========================================================= */
.premium-style-v168{
  width:100%!important;
  max-width:100%!important;
  padding:12px 12px 122px!important;
  gap:14px!important;
}
.premium-style-v168 .premium-nav-v137,
.premium-style-v168 .premium-nav,
.premium-style-v168 .premium-tabs{
  margin-bottom:2px!important;
}
.premium-style-v168 .ps164-hero{
  padding:17px!important;
  border-radius:20px!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  gap:13px!important;
  background:
    radial-gradient(circle at 94% 12%,color-mix(in srgb,var(--ps-secondary) 21%,transparent),transparent 34%),
    radial-gradient(circle at 5% 100%,color-mix(in srgb,var(--ps-accent) 13%,transparent),transparent 35%),
    linear-gradient(145deg,#171925,#10131b)!important;
  border-color:#2a3040!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
}
.premium-style-v168 .ps164-hero-icon{
  width:50px!important;height:50px!important;border-radius:15px!important;font-size:18px!important;
}
.premium-style-v168 .ps164-hero span{font-size:8px!important;letter-spacing:1.35px!important}
.premium-style-v168 .ps164-hero h1{font-size:20px!important;line-height:1.12!important;margin:4px 0 5px!important}
.premium-style-v168 .ps164-hero p{font-size:9.5px!important;line-height:1.5!important;color:#8e98aa!important}

/* Critical fix: the app canvas is mobile even on desktop browsers. */
.premium-style-v168 .ps168-layout,
.premium-style-v168 .ps168-controls{
  width:100%!important;
  max-width:100%!important;
}
.premium-style-v168 .ps168-controls{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:13px!important;
  align-items:stretch!important;
}
.premium-style-v168 .ps168-controls>.ps164-card{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.premium-style-v168 .ps164-card{
  padding:15px!important;
  border-radius:19px!important;
  gap:14px!important;
  background:linear-gradient(180deg,#121620 0%,#0e1219 100%)!important;
  border:1px solid #272e3d!important;
  box-shadow:0 10px 24px rgba(0,0,0,.13)!important;
  overflow:hidden!important;
}
.premium-style-v168 .ps164-card-head{
  margin:0!important;
  padding:0 0 12px!important;
  gap:11px!important;
  border-bottom:1px solid #242b39!important;
}
.premium-style-v168 .ps164-card-head>span{
  width:42px!important;height:42px!important;border-radius:13px!important;flex:0 0 42px!important;
}
.premium-style-v168 .ps164-card-head b{font-size:12.5px!important;line-height:1.2!important}
.premium-style-v168 .ps164-card-head small{font-size:8.5px!important;line-height:1.45!important;margin-top:3px!important}

.premium-style-v168 .ps164-color-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.premium-style-v168 .ps164-color-field{
  min-width:0!important;padding:9px!important;border-radius:13px!important;background:#0a0e15!important;
}
.premium-style-v168 .ps164-color-field span{
  font-size:7.5px!important;line-height:1.2!important;min-height:18px!important;display:flex!important;align-items:flex-end!important;
}
.premium-style-v168 .ps164-color-field input{height:42px!important;border-radius:10px!important}
.premium-style-v168 .ps164-swatches{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:7px!important}
.premium-style-v168 .ps164-swatch{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-width:0!important;border-radius:10px!important}

.premium-style-v168 .ps164-choice-grid,
.premium-style-v168 .ps164-choice-grid.five{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
}
.premium-style-v168 .ps164-choice-grid.four,
.premium-style-v168 .ps164-theme-grid,
.premium-style-v168 .ps164-font-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}
.premium-style-v168 .ps164-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.premium-style-v168 .ps164-choice-grid label>span,
.premium-style-v168 .ps164-font-grid label>span,
.premium-style-v168 .ps164-theme-grid label>span{
  min-height:62px!important;
  padding:7px 4px!important;
  border-radius:13px!important;
  background:#0a0e15!important;
  border-color:#252c3a!important;
}
.premium-style-v168 .ps164-choice-grid label>span b,
.premium-style-v168 .ps164-theme-grid b{font-size:7.3px!important;line-height:1.15!important}
.premium-style-v168 .ps164-choice-grid label>span i{font-size:13px!important}
.premium-style-v168 .ps164-font-grid label>span{font-size:9px!important;min-height:66px!important}
.premium-style-v168 .ps164-font-grid small{font-size:6.2px!important}
.premium-style-v168 .ps164-theme-grid label>span{min-height:72px!important;padding:9px!important}

.premium-style-v168 .ps164-toggle,
.premium-style-v168 .ps164-range{
  border-radius:14px!important;
  padding:11px!important;
  background:#0a0e15!important;
  border-color:#252c3a!important;
}
.premium-style-v168 .ps164-toggle b{font-size:8.5px!important}
.premium-style-v168 .ps164-toggle small{font-size:6.8px!important;line-height:1.35!important}
.premium-style-v168 .ps164-subtitle{font-size:7.5px!important;margin-top:2px!important;color:#929bad!important}

.premium-style-v168 .ps167-savebar{
  margin-top:14px!important;
  bottom:78px!important;
  padding:8px!important;
  border-radius:16px!important;
  background:rgba(10,13,19,.97)!important;
  border-color:#29303f!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.34)!important;
}
.premium-style-v168 .ps167-savebar a,
.premium-style-v168 .ps167-savebar button{height:45px!important;border-radius:11px!important;font-size:9.5px!important}

/* Right-edge preview handle: anchored to the 430px centered app canvas, not the browser edge. */
.ps168-preview-trigger{
  right:max(0px,calc(50vw - (var(--mooky-app-width) / 2)))!important;
  top:50%!important;
  width:38px!important;
  min-height:104px!important;
  padding:8px 5px!important;
  gap:7px!important;
  border-radius:14px 0 0 14px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ps-accent) 28%,#151925),#11151e)!important;
}
.ps168-preview-trigger .ps168-preview-icon{
  width:25px;height:25px;border-radius:8px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--ps-accent) 18%,#11151e);
  border:1px solid color-mix(in srgb,var(--ps-accent) 30%,#2a3040);
}
.ps168-preview-trigger .ps168-preview-label{
  writing-mode:vertical-rl;transform:rotate(180deg);font-size:7.5px;font-weight:900;letter-spacing:.5px;color:#d9dcef;
}
.ps168-preview-trigger .ps167-trigger-arrow{font-size:11px!important}
.ps168-preview-trigger.is-open{
  right:calc(max(0px,calc(50vw - (var(--mooky-app-width) / 2))) + min(390px,calc(var(--mooky-app-width) - 18px)))!important;
}

/* Drawer overlays only from the app's right edge and keeps phone proportions. */
.ps168-preview-drawer{
  right:max(0px,calc(50vw - (var(--mooky-app-width) / 2)))!important;
  width:min(390px,calc(var(--mooky-app-width) - 18px))!important;
  border-left:1px solid #2a3040!important;
  border-right:1px solid #2a3040!important;
  border-radius:18px 0 0 18px!important;
  overflow:hidden!important;
}
.ps168-preview-drawer .ps167-preview-head{padding:16px 14px 13px!important}
.ps168-preview-drawer .ps167-preview-scroll{padding:14px 12px 24px!important}
.ps168-preview-drawer .ps167-phone{border-radius:17px!important}

/* Overlay constrained visually to the app canvas on larger screens. */
@media(min-width:431px){
  .ps168-preview-backdrop{
    left:calc(50vw - (var(--mooky-app-width) / 2))!important;
    right:calc(50vw - (var(--mooky-app-width) / 2))!important;
  }
}

@media(max-width:430px){
  .premium-style-v168{padding:10px 10px 118px!important}
  .premium-style-v168 .ps164-hero{padding:14px!important;border-radius:18px!important;grid-template-columns:46px minmax(0,1fr)!important}
  .premium-style-v168 .ps164-hero-icon{width:46px!important;height:46px!important}
  .premium-style-v168 .ps164-card{padding:13px!important;border-radius:17px!important}
  .premium-style-v168 .ps164-color-grid{grid-template-columns:1fr 1fr!important}
  .premium-style-v168 .ps164-color-field:last-child{grid-column:1/-1!important}
  .premium-style-v168 .ps164-swatches{grid-template-columns:repeat(8,1fr)!important;gap:5px!important}
  .premium-style-v168 .ps164-choice-grid,
  .premium-style-v168 .ps164-choice-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .premium-style-v168 .ps164-choice-grid.four,
  .premium-style-v168 .ps164-font-grid,
  .premium-style-v168 .ps164-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-style-v168 .ps164-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ps168-preview-trigger{right:0!important;width:36px!important;min-height:96px!important}
  .ps168-preview-trigger.is-open{right:calc(100vw - 18px)!important}
  .ps168-preview-drawer{right:0!important;width:calc(100vw - 18px)!important;border-radius:16px 0 0 16px!important}
  .ps168-preview-backdrop{left:0!important;right:0!important}
}

/* V169 — profil unifié normal + Premium, même structure que l'aperçu Premium */
.profile-v5{
  padding:14px 14px 0!important;
  background:transparent!important;
}
.profile-v5 .profile-showcase{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:#0f1219;
  box-shadow:0 16px 38px rgba(0,0,0,.24);
}
.profile-v5 .profile-cover{
  position:relative!important;
  height:178px!important;
  min-height:178px!important;
  border-radius:0!important;
  background-color:#171b25;
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden!important;
}
.profile-v5 .profile-cover:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,7,12,.06) 0%,rgba(4,7,12,.16) 52%,rgba(4,7,12,.42) 100%);
  pointer-events:none;
}
.profile-v5 .profile-cover-shade{position:absolute;inset:0;pointer-events:none}
.profile-v5 .round-back,.profile-v5 .round-settings{
  position:absolute!important;
  top:16px!important;
  width:46px!important;
  height:46px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:rgba(11,14,21,.88)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(12px);
  box-shadow:0 8px 20px rgba(0,0,0,.22);
  z-index:4!important;
}
.profile-v5 .round-back{left:16px!important}
.profile-v5 .round-settings{right:16px!important}
.profile-v5 .profile-main{
  position:relative!important;
  padding:0 16px 18px!important;
  background:#0f1219!important;
  min-height:0!important;
}
.profile-v5 .profile-avatar-line{
  position:relative!important;
  height:46px!important;
  margin:0!important;
  z-index:5!important;
}
.profile-v5 .profile-avatar-wrap{
  position:absolute!important;
  left:0!important;
  top:-56px!important;
  width:100px!important;
  height:100px!important;
  border-radius:50%!important;
  padding:4px!important;
  background:#0f1219!important;
  overflow:visible!important;
  isolation:isolate;
}
.profile-v5 .profile-avatar-wrap>img{
  display:block!important;
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  margin:0!important;
  border:2px solid rgba(255,255,255,.16);
  background:#171b25;
}
.profile-v5 .profile-avatar-wrap>img.premium-avatar{
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
}
.profile-v5 .profile-online-dot{
  position:absolute;
  right:2px;
  bottom:5px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#20d699;
  border:4px solid #0f1219;
  z-index:8;
}
.profile-v5 .profile-identity{
  margin:0!important;
  padding:8px 0 0!important;
  position:relative!important;
  z-index:3!important;
}
.profile-v5 .profile-title-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px!important;
  width:100%!important;
}
.profile-v5 .profile-title-row h1{
  margin:0!important;
  padding:0!important;
  width:auto!important;
  max-width:100%!important;
  font-size:24px!important;
  line-height:1.15!important;
  letter-spacing:-.55px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.profile-v5 .profile-title-row h1.profile-name-lg{font-size:22px!important}
.profile-v5 .profile-title-row h1.profile-name-xl{font-size:19px!important}
.profile-v5 .premium-flair{
  flex:0 0 auto!important;
  width:29px!important;
  height:29px!important;
  border-radius:9px!important;
}
.profile-v5 .profile-inline-badges{display:flex;align-items:center;min-width:0}
.profile-v5 .profile-inline-badges .user-badges{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;margin:0!important}
.profile-v5 .profile-inline-badges .user-badge,
.profile-v5 .profile-inline-badges .badge-custom{
  width:27px!important;
  min-width:27px!important;
  height:27px!important;
  border-radius:8px!important;
}
.profile-v5 .profile-inline-badges .role-badge-icon{width:26px!important;height:26px!important;max-width:26px!important;border-radius:7px!important}
.profile-v5 .profile-username{
  display:block!important;
  margin-top:5px!important;
  color:#8f98ad!important;
  font-size:13px!important;
}
.profile-v5 .profile-bio{
  margin:15px 0 0!important;
  color:#d4d7e1!important;
  font-size:14px!important;
  line-height:1.5!important;
}
.profile-v5 .profile-stats-pro{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  height:66px!important;
  margin:16px 0 0!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#0b0e14!important;
  box-shadow:none!important;
}
.profile-v5 .profile-stats-pro .profile-stat-item{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:0 4px!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  background:transparent!important;
}
.profile-v5 .profile-stats-pro .profile-stat-item:last-child{border-right:0!important}
.profile-v5 .profile-stats-pro b{font-size:16px!important;line-height:1!important;color:#fff!important}
.profile-v5 .profile-stats-pro small{font-size:9px!important;color:#8e96aa!important;margin:1px 0 0!important}
.profile-v5 .profile-actions-v5{
  display:flex;
  gap:8px;
  margin-top:12px;
  align-items:stretch;
}
.profile-v5 .profile-actions-v5 form{margin:0;display:flex;flex:1}
.profile-v5 .profile-main-action,
.profile-v5 .profile-secondary-action,
.profile-v5 .profile-more-action{
  min-height:46px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.11);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:780;
  font-size:13px;
  line-height:1;
}
.profile-v5 .profile-main-action{
  width:100%;
  flex:1;
  color:#fff;
  background:linear-gradient(135deg,#6f55eb,#8b5cf6);
  border-color:rgba(139,92,246,.62);
  box-shadow:0 10px 24px rgba(124,92,255,.16);
  cursor:pointer;
}
.profile-v5 .profile-secondary-action{flex:1;background:#151924;color:#f7f7fb}
.profile-v5 .profile-more-action{width:46px;flex:0 0 46px;background:#151924;color:#d9dce7;cursor:pointer}
.profile-v5 .profile-main-action.is-following{background:#151924;border-color:rgba(255,255,255,.11);box-shadow:none}

/* Le Premium garde exactement la même structure, seuls les effets choisis changent. */
.profile-v5.profile-premium .profile-showcase{
  border-color:color-mix(in srgb,var(--profile-accent) 42%,rgba(255,255,255,.10));
  box-shadow:0 16px 40px rgba(0,0,0,.25),0 0 0 1px color-mix(in srgb,var(--profile-accent) 14%,transparent),0 18px 46px color-mix(in srgb,var(--profile-accent) 8%,transparent);
}
.profile-v5.profile-premium .profile-main-action{
  background:color-mix(in srgb,var(--profile-accent) 22%,#10151a);
  border-color:color-mix(in srgb,var(--profile-accent) 64%,rgba(255,255,255,.1));
  box-shadow:0 10px 26px color-mix(in srgb,var(--profile-accent) 15%,transparent);
}
.profile-v5.profile-premium .profile-avatar-wrap{background:#0f1219!important}
.profile-v5.profile-premium .profile-cover-shade{
  background:linear-gradient(to bottom,rgba(5,7,12,var(--premium-cover-tint,.28)),rgba(5,7,12,.42))!important;
}
.profile-v5.profile-premium.premium-card-aurora .profile-main{
  background:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--profile-accent) 14%,transparent),transparent 35%),#0f1219!important;
}
.profile-v5.profile-premium.premium-card-glow .profile-showcase{
  box-shadow:0 16px 40px rgba(0,0,0,.25),0 0 30px color-mix(in srgb,var(--profile-accent) 20%,transparent)!important;
}
.profile-v5.profile-premium.premium-card-glass .profile-main{
  background:linear-gradient(180deg,rgba(18,22,31,.97),rgba(12,15,22,.98))!important;
  backdrop-filter:blur(10px);
}
.profile-v5.profile-premium.premium-particles .profile-main:after{
  content:"✦  ·  ✧  ·  ✦";
  position:absolute;
  right:14px;
  top:18px;
  color:color-mix(in srgb,var(--profile-accent) 52%,transparent);
  font-size:8px;
  letter-spacing:4px;
  pointer-events:none;
}
.profile-v5.profile-premium.premium-badges-pill .profile-inline-badges .user-badge{border-radius:999px!important;padding:3px!important;background:#181c26!important}
.profile-v5.profile-premium.premium-badges-glass .profile-inline-badges .user-badge{background:rgba(255,255,255,.08)!important;backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}

@media(max-width:390px){
  .profile-v5{padding-inline:10px!important}
  .profile-v5 .profile-cover{height:166px!important;min-height:166px!important}
  .profile-v5 .profile-main{padding-inline:14px!important}
  .profile-v5 .profile-avatar-wrap{width:92px!important;height:92px!important;top:-51px!important}
  .profile-v5 .profile-avatar-wrap>img,.profile-v5 .profile-avatar-wrap>img.premium-avatar{width:84px!important;height:84px!important;min-width:84px!important}
  .profile-v5 .profile-avatar-line{height:42px!important}
  .profile-v5 .profile-title-row h1{font-size:22px!important}
  .profile-v5 .profile-title-row h1.profile-name-lg{font-size:20px!important}
  .profile-v5 .profile-title-row h1.profile-name-xl{font-size:18px!important}
  .profile-v5 .profile-inline-badges .user-badge,.profile-v5 .profile-inline-badges .badge-custom{width:25px!important;min-width:25px!important;height:25px!important}
  .profile-v5 .profile-inline-badges .role-badge-icon{width:24px!important;height:24px!important;max-width:24px!important}
  .profile-v5 .profile-actions-v5{gap:6px}
  .profile-v5 .profile-main-action,.profile-v5 .profile-secondary-action{font-size:12px}
}

/* V170 — Profil : contour carré + avatar centré à 50/50 sur la couverture */
.profile-v5 .profile-showcase{
  border-radius:0!important;
}
.profile-v5 .profile-cover{
  border-radius:0!important;
}
.profile-v5 .profile-main{
  border-radius:0!important;
}
/* L'avatar chevauche exactement la séparation : moitié sur la couverture, moitié sur le contenu. */
.profile-v5 .profile-avatar-line{
  height:54px!important;
}
.profile-v5 .profile-avatar-wrap{
  top:-50px!important;
}
@media(max-width:390px){
  .profile-v5 .profile-avatar-line{height:50px!important}
  .profile-v5 .profile-avatar-wrap{top:-46px!important}
}

/* V171 — Profil plein bord : suppression des marges latérales héritées de V169 */
.profile-v5{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.profile-v5 .profile-showcase{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-left:0!important;
  border-right:0!important;
}
.profile-v5 .profile-cover,
.profile-v5 .profile-main{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
/* Le Premium garde ses couleurs/effets mais ne recrée jamais un retrait latéral. */
.profile-v5.profile-premium .profile-showcase{
  border-left:0!important;
  border-right:0!important;
}
/* La séparation avatar/couverture reste exactement 50/50. */
.profile-v5 .profile-avatar-line{height:54px!important}
.profile-v5 .profile-avatar-wrap{top:-50px!important}
@media(max-width:390px){
  .profile-v5{padding:0!important}
  .profile-v5 .profile-main{padding-left:14px!important;padding-right:14px!important}
  .profile-v5 .profile-avatar-line{height:50px!important}
  .profile-v5 .profile-avatar-wrap{top:-46px!important}
}

/* V172 — Profil : restaure les bordures verticales comme en haut et en bas */
.profile-v5 .profile-showcase{
  border-left-width:1px!important;
  border-right-width:1px!important;
  border-left-style:solid!important;
  border-right-style:solid!important;
}
/* Conserve la teinte Premium choisie sur les quatre côtés du profil. */
.profile-v5.profile-premium .profile-showcase{
  border-left-width:1px!important;
  border-right-width:1px!important;
  border-left-style:solid!important;
  border-right-style:solid!important;
}


/* V173 — Profil : bordure Premium uniforme sur les 4 côtés + suppression du flair Premium en doublon */
.profile-v5 .profile-showcase{
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
}
.profile-v5.profile-premium .profile-showcase{
  border-top-color:color-mix(in srgb,var(--profile-accent) 70%,rgba(255,255,255,.08))!important;
  border-right-color:color-mix(in srgb,var(--profile-accent) 70%,rgba(255,255,255,.08))!important;
  border-bottom-color:color-mix(in srgb,var(--profile-accent) 70%,rgba(255,255,255,.08))!important;
  border-left-color:color-mix(in srgb,var(--profile-accent) 70%,rgba(255,255,255,.08))!important;
}
.profile-v5 .premium-flair,
.ps164-preview-name-row #ps164Flair{display:none!important}

/* V174 — Profil : corrige le décalage hérité et place réellement l’avatar à 50/50 sur la séparation couverture/profil */
.profile-v5 .profile-avatar-wrap{
  transform:none!important;
  top:-50px!important;
}
@media(max-width:440px){
  .profile-v5 .profile-avatar-wrap{
    transform:none!important;
    top:-46px!important;
  }
}


/* =========================================================
   Mooky V175 — vraie bannière Connections + avatars premium sans écarts
   ========================================================= */
.connections-pro-cover{
  height:86px!important;
  margin:0 -14px!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.connections-pro-cover:not([style]){
  background-image:radial-gradient(circle at 85% 0%,rgba(129,94,255,.30),transparent 48%),linear-gradient(135deg,rgba(125,87,255,.13),rgba(19,23,34,.6))!important;
}
.connections-pro-profile-row{margin-top:-42px!important}
.connections-pro-avatar{overflow:visible!important}
.connections-pro-avatar img{
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  padding:0!important;
  border-radius:50%!important;
  border:0!important;
  background:#0d1018!important;
  display:block!important;
}
.connections-pro-avatar{flex-basis:82px!important}
.connections-pro-avatar>span{right:1px!important;bottom:3px!important}
.connections-pro-owner{padding-top:46px!important}

/* Accueil : aucun espace entre la photo et le contour Premium */
.stories-v3 .story-ring{
  width:64px!important;
  height:64px!important;
  padding:0!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.stories-v3 .story-ring>img{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  padding:0!important;
  border:0!important;
  margin:0!important;
  display:block!important;
  border-radius:50%!important;
  background:#0b0d13!important;
}
.stories-v3 .story-ring>i{
  right:0!important;
  bottom:1px!important;
  z-index:5!important;
}
.composer-v3>img,
.composer-v3>img.premium-avatar{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  display:block!important;
  border-radius:50%!important;
  background:#0b0d13!important;
}
.home-post-pro .post-pro-avatar{
  overflow:visible!important;
}
.home-post-pro .post-pro-avatar>img,
.home-post-pro .post-pro-avatar>img.premium-avatar{
  padding:0!important;
  margin:0!important;
  border:0!important;
  display:block!important;
  border-radius:50%!important;
  background:#0b0d13!important;
}

/* Evite les anciens anneaux internes qui donnent l'impression d'un écart */
.story-ring img.premium-avatar-gradient,
.composer-v3>img.premium-avatar-gradient,
.home-post-pro .post-pro-avatar>img.premium-avatar-gradient{
  box-shadow:0 0 0 2px var(--premium-accent),0 0 10px color-mix(in srgb,var(--premium-accent) 68%,transparent)!important;
}
.story-ring img.premium-avatar-double,
.composer-v3>img.premium-avatar-double,
.home-post-pro .post-pro-avatar>img.premium-avatar-double{
  box-shadow:0 0 0 2px var(--premium-accent),0 0 0 4px var(--premium-secondary)!important;
}
@media(max-width:390px){
  .connections-pro-cover{height:82px!important}
  .connections-pro-avatar img{width:76px!important;height:76px!important;min-width:76px!important}
  .connections-pro-avatar{flex-basis:76px!important}
  .connections-pro-profile-row{margin-top:-38px!important}
  .connections-pro-owner{padding-top:42px!important}
}

/* BananaCoins v178 — images-first storefront */
.bc-pack-grid{align-items:stretch}
.bc-pack{padding:0!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden;border-radius:18px;background:#111621}
.bc-pack.featured{background:linear-gradient(145deg,#19172c,#111621)}
.bc-pack>em{z-index:4;right:10px;top:10px;border-radius:999px;padding:6px 9px;box-shadow:0 6px 18px rgba(0,0,0,.24)}
.bc-pack-visual{height:154px;width:100%;display:grid;place-items:center;background:linear-gradient(145deg,#171c29,#0b0e15);overflow:hidden;border-bottom:1px solid #252d3d}
.bc-pack-visual img{display:block;width:100%;height:100%;object-fit:cover}
.bc-pack-visual .bc-pack-icon{width:82px;height:82px;border-radius:22px;font-size:32px;background:linear-gradient(145deg,#332c16,#201b0c);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.bc-pack-content{padding:15px 16px 10px;min-height:105px}
.bc-pack-content small{display:block;font-size:13px;color:#e8ebf4;font-weight:900;margin-bottom:4px}
.bc-pack-content h3{font-size:27px;margin:0;color:#fff}
.bc-pack-content h3 b{font-size:13px;color:#ffd54f}
.bc-pack-content p{font-size:11px;margin:5px 0 0;color:#8691a6}
.bc-pack form{margin-top:auto;padding:0 16px 16px;width:100%}
.bc-pack button{border-radius:12px;height:48px;padding:0 15px;background:linear-gradient(135deg,#8b67ff,#6e4df0);box-shadow:0 9px 22px rgba(114,78,241,.18)}
.bc-pack button>span:first-child{font-size:17px;font-weight:950}
.bc-pack button>span:last-child{font-size:11px;display:flex;align-items:center;gap:8px;opacity:.95}
@media(max-width:620px){.bc-pack-grid{grid-template-columns:1fr 1fr!important;gap:10px}.bc-pack-visual{height:132px}.bc-pack-content{padding:12px 12px 8px;min-height:100px}.bc-pack-content h3{font-size:22px}.bc-pack form{padding:0 12px 12px}.bc-pack button{height:44px}.bc-pack button>span:last-child{font-size:0}.bc-pack button>span:last-child i{font-size:15px}}
@media(max-width:390px){.bc-pack-grid{grid-template-columns:1fr!important}.bc-pack-visual{height:180px}}

/* BananaCoins v179 — storefront pro + header lisible */
.bc-head{min-height:76px!important;height:auto!important;padding-top:calc(env(safe-area-inset-top) + 10px)!important;padding-bottom:10px!important;display:grid!important;grid-template-columns:56px 1fr 56px!important;gap:12px!important;align-items:center!important}
.bc-head .head-icon{width:52px!important;height:52px!important;border-radius:14px!important}
.bc-head-title{min-width:0;text-align:center;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;line-height:1.1!important}
.bc-head-title span{display:block!important;color:#8d96a8!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;white-space:nowrap!important}
.bc-head-title strong{display:block!important;color:#fff!important;font-size:19px!important;font-weight:950!important;letter-spacing:-.02em!important;white-space:nowrap!important}

.bc-page{padding:20px 14px 120px!important}
.bc-shop-hero{border-radius:22px!important;border:1px solid rgba(255,255,255,.085)!important;background:radial-gradient(circle at 100% 0%,rgba(255,206,69,.14),transparent 34%),linear-gradient(145deg,#171b29,#0d1018 62%,#0b0d13)!important;box-shadow:0 20px 45px rgba(0,0,0,.22)!important;gap:18px!important;padding:22px!important;align-items:stretch!important}
.bc-shop-hero:after{opacity:.35!important}
.bc-hero-copy{position:relative;z-index:1;min-width:0}
.bc-kicker{font-size:10px!important;letter-spacing:.16em!important;color:#ffd44f!important;background:rgba(255,212,79,.08)!important;border:1px solid rgba(255,212,79,.18)!important;border-radius:999px!important;padding:7px 10px!important}
.bc-shop-hero h1{font-size:31px!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:14px 0 9px!important;max-width:330px!important}
.bc-shop-hero h1 span{background:linear-gradient(135deg,#fff0a4,#ffc83d)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.bc-shop-hero p{max-width:390px!important;font-size:12px!important;line-height:1.55!important;color:#9aa4b7!important}
.bc-hero-trust{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.bc-hero-trust span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#0b0f17;border:1px solid #262d3d;color:#aeb7c8;font-size:9px;font-weight:800}
.bc-hero-trust i{color:#ffd34c}
.bc-balance{position:relative;z-index:1;min-width:156px!important;border-radius:18px!important;border:1px solid #30384b!important;background:rgba(8,11,17,.9)!important;padding:15px!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
.bc-balance-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#6e53ef,#8e6cff);color:#fff;margin-bottom:14px;box-shadow:0 8px 18px rgba(116,82,244,.25)}
.bc-balance small{font-size:10px!important;color:#8f9aaf!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.bc-balance b{display:flex;align-items:baseline;gap:5px;font-size:26px!important;line-height:1!important;margin:8px 0 13px!important;letter-spacing:-.04em!important}
.bc-balance b em{font-size:11px;font-style:normal;color:#ffd54f;letter-spacing:.02em}
.bc-balance a{display:flex;align-items:center;justify-content:space-between;font-size:10px!important;font-weight:800!important;color:#b49eff!important}

.bc-section-title{margin:28px 1px 14px!important}
.bc-section-title>span{font-size:9px!important;letter-spacing:.18em!important}
.bc-section-title h2{font-size:25px!important;line-height:1.08!important;letter-spacing:-.03em!important;margin-top:6px!important}
.bc-section-title p{font-size:11px!important;line-height:1.45!important;margin-top:5px!important;max-width:390px}
.bc-pack-grid{gap:12px!important}
.bc-pack{border-radius:20px!important;border-color:#293143!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.bc-pack.featured{border-color:#755be0!important;box-shadow:0 16px 36px rgba(84,61,174,.15)!important}
.bc-pack-visual{height:150px!important;background:radial-gradient(circle at 50% 20%,rgba(255,214,79,.08),transparent 45%),linear-gradient(145deg,#171d2a,#0b0e15)!important}
.bc-pack-visual img{object-fit:contain!important;padding:10px!important}
.bc-pack-visual .bc-pack-icon{width:88px!important;height:88px!important;border-radius:26px!important;font-size:34px!important}
.bc-pack-content{padding:15px 15px 11px!important;min-height:112px!important}
.bc-pack-content small{font-size:12px!important;color:#eef1f8!important;letter-spacing:-.01em}
.bc-pack-content h3{font-size:26px!important;letter-spacing:-.035em!important}
.bc-pack-content p{font-size:10px!important;line-height:1.35!important}
.bc-pack button{height:46px!important;border-radius:13px!important;background:linear-gradient(135deg,#8b67ff,#6948e7)!important;box-shadow:0 10px 22px rgba(101,73,224,.22)!important}
.bc-pack button>span:first-child{font-size:16px!important}
.bc-secure{border-radius:17px!important;margin-top:18px!important;background:linear-gradient(145deg,#101620,#0b1017)!important;border-color:#273246!important}

@media(max-width:620px){
  .bc-shop-hero{grid-template-columns:minmax(0,1fr) 142px!important;padding:17px!important;gap:12px!important}
  .bc-shop-hero h1{font-size:27px!important}
  .bc-shop-hero p{font-size:11px!important}
  .bc-balance{min-width:0!important;padding:13px!important}
  .bc-balance b{font-size:22px!important}
  .bc-hero-trust{display:none!important}
  .bc-pack-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .bc-pack-visual{height:128px!important}
  .bc-pack-content{padding:12px 12px 9px!important;min-height:104px!important}
  .bc-pack-content h3{font-size:21px!important}
  .bc-pack form{padding:0 12px 12px!important}
}
@media(max-width:380px){
  .bc-head{grid-template-columns:48px 1fr 48px!important;padding-left:10px!important;padding-right:10px!important}
  .bc-head .head-icon{width:46px!important;height:46px!important}
  .bc-head-title strong{font-size:17px!important}
  .bc-shop-hero{grid-template-columns:1fr!important}
  .bc-balance{display:grid!important;grid-template-columns:auto 1fr auto!important;column-gap:10px!important;align-items:center!important}
  .bc-balance-icon{margin:0!important;grid-row:1/3}
  .bc-balance small{align-self:end}
  .bc-balance b{margin:2px 0 0!important;align-self:start}
  .bc-balance a{grid-column:3;grid-row:1/3;align-self:center;gap:7px}
  .bc-pack-grid{grid-template-columns:1fr!important}
  .bc-pack-visual{height:180px!important}
}

/* v180 — Boutique BananaCoins responsive + visuels de packs cohérents */
.bc-page{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
.bc-shop-hero{min-height:0!important}
.bc-hero-copy{min-width:0}
.bc-balance{border-radius:18px!important}
.bc-pack-grid{align-items:stretch!important}
.bc-pack{min-width:0!important}
.bc-pack-visual{position:relative!important;isolation:isolate!important}
.bc-pack-visual:after{content:"";position:absolute;inset:auto 12% 4px;height:24px;background:radial-gradient(ellipse,rgba(255,201,52,.18),transparent 68%);filter:blur(8px);z-index:-1}
.bc-pack-visual img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:12px!important;filter:drop-shadow(0 10px 12px rgba(0,0,0,.28))}
.bc-pack-content{width:100%!important}
.bc-pack-content small,.bc-pack-content h3,.bc-pack-content p{text-align:left}
.bc-pack form{width:100%!important}
.bc-pack button{cursor:pointer}

@media (max-width:620px){
  .bc-page{padding:14px 14px calc(116px + env(safe-area-inset-bottom))!important}
  .bc-head{min-height:82px!important;padding-left:14px!important;padding-right:14px!important}
  .bc-shop-hero{grid-template-columns:1fr!important;padding:20px!important;gap:18px!important;border-radius:24px!important}
  .bc-shop-hero h1{font-size:32px!important;max-width:none!important;margin:16px 0 10px!important}
  .bc-shop-hero p{font-size:14px!important;line-height:1.55!important;max-width:none!important}
  .bc-hero-trust{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .bc-balance{min-width:0!important;width:100%!important;display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto auto!important;column-gap:14px!important;align-items:center!important;padding:16px!important}
  .bc-balance-icon{grid-row:1/3!important;width:52px!important;height:52px!important}
  .bc-balance small{grid-column:2!important;grid-row:1!important;margin:0!important}
  .bc-balance b{grid-column:2!important;grid-row:2!important;margin:0!important;font-size:28px!important}
  .bc-balance a{grid-column:3!important;grid-row:1/3!important;align-self:center!important;white-space:nowrap!important;font-size:12px!important}
  .bc-section-title{margin:28px 0 14px!important}
  .bc-section-title h2{font-size:28px!important;line-height:1.05!important}
  .bc-section-title p{font-size:13px!important;line-height:1.45!important}
  .bc-pack-grid{grid-template-columns:1fr!important;gap:14px!important}
  .bc-pack{border-radius:22px!important}
  .bc-pack-visual{height:210px!important;min-height:210px!important}
  .bc-pack-visual img{padding:12px 18px!important}
  .bc-pack-content{min-height:0!important;padding:16px 18px 12px!important}
  .bc-pack-content small{font-size:15px!important}
  .bc-pack-content h3{font-size:31px!important;margin-top:4px!important}
  .bc-pack-content h3 b{font-size:14px!important}
  .bc-pack-content p{font-size:12px!important;margin-top:6px!important}
  .bc-pack form{padding:0 18px 18px!important}
  .bc-pack button{height:54px!important;border-radius:14px!important;padding:0 18px!important}
  .bc-pack button>span:first-child{font-size:21px!important}
  .bc-pack button>span:last-child{font-size:12px!important}
  .bc-pack button>span:last-child i{font-size:15px!important}
}
@media (max-width:390px){
  .bc-page{padding-left:10px!important;padding-right:10px!important}
  .bc-shop-hero{padding:17px!important}
  .bc-shop-hero h1{font-size:29px!important}
  .bc-balance{grid-template-columns:auto 1fr!important}
  .bc-balance a{grid-column:2!important;grid-row:3!important;margin-top:7px!important}
  .bc-pack-visual{height:190px!important;min-height:190px!important}
}

/* v181 — BananaCoins : solde sous le hero + images de packs entièrement visibles */
.bc-shop-hero{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
}
.bc-hero-copy{width:100%!important;max-width:none!important}
.bc-balance{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:14px!important;
  padding:16px 18px!important;
  margin-top:2px!important;
}
.bc-balance-icon{grid-row:1/3!important;margin:0!important;width:50px!important;height:50px!important}
.bc-balance small{grid-column:2!important;grid-row:1!important;align-self:end!important}
.bc-balance b{grid-column:2!important;grid-row:2!important;margin:2px 0 0!important;align-self:start!important}
.bc-balance a{grid-column:3!important;grid-row:1/3!important;align-self:center!important;white-space:nowrap!important;gap:8px!important}

.bc-pack-visual{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1.16/1!important;
  padding:12px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.bc-pack-visual img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
}

@media (max-width:620px){
  .bc-shop-hero{grid-template-columns:1fr!important;gap:16px!important}
  .bc-balance{
    grid-template-columns:auto 1fr auto!important;
    grid-template-rows:auto auto!important;
    padding:15px!important;
  }
  .bc-balance-icon{width:48px!important;height:48px!important}
  .bc-balance a{grid-column:3!important;grid-row:1/3!important;margin:0!important}
  .bc-pack-visual{aspect-ratio:1.12/1!important;padding:14px!important}
}
@media (max-width:420px){
  .bc-balance{grid-template-columns:auto 1fr!important;row-gap:2px!important}
  .bc-balance a{grid-column:2!important;grid-row:3!important;margin-top:8px!important;justify-self:start!important}
  .bc-pack-visual{aspect-ratio:1.05/1!important;padding:12px!important}
}

/* v182 — BananaCoins : hero épuré + un seul visuel par pack */
.bc-hero-copy .bc-kicker,
.bc-hero-copy .bc-hero-trust{display:none!important}
.bc-shop-hero h1{margin-top:0!important}
.bc-shop-hero{padding-top:24px!important}
.bc-pack-visual{position:relative!important;overflow:hidden!important}
.bc-pack-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
}
.bc-pack-visual:has(img) .bc-pack-icon{display:none!important}
@media (max-width:620px){
  .bc-shop-hero{padding:20px!important}
  .bc-shop-hero h1{margin-top:0!important}
}

/* v183 BananaCoins balance cleanup */
.bc-balance{display:flex!important;align-items:center!important;gap:16px!important;justify-content:flex-start!important}
.bc-balance-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.bc-balance-copy small{margin:0!important}
.bc-balance-copy b{margin:0!important}


/* ===== Mooky v184 · BananaCoin image currency symbol ===== */
.bc-currency-symbol{
  width:1.05em;
  height:1.05em;
  object-fit:contain;
  display:inline-block;
  vertical-align:-.12em;
  margin-left:.16em;
  filter:drop-shadow(0 2px 4px rgba(255,180,0,.18));
}
.bc-currency-symbol.pack{width:.92em;height:.92em;vertical-align:-.08em;margin-left:.2em}
.bc-currency-symbol.wallet{width:.98em;height:.98em}
.bc-currency-symbol.tx{width:1em;height:1em;margin-left:.2em}
.bc-balance-copy b,.bc-pack-content h3,.bc-wallet-hero h1,.bc-tx strong{display:flex;align-items:center;gap:.16em;flex-wrap:nowrap}
.bc-tx strong .bc-currency-symbol{flex:0 0 auto}

/* v187 - BananaCoins balance: alignement horizontal net */
.bc-shop-hero .bc-balance{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:16px!important;
  width:100%!important;
  min-height:92px!important;
  padding:16px 20px!important;
}
.bc-shop-hero .bc-balance-icon{
  grid-column:1!important;
  grid-row:1!important;
  width:54px!important;
  height:54px!important;
  margin:0!important;
  align-self:center!important;
  justify-self:start!important;
  border-radius:15px!important;
}
.bc-shop-hero .bc-balance-copy{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  text-align:left!important;
}
.bc-shop-hero .bc-balance-copy small{
  display:block!important;
  margin:0!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.bc-shop-hero .bc-balance-copy b{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.bc-shop-hero .bc-balance-copy .bc-currency-symbol{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  object-fit:contain!important;
}
@media (max-width:520px){
  .bc-shop-hero .bc-balance{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:13px!important;
    min-height:84px!important;
    padding:14px 16px!important;
  }
  .bc-shop-hero .bc-balance-icon{width:50px!important;height:50px!important}
  .bc-shop-hero .bc-balance-copy .bc-currency-symbol{width:29px!important;height:29px!important;flex-basis:29px!important}
}

/* v188 - Solde disponible place juste a droite du portefeuille */
.bc-shop-hero .bc-balance{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  width:100%!important;
  min-height:92px!important;
  padding:16px 20px!important;
}
.bc-shop-hero .bc-balance-icon{
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
  margin:0!important;
  align-self:center!important;
}
.bc-shop-hero .bc-balance-copy{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
  text-align:left!important;
}
.bc-shop-hero .bc-balance-copy small{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  text-align:left!important;
  line-height:1.1!important;
}
.bc-shop-hero .bc-balance-copy b{
  display:flex!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  white-space:nowrap!important;
}
@media (max-width:520px){
  .bc-shop-hero .bc-balance{gap:13px!important;padding:14px 16px!important;min-height:84px!important}
  .bc-shop-hero .bc-balance-icon{flex-basis:50px!important;width:50px!important;height:50px!important}
}

/* v189 — BananaCoins : titre du hero plus compact */
.bc-shop-hero h1{
  font-size:29px!important;
  line-height:1.01!important;
  letter-spacing:-.04em!important;
  max-width:280px!important;
  margin:0 0 10px!important;
}
@media (max-width:620px){
  .bc-shop-hero h1{
    font-size:27px!important;
    max-width:260px!important;
    line-height:1.02!important;
  }
}
@media (max-width:390px){
  .bc-shop-hero h1{
    font-size:25px!important;
    max-width:240px!important;
  }
}

/* v190 — BananaCoins : titre sur une ligne + grille x2 sur tous les mobiles */
.bc-shop-hero h1{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  white-space:nowrap!important;
  font-size:clamp(18px,5.2vw,29px)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  margin:0 0 10px!important;
}
.bc-shop-hero h1 span{display:inline!important}

/* Toujours 2 packs par ligne sur mobile, même sur les écrans étroits */
@media (max-width:620px){
  .bc-page{padding-left:10px!important;padding-right:10px!important}
  .bc-pack-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
  }
  .bc-pack{
    min-width:0!important;
    overflow:hidden!important;
  }
  .bc-pack-visual{
    height:118px!important;
    padding:8px!important;
  }
  .bc-pack-visual img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
  .bc-pack-content{
    min-width:0!important;
    min-height:88px!important;
    padding:10px 9px 7px!important;
  }
  .bc-pack-content small{
    display:block!important;
    font-size:11px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }
  .bc-pack-content h3{
    font-size:20px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  .bc-pack-content p{font-size:9px!important;line-height:1.25!important}
  .bc-currency-symbol.pack{width:20px!important;height:20px!important}
  .bc-pack form{padding:0 9px 10px!important}
  .bc-pack button{height:42px!important;padding:0 10px!important;font-size:13px!important}
}

@media (max-width:390px){
  .bc-pack-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important}
  .bc-pack-visual{height:104px!important;padding:6px!important}
  .bc-pack-content{padding:9px 7px 6px!important;min-height:82px!important}
  .bc-pack-content small{font-size:10px!important}
  .bc-pack-content h3{font-size:18px!important}
  .bc-currency-symbol.pack{width:18px!important;height:18px!important}
  .bc-pack form{padding:0 7px 8px!important}
  .bc-pack button{height:40px!important;font-size:12px!important}
}

@media (max-width:340px){
  .bc-page{padding-left:7px!important;padding-right:7px!important}
  .bc-pack-grid{gap:6px!important}
  .bc-pack-visual{height:92px!important}
  .bc-pack-content h3{font-size:17px!important}
  .bc-shop-hero h1{font-size:17px!important;letter-spacing:-.055em!important}
}

/* v191 — BananaCoins : bouton achat compact x2 mobile */
@media (max-width:620px){
  .bc-pack button{
    display:grid!important;
    grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:7px!important;
    width:100%!important;
    min-width:0!important;
    padding:0 9px!important;
    overflow:hidden!important;
  }
  .bc-pack button>span:first-child{
    display:block!important;
    min-width:0!important;
    font-size:15px!important;
    line-height:1!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow:visible!important;
  }
  .bc-pack button>span:last-child{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  .bc-pack button>span:last-child i{
    flex:0 0 auto!important;
    font-size:13px!important;
  }
}
@media (max-width:390px){
  .bc-pack button{column-gap:5px!important;padding:0 7px!important}
  .bc-pack button>span:first-child{font-size:13px!important}
  .bc-pack button>span:last-child{font-size:9px!important;gap:4px!important}
  .bc-pack button>span:last-child i{font-size:12px!important}
}
@media (max-width:340px){
  .bc-pack button{padding:0 6px!important;column-gap:4px!important}
  .bc-pack button>span:first-child{font-size:12px!important}
  .bc-pack button>span:last-child{font-size:8px!important}
  .bc-pack button>span:last-child i{font-size:11px!important}
}

/* v192 BananaCoins mobile button fix */
.bc-pack button{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:10px!important}
.bc-pack button>span:first-child{display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;line-height:1!important;min-width:0!important}
.bc-pack button>span:last-child{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;white-space:nowrap!important;min-width:0!important}
.bc-pack button>span:last-child i{flex:0 0 auto!important}
@media(max-width:620px){
  .bc-pack form{padding:0 10px 10px!important}
  .bc-pack button{height:46px!important;padding:0 10px!important;column-gap:8px!important}
  .bc-pack button>span:first-child{font-size:13px!important}
  .bc-pack button>span:last-child{font-size:13px!important}
  .bc-pack button>span:last-child i{font-size:14px!important}
}
@media(max-width:380px){
  .bc-pack button{padding:0 8px!important;column-gap:6px!important}
  .bc-pack button>span:first-child{font-size:12px!important}
  .bc-pack button>span:last-child{font-size:12px!important}
  .bc-pack-content h3{font-size:20px!important}
}


/* v193 — Conversation mobile: clavier sans remontée de toute la page */
html.mooky-chat-screen,
body.mooky-chat-screen{
  width:100%;
  height:100%;
  overflow:hidden!important;
  overscroll-behavior:none;
}
body.mooky-chat-screen .desktop-shell,
body.mooky-chat-screen .app-shell{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.mooky-chat-screen .app-shell{padding-bottom:0!important}
body.mooky-chat-screen .conversation-page{
  height:var(--mooky-chat-vvh,100dvh)!important;
  min-height:0!important;
  max-height:var(--mooky-chat-vvh,100dvh)!important;
  overflow:hidden!important;
  padding-bottom:0!important;
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
}
body.mooky-chat-screen .conversation-page .chat-head{
  flex:0 0 auto!important;
  position:relative!important;
  top:auto!important;
}
body.mooky-chat-screen .conversation-page .chat{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:calc(var(--mooky-chat-composer-h,64px) + 14px)!important;
  scroll-padding-bottom:calc(var(--mooky-chat-composer-h,64px) + 14px)!important;
}
body.mooky-chat-screen .chat-input-v24{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  z-index:60!important;
}
body.mooky-chat-screen .chat-typing{
  bottom:calc(var(--mooky-chat-composer-h,64px) + 6px)!important;
}
body.mooky-chat-screen .emoji-picker{
  bottom:calc(var(--mooky-chat-composer-h,64px) + 8px)!important;
}
@supports(height:100svh){
  body.mooky-chat-screen .conversation-page{height:var(--mooky-chat-vvh,100svh)!important;max-height:var(--mooky-chat-vvh,100svh)!important}
}


/* v194 — Conversation: composer toujours visible au-dessus du clavier mobile */
body.mooky-chat-screen .chat-input-v24{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:var(--mooky-keyboard-inset,0px)!important;
  width:min(100%,var(--mooky-chat-shell-w,680px))!important;
  max-width:var(--mooky-chat-shell-w,680px)!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  z-index:2147483000!important;
  box-sizing:border-box!important;
  padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
  background:#090a0f!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.28)!important;
}
body.mooky-chat-screen.mooky-chat-keyboard .chat-input-v24{
  padding-bottom:8px!important;
}
body.mooky-chat-screen .conversation-page .chat{
  padding-bottom:calc(var(--mooky-chat-composer-h,64px) + var(--mooky-keyboard-safe,12px))!important;
  scroll-padding-bottom:calc(var(--mooky-chat-composer-h,64px) + var(--mooky-keyboard-safe,12px))!important;
}
body.mooky-chat-screen .chat-typing,
body.mooky-chat-screen .emoji-picker{
  position:fixed!important;
  bottom:calc(var(--mooky-keyboard-inset,0px) + var(--mooky-chat-composer-h,64px) + 6px)!important;
  z-index:2147482999!important;
}
@media(max-width:720px){
  body.mooky-chat-screen .chat-input-v24{
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
  }
}

/* v195 — Android: composer ancré par coordonnée VisualViewport (reste visible au-dessus du clavier) */
body.mooky-chat-screen .chat-input-v24{
  position:fixed!important;
  top:var(--mooky-composer-top,auto)!important;
  bottom:auto!important;
  left:var(--mooky-chat-left,0px)!important;
  right:auto!important;
  width:var(--mooky-chat-shell-w,100%)!important;
  max-width:none!important;
  transform:none!important;
  margin:0!important;
  z-index:2147483640!important;
}
body.mooky-chat-screen .conversation-page .chat{
  padding-bottom:calc(var(--mooky-chat-composer-h,64px) + 16px)!important;
  scroll-padding-bottom:calc(var(--mooky-chat-composer-h,64px) + 16px)!important;
}


/* v196 — composer complet au-dessus du clavier Android */
body.mooky-chat-screen.mooky-chat-keyboard .chat-input-v24{
  box-shadow:0 -8px 24px rgba(0,0,0,.34)!important;
}
body.mooky-chat-screen.mooky-chat-keyboard .conversation-page .chat{
  padding-bottom:calc(var(--mooky-chat-composer-h,64px) + var(--mooky-ime-toolbar-h,0px) + 18px)!important;
  scroll-padding-bottom:calc(var(--mooky-chat-composer-h,64px) + var(--mooky-ime-toolbar-h,0px) + 18px)!important;
}


/* v199 - Legal hero responsive/pro layout fix */
.legal-hero-v150{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
  overflow:hidden!important;
}
.legal-brand-v150{min-width:0!important;align-items:flex-start!important}
.legal-brand-v150>div{min-width:0!important}
.legal-brand-v150 h1{overflow-wrap:anywhere!important;word-break:normal!important}
.legal-brand-v150 p{max-width:460px!important}
.legal-meta-v150{
  flex:0 0 auto!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:2!important;
}
@media(max-width:760px){
  .legal-hero-v150{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:18px!important;
  }
  .legal-brand-v150{gap:13px!important}
  .legal-brand-v150 img{width:56px!important;height:56px!important;border-radius:16px!important}
  .legal-brand-v150 h1{font-size:24px!important;line-height:1.08!important;margin:5px 0 7px!important}
  .legal-brand-v150 p{font-size:12px!important;line-height:1.55!important;max-width:none!important}
  .legal-meta-v150{
    width:100%!important;
    margin:0!important;
    justify-content:flex-start!important;
    padding:11px 13px!important;
  }
  .legal-meta-v150 small{font-size:9px!important}
  .legal-meta-v150 b{font-size:11px!important}
}
@media(max-width:430px){
  .legal-hero-v150{padding:15px!important;border-radius:17px!important}
  .legal-brand-v150{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:11px!important}
  .legal-brand-v150 img{width:48px!important;height:48px!important;border-radius:14px!important}
  .legal-brand-v150 span{font-size:9px!important;letter-spacing:.14em!important}
  .legal-brand-v150 h1{font-size:22px!important}
  .legal-brand-v150 p{font-size:11px!important;line-height:1.5!important}
}


/* v200 - Legal cleanup + square UI project-wide */
/* Legal header: keep metadata below the content so it can never collide with long titles. */
.legal-hero-v150{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  overflow:hidden!important;
  border-radius:0!important;
}
.legal-brand-v150{min-width:0!important;max-width:100%!important;align-items:flex-start!important}
.legal-brand-v150>div{min-width:0!important;max-width:100%!important}
.legal-brand-v150 h1{max-width:100%!important;overflow-wrap:break-word!important;word-break:normal!important;hyphens:auto!important}
.legal-brand-v150 p{max-width:560px!important}
.legal-meta-v150{
  position:static!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  justify-self:start!important;
  box-sizing:border-box!important;
  border-radius:0!important;
}
.legal-share-v150{display:none!important}

/* Square visual language across the project. Avatars/profile photos keep their round shape. */
/* Mooky v406 — règle globale border-radius:0 supprimée.
   Chaque composant garde désormais ses propres arrondis. */
/* Explicit structural elements that use custom class names. */
.legal-page-v150,.legal-document-v150,.legal-tabs-v150 a,
.a198-headbtn,.a198-hero,.a198-logo,.a198-story,.a198-identity,.a198-facticon,.a198-feature,.a198-featureicon,.a198-docs,.a198-docicon,.a198-contact,.a198-contacticon,.a198-contactfact,.a198-action,
.bc-shop-hero,.bc-balance,.bc-pack,.bc-pack button,.bc-pack>em,.bc-secure,
.simple-head .head-icon,.head-icon{
  border-radius:0!important;
}

@media(max-width:760px){
  .legal-hero-v150{padding:15px!important;gap:12px!important}
  .legal-brand-v150{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;gap:12px!important}
  .legal-brand-v150 img{width:50px!important;height:50px!important;border-radius:0!important}
  .legal-brand-v150 h1{font-size:22px!important;line-height:1.08!important;margin:4px 0 6px!important}
  .legal-brand-v150 p{font-size:11px!important;line-height:1.5!important;max-width:none!important}
  .legal-meta-v150{width:100%!important;padding:10px 12px!important}
}
@media(max-width:560px){
  .a198-chips{display:none!important}
}


/* v202 - Restore softly rounded Mooky UI after v200 square override */
/* Keep legal cleanup, but bring back the original softer rounded visual language. */
:where(
  section,article,aside,nav,
  [class*="card"],[class*="panel"],[class*="box"],[class*="modal"],
  [class*="hero"],[class*="tile"],[class*="item"],
  [class*="menu"],[class*="drawer"],[class*="sheet"]
):not([class*="avatar"]):not([class*="profile-photo"]):not([class*="user-photo"]):not([class*="story-avatar"]){
  border-radius:16px!important;
}
:where(button,[class*="btn"],[class*="button"],input,textarea,select,[class*="input"],[class*="field"],[class*="tab"]){
  border-radius:12px!important;
}
:where([class*="pill"],[class*="badge"],[class*="chip"]){
  border-radius:999px!important;
}

/* Main app surfaces */
.simple-head .head-icon,.head-icon{border-radius:14px!important}
.legal-hero-v150{border-radius:20px!important}
.legal-meta-v150{border-radius:14px!important}
.legal-tabs-v150 a{border-radius:12px!important}
.legal-page-v150,.legal-document-v150{border-radius:16px!important}

/* About page */
.a198-headbtn{border-radius:14px!important}
.a198-hero{border-radius:22px!important}
.a198-logo{border-radius:18px!important}
.a198-story,.a198-identity,.a198-feature,.a198-docs,.a198-contact,.a198-contactfact{border-radius:16px!important}
.a198-facticon,.a198-featureicon,.a198-docicon,.a198-contacticon{border-radius:14px!important}
.a198-action{border-radius:12px!important}

/* BananaCoins */
.bc-shop-hero{border-radius:22px!important}
.bc-balance{border-radius:18px!important}
.bc-pack{border-radius:18px!important}
.bc-pack button{border-radius:12px!important}
.bc-pack>em{border-radius:999px!important}
.bc-secure{border-radius:16px!important}

/* Common feed/cards - soft corners like before, not fully square. */
.post-card,.composer-card,.story-card,.connections-pro-card,.settings-card,.profile-card,.community-card{border-radius:16px!important}

@media(max-width:760px){
  .legal-hero-v150{border-radius:18px!important}
  .legal-brand-v150 img{border-radius:14px!important}
}


/* v203 - Slightly rounded blocks: cleaner, less rounded than v202 */
:where(
  section,article,aside,nav,
  [class*="card"],[class*="panel"],[class*="box"],[class*="modal"],
  [class*="hero"],[class*="tile"],[class*="item"],
  [class*="menu"],[class*="drawer"],[class*="sheet"]
):not([class*="avatar"]):not([class*="profile-photo"]):not([class*="user-photo"]):not([class*="story-avatar"]){
  border-radius:9px!important;
}
:where(button,[class*="btn"],[class*="button"],input,textarea,select,[class*="input"],[class*="field"],[class*="tab"]){
  border-radius:7px!important;
}
/* Keep badges/chips rounded, but not oversized cards. */
:where([class*="pill"],[class*="badge"],[class*="chip"]){border-radius:999px!important}

.simple-head .head-icon,.head-icon{border-radius:9px!important}
.post-card,.composer-card,.story-card,.connections-pro-card,.settings-card,.profile-card,.community-card{border-radius:10px!important}
.legal-hero-v150{border-radius:10px!important}
.legal-meta-v150{border-radius:8px!important}
.legal-tabs-v150 a{border-radius:7px!important}
.legal-page-v150,.legal-document-v150{border-radius:9px!important}
.a198-headbtn{border-radius:9px!important}
.a198-hero{border-radius:10px!important}
.a198-logo{border-radius:9px!important}
.a198-story,.a198-identity,.a198-feature,.a198-docs,.a198-contact,.a198-contactfact{border-radius:9px!important}
.a198-facticon,.a198-featureicon,.a198-docicon,.a198-contacticon{border-radius:8px!important}
.a198-action{border-radius:7px!important}
.bc-shop-hero{border-radius:10px!important}
.bc-balance{border-radius:9px!important}
.bc-pack{border-radius:10px!important}
.bc-pack button{border-radius:7px!important}
.bc-secure{border-radius:9px!important}


/* v207 — coins doux : pas carrés, pas trop ronds */
:root{--radius:12px!important}
.post-card,.composer-card,.story-card,.connections-pro-card,.settings-card,.profile-card,.community-card,
.form-card,.user-card,.settings-list,.report-card,.legal-card-v150,.about-card-v198,
.bc-shop-hero,.bc-pack,.bc-balance,.bc-secure,.bc-info{
  border-radius:12px!important;
}
.btn,input,textarea,select,.composer-placeholder,.post-actions a,.post-actions button,
.chat-back,.chat-more,.chat-attach-btn,.chat-emoji-btn,.chat-send-btn,
.chat-field-wrap,.chat-reply-context,.chat-edit-context,.upload-chip,
.bottom-sheet,.mooky-confirm-dialog{
  border-radius:10px!important;
}
.bubble,.bubble.mine{border-radius:10px!important}

/* v207 — conversation ancrée dans le viewport visible, composer en bas */
html.mooky-chat-screen,body.mooky-chat-screen{
  width:100%!important;height:100%!important;overflow:hidden!important;overscroll-behavior:none!important;
}
body.mooky-chat-screen .desktop-shell,
body.mooky-chat-screen .app-shell{
  height:100%!important;min-height:0!important;overflow:hidden!important;
}
body.mooky-chat-screen .app-shell{padding-bottom:0!important}
body.mooky-chat-screen .conversation-page{
  position:fixed!important;
  top:var(--mooky-chat-vv-top,0px)!important;
  left:var(--mooky-chat-left,0px)!important;
  width:var(--mooky-chat-shell-w,100%)!important;
  height:var(--mooky-chat-vvh,100dvh)!important;
  min-height:0!important;max-height:none!important;
  display:flex!important;flex-direction:column!important;
  overflow:hidden!important;background:#090a0f!important;z-index:10!important;
}
body.mooky-chat-screen .conversation-page .chat-head{
  position:relative!important;top:auto!important;flex:0 0 auto!important;z-index:4!important;
}
body.mooky-chat-screen .conversation-page .chat-request-banner,
body.mooky-chat-screen .conversation-page .chat-search-panel{flex:0 0 auto!important}
body.mooky-chat-screen .conversation-page .chat{
  position:relative!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;
  overflow-y:auto!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;
  padding:14px!important;padding-bottom:18px!important;scroll-padding-bottom:18px!important;
}
body.mooky-chat-screen .chat-input-v24{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;flex:0 0 auto!important;width:100%!important;max-width:none!important;margin:0!important;
  z-index:5!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
  background:#090a0f!important;border-top:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 -8px 24px rgba(0,0,0,.22)!important;
}
body.mooky-chat-screen.mooky-chat-keyboard .chat-input-v24{padding-bottom:8px!important}
body.mooky-chat-screen .chat-typing{
  position:absolute!important;bottom:calc(var(--mooky-chat-composer-h,62px) + 6px)!important;
}
body.mooky-chat-screen .emoji-picker{
  position:absolute!important;bottom:calc(var(--mooky-chat-composer-h,62px) + 8px)!important;max-height:min(330px,45vh)!important;
}
body.mooky-chat-screen .chat-composer-row{align-items:center!important}
body.mooky-chat-screen .chat-field-wrap{min-height:44px!important}
body.mooky-chat-screen .chat-field-wrap textarea{min-height:42px!important}


/* v208 — conversation : boutons homogènes + coins doux */
body.mooky-chat-screen .chat-head-v24{
  min-height:68px!important;
  height:68px!important;
  padding:10px 12px!important;
  gap:10px!important;
  align-items:center!important;
}
body.mooky-chat-screen .chat-head-v24 .chat-back,
body.mooky-chat-screen .chat-head-v24 .chat-more{
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:11px!important;
  background:#12151e!important;
  border:1px solid rgba(255,255,255,.09)!important;
  display:grid!important;
  place-items:center!important;
  font-size:18px!important;
  box-shadow:none!important;
}
body.mooky-chat-screen .chat-head-v24 .chat-user{
  flex:1 1 auto!important;
  min-width:0!important;
  gap:10px!important;
}
body.mooky-chat-screen .chat-head-v24 .chat-user img{
  width:42px!important;
  height:42px!important;
}
body.mooky-chat-screen .chat-head-v24 .chat-user b{
  font-size:15px!important;
  line-height:1.1!important;
}
body.mooky-chat-screen .chat-head-v24 .chat-user small{
  font-size:11px!important;
  margin-top:3px!important;
}

body.mooky-chat-screen .chat-input-v24{
  padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
}
body.mooky-chat-screen .chat-composer-row{
  display:grid!important;
  grid-template-columns:44px 44px minmax(0,1fr) 44px!important;
  gap:8px!important;
  align-items:center!important;
}
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
body.mooky-chat-screen .chat-input-v24 .chat-send-btn{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  flex:0 0 44px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  font-size:18px!important;
}
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn{
  background:#141720!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#f0f2f8!important;
}
body.mooky-chat-screen .chat-input-v24 .chat-send-btn{
  background:linear-gradient(145deg,#7657ef,#8e67ff)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 6px 16px rgba(124,92,255,.22)!important;
}
body.mooky-chat-screen .chat-field-wrap{
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#0d1017!important;
  overflow:hidden!important;
}
body.mooky-chat-screen .chat-field-wrap textarea{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:10px 12px!important;
  line-height:22px!important;
  border-radius:0!important;
}
body.mooky-chat-screen .bubble,
body.mooky-chat-screen .bubble.mine{
  border-radius:12px!important;
}
body.mooky-chat-screen .chat-file-card,
body.mooky-chat-screen .chat-deleted-bubble{
  border-radius:12px!important;
}

@media(max-width:360px){
  body.mooky-chat-screen .chat-composer-row{
    grid-template-columns:42px 42px minmax(0,1fr) 42px!important;
    gap:6px!important;
  }
  body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
  body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
  body.mooky-chat-screen .chat-input-v24 .chat-send-btn{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex-basis:42px!important;
  }
  body.mooky-chat-screen .chat-field-wrap{
    height:42px!important;
    min-height:42px!important;
  }
  body.mooky-chat-screen .chat-field-wrap textarea{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:9px 10px!important;
  }
}


/* v209 — chat : carré avec léger arrondi */
body.mooky-chat-screen .chat-head-v24 .chat-back,
body.mooky-chat-screen .chat-head-v24 .chat-more,
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
body.mooky-chat-screen .chat-input-v24 .chat-send-btn,
body.mooky-chat-screen .chat-field-wrap{
  border-radius:8px!important;
}
body.mooky-chat-screen .bubble,
body.mooky-chat-screen .bubble.mine,
body.mooky-chat-screen .chat-file-card,
body.mooky-chat-screen .chat-deleted-bubble{
  border-radius:10px!important;
}

/* ===== Mooky v210 · coins légèrement arrondis dans tout le projet =====
   Objectif : conserver un rendu assez carré/compact, sans angles secs. */
:root{--radius:12px!important}

/* Contrôles principaux */
.btn,
.icon-btn,
.auth-submit,
.welcome-btn,
.search-box button,
.comment-form button,
.post-actions a,
.post-actions button,
.composer-placeholder,
.settings-editor input,
.settings-editor textarea,
.settings-editor select,
.form-card input,
.form-card textarea,
.form-card select,
.create-card input,
.create-card textarea,
.create-card select,
.upload-box,
.select-row,
.search-fake{
  border-radius:10px!important;
}

/* Cartes et blocs : un peu plus doux, mais jamais trop ronds */
.form-card,
.user-card,
.community-card,
.community-card-v2,
.post-card,
.composer-card,
.story-card,
.profile-card,
.settings-card,
.report-card,
.about-card,
.empty-card,
.settings-editor,
.admin-stats div,
.admin-links,
.messages-stats-strip,
.messages-search-wrap,
.conversation-card-pro,
.messages-empty-pro,
.panel-empty{
  border-radius:12px!important;
}

/* Messagerie (zone montrée sur la capture) */
.messages-filter-bar button,
.messages-tabs-v66 button{
  border-radius:9px!important;
}
.messages-search-wrap button{border-radius:9px!important}
.messages-stats-strip{overflow:hidden!important}

/* Conversation : carré doux cohérent avec le reste */
body.mooky-chat-screen .chat-head-v24 .chat-back,
body.mooky-chat-screen .chat-head-v24 .chat-more,
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
body.mooky-chat-screen .chat-input-v24 .chat-send-btn,
body.mooky-chat-screen .chat-field-wrap{
  border-radius:10px!important;
}
body.mooky-chat-screen .bubble,
body.mooky-chat-screen .bubble.mine,
body.mooky-chat-screen .chat-file-card,
body.mooky-chat-screen .chat-deleted-bubble{
  border-radius:12px!important;
}

/* Les cartes nommées *-card dans l'application gardent au minimum le même langage visuel. */
.app-shell :is([class$="-card"],[class*="-card "]){
  border-radius:12px;
}


/* =========================================================
   Mooky v211 — soft corners refinement (less square buttons)
   ========================================================= */
:root{--radius-soft-sm:11px;--radius-soft:12px;--radius-soft-lg:14px;--radius-soft-xl:16px}
body .btn,
body .btn.small,
body .form-card,
body input,body textarea,body select,
body .alert,
body .composer-placeholder,
body .user-card,
body .upload-box,
body .comment>div,
body .search-box button,
body .top-actions a,
body .icon-btn,
body .create-fab span,
body .post-actions a,
body .post-actions button,
body .mooky-back-btn,
body .chat-head .chat-back,
body .chat-head .chat-more,
body .chat-search-panel button,
body .chat-input>button,
body .chat-field-wrap,
body .upload-chip,
body .upload-chip button,
body .chat-reply-context,
body .chat-edit-context,
body .comment-form button,
body .search-user,body .conversation-row,body .notif{border-radius:var(--radius-soft)!important}
body .chat-field-wrap,
body .search-box input,
body .composer-placeholder{border-radius:var(--radius-soft-lg)!important}
body .chat-head .chat-back,
body .chat-head .chat-more,
body .mooky-back-btn,
body .chat-attach-btn,
body .chat-emoji-btn,
body .chat-send-btn{border-radius:var(--radius-soft)!important}
body .chat-send-btn{box-shadow:0 10px 24px rgba(124,92,255,.28)!important}
body .chat-input{padding-left:10px!important;padding-right:10px!important}
body .chat-composer-row{gap:8px!important}
@media (max-width:600px){
  body .chat-head .chat-back,
  body .chat-head .chat-more,
  body .mooky-back-btn{border-radius:12px!important}
  body .chat-input>button{border-radius:12px!important}
  body .chat-field-wrap{border-radius:14px!important}
}


/* =========================================================
   Mooky v212 — rounded button corners refinement
   ========================================================= */
:root{--radius-soft-sm:13px;--radius-soft:15px;--radius-soft-lg:17px;--radius-soft-xl:20px}
body .btn,
body .btn.small,
body input,body textarea,body select,
body .form-card,
body .alert,
body .composer-placeholder,
body .user-card,
body .upload-box,
body .comment>div,
body .search-box button,
body .top-actions a,
body .icon-btn,
body .create-fab span,
body .post-actions a,
body .post-actions button,
body .mooky-back-btn,
body .chat-head .chat-back,
body .chat-head .chat-more,
body .chat-search-panel button,
body .chat-input>button,
body .chat-field-wrap,
body .upload-chip,
body .upload-chip button,
body .chat-reply-context,
body .chat-edit-context,
body .comment-form button,
body .search-user,body .conversation-row,body .notif,
body .badge{border-radius:var(--radius-soft)!important}
body .chat-field-wrap,
body .search-box input,
body .composer-placeholder,
body .form-card,
body .upload-box{border-radius:var(--radius-soft-lg)!important}
body .chat-head .chat-back,
body .chat-head .chat-more,
body .mooky-back-btn,
body .chat-attach-btn,
body .chat-emoji-btn,
body .chat-send-btn,
body .top-actions a,
body .icon-btn{border-radius:var(--radius-soft)!important}
body .chat-send-btn{box-shadow:0 10px 26px rgba(124,92,255,.30)!important}
body .chat-input{padding-left:10px!important;padding-right:10px!important}
@media (max-width:600px){
  body .chat-head .chat-back,
  body .chat-head .chat-more,
  body .mooky-back-btn,
  body .chat-attach-btn,
  body .chat-emoji-btn,
  body .chat-send-btn{border-radius:15px!important}
  body .chat-field-wrap{border-radius:17px!important}
}


/* =========================================================
   Mooky v213 — arrondi léger ciblé demandé
   ========================================================= */
/* Retour conversation */
body.mooky-chat-screen .chat-head-v24 .chat-back.mooky-back-btn{
  border-radius:13px!important;
}

/* Barre de saisie conversation + contrôles internes */
body.mooky-chat-screen .chat-input.chat-input-v24{
  border-radius:14px 14px 0 0!important;
  overflow:visible!important;
}
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
body.mooky-chat-screen .chat-input-v24 .chat-send-btn{
  border-radius:13px!important;
}
body.mooky-chat-screen .chat-input-v24 .chat-field-wrap{
  border-radius:13px!important;
}

/* Boutons du menu Ajouter au message (data-chat-pick) */
.chat-attach-sheet button[data-chat-pick]{
  border-radius:13px!important;
}
.chat-attach-sheet button[data-chat-pick]>i{
  border-radius:11px!important;
}

/* Onglets/filtres de messages */
.messages-filter-bar.messages-tabs-v66 button,
.messages-filter-bar button,
.messages-tabs-v66 button{
  border-radius:12px!important;
}


/* =========================================================
   Mooky v214 — arrondi final des boutons conversation restants
   ========================================================= */
/* Bouton options (...) en haut : même angle doux que le retour */
body.mooky-chat-screen .chat-head-v24 .chat-more{
  border-radius:14px!important;
}

/* Barre basse complète : coins doux sans effet pilule */
body.mooky-chat-screen .chat-input.chat-input-v24{
  border-radius:16px 16px 0 0!important;
  overflow:visible!important;
}

/* + / emoji / envoyer */
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
body.mooky-chat-screen .chat-input-v24 .chat-send-btn{
  border-radius:14px!important;
}

/* Champ Message… */
body.mooky-chat-screen .chat-input-v24 .chat-field-wrap{
  border-radius:14px!important;
}
body.mooky-chat-screen .chat-input-v24 .chat-field-wrap textarea{
  border-radius:14px!important;
}

/* Menu pièces jointes restant */
.chat-attach-sheet,
.chat-attach-sheet button[data-chat-pick]{
  border-radius:14px!important;
}
.chat-attach-sheet button[data-chat-pick]>i{
  border-radius:12px!important;
}

/* Filtres Messages : garde le même langage visuel */
.messages-filter-bar.messages-tabs-v66,
.messages-filter-bar.messages-tabs-v66 button,
.messages-filter-bar button,
.messages-tabs-v66 button{
  border-radius:13px!important;
}


/* =========================================================
   Mooky v215 — targeted rounded composer buttons
   ========================================================= */
body.mooky-chat-screen .chat-input-v24,
body .chat-input-v24{border-radius:16px 16px 0 0!important}
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
body.mooky-chat-screen .chat-input-v24 .chat-send-btn,
body .chat-input-v24 .chat-attach-btn,
body .chat-input-v24 .chat-emoji-btn,
body .chat-input-v24 .chat-send-btn{border-radius:14px!important}
body.mooky-chat-screen .chat-input-v24 .chat-field-wrap,
body .chat-input-v24 .chat-field-wrap{border-radius:16px!important}
body.mooky-chat-screen .chat-input-v24 #chatMessageInput,
body .chat-input-v24 #chatMessageInput{border-radius:14px!important}


/* =========================================================
   Mooky v216 — fix border-radius without changing sizes
   ========================================================= */
/* La barre garde exactement sa taille d'origine */
body.mooky-chat-screen .chat-input.chat-input-v24,
body .chat-input.chat-input-v24{
  border-radius:0!important;
  overflow:visible!important;
}
/* Boutons: arrondi uniquement, aucune modification de taille */
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
body.mooky-chat-screen .chat-input-v24 .chat-send-btn,
body .chat-input-v24 .chat-attach-btn,
body .chat-input-v24 .chat-emoji-btn,
body .chat-input-v24 .chat-send-btn{
  border-radius:12px!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  padding:0!important;
  box-sizing:border-box!important;
}
/* Le champ conserve sa vraie hauteur/largeur; l'arrondi est sur le wrapper */
body.mooky-chat-screen .chat-input-v24 .chat-field-wrap,
body .chat-input-v24 .chat-field-wrap{
  border-radius:12px!important;
  min-width:0!important;
  flex:1 1 auto!important;
  box-sizing:border-box!important;
}
body.mooky-chat-screen .chat-input-v24 #chatMessageInput,
body .chat-input-v24 #chatMessageInput{
  border-radius:0!important;
  width:100%!important;
  min-height:42px!important;
  padding:11px 12px!important;
  box-sizing:border-box!important;
}
@media(max-width:360px){
  body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
  body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
  body.mooky-chat-screen .chat-input-v24 .chat-send-btn,
  body .chat-input-v24 .chat-attach-btn,
  body .chat-input-v24 .chat-emoji-btn,
  body .chat-input-v24 .chat-send-btn{
    flex-basis:38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
}


/* =========================================================
   Mooky v217 — force chat buttons to match back button
   ========================================================= */
/* Le bouton options (...) doit avoir exactement le même rendu que la flèche retour */
body.mooky-chat-screen .chat-head-v24 .chat-more{
  -webkit-appearance:none!important;
  appearance:none!important;
  border-radius:13px!important;
  background:#12151e!important;
  border:1px solid rgba(255,255,255,.09)!important;
  padding:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
  background-clip:padding-box!important;
}
body.mooky-chat-screen .chat-head-v24 .chat-more i{
  line-height:1!important;
}

/* Les contrôles du bas prennent le même langage visuel */
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
body.mooky-chat-screen .chat-input-v24 .chat-send-btn{
  -webkit-appearance:none!important;
  appearance:none!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
body.mooky-chat-screen .chat-input-v24 .chat-field-wrap{
  border-radius:13px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
body.mooky-chat-screen .chat-input-v24 #chatMessageInput{
  border-radius:0!important;
}


/* =========================================================
   Mooky v218 — same rounded corners as chat back button
   ========================================================= */
:root{--mooky-chat-control-radius:16px}

/* Haut : retour + options exactement le même arrondi */
body.mooky-chat-screen .chat-head-v24 .chat-back.mooky-back-btn,
body.mooky-chat-screen .chat-head-v24 .chat-more{
  border-radius:var(--mooky-chat-control-radius)!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

/* Bas : +, emoji, champ et envoyer = même arrondi visuel */
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
body.mooky-chat-screen .chat-input-v24 .chat-send-btn,
body.mooky-chat-screen .chat-input-v24 .chat-field-wrap{
  border-radius:var(--mooky-chat-control-radius)!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

/* Le textarea remplit le conteneur arrondi sans créer un second cadre carré */
body.mooky-chat-screen .chat-input-v24 #chatMessageInput{
  border-radius:inherit!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
}

/* Conserve strictement la taille actuelle des petits boutons */
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
body.mooky-chat-screen .chat-input-v24 .chat-send-btn{
  box-sizing:border-box!important;
}


/* =========================================================
   Mooky v219 — global soft corners cleanup
   ========================================================= */
:root{--mky-soft-radius:13px;--mky-soft-radius-lg:15px}

/* Arrondi léger global sur les éléments encore trop carrés */
body .btn,
body .btn.small,
body input,body textarea,body select,
body .form-card,
body .alert,
body .composer-placeholder,
body .user-card,
body .upload-box,
body .comment>div,
body .search-box button,
body .top-actions a,
body .icon-btn,
body .post-actions a,
body .post-actions button,
body .conversation-row,body .search-user,body .notif,
body .messages-filter-bar,
body .messages-filter-bar button,
body .messages-tabs-v66 button,
body .chat-attach-sheet,
body .chat-attach-sheet button[data-chat-pick],
body .chat-reply-context,
body .chat-edit-context,
body .upload-chip,
body .upload-chip button,
body .bottom-sheet,
body .mooky-confirm-dialog{border-radius:var(--mky-soft-radius)!important}

/* Conversation : exactement le même langage visuel que le bouton retour */
body .mooky-back-btn,
body .chat-head .chat-back,
body .chat-head .chat-more,
body.mooky-chat-screen .chat-head-v24 .chat-back,
body.mooky-chat-screen .chat-head-v24 .chat-more,
body .chat-input-v24 .chat-attach-btn,
body .chat-input-v24 .chat-emoji-btn,
body .chat-input-v24 .chat-send-btn{
  border-radius:13px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

/* Barre de saisie du chat */
body .chat-input.chat-input-v24,
body.mooky-chat-screen .chat-input.chat-input-v24{
  border-radius:14px 14px 0 0!important;
}
body .chat-input-v24 .chat-field-wrap,
body.mooky-chat-screen .chat-input-v24 .chat-field-wrap{
  border-radius:13px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
body .chat-input-v24 #chatMessageInput,
body.mooky-chat-screen .chat-input-v24 #chatMessageInput{
  border-radius:0!important;
}
body .chat-attach-sheet button[data-chat-pick]>i{border-radius:11px!important}


/* =========================================================
   Mooky v220 — hard override: chat controls visibly rounded
   ========================================================= */
/* IMPORTANT: ces règles sont volontairement tout en bas du CSS pour gagner contre les anciens overrides. */
#chatMoreBtn.chat-more,
.chat-head-v24 #chatMoreBtn,
.chat-head .chat-more{
  border-radius:18px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

#chatAttachBtn.chat-attach-btn,
#chatEmojiBtn.chat-emoji-btn,
.chat-input-v24 .chat-send-btn{
  border-radius:18px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

.chat-input-v24 .chat-field-wrap{
  border-radius:18px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

#chatMessageInput{
  border-radius:18px!important;
  overflow:hidden!important;
}

/* Le retour sert de référence visuelle */
.chat-head-v24 .chat-back.mooky-back-btn,
.chat-head-v24 .chat-back{
  border-radius:18px!important;
}

/* Filtres/messages et boutons pièces jointes restants */
.messages-filter-bar.messages-tabs-v66,
.messages-filter-bar.messages-tabs-v66 button,
.messages-filter-bar button,
.messages-tabs-v66 button,
.chat-attach-sheet,
.chat-attach-sheet button[data-chat-pick]{
  border-radius:16px!important;
}


/* =========================================================
   Mooky v221 — chat controls: light rounded corners everywhere
   ========================================================= */
/* Même arrondi léger sur TOUS les contrôles visibles du chat.
   On évite l'effet rond/pilule et on ne touche pas aux tailles. */
body.mooky-chat-screen .chat-head-v24 #chatMoreBtn,
body.mooky-chat-screen .chat-head-v24 .chat-more,
body.mooky-chat-screen .chat-head-v24 .chat-back,
body.mooky-chat-screen .chat-head-v24 .mooky-back-btn,
body.mooky-chat-screen .chat-input-v24 #chatAttachBtn,
body.mooky-chat-screen .chat-input-v24 .chat-attach-btn,
body.mooky-chat-screen .chat-input-v24 #chatEmojiBtn,
body.mooky-chat-screen .chat-input-v24 .chat-emoji-btn,
body.mooky-chat-screen .chat-input-v24 .chat-send-btn{
  border-radius:10px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

/* Champ Message : arrondi léger sur le cadre, pas sur le textarea interne */
body.mooky-chat-screen .chat-input-v24 .chat-field-wrap{
  border-radius:10px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
body.mooky-chat-screen .chat-input-v24 #chatMessageInput{
  border-radius:0!important;
}

/* Barre basse elle-même : coins très légers en haut uniquement */
body.mooky-chat-screen .chat-input.chat-input-v24{
  border-radius:10px 10px 0 0!important;
}

/* Même traitement pour les autres boutons liés au chat */
body.mooky-chat-screen .chat-search-panel button,
body.mooky-chat-screen .chat-reply-context button,
body.mooky-chat-screen .chat-edit-context button,
body.mooky-chat-screen .upload-chip button,
body .chat-attach-sheet button[data-chat-pick],
body .messages-filter-bar.messages-tabs-v66 button,
body .messages-filter-bar button,
body .messages-tabs-v66 button{
  border-radius:10px!important;
}


/* =========================================================
   Mooky v222 — final fix: text field + send button corners
   ========================================================= */
/* Champ Message : le cadre ET le textarea prennent le même arrondi léger */
body.mooky-chat-screen #chatForm.chat-input-v24 .chat-field-wrap{
  border-radius:10px!important;
  overflow:hidden!important;
  background:#0d0f16!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background-clip:padding-box!important;
}
body.mooky-chat-screen #chatForm.chat-input-v24 #chatMessageInput{
  border-radius:10px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

/* Bouton envoyer : même arrondi léger que + et emoji, sans changer sa taille */
body.mooky-chat-screen #chatForm.chat-input-v24 #chatSendBtn.chat-send-btn,
body.mooky-chat-screen #chatForm.chat-input-v24 button.chat-send-btn[type="submit"]{
  border-radius:10px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}


/* =========================================================
   Mooky v227 — unified mobile keyboard layout
   ========================================================= */
html{--mooky-keyboard-lift:0px}

body.mooky-chat-screen #chatForm.chat-input-v24{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:var(--mooky-keyboard-lift,0px)!important;
  transform:translateX(-50%)!important;
  width:min(430px,100vw)!important;
  z-index:1000!important;
  transition:bottom .10s ease-out!important;
}

body.mooky-chat-screen.mooky-keyboard-open-v227 #chatForm.chat-input-v24{
  bottom:var(--mooky-keyboard-lift,54px)!important;
}

body.mooky-chat-screen.mooky-keyboard-open-v227 .conversation-page .chat{
  padding-bottom:146px!important;
  scroll-padding-bottom:146px!important;
}

body.mooky-chat-screen:not(.mooky-keyboard-open-v227) #chatForm.chat-input-v24{
  bottom:0!important;
}

@media(max-width:700px){
  body.mooky-chat-screen #chatForm.chat-input-v24{width:100vw!important}
}

@media(prefers-reduced-motion:reduce){
  body.mooky-chat-screen #chatForm.chat-input-v24{transition:none!important}
}


/* =========================================================
   Mooky v228 — final mobile chat safe-area + close reset
   ========================================================= */
/* 1) Le header ne passe plus sous la barre d'état Android/iPhone. */
@media(max-width:700px){
  body.mooky-chat-screen .chat-head-v24{
    box-sizing:border-box!important;
    min-height:calc(68px + max(env(safe-area-inset-top), 24px))!important;
    height:calc(68px + max(env(safe-area-inset-top), 24px))!important;
    padding-top:calc(max(env(safe-area-inset-top), 24px) + 8px)!important;
    padding-bottom:8px!important;
    align-items:center!important;
  }

  /* 2) Même clavier fermé, réserve toujours la hauteur du composer. */
  body.mooky-chat-screen .conversation-page .chat{
    padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
  }

  /* 3) Quand le clavier est ouvert, réserve davantage sans cacher le dernier message. */
  body.mooky-chat-screen.mooky-keyboard-open-v227 .conversation-page .chat{
    padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
  }

  body.mooky-chat-screen #chatForm.chat-input-v24{
    padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
  }
}


/* =========================================================
   Mooky v230 — adaptive phone safe areas (top + bottom)
   ========================================================= */
:root{
  --mooky-safe-top: env(safe-area-inset-top, 0px);
  --mooky-safe-bottom: env(safe-area-inset-bottom, 0px);
}
html,body{
  min-height:100%;
  background:#090a0f!important;
}
body{
  min-height:100dvh!important;
  overscroll-behavior-y:none;
}
.desktop-shell{
  min-height:100dvh!important;
  background:#090a0f!important;
}
.app-shell{
  min-height:100dvh!important;
  padding-bottom:calc(82px + var(--mooky-safe-bottom))!important;
  background:#090a0f!important;
}

/* Headers: always below notch/status bar, without a hard-coded phone model. */
.topbar,.simple-head,.chat-head{
  min-height:calc(60px + var(--mooky-safe-top))!important;
  height:auto!important;
  padding-top:calc(var(--mooky-safe-top) + 8px)!important;
}

/* Profile has no generic topbar, so its own controls respect the status area. */
.profile-v5{
  padding-top:var(--mooky-safe-top)!important;
}
.profile-v5 .round-back,
.profile-v5 .round-settings{
  top:calc(var(--mooky-safe-top) + 12px)!important;
}

/* Bottom navigation: fill the safe area instead of leaving a floating/gapped bar. */
.bottom-nav.mooky-tabbar-v143,
.bottom-nav.mooky-tabbar{
  bottom:0!important;
  height:calc(68px + var(--mooky-safe-bottom))!important;
  min-height:calc(68px + var(--mooky-safe-bottom))!important;
  padding-top:6px!important;
  padding-bottom:max(6px,var(--mooky-safe-bottom))!important;
  box-sizing:border-box!important;
  background:#090a0f!important;
}
.bottom-nav.mooky-tabbar-v143 .mooky-tab,
.bottom-nav.mooky-tabbar .mooky-tab{
  height:54px!important;
  min-height:54px!important;
}

/* Pages keep their last content above the system/navigation area. */
.profile-page,
.section-pad,
.settings,
.feed,
.notifications-page,
.messages-page,
.communities-page,
.explore-page{
  scroll-padding-bottom:calc(82px + var(--mooky-safe-bottom))!important;
}

/* Chat uses its dedicated keyboard system; only normalize the closed state safe area. */
body.mooky-chat-screen .app-shell{padding-bottom:0!important}
body.mooky-chat-screen:not(.mooky-keyboard-open-v227) #chatForm.chat-input-v24{
  padding-bottom:calc(8px + var(--mooky-safe-bottom))!important;
}

/* Small/large phones: keep controls usable without model-specific pixel hacks. */
@media(max-width:390px){
  .bottom-nav.mooky-tabbar-v143,
  .bottom-nav.mooky-tabbar{padding-left:5px!important;padding-right:5px!important}
}
@media(min-width:431px){
  .bottom-nav.mooky-tabbar-v143,
  .bottom-nav.mooky-tabbar{width:min(430px,100%)!important}
}


/* =========================================================
   Mooky v231 — restore normal page scrolling after safe-area fix
   ========================================================= */
/* v230 handled the phone safe areas correctly, but the global viewport
   constraints could trap regular pages. Non-chat pages must scroll with
   the document normally; only the conversation keeps its own locked viewport. */
html:not(.mooky-chat-screen){
  height:auto!important;
  min-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body:not(.mooky-chat-screen){
  height:auto!important;
  min-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body:not(.mooky-chat-screen) .desktop-shell{
  height:auto!important;
  min-height:100dvh!important;
  overflow:visible!important;
  align-items:flex-start!important;
}
body:not(.mooky-chat-screen) .app-shell{
  height:auto!important;
  min-height:100dvh!important;
  max-height:none!important;
  overflow-y:visible!important;
  overflow-x:hidden!important;
  touch-action:pan-y!important;
}
/* Keep enough room to reach the very last publication above the tab bar. */
body:not(.mooky-chat-screen) .feed,
body:not(.mooky-chat-screen) .profile-page,
body:not(.mooky-chat-screen) .section-pad,
body:not(.mooky-chat-screen) .notifications-page,
body:not(.mooky-chat-screen) .messages-page,
body:not(.mooky-chat-screen) .communities-page,
body:not(.mooky-chat-screen) .explore-page{
  padding-bottom:max(96px,calc(88px + var(--mooky-safe-bottom)))!important;
}

/* =========================================================
   Mooky v232 — verify email full redesign
   ========================================================= */
body.verify-email-screen-v232{background:#08090e!important;overflow:auto!important}
body.verify-email-screen-v232 .desktop-shell{background:#08090e!important;min-height:100dvh!important}
body.verify-email-screen-v232 .app-shell{max-width:none!important;width:100%!important;min-height:100dvh!important;padding:0!important;background:transparent!important;overflow:visible!important}
body.verify-email-screen-v232 .app-drawer-trigger,
body.verify-email-screen-v232 .app-drawer-overlay,
body.verify-email-screen-v232 .app-drawer{display:none!important}

.verify-page-v232{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 18px;background:radial-gradient(circle at 50% -10%,rgba(124,92,255,.18),transparent 36%),linear-gradient(180deg,#0b0c13 0%,#08090e 100%)}
.verify-shell-v232{width:min(100%,470px);display:grid;gap:16px}
.verify-brand-v232{display:flex;align-items:center;gap:12px;padding:0 4px}
.verify-brand-mark-v232{width:48px;height:48px;border-radius:15px;background:#151822;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;overflow:hidden}
.verify-brand-mark-v232 img{width:44px;height:44px;object-fit:contain}
.verify-brand-v232>div:last-child{display:flex;flex-direction:column;gap:3px}
.verify-brand-v232 b{font-size:21px;line-height:1;font-weight:900;letter-spacing:-.3px}
.verify-brand-v232 span{font-size:9px;color:#7f879b;font-weight:850;letter-spacing:1.55px;text-transform:uppercase}

.verify-card-v232{background:linear-gradient(180deg,#12141d,#10121a);border:1px solid #2a2f3e;border-radius:18px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.42)}
.verify-card-top-v232{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.verify-icon-v232{width:58px;height:58px;flex:0 0 58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#251c46,#1a1630);border:1px solid rgba(150,116,255,.2);color:#aa90ff;font-size:23px}
.verify-step-v232{display:flex;flex-direction:column;gap:4px}
.verify-step-v232 span{font-size:9px;font-weight:900;letter-spacing:1.3px;color:#927eff}
.verify-step-v232 b{font-size:14px;color:#f4f5f9}
.verify-copy-v232 h1{font-size:29px;line-height:1.08;margin:0 0 11px;letter-spacing:-.65px}
.verify-copy-v232 p{margin:0;color:#a6adbe;font-size:14px;line-height:1.65}
.verify-copy-v232 strong{color:#fff;word-break:break-word}
.verify-copy-v232 p b{color:#c9cdda}

.verify-alert-v232{display:flex;align-items:flex-start;gap:9px;margin:17px 0 0;padding:11px 12px;border-radius:12px;font-size:12px;line-height:1.45}
.verify-alert-v232 i{margin-top:2px}
.verify-alert-v232.error{background:#25131b;border:1px solid #542535;color:#ff9ab0}
.verify-alert-v232.ok{background:#10231d;border:1px solid #225746;color:#7be9bd}

.verify-form-v232{margin-top:22px}
.verify-form-v232>label{display:block;color:#c7cbda;font-size:11px;font-weight:800;margin:0 0 8px}
.verify-code-wrap-v232{height:64px;display:flex;align-items:center;border:1px solid #323748;background:#090b11;border-radius:14px;transition:.18s ease;overflow:hidden}
.verify-code-wrap-v232:focus-within{border-color:#8564ff;box-shadow:0 0 0 3px rgba(124,92,255,.14)}
.verify-code-wrap-v232>i{width:48px;display:grid;place-items:center;color:#75658f;font-size:15px}
.verify-code-wrap-v232 input{height:100%!important;flex:1!important;width:100%!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;text-align:center!important;font-size:27px!important;font-weight:900!important;letter-spacing:.34em!important;padding:0 .34em 0 0!important;border-radius:0!important;outline:0!important}
.verify-code-wrap-v232 input::placeholder{color:#555c6f;opacity:1}
.verify-code-wrap-v232 input.is-complete{color:#b8a7ff!important}
.verify-hint-v232{display:flex;align-items:center;gap:7px;color:#6f778a;font-size:10px;margin:9px 1px 0}
.verify-hint-v232 i{color:#7360b7}
.verify-submit-v232{width:100%;height:52px;margin-top:15px;border:0;border-radius:13px;background:linear-gradient(135deg,#7048ff,#9563ff);color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 24px rgba(112,72,255,.24);cursor:pointer}
.verify-submit-v232:active{transform:translateY(1px)}

.verify-separator-v232{display:flex;align-items:center;gap:10px;margin:20px 0 8px;color:#686f82;font-size:10px}
.verify-separator-v232:before,.verify-separator-v232:after{content:"";height:1px;background:#242835;flex:1}
.verify-resend-v232 button{width:100%;height:44px;border:1px solid #2b3040;border-radius:12px;background:#171923;color:#bbaaff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:850;cursor:pointer}
.verify-resend-v232 button:hover{background:#1c1e2a}
.verify-switch-v232{margin-top:12px;min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;color:#777f93;font-size:11px;font-weight:700;text-decoration:none}
.verify-switch-v232:hover{color:#aeb4c2}
.verify-foot-v232{text-align:center;color:#555d70;font-size:9px;padding:0 8px 8px}
.verify-foot-v232 i{margin-right:5px;color:#625493}

@media(max-width:560px){
  .verify-page-v232{align-items:flex-start;padding:calc(18px + env(safe-area-inset-top)) 13px calc(18px + env(safe-area-inset-bottom))}
  .verify-shell-v232{gap:13px}
  .verify-brand-v232{padding:0 5px}
  .verify-brand-mark-v232{width:44px;height:44px;border-radius:13px}
  .verify-brand-mark-v232 img{width:40px;height:40px}
  .verify-card-v232{padding:20px 17px;border-radius:16px}
  .verify-card-top-v232{margin-bottom:18px}
  .verify-icon-v232{width:54px;height:54px;flex-basis:54px;border-radius:15px}
  .verify-copy-v232 h1{font-size:25px}
  .verify-copy-v232 p{font-size:13px}
  .verify-code-wrap-v232{height:60px;border-radius:13px}
  .verify-code-wrap-v232 input{font-size:24px!important;letter-spacing:.28em!important;padding-right:.28em!important}
  .verify-submit-v232{height:50px}
}

@media(max-width:360px){
  .verify-page-v232{padding-left:10px;padding-right:10px}
  .verify-card-v232{padding:18px 14px}
  .verify-copy-v232 h1{font-size:23px}
  .verify-code-wrap-v232 input{font-size:22px!important;letter-spacing:.23em!important;padding-right:.23em!important}
}



/* =========================================================
   Mooky v233 — verify email mobile-first compact redesign
   ========================================================= */
body.verify-email-screen-v233{background:#08090e!important;overflow:auto!important}
body.verify-email-screen-v233 .desktop-shell{background:#08090e!important;min-height:100dvh!important}
body.verify-email-screen-v233 .app-shell{max-width:none!important;width:100%!important;min-height:100dvh!important;padding:0!important;background:transparent!important;overflow:visible!important}
body.verify-email-screen-v233 .app-drawer-trigger,
body.verify-email-screen-v233 .app-drawer-overlay,
body.verify-email-screen-v233 .app-drawer{display:none!important}

body.verify-email-screen-v233 .verify-page-v232{
  min-height:100dvh!important;
  display:block!important;
  padding:calc(16px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))!important;
  background:radial-gradient(circle at 50% -80px,rgba(124,92,255,.17),transparent 300px),linear-gradient(180deg,#0d0f18 0%,#08090e 55%)!important;
}
body.verify-email-screen-v233 .verify-shell-v232{
  width:min(100%,430px)!important;
  margin:0 auto!important;
  display:grid!important;
  gap:12px!important;
}
body.verify-email-screen-v233 .verify-brand-v232{
  min-height:54px!important;
  padding:0 3px!important;
  gap:10px!important;
}
body.verify-email-screen-v233 .verify-brand-mark-v232{
  width:46px!important;height:46px!important;border-radius:14px!important;
  background:#151822!important;
}
body.verify-email-screen-v233 .verify-brand-mark-v232 img{width:43px!important;height:43px!important}
body.verify-email-screen-v233 .verify-brand-v232 b{font-size:24px!important;letter-spacing:-.55px!important}
body.verify-email-screen-v233 .verify-brand-v232 span{font-size:8px!important;letter-spacing:1.7px!important;margin-top:2px!important}

body.verify-email-screen-v233 .verify-card-v232{
  padding:17px!important;
  border-radius:18px!important;
  border:1px solid #292e3d!important;
  background:linear-gradient(180deg,#12141d,#0f1118)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.3)!important;
}
body.verify-email-screen-v233 .verify-card-top-v232{
  gap:11px!important;
  margin-bottom:14px!important;
}
body.verify-email-screen-v233 .verify-icon-v232{
  width:46px!important;height:46px!important;flex:0 0 46px!important;
  border-radius:14px!important;font-size:19px!important;
}
body.verify-email-screen-v233 .verify-step-v232{gap:2px!important}
body.verify-email-screen-v233 .verify-step-v232 span{font-size:8px!important;letter-spacing:1.15px!important}
body.verify-email-screen-v233 .verify-step-v232 b{font-size:13px!important}

body.verify-email-screen-v233 .verify-copy-v232 h1{
  font-size:23px!important;line-height:1.08!important;letter-spacing:-.45px!important;
  margin:0 0 8px!important;
}
body.verify-email-screen-v233 .verify-copy-v232 p{
  font-size:12px!important;line-height:1.5!important;color:#9da5b8!important;
}
body.verify-email-screen-v233 .verify-copy-v232 strong{display:inline!important;color:#fff!important}

body.verify-email-screen-v233 .verify-alert-v232{margin-top:12px!important;padding:10px 11px!important;border-radius:12px!important;font-size:11px!important}
body.verify-email-screen-v233 .verify-form-v232{margin-top:16px!important}
body.verify-email-screen-v233 .verify-form-v232>label{font-size:10px!important;margin-bottom:7px!important}
body.verify-email-screen-v233 .verify-code-wrap-v232{
  height:56px!important;border-radius:14px!important;border-color:#303647!important;
  background:#090b11!important;
}
body.verify-email-screen-v233 .verify-code-wrap-v232>i{width:42px!important;font-size:14px!important}
body.verify-email-screen-v233 .verify-code-wrap-v232 input{
  font-size:23px!important;letter-spacing:.26em!important;padding:0 .26em 0 0!important;
}
body.verify-email-screen-v233 .verify-hint-v232{font-size:9px!important;margin-top:7px!important;gap:6px!important}
body.verify-email-screen-v233 .verify-submit-v232{
  height:48px!important;margin-top:12px!important;border-radius:13px!important;
  font-size:12px!important;box-shadow:0 10px 24px rgba(112,72,255,.22)!important;
}
body.verify-email-screen-v233 .verify-separator-v232{margin:16px 0 7px!important;font-size:9px!important}
body.verify-email-screen-v233 .verify-resend-v232 button{
  height:44px!important;border-radius:12px!important;font-size:10px!important;
}
body.verify-email-screen-v233 .verify-switch-v232{
  min-height:34px!important;margin-top:8px!important;font-size:10px!important;
}
body.verify-email-screen-v233 .verify-foot-v232{font-size:8px!important;padding:1px 8px 4px!important}

@media(max-width:390px){
  body.verify-email-screen-v233 .verify-page-v232{padding-left:11px!important;padding-right:11px!important}
  body.verify-email-screen-v233 .verify-card-v232{padding:15px!important}
  body.verify-email-screen-v233 .verify-brand-v232 b{font-size:22px!important}
  body.verify-email-screen-v233 .verify-copy-v232 h1{font-size:21px!important}
  body.verify-email-screen-v233 .verify-code-wrap-v232{height:54px!important}
  body.verify-email-screen-v233 .verify-code-wrap-v232 input{font-size:21px!important;letter-spacing:.22em!important;padding-right:.22em!important}
}

@media(min-width:700px){
  body.verify-email-screen-v233 .verify-page-v232{display:flex!important;align-items:center!important;justify-content:center!important;padding:30px 18px!important}
  body.verify-email-screen-v233 .verify-shell-v232{width:min(100%,460px)!important;gap:15px!important}
  body.verify-email-screen-v233 .verify-card-v232{padding:24px!important}
  body.verify-email-screen-v233 .verify-copy-v232 h1{font-size:28px!important}
  body.verify-email-screen-v233 .verify-copy-v232 p{font-size:14px!important}
  body.verify-email-screen-v233 .verify-code-wrap-v232{height:62px!important}
  body.verify-email-screen-v233 .verify-submit-v232{height:52px!important;font-size:13px!important}
}


/* =========================================================
   Mooky v234 — password recovery mobile/desktop
   ========================================================= */
.password-recovery-screen-v234 .app-shell{padding-bottom:0!important;min-height:100dvh!important;max-width:none!important;background:#070910!important}
.password-recovery-screen-v234 .app-drawer,.password-recovery-screen-v234 .bottom-nav,.password-recovery-screen-v234 .mooky-side-rail{display:none!important}
.password-recovery-v234{min-height:100dvh;background:radial-gradient(circle at 50% 0,rgba(124,92,255,.15),transparent 34%),#070910;padding:calc(20px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));display:flex;justify-content:center;color:#f7f7fb}
.password-recovery-shell-v234{width:min(100%,480px);margin:auto;display:grid;gap:18px}
.password-recovery-brand-v234{display:flex;align-items:center;gap:13px}.password-recovery-back-v234{width:46px;height:46px;border:1px solid #292e3c;border-radius:13px;background:#12151e;display:grid;place-items:center;color:#fff;font-size:17px;flex:0 0 auto}.password-recovery-logo-v234{display:flex;align-items:center;gap:10px}.password-recovery-logo-v234 img{width:50px;height:50px;object-fit:contain}.password-recovery-logo-v234 b{display:block;font-size:24px;line-height:1}.password-recovery-logo-v234 span{display:block;margin-top:5px;color:#858da1;text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:1.8px}
.password-recovery-card-v234{background:#10131b;border:1px solid #2a2f3e;border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.32)}.password-recovery-icon-v234{width:62px;height:62px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#211a42,#302058);border:1px solid #4a337d;color:#aa8aff;font-size:25px;margin-bottom:17px}.password-recovery-kicker-v234{color:#a58aff;font-weight:950;letter-spacing:1.7px;font-size:9px}.password-recovery-card-v234 h1{font-size:28px;line-height:1.08;margin:8px 0 11px}.password-recovery-copy-v234{color:#aeb4c4;line-height:1.6;font-size:14px;margin:0 0 20px}.password-recovery-form-v234{display:grid;gap:15px}.password-recovery-form-v234 label>span{display:block;color:#d8dbe4;font-weight:800;font-size:11px;margin:0 0 7px 2px}.password-recovery-input-v234{height:52px;border:1px solid #303647;border-radius:13px;background:#090b10;display:flex;align-items:center;gap:10px;padding:0 13px;transition:.18s}.password-recovery-input-v234:focus-within{border-color:#8265ff;box-shadow:0 0 0 3px rgba(124,92,255,.13)}.password-recovery-input-v234>i{width:18px;color:#927aff;text-align:center}.password-recovery-input-v234 input{height:100%!important;min-width:0;flex:1;border:0!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;color:#fff!important}.password-recovery-eye-v234{width:35px;height:35px;border:0;border-radius:10px;background:#151824;color:#9ba2b3;display:grid;place-items:center}.password-recovery-submit-v234{width:100%;min-height:52px;border:0;border-radius:13px;background:linear-gradient(135deg,#704eff,#a567ff);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 16px;box-shadow:0 12px 28px rgba(116,77,255,.25);text-decoration:none}.password-recovery-submit-v234.is-link{margin-top:5px}.password-recovery-alert-v234{border-radius:13px;padding:12px 13px;margin:0 0 16px;display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.45}.password-recovery-alert-v234.error{background:#ff5d7314;border:1px solid #ff5d7345;color:#ff9bad}.password-recovery-alert-v234.ok{background:#44d99112;border:1px solid #44d9913d;color:#81e9b6}.password-recovery-security-v234{display:flex;align-items:flex-start;gap:8px;color:#747c90;font-size:10px;line-height:1.45;margin-top:17px}.password-recovery-security-v234 i{color:#8068e8;margin-top:2px}.password-recovery-footer-v234{text-align:center;color:#60687a;font-size:10px;margin:0}.password-recovery-footer-v234 i{color:#7863dd;margin-right:5px}
@media(max-width:560px){.password-recovery-v234{padding-left:14px;padding-right:14px}.password-recovery-shell-v234{gap:14px;margin:0 auto}.password-recovery-brand-v234{padding:1px 4px}.password-recovery-back-v234{width:42px;height:42px;border-radius:12px}.password-recovery-logo-v234 img{width:43px;height:43px}.password-recovery-logo-v234 b{font-size:21px}.password-recovery-card-v234{padding:22px 18px;border-radius:16px}.password-recovery-icon-v234{width:54px;height:54px;border-radius:15px;font-size:22px;margin-bottom:14px}.password-recovery-card-v234 h1{font-size:24px}.password-recovery-copy-v234{font-size:13px;margin-bottom:17px}.password-recovery-input-v234{height:50px}.password-recovery-submit-v234{min-height:50px}.password-recovery-footer-v234{padding-bottom:4px}}


/* =========================================================
   Mooky v239 — message request locked composer readability
   ========================================================= */
body.mooky-chat-screen #chatForm.chat-input-v24.is-locked .chat-field-wrap{
  min-width:0!important;
}
body.mooky-chat-screen #chatForm.chat-input-v24.is-locked #chatMessageInput{
  font-size:11px!important;
  line-height:1.25!important;
  letter-spacing:-.1px!important;
  padding-left:10px!important;
  padding-right:8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.mooky-chat-screen #chatForm.chat-input-v24.is-locked #chatMessageInput::placeholder{
  font-size:11px!important;
  color:#7f8493!important;
  opacity:1!important;
}
@media(max-width:380px){
  body.mooky-chat-screen #chatForm.chat-input-v24.is-locked #chatMessageInput,
  body.mooky-chat-screen #chatForm.chat-input-v24.is-locked #chatMessageInput::placeholder{
    font-size:10px!important;
  }
}


/* =========================================================
   Mooky v240 — request composer normal text size
   ========================================================= */
body.mooky-chat-screen #chatForm.chat-input-v24.is-locked #chatMessageInput{
  font-size:inherit!important;
  line-height:1.35!important;
  letter-spacing:normal!important;
  padding-left:12px!important;
  padding-right:12px!important;
  white-space:normal!important;
  overflow:auto!important;
  text-overflow:clip!important;
}
body.mooky-chat-screen #chatForm.chat-input-v24.is-locked #chatMessageInput::placeholder{
  font-size:inherit!important;
  color:#7f8493!important;
  opacity:1!important;
}
@media(max-width:380px){
  body.mooky-chat-screen #chatForm.chat-input-v24.is-locked #chatMessageInput,
  body.mooky-chat-screen #chatForm.chat-input-v24.is-locked #chatMessageInput::placeholder{
    font-size:inherit!important;
  }
}


/* =========================================================
   Mooky v241 — pro notifications + dynamic conversation bubbles
   ========================================================= */
/* Cartes conversations / messages */
.messages-pro-page .conversation-list-pro{gap:10px!important}
.messages-pro-page .conversation-card-pro,
.messages-pro-page .request-card,
.messages-pro-page .spam-card{
  border-radius:16px!important;
  padding:13px 14px!important;
  background:linear-gradient(180deg,rgba(18,22,33,.98),rgba(13,16,24,.98))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}
.messages-pro-page .conversation-card-pro:hover,
.messages-pro-page .conversation-card-pro:active{
  transform:translateY(-1px)!important;
  border-color:rgba(142,110,255,.28)!important;
  box-shadow:0 14px 34px rgba(31,20,70,.22)!important;
}
.messages-pro-page .conversation-card-pro.is-unread{
  background:linear-gradient(135deg,rgba(114,85,247,.16),rgba(17,20,28,.98) 58%)!important;
  border-color:rgba(146,112,255,.30)!important;
}
.messages-pro-page .conversation-avatar-pro img{width:54px!important;height:54px!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
.messages-pro-page .conversation-user-name>b{font-size:15px!important;font-weight:850!important}
.messages-pro-page .conversation-name-row time{font-size:10px!important;color:#8e96aa!important}
.messages-pro-page .conversation-preview-row{margin-top:6px!important;align-items:flex-start!important}
.messages-pro-page .conversation-preview-row p{
  font-size:12px!important;
  line-height:1.38!important;
  color:#aab1c3!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.messages-pro-page .conversation-preview-row p.is-typing{color:#ae95ff!important;font-weight:800!important}
.messages-pro-page .conversation-unread-pill{height:22px!important;min-width:22px!important;font-size:9px!important;box-shadow:0 8px 18px rgba(118,85,255,.28)!important}
.messages-pro-page .conversation-arrow{font-size:11px!important;color:#6f7791!important}
.messages-pro-page .request-state-pill,
.messages-pro-page .request-new-label,
.messages-pro-page .spam-label{border-radius:999px!important;padding:6px 9px!important;font-size:10px!important;font-weight:800!important}

/* Notifications */
.notifications-page .notification-list-v16{gap:12px!important}
.notifications-page .notif-card-v16{
  padding:13px 14px!important;
  min-height:78px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(18,22,33,.98),rgba(12,15,23,.98))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.notifications-page .notif-card-v16.is-unread{
  background:linear-gradient(135deg,rgba(113,80,255,.18),rgba(17,20,28,.98) 58%)!important;
  border-color:rgba(146,112,255,.32)!important;
}
.notifications-page .notif-card-v16:before{
  content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:999px;
  background:linear-gradient(180deg,#8d6fff,#6e4fff);opacity:0;
}
.notifications-page .notif-card-v16.is-unread:before{opacity:1}
.notifications-page .notif-avatar-wrap>img{width:50px!important;height:50px!important;box-shadow:0 10px 24px rgba(0,0,0,.2)!important}
.notifications-page .notif-type-icon{width:22px!important;height:22px!important;font-size:9px!important;box-shadow:0 6px 14px rgba(124,92,255,.25)!important}
.notifications-page .notif-copy p{font-size:13px!important;line-height:1.45!important;color:#eef0f7!important}
.notifications-page .notif-copy small{margin-top:5px!important;font-size:10.5px!important;color:#8e96aa!important}
.notifications-page .notif-unread-dot{width:9px!important;height:9px!important;box-shadow:0 0 0 6px rgba(143,118,255,.10)!important}
.notifications-page .notif-arrow{font-size:11px!important;color:#727a93!important}

/* Bulles conversation plus pro et dynamiques */
body.mooky-chat-screen .chat{
  padding-top:12px!important;
}
body.mooky-chat-screen .bubble-wrap,
body .bubble-wrap[data-longpress-message]{
  max-width:min(82%, 330px)!important;
  margin:12px 0!important;
  gap:8px!important;
}
body.mooky-chat-screen .bubble-wrap.mine,
body .bubble-wrap[data-longpress-message].mine{margin-left:auto!important}
body.mooky-chat-screen .bubble,
body .bubble{
  position:relative!important;
  padding:13px 15px 11px!important;
  border-radius:20px 20px 20px 8px!important;
  background:linear-gradient(180deg,#161925 0%, #131722 100%)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.18)!important;
  overflow:visible!important;
}
body.mooky-chat-screen .bubble.mine,
body .bubble.mine{
  border-radius:20px 20px 8px 20px!important;
  background:linear-gradient(135deg,#7a58fb 0%, #a06dff 100%)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 14px 30px rgba(120,83,255,.24)!important;
}
body.mooky-chat-screen .bubble:before,
body .bubble:before{
  content:'';position:absolute;left:-3px;bottom:10px;width:12px;height:12px;
  background:inherit;border-left:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);
  transform:rotate(45deg);border-bottom-left-radius:3px;
}
body.mooky-chat-screen .bubble.mine:before,
body .bubble.mine:before{
  left:auto;right:-3px;border-left:0;border-bottom:0;border-right:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);
}
body.mooky-chat-screen .bubble>span,
body .bubble>span{font-size:15px!important;line-height:1.45!important;letter-spacing:.01em}
body.mooky-chat-screen .bubble>small,
body .bubble>small{font-size:10px!important;margin-top:2px!important;color:rgba(255,255,255,.70)!important}
body.mooky-chat-screen .bubble.mine>small,
body .bubble.mine>small{color:rgba(255,255,255,.82)!important}
body.mooky-chat-screen .chat-media.image img,
body.mooky-chat-screen .chat-media.video video,
body .chat-media.image img,
body .chat-media.video video{border-radius:14px!important}
body.mooky-chat-screen .chat-media.file,
body .chat-media.file{border-radius:14px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;padding:11px 12px!important}
body .bubble-menu-btn{border-radius:12px!important;background:#151926!important;border:1px solid rgba(255,255,255,.06)!important}
body .bubble-wrap.message-highlight .bubble{box-shadow:0 0 0 2px rgba(145,105,255,.58),0 14px 34px rgba(120,83,255,.22)!important}
@media(max-width:380px){
  body.mooky-chat-screen .bubble-wrap,
  body .bubble-wrap[data-longpress-message]{max-width:86%!important}
  body.mooky-chat-screen .bubble>span,
  body .bubble>span{font-size:14px!important}
}


/* =========================================================
   Mooky v242 — conversation bubbles redesign
   ========================================================= */
body.mooky-chat-screen .chat{gap:10px!important;padding-top:14px!important}
body.mooky-chat-screen .bubble-wrap,
body .bubble-wrap[data-longpress-message]{
  max-width:min(79%, 340px)!important;
  margin:10px 0!important;
  gap:8px!important;
}
body.mooky-chat-screen .bubble-wrap.mine,
body .bubble-wrap[data-longpress-message].mine{margin-left:auto!important}
body.mooky-chat-screen .bubble,
body .bubble{
  width:fit-content!important;
  min-width:84px!important;
  max-width:100%!important;
  padding:14px 16px 12px!important;
  border-radius:24px 24px 24px 10px!important;
  background:linear-gradient(180deg,#171b28 0%, #121722 100%)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.17)!important;
  backdrop-filter:blur(6px)!important;
}
body.mooky-chat-screen .bubble.mine,
body .bubble.mine{
  border-radius:24px 24px 10px 24px!important;
  background:linear-gradient(135deg,#815cff 0%, #9f72ff 55%, #8f63ff 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 36px rgba(121,84,255,.24)!important;
}
body.mooky-chat-screen .bubble:before,
body .bubble:before{display:none!important}
body.mooky-chat-screen .bubble:after,
body .bubble:after{
  content:'';position:absolute;left:-6px;bottom:12px;width:16px;height:16px;
  background:linear-gradient(180deg,#171b28 0%, #121722 100%);
  border-left:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);
  clip-path:path('M16 0 C7 1 1 7 0 16 L16 16 Z');
  opacity:.96;
}
body.mooky-chat-screen .bubble.mine:after,
body .bubble.mine:after{
  left:auto;right:-6px;
  background:linear-gradient(135deg,#815cff 0%, #9f72ff 55%, #8f63ff 100%);
  border-left:0;border-bottom:0;border-right:1px solid rgba(255,255,255,.10);border-top:1px solid rgba(255,255,255,.10);
  clip-path:path('M0 0 L0 16 C9 15 15 9 16 0 Z');
}
body.mooky-chat-screen .bubble.mine .chat-story-ref,
body .bubble.mine .chat-story-ref,
body.mooky-chat-screen .bubble.mine .chat-media.file,
body .bubble.mine .chat-media.file{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.16)!important}
body.mooky-chat-screen .bubble>span,
body .bubble>span{
  font-size:15px!important;
  line-height:1.46!important;
  font-weight:650!important;
  color:#f5f7fb!important;
  word-break:break-word!important;
}
body.mooky-chat-screen .bubble>small,
body .bubble>small{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  font-size:10px!important;
  margin-top:6px!important;
  color:rgba(220,225,236,.68)!important;
  align-self:flex-end!important;
}
body.mooky-chat-screen .bubble.mine>small,
body .bubble.mine>small{color:rgba(255,255,255,.80)!important}
body.mooky-chat-screen .bubble .chat-media.image img,
body.mooky-chat-screen .bubble .chat-media.video video,
body .bubble .chat-media.image img,
body .bubble .chat-media.video video{border-radius:16px!important}
body .bubble .chat-media.file,
body .bubble .chat-story-ref{border-radius:16px!important}
@media(max-width:380px){
  body.mooky-chat-screen .bubble-wrap,
  body .bubble-wrap[data-longpress-message]{max-width:83%!important}
  body.mooky-chat-screen .bubble,
  body .bubble{padding:13px 14px 11px!important;border-radius:22px 22px 22px 10px!important}
  body.mooky-chat-screen .bubble.mine,
  body .bubble.mine{border-radius:22px 22px 10px 22px!important}
}


/* =========================================================
   Mooky v243 — compact chat bubbles for short messages
   ========================================================= */
body.mooky-chat-screen .bubble-wrap,
body .bubble-wrap[data-longpress-message]{
  max-width:min(74%, 320px)!important;
  width:100%!important;
}
body.mooky-chat-screen .bubble-wrap.mine,
body .bubble-wrap[data-longpress-message].mine{justify-content:flex-end!important}
body.mooky-chat-screen .bubble,
body .bubble{
  width:auto!important;
  inline-size:fit-content!important;
  min-width:unset!important;
  max-width:100%!important;
  padding:11px 14px 9px!important;
  border-radius:22px 22px 22px 8px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
}
body.mooky-chat-screen .bubble.mine,
body .bubble.mine{
  border-radius:22px 22px 8px 22px!important;
  box-shadow:0 12px 26px rgba(121,84,255,.18)!important;
}
body.mooky-chat-screen .bubble:after,
body .bubble:after{
  width:12px!important;
  height:12px!important;
  left:-4px!important;
  bottom:10px!important;
}
body.mooky-chat-screen .bubble.mine:after,
body .bubble.mine:after{right:-4px!important}
body.mooky-chat-screen .bubble>span,
body .bubble>span{
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
body.mooky-chat-screen .bubble>small,
body .bubble>small{
  font-size:9px!important;
  margin-top:4px!important;
  line-height:1.1!important;
}
body.mooky-chat-screen .bubble-wrap:not(.mine) .bubble,
body .bubble-wrap[data-longpress-message]:not(.mine) .bubble{margin-right:auto!important}
body.mooky-chat-screen .bubble-wrap.mine .bubble,
body .bubble-wrap[data-longpress-message].mine .bubble{margin-left:auto!important}
@media(max-width:380px){
  body.mooky-chat-screen .bubble-wrap,
  body .bubble-wrap[data-longpress-message]{max-width:78%!important}
  body.mooky-chat-screen .bubble,
  body .bubble{padding:10px 13px 8px!important}
}


/* =========================================================
   Mooky v244 — compact messenger bubbles + story safe areas
   ========================================================= */
/* Date au-dessus des groupes de messages */
body.mooky-chat-screen .chat-date-separator{
  width:100%;display:flex;align-items:center;justify-content:center;
  margin:14px 0 8px!important;padding:0 10px!important;
}
body.mooky-chat-screen .chat-date-separator span{
  font-size:11px!important;font-weight:700!important;color:#8f96a7!important;
  letter-spacing:.01em;background:transparent!important;
}

/* Bulle type messagerie : hauteur pilotée uniquement par son contenu */
body.mooky-chat-screen .bubble-wrap,
body .bubble-wrap[data-longpress-message]{
  width:auto!important;max-width:78%!important;display:flex!important;
  flex-direction:column!important;align-items:flex-start!important;
  margin:7px 0!important;gap:0!important;
}
body.mooky-chat-screen .bubble-wrap.mine,
body .bubble-wrap[data-longpress-message].mine{
  margin-left:auto!important;align-items:flex-end!important;
}
body.mooky-chat-screen .bubble,
body .bubble{
  min-width:0!important;width:auto!important;inline-size:fit-content!important;
  max-width:100%!important;min-height:0!important;height:auto!important;
  padding:9px 15px!important;border-radius:22px!important;
  background:#181c28!important;border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:none!important;backdrop-filter:none!important;
  display:block!important;
}
body.mooky-chat-screen .bubble.mine,
body .bubble.mine{
  background:linear-gradient(135deg,#7956f8,#9368ff)!important;
  border-color:transparent!important;box-shadow:none!important;
}
body.mooky-chat-screen .bubble:before,
body.mooky-chat-screen .bubble:after,
body .bubble:before,
body .bubble:after{display:none!important;content:none!important}
body.mooky-chat-screen .bubble-body,
body .bubble-body{
  margin:0!important;padding:0!important;font-size:15px!important;line-height:1.35!important;
  font-weight:500!important;color:#f6f7fb!important;white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.mooky-chat-screen .bubble-meta,
body .bubble-meta{
  margin-top:4px!important;padding:0 4px!important;font-size:10px!important;
  line-height:1.15!important;color:#8f96a7!important;white-space:nowrap!important;
}
body.mooky-chat-screen .bubble-meta.mine,
body .bubble-meta.mine{text-align:right!important;align-self:flex-end!important}
body.mooky-chat-screen .bubble.deleted,
body .bubble.deleted{padding:10px 14px!important;border-radius:18px!important}
@media(max-width:380px){
  body.mooky-chat-screen .bubble-wrap,
  body .bubble-wrap[data-longpress-message]{max-width:82%!important}
  body.mooky-chat-screen .bubble,
  body .bubble{padding:8px 13px!important}
}

/* Stories : contrôles toujours hors de la barre système Android/iPhone */
@media(max-width:620px){
  .story-v78 .story-shell{height:100dvh!important;min-height:100dvh!important}
  .story-progress-v78{
    top:max(36px,calc(env(safe-area-inset-top) + 7px))!important;
    left:12px!important;right:12px!important;
  }
  .story-head-v78{
    top:max(44px,calc(env(safe-area-inset-top) + 14px))!important;
    left:12px!important;right:12px!important;height:54px!important;
    background:none!important;
  }
  .story-close-v78,.story-more-v78{
    width:42px!important;height:42px!important;flex-basis:42px!important;
    border-radius:13px!important;background:rgba(10,11,17,.70)!important;
    border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(12px)!important;
  }
  .story-author-v78{min-width:0!important}
  .story-stage-v78:before{
    background:linear-gradient(180deg,rgba(0,0,0,.48) 0%,transparent 18%,transparent 76%,rgba(0,0,0,.55) 100%)!important;
  }
  .story-footer-v78{
    bottom:max(48px,calc(env(safe-area-inset-bottom) + 16px))!important;
    left:16px!important;right:16px!important;
  }
  .story-owner-action,.story-views-btn-v78{
    min-height:42px!important;border-radius:13px!important;background:rgba(10,11,17,.70)!important;
    border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(12px)!important;
  }
  .story-caption-v78{bottom:max(106px,calc(env(safe-area-inset-bottom) + 92px))!important}
  .story-tap{top:104px!important;bottom:110px!important}
}


/* =========================================================
   Mooky v246 — message exact date/time in actions sheet
   ========================================================= */
.message-action-datetime{
  margin:2px 0 14px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(124,92,255,.10),rgba(18,21,31,.96));
  display:flex;
  align-items:center;
  gap:11px;
}
.message-action-datetime>i{
  width:38px;height:38px;flex:0 0 38px;border-radius:11px;
  display:grid;place-items:center;
  background:#211b39;color:#ad96ff;font-size:15px;
}
.message-action-datetime>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.message-action-datetime span{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#7f879b;font-weight:850}
.message-action-datetime b{font-size:11.5px;line-height:1.35;color:#eef0f7;font-weight:800;text-transform:none}


/* =========================================================
   Mooky v247 — action sheet + profile spacing + unified corners
   ========================================================= */
:root{--mooky-card-radius:14px}

/* Profil : retire le faux grand espace avant les onglets. */
body:not(.mooky-chat-screen) .profile-page.profile-v5{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.profile-v5 + .profile-tabs,
.profile-page.profile-v5 + .profile-tabs{
  margin-top:0!important;
}

/* Profil : mêmes coins doux que le reste de l'interface. */
.profile-v5 .profile-showcase{
  border-radius:var(--mooky-card-radius)!important;
  overflow:hidden!important;
}
.profile-v5 .profile-cover{
  border-radius:var(--mooky-card-radius) var(--mooky-card-radius) 0 0!important;
}
.profile-v5 .profile-main{
  border-radius:0 0 var(--mooky-card-radius) var(--mooky-card-radius)!important;
}
.profile-v5 .profile-stats-pro,
.profile-v5 .profile-main-action,
.profile-v5 .profile-secondary-action,
.profile-v5 .profile-more-action,
.profile-tabs.profile-tabs-v98,
.profile-group-card-v98,
.profile-post-card,
.profile-post-card-pro,
.profile-empty-wide,
.about-card,
.empty-card{
  border-radius:var(--mooky-card-radius)!important;
}
.profile-tabs.profile-tabs-v98{
  overflow:hidden!important;
  margin:10px 10px 0!important;
  width:calc(100% - 20px)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

/* Menu Actions du message : plus compact et plus propre. */
.message-action-title{
  padding-bottom:14px!important;
  margin-bottom:12px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.message-action-title>div b{
  font-size:20px!important;
  line-height:1.12!important;
}
.message-action-title>div small{
  font-size:10px!important;
  margin-top:3px!important;
}
.message-action-title>button,
[data-sheet-close]{
  border-radius:var(--mooky-card-radius)!important;
}
.message-action-datetime{
  min-height:68px!important;
  padding:11px 13px!important;
  margin:0 0 14px!important;
  border-radius:var(--mooky-card-radius)!important;
  background:linear-gradient(135deg,rgba(124,92,255,.10),rgba(17,20,30,.94))!important;
  border:1px solid rgba(142,112,255,.20)!important;
  box-shadow:none!important;
}
.message-action-datetime>i{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  color:#ad96ff!important;
  background:rgba(124,92,255,.13)!important;
  font-size:16px!important;
}
.message-action-datetime span{
  font-size:9px!important;
  letter-spacing:1px!important;
  color:#8f97aa!important;
}
.message-action-datetime b{
  font-size:12.5px!important;
  line-height:1.35!important;
  color:#f4f5f8!important;
}
.message-action-list{
  gap:6px!important;
}
.message-action-list>button,
.message-action-list>a{
  min-height:56px!important;
  border-radius:var(--mooky-card-radius)!important;
  padding:8px 10px!important;
}
.message-action-list>button>i,
.message-action-list>a>i{
  border-radius:12px!important;
}
.message-action-hint{
  margin-top:10px!important;
  font-size:8.5px!important;
}

@media(max-width:390px){
  .profile-tabs.profile-tabs-v98{margin-left:8px!important;margin-right:8px!important;width:calc(100% - 16px)!important}
  .message-action-datetime{min-height:64px!important;padding:10px 11px!important}
  .message-action-list>button,.message-action-list>a{min-height:54px!important}
}


/* =========================================================
   Mooky v248 — profile.php CSS cleanup / mobile-first
   ========================================================= */
body:not(.mooky-chat-screen) .profile-page.profile-v5{
  width:100%!important;
  margin:0!important;
  padding:12px 12px 0!important;
  background:transparent!important;
  overflow:visible!important;
}
.profile-v5 .profile-showcase{
  width:100%!important;
  margin:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#0f1219!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
.profile-v5.profile-premium .profile-showcase{
  border-color:color-mix(in srgb,var(--profile-accent) 55%,rgba(255,255,255,.10))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24),0 0 26px color-mix(in srgb,var(--profile-accent) 12%,transparent)!important;
}
.profile-v5 .profile-cover{
  height:172px!important;
  min-height:172px!important;
  border-radius:18px 18px 0 0!important;
  background-size:cover!important;
  background-position:center!important;
}
.profile-v5 .round-back,.profile-v5 .round-settings{
  top:16px!important;
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  background:rgba(12,15,23,.88)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.20)!important;
}
.profile-v5 .profile-main{
  width:100%!important;
  margin:0!important;
  padding:0 16px 16px!important;
  border-radius:0 0 18px 18px!important;
  background:#0f1219!important;
}
.profile-v5 .profile-avatar-line{
  height:48px!important;
  margin:0!important;
}
.profile-v5 .profile-avatar-wrap{
  left:0!important;
  top:-49px!important;
  width:98px!important;
  height:98px!important;
  padding:4px!important;
  background:#0f1219!important;
}
.profile-v5 .profile-avatar-wrap>img,
.profile-v5 .profile-avatar-wrap>img.premium-avatar{
  width:90px!important;
  height:90px!important;
  min-width:90px!important;
  border:2px solid rgba(255,255,255,.15)!important;
}
.profile-v5 .profile-online-dot{
  width:19px!important;height:19px!important;right:2px!important;bottom:4px!important;
}
.profile-v5 .profile-identity{
  padding-top:8px!important;
}
.profile-v5 .profile-title-row{
  gap:6px!important;
  min-height:32px!important;
}
.profile-v5 .profile-title-row h1{
  font-size:24px!important;
  line-height:1.12!important;
}
.profile-v5 .profile-username{margin-top:4px!important;font-size:13px!important}
.profile-v5 .profile-bio{margin:14px 0 0!important;font-size:14px!important;line-height:1.45!important}
.profile-v5 .profile-stats-pro{
  height:68px!important;
  margin:16px 0 0!important;
  border-radius:14px!important;
  background:#0b0e14!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
.profile-v5 .profile-stats-pro .profile-stat-item{border-right:1px solid rgba(255,255,255,.08)!important}
.profile-v5 .profile-stats-pro b{font-size:17px!important}
.profile-v5 .profile-stats-pro small{font-size:9.5px!important}
.profile-v5 .profile-actions-v5{
  margin-top:12px!important;
  gap:8px!important;
}
.profile-v5 .profile-main-action,
.profile-v5 .profile-secondary-action,
.profile-v5 .profile-more-action{
  min-height:48px!important;
  border-radius:14px!important;
  font-size:13px!important;
}
.profile-v5 .profile-more-action{width:48px!important;flex:0 0 48px!important}
.profile-page.profile-v5 + .profile-tabs,
.profile-v5 + .profile-tabs{
  margin-top:10px!important;
}
.profile-tabs.profile-tabs-v98{
  position:sticky!important;
  top:0!important;
  z-index:12!important;
  width:calc(100% - 24px)!important;
  height:58px!important;
  margin:10px 12px 0!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:rgba(10,12,18,.96)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px)!important;
}
.profile-tabs.profile-tabs-v98 button{
  border-radius:0!important;
  min-width:0!important;
  font-size:9px!important;
  gap:4px!important;
}
.profile-tabs.profile-tabs-v98 button.active{background:rgba(124,92,255,.06)!important}
.profile-tabs.profile-tabs-v98 button.active:after{left:18%!important;right:18%!important;height:2px!important}
.profile-tab-panel{width:100%!important}
.profile-post-list-v4{
  padding:12px 12px 96px!important;
  gap:12px!important;
}
.profile-post-card-pro,
.profile-post-card{
  border-radius:16px!important;
  overflow:hidden!important;
  background:#10131b!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
}
.profile-post-card-pro .profile-post-media{
  aspect-ratio:16/11!important;
  max-height:360px!important;
}
.profile-post-card-pro .profile-post-media img,
.profile-post-card-pro .profile-post-media video{object-fit:cover!important}
.profile-post-card-pro .profile-post-body{padding:13px 14px 14px!important}
.profile-group-card-v98,
.about-card,
.empty-card,
.profile-empty-wide{border-radius:16px!important}
.media-grid-v4{padding:8px 12px 96px!important;gap:4px!important}
.media-grid-v4>a{border-radius:10px!important}

@media(max-width:390px){
  body:not(.mooky-chat-screen) .profile-page.profile-v5{padding:8px 8px 0!important}
  .profile-v5 .profile-showcase{border-radius:16px!important}
  .profile-v5 .profile-cover{height:160px!important;min-height:160px!important;border-radius:16px 16px 0 0!important}
  .profile-v5 .profile-main{padding:0 13px 14px!important;border-radius:0 0 16px 16px!important}
  .profile-v5 .profile-avatar-line{height:45px!important}
  .profile-v5 .profile-avatar-wrap{top:-45px!important;width:90px!important;height:90px!important}
  .profile-v5 .profile-avatar-wrap>img,.profile-v5 .profile-avatar-wrap>img.premium-avatar{width:82px!important;height:82px!important;min-width:82px!important}
  .profile-v5 .profile-title-row h1{font-size:22px!important}
  .profile-v5 .profile-stats-pro{height:64px!important}
  .profile-tabs.profile-tabs-v98{width:calc(100% - 16px)!important;margin-left:8px!important;margin-right:8px!important;height:56px!important}
  .profile-post-list-v4{padding-left:8px!important;padding-right:8px!important}
  .profile-post-card-pro .profile-post-media{aspect-ratio:4/3!important;max-height:310px!important}
}


/* =========================================================
   Mooky v249 — profile showcase edge-to-edge only
   ========================================================= */
/* Seul le gros bloc profil touche les côtés. Les onglets et le contenu restent espacés. */
body:not(.mooky-chat-screen) .profile-page.profile-v5{
  padding-left:0!important;
  padding-right:0!important;
}
.profile-v5 .profile-showcase{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  border-left-width:1px!important;
  border-right-width:1px!important;
}
.profile-v5 + .profile-tabs,
.profile-page.profile-v5 + .profile-tabs,
.profile-tabs.profile-tabs-v98{
  width:calc(100% - 16px)!important;
  margin-left:8px!important;
  margin-right:8px!important;
}
.profile-tab-panel,
.profile-post-list-v4{
  padding-left:8px!important;
  padding-right:8px!important;
}
@media(max-width:600px){
  body:not(.mooky-chat-screen) .profile-page.profile-v5{padding:0!important}
  .profile-v5 .profile-showcase{
    border-radius:0 0 16px 16px!important;
    border-left:0!important;
    border-right:0!important;
  }
  .profile-v5 .profile-cover{border-radius:0!important}
  .profile-v5 .profile-main{border-radius:0 0 16px 16px!important}
}


/* =========================================================
   Mooky v250 — profile top edge + matching back/settings buttons
   ========================================================= */
/* Le bloc profil touche les bords en haut ; uniquement le haut reste carré. */
body:not(.mooky-chat-screen) .profile-page.profile-v5{
  padding-left:0!important;
  padding-right:0!important;
  padding-top:0!important;
}
.profile-v5 .profile-showcase{
  width:100%!important;
  margin:0!important;
  border-radius:0 0 16px 16px!important;
  border-top:0!important;
}
.profile-v5 .profile-cover{
  width:100%!important;
  margin:0!important;
  border-radius:0!important;
}
.profile-v5 .profile-main{
  border-radius:0 0 16px 16px!important;
}

/* Retour et réglages : exactement le même bouton. */
body .profile-v5 .profile-cover .round-back.mooky-back-btn,
body .profile-v5 .profile-cover .round-settings{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:13px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(11,14,21,.88)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px)!important;
  overflow:hidden!important;
}
body .profile-v5 .profile-cover .round-back.mooky-back-btn i,
body .profile-v5 .profile-cover .round-settings i{
  font-size:18px!important;
  line-height:1!important;
  margin:0!important;
}
body .profile-v5 .profile-cover .round-back.mooky-back-btn{left:16px!important;top:16px!important}
body .profile-v5 .profile-cover .round-settings{right:16px!important;top:16px!important}

@media(max-width:600px){
  .profile-v5 .profile-showcase{border-radius:0 0 16px 16px!important}
  .profile-v5 .profile-cover{border-radius:0!important}
}


/* =========================================================
   Mooky v251 — profile square top/bottom edges + thicker outline
   ========================================================= */
/* Le bloc profil principal a maintenant les 4 coins carrés, en haut comme en bas. */
.profile-v5 .profile-showcase{
  border-radius:0!important;
  border:2px solid rgba(34,174,255,.72)!important;
  border-top-width:2px!important;
  border-bottom-width:2px!important;
  overflow:hidden!important;
}
.profile-v5 .profile-cover{
  border-radius:0!important;
}
.profile-v5 .profile-main{
  border-radius:0!important;
}
/* Bordure légèrement plus marquée aussi sur les séparations internes du bloc. */
.profile-v5 .profile-stats,
.profile-v5 .profile-main-action,
.profile-v5 .profile-secondary-action{
  border-width:1.5px!important;
}
@media(max-width:600px){
  .profile-v5 .profile-showcase,
  .profile-v5 .profile-main,
  .profile-v5 .profile-cover{border-radius:0!important}
}


/* =========================================================
   Mooky v252 — equal profile border thickness on all sides
   ========================================================= */
.profile-v5 .profile-showcase{
  box-sizing:border-box!important;
  border-style:solid!important;
  border-color:rgba(34,174,255,.72)!important;
  border-top-width:2px!important;
  border-right-width:2px!important;
  border-bottom-width:2px!important;
  border-left-width:2px!important;
  border-radius:0!important;
}
@media(max-width:600px){
  .profile-v5 .profile-showcase{
    border-top-width:2px!important;
    border-right-width:2px!important;
    border-bottom-width:2px!important;
    border-left-width:2px!important;
  }
}


/* =========================================================
   Mooky v253 — profile sizing + premium avatar + emoji cleanup
   ========================================================= */
/* Le contenu du profil prend exactement la même largeur que la barre d'onglets. */
.profile-tab-panel{
  padding-left:0!important;
  padding-right:0!important;
}
.profile-post-list-v4{
  width:calc(100% - 16px)!important;
  margin:12px 8px 96px!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.profile-post-card-pro,
.profile-post-card{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
.media-grid-v4,
.profile-groups-v98,
#profileAbout .about-card{
  width:calc(100% - 16px)!important;
  margin-left:8px!important;
  margin-right:8px!important;
  box-sizing:border-box!important;
}

/* Avatar Premium du profil : même rendu que les autres avatars Premium. */
.profile-v5 .profile-avatar-wrap,
.profile-v5 .profile-avatar-wrap.premium-glow{
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
  border:0!important;
  box-shadow:none!important;
}
.profile-v5 .profile-avatar-wrap>img,
.profile-v5 .profile-avatar-wrap>img.premium-avatar{
  width:90px!important;
  height:90px!important;
  min-width:90px!important;
  min-height:90px!important;
  border:3px solid #0f1219!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:3!important;
}
.profile-v5 .profile-avatar-wrap>img.premium-avatar-gradient{
  box-shadow:0 0 0 2px var(--premium-accent),0 0 0 4px color-mix(in srgb,var(--premium-secondary) 65%,var(--premium-accent)),0 0 16px color-mix(in srgb,var(--premium-accent) 32%,transparent)!important;
}
.profile-v5 .profile-avatar-wrap>img.premium-avatar-classic{
  box-shadow:0 0 0 2px var(--premium-accent)!important;
}
.profile-v5 .profile-avatar-wrap>img.premium-avatar-neon{
  box-shadow:0 0 0 2px var(--premium-accent),0 0 14px color-mix(in srgb,var(--premium-accent) 78%,transparent)!important;
}
.profile-v5 .profile-avatar-wrap>img.premium-avatar-double{
  box-shadow:0 0 0 2px var(--premium-accent),0 0 0 5px #0f1219,0 0 0 7px var(--premium-secondary)!important;
}
.profile-v5 .profile-avatar-wrap>img.premium-avatar-soft{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--premium-accent) 65%,#fff)!important;
}
.profile-v5 .profile-avatar-wrap>img.premium-avatar-glow{
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--premium-accent) 68%,transparent))!important;
}
.profile-v5 .profile-online-dot{
  right:0!important;
  bottom:1px!important;
  z-index:6!important;
}

/* Emojis : rendu couleur et alignement cohérent dans toute l'application. */
.emoji-item,
.emoji-cats button,
.feeling-grid .feeling-emoji,
.mooky-emoji,
.chat .bubble,
.mooky-markdown,
.post-pro-text,
.comment-content,
.profile-bio,
.conversation-preview,
.notif-copy p{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;
  font-variant-emoji:emoji;
}
.emoji-item,
.emoji-cats button{
  line-height:1!important;
  text-rendering:optimizeLegibility;
}
.feeling-grid button[data-feeling]{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.feeling-grid .feeling-emoji{
  flex:0 0 auto!important;
  font-size:18px!important;
  line-height:1!important;
}
.feeling-grid .feeling-label{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:390px){
  .profile-post-list-v4{width:calc(100% - 16px)!important;margin-left:8px!important;margin-right:8px!important;padding:0!important}
  .profile-v5 .profile-avatar-wrap>img,
  .profile-v5 .profile-avatar-wrap>img.premium-avatar{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important}
}


/* =========================================================
   Mooky v254 — premium contour only when explicitly selected
   ========================================================= */
/* Un membre non Premium n'a aucun contour Premium autour de son profil. */
.profile-v5.profile-standard .profile-showcase,
.profile-v5.profile-premium:not(.profile-premium-style-active) .profile-showcase{
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
/* Le contour coloré n'est activé que si un style Premium a réellement été enregistré. */
.profile-v5.profile-premium.profile-premium-style-active .profile-showcase{
  border-color:color-mix(in srgb,var(--profile-accent) 70%,rgba(255,255,255,.08))!important;
}
/* Avatar normal : aucun halo/cadre Premium parasite. */
.profile-v5 .profile-avatar-wrap>img:not(.premium-avatar){
  box-shadow:none!important;
  filter:none!important;
}


/* =========================================================
   Mooky v255 — profile action buttons rounded consistently
   ========================================================= */
.profile-v5 .profile-actions-v5 .profile-main-action,
.profile-v5 .profile-actions-v5 .profile-secondary-action,
.profile-v5 .profile-actions-v5 .profile-more-action{
  border-radius:14px!important;
  border-width:1.5px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
.profile-v5 .profile-actions-v5 .profile-more-action{
  width:48px!important;
  flex:0 0 48px!important;
}


/* =========================================================
   Mooky v256 — force rounded profile Follow / More buttons
   ========================================================= */
.profile-v5 .profile-actions-v5 form.profile-follow-form{
  border:0!important;
  background:transparent!important;
  border-radius:14px!important;
  overflow:visible!important;
}
.profile-v5 .profile-actions-v5 #profileFollowBtn,
.profile-v5 .profile-actions-v5 #profileMoreBtn{
  -webkit-appearance:none!important;
  appearance:none!important;
  border-radius:14px!important;
  clip-path:none!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
  box-sizing:border-box!important;
  border:1.5px solid rgba(255,255,255,.11)!important;
}
.profile-v5 .profile-actions-v5 #profileFollowBtn{
  width:100%!important;
  min-width:0!important;
  background:#151924!important;
}
.profile-v5 .profile-actions-v5 #profileMoreBtn{
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  flex:0 0 48px!important;
  background:#151924!important;
}
.profile-v5 .profile-actions-v5 #profileFollowBtn:before,
.profile-v5 .profile-actions-v5 #profileFollowBtn:after,
.profile-v5 .profile-actions-v5 #profileMoreBtn:before,
.profile-v5 .profile-actions-v5 #profileMoreBtn:after{
  border-radius:inherit!important;
}


/* =========================================================
   Mooky v257 — spacing for all modal / bottom-sheet handles
   ========================================================= */
/* Donne de l'air au-dessus et en dessous de la petite barre de poignée. */
.bottom-sheet{
  padding-top:16px!important;
}
.bottom-sheet .sheet-handle,
.sheet-handle{
  width:54px!important;
  height:5px!important;
  margin:0 auto 18px!important;
  border-radius:999px!important;
  background:#626b80!important;
}

.story-sheet-v78{
  padding-top:16px!important;
}
.story-sheet-v78 .story-sheet-handle,
.story-sheet-handle{
  margin:0 auto 18px!important;
}

/* Modales de création / menus plein écran utilisant une poignée. */
.mooky-modal-card .modal-handle-v94,
.modal-handle-v94{
  margin:4px auto 16px!important;
}

/* Feuilles d'actions de messages et confirmations qui embarquent sheet-handle. */
.message-action-sheet .sheet-handle,
.message-actions-sheet .sheet-handle,
.mooky-message-sheet .sheet-handle,
.report-sheet .sheet-handle,
#sheetContent>.sheet-handle{
  margin-top:0!important;
  margin-bottom:18px!important;
}

/* Le titre ne colle plus à la poignée. */
#sheetContent>.sheet-title{
  padding-top:14px!important;
}
.story-sheet-title{
  padding-top:10px!important;
}


/* =========================================================
   Mooky v258 — premium identity system unified everywhere
   ========================================================= */
/* Même rendu de cadre Premium dans absolument toutes les zones du site. */
img.premium-avatar{
  --premium-avatar-border:2px;
  --premium-glow-alpha:.55;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-sizing:border-box!important;
}
img.premium-avatar-classic{box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent)!important}
img.premium-avatar-gradient{box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 0 calc(var(--premium-avatar-border) + 2px) color-mix(in srgb,var(--premium-secondary) 68%,var(--premium-accent))!important}
img.premium-avatar-neon{box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 14px color-mix(in srgb,var(--premium-accent) 78%,transparent)!important}
img.premium-avatar-double{box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 0 calc(var(--premium-avatar-border) + 3px) #0f1219,0 0 0 calc(var(--premium-avatar-border) + 5px) var(--premium-secondary)!important}
img.premium-avatar-soft{box-shadow:0 0 0 var(--premium-avatar-border) color-mix(in srgb,var(--premium-accent) 62%,#fff)!important}
img.premium-avatar-glow{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--premium-accent) calc(var(--premium-glow-alpha) * 100%),transparent))!important}
@keyframes premiumAvatarPulse{50%{transform:scale(1.035)}}
@keyframes premiumAvatarFloat{50%{transform:translateY(-2px)}}
@keyframes premiumAvatarRing{50%{filter:drop-shadow(0 0 11px color-mix(in srgb,var(--premium-secondary) 76%,transparent))}}
img.premium-avatar-anim-pulse{animation:premiumAvatarPulse 1.8s ease-in-out infinite}
img.premium-avatar-anim-float{animation:premiumAvatarFloat 2.4s ease-in-out infinite}
img.premium-avatar-anim-ring{animation:premiumAvatarRing 1.7s ease-in-out infinite}

/* Supprime les anciennes variations locales du cadre : seule la taille change selon le contexte. */
.profile-v5 .profile-avatar-wrap>img.premium-avatar-classic{box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent)!important}
.profile-v5 .profile-avatar-wrap>img.premium-avatar-gradient{box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 0 calc(var(--premium-avatar-border) + 2px) color-mix(in srgb,var(--premium-secondary) 68%,var(--premium-accent))!important}
.profile-v5 .profile-avatar-wrap>img.premium-avatar-neon{box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 14px color-mix(in srgb,var(--premium-accent) 78%,transparent)!important}
.profile-v5 .profile-avatar-wrap>img.premium-avatar-double{box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 0 calc(var(--premium-avatar-border) + 3px) #0f1219,0 0 0 calc(var(--premium-avatar-border) + 5px) var(--premium-secondary)!important}
.profile-v5 .profile-avatar-wrap>img.premium-avatar-soft{box-shadow:0 0 0 var(--premium-avatar-border) color-mix(in srgb,var(--premium-accent) 62%,#fff)!important}
.profile-v5 .profile-avatar-wrap>img.premium-avatar-glow{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--premium-accent) calc(var(--premium-glow-alpha) * 100%),transparent))!important}

/* Le pseudo garde exactement le même effet partout; seule la taille imposée par le composant peut varier. */
.premium-name{font-weight:var(--premium-name-weight,800)!important;letter-spacing:var(--premium-name-spacing,0px)!important}
.premium-name-solid{color:var(--premium-name-color)!important}
.premium-name-gradient{background:linear-gradient(90deg,var(--premium-name-color),var(--profile-accent,#9d74ff),var(--premium-secondary,#ff5f8f))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.premium-name-neon{color:var(--premium-name-color)!important;text-shadow:0 0 9px color-mix(in srgb,var(--premium-name-color) 72%,transparent),0 0 22px color-mix(in srgb,var(--profile-accent) 50%,transparent)!important}
.premium-name-outline{color:transparent!important;-webkit-text-stroke:1px var(--premium-name-color)!important;text-shadow:0 0 10px color-mix(in srgb,var(--profile-accent) 28%,transparent)!important}

/* Studio Premium v258 */
.ps164-range input[name=avatar_border_width],.ps164-range input[name=glow_intensity],.ps164-range input[name=name_spacing]{accent-color:var(--ps-accent)!important}
.ps164-phone img.premium-avatar{width:82px!important;height:82px!important}
.ps164-phone .premium-name{font-weight:var(--premium-name-weight,800)!important;letter-spacing:var(--premium-name-spacing,0px)!important}

/* =========================================================
   Mooky v259 — profile avatar overlap alignment fix
   ========================================================= */
/* Recentre visuellement l'avatar sur la jonction cover/contenu, y compris avec le contour premium. */
.profile-v5 .profile-avatar-line{
  position:relative!important;
  height:50px!important;
  margin:0!important;
}
.profile-v5 .profile-avatar-wrap,
.profile-v5 .profile-avatar-wrap.premium-glow{
  position:absolute!important;
  left:0!important;
  top:-45px!important;
  width:96px!important;
  height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.profile-v5 .profile-avatar-wrap>img,
.profile-v5 .profile-avatar-wrap>img.premium-avatar{
  width:90px!important;
  height:90px!important;
  min-width:90px!important;
  min-height:90px!important;
  margin:0!important;
  display:block!important;
}
.profile-v5 .profile-online-dot{
  right:-1px!important;
  bottom:6px!important;
}
.profile-v5 .profile-identity{
  padding-top:10px!important;
}
@media(max-width:390px){
  .profile-v5 .profile-avatar-line{height:46px!important}
  .profile-v5 .profile-avatar-wrap,
  .profile-v5 .profile-avatar-wrap.premium-glow{
    top:-41px!important;
    width:88px!important;
    height:88px!important;
  }
  .profile-v5 .profile-avatar-wrap>img,
  .profile-v5 .profile-avatar-wrap>img.premium-avatar{
    width:82px!important;
    height:82px!important;
    min-width:82px!important;
    min-height:82px!important;
  }
  .profile-v5 .profile-online-dot{
    right:-1px!important;
    bottom:4px!important;
  }
}


/* =========================================================
   Mooky v261 — Premium preview mirrors the REAL profile.php
   ========================================================= */
/* L'aperçu du studio adopte le même layout que profile.php sans modifier le vrai profil. */
.ps167-preview-drawer .ps164-phone.ps167-phone{
  --preview-profile-border:color-mix(in srgb,var(--preview-accent) 70%,rgba(255,255,255,.08));
  position:relative!important;
  min-height:0!important;
  background:#0f1219!important;
  border:2px solid var(--preview-profile-border)!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.ps167-preview-drawer .ps164-phone .ps164-cover{
  height:170px!important;
  min-height:170px!important;
  border-radius:0!important;
  background-position:center!important;
  background-size:cover!important;
  border-bottom:1px solid color-mix(in srgb,var(--preview-accent) 35%,rgba(255,255,255,.06))!important;
}
.ps167-preview-drawer .ps164-phone .ps164-cover-tint{
  background:rgba(2,5,10,var(--cover-tint,.28))!important;
}
.ps167-preview-drawer .ps164-phone.theme-midnight .ps164-cover:after{background:linear-gradient(135deg,color-mix(in srgb,var(--preview-accent) 28%,transparent),transparent)!important}
.ps167-preview-drawer .ps164-phone.theme-jungle .ps164-cover:after{background:linear-gradient(135deg,rgba(18,120,74,.32),transparent)!important}
.ps167-preview-drawer .ps164-phone.theme-sunset .ps164-cover:after{background:linear-gradient(135deg,rgba(255,77,124,.29),rgba(255,155,66,.16))!important}
.ps167-preview-drawer .ps164-phone.theme-ocean .ps164-cover:after{background:linear-gradient(135deg,rgba(39,125,255,.3),transparent)!important}
.ps167-preview-drawer .ps164-phone .ps164-preview-body{
  position:relative!important;
  z-index:2!important;
  padding:0 16px 18px!important;
  background:#0f1219!important;
}
.ps167-preview-drawer .ps164-phone .ps164-avatar-wrap{
  width:100px!important;
  height:100px!important;
  margin-top:-50px!important;
  margin-bottom:10px!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.ps167-preview-drawer .ps164-phone .ps164-avatar-wrap img,
.ps167-preview-drawer .ps164-phone .ps164-avatar-wrap img.premium-avatar{
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
  min-height:92px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:3px solid #0f1219!important;
  background:#171b25!important;
}
.ps167-preview-drawer .ps164-phone .ps164-avatar-wrap span{
  right:0!important;
  bottom:6px!important;
  width:20px!important;
  height:20px!important;
  border:4px solid #0f1219!important;
  background:#20d699!important;
  z-index:7!important;
}
.ps167-preview-drawer .ps164-phone .ps164-preview-name-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px!important;
}
.ps167-preview-drawer .ps164-phone .ps164-preview-name-row strong{
  font-size:24px!important;
  line-height:1.15!important;
  letter-spacing:var(--premium-name-spacing,0px)!important;
}
.ps167-preview-drawer .ps164-phone .ps164-preview-name-row .user-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  transform:none!important;
}
.ps167-preview-drawer .ps164-phone .ps164-preview-name-row .user-badge,
.ps167-preview-drawer .ps164-phone .ps164-preview-name-row .badge-custom{
  width:27px!important;
  min-width:27px!important;
  height:27px!important;
  border-radius:8px!important;
}
.ps167-preview-drawer .ps164-phone .ps164-handle{
  display:block!important;
  margin-top:5px!important;
  color:#8f98ad!important;
  font-size:13px!important;
}
.ps167-preview-drawer .ps164-phone .ps164-preview-body>p{
  margin:15px 0 16px!important;
  color:#d4d7e1!important;
  font-size:14px!important;
  line-height:1.5!important;
}
.ps167-preview-drawer .ps164-phone .ps164-preview-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  height:68px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#0b0e14!important;
}
.ps167-preview-drawer .ps164-phone .ps164-preview-stats span{
  padding:0 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
}
.ps167-preview-drawer .ps164-phone .ps164-preview-stats span:last-child{border-right:0!important}
.ps167-preview-drawer .ps164-phone .ps164-preview-stats b{font-size:17px!important;line-height:1!important;color:#fff!important}
.ps167-preview-drawer .ps164-phone .ps164-preview-stats small{font-size:9.5px!important;color:#8e96aa!important;margin:1px 0 0!important}
.ps167-preview-drawer .ps164-phone .ps164-preview-body>button{
  width:100%!important;
  min-height:48px!important;
  margin-top:12px!important;
  border-radius:14px!important;
  border:1.5px solid color-mix(in srgb,var(--preview-accent) 65%,rgba(255,255,255,.10))!important;
  background:color-mix(in srgb,var(--preview-accent) 22%,#10151a)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:780!important;
}
.ps167-preview-drawer .ps164-phone.card-aurora .ps164-preview-body{background:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--preview-accent) 14%,transparent),transparent 35%),#0f1219!important}
.ps167-preview-drawer .ps164-phone.card-glow{box-shadow:0 0 30px color-mix(in srgb,var(--preview-accent) 20%,transparent)!important}
.ps167-preview-drawer .ps164-phone.card-glass .ps164-preview-body{background:linear-gradient(180deg,rgba(18,22,31,.97),rgba(12,15,22,.98))!important;backdrop-filter:blur(10px)!important}
.ps167-preview-drawer .ps164-phone.has-particles:before{right:14px!important;top:188px!important;font-size:8px!important;letter-spacing:4px!important}
@media(max-width:700px){
  .ps167-preview-drawer .ps164-phone .ps164-cover{height:160px!important;min-height:160px!important}
  .ps167-preview-drawer .ps164-phone .ps164-preview-body{padding:0 14px 14px!important}
  .ps167-preview-drawer .ps164-phone .ps164-avatar-wrap{width:92px!important;height:92px!important;margin-top:-46px!important}
  .ps167-preview-drawer .ps164-phone .ps164-avatar-wrap img,
  .ps167-preview-drawer .ps164-phone .ps164-avatar-wrap img.premium-avatar{width:84px!important;height:84px!important;min-width:84px!important;min-height:84px!important}
  .ps167-preview-drawer .ps164-phone .ps164-preview-name-row strong{font-size:22px!important}
  .ps167-preview-drawer .ps164-phone .ps164-preview-stats{height:64px!important}
}

/* =========================================================
   Mooky v262 — Premium preview uses the real profile layout
   ========================================================= */
.ps167-preview-scroll .premium-preview-profile.profile-v5{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-showcase{
  width:100%!important;
  margin:0!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-cover{
  height:260px!important;
  min-height:260px!important;
  background-size:cover!important;
  background-position:center!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-main{
  padding:0 24px 24px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-avatar-line{
  height:72px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap,
.ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap.premium-glow{
  top:-65px!important;
  left:0!important;
  width:136px!important;
  height:136px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap>img,
.ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap>img.premium-avatar{
  width:128px!important;
  height:128px!important;
  min-width:128px!important;
  min-height:128px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-online-dot{
  width:24px!important;
  height:24px!important;
  right:0!important;
  bottom:8px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-identity{padding-top:10px!important}
.ps167-preview-scroll .premium-preview-profile .profile-title-row h1{font-size:30px!important}
.ps167-preview-scroll .premium-preview-profile .profile-username{font-size:16px!important}
.ps167-preview-scroll .premium-preview-profile .profile-bio{font-size:17px!important;margin-top:20px!important}
.ps167-preview-scroll .premium-preview-profile .profile-stats-pro{height:86px!important;margin-top:22px!important}
.ps167-preview-scroll .premium-preview-profile .profile-stats-pro b{font-size:22px!important}
.ps167-preview-scroll .premium-preview-profile .profile-stats-pro small{font-size:12px!important}
.ps167-preview-scroll .premium-preview-profile .profile-main-action{min-height:64px!important;font-size:17px!important}
.ps167-preview-scroll .premium-preview-profile .round-back,
.ps167-preview-scroll .premium-preview-profile .round-settings{
  top:24px!important;
  width:54px!important;
  height:54px!important;
  border-radius:14px!important;
}
.ps167-preview-scroll .premium-preview-profile .round-back{left:24px!important}
.ps167-preview-scroll .premium-preview-profile .round-settings{right:24px!important}
.ps167-preview-scroll .premium-preview-profile .profile-inline-badges .user-badge,
.ps167-preview-scroll .premium-preview-profile .profile-inline-badges .badge-custom{width:31px!important;min-width:31px!important;height:31px!important}
@media(max-width:680px){
  .ps167-preview-scroll .premium-preview-profile .profile-cover{height:190px!important;min-height:190px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-main{padding:0 16px 18px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-avatar-line{height:54px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap,
  .ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap.premium-glow{top:-49px!important;width:102px!important;height:102px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap>img,
  .ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap>img.premium-avatar{width:94px!important;height:94px!important;min-width:94px!important;min-height:94px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-title-row h1{font-size:24px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-username{font-size:13px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-bio{font-size:14px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-stats-pro{height:68px!important;margin-top:16px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-stats-pro b{font-size:17px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-stats-pro small{font-size:9.5px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-main-action{min-height:48px!important;font-size:13px!important}
}

/* =========================================================
   Mooky v263 — premium preview truly matches profile.php placement
   ========================================================= */
/* L'aperçu du studio reprend maintenant les mêmes mesures que le vrai profile.php. */
.ps167-preview-scroll .premium-preview-profile.profile-v5{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-showcase{
  width:100%!important;
  margin:0!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-cover{
  height:178px!important;
  min-height:178px!important;
  background-size:cover!important;
  background-position:center!important;
  border-radius:0!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-main{
  padding:0 16px 18px!important;
  border-radius:0!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-avatar-line{
  position:relative!important;
  height:50px!important;
  margin:0!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap,
.ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap.premium-glow{
  position:absolute!important;
  left:0!important;
  top:-45px!important;
  width:96px!important;
  height:96px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap>img,
.ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap>img.premium-avatar{
  width:90px!important;
  height:90px!important;
  min-width:90px!important;
  min-height:90px!important;
  margin:0!important;
  display:block!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-online-dot{
  width:20px!important;
  height:20px!important;
  right:-1px!important;
  bottom:6px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-identity{
  padding-top:10px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-title-row h1{
  font-size:24px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-username{
  font-size:13px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-bio{
  margin-top:18px!important;
  font-size:14px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-stats-pro{
  height:auto!important;
  min-height:68px!important;
  margin-top:16px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-stats-pro b{
  font-size:17px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-stats-pro small{
  font-size:9.5px!important;
}
.ps167-preview-scroll .premium-preview-profile .profile-main-action{
  min-height:48px!important;
  font-size:13px!important;
}
.ps167-preview-scroll .premium-preview-profile .round-back,
.ps167-preview-scroll .premium-preview-profile .round-settings{
  top:16px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:13px!important;
}
.ps167-preview-scroll .premium-preview-profile .round-back{left:16px!important}
.ps167-preview-scroll .premium-preview-profile .round-settings{right:16px!important}
.ps167-preview-scroll .premium-preview-profile .profile-inline-badges .user-badge,
.ps167-preview-scroll .premium-preview-profile .profile-inline-badges .badge-custom{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
}

/* =========================================================
   Mooky v264 — premium preview mobile compact + real profile sections
   ========================================================= */
.ps167-preview-tabs{margin-top:12px!important}
.ps167-preview-panel{display:block!important;margin-top:12px!important}
.ps167-preview-panel .profile-post-list-v4{gap:12px!important}
.ps167-preview-panel .profile-post-card{margin:0!important}
.ps167-preview-panel .profile-post-media img,
.ps167-preview-panel .profile-post-media video{display:block}

@media(max-width:430px){
  .ps167-preview-drawer{width:100vw!important;max-width:none!important;padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}
  .ps167-preview-trigger.is-open{right:100vw!important}
  .ps167-preview-head{padding:10px 12px 10px!important}
  .ps167-preview-head span{font-size:7px!important;letter-spacing:1px!important}
  .ps167-preview-head b{font-size:15px!important;line-height:1.15!important}
  .ps167-preview-head small{font-size:7px!important;line-height:1.2!important}
  .ps167-preview-head button{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
  .ps167-preview-scroll{padding:10px 10px 16px!important}

  .ps167-preview-scroll .premium-preview-profile .profile-cover{height:148px!important;min-height:148px!important}
  .ps167-preview-scroll .premium-preview-profile .round-back,
  .ps167-preview-scroll .premium-preview-profile .round-settings{top:12px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:12px!important}
  .ps167-preview-scroll .premium-preview-profile .round-back{left:12px!important}
  .ps167-preview-scroll .premium-preview-profile .round-settings{right:12px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-main{padding:0 12px 14px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-avatar-line{height:44px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap,
  .ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap.premium-glow{top:-42px!important;width:88px!important;height:88px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap>img,
  .ps167-preview-scroll .premium-preview-profile .profile-avatar-wrap>img.premium-avatar{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-online-dot{width:18px!important;height:18px!important;right:0!important;bottom:5px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-identity{padding-top:8px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-title-row{gap:6px!important;flex-wrap:wrap!important}
  .ps167-preview-scroll .premium-preview-profile .profile-title-row h1{font-size:18px!important;line-height:1.08!important}
  .ps167-preview-scroll .premium-preview-profile .profile-inline-badges{gap:6px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-inline-badges .user-badge,
  .ps167-preview-scroll .premium-preview-profile .profile-inline-badges .badge-custom{width:26px!important;height:26px!important;min-width:26px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-username{font-size:11px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-bio{margin-top:14px!important;font-size:12px!important;line-height:1.4!important}
  .ps167-preview-scroll .premium-preview-profile .profile-stats-pro{min-height:58px!important;height:auto!important;margin-top:14px!important;border-radius:16px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-stats-pro b{font-size:14px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-stats-pro small{font-size:8.5px!important}
  .ps167-preview-scroll .premium-preview-profile .profile-main-action{min-height:42px!important;font-size:12px!important;border-radius:14px!important}

  .ps167-preview-tabs{margin-top:10px!important;border-radius:16px!important;overflow:hidden!important}
  .ps167-preview-tabs button{min-height:58px!important;padding:10px 6px!important;font-size:10px!important;gap:6px!important}
  .ps167-preview-tabs button i{font-size:14px!important}
  .ps167-preview-panel{margin-top:10px!important}
  .ps167-preview-panel .empty-card,
  .ps167-preview-panel .profile-post-card{border-radius:16px!important}
  .ps167-preview-panel .profile-post-media{max-height:260px!important;overflow:hidden!important}
  .ps167-preview-panel .profile-post-body{padding:12px!important}
  .ps167-preview-panel .profile-post-meta small{font-size:10px!important}
  .ps167-preview-panel .profile-post-body p,
  .ps167-preview-panel .profile-post-body div{font-size:13px!important;line-height:1.45!important}
  .ps167-preview-panel .profile-post-counts{font-size:11px!important}

  .ps167-live-note{margin-top:10px!important;padding:10px 12px!important;border-radius:14px!important;font-size:7.5px!important;line-height:1.45!important}
  .ps167-live-note i{font-size:10px!important}
}

/* =========================================================
   Mooky v265 — home.php rounded controls cleanup
   ========================================================= */
.social-topbar .top-pill{
  border-radius:14px!important;
}
.social-topbar .notification-pill,
.social-topbar .top-pill{
  width:40px!important;
  height:40px!important;
}
.home-announcement-pro{
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
.composer-v3{
  border-radius:20px!important;
}
.composer-plus{
  border-radius:14px!important;
  box-shadow:0 10px 24px rgba(123,99,255,.22)!important;
}
.composer-plus i{transform:translateY(.5px)}

@media(max-width:430px){
  .social-topbar .top-pill,
  .social-topbar .notification-pill{
    border-radius:15px!important;
  }
  .composer-v3{
    border-radius:18px!important;
    padding:12px 13px!important;
  }
  .composer-plus{
    border-radius:13px!important;
  }
}


/* =========================================================
   Mooky v266 — force rounded home top-actions + cache refresh
   ========================================================= */
body .social-topbar .top-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body .social-topbar .top-actions > a.top-pill,
body .social-topbar .top-actions > a.notification-pill{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  padding:0!important;
  border-radius:14px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#121722!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
body .social-topbar .top-actions > a.top-pill i,
body .social-topbar .top-actions > a.notification-pill i{
  margin:0!important;
  line-height:1!important;
}
@media(max-width:430px){
  body .social-topbar .top-actions > a.top-pill,
  body .social-topbar .top-actions > a.notification-pill{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    border-radius:13px!important;
  }
}


/* =========================================================
   Mooky v267 — home top actions exactly like round-back/mooky-back-btn
   ========================================================= */
body .social-topbar .top-actions > a.home-top-action{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  padding:0!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(11,14,21,.88)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  overflow:hidden!important;
  clip-path:none!important;
  outline:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
body .social-topbar .top-actions > a.home-top-action i{
  font-size:18px!important;
  line-height:1!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
}
body .social-topbar .top-actions > a.home-top-action:before,
body .social-topbar .top-actions > a.home-top-action:after{
  border-radius:inherit!important;
}
@media(max-width:430px){
  body .social-topbar .top-actions > a.home-top-action{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    border-radius:13px!important;
  }
}


/* =========================================================
   Mooky v268 — top-pill / notification-pill rounded for real
   ========================================================= */
body .social-topbar .top-actions > a.top-pill,
body .social-topbar .top-actions > a.top-pill.notification-pill{
  border-radius:15px!important;
  clip-path:none!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
body .social-topbar .top-actions > a.top-pill::before,
body .social-topbar .top-actions > a.top-pill::after,
body .social-topbar .top-actions > a.top-pill.notification-pill::before,
body .social-topbar .top-actions > a.top-pill.notification-pill::after{
  border-radius:inherit!important;
}
@media(max-width:430px){
  body .social-topbar .top-actions > a.top-pill,
  body .social-topbar .top-actions > a.top-pill.notification-pill{
    border-radius:15px!important;
  }
}

/* =========================================================
   Mooky v269 — global rounded controls consistency
   ========================================================= */
:root{
  --mooky-control-radius:14px;
  --mooky-control-radius-sm:12px;
}

/* Boutons indépendants : même arrondi partout dans Mooky. */
body .btn,
body a.btn,
body button.btn,
body .icon-btn,
body .head-icon,
body .top-pill,
body .notification-pill,
body .composer-plus,
body .round-back,
body .round-settings,
body .profile-main-action,
body .profile-secondary-action,
body .profile-more-action,
body .chat-attach-btn,
body .chat-emoji-btn,
body .chat-send-btn,
body .chat-back,
body .mooky-back-btn,
body .search-box button,
body .messages-search-wrap button,
body .chat-search-panel button,
body .comment-form button,
body .image-lightbox-close,
body .post-image-open,
body .share-btn,
body .miv-controls button,
body .mooky-modal-card button,
body .bottom-sheet button,
body .story-sheet-v78 button,
body .premium-style-v164 button,
body .premium-style-v167 button,
body .premium-style-v168 button,
body .settings button,
body .create-card button,
body .auth button,
body .form-card button{
  border-radius:var(--mooky-control-radius)!important;
  background-clip:padding-box!important;
  clip-path:none!important;
}

/* Champs et sélecteurs : même langage visuel que les boutons. */
body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
body textarea,
body select,
body .composer-placeholder,
body .search-fake,
body .messages-search-wrap,
body .groups-search-v94{
  border-radius:var(--mooky-control-radius)!important;
}

/* Petits contrôles compacts. */
body .btn.small,
body .mini-create-v94,
body .conversation-arrow,
body .card-arrow-v94{
  border-radius:var(--mooky-control-radius-sm)!important;
}

/* Les contrôles réellement circulaires restent circulaires. */
body .top-avatar-link,
body .top-avatar-link img,
body .story-ring,
body .story-ring img,
body .profile-online-dot,
body .premium-avatar,
body .post-pro-avatar,
body .post-pro-avatar img,
body .miv-center,
body .emoji-item.is-circle,
body .avatar-only-button{
  border-radius:50%!important;
}

/* Les barres d'onglets segmentées restent propres sans coins parasites internes. */
body .profile-tabs button,
body .messages-tabs-v66 button,
body .messages-filter-bar button,
body .post-pro-stats button,
body .post-actions button{
  border-radius:0!important;
}
body .profile-tabs,
body .messages-tabs-v66,
body .messages-filter-bar{
  border-radius:var(--mooky-control-radius)!important;
  overflow:hidden!important;
}

@media(max-width:430px){
  :root{--mooky-control-radius:14px;--mooky-control-radius-sm:11px}
}

/* =========================================================
   Mooky v270 — notification badge above + final rounded controls pass
   ========================================================= */
/* Le compteur de notifications reste au-dessus du bouton au lieu d'être coupé. */
body .social-topbar .top-actions > a.notification-pill,
body .social-topbar .top-actions > a.top-pill.notification-pill{
  position:relative!important;
  overflow:visible!important;
  z-index:3!important;
  border-radius:14px!important;
}
body .social-topbar .top-actions > a.notification-pill .top-unread-count,
body .social-topbar .top-actions > a.top-pill.notification-pill .top-unread-count{
  position:absolute!important;
  top:-8px!important;
  right:-8px!important;
  z-index:25!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  border:2px solid #090a0f!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  box-shadow:0 5px 14px rgba(255,71,115,.34)!important;
  pointer-events:none!important;
}

/* Les boutons de header utilisent tous le même arrondi doux. */
body .app-page-head .head-icon,
body .app-page-head .mooky-back-btn,
body .app-page-head .kyc-head-lock,
body .simple-head.app-page-head > a:first-child,
body .simple-head.app-page-head > span.head-icon,
body .simple-head .head-icon,
body .clean-head .head-icon,
body .head-icon.ghost{
  border-radius:14px!important;
  clip-path:none!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

/* Dernier passage sur les contrôles encore carrés dans les pages internes. */
body :is(
  .top-actions > a,
  .list-title > a,
  .settings-list a,
  .admin-links a,
  .upload-box,
  .composer-placeholder,
  .community-icon,
  .search-box button,
  .comment-form button,
  .chat-input button,
  .create-fab span,
  .groups-search-v94 > a,
  .mini-create-v94,
  .connections-pro-action,
  .card-arrow-v94,
  .image-lightbox-close
){
  border-radius:14px!important;
  clip-path:none!important;
  background-clip:padding-box!important;
}

/* Cartes et surfaces qui pouvaient encore hériter d'un ancien radius à 0. */
body :is(
  .composer-v3,
  .notif-card-v16,
  .search-user,
  .conversation-row,
  .settings-list,
  .form-card,
  .report-card,
  .community-card-v94,
  .invite-card-v94,
  .group-empty-v94,
  .connections-pro-search,
  .connections-pro-card,
  .empty-card,
  .about-card
){
  border-radius:16px!important;
  background-clip:padding-box!important;
}

/* Les badges/pills restent complètement ronds. */
body :is(.top-unread-count,.badge,.pill,[class*="-pill"],[class*="-badge"]){
  border-radius:999px!important;
}

@media(max-width:430px){
  body .app-page-head .head-icon,
  body .app-page-head .mooky-back-btn,
  body .simple-head.app-page-head > a:first-child,
  body .simple-head.app-page-head > span.head-icon{
    border-radius:14px!important;
  }
}

/* =========================================================
   Mooky v271 — notifications back button exact rounded fix
   ========================================================= */
body .notifications-page ~ * .head-icon.mooky-back-btn,
body .simple-head.app-page-head.clean-head > a.head-icon.mooky-back-btn,
body header.simple-head.app-page-head.clean-head > a.head-icon.mooky-back-btn{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:14px!important;
  overflow:hidden!important;
  clip-path:none!important;
  background:#12151e!important;
  border:1px solid rgba(255,255,255,.09)!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  box-shadow:none!important;
}
body header.simple-head.app-page-head.clean-head > a.head-icon.mooky-back-btn i{
  font-size:19px!important;
  line-height:1!important;
  margin:0!important;
}


/* =========================================================
   Mooky v272 — messages.php controls clean redesign
   ========================================================= */
.messages-pro-head .head-icon,
.messages-pro-head .new-chat-head{
  border-radius:15px!important;
  overflow:hidden!important;
}

.messages-controls-card{
  margin:0 0 22px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(17,20,29,.98),rgba(12,15,22,.98))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
}

.messages-controls-card .messages-search-wrap{
  height:54px!important;
  margin:0!important;
  padding:0 15px!important;
  border-radius:15px!important;
  background:#0d1017!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
.messages-controls-card .messages-search-wrap:focus-within{
  border-color:rgba(145,107,255,.48)!important;
  box-shadow:0 0 0 3px rgba(124,82,255,.08)!important;
}
.messages-controls-card .messages-search-wrap>i{
  font-size:17px!important;
}
.messages-controls-card .messages-search-wrap input{
  font-size:13px!important;
  padding:0!important;
}
.messages-controls-card .messages-search-wrap button{
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
}

.messages-controls-card .messages-filter-bar.messages-tabs-v66{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:10px 0 0!important;
  padding:0!important;
  overflow:visible!important;
}

.messages-controls-card .messages-filter-bar.messages-tabs-v66 button{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  padding:0 8px!important;
  border-radius:13px!important;
  justify-content:center!important;
  background:#121620!important;
  border:1px solid rgba(255,255,255,.075)!important;
  color:#929aae!important;
  font-size:9px!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  gap:6px!important;
  box-shadow:none!important;
}
.messages-controls-card .messages-filter-bar.messages-tabs-v66 button i{
  flex:0 0 auto!important;
  font-size:11px!important;
}
.messages-controls-card .messages-filter-bar.messages-tabs-v66 button span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.messages-controls-card .messages-filter-bar.messages-tabs-v66 button.active{
  color:#eee8ff!important;
  background:linear-gradient(145deg,rgba(116,78,255,.24),rgba(116,78,255,.11))!important;
  border-color:rgba(135,98,255,.48)!important;
  box-shadow:0 8px 22px rgba(94,66,207,.12)!important;
}
.messages-controls-card .messages-filter-bar.messages-tabs-v66 button em{
  flex:0 0 auto!important;
  min-width:17px!important;
  height:17px!important;
  font-size:8px!important;
}

.messages-pro-page .messages-section-head{
  margin:0 2px 12px!important;
  padding-top:0!important;
  align-items:flex-end!important;
}
.messages-pro-page .messages-section-head h2{
  margin-top:4px!important;
  line-height:1.05!important;
}
.messages-pro-page .conversation-list-pro{
  margin-top:0!important;
}

@media(max-width:430px){
  .messages-pro-page{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .messages-controls-card{
    margin-bottom:18px!important;
    padding:10px!important;
    border-radius:17px!important;
  }
  .messages-controls-card .messages-filter-bar.messages-tabs-v66{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .messages-controls-card .messages-filter-bar.messages-tabs-v66 button{
    height:42px!important;
    border-radius:12px!important;
    font-size:9px!important;
  }
}

@media(max-width:350px){
  .messages-controls-card .messages-filter-bar.messages-tabs-v66 button{
    padding:0 6px!important;
    gap:5px!important;
    font-size:8px!important;
  }
}


/* =========================================================
   Mooky v273 — messages filters rounded corners fix
   ========================================================= */
.messages-controls-card .messages-filter-bar.messages-tabs-v66 button,
.messages-controls-card .messages-filter-bar.messages-tabs-v66 button.active,
.messages-controls-card .messages-filter-bar.messages-tabs-v66 button:hover,
.messages-controls-card .messages-filter-bar.messages-tabs-v66 button:focus-visible{
  border-radius:15px!important;
  overflow:hidden!important;
  -webkit-mask-image:-webkit-radial-gradient(white, black)!important;
  background-clip:padding-box!important;
}
.messages-controls-card .messages-filter-bar.messages-tabs-v66 button::before,
.messages-controls-card .messages-filter-bar.messages-tabs-v66 button::after{
  border-radius:15px!important;
}
@media(max-width:430px){
  .messages-controls-card .messages-filter-bar.messages-tabs-v66 button,
  .messages-controls-card .messages-filter-bar.messages-tabs-v66 button.active,
  .messages-controls-card .messages-filter-bar.messages-tabs-v66 button:hover,
  .messages-controls-card .messages-filter-bar.messages-tabs-v66 button:focus-visible{
    border-radius:14px!important;
  }
  .messages-controls-card .messages-filter-bar.messages-tabs-v66 button::before,
  .messages-controls-card .messages-filter-bar.messages-tabs-v66 button::after{
    border-radius:14px!important;
  }
}


/* =========================================================
   Mooky v274 — force ALL messages filter buttons rounded
   ========================================================= */
#messageFilters.messages-filter-bar.messages-tabs-v66 > button.messages-filter-rounded,
#messageFilters.messages-filter-bar.messages-tabs-v66 > button.messages-filter-rounded:not(.active),
#messageFilters.messages-filter-bar.messages-tabs-v66 > button.messages-filter-rounded.active{
  border-radius:15px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 15px)!important;
  -webkit-clip-path:inset(0 round 15px)!important;
  background-clip:padding-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
#messageFilters.messages-filter-bar.messages-tabs-v66 > button.messages-filter-rounded::before,
#messageFilters.messages-filter-bar.messages-tabs-v66 > button.messages-filter-rounded::after{
  border-radius:15px!important;
}

@media(max-width:430px){
  #messageFilters.messages-filter-bar.messages-tabs-v66 > button.messages-filter-rounded,
  #messageFilters.messages-filter-bar.messages-tabs-v66 > button.messages-filter-rounded:not(.active),
  #messageFilters.messages-filter-bar.messages-tabs-v66 > button.messages-filter-rounded.active{
    border-radius:14px!important;
    clip-path:inset(0 round 14px)!important;
    -webkit-clip-path:inset(0 round 14px)!important;
  }
}


/* =========================================================
   Mooky v275 — community/group rounded UI cleanup
   ========================================================= */

/* Boutons du haut du groupe : retour / signaler / réglages */
body .community-hero-v94 .community-back-v94,
body .community-hero-v94 .community-back-v94.mooky-back-btn,
body .community-hero-v94 .community-report-v98,
body .community-hero-v94 .community-settings-v94{
  border-radius:14px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 14px)!important;
  -webkit-clip-path:inset(0 round 14px)!important;
  background-clip:padding-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
body .community-hero-v94 .community-back-v94::before,
body .community-hero-v94 .community-back-v94::after,
body .community-hero-v94 .community-report-v98::before,
body .community-hero-v94 .community-report-v98::after,
body .community-hero-v94 .community-settings-v94::before,
body .community-hero-v94 .community-settings-v94::after{
  border-radius:14px!important;
}

/* Avatar / identité du groupe */
.community-avatar-large-v94{
  border-radius:16px!important;
  overflow:hidden!important;
}
.community-avatar-large-v94 img{
  border-radius:12px!important;
}

/* Stats du groupe */
.community-stats-v94{
  border-radius:16px!important;
  overflow:hidden!important;
}

/* Navigation Fil / Membres / À propos / Gérer */
.community-tabs-v94{
  margin:10px 8px 0!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.community-tabs-v94 button{
  border-radius:0!important;
}
.community-tabs-v94 button:first-child{
  border-radius:15px 0 0 15px!important;
}
.community-tabs-v94 button:last-child{
  border-radius:0 15px 15px 0!important;
}

/* Composer et publications */
.community-composer-v94,
.community-post-v94,
.member-card-v94,
.about-card-v94,
.rules-card-v94,
.manage-card-v94,
.community-empty-v94,
.community-locked-v94{
  border-radius:16px!important;
  overflow:hidden!important;
}

.community-media-v94,
.community-comment-v94>div,
.community-comment-form-v94 input,
.community-comment-form-v94 button,
.community-post-actions-v94 button,
.post-menu-v94>div,
.post-menu-v94 summary{
  border-radius:13px!important;
}

/* Zone gestion */
.manage-head-v109,
.manage-overview-v109>div,
.manage-panel-v109,
.manage-jump-v109 a,
.manage-jump-v109 button,
.invite-form-v109 label,
.manage-field-v109 input,
.manage-field-v109 textarea,
.manage-field-v109 select,
.community-files-v109 label,
.join-request-v109{
  border-radius:14px!important;
}

.manage-head-icon-v109,
.manage-overview-v109 span,
.manage-panel-icon-v109,
.manage-count-v109,
.community-files-v109 label>span,
.join-request-actions-v109 button{
  border-radius:12px!important;
}

/* Formulaires et petits contrôles groupes */
.invite-form-v94>div,
.edit-community-v94 input,
.edit-community-v94 textarea,
.edit-community-v94 select,
.request-modal-v94 textarea,
.member-actions-v94 select,
.icon-only-v94{
  border-radius:13px!important;
}

/* Création de groupe */
.groups-hero-v94,
.groups-tabs-v94 a,
.groups-search-v94,
.community-card-v94,
.community-avatar-v94,
.group-empty-v94,
.invite-card-v94,
.community-avatar-mini-v94{
  border-radius:16px!important;
}

.groups-search-v94>a,
.community-cat-v94,
.community-lock-v94,
.community-create-close-v113{
  border-radius:12px!important;
}

@media(max-width:430px){
  body .community-hero-v94 .community-back-v94,
  body .community-hero-v94 .community-back-v94.mooky-back-btn,
  body .community-hero-v94 .community-report-v98,
  body .community-hero-v94 .community-settings-v94{
    border-radius:13px!important;
    clip-path:inset(0 round 13px)!important;
    -webkit-clip-path:inset(0 round 13px)!important;
  }

  .community-stats-v94,
  .community-tabs-v94,
  .community-composer-v94,
  .community-post-v94,
  .member-card-v94,
  .about-card-v94,
  .rules-card-v94,
  .manage-card-v94{
    border-radius:15px!important;
  }
}


/* =========================================================
   Mooky v276 — group header buttons match round-settings
   ========================================================= */
body .community-hero-v94 .community-back-v94,
body .community-hero-v94 .community-report-v98,
body .community-hero-v94 .community-settings-v94{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(11,14,21,.88)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  overflow:hidden!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  line-height:1!important;
}
body .community-hero-v94 .community-back-v94 i,
body .community-hero-v94 .community-report-v98 i,
body .community-hero-v94 .community-settings-v94 i{
  font-size:18px!important;
  line-height:1!important;
  margin:0!important;
}
body .community-hero-v94 .community-back-v94{
  left:16px!important;
  top:16px!important;
}
body .community-hero-v94 .community-report-v98{
  right:70px!important;
  top:16px!important;
}
body .community-hero-v94 .community-settings-v94{
  right:16px!important;
  top:16px!important;
}
body .community-hero-v94 .community-back-v94::before,
body .community-hero-v94 .community-back-v94::after,
body .community-hero-v94 .community-report-v98::before,
body .community-hero-v94 .community-report-v98::after,
body .community-hero-v94 .community-settings-v94::before,
body .community-hero-v94 .community-settings-v94::after{
  border-radius:13px!important;
}

@media(max-width:430px){
  body .community-hero-v94 .community-back-v94,
  body .community-hero-v94 .community-report-v98,
  body .community-hero-v94 .community-settings-v94{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:13px!important;
  }
  body .community-hero-v94 .community-report-v98{right:66px!important}
}


/* =========================================================
   Mooky v277 — group header EXACT same buttons as profile.php
   ========================================================= */
.community-hero-v94{
  position:relative!important;
}

/* Exactement le même rendu que .profile-v5 .round-back / .round-settings */
body .community-hero-v94 .community-back-v94.round-back.mooky-back-btn,
body .community-hero-v94 .community-report-v98.round-settings,
body .community-hero-v94 .community-settings-v94.round-settings{
  position:absolute!important;
  top:16px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  padding:0!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(11,14,21,.88)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  overflow:hidden!important;
  z-index:4!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  line-height:1!important;
  box-sizing:border-box!important;
}

body .community-hero-v94 .community-back-v94.round-back.mooky-back-btn{
  left:16px!important;
  right:auto!important;
}

body .community-hero-v94 .community-report-v98.round-settings.community-round-flag{
  right:70px!important;
  left:auto!important;
}

body .community-hero-v94 .community-settings-v94.round-settings.community-round-settings{
  right:16px!important;
  left:auto!important;
}

body .community-hero-v94 .community-back-v94.round-back.mooky-back-btn i,
body .community-hero-v94 .community-report-v98.round-settings i,
body .community-hero-v94 .community-settings-v94.round-settings i{
  font-size:18px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
}

/* Supprime les anciens fonds/bordures carrés éventuels */
body .community-hero-v94 .community-back-v94.round-back.mooky-back-btn::before,
body .community-hero-v94 .community-back-v94.round-back.mooky-back-btn::after,
body .community-hero-v94 .community-report-v98.round-settings::before,
body .community-hero-v94 .community-report-v98.round-settings::after,
body .community-hero-v94 .community-settings-v94.round-settings::before,
body .community-hero-v94 .community-settings-v94.round-settings::after{
  content:none!important;
  display:none!important;
}

@media(max-width:430px){
  body .community-hero-v94 .community-back-v94.round-back.mooky-back-btn,
  body .community-hero-v94 .community-report-v98.round-settings,
  body .community-hero-v94 .community-settings-v94.round-settings{
    top:16px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:13px!important;
  }
  body .community-hero-v94 .community-back-v94.round-back.mooky-back-btn{left:16px!important}
  body .community-hero-v94 .community-report-v98.round-settings.community-round-flag{right:70px!important}
  body .community-hero-v94 .community-settings-v94.round-settings.community-round-settings{right:16px!important}
}


/* =========================================================
   Mooky v278 — HARD force group controls = profile controls
   ========================================================= */
.community-hero-v94 > .community-profile-control{
  position:absolute!important;
  top:16px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  padding:0!important;
  margin:0!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(11,14,21,.88)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  overflow:hidden!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  z-index:20!important;
}
.community-hero-v94 > .community-profile-control i{
  font-size:18px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.community-hero-v94 > .community-back-v94.community-profile-control{left:16px!important;right:auto!important}
.community-hero-v94 > .community-report-v98.community-profile-control{right:70px!important;left:auto!important}
.community-hero-v94 > .community-settings-v94.community-profile-control{right:16px!important;left:auto!important}

/* Kills any old square layer/pseudo-element */
.community-hero-v94 > .community-profile-control::before,
.community-hero-v94 > .community-profile-control::after{
  content:none!important;
  display:none!important;
}

@media(max-width:430px){
  .community-hero-v94 > .community-profile-control{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    border-radius:13px!important;
    top:16px!important;
  }
  .community-hero-v94 > .community-back-v94.community-profile-control{left:16px!important}
  .community-hero-v94 > .community-report-v98.community-profile-control{right:70px!important}
  .community-hero-v94 > .community-settings-v94.community-profile-control{right:16px!important}
}


/* =========================================================
   Mooky v279 — communities.php full redesign
   ========================================================= */
.communities-v279{
  padding:14px 14px 110px!important;
}

/* Header */
.communities-head-v94{
  min-height:76px!important;
  height:auto!important;
  padding:calc(env(safe-area-inset-top) + 10px) 14px 10px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 52px!important;
  gap:12px!important;
  align-items:center!important;
}
.communities-head-v94 .head-icon,
.communities-head-v94 .head-create-community{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:#141824!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#f5f7fb!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
.communities-head-v94 .head-icon i,
.communities-head-v94 .head-create-community i{
  font-size:19px!important;
}
.communities-head-v94>div{
  align-items:center!important;
  text-align:center!important;
}
.communities-head-v94 strong{
  font-size:20px!important;
  letter-spacing:-.3px!important;
}
.communities-head-v94 small{
  margin-top:5px!important;
  font-size:9px!important;
  color:#7e879b!important;
  letter-spacing:0!important;
}

/* Hero */
.communities-v279 .groups-hero-v94{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:22px!important;
  margin-bottom:16px!important;
  border-radius:20px!important;
  border:1px solid rgba(139,92,246,.30)!important;
  background:
    radial-gradient(circle at 95% 0%,rgba(139,92,246,.26),transparent 36%),
    radial-gradient(circle at 0% 100%,rgba(34,211,238,.08),transparent 38%),
    linear-gradient(145deg,#171523,#0f1219)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
}
.communities-v279 .groups-hero-icon{
  width:70px!important;
  height:70px!important;
  flex:0 0 70px!important;
  border-radius:18px!important;
  font-size:25px!important;
  background:linear-gradient(145deg,#7654ff,#9c66ff)!important;
  box-shadow:0 14px 32px rgba(123,85,255,.28)!important;
}
.communities-v279 .groups-hero-v94 span{
  font-size:9px!important;
  letter-spacing:1.8px!important;
}
.communities-v279 .groups-hero-v94 h1{
  margin:5px 0 7px!important;
  font-size:26px!important;
  line-height:1.05!important;
}
.communities-v279 .groups-hero-v94 p{
  margin:0!important;
  font-size:11px!important;
  line-height:1.55!important;
  color:#9ca4b7!important;
}

/* Main tabs */
.communities-v279 .groups-tabs-v94{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:16px!important;
}
.communities-v279 .groups-tabs-v94 a{
  height:64px!important;
  border-radius:18px!important;
  background:#121620!important;
  border:1px solid rgba(255,255,255,.075)!important;
  color:#8f97a9!important;
  gap:8px!important;
  font-size:11px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
  overflow:hidden!important;
}
.communities-v279 .groups-tabs-v94 a i{
  font-size:13px!important;
}
.communities-v279 .groups-tabs-v94 a.active{
  background:linear-gradient(145deg,rgba(119,80,255,.28),rgba(119,80,255,.11))!important;
  border-color:rgba(133,96,255,.58)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(105,72,220,.16)!important;
}
.communities-v279 .groups-tabs-v94 a b{
  min-width:20px!important;
  height:20px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:8px!important;
}

/* Search */
.communities-v279 .groups-search-v94{
  min-height:58px!important;
  height:auto!important;
  margin-bottom:20px!important;
  padding:0 14px!important;
  gap:12px!important;
  border-radius:18px!important;
  background:#11151e!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.11)!important;
}
.communities-v279 .groups-search-v94>i{
  font-size:16px!important;
  color:#8e72ff!important;
}
.communities-v279 .groups-search-v94 input{
  font-size:12px!important;
}
.communities-v279 .groups-search-v94 select{
  max-width:120px!important;
  min-height:38px!important;
  padding:7px 30px 7px 12px!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  border-radius:0 12px 12px 0!important;
  background:#11151e!important;
  font-size:10px!important;
}
.communities-v279 .groups-search-v94>a{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
}

/* Section title */
.communities-v279 .group-section-title{
  margin:3px 2px 13px!important;
  align-items:flex-end!important;
}
.communities-v279 .group-section-title small{
  font-size:8px!important;
  letter-spacing:1.6px!important;
}
.communities-v279 .group-section-title h2{
  margin-top:4px!important;
  font-size:21px!important;
  line-height:1.05!important;
}
.communities-v279 .mini-create-v94{
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  background:rgba(124,92,255,.10)!important;
  border:1px solid rgba(124,92,255,.22)!important;
  color:#a58cff!important;
}

/* Community cards */
.communities-v279 .community-grid-v94{
  gap:14px!important;
}
.communities-v279 .community-card-v94{
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#12151e,#0f1219)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.16)!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.communities-v279 .community-card-v94:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(137,103,255,.30)!important;
  box-shadow:0 20px 42px rgba(0,0,0,.20)!important;
}
.communities-v279 .community-cover-v94{
  height:132px!important;
  border-radius:0!important;
}
.communities-v279 .community-cover-v94:after{
  background:linear-gradient(180deg,rgba(3,5,9,.06) 25%,rgba(7,8,12,.82) 100%)!important;
}
.communities-v279 .community-cat-v94{
  left:12px!important;
  top:12px!important;
  padding:7px 10px!important;
  border-radius:11px!important;
  font-size:8px!important;
}
.communities-v279 .community-lock-v94{
  right:12px!important;
  top:12px!important;
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
}
.communities-v279 .community-card-content-v94{
  gap:13px!important;
  padding:0 15px 16px!important;
}
.communities-v279 .community-avatar-v94{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  margin-top:-30px!important;
  border-radius:16px!important;
  border:4px solid #11141c!important;
  background:#1a1e29!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}
.communities-v279 .community-avatar-v94 img{
  border-radius:12px!important;
}
.communities-v279 .community-card-copy-v94{
  padding-top:10px!important;
}
.communities-v279 .community-card-title-v94{
  gap:8px!important;
}
.communities-v279 .community-card-title-v94 b{
  font-size:14px!important;
}
.communities-v279 .community-card-title-v94 span{
  padding:4px 7px!important;
  border-radius:999px!important;
  font-size:7px!important;
}
.communities-v279 .community-card-copy-v94 p{
  margin:6px 0 9px!important;
  font-size:10px!important;
  color:#969daf!important;
}
.communities-v279 .community-card-stats-v94{
  gap:12px!important;
  font-size:8.5px!important;
}
.communities-v279 .card-arrow-v94{
  align-self:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:#151925!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

/* Empty / invite cards */
.communities-v279 .group-empty-v94,
.communities-v279 .invite-card-v94{
  border-radius:18px!important;
}
.communities-v279 .invite-card-v94{
  border:1px solid rgba(255,255,255,.075)!important;
  background:#11141c!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
}
.communities-v279 .invite-cover-v94{
  height:96px!important;
}
.communities-v279 .community-avatar-mini-v94{
  border-radius:14px!important;
}
.communities-v279 .invite-actions-v94{
  gap:10px!important;
}
.communities-v279 .invite-actions-v94 .btn{
  border-radius:13px!important;
}

/* Create modal */
.community-create-modal-v113 .mooky-modal-card{
  border-radius:22px!important;
  overflow:hidden!important;
}
.community-create-modal-v113 .mooky-modal-card button,
.community-create-modal-v113 .mooky-modal-card input,
.community-create-modal-v113 .mooky-modal-card textarea,
.community-create-modal-v113 .mooky-modal-card select,
.community-create-modal-v113 .community-upload-v113,
.community-create-modal-v113 .community-choice-v113,
.community-create-modal-v113 .community-info-v113,
.community-create-modal-v113 .community-final-summary-v113,
.community-create-modal-v113 .community-confirm-v113{
  border-radius:14px!important;
}
.community-create-modal-v113 .community-step-v113{
  border-radius:12px!important;
}
.community-create-modal-v113 .community-step-intro-v113>span,
.community-create-modal-v113 .community-final-icon-v113{
  border-radius:14px!important;
}

/* Mobile */
@media(max-width:430px){
  .communities-v279{
    padding:12px 10px 108px!important;
  }
  .communities-head-v94{
    grid-template-columns:48px minmax(0,1fr) 48px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .communities-head-v94 .head-icon,
  .communities-head-v94 .head-create-community{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:13px!important;
  }
  .communities-head-v94 strong{
    font-size:18px!important;
  }
  .communities-v279 .groups-hero-v94{
    grid-template-columns:60px minmax(0,1fr)!important;
    gap:14px!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  .communities-v279 .groups-hero-icon{
    width:56px!important;
    height:56px!important;
    border-radius:15px!important;
    font-size:20px!important;
  }
  .communities-v279 .groups-hero-v94 h1{
    font-size:21px!important;
  }
  .communities-v279 .groups-hero-v94 p{
    font-size:10px!important;
  }
  .communities-v279 .groups-tabs-v94{
    gap:7px!important;
  }
  .communities-v279 .groups-tabs-v94 a{
    height:56px!important;
    border-radius:15px!important;
    gap:5px!important;
    font-size:9px!important;
  }
  .communities-v279 .groups-search-v94{
    min-height:54px!important;
    border-radius:16px!important;
    padding:0 12px!important;
  }
  .communities-v279 .groups-search-v94 select{
    max-width:94px!important;
    font-size:9px!important;
  }
  .communities-v279 .community-card-v94{
    border-radius:18px!important;
  }
  .communities-v279 .community-cover-v94{
    height:116px!important;
  }
  .communities-v279 .community-avatar-v94{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
    border-radius:15px!important;
  }
  .communities-v279 .community-card-title-v94 b{
    font-size:13px!important;
  }
  .communities-v279 .card-arrow-v94{
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
  }
}

@media(max-width:350px){
  .communities-v279 .groups-tabs-v94{
    grid-template-columns:1fr!important;
  }
  .communities-v279 .groups-tabs-v94 a{
    height:48px!important;
  }
  .communities-v279 .groups-search-v94{
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px 12px!important;
  }
  .communities-v279 .groups-search-v94 select{
    grid-column:1/-1!important;
    max-width:none!important;
    width:100%!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    border-radius:0 0 12px 12px!important;
  }
}


/* =========================================================
   Mooky v280 — communities.php rounded squares + better buttons
   ========================================================= */
.communities-v279{
  --communities-radius-lg: 22px;
  --communities-radius-md: 18px;
  --communities-radius-sm: 14px;
}

/* Header buttons: same family as the nicest rounded controls */
.communities-head-v94 .head-icon,
.communities-head-v94 .head-create-community{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  border-radius:18px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  outline:0!important;
  background:linear-gradient(180deg,#161b27,#10141e)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}
.communities-head-v94 .head-icon:hover,
.communities-head-v94 .head-create-community:hover,
.communities-head-v94 .head-icon:focus-visible,
.communities-head-v94 .head-create-community:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(140,105,255,.34)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.22)!important;
}

/* Main rounded surfaces */
.communities-v279 .groups-hero-v94,
.communities-v279 .groups-tabs-v94 a,
.communities-v279 .groups-search-v94,
.communities-v279 .community-card-v94,
.communities-v279 .invite-card-v94,
.communities-v279 .group-empty-v94{
  border-radius:var(--communities-radius-lg)!important;
}

.communities-v279 .groups-hero-v94{
  padding:24px!important;
  gap:20px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
}
.communities-v279 .groups-hero-icon{
  width:74px!important;
  height:74px!important;
  flex:0 0 74px!important;
  border-radius:20px!important;
  box-shadow:0 16px 34px rgba(124,86,255,.30)!important;
}

/* Filter/tab buttons softer and more rounded */
.communities-v279 .groups-tabs-v94{
  gap:12px!important;
}
.communities-v279 .groups-tabs-v94 a{
  height:68px!important;
  padding:0 14px!important;
  border-radius:22px!important;
  gap:10px!important;
  font-size:12px!important;
  background:linear-gradient(180deg,#131823,#0f131d)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
}
.communities-v279 .groups-tabs-v94 a:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(135,96,255,.28)!important;
}
.communities-v279 .groups-tabs-v94 a.active{
  background:linear-gradient(145deg,rgba(121,86,255,.30),rgba(121,86,255,.14))!important;
  border-color:rgba(136,101,255,.55)!important;
  box-shadow:0 16px 34px rgba(96,68,212,.18)!important;
}
.communities-v279 .groups-tabs-v94 a b{
  min-width:24px!important;
  height:24px!important;
  padding:0 8px!important;
}

/* Search block */
.communities-v279 .groups-search-v94{
  min-height:62px!important;
  padding:0 16px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#11151f,#0e121a)!important;
}
.communities-v279 .groups-search-v94 select{
  min-height:42px!important;
  border-radius:14px!important;
  padding:8px 34px 8px 14px!important;
}
.communities-v279 .groups-search-v94 > a{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
}

/* Create button near title */
.communities-v279 .mini-create-v94{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(122,88,255,.16),rgba(122,88,255,.10))!important;
  border:1px solid rgba(133,98,255,.24)!important;
  color:#b59dff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
}

/* Cards and card controls */
.communities-v279 .community-card-v94{
  overflow:hidden!important;
  box-shadow:0 18px 40px rgba(0,0,0,.16)!important;
}
.communities-v279 .community-cover-v94{
  height:136px!important;
}
.communities-v279 .community-cat-v94{
  border-radius:13px!important;
  padding:7px 11px!important;
}
.communities-v279 .community-lock-v94,
.communities-v279 .card-arrow-v94{
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  background:#151a25!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.12)!important;
}
.communities-v279 .community-lock-v94{
  display:grid!important;
  place-items:center!important;
}
.communities-v279 .community-card-content-v94{
  padding:0 16px 16px!important;
  gap:14px!important;
}
.communities-v279 .community-avatar-v94,
.communities-v279 .community-avatar-mini-v94{
  border-radius:18px!important;
  box-shadow:0 12px 26px rgba(0,0,0,.18)!important;
}
.communities-v279 .community-avatar-v94 img,
.communities-v279 .community-avatar-mini-v94 img{
  border-radius:14px!important;
}
.communities-v279 .community-card-title-v94 span{
  padding:4px 8px!important;
}
.communities-v279 .invite-actions-v94 .btn{
  border-radius:14px!important;
}

/* Inputs and buttons in create modal */
.community-create-modal-v113 .mooky-modal-card,
.community-create-modal-v113 .community-upload-v113,
.community-create-modal-v113 .community-choice-v113,
.community-create-modal-v113 .community-info-v113,
.community-create-modal-v113 .community-final-summary-v113,
.community-create-modal-v113 .community-confirm-v113{
  border-radius:18px!important;
}
.community-create-modal-v113 .mooky-modal-card :is(button,input,textarea,select){
  border-radius:14px!important;
}

@media(max-width:430px){
  .communities-head-v94 .head-icon,
  .communities-head-v94 .head-create-community{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    border-radius:16px!important;
  }
  .communities-v279 .groups-hero-v94{
    padding:18px!important;
    gap:14px!important;
    border-radius:20px!important;
  }
  .communities-v279 .groups-hero-icon{
    width:60px!important;
    height:60px!important;
    flex-basis:60px!important;
    border-radius:18px!important;
  }
  .communities-v279 .groups-tabs-v94{
    gap:9px!important;
  }
  .communities-v279 .groups-tabs-v94 a{
    height:60px!important;
    border-radius:18px!important;
    font-size:10px!important;
    gap:7px!important;
  }
  .communities-v279 .groups-search-v94{
    min-height:56px!important;
    border-radius:18px!important;
    padding:0 13px!important;
  }
  .communities-v279 .mini-create-v94{
    min-height:36px!important;
    border-radius:13px!important;
    padding:0 12px!important;
  }
  .communities-v279 .community-card-v94,
  .communities-v279 .invite-card-v94,
  .communities-v279 .group-empty-v94{
    border-radius:18px!important;
  }
  .communities-v279 .community-cover-v94{height:126px!important;}
  .communities-v279 .community-lock-v94,
  .communities-v279 .card-arrow-v94{
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
  }
  .communities-v279 .community-avatar-v94,
  .communities-v279 .community-avatar-mini-v94{
    border-radius:16px!important;
  }
}


/* =========================================================
   Mooky v281 — communities.php full rounded redesign
   ========================================================= */
.communities-head-v94{
  padding-top:12px!important;
  padding-bottom:12px!important;
}
.communities-head-v94 .mooky-back-btn,
.communities-head-v94 .head-icon,
.communities-head-v94 .head-create-community{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#151a26 0%,#10141d 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.20)!important;
}
.communities-head-v94 .mooky-back-btn i,
.communities-head-v94 .head-icon i,
.communities-head-v94 .head-create-community i{
  font-size:24px!important;
}
.communities-head-v94 .mooky-back-btn:hover,
.communities-head-v94 .head-create-community:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(137,97,255,.30)!important;
}

.communities-v279{
  --communities-main-radius:24px;
  --communities-card-radius:24px;
  --communities-btn-radius:20px;
  --communities-chip-radius:16px;
}

.communities-v279 .groups-hero-v94,
.communities-v279 .groups-search-v94,
.communities-v279 .community-card-v94,
.communities-v279 .invite-card-v94,
.communities-v279 .group-empty-v94,
.communities-v279 .community-create-entry-v113,
.communities-v279 .community-choice-v113,
.communities-v279 .community-info-v113,
.communities-v279 .community-final-summary-v113,
.communities-v279 .community-confirm-v113{
  border-radius:var(--communities-card-radius)!important;
}

.communities-v279 .groups-hero-v94{
  border-radius:26px!important;
  padding:26px!important;
}
.communities-v279 .groups-hero-icon{
  border-radius:22px!important;
}

.communities-v279 .groups-tabs-v94{
  gap:14px!important;
}
.communities-v279 .groups-tabs-v94 a{
  height:72px!important;
  border-radius:22px!important;
  padding:0 18px!important;
  background:linear-gradient(180deg,#151a25 0%,#10151e 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.14)!important;
}
.communities-v279 .groups-tabs-v94 a.active{
  background:linear-gradient(145deg,rgba(125,89,255,.30),rgba(125,89,255,.14))!important;
  box-shadow:0 16px 34px rgba(103,71,217,.18)!important;
}
.communities-v279 .groups-tabs-v94 a b{
  border-radius:999px!important;
}

.communities-v279 .groups-search-v94{
  border-radius:24px!important;
  min-height:64px!important;
  box-shadow:0 16px 32px rgba(0,0,0,.15)!important;
}
.communities-v279 .groups-search-v94 select{
  border-radius:16px!important;
}
.communities-v279 .groups-search-v94 > a{
  border-radius:14px!important;
}

.communities-v279 .mini-create-v94{
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(123,88,255,.18),rgba(123,88,255,.10))!important;
  border:1px solid rgba(133,98,255,.25)!important;
}

.communities-v279 .community-card-v94{
  border-radius:24px!important;
  box-shadow:0 20px 44px rgba(0,0,0,.18)!important;
}
.communities-v279 .community-cover-v94{
  border-radius:24px 24px 0 0!important;
}
.communities-v279 .community-cat-v94{
  border-radius:14px!important;
}
.communities-v279 .community-lock-v94,
.communities-v279 .card-arrow-v94{
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
}
.communities-v279 .community-avatar-v94,
.communities-v279 .community-avatar-mini-v94{
  border-radius:20px!important;
}
.communities-v279 .community-avatar-v94 img,
.communities-v279 .community-avatar-mini-v94 img{
  border-radius:16px!important;
}
.communities-v279 .community-card-title-v94 span{
  border-radius:999px!important;
}

.communities-v279 .invite-actions-v94 .btn,
.communities-v279 .community-create-footer-v113 .btn,
.communities-v279 .community-wizard-back-v113,
.communities-v279 .community-reset-rules-v113{
  border-radius:16px!important;
}

.communities-v279 .community-create-step-v113 .community-select-v113,
.communities-v279 .community-field-v113 input,
.communities-v279 .community-field-v113 textarea,
.communities-v279 .community-field-v113 select,
.communities-v279 .community-upload-v113{
  border-radius:18px!important;
}

@media(max-width:430px){
  .communities-head-v94 .mooky-back-btn,
  .communities-head-v94 .head-icon,
  .communities-head-v94 .head-create-community{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    border-radius:18px!important;
  }
  .communities-v279 .groups-hero-v94{
    border-radius:22px!important;
    padding:20px!important;
  }
  .communities-v279 .groups-tabs-v94 a{
    height:66px!important;
    border-radius:20px!important;
    padding:0 14px!important;
  }
  .communities-v279 .groups-search-v94{
    min-height:60px!important;
    border-radius:20px!important;
  }
  .communities-v279 .mini-create-v94{
    min-height:40px!important;
    border-radius:14px!important;
  }
  .communities-v279 .community-card-v94,
  .communities-v279 .invite-card-v94,
  .communities-v279 .group-empty-v94{
    border-radius:20px!important;
  }
  .communities-v279 .community-cover-v94{
    border-radius:20px 20px 0 0!important;
  }
  .communities-v279 .community-lock-v94,
  .communities-v279 .card-arrow-v94{
    width:38px!important;
    height:38px!important;
    border-radius:14px!important;
  }
  .communities-v279 .community-avatar-v94,
  .communities-v279 .community-avatar-mini-v94{
    border-radius:18px!important;
  }
  .communities-v279 .community-avatar-v94 img,
  .communities-v279 .community-avatar-mini-v94 img{
    border-radius:14px!important;
  }
}


/* =========================================================
   Mooky v282 — ALL page header buttons unified / rounded
   Reference: Home search + notification buttons
   ========================================================= */

:root{
  --mooky-header-btn-size:52px;
  --mooky-header-btn-radius:18px;
  --mooky-header-btn-bg:#111620;
  --mooky-header-btn-border:rgba(255,255,255,.09);
  --mooky-header-btn-shadow:0 12px 28px rgba(0,0,0,.18);
}

/* Generic page header buttons */
body :is(
  .simple-head,
  .app-page-head,
  .clean-head,
  .chat-head,
  .messages-pro-head,
  .communities-head-v94,
  .settings-head,
  .premium-style-v164-head,
  .connections-head,
  .notifications-head
) :is(
  .head-icon,
  .mooky-back-btn,
  .round-back,
  .round-settings,
  .new-chat-head,
  .head-create-community,
  .kyc-head-lock,
  .icon-btn
){
  width:var(--mooky-header-btn-size)!important;
  height:var(--mooky-header-btn-size)!important;
  min-width:var(--mooky-header-btn-size)!important;
  min-height:var(--mooky-header-btn-size)!important;
  max-width:var(--mooky-header-btn-size)!important;
  max-height:var(--mooky-header-btn-size)!important;
  padding:0!important;
  border-radius:var(--mooky-header-btn-radius)!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#151a25 0%,var(--mooky-header-btn-bg) 100%)!important;
  border:1px solid var(--mooky-header-btn-border)!important;
  color:#f6f7fb!important;
  box-shadow:var(--mooky-header-btn-shadow)!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  line-height:1!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}

body :is(
  .simple-head,
  .app-page-head,
  .clean-head,
  .chat-head,
  .messages-pro-head,
  .communities-head-v94,
  .settings-head,
  .premium-style-v164-head,
  .connections-head,
  .notifications-head
) :is(
  .head-icon,
  .mooky-back-btn,
  .round-back,
  .round-settings,
  .new-chat-head,
  .head-create-community,
  .kyc-head-lock,
  .icon-btn
):hover{
  transform:translateY(-1px)!important;
  border-color:rgba(139,103,255,.30)!important;
  box-shadow:0 15px 32px rgba(0,0,0,.22)!important;
}

body :is(
  .simple-head,
  .app-page-head,
  .clean-head,
  .chat-head,
  .messages-pro-head,
  .communities-head-v94,
  .settings-head,
  .premium-style-v164-head,
  .connections-head,
  .notifications-head
) :is(
  .head-icon,
  .mooky-back-btn,
  .round-back,
  .round-settings,
  .new-chat-head,
  .head-create-community,
  .kyc-head-lock,
  .icon-btn
) i{
  font-size:20px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

/* Remove old square layers */
body :is(
  .simple-head,
  .app-page-head,
  .clean-head,
  .chat-head,
  .messages-pro-head,
  .communities-head-v94,
  .settings-head,
  .premium-style-v164-head,
  .connections-head,
  .notifications-head
) :is(
  .head-icon,
  .mooky-back-btn,
  .round-back,
  .round-settings,
  .new-chat-head,
  .head-create-community,
  .kyc-head-lock,
  .icon-btn
)::before,
body :is(
  .simple-head,
  .app-page-head,
  .clean-head,
  .chat-head,
  .messages-pro-head,
  .communities-head-v94,
  .settings-head,
  .premium-style-v164-head,
  .connections-head,
  .notifications-head
) :is(
  .head-icon,
  .mooky-back-btn,
  .round-back,
  .round-settings,
  .new-chat-head,
  .head-create-community,
  .kyc-head-lock,
  .icon-btn
)::after{
  border-radius:inherit!important;
}

/* Home buttons use exactly the same visual language */
.social-topbar .top-actions > a.top-pill,
.social-topbar .top-actions > a.notification-pill{
  width:var(--mooky-header-btn-size)!important;
  height:var(--mooky-header-btn-size)!important;
  min-width:var(--mooky-header-btn-size)!important;
  min-height:var(--mooky-header-btn-size)!important;
  border-radius:var(--mooky-header-btn-radius)!important;
  background:linear-gradient(180deg,#151a25 0%,var(--mooky-header-btn-bg) 100%)!important;
  border:1px solid var(--mooky-header-btn-border)!important;
  box-shadow:var(--mooky-header-btn-shadow)!important;
  color:#f6f7fb!important;
  display:grid!important;
  place-items:center!important;
}
.social-topbar .top-actions > a.top-pill i,
.social-topbar .top-actions > a.notification-pill i{
  font-size:20px!important;
}

/* Profile header buttons too */
.profile-v5 .round-back,
.profile-v5 .round-settings{
  width:var(--mooky-header-btn-size)!important;
  height:var(--mooky-header-btn-size)!important;
  min-width:var(--mooky-header-btn-size)!important;
  min-height:var(--mooky-header-btn-size)!important;
  border-radius:var(--mooky-header-btn-radius)!important;
  background:linear-gradient(180deg,#151a25 0%,var(--mooky-header-btn-bg) 100%)!important;
  border:1px solid var(--mooky-header-btn-border)!important;
  box-shadow:var(--mooky-header-btn-shadow)!important;
}

/* Community hero header buttons */
.community-hero-v94 > .community-profile-control,
.community-hero-v94 .community-back-v94,
.community-hero-v94 .community-report-v98,
.community-hero-v94 .community-settings-v94{
  width:var(--mooky-header-btn-size)!important;
  height:var(--mooky-header-btn-size)!important;
  min-width:var(--mooky-header-btn-size)!important;
  min-height:var(--mooky-header-btn-size)!important;
  max-width:var(--mooky-header-btn-size)!important;
  max-height:var(--mooky-header-btn-size)!important;
  border-radius:var(--mooky-header-btn-radius)!important;
  background:linear-gradient(180deg,#151a25 0%,var(--mooky-header-btn-bg) 100%)!important;
  border:1px solid var(--mooky-header-btn-border)!important;
  box-shadow:var(--mooky-header-btn-shadow)!important;
}

/* Don't turn avatars into rounded-square header buttons */
.social-topbar .top-avatar-link,
.social-topbar .top-avatar-link img,
.premium-style-head-avatar,
.premium-style-head-avatar img{
  border-radius:50%!important;
}

/* Mobile compact size, same shape everywhere */
@media(max-width:430px){
  :root{
    --mooky-header-btn-size:48px;
    --mooky-header-btn-radius:16px;
  }

  body :is(
    .simple-head,
    .app-page-head,
    .clean-head,
    .chat-head,
    .messages-pro-head,
    .communities-head-v94,
    .settings-head,
    .premium-style-v164-head,
    .connections-head,
    .notifications-head
  ) :is(
    .head-icon,
    .mooky-back-btn,
    .round-back,
    .round-settings,
    .new-chat-head,
    .head-create-community,
    .kyc-head-lock,
    .icon-btn
  ) i,
  .social-topbar .top-actions > a.top-pill i,
  .social-topbar .top-actions > a.notification-pill i{
    font-size:19px!important;
  }
}


/* =========================================================
   Mooky v283 — settings.php rounded UI cleanup
   ========================================================= */
.settings-v30{
  --settings-radius-lg:22px;
  --settings-radius-md:18px;
  --settings-radius-sm:14px;
}

/* Header */
.settings-head .head-icon,
.settings-head .mooky-back-btn,
.settings-head .settings-logout{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  background:linear-gradient(180deg,#151a25,#10141e)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
.settings-head .settings-logout{
  color:#ff8196!important;
  background:linear-gradient(180deg,#1a151c,#131118)!important;
  border-color:rgba(255,112,136,.16)!important;
}
.settings-head .head-icon i,
.settings-head .mooky-back-btn i,
.settings-head .settings-logout i{
  font-size:20px!important;
  line-height:1!important;
}

/* Hero/profile card */
.settings-v30 .settings-hero{
  border-radius:22px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
.settings-v30 .settings-hero-cover{
  border-radius:22px 22px 0 0!important;
}
.settings-v30 .settings-profile-link{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.settings-v30 .settings-account-strip{
  border-radius:0 0 22px 22px!important;
  overflow:hidden!important;
}

/* Main 3 tabs — remove square look */
.settings-v30 .settings-jump{
  gap:12px!important;
}
.settings-v30 .settings-jump .settings-jump-btn{
  height:72px!important;
  padding:10px 8px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#151a25,#10141e)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.settings-v30 .settings-jump .settings-jump-btn:hover,
.settings-v30 .settings-jump .settings-jump-btn:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(139,103,255,.30)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.17)!important;
}
.settings-v30 .settings-jump .settings-jump-btn.is-active{
  border-color:rgba(139,92,246,.50)!important;
  background:linear-gradient(145deg,rgba(124,92,246,.20),#11151e 72%)!important;
  box-shadow:0 14px 32px rgba(91,65,195,.14)!important;
}
.settings-v30 .settings-jump .settings-jump-btn .settings-jump-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:12px!important;
  background:rgba(124,92,255,.11)!important;
}
.settings-v30 .settings-jump .settings-jump-btn.is-active .settings-jump-icon{
  background:rgba(124,92,255,.20)!important;
}

/* Settings content panels */
.settings-v30 .settings-panel,
.settings-v30 .settings-list-card,
.settings-v30 .settings-signout-card,
.settings-v30 .security-state,
.settings-v30 .settings-info-card{
  border-radius:var(--settings-radius-lg)!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
.settings-v30 .settings-panel{
  padding:18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.14)!important;
}
.settings-v30 .settings-panel-icon,
.settings-v30 .settings-list-icon{
  border-radius:14px!important;
}

/* Media pickers */
.settings-v30 .media-picker{
  height:70px!important;
  border-radius:18px!important;
  padding:10px 12px!important;
  background:#0c0f16!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.settings-v30 .media-picker-preview:not(.avatar){
  border-radius:14px!important;
}
.settings-v30 .media-picker-action{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
}

/* Inputs/selects/textareas on Settings */
.settings-v30 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
.settings-v30 textarea,
.settings-v30 select,
.settings-v30 .field-with-icon,
.settings-v30 .password-field,
.settings-v30 .settings-form-v30 button,
.settings-v30 .btn{
  border-radius:16px!important;
  background-clip:padding-box!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
}
.settings-v30 textarea{
  border-radius:18px!important;
}

/* List rows: outer card rounded + softer row interactions */
.settings-v30 .settings-list-card>a{
  border-radius:0!important;
}
.settings-v30 .settings-list-card>a:first-child{
  border-radius:21px 21px 0 0!important;
}
.settings-v30 .settings-list-card>a:last-child{
  border-radius:0 0 21px 21px!important;
}
.settings-v30 .settings-list-card>a:only-child{
  border-radius:21px!important;
}
.settings-v30 .settings-signout-card>span{
  border-radius:14px!important;
}

@media(max-width:430px){
  .settings-head .head-icon,
  .settings-head .mooky-back-btn,
  .settings-head .settings-logout{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    border-radius:16px!important;
  }
  .settings-v30 .settings-jump{
    gap:8px!important;
  }
  .settings-v30 .settings-jump .settings-jump-btn{
    height:66px!important;
    border-radius:18px!important;
    font-size:10px!important;
  }
  .settings-v30 .settings-jump .settings-jump-btn .settings-jump-icon{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
    border-radius:11px!important;
  }
  .settings-v30 .settings-panel,
  .settings-v30 .settings-list-card,
  .settings-v30 .settings-signout-card{
    border-radius:18px!important;
  }
  .settings-v30 .media-picker{
    border-radius:16px!important;
  }
}


/* =========================================================
   Mooky v284 — simple-head / app-page-head / messages-pro-head
   exact same rounded icon buttons everywhere
   ========================================================= */

/* Base visual shared by all header icon buttons */
body .simple-head.app-page-head .head-icon,
body .simple-head.app-page-head .mooky-back-btn,
body .messages-pro-head .head-icon,
body .messages-pro-head .mooky-back-btn,
body .messages-pro-head .new-chat-head,
body .app-page-head .head-icon,
body .app-page-head .mooky-back-btn,
body .app-page-head .icon-btn,
body .app-page-head .head-create-community{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  padding:0!important;
  margin:0!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#151a25 0%,#10141d 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#f5f7fb!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  line-height:1!important;
}

/* Same icon size/centering */
body .simple-head.app-page-head .head-icon i,
body .simple-head.app-page-head .mooky-back-btn i,
body .messages-pro-head .head-icon i,
body .messages-pro-head .mooky-back-btn i,
body .messages-pro-head .new-chat-head i,
body .app-page-head .head-icon i,
body .app-page-head .mooky-back-btn i,
body .app-page-head .icon-btn i,
body .app-page-head .head-create-community i{
  font-size:20px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

/* Remove old square/pseudo backgrounds that can sit on top */
body .simple-head.app-page-head .head-icon::before,
body .simple-head.app-page-head .head-icon::after,
body .simple-head.app-page-head .mooky-back-btn::before,
body .simple-head.app-page-head .mooky-back-btn::after,
body .messages-pro-head .head-icon::before,
body .messages-pro-head .head-icon::after,
body .messages-pro-head .mooky-back-btn::before,
body .messages-pro-head .mooky-back-btn::after,
body .messages-pro-head .new-chat-head::before,
body .messages-pro-head .new-chat-head::after,
body .app-page-head .head-icon::before,
body .app-page-head .head-icon::after,
body .app-page-head .mooky-back-btn::before,
body .app-page-head .mooky-back-btn::after,
body .app-page-head .icon-btn::before,
body .app-page-head .icon-btn::after,
body .app-page-head .head-create-community::before,
body .app-page-head .head-create-community::after{
  border-radius:16px!important;
}

/* Hover/focus same everywhere */
body .simple-head.app-page-head .head-icon:hover,
body .simple-head.app-page-head .mooky-back-btn:hover,
body .messages-pro-head .head-icon:hover,
body .messages-pro-head .mooky-back-btn:hover,
body .messages-pro-head .new-chat-head:hover,
body .app-page-head .head-icon:hover,
body .app-page-head .mooky-back-btn:hover,
body .app-page-head .icon-btn:hover,
body .app-page-head .head-create-community:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(137,99,255,.30)!important;
  box-shadow:0 15px 32px rgba(0,0,0,.22)!important;
}

/* Notifications/settings/messages special headers */
body header.simple-head.app-page-head.clean-head > a.head-icon.mooky-back-btn,
body header.simple-head.app-page-head > a.head-icon.mooky-back-btn,
body header.messages-pro-head > a.head-icon.mooky-back-btn,
body header.messages-pro-head > button.new-chat-head{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#151a25 0%,#10141d 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}

/* Mobile */
@media(max-width:430px){
  body .simple-head.app-page-head .head-icon,
  body .simple-head.app-page-head .mooky-back-btn,
  body .messages-pro-head .head-icon,
  body .messages-pro-head .mooky-back-btn,
  body .messages-pro-head .new-chat-head,
  body .app-page-head .head-icon,
  body .app-page-head .mooky-back-btn,
  body .app-page-head .icon-btn,
  body .app-page-head .head-create-community{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    border-radius:15px!important;
  }

  body .simple-head.app-page-head .head-icon i,
  body .simple-head.app-page-head .mooky-back-btn i,
  body .messages-pro-head .head-icon i,
  body .messages-pro-head .mooky-back-btn i,
  body .messages-pro-head .new-chat-head i,
  body .app-page-head .head-icon i,
  body .app-page-head .mooky-back-btn i,
  body .app-page-head .icon-btn i,
  body .app-page-head .head-create-community i{
    font-size:19px!important;
  }
}


/* =========================================================
   Mooky v285 — headers match Messages header everywhere
   ========================================================= */
body .simple-head.app-page-head,
body .simple-head.app-page-head.clean-head,
body .simple-head.app-page-head.settings-head,
body .messages-pro-head{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) 56px!important;
  align-items:center!important;
  gap:18px!important;
  min-height:96px!important;
  padding:16px 22px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:rgba(8,10,16,.92)!important;
  backdrop-filter:blur(18px)!important;
}
body .simple-head.app-page-head > .messages-head-title,
body .simple-head.app-page-head > .app-head-copy,
body .simple-head.app-page-head > div:not(.head-icon):not(.kyc-head-lock):not(.premium-head-avatar),
body .messages-pro-head > .messages-head-title{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:4px!important;
  text-align:left!important;
}
body .simple-head.app-page-head > strong{
  min-width:0!important;
  display:block!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#f5f7fb!important;
  margin:0!important;
  text-align:left!important;
}
body .simple-head.app-page-head > .messages-head-title strong,
body .simple-head.app-page-head > .app-head-copy strong,
body .simple-head.app-page-head > div:not(.head-icon):not(.kyc-head-lock):not(.premium-head-avatar) strong,
body .messages-pro-head > .messages-head-title strong{
  display:block!important;
  font-size:18px!important;
  line-height:1.18!important;
  font-weight:800!important;
  color:#f5f7fb!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
body .simple-head.app-page-head > .messages-head-title small,
body .simple-head.app-page-head > .app-head-copy small,
body .simple-head.app-page-head > div:not(.head-icon):not(.kyc-head-lock):not(.premium-head-avatar) small,
body .messages-pro-head > .messages-head-title small{
  display:block!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:600!important;
  color:#7b8498!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
/* Make unclassed right buttons/links match the main rounded header buttons */
body .simple-head.app-page-head > a:last-child:not(.premium-head-avatar):not(.head-icon):not(.mooky-back-btn),
body .simple-head.app-page-head > button:last-child:not(.premium-head-avatar):not(.head-icon):not(.mooky-back-btn){
  width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;
  padding:0!important;margin:0!important;display:grid!important;place-items:center!important;
  border-radius:16px!important;background:linear-gradient(180deg,#151a25 0%,#10141d 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;color:#f5f7fb!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;text-decoration:none!important;
}
body .simple-head.app-page-head > a:last-child:not(.premium-head-avatar):not(.head-icon):not(.mooky-back-btn) i,
body .simple-head.app-page-head > button:last-child:not(.premium-head-avatar):not(.head-icon):not(.mooky-back-btn) i{font-size:20px!important;line-height:1!important}
/* Placeholder right slot keeps perfect alignment */
body .simple-head.app-page-head > .head-icon.ghost,
body .simple-head.app-page-head > span:empty{
  width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;display:grid!important;place-items:center!important;
}
body .simple-head.app-page-head > span:empty{visibility:hidden!important}
body .simple-head.app-page-head > .head-icon.ghost{opacity:.95!important}
/* Settings logout uses same rounded header button but keeps its accent */
body .settings-head .settings-logout{
  width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;display:grid!important;place-items:center!important;
  border-radius:16px!important;padding:0!important;margin:0!important;text-decoration:none!important;
  background:linear-gradient(180deg,rgba(255,108,145,.10) 0%,rgba(23,20,29,.92) 100%)!important;
  border:1px solid rgba(255,129,164,.20)!important;color:#ff87aa!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
body .settings-head .settings-logout i{font-size:20px!important;line-height:1!important}
/* Saved / notifications / app pages title blocks look identical to Messages */
body .app-head-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
body .app-head-copy strong{font-size:18px!important;font-weight:800!important;line-height:1.18!important;color:#f5f7fb!important}
body .app-head-copy small{font-size:10px!important;font-weight:600!important;line-height:1.2!important;color:#7b8498!important}
@media (max-width:430px){
  body .simple-head.app-page-head,
  body .simple-head.app-page-head.clean-head,
  body .simple-head.app-page-head.settings-head,
  body .messages-pro-head{
    grid-template-columns:48px minmax(0,1fr) 48px!important;
    gap:14px!important;
    min-height:86px!important;
    padding:12px 16px!important;
  }
  body .simple-head.app-page-head > strong,
  body .simple-head.app-page-head > .messages-head-title strong,
  body .simple-head.app-page-head > .app-head-copy strong,
  body .simple-head.app-page-head > div:not(.head-icon):not(.kyc-head-lock):not(.premium-head-avatar) strong,
  body .messages-pro-head > .messages-head-title strong{font-size:17px!important}
  body .simple-head.app-page-head > .messages-head-title small,
  body .simple-head.app-page-head > .app-head-copy small,
  body .simple-head.app-page-head > div:not(.head-icon):not(.kyc-head-lock):not(.premium-head-avatar) small,
  body .messages-pro-head > .messages-head-title small{font-size:9px!important}
}


/* =========================================================
   Mooky v286 — compact centered headers (mobile + desktop)
   Fix: headers too tall / titles too large after v285
   ========================================================= */

/* Base compact header */
body .simple-head.app-page-head,
body .simple-head.app-page-head.clean-head,
body .simple-head.app-page-head.settings-head,
body .messages-pro-head{
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  gap:12px!important;
  min-height:78px!important;
  height:auto!important;
  padding:10px 16px!important;
  align-items:center!important;
}

/* Center ALL middle header titles */
body .simple-head.app-page-head > .messages-head-title,
body .simple-head.app-page-head > .app-head-copy,
body .simple-head.app-page-head > div:not(.head-icon):not(.kyc-head-lock):not(.premium-head-avatar),
body .messages-pro-head > .messages-head-title{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:3px!important;
  width:100%!important;
}

/* Single-title pages centered too */
body .simple-head.app-page-head > strong{
  width:100%!important;
  text-align:center!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:800!important;
}

/* Title/subtitle back to compact size */
body .simple-head.app-page-head > .messages-head-title strong,
body .simple-head.app-page-head > .app-head-copy strong,
body .simple-head.app-page-head > div:not(.head-icon):not(.kyc-head-lock):not(.premium-head-avatar) strong,
body .messages-pro-head > .messages-head-title strong{
  font-size:16px!important;
  line-height:1.15!important;
  text-align:center!important;
}

body .simple-head.app-page-head > .messages-head-title small,
body .simple-head.app-page-head > .app-head-copy small,
body .simple-head.app-page-head > div:not(.head-icon):not(.kyc-head-lock):not(.premium-head-avatar) small,
body .messages-pro-head > .messages-head-title small{
  font-size:8.5px!important;
  line-height:1.15!important;
  text-align:center!important;
  color:#7f8798!important;
}

/* Header buttons smaller again like before */
body .simple-head.app-page-head .head-icon,
body .simple-head.app-page-head .mooky-back-btn,
body .messages-pro-head .head-icon,
body .messages-pro-head .mooky-back-btn,
body .messages-pro-head .new-chat-head,
body .app-page-head .head-icon,
body .app-page-head .mooky-back-btn,
body .app-page-head .icon-btn,
body .app-page-head .head-create-community,
body .settings-head .settings-logout{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  border-radius:15px!important;
}

/* Keep icons proportional */
body .simple-head.app-page-head .head-icon i,
body .simple-head.app-page-head .mooky-back-btn i,
body .messages-pro-head .head-icon i,
body .messages-pro-head .mooky-back-btn i,
body .messages-pro-head .new-chat-head i,
body .app-page-head .head-icon i,
body .app-page-head .mooky-back-btn i,
body .app-page-head .icon-btn i,
body .app-page-head .head-create-community i,
body .settings-head .settings-logout i{
  font-size:18px!important;
}

/* Messages specifically: exact centered title */
body .messages-pro-head .messages-head-title{
  align-items:center!important;
  text-align:center!important;
}
body .messages-pro-head .messages-head-title strong,
body .messages-pro-head .messages-head-title small{
  width:100%!important;
  text-align:center!important;
}

/* Mobile: noticeably more compact */
@media(max-width:430px){
  body .simple-head.app-page-head,
  body .simple-head.app-page-head.clean-head,
  body .simple-head.app-page-head.settings-head,
  body .messages-pro-head{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    gap:10px!important;
    min-height:70px!important;
    padding:8px 12px!important;
  }

  body .simple-head.app-page-head .head-icon,
  body .simple-head.app-page-head .mooky-back-btn,
  body .messages-pro-head .head-icon,
  body .messages-pro-head .mooky-back-btn,
  body .messages-pro-head .new-chat-head,
  body .app-page-head .head-icon,
  body .app-page-head .mooky-back-btn,
  body .app-page-head .icon-btn,
  body .app-page-head .head-create-community,
  body .settings-head .settings-logout{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    border-radius:14px!important;
  }

  body .simple-head.app-page-head > strong,
  body .simple-head.app-page-head > .messages-head-title strong,
  body .simple-head.app-page-head > .app-head-copy strong,
  body .simple-head.app-page-head > div:not(.head-icon):not(.kyc-head-lock):not(.premium-head-avatar) strong,
  body .messages-pro-head > .messages-head-title strong{
    font-size:15px!important;
  }

  body .simple-head.app-page-head > .messages-head-title small,
  body .simple-head.app-page-head > .app-head-copy small,
  body .simple-head.app-page-head > div:not(.head-icon):not(.kyc-head-lock):not(.premium-head-avatar) small,
  body .messages-pro-head > .messages-head-title small{
    font-size:8px!important;
  }

  body .simple-head.app-page-head .head-icon i,
  body .simple-head.app-page-head .mooky-back-btn i,
  body .messages-pro-head .head-icon i,
  body .messages-pro-head .mooky-back-btn i,
  body .messages-pro-head .new-chat-head i,
  body .app-page-head .head-icon i,
  body .app-page-head .mooky-back-btn i,
  body .app-page-head .icon-btn i,
  body .app-page-head .head-create-community i,
  body .settings-head .settings-logout i{
    font-size:17px!important;
  }
}


/* =========================================================
   Mooky v287 — conversation options menu redesign
   ========================================================= */
.bottom-sheet.chat-profile-menu-sheet{
  width:min(calc(100vw - 24px),430px)!important;
  max-width:430px!important;
  max-height:none!important;
  min-height:0!important;
  height:auto!important;
  padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  background:linear-gradient(180deg,#171b27 0%,#121620 100%)!important;
  box-shadow:0 -24px 70px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
}

.bottom-sheet.chat-profile-menu-sheet .sheet-handle{
  width:48px!important;
  height:5px!important;
  margin:0 auto 12px!important;
  border-radius:999px!important;
  background:#646d82!important;
}

.bottom-sheet.chat-profile-menu-sheet #sheetContent{
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
}

.bottom-sheet.chat-profile-menu-sheet #sheetContent>.chat-profile-menu-title{
  position:static!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:6px 4px 14px!important;
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  gap:12px!important;
  align-items:center!important;
}

.chat-profile-menu-title>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.chat-profile-menu-title small{
  color:#8d72ff!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:1.4px!important;
}
.chat-profile-menu-title b{
  color:#f6f7fb!important;
  font-size:17px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-title>button{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:#202533!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#f7f8fb!important;
}

.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions{
  display:grid!important;
  gap:8px!important;
  padding:0!important;
}

.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions>a,
.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions>button{
  min-height:68px!important;
  width:100%!important;
  margin:0!important;
  padding:11px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 20px!important;
  gap:12px!important;
  align-items:center!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:#11151f!important;
  color:#eef0f7!important;
  text-align:left!important;
  box-shadow:none!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}
.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions>a:hover,
.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions>button:hover{
  background:#171c29!important;
  border-color:rgba(139,103,255,.24)!important;
  transform:translateY(-1px)!important;
}

.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions>a>i:first-child,
.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions>button>i:first-child{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:rgba(124,92,255,.10)!important;
  color:#a98fff!important;
  font-size:17px!important;
}

.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions span{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions b{
  font-size:12px!important;
  line-height:1.15!important;
  color:#f4f5f9!important;
}
.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions small{
  font-size:9px!important;
  line-height:1.3!important;
  color:#798195!important;
}
.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions .action-chevron{
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  color:#626c82!important;
  font-size:11px!important;
}

.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions .chat-report-action{
  color:#f4f5f9!important;
}
.bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions .chat-report-action>i:first-child{
  background:rgba(255,91,118,.09)!important;
  color:#ff778e!important;
}

@media(max-width:430px){
  .bottom-sheet.chat-profile-menu-sheet{
    width:100vw!important;
    max-width:100vw!important;
    padding:12px 12px calc(15px + env(safe-area-inset-bottom))!important;
    border-radius:20px 20px 0 0!important;
  }
  .bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions>a,
  .bottom-sheet.chat-profile-menu-sheet .chat-profile-menu-actions>button{
    min-height:64px!important;
    border-radius:15px!important;
  }
}


/* =========================================================
   Mooky v288 — message actions sheet redesign
   ========================================================= */
.bottom-sheet.message-action-sheet{
  width:min(calc(100vw - 24px),430px)!important;
  max-width:430px!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(82dvh,650px)!important;
  padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  background:linear-gradient(180deg,#171b27 0%,#121620 100%)!important;
  box-shadow:0 -24px 70px rgba(0,0,0,.48)!important;
  overflow:auto!important;
  scrollbar-width:none!important;
}
.bottom-sheet.message-action-sheet::-webkit-scrollbar{display:none!important}
.bottom-sheet.message-action-sheet .sheet-handle{
  width:48px!important;
  height:5px!important;
  margin:0 auto 12px!important;
  border-radius:999px!important;
  background:#667086!important;
}
.bottom-sheet.message-action-sheet #sheetContent{
  padding:0!important;
  overflow:visible!important;
  max-height:none!important;
}
.bottom-sheet.message-action-sheet .message-action-title{
  position:static!important;
  margin:0 0 10px!important;
  padding:6px 4px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  gap:12px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:transparent!important;
}
.bottom-sheet.message-action-sheet .message-action-title>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.bottom-sheet.message-action-sheet .message-action-title small{
  color:#8e74ff!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:1.4px!important;
  line-height:1!important;
}
.bottom-sheet.message-action-sheet .message-action-title b{
  font-size:17px!important;
  line-height:1.15!important;
  color:#f6f7fb!important;
}
.bottom-sheet.message-action-sheet .message-action-title>button{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:#202533!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#fff!important;
}
.bottom-sheet.message-action-sheet .message-action-datetime{
  min-height:62px!important;
  margin:0 0 10px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(124,92,255,.10),rgba(124,92,255,.04))!important;
  border:1px solid rgba(139,104,255,.22)!important;
  box-shadow:none!important;
}
.bottom-sheet.message-action-sheet .message-action-datetime>i{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:rgba(124,92,255,.12)!important;
  color:#a891ff!important;
  font-size:16px!important;
}
.bottom-sheet.message-action-sheet .message-action-datetime span{
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:1.1px!important;
  color:#777f93!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
.bottom-sheet.message-action-sheet .message-action-datetime b{
  margin-top:4px!important;
  font-size:11px!important;
  line-height:1.3!important;
  color:#f0f2f8!important;
}
.bottom-sheet.message-action-sheet .message-action-list{
  display:grid!important;
  gap:8px!important;
  padding:0!important;
}
.bottom-sheet.message-action-sheet .message-action-list>button,
.bottom-sheet.message-action-sheet .message-action-list>a{
  width:100%!important;
  min-height:66px!important;
  margin:0!important;
  padding:11px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 20px!important;
  gap:12px!important;
  align-items:center!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:#11151f!important;
  color:#eef0f7!important;
  text-align:left!important;
  box-shadow:none!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}
.bottom-sheet.message-action-sheet .message-action-list>button:hover,
.bottom-sheet.message-action-sheet .message-action-list>a:hover{
  background:#171c29!important;
  border-color:rgba(139,103,255,.24)!important;
  transform:translateY(-1px)!important;
}
.bottom-sheet.message-action-sheet .message-action-list>button>i:first-child,
.bottom-sheet.message-action-sheet .message-action-list>a>i:first-child{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:rgba(124,92,255,.10)!important;
  color:#a98fff!important;
  font-size:16px!important;
}
.bottom-sheet.message-action-sheet .message-action-list span{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.bottom-sheet.message-action-sheet .message-action-list b{
  font-size:12px!important;
  line-height:1.15!important;
  color:#f4f5f9!important;
}
.bottom-sheet.message-action-sheet .message-action-list small{
  font-size:9px!important;
  line-height:1.3!important;
  color:#798195!important;
}
.bottom-sheet.message-action-sheet .message-action-list .action-chevron{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  background:transparent!important;
  color:#626c82!important;
  font-size:11px!important;
}
.bottom-sheet.message-action-sheet .message-action-list>button.danger{
  border-color:rgba(255,91,118,.12)!important;
}
.bottom-sheet.message-action-sheet .message-action-list>button.danger>i:first-child,
.bottom-sheet.message-action-sheet .message-action-list .message-report-action>i:first-child{
  background:rgba(255,91,118,.09)!important;
  color:#ff778e!important;
}
.bottom-sheet.message-action-sheet .message-action-list>button.danger b,
.bottom-sheet.message-action-sheet .message-action-list .message-report-action b{
  color:#ff7d94!important;
}
.bottom-sheet.message-action-sheet .message-action-hint{
  margin:10px 2px 0!important;
  padding:0!important;
  font-size:8px!important;
  line-height:1.35!important;
  text-align:center!important;
  color:#697286!important;
}
.bottom-sheet.message-action-sheet .message-action-hint i{
  margin-right:4px!important;
  color:#8d78ef!important;
}
@media(max-width:430px){
  .bottom-sheet.message-action-sheet{
    width:100vw!important;
    max-width:100vw!important;
    padding:12px 12px calc(15px + env(safe-area-inset-bottom))!important;
    border-radius:20px 20px 0 0!important;
  }
  .bottom-sheet.message-action-sheet .message-action-list>button,
  .bottom-sheet.message-action-sheet .message-action-list>a{
    min-height:62px!important;
    border-radius:15px!important;
  }
  .bottom-sheet.message-action-sheet .message-action-datetime{border-radius:15px!important}
}


/* =========================================================
   Mooky v289 — message actions hard fix
   ========================================================= */

/* Sheet cleaner and more compact */
.bottom-sheet.message-action-sheet{
  width:min(calc(100vw - 28px),420px)!important;
  max-width:420px!important;
  padding:12px 12px calc(16px + env(safe-area-inset-bottom))!important;
  border-radius:22px 22px 0 0!important;
  overflow:hidden!important;
}

.bottom-sheet.message-action-sheet #sheetContent{
  overflow:visible!important;
}

/* Header */
.bottom-sheet.message-action-sheet .message-action-title{
  margin:0 0 10px!important;
  padding:6px 4px 13px!important;
  border-radius:0!important;
}
.bottom-sheet.message-action-sheet .message-action-title b{
  font-size:16px!important;
}
.bottom-sheet.message-action-sheet .message-action-title>button{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border-radius:13px!important;
  overflow:hidden!important;
}

/* Date card — compact and properly aligned */
.bottom-sheet.message-action-sheet .message-action-datetime{
  min-height:58px!important;
  margin:0 0 12px!important;
  padding:9px 11px!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  border-radius:17px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 17px)!important;
  -webkit-clip-path:inset(0 round 17px)!important;
  background:linear-gradient(145deg,rgba(124,92,255,.12),rgba(124,92,255,.045))!important;
  border:1px solid rgba(139,104,255,.25)!important;
}
.bottom-sheet.message-action-sheet .message-action-datetime>i{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}
.bottom-sheet.message-action-sheet .message-action-datetime span{
  font-size:7.5px!important;
}
.bottom-sheet.message-action-sheet .message-action-datetime b{
  display:block!important;
  margin-top:4px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  white-space:normal!important;
}

/* Actions — true rounded cards, no square inherited layout */
.bottom-sheet.message-action-sheet .message-action-list{
  display:grid!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
}

.bottom-sheet.message-action-sheet .message-action-list>button,
.bottom-sheet.message-action-sheet .message-action-list>a{
  width:100%!important;
  min-height:64px!important;
  margin:0!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 18px!important;
  gap:11px!important;
  align-items:center!important;

  border-radius:17px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 17px)!important;
  -webkit-clip-path:inset(0 round 17px)!important;

  background:linear-gradient(180deg,#151a25 0%,#11151f 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#eef0f7!important;
  box-shadow:0 7px 18px rgba(0,0,0,.10)!important;
  text-align:left!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.bottom-sheet.message-action-sheet .message-action-list>button::before,
.bottom-sheet.message-action-sheet .message-action-list>button::after,
.bottom-sheet.message-action-sheet .message-action-list>a::before,
.bottom-sheet.message-action-sheet .message-action-list>a::after{
  border-radius:17px!important;
}

.bottom-sheet.message-action-sheet .message-action-list>button:hover,
.bottom-sheet.message-action-sheet .message-action-list>a:hover{
  background:linear-gradient(180deg,#191f2d 0%,#141a25 100%)!important;
  border-color:rgba(139,103,255,.25)!important;
  transform:none!important;
}

.bottom-sheet.message-action-sheet .message-action-list>button>i:first-child,
.bottom-sheet.message-action-sheet .message-action-list>a>i:first-child{
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:rgba(124,92,255,.11)!important;
}

.bottom-sheet.message-action-sheet .message-action-list span{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
.bottom-sheet.message-action-sheet .message-action-list b{
  font-size:11.5px!important;
  line-height:1.15!important;
}
.bottom-sheet.message-action-sheet .message-action-list small{
  font-size:8.5px!important;
  line-height:1.25!important;
}

/* Delete action */
.bottom-sheet.message-action-sheet .message-action-list>button.danger{
  border-color:rgba(255,91,118,.16)!important;
  background:linear-gradient(180deg,rgba(39,20,28,.94),rgba(23,17,23,.98))!important;
}
.bottom-sheet.message-action-sheet .message-action-list>button.danger>i:first-child{
  background:rgba(255,91,118,.11)!important;
  color:#ff778e!important;
}
.bottom-sheet.message-action-sheet .message-action-list>button.danger b{
  color:#ff8298!important;
}

/* Footer hint */
.bottom-sheet.message-action-sheet .message-action-hint{
  margin:11px 0 0!important;
  font-size:7.5px!important;
  color:#697286!important;
}

/* Mobile */
@media(max-width:430px){
  .bottom-sheet.message-action-sheet{
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    padding:11px 10px calc(14px + env(safe-area-inset-bottom))!important;
    border-radius:20px 20px 0 0!important;
  }

  .bottom-sheet.message-action-sheet .message-action-title b{
    font-size:15px!important;
  }

  .bottom-sheet.message-action-sheet .message-action-list>button,
  .bottom-sheet.message-action-sheet .message-action-list>a{
    min-height:60px!important;
    border-radius:16px!important;
    clip-path:inset(0 round 16px)!important;
    -webkit-clip-path:inset(0 round 16px)!important;
  }

  .bottom-sheet.message-action-sheet .message-action-datetime{
    border-radius:16px!important;
    clip-path:inset(0 round 16px)!important;
    -webkit-clip-path:inset(0 round 16px)!important;
  }
}


/* =========================================================
   Mooky v290 — message actions match discussion menu
   ========================================================= */
.bottom-sheet.message-action-sheet{
  width:min(calc(100vw - 24px),430px)!important;
  max-width:430px!important;
  max-height:none!important;
  min-height:0!important;
  height:auto!important;
  padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  background:linear-gradient(180deg,#171b27 0%,#121620 100%)!important;
  box-shadow:0 -24px 70px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
}
.bottom-sheet.message-action-sheet .sheet-handle{
  width:48px!important;height:5px!important;margin:0 auto 12px!important;border-radius:999px!important;background:#646d82!important;
}
.bottom-sheet.message-action-sheet #sheetContent{
  max-height:none!important;overflow:visible!important;padding:0!important;
}
.bottom-sheet.message-action-sheet #sheetContent>.message-action-title{
  position:static!important;min-height:0!important;margin:0 0 12px!important;padding:6px 4px 14px!important;background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;gap:12px!important;align-items:center!important;
}
.bottom-sheet.message-action-sheet .message-action-title>div{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
.bottom-sheet.message-action-sheet .message-action-title small{color:#8d72ff!important;font-size:8px!important;line-height:1!important;font-weight:900!important;letter-spacing:1.4px!important;margin:0!important}
.bottom-sheet.message-action-sheet .message-action-title b{color:#f6f7fb!important;font-size:17px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bottom-sheet.message-action-sheet .message-action-title>button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#202533!important;border:1px solid rgba(255,255,255,.07)!important;color:#f7f8fb!important}

.bottom-sheet.message-action-sheet .message-action-meta{
  display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;margin:0 0 10px!important;padding:0 4px!important;color:#dfe4ef!important;
}
.bottom-sheet.message-action-sheet .message-action-meta>i{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:rgba(124,92,255,.10)!important;color:#a98fff!important;font-size:15px!important;flex:0 0 34px!important;
}
.bottom-sheet.message-action-sheet .message-action-meta>span{
  font-size:11px!important;line-height:1.25!important;font-weight:700!important;color:#eef1f8!important;text-transform:none!important;letter-spacing:0!important;
}

.bottom-sheet.message-action-sheet .message-action-list{display:grid!important;gap:8px!important;padding:0!important;margin:0!important}
.bottom-sheet.message-action-sheet .message-action-list>a,
.bottom-sheet.message-action-sheet .message-action-list>button{
  min-height:68px!important;width:100%!important;margin:0!important;padding:11px 12px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 20px!important;gap:12px!important;align-items:center!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.06)!important;background:#11151f!important;color:#eef0f7!important;text-align:left!important;box-shadow:none!important;transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}
.bottom-sheet.message-action-sheet .message-action-list>a:hover,
.bottom-sheet.message-action-sheet .message-action-list>button:hover{background:#171c29!important;border-color:rgba(139,103,255,.24)!important;transform:translateY(-1px)!important}
.bottom-sheet.message-action-sheet .message-action-list>a>i:first-child,
.bottom-sheet.message-action-sheet .message-action-list>button>i:first-child{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:rgba(124,92,255,.10)!important;color:#a98fff!important;font-size:17px!important}
.bottom-sheet.message-action-sheet .message-action-list span{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
.bottom-sheet.message-action-sheet .message-action-list b{font-size:12px!important;line-height:1.15!important;color:#f4f5f9!important}
.bottom-sheet.message-action-sheet .message-action-list small{font-size:9px!important;line-height:1.3!important;color:#798195!important}
.bottom-sheet.message-action-sheet .message-action-list .action-chevron{width:auto!important;height:auto!important;background:transparent!important;color:#626c82!important;font-size:11px!important}
.bottom-sheet.message-action-sheet .message-action-list>button.danger{border-color:rgba(255,91,118,.14)!important;background:#15131b!important;color:#f4f5f9!important}
.bottom-sheet.message-action-sheet .message-action-list>button.danger>i:first-child{background:rgba(255,91,118,.09)!important;color:#ff778e!important}
.bottom-sheet.message-action-sheet .message-action-list>button.danger b{color:#ff8298!important}
.bottom-sheet.message-action-sheet .message-action-hint{margin:11px 0 0!important;font-size:8px!important;line-height:1.45!important;text-align:center!important;color:#6f778b!important}
.bottom-sheet.message-action-sheet .message-action-hint i{margin-right:4px!important;color:#8d78ef!important}
/* kill old oversized purple datetime card */
.bottom-sheet.message-action-sheet .message-action-datetime{display:none!important}

@media(max-width:430px){
  .bottom-sheet.message-action-sheet{width:100vw!important;max-width:100vw!important;padding:12px 12px calc(15px + env(safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important}
  .bottom-sheet.message-action-sheet #sheetContent>.message-action-title{margin-bottom:10px!important;padding:5px 4px 13px!important}
  .bottom-sheet.message-action-sheet .message-action-title b{font-size:16px!important}
  .bottom-sheet.message-action-sheet .message-action-list>a,
  .bottom-sheet.message-action-sheet .message-action-list>button{min-height:66px!important}
}


/* =========================================================
   Mooky v291 — emoji picker rounded fix + more emojis
   ========================================================= */
.emoji-picker{
  position:fixed!important;
  z-index:80!important;
  left:50%!important;
  bottom:calc(82px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(430px,calc(100vw - 18px))!important;
  max-width:430px!important;
  height:min(470px,60dvh)!important;
  max-height:min(470px,60dvh)!important;
  display:flex!important;
  flex-direction:column!important;
  background:linear-gradient(180deg,#131826 0%,#0f1420 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:24px!important;
  box-shadow:0 26px 70px rgba(0,0,0,.55)!important;
  overflow:hidden!important;
  backdrop-filter:blur(8px)!important;
}
.emoji-picker[hidden]{display:none!important}
.emoji-picker-head{
  min-height:72px!important;
  padding:14px 16px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  background:rgba(255,255,255,.015)!important;
}
.emoji-picker-head strong{
  font-size:18px!important;
  line-height:1.1!important;
  color:#f6f7fb!important;
  font-weight:800!important;
}
.emoji-picker-head button{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:#1c2230!important;
  color:#f4f6fb!important;
  display:grid!important;
  place-items:center!important;
  font-size:27px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.emoji-cats{
  display:flex!important;
  gap:10px!important;
  overflow-x:auto!important;
  padding:12px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  scrollbar-width:none!important;
  background:rgba(255,255,255,.01)!important;
}
.emoji-cats::-webkit-scrollbar{display:none!important}
.emoji-cats button{
  flex:0 0 56px!important;
  width:56px!important;
  height:56px!important;
  border:1px solid rgba(255,255,255,.05)!important;
  border-radius:18px!important;
  background:#171c29!important;
  display:grid!important;
  place-items:center!important;
  font-size:28px!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.emoji-cats button.active{
  background:linear-gradient(145deg,#2f2158,#1f2240)!important;
  border-color:rgba(124,92,255,.5)!important;
  box-shadow:inset 0 0 0 1px rgba(124,92,255,.22),0 10px 18px rgba(124,92,255,.14)!important;
}
.emoji-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
  align-content:start!important;
  padding:14px 14px 18px!important;
  background:transparent!important;
}
.emoji-item{
  width:100%!important;
  aspect-ratio:1/1!important;
  border:1px solid rgba(255,255,255,.04)!important;
  background:#141a27!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  font-size:28px!important;
  line-height:1!important;
  transition:transform .15s ease,background .15s ease,border-color .15s ease!important;
}
.emoji-item:hover,.emoji-item:active{
  background:#1a2131!important;
  border-color:rgba(124,92,255,.38)!important;
  transform:translateY(-1px)!important;
}
body.emoji-picker-open .chat-input{z-index:61!important}
@media(max-width:430px){
  .emoji-picker{
    width:calc(100vw - 14px)!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
    height:min(455px,58dvh)!important;
    max-height:min(455px,58dvh)!important;
    border-radius:22px!important;
  }
  .emoji-picker-head{min-height:68px!important;padding:12px 14px 10px!important}
  .emoji-picker-head strong{font-size:16px!important}
  .emoji-picker-head button{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:18px!important;font-size:24px!important}
  .emoji-cats{gap:8px!important;padding:10px 12px!important}
  .emoji-cats button{flex-basis:50px!important;width:50px!important;height:50px!important;border-radius:16px!important;font-size:25px!important}
  .emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;padding:12px 12px 16px!important}
  .emoji-item{font-size:25px!important;border-radius:16px!important}
}
@media(max-width:360px){
  .emoji-picker{height:min(420px,56dvh)!important;max-height:min(420px,56dvh)!important}
  .emoji-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}


/* =========================================================
   Mooky v292 — emoji picker compact / clean / no overflow
   ========================================================= */
.emoji-picker{
  left:50%!important;
  bottom:calc(76px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(408px,calc(100vw - 16px))!important;
  height:min(390px,54dvh)!important;
  max-height:min(390px,54dvh)!important;
  min-height:300px!important;
  display:flex!important;
  flex-direction:column!important;
  background:#111620!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:20px!important;
  box-shadow:0 24px 60px rgba(0,0,0,.52)!important;
  overflow:hidden!important;
}
.emoji-picker[hidden]{display:none!important}

.emoji-picker-head{
  flex:0 0 58px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0 12px 0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  background:#141925!important;
}
.emoji-picker-head strong{
  font-size:15px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#f5f7fb!important;
}
.emoji-picker-head button{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  flex:0 0 38px!important;
  padding:0!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#1d2330!important;
  color:#f6f7fb!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
}
.emoji-picker-head button i{font-size:18px!important;line-height:1!important}

.emoji-cats{
  flex:0 0 58px!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:7px 10px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  background:#0f141e!important;
  scrollbar-width:none!important;
  scroll-snap-type:x proximity!important;
}
.emoji-cats::-webkit-scrollbar{display:none!important}
.emoji-cats button{
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:#171c27!important;
  display:grid!important;
  place-items:center!important;
  font-size:22px!important;
  line-height:1!important;
  scroll-snap-align:start!important;
}
.emoji-cats button.active{
  background:linear-gradient(145deg,rgba(116,80,255,.34),rgba(116,80,255,.16))!important;
  border-color:rgba(137,101,255,.55)!important;
  box-shadow:0 8px 18px rgba(103,72,220,.14)!important;
}

.emoji-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  gap:7px!important;
  padding:10px 10px 14px!important;
  background:#10151f!important;
  scrollbar-width:thin!important;
  scrollbar-color:#7657f2 transparent!important;
}
.emoji-grid::-webkit-scrollbar{width:5px!important}
.emoji-grid::-webkit-scrollbar-track{background:transparent!important}
.emoji-grid::-webkit-scrollbar-thumb{background:#7657f2!important;border-radius:999px!important}

.emoji-item{
  width:100%!important;
  min-width:0!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  background:#161b27!important;
  display:grid!important;
  place-items:center!important;
  font-size:22px!important;
  line-height:1!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.emoji-item:hover,.emoji-item:active{
  background:#1d2432!important;
  border-color:rgba(124,92,255,.30)!important;
  transform:none!important;
}

/* Prevent the picker from being hidden behind composer / keyboard UI */
body.emoji-picker-open .emoji-picker{z-index:120!important}
body.emoji-picker-open .chat-input{z-index:70!important}

@media(max-width:430px){
  .emoji-picker{
    width:calc(100vw - 10px)!important;
    bottom:calc(72px + env(safe-area-inset-bottom))!important;
    height:min(370px,52dvh)!important;
    max-height:min(370px,52dvh)!important;
    min-height:285px!important;
    border-radius:18px!important;
  }
  .emoji-picker-head{
    flex-basis:54px!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 10px 0 14px!important;
  }
  .emoji-picker-head strong{font-size:14px!important}
  .emoji-picker-head button{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex-basis:36px!important;border-radius:11px!important;
  }
  .emoji-cats{
    flex-basis:54px!important;
    min-height:54px!important;
    gap:6px!important;
    padding:6px 8px!important;
  }
  .emoji-cats button{
    flex-basis:42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:12px!important;font-size:21px!important;
  }
  .emoji-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
    padding:9px 8px 12px!important;
  }
  .emoji-item{font-size:21px!important;border-radius:12px!important}
}
@media(max-width:360px){
  .emoji-picker{height:min(350px,50dvh)!important;max-height:min(350px,50dvh)!important}
  .emoji-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}


/* =========================================================
   Mooky v293 — emoji picker exactly like reference screenshot
   ========================================================= */
body.mooky-chat-screen .emoji-picker,
body .emoji-picker{
  left:50%!important;
  bottom:calc(74px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(520px,calc(100vw - 18px))!important;
  max-width:520px!important;
  height:min(480px,62dvh)!important;
  max-height:min(480px,62dvh)!important;
  min-height:360px!important;
  border-radius:24px!important;
  background:#2f2f32!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.48)!important;
  padding:14px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  overflow:hidden!important;
}
body .emoji-picker[hidden]{display:none!important}
body .emoji-picker-top{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:10px!important}
body .emoji-search{
  flex:1 1 auto!important;
  height:54px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 18px!important;
  color:#cfd1d8!important;
}
body .emoji-search i{font-size:21px!important;color:#cfd1d8!important;opacity:.92!important}
body .emoji-search input{
  flex:1 1 auto!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#f4f6fb!important;
  font-size:18px!important;
  font-weight:500!important;
  padding:0!important;
  min-width:0!important;
  box-shadow:none!important;
}
body .emoji-search input::placeholder{color:#d1d3da!important;opacity:.88!important}
body .emoji-close-hidden{display:none!important}
body .emoji-picker-body{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body .emoji-section-title{
  flex:0 0 auto!important;
  font-size:16px!important;
  font-weight:700!important;
  color:#d4d6dd!important;
  padding:2px 4px 10px!important;
}
body .emoji-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:7px!important;
  padding:0 4px 6px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:transparent!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(122,91,242,.85) transparent!important;
}
body .emoji-grid::-webkit-scrollbar{width:7px!important}
body .emoji-grid::-webkit-scrollbar-track{background:transparent!important}
body .emoji-grid::-webkit-scrollbar-thumb{background:rgba(122,91,242,.9)!important;border-radius:999px!important}
body .emoji-item{
  width:100%!important;
  aspect-ratio:1/1!important;
  border:0!important;
  border-radius:14px!important;
  background:#25262b!important;
  display:grid!important;
  place-items:center!important;
  font-size:34px!important;
  line-height:1!important;
}
body .emoji-item:hover,
body .emoji-item:active{background:#30313a!important}
body .emoji-cats{
  flex:0 0 58px!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:4px!important;
  align-items:center!important;
  padding:10px 2px 0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:transparent!important;
  overflow:visible!important;
  scrollbar-width:none!important;
}
body .emoji-cats::-webkit-scrollbar{display:none!important}
body .emoji-cats button{
  width:100%!important;
  height:44px!important;
  min-width:0!important;
  min-height:44px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
  color:#cbced7!important;
  font-size:22px!important;
  line-height:1!important;
  opacity:.94!important;
}
body .emoji-cats button.active{
  background:#23242a!important;
  box-shadow:none!important;
  border:0!important;
}
@media (max-width:430px){
  body .emoji-picker{
    width:calc(100vw - 12px)!important;
    height:min(446px,60dvh)!important;
    max-height:min(446px,60dvh)!important;
    min-height:344px!important;
    border-radius:22px!important;
    padding:12px!important;
  }
  body .emoji-search{height:48px!important;padding:0 16px!important}
  body .emoji-search i{font-size:20px!important}
  body .emoji-search input{font-size:16px!important}
  body .emoji-section-title{font-size:15px!important;padding:2px 2px 10px!important}
  body .emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;padding:0 2px 6px!important}
  body .emoji-item{font-size:31px!important;border-radius:13px!important}
  body .emoji-cats{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:2px!important;padding-top:8px!important}
  body .emoji-cats button{height:40px!important;min-height:40px!important;font-size:20px!important}
}
@media (max-width:360px){
  body .emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  body .emoji-item{font-size:28px!important}
}


/* =========================================================
   Mooky v294 — emoji picker in same style as message actions
   ========================================================= */
body.emoji-picker-open .emoji-picker,
body .emoji-picker.emoji-picker-sheet{
  position:fixed!important;
  left:50%!important;
  bottom:calc(76px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(620px,calc(100vw - 22px))!important;
  max-width:620px!important;
  min-width:min(320px,calc(100vw - 22px))!important;
  height:min(640px,72dvh)!important;
  max-height:min(640px,72dvh)!important;
  min-height:420px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
  border:1px solid rgba(118,133,178,.22)!important;
  background:linear-gradient(180deg,rgba(24,31,54,.97) 0%,rgba(11,17,33,.98) 100%)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.58)!important;
  z-index:130!important;
}
body .emoji-picker.emoji-picker-sheet[hidden]{display:none!important}
body .emoji-sheet-handle{
  flex:0 0 auto!important;
  width:74px!important;
  height:7px!important;
  border-radius:999px!important;
  background:rgba(174,184,214,.55)!important;
  margin:18px auto 14px!important;
}
body .emoji-sheet-head{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:0 22px 16px!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}
body .emoji-sheet-heading{min-width:0!important;flex:1 1 auto!important}
body .emoji-sheet-kicker{
  display:block!important;
  margin-bottom:7px!important;
  color:#9072ff!important;
  letter-spacing:.22em!important;
  font-size:12px!important;
  font-weight:900!important;
}
body .emoji-sheet-heading h3{
  margin:0!important;
  color:#f5f7ff!important;
  font-size:26px!important;
  line-height:1.06!important;
  font-weight:900!important;
}
body .emoji-sheet-close{
  flex:0 0 60px!important;
  width:60px!important;
  height:60px!important;
  border:0!important;
  border-radius:18px!important;
  background:#21283f!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body .emoji-sheet-close i{font-size:24px!important;line-height:1!important}
body .emoji-picker.emoji-picker-sheet .emoji-picker-top{
  flex:0 0 auto!important;
  display:block!important;
  padding:12px 22px 10px!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-search{
  width:100%!important;
  height:58px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.04)!important;
  padding:0 18px!important;
  box-shadow:none!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-search i{
  font-size:21px!important;
  color:#9ea6c7!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-search input{
  font-size:18px!important;
  color:#f4f6fd!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-search input::placeholder{color:#afb6d0!important;opacity:.92!important}
body .emoji-picker.emoji-picker-sheet .emoji-picker-body{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0 22px!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-section-title{
  flex:0 0 auto!important;
  color:#e8ebf7!important;
  font-size:15px!important;
  font-weight:800!important;
  padding:4px 2px 12px!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0 2px 14px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(135,101,255,.95) transparent!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-grid::-webkit-scrollbar{width:8px!important}
body .emoji-picker.emoji-picker-sheet .emoji-grid::-webkit-scrollbar-track{background:transparent!important}
body .emoji-picker.emoji-picker-sheet .emoji-grid::-webkit-scrollbar-thumb{background:rgba(135,101,255,.95)!important;border-radius:999px!important}
body .emoji-picker.emoji-picker-sheet .emoji-item{
  width:100%!important;
  aspect-ratio:1/1!important;
  border:1px solid rgba(255,255,255,.04)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;
  display:grid!important;
  place-items:center!important;
  font-size:34px!important;
  line-height:1!important;
  box-shadow:none!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-item:hover,
body .emoji-picker.emoji-picker-sheet .emoji-item:active{background:rgba(255,255,255,.075)!important}
body .emoji-picker.emoji-picker-sheet .emoji-cats{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:4px!important;
  align-items:center!important;
  padding:12px 18px calc(12px + env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  background:rgba(255,255,255,.02)!important;
  overflow:hidden!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-cats button{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#c7cce0!important;
  font-size:22px!important;
  display:grid!important;
  place-items:center!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-cats button.active{
  background:rgba(255,255,255,.07)!important;
  color:#ffffff!important;
}
@media (max-width:640px){
  body .emoji-picker.emoji-picker-sheet{
    width:calc(100vw - 12px)!important;
    height:min(560px,68dvh)!important;
    max-height:min(560px,68dvh)!important;
    min-height:390px!important;
    border-radius:24px!important;
  }
}
@media (max-width:430px){
  body .emoji-picker.emoji-picker-sheet{
    width:calc(100vw - 10px)!important;
    height:min(520px,64dvh)!important;
    max-height:min(520px,64dvh)!important;
    min-height:360px!important;
    border-radius:24px!important;
    bottom:calc(74px + env(safe-area-inset-bottom))!important;
  }
  body .emoji-sheet-handle{width:72px!important;height:6px!important;margin:14px auto 12px!important}
  body .emoji-sheet-head{padding:0 16px 14px!important}
  body .emoji-sheet-kicker{font-size:11px!important;margin-bottom:6px!important}
  body .emoji-sheet-heading h3{font-size:22px!important}
  body .emoji-sheet-close{width:56px!important;height:56px!important;flex-basis:56px!important;border-radius:17px!important}
  body .emoji-picker.emoji-picker-sheet .emoji-picker-top{padding:10px 16px 10px!important}
  body .emoji-picker.emoji-picker-sheet .emoji-search{height:54px!important;border-radius:16px!important;padding:0 16px!important}
  body .emoji-picker.emoji-picker-sheet .emoji-picker-body{padding:0 16px!important}
  body .emoji-picker.emoji-picker-sheet .emoji-section-title{font-size:14px!important;padding:4px 2px 10px!important}
  body .emoji-picker.emoji-picker-sheet .emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;padding:0 2px 12px!important}
  body .emoji-picker.emoji-picker-sheet .emoji-item{font-size:30px!important;border-radius:16px!important}
  body .emoji-picker.emoji-picker-sheet .emoji-cats{padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;gap:2px!important}
  body .emoji-picker.emoji-picker-sheet .emoji-cats button{height:38px!important;min-height:38px!important;font-size:20px!important;border-radius:12px!important}
}
@media (max-width:360px){
  body .emoji-picker.emoji-picker-sheet .emoji-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  body .emoji-picker.emoji-picker-sheet .emoji-item{font-size:28px!important}
}


/* =========================================================
   Mooky v295 — emoji picker same compact sheet as message actions
   ========================================================= */
body .emoji-picker.emoji-picker-sheet{
  left:50%!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:min(calc(100vw - 24px),430px)!important;
  max-width:430px!important;
  min-width:0!important;
  height:min(560px,72dvh)!important;
  max-height:min(560px,72dvh)!important;
  min-height:390px!important;
  border-radius:22px 22px 0 0!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,#171b27 0%,#121620 100%)!important;
  box-shadow:0 -24px 70px rgba(0,0,0,.48)!important;
  padding:0!important;
  overflow:hidden!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-sheet-handle{
  width:48px!important;
  height:5px!important;
  margin:12px auto 10px!important;
  border-radius:999px!important;
  background:#646d82!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-sheet-head{
  padding:0 14px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  align-items:center!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-sheet-kicker{
  font-size:8px!important;
  letter-spacing:1.4px!important;
  margin-bottom:4px!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-sheet-heading h3{
  font-size:17px!important;
  line-height:1.15!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-sheet-close{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  flex-basis:40px!important;
  border-radius:13px!important;
  background:#202533!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-sheet-close i{font-size:18px!important}
body .emoji-picker.emoji-picker-sheet .emoji-picker-top{
  padding:10px 14px 8px!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-search{
  height:46px!important;
  border-radius:15px!important;
  background:#11151f!important;
  border:1px solid rgba(255,255,255,.06)!important;
  padding:0 14px!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-search i{font-size:16px!important;color:#8f98b0!important}
body .emoji-picker.emoji-picker-sheet .emoji-search input{font-size:13px!important;color:#eef1f8!important}
body .emoji-picker.emoji-picker-sheet .emoji-search input::placeholder{color:#7e879b!important}
body .emoji-picker.emoji-picker-sheet .emoji-picker-body{
  padding:0 14px!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-section-title{
  font-size:11px!important;
  padding:4px 2px 9px!important;
  color:#cfd4e2!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
  padding:0 2px 10px!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-item{
  font-size:27px!important;
  border-radius:14px!important;
  background:#11151f!important;
  border:1px solid rgba(255,255,255,.05)!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-item:hover,
body .emoji-picker.emoji-picker-sheet .emoji-item:active{
  background:#171c29!important;
  border-color:rgba(139,103,255,.24)!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-cats{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  padding:9px 10px calc(10px + env(safe-area-inset-bottom))!important;
  background:#0f131c!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-cats button{
  height:38px!important;
  min-height:38px!important;
  border-radius:12px!important;
  font-size:19px!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-cats button.active{
  background:rgba(124,92,255,.14)!important;
}
@media(max-width:430px){
  body .emoji-picker.emoji-picker-sheet{
    width:100vw!important;
    max-width:100vw!important;
    height:min(520px,70dvh)!important;
    max-height:min(520px,70dvh)!important;
    min-height:370px!important;
    border-radius:20px 20px 0 0!important;
  }
  body .emoji-picker.emoji-picker-sheet .emoji-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body .emoji-picker.emoji-picker-sheet .emoji-item{font-size:26px!important}
}
@media(max-width:360px){
  body .emoji-picker.emoji-picker-sheet .emoji-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}


/* =========================================================
   Mooky v296 — fixed category bar + full emoji library
   ========================================================= */
body .emoji-picker.emoji-picker-sheet{
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr) 54px!important;
  height:min(560px,72dvh)!important;
  max-height:min(560px,72dvh)!important;
  overflow:hidden!important;
}
body .emoji-picker.emoji-picker-sheet[hidden]{display:none!important}
body .emoji-picker.emoji-picker-sheet .emoji-sheet-handle{grid-row:1!important}
body .emoji-picker.emoji-picker-sheet .emoji-sheet-head{grid-row:2!important}
body .emoji-picker.emoji-picker-sheet .emoji-picker-top{grid-row:3!important}
body .emoji-picker.emoji-picker-sheet .emoji-picker-body{
  grid-row:4!important;
  min-height:0!important;
  overflow:hidden!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-grid{
  min-height:0!important;
  height:100%!important;
  overflow-y:auto!important;
  padding-bottom:12px!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-cats{
  grid-row:5!important;
  position:relative!important;
  z-index:8!important;
  flex:none!important;
  min-height:54px!important;
  height:54px!important;
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  align-items:center!important;
  gap:2px!important;
  padding:6px 8px!important;
  margin:0!important;
  overflow:hidden!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:#0d1119!important;
  box-shadow:0 -8px 24px rgba(0,0,0,.18)!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-cats button{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#aeb5c7!important;
  font-size:20px!important;
  line-height:1!important;
  box-shadow:none!important;
}
body .emoji-picker.emoji-picker-sheet .emoji-cats button.active{
  background:rgba(124,92,255,.18)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(124,92,255,.18)!important;
}
@media(max-width:430px){
  body .emoji-picker.emoji-picker-sheet{
    grid-template-rows:auto auto auto minmax(0,1fr) 52px!important;
    height:min(530px,70dvh)!important;
    max-height:min(530px,70dvh)!important;
  }
  body .emoji-picker.emoji-picker-sheet .emoji-cats{height:52px!important;min-height:52px!important;padding:5px 6px!important}
  body .emoji-picker.emoji-picker-sheet .emoji-cats button{height:40px!important;min-height:40px!important;font-size:19px!important;border-radius:11px!important}
}


/* =========================================================
   Mooky v297 — FIX: emoji categories always visible
   The picker must sit ABOVE the message composer.
   ========================================================= */
body .emoji-picker.emoji-picker-sheet{
  position:fixed!important;
  left:50%!important;
  bottom:calc(78px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;

  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr) 58px!important;

  height:min(520px,64dvh)!important;
  max-height:min(520px,64dvh)!important;
  min-height:360px!important;

  overflow:hidden!important;
  z-index:160!important;
}

body .emoji-picker.emoji-picker-sheet[hidden]{
  display:none!important;
}

/* Body can scroll, category bar never moves */
body .emoji-picker.emoji-picker-sheet .emoji-picker-body{
  grid-row:4!important;
  min-height:0!important;
  overflow:hidden!important;
}

body .emoji-picker.emoji-picker-sheet .emoji-grid{
  height:100%!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-bottom:14px!important;
}

/* Category bar pinned to the bottom of the picker */
body .emoji-picker.emoji-picker-sheet .emoji-cats{
  grid-row:5!important;
  position:relative!important;
  z-index:30!important;

  width:100%!important;
  height:58px!important;
  min-height:58px!important;

  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  align-items:center!important;
  gap:3px!important;

  margin:0!important;
  padding:7px 9px!important;

  overflow:visible!important;

  background:#0c1018!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 -12px 28px rgba(0,0,0,.32)!important;
}

body .emoji-picker.emoji-picker-sheet .emoji-cats button{
  width:100%!important;
  height:44px!important;
  min-width:0!important;
  min-height:44px!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  border-radius:13px!important;

  display:grid!important;
  place-items:center!important;

  background:transparent!important;
  color:#aeb5c7!important;

  font-size:21px!important;
  line-height:1!important;

  opacity:1!important;
  visibility:visible!important;
}

body .emoji-picker.emoji-picker-sheet .emoji-cats button.active{
  background:rgba(124,92,255,.20)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(124,92,255,.24)!important;
}

/* Keep the composer under the emoji window */
body.emoji-picker-open .chat-input{
  z-index:70!important;
}

/* Mobile */
@media(max-width:430px){
  body .emoji-picker.emoji-picker-sheet{
    bottom:calc(76px + env(safe-area-inset-bottom))!important;

    grid-template-rows:auto auto auto minmax(0,1fr) 56px!important;

    width:calc(100vw - 10px)!important;
    max-width:calc(100vw - 10px)!important;

    height:min(500px,62dvh)!important;
    max-height:min(500px,62dvh)!important;
    min-height:350px!important;

    border-radius:20px!important;
  }

  body .emoji-picker.emoji-picker-sheet .emoji-cats{
    height:56px!important;
    min-height:56px!important;
    padding:6px 7px!important;
    gap:2px!important;
  }

  body .emoji-picker.emoji-picker-sheet .emoji-cats button{
    height:42px!important;
    min-height:42px!important;
    border-radius:12px!important;
    font-size:20px!important;
  }
}

@media(max-width:360px){
  body .emoji-picker.emoji-picker-sheet{
    bottom:calc(74px + env(safe-area-inset-bottom))!important;
    height:min(470px,60dvh)!important;
    max-height:min(470px,60dvh)!important;
  }

  body .emoji-picker.emoji-picker-sheet .emoji-cats button{
    font-size:18px!important;
  }
}


/* =========================================================
   Mooky v298 — attachment menu in same style as message actions
   ========================================================= */
.bottom-sheet.chat-attach-menu-sheet{
  width:min(calc(100vw - 24px),430px)!important;
  max-width:430px!important;
  max-height:none!important;
  min-height:0!important;
  height:auto!important;
  padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  background:linear-gradient(180deg,#171b27 0%,#121620 100%)!important;
  box-shadow:0 -24px 70px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
}

.bottom-sheet.chat-attach-menu-sheet .sheet-handle{
  width:48px!important;
  height:5px!important;
  margin:0 auto 12px!important;
  border-radius:999px!important;
  background:#646d82!important;
}

.bottom-sheet.chat-attach-menu-sheet #sheetContent{
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
}

.bottom-sheet.chat-attach-menu-sheet #sheetContent>.chat-attach-title{
  position:static!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:6px 4px 14px!important;
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  gap:12px!important;
  align-items:center!important;
}

.chat-attach-title>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.chat-attach-title small{
  color:#8d72ff!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:1.4px!important;
}
.chat-attach-title b{
  color:#f6f7fb!important;
  font-size:17px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.bottom-sheet.chat-attach-menu-sheet .chat-attach-title>button{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:#202533!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#f7f8fb!important;
}

/* One clean vertical list instead of big square tiles */
.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
}

.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet button[data-chat-pick]{
  min-height:68px!important;
  width:100%!important;
  margin:0!important;
  padding:11px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 20px!important;
  gap:12px!important;
  align-items:center!important;

  border-radius:16px!important;
  overflow:hidden!important;

  background:#11151f!important;
  border:1px solid rgba(255,255,255,.06)!important;
  color:#eef0f7!important;
  text-align:left!important;
  box-shadow:none!important;

  transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}

.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet button[data-chat-pick]:hover{
  background:#171c29!important;
  border-color:rgba(139,103,255,.24)!important;
  transform:translateY(-1px)!important;
}

.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet button[data-chat-pick]>i:first-child{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:rgba(124,92,255,.11)!important;
  color:#a98fff!important;
  font-size:17px!important;
}

.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet span{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}

.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet b{
  font-size:12px!important;
  line-height:1.15!important;
  color:#f4f5f9!important;
}

.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet small{
  font-size:9px!important;
  line-height:1.3!important;
  color:#798195!important;
}

.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet .attach-chevron{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  background:transparent!important;
  color:#626c82!important;
  font-size:11px!important;
  border-radius:0!important;
}

/* Different subtle icon tints per type */
.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet button:nth-child(1)>i:first-child{
  background:rgba(124,92,255,.12)!important;
  color:#a98fff!important;
}
.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet button:nth-child(2)>i:first-child{
  background:rgba(115,97,255,.12)!important;
  color:#9d8cff!important;
}
.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet button:nth-child(3)>i:first-child{
  background:rgba(162,95,255,.11)!important;
  color:#b98fff!important;
}
.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet button:nth-child(4)>i:first-child{
  background:rgba(106,132,255,.11)!important;
  color:#9eb0ff!important;
}
.bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet button:nth-child(5)>i:first-child{
  background:rgba(121,87,255,.13)!important;
  color:#a88cff!important;
}

@media(max-width:430px){
  .bottom-sheet.chat-attach-menu-sheet{
    width:100vw!important;
    max-width:100vw!important;
    padding:12px 12px calc(15px + env(safe-area-inset-bottom))!important;
    border-radius:20px 20px 0 0!important;
  }

  .bottom-sheet.chat-attach-menu-sheet .chat-attach-title b{
    font-size:16px!important;
  }

  .bottom-sheet.chat-attach-menu-sheet .chat-attach-sheet button[data-chat-pick]{
    min-height:64px!important;
    border-radius:15px!important;
  }
}


/* =========================================================
   Mooky v299 — communities.php full professional redesign
   ========================================================= */
body .communities-head-v299{
  min-height:82px!important;
  grid-template-columns:50px minmax(0,1fr) 50px!important;
  gap:14px!important;
  padding:12px 18px!important;
  background:rgba(7,9,14,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
body .communities-head-v299 .head-icon,
body .communities-head-v299 .head-create-community{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#151a24,#10141c)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}
body .communities-head-v299 .communities-head-copy-v299{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:3px!important;
}
body .communities-head-v299 .communities-head-copy-v299 strong{
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.25px!important;
  color:#f7f8fb!important;
}
body .communities-head-v299 .communities-head-copy-v299 small{
  font-size:9px!important;
  line-height:1.15!important;
  color:#7e8799!important;
  font-weight:600!important;
}

.communities-v299{
  width:100%!important;
  max-width:680px!important;
  margin:0 auto!important;
  padding:16px 18px calc(118px + env(safe-area-inset-bottom))!important;
}

/* HERO */
.communities-v299 .groups-hero-v94{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding:22px!important;
  border-radius:24px!important;
  border:1px solid rgba(134,96,255,.30)!important;
  background:
    radial-gradient(80% 130% at 100% 0%,rgba(125,86,255,.25),transparent 60%),
    radial-gradient(65% 120% at 0% 100%,rgba(83,63,180,.15),transparent 68%),
    linear-gradient(145deg,#171727 0%,#10131b 70%)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.18)!important;
}
.communities-v299 .groups-hero-v94::after{
  content:''!important;
  position:absolute!important;
  right:-34px!important;
  top:-42px!important;
  width:150px!important;
  height:150px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(142,102,255,.20),transparent 68%)!important;
  pointer-events:none!important;
}
.communities-v299 .groups-hero-icon{
  width:70px!important;
  height:70px!important;
  flex:0 0 70px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  font-size:26px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#7154ff,#a369ff)!important;
  box-shadow:0 16px 34px rgba(121,83,255,.30)!important;
}
.communities-v299 .groups-hero-v94 span{
  display:block!important;
  margin:0 0 6px!important;
  color:#987bff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:1.8px!important;
}
.communities-v299 .groups-hero-v94 h1{
  margin:0 0 7px!important;
  color:#f8f8fb!important;
  font-size:25px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.5px!important;
}
.communities-v299 .groups-hero-v94 p{
  margin:0!important;
  max-width:430px!important;
  color:#9ca5b9!important;
  font-size:11px!important;
  line-height:1.55!important;
}

/* TABS */
.communities-v299 .groups-tabs-v94{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 16px!important;
}
.communities-v299 .groups-tabs-v94 a{
  position:relative!important;
  min-width:0!important;
  height:64px!important;
  padding:0 12px!important;
  border-radius:19px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#8e96a9!important;
  background:linear-gradient(180deg,#131720,#10141c)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
  text-decoration:none!important;
  transition:.18s ease!important;
}
.communities-v299 .groups-tabs-v94 a:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(132,96,255,.25)!important;
}
.communities-v299 .groups-tabs-v94 a.active{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(123,86,255,.31),rgba(70,46,134,.20))!important;
  border-color:rgba(139,102,255,.52)!important;
  box-shadow:0 14px 30px rgba(91,61,192,.18)!important;
}
.communities-v299 .groups-tabs-v94 a i{
  font-size:15px!important;
  color:#8069ff!important;
}
.communities-v299 .groups-tabs-v94 a.active i{color:#a88fff!important}
.communities-v299 .groups-tabs-v94 a span{
  min-width:0!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-align:center!important;
}
.communities-v299 .groups-tabs-v94 a b{
  flex:0 0 auto!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:#7655ff!important;
  font-size:8px!important;
  font-weight:900!important;
}

/* SEARCH */
.communities-v299 .groups-search-v94{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) minmax(96px,130px) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  margin:0 0 22px!important;
  padding:0 14px!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,#11151e,#0d1118)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
}
.communities-v299 .groups-search-v94>i{
  color:#8168ff!important;
  font-size:15px!important;
}
.communities-v299 .groups-search-v94 input{
  min-width:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#eef0f6!important;
  font-size:11.5px!important;
  padding:0!important;
  box-shadow:none!important;
}
.communities-v299 .groups-search-v94 input::placeholder{color:#677085!important}
.communities-v299 .groups-search-v94 select{
  width:100%!important;
  min-height:38px!important;
  padding:0 30px 0 12px!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  background-color:transparent!important;
  color:#b9c0d0!important;
  font-size:9.5px!important;
  box-shadow:none!important;
}
.communities-v299 .groups-search-v94>a{
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:#171c27!important;
  border:1px solid rgba(255,255,255,.06)!important;
  color:#8f98aa!important;
}

/* SECTION HEADING */
.communities-v299 .group-section-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 2px 13px!important;
}
.communities-v299 .group-section-title small{
  display:block!important;
  color:#8568ff!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:1.65px!important;
  margin-bottom:4px!important;
}
.communities-v299 .group-section-title h2{
  margin:0!important;
  color:#f7f8fb!important;
  font-size:22px!important;
  line-height:1.06!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
}
.communities-v299 .mini-create-v94{
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  background:rgba(120,85,255,.11)!important;
  border:1px solid rgba(130,93,255,.22)!important;
  color:#aa90ff!important;
  font-size:9px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

/* CARDS */
.communities-v299 .community-grid-v94{
  display:grid!important;
  gap:14px!important;
}
.communities-v299 .community-card-v94{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#121720 0%,#10141c 100%)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.17)!important;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.communities-v299 .community-card-v94:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(133,98,255,.27)!important;
  box-shadow:0 22px 46px rgba(0,0,0,.21)!important;
}
.communities-v299 .community-cover-v94{
  position:relative!important;
  height:150px!important;
  background-size:cover!important;
  background-position:center!important;
  border-radius:0!important;
  overflow:hidden!important;
}
.communities-v299 .community-cover-v94::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(5,7,10,.02) 28%,rgba(9,11,16,.72) 100%)!important;
  pointer-events:none!important;
}
.communities-v299 .community-cat-v94{
  position:absolute!important;
  left:12px!important;
  top:12px!important;
  z-index:2!important;
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  background:rgba(8,10,16,.78)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#edf0f6!important;
  backdrop-filter:blur(10px)!important;
  font-size:8px!important;
  font-weight:800!important;
}
.communities-v299 .community-lock-v94{
  position:absolute!important;
  right:12px!important;
  top:12px!important;
  z-index:2!important;
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(12,15,22,.82)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#e9ecf3!important;
  backdrop-filter:blur(10px)!important;
}
.communities-v299 .community-card-content-v94{
  position:relative!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 38px!important;
  gap:13px!important;
  align-items:center!important;
  padding:0 15px 15px!important;
}
.communities-v299 .community-avatar-v94{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  margin-top:-29px!important;
  z-index:3!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#1b2030!important;
  border:4px solid #11151e!important;
  box-shadow:0 12px 26px rgba(0,0,0,.23)!important;
}
.communities-v299 .community-avatar-v94 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:14px!important;
}
.communities-v299 .community-card-copy-v94{
  min-width:0!important;
  padding-top:11px!important;
}
.communities-v299 .community-card-title-v94{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}
.communities-v299 .community-card-title-v94 b{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#f8f9fb!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
.communities-v299 .community-card-title-v94 span{
  flex:0 0 auto!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(124,92,255,.15)!important;
  color:#aa91ff!important;
  border:1px solid rgba(124,92,255,.12)!important;
  font-size:7px!important;
  font-weight:800!important;
}
.communities-v299 .community-card-copy-v94 p{
  margin:5px 0 8px!important;
  color:#929bad!important;
  font-size:10px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.communities-v299 .community-card-stats-v94{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  color:#71809c!important;
  font-size:8.2px!important;
}
.communities-v299 .community-card-stats-v94 span{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
}
.communities-v299 .card-arrow-v94{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#171c27!important;
  border:1px solid rgba(255,255,255,.06)!important;
  color:#68748e!important;
  font-size:11px!important;
}

/* INVITES / EMPTY */
.communities-v299 .invite-list-v94{display:grid!important;gap:12px!important}
.communities-v299 .invite-card-v94,
.communities-v299 .group-empty-v94{
  border-radius:20px!important;
  background:linear-gradient(180deg,#121720,#10141c)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.14)!important;
}
.communities-v299 .group-empty-v94{padding:32px 20px!important;text-align:center!important}
.communities-v299 .group-empty-v94>i{
  width:54px!important;height:54px!important;border-radius:17px!important;display:grid!important;place-items:center!important;margin:0 auto 12px!important;background:rgba(124,92,255,.12)!important;color:#9c82ff!important;font-size:20px!important;
}
.communities-v299 .group-empty-v94 h3{font-size:16px!important;margin:0 0 6px!important}
.communities-v299 .group-empty-v94 p{font-size:10px!important;color:#8891a5!important;margin:0 0 14px!important}
.communities-v299 .group-empty-v94 .btn{border-radius:13px!important}

/* CREATE MODAL polish */
.community-create-shell-v113 .mooky-modal-card{
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,#151a25,#10141d)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.50)!important;
}
.community-create-shell-v113 .community-create-close-v113,
.community-create-shell-v113 .community-upload-btn-v113,
.community-create-shell-v113 .community-choice-v113,
.community-create-shell-v113 .community-info-v113,
.community-create-shell-v113 .community-final-summary-v113,
.community-create-shell-v113 .community-confirm-v113,
.community-create-shell-v113 .community-live-card-v113,
.community-create-shell-v113 .community-input-v113,
.community-create-shell-v113 .community-select-v113,
.community-create-shell-v113 textarea,
.community-create-shell-v113 .community-reset-rules-v113,
.community-create-shell-v113 .btn{
  border-radius:15px!important;
}

@media(max-width:430px){
  body .communities-head-v299{
    min-height:74px!important;
    grid-template-columns:46px minmax(0,1fr) 46px!important;
    gap:10px!important;
    padding:10px 12px!important;
  }
  body .communities-head-v299 .head-icon,
  body .communities-head-v299 .head-create-community{
    width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important;border-radius:15px!important;
  }
  body .communities-head-v299 .communities-head-copy-v299 strong{font-size:16px!important}
  body .communities-head-v299 .communities-head-copy-v299 small{font-size:8px!important}
  .communities-v299{
    padding:12px 12px calc(112px + env(safe-area-inset-bottom))!important;
  }
  .communities-v299 .groups-hero-v94{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:13px!important;
    padding:16px!important;
    border-radius:20px!important;
  }
  .communities-v299 .groups-hero-icon{width:56px!important;height:56px!important;flex-basis:56px!important;border-radius:16px!important;font-size:21px!important}
  .communities-v299 .groups-hero-v94 span{font-size:7.5px!important;margin-bottom:5px!important}
  .communities-v299 .groups-hero-v94 h1{font-size:20px!important;margin-bottom:5px!important}
  .communities-v299 .groups-hero-v94 p{font-size:9.5px!important;line-height:1.45!important}
  .communities-v299 .groups-tabs-v94{gap:7px!important}
  .communities-v299 .groups-tabs-v94 a{height:57px!important;border-radius:16px!important;padding:0 8px!important;gap:5px!important}
  .communities-v299 .groups-tabs-v94 a i{font-size:13px!important}
  .communities-v299 .groups-tabs-v94 a span{font-size:8.5px!important}
  .communities-v299 .groups-tabs-v94 a b{min-width:19px!important;height:19px!important;font-size:7px!important;padding:0 5px!important}
  .communities-v299 .groups-search-v94{
    grid-template-columns:20px minmax(0,1fr) 88px auto!important;
    gap:8px!important;
    min-height:54px!important;
    padding:0 11px!important;
    border-radius:17px!important;
    margin-bottom:18px!important;
  }
  .communities-v299 .groups-search-v94 input{font-size:10.5px!important}
  .communities-v299 .groups-search-v94 select{font-size:8.5px!important;padding-left:9px!important;padding-right:23px!important}
  .communities-v299 .group-section-title h2{font-size:19px!important}
  .communities-v299 .mini-create-v94{min-height:34px!important;padding:0 10px!important;font-size:8px!important;border-radius:12px!important}
  .communities-v299 .community-cover-v94{height:124px!important}
  .communities-v299 .community-card-v94{border-radius:19px!important}
  .communities-v299 .community-card-content-v94{grid-template-columns:56px minmax(0,1fr) 34px!important;gap:10px!important;padding:0 12px 13px!important}
  .communities-v299 .community-avatar-v94{width:56px!important;height:56px!important;min-width:56px!important;margin-top:-25px!important;border-radius:16px!important}
  .communities-v299 .community-avatar-v94 img{border-radius:12px!important}
  .communities-v299 .community-card-title-v94 b{font-size:12.5px!important}
  .communities-v299 .community-card-copy-v94 p{font-size:9px!important}
  .communities-v299 .community-card-stats-v94{font-size:7.5px!important;gap:8px!important}
  .communities-v299 .card-arrow-v94{width:32px!important;height:32px!important;border-radius:11px!important}
}

@media(max-width:350px){
  .communities-v299 .groups-tabs-v94{grid-template-columns:1fr!important}
  .communities-v299 .groups-tabs-v94 a{height:48px!important;justify-content:flex-start!important;padding:0 14px!important}
  .communities-v299 .groups-search-v94{grid-template-columns:20px minmax(0,1fr)!important;padding:10px 12px!important}
  .communities-v299 .groups-search-v94 select{grid-column:1/-1!important;width:100%!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.07)!important;padding:9px 0 0!important}
}

/* =========================================================
   Mooky v300 — communities tabs aligned + create rounded
   ========================================================= */
.communities-v299 .groups-tabs-v94{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.communities-v299 .groups-tabs-v94 a{
  position:relative!important;
  height:60px!important;
  min-width:0!important;
  padding:0 12px!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.communities-v299 .groups-tabs-v94 a i{
  flex:0 0 auto!important;
  font-size:14px!important;
}
.communities-v299 .groups-tabs-v94 a span{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:10px!important;
  line-height:1!important;
  text-align:center!important;
}
.communities-v299 .groups-tabs-v94 a b{
  flex:0 0 auto!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 6px!important;
  font-size:7.5px!important;
}
.communities-v299 .mini-create-v94{
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  white-space:nowrap!important;
  background:linear-gradient(145deg,rgba(122,88,255,.18),rgba(91,59,183,.14))!important;
  border:1px solid rgba(136,101,255,.30)!important;
  color:#b39cff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
}
.communities-v299 .mini-create-v94 i{
  flex:0 0 auto!important;
  font-size:10px!important;
}

@media(max-width:430px){
  .communities-v299 .groups-tabs-v94{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .communities-v299 .groups-tabs-v94 a{
    height:56px!important;
    padding:0 8px!important;
    border-radius:16px!important;
    gap:5px!important;
  }
  .communities-v299 .groups-tabs-v94 a i{font-size:12px!important}
  .communities-v299 .groups-tabs-v94 a span{
    font-size:8.4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .communities-v299 .groups-tabs-v94 a b{
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    font-size:6.8px!important;
  }
  .communities-v299 .mini-create-v94{
    min-height:36px!important;
    height:36px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    font-size:8px!important;
  }
}

@media(max-width:360px){
  .communities-v299 .groups-tabs-v94{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .communities-v299 .groups-tabs-v94 a{
    height:52px!important;
    padding:0 6px!important;
    gap:4px!important;
    justify-content:center!important;
  }
  .communities-v299 .groups-tabs-v94 a i{font-size:11px!important}
  .communities-v299 .groups-tabs-v94 a span{font-size:7.5px!important}
  .communities-v299 .groups-tabs-v94 a b{
    position:absolute!important;
    top:6px!important;
    right:6px!important;
    min-width:16px!important;
    height:16px!important;
    font-size:6px!important;
  }
}

/* =========================================================
   Mooky v301 — communities compact tabs + consistent radii
   ========================================================= */
.communities-v299{
  --community-ui-radius:15px;
}

/* 3 tabs: smaller, aligned, never wrap or truncate */
.communities-v299 .groups-tabs-v94{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-bottom:14px!important;
}
.communities-v299 .groups-tabs-v94 a{
  position:relative!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 10px!important;
  border-radius:var(--community-ui-radius)!important;
  display:grid!important;
  grid-template-columns:auto auto!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:7px!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.communities-v299 .groups-tabs-v94 a i{
  grid-column:1!important;
  font-size:12px!important;
  line-height:1!important;
  flex:none!important;
}
.communities-v299 .groups-tabs-v94 a span{
  grid-column:2!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:8.6px!important;
  line-height:1!important;
  text-align:center!important;
}
/* Count badge is absolute so it never steals label width */
.communities-v299 .groups-tabs-v94 a b{
  position:absolute!important;
  top:6px!important;
  right:6px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  font-size:6.5px!important;
  line-height:1!important;
}

/* Create button uses the exact same corner radius as other controls */
.communities-v299 .mini-create-v94{
  height:36px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:var(--community-ui-radius)!important;
  overflow:hidden!important;
  clip-path:inset(0 round var(--community-ui-radius))!important;
  -webkit-clip-path:inset(0 round var(--community-ui-radius))!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:8px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.communities-v299 .mini-create-v94::before,
.communities-v299 .mini-create-v94::after{
  border-radius:inherit!important;
}

/* Empty result card: stop using oversized pill-like corners */
.communities-v299 .group-empty-v94{
  border-radius:var(--community-ui-radius)!important;
  padding:28px 18px!important;
  overflow:hidden!important;
}
.communities-v299 .group-empty-v94>i{
  border-radius:13px!important;
}
.communities-v299 .group-empty-v94 .btn,
.communities-v299 .group-empty-v94 .btn.primary{
  min-height:42px!important;
  border-radius:var(--community-ui-radius)!important;
  overflow:hidden!important;
  clip-path:inset(0 round var(--community-ui-radius))!important;
  -webkit-clip-path:inset(0 round var(--community-ui-radius))!important;
}

/* Search and group card also use the same visual family */
.communities-v299 .groups-search-v94,
.communities-v299 .community-card-v94{
  border-radius:var(--community-ui-radius)!important;
}
.communities-v299 .community-cover-v94{
  border-radius:var(--community-ui-radius) var(--community-ui-radius) 0 0!important;
}

@media(max-width:430px){
  .communities-v299 .groups-tabs-v94{gap:6px!important}
  .communities-v299 .groups-tabs-v94 a{
    height:48px!important;
    min-height:48px!important;
    padding:0 7px!important;
    border-radius:14px!important;
    column-gap:5px!important;
  }
  .communities-v299 .groups-tabs-v94 a i{font-size:11px!important}
  .communities-v299 .groups-tabs-v94 a span{
    font-size:7.4px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .communities-v299 .groups-tabs-v94 a b{
    top:5px!important;
    right:5px!important;
    min-width:16px!important;
    height:16px!important;
    padding:0 4px!important;
    font-size:6px!important;
  }
  .communities-v299 .mini-create-v94{
    height:34px!important;
    min-height:34px!important;
    padding:0 10px!important;
    border-radius:14px!important;
    clip-path:inset(0 round 14px)!important;
    -webkit-clip-path:inset(0 round 14px)!important;
  }
  .communities-v299 .group-empty-v94,
  .communities-v299 .groups-search-v94,
  .communities-v299 .community-card-v94{
    border-radius:14px!important;
  }
  .communities-v299 .community-cover-v94{border-radius:14px 14px 0 0!important}
  .communities-v299 .group-empty-v94 .btn,
  .communities-v299 .group-empty-v94 .btn.primary{
    border-radius:14px!important;
    clip-path:inset(0 round 14px)!important;
    -webkit-clip-path:inset(0 round 14px)!important;
  }
}

@media(max-width:350px){
  .communities-v299 .groups-tabs-v94{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
  }
  .communities-v299 .groups-tabs-v94 a{
    height:46px!important;
    min-height:46px!important;
    padding:0 5px!important;
    column-gap:4px!important;
  }
  .communities-v299 .groups-tabs-v94 a i{font-size:10px!important}
  .communities-v299 .groups-tabs-v94 a span{font-size:6.9px!important}
}


/* =========================================================
   Mooky v302 — FIX "Créer" + "Créer un groupe"
   Same corner radius as the rest of Communities UI
   ========================================================= */

/* Small + Créer button */
.communities-v299 .group-section-title .mini-create-v94{
  width:auto!important;
  min-width:88px!important;
  height:38px!important;
  min-height:38px!important;

  padding:0 14px!important;
  margin:0!important;

  border-radius:13px!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  overflow:hidden!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;

  background:linear-gradient(180deg,rgba(124,92,255,.16),rgba(124,92,255,.09))!important;
  border:1px solid rgba(139,103,255,.30)!important;
  color:#b49cff!important;

  box-shadow:0 8px 20px rgba(0,0,0,.12)!important;

  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-align:center!important;
}

.communities-v299 .group-section-title .mini-create-v94 i{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;

  display:block!important;

  background:transparent!important;
  border:0!important;
  border-radius:0!important;

  color:#a98fff!important;
  font-size:11px!important;
  line-height:1!important;
}

.communities-v299 .group-section-title .mini-create-v94:hover{
  background:linear-gradient(180deg,rgba(124,92,255,.22),rgba(124,92,255,.12))!important;
  border-color:rgba(139,103,255,.42)!important;
  transform:translateY(-1px)!important;
}

/* Empty-state "Créer un groupe" button */
.communities-v299 .group-empty-v94 #openCommunityCreate3,
.communities-v299 .group-empty-v94 .btn.primary{
  width:auto!important;
  min-width:190px!important;
  max-width:100%!important;

  height:48px!important;
  min-height:48px!important;

  padding:0 20px!important;
  margin:18px auto 0!important;

  border-radius:14px!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  overflow:hidden!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  background:linear-gradient(135deg,#7454ff,#a064ff)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;

  box-shadow:0 12px 28px rgba(116,84,255,.22)!important;

  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-align:center!important;
}

.communities-v299 .group-empty-v94 #openCommunityCreate3 i,
.communities-v299 .group-empty-v94 .btn.primary i{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;

  margin:0!important;
  padding:0!important;

  background:transparent!important;
  border:0!important;
  border-radius:0!important;

  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
}

.communities-v299 .group-empty-v94 #openCommunityCreate3:hover,
.communities-v299 .group-empty-v94 .btn.primary:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 15px 32px rgba(116,84,255,.27)!important;
}

/* Keep empty card itself with the normal radius, not pill-like */
.communities-v299 .group-empty-v94{
  border-radius:14px!important;
}

/* Mobile */
@media(max-width:430px){
  .communities-v299 .group-section-title .mini-create-v94{
    min-width:84px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 12px!important;
    border-radius:13px!important;
    gap:6px!important;
    font-size:8.5px!important;
  }

  .communities-v299 .group-empty-v94 #openCommunityCreate3,
  .communities-v299 .group-empty-v94 .btn.primary{
    min-width:184px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 18px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }
}

/* =========================================================
   Mooky v303 — create buttons less rounded / normal corners
   ========================================================= */
.communities-v299 .group-section-title .mini-create-v94{
  border-radius:10px!important;
  clip-path:inset(0 round 10px)!important;
  -webkit-clip-path:inset(0 round 10px)!important;
}
.communities-v299 .group-empty-v94 #openCommunityCreate3,
.communities-v299 .group-empty-v94 .btn.primary{
  border-radius:10px!important;
  clip-path:inset(0 round 10px)!important;
  -webkit-clip-path:inset(0 round 10px)!important;
}
@media(max-width:430px){
  .communities-v299 .group-section-title .mini-create-v94{
    border-radius:10px!important;
    clip-path:inset(0 round 10px)!important;
    -webkit-clip-path:inset(0 round 10px)!important;
  }
  .communities-v299 .group-empty-v94 #openCommunityCreate3,
  .communities-v299 .group-empty-v94 .btn.primary{
    border-radius:10px!important;
    clip-path:inset(0 round 10px)!important;
    -webkit-clip-path:inset(0 round 10px)!important;
  }
}


/* =========================================================
   Mooky v304 — section create button EXACTLY like header +
   ========================================================= */
.communities-v299 .group-section-title .mini-create-v94.mini-create-icon-v304{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  padding:0!important;
  margin:0!important;

  display:grid!important;
  place-items:center!important;

  border-radius:16px!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  overflow:hidden!important;

  background:linear-gradient(180deg,#151a24,#10141c)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#f6f7fb!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;

  appearance:none!important;
  -webkit-appearance:none!important;
  line-height:1!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.communities-v299 .group-section-title .mini-create-v94.mini-create-icon-v304 i{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:#f6f7fb!important;
  font-size:20px!important;
  line-height:1!important;
  transform:none!important;
}
.communities-v299 .group-section-title .mini-create-v94.mini-create-icon-v304:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(139,103,255,.28)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.22)!important;
  background:linear-gradient(180deg,#181e2a,#111720)!important;
}
@media(max-width:430px){
  .communities-v299 .group-section-title .mini-create-v94.mini-create-icon-v304{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    border-radius:15px!important;
  }
  .communities-v299 .group-section-title .mini-create-v94.mini-create-icon-v304 i{
    font-size:19px!important;
  }
}


/* =========================================================
   Mooky v305 — Communities create menu cleanup
   - remove secondary create button from section header
   - normalize all create-modal corner radii
   - make the wizard look like the rest of Mooky
   ========================================================= */

/* No empty space reserved for deleted section create button */
.communities-v299 .group-section-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
}
.communities-v299 .group-section-title>div{
  min-width:0!important;
  width:100%!important;
}

/* Create modal shell */
.community-create-shell-v113 .mooky-modal-card{
  width:min(100vw,430px)!important;
  max-width:430px!important;
  max-height:88dvh!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-bottom:0!important;
  border-radius:20px 20px 0 0!important;
  background:linear-gradient(180deg,#151a24 0%,#10141d 100%)!important;
  box-shadow:0 -26px 70px rgba(0,0,0,.52)!important;
  overflow-y:auto!important;
}
.community-create-shell-v113 .modal-handle-v94{
  width:48px!important;
  height:5px!important;
  margin:10px auto 7px!important;
  border-radius:999px!important;
  background:#646d82!important;
}

/* Modal header exactly in the same family as other sheets */
.community-create-head-v113{
  margin:0 -14px 12px!important;
  padding:8px 14px 14px!important;
  min-height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.community-create-title-v113 small{
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:1.5px!important;
  color:#8f76ff!important;
}
.community-create-title-v113 h3{
  margin:5px 0 3px!important;
  font-size:20px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.3px!important;
}
.community-create-title-v113 p{
  margin:0!important;
  max-width:290px!important;
  font-size:9px!important;
  line-height:1.35!important;
  color:#828b9f!important;
}
.community-create-close-v113{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  flex:0 0 42px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#202533!important;
  color:#f7f8fb!important;
  display:grid!important;
  place-items:center!important;
}

/* Stepper: rounded like other Mooky blocks, not square */
.community-create-progress-v113{
  min-height:54px!important;
  margin:0 0 12px!important;
  padding:8px 10px!important;
  gap:6px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#0f131c!important;
  overflow:hidden!important;
}
.community-create-progress-v113 button{
  min-width:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:11px!important;
}
.community-create-progress-v113 button span{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
}
.community-create-progress-v113 button.active span{
  background:linear-gradient(135deg,#7554ff,#985fff)!important;
  color:#fff!important;
}

/* Preview */
.community-live-card-v113{
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  overflow:hidden!important;
  background:#10141d!important;
}
.community-cover-preview-v113{
  border-radius:14px 14px 0 0!important;
  overflow:hidden!important;
}
.community-avatar-preview-v113{
  border-radius:14px!important;
}
.community-avatar-preview-v113 img{
  border-radius:11px!important;
}

/* Upload actions */
.community-upload-grid-v113{
  gap:9px!important;
}
.community-upload-btn-v113{
  min-height:58px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#121722!important;
  padding:0 11px!important;
}
.community-upload-btn-v113>span{
  border-radius:11px!important;
}

/* Inputs / selects / textarea */
.community-input-v113,
.community-select-v113,
.community-field-v113 textarea{
  border-radius:13px!important;
  border-color:rgba(255,255,255,.08)!important;
  background:#0b0f17!important;
}
.community-field-v113 textarea{
  min-height:96px!important;
}

/* Step info cards */
.community-step-intro-v113,
.community-info-v113,
.community-final-summary-v113,
.community-confirm-v113{
  border-radius:14px!important;
}
.community-step-intro-v113>span,
.community-info-v113>i,
.community-final-icon-v113{
  border-radius:11px!important;
}

/* Privacy choices */
.community-choice-v113{
  border-radius:14px!important;
  background:#10151f!important;
  border-color:rgba(255,255,255,.07)!important;
}
.community-choice-v113>span{
  border-radius:11px!important;
}

/* Footer buttons */
.community-create-footer-v113{
  margin:12px -14px 0!important;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
  min-height:66px!important;
  background:rgba(16,20,29,.97)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.community-create-footer-v113 button{
  height:48px!important;
  min-height:48px!important;
  border-radius:13px!important;
}
.community-wizard-next-v113,
.community-wizard-submit-v113{
  background:linear-gradient(135deg,#7554ff,#985fff)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#fff!important;
}
.community-wizard-back-v113{
  background:#171c28!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

/* Keep the empty-state CTA, but use normal Mooky corners */
.communities-v299 .group-empty-v94 #openCommunityCreate3,
.communities-v299 .group-empty-v94 .btn.primary{
  border-radius:12px!important;
  clip-path:inset(0 round 12px)!important;
  -webkit-clip-path:inset(0 round 12px)!important;
}

@media(max-width:430px){
  .community-create-shell-v113 .mooky-modal-card{
    width:100vw!important;
    max-width:none!important;
    max-height:90dvh!important;
    border-radius:18px 18px 0 0!important;
  }
  .community-create-head-v113{
    padding:7px 12px 13px!important;
  }
  .community-create-title-v113 h3{
    font-size:19px!important;
  }
  .community-create-progress-v113{
    border-radius:13px!important;
  }
  .community-upload-btn-v113,
  .community-input-v113,
  .community-select-v113,
  .community-field-v113 textarea,
  .community-step-intro-v113,
  .community-info-v113,
  .community-choice-v113,
  .community-final-summary-v113,
  .community-confirm-v113,
  .community-live-card-v113{
    border-radius:13px!important;
  }
  .community-create-footer-v113 button{
    border-radius:12px!important;
  }
}


/* =========================================================
   Mooky v306 — community manage shortcuts fixed + unified
   ========================================================= */
#ctab-manage .manage-jump-v109{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
#ctab-manage .manage-jump-v109 .manage-jump-btn-v306{
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 10px!important;
  margin:0!important;
  border:1px solid #292e3b!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#151925 0%,#11151e 100%)!important;
  color:#aab2c4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font:inherit!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
#ctab-manage .manage-jump-v109 .manage-jump-btn-v306 i{
  flex:0 0 auto!important;
  color:#a486ff!important;
  font-size:12px!important;
}
#ctab-manage .manage-jump-v109 .manage-jump-btn-v306 span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#ctab-manage .manage-jump-v109 .manage-jump-btn-v306:hover,
#ctab-manage .manage-jump-v109 .manage-jump-btn-v306:focus-visible{
  background:#191e2a!important;
  border-color:rgba(139,103,255,.34)!important;
  transform:translateY(-1px)!important;
  outline:0!important;
}
/* Explicitly round the last Members button exactly like the other two */
#ctab-manage .manage-jump-v109 .manage-jump-btn-v306:last-child{
  border-radius:14px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 14px)!important;
  -webkit-clip-path:inset(0 round 14px)!important;
}
#ctab-manage .manage-panel-v109{
  scroll-margin-top:82px!important;
}
#ctab-manage .manage-panel-v109.manage-panel-focus-v306{
  border-color:rgba(139,103,255,.52)!important;
  box-shadow:0 0 0 2px rgba(124,92,255,.10),0 12px 30px rgba(0,0,0,.16)!important;
}
@media(max-width:430px){
  #ctab-manage .manage-jump-v109{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  #ctab-manage .manage-jump-v109 .manage-jump-btn-v306{
    height:46px!important;
    min-height:46px!important;
    padding:0 6px!important;
    gap:5px!important;
    border-radius:13px!important;
    font-size:8px!important;
  }
  #ctab-manage .manage-jump-v109 .manage-jump-btn-v306:last-child{
    border-radius:13px!important;
    clip-path:inset(0 round 13px)!important;
    -webkit-clip-path:inset(0 round 13px)!important;
  }
  #ctab-manage .manage-jump-v109 .manage-jump-btn-v306 i{font-size:11px!important}
}
@media(max-width:350px){
  #ctab-manage .manage-jump-v109{grid-template-columns:1fr!important}
  #ctab-manage .manage-jump-v109 .manage-jump-btn-v306{height:44px!important;min-height:44px!important;font-size:8.5px!important}
}

/* v307 - community manage action buttons rounded and consistent */
#ctab-manage .invite-form-v109{
  grid-template-columns:minmax(0,1fr) 180px;
  align-items:stretch;
}
#ctab-manage .invite-form-v109 .btn,
#ctab-manage .manage-save-v109,
#ctab-manage .danger-zone-v109 .btn{
  min-height:54px;
  border-radius:14px !important;
  padding:0 18px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:11.5px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
#ctab-manage .invite-form-v109 .btn,
#ctab-manage .manage-save-v109{
  background:linear-gradient(135deg,#7b5dff,#b27cff) !important;
  color:#fff !important;
  border:1px solid rgba(173,139,255,.24) !important;
}
#ctab-manage .danger-zone-v109 .btn,
#ctab-manage .danger-zone-v109 .btn.danger,
#ctab-manage .danger-zone-v109 button.btn{
  background:linear-gradient(135deg,#31141d,#5d1d2b) !important;
  color:#fff !important;
  border:1px solid rgba(255,102,129,.24) !important;
}
#ctab-manage .invite-form-v109 .btn i,
#ctab-manage .manage-save-v109 i,
#ctab-manage .danger-zone-v109 .btn i{
  font-size:15px;
}
#ctab-manage .manage-save-v109{
  width:100%;
}
#ctab-manage .danger-zone-v109 .btn{
  min-width:190px;
}
#ctab-manage .danger-zone-v109{
  align-items:center;
}
@media(max-width:390px){
  #ctab-manage .invite-form-v109{grid-template-columns:1fr;}
  #ctab-manage .invite-form-v109 .btn,
  #ctab-manage .manage-save-v109,
  #ctab-manage .danger-zone-v109 .btn{
    width:100%;
  }
  #ctab-manage .danger-zone-v109{
    align-items:stretch;
  }
}

/* v308 - community manage buttons less rounded + invite button below input */
#ctab-manage .manage-head-v109,
#ctab-manage .manage-overview-v109 > div,
#ctab-manage .manage-jump-v109 .manage-jump-btn-v306,
#ctab-manage .manage-jump-v109 .manage-jump-btn-v306:last-child,
#ctab-manage .manage-panel-v109,
#ctab-manage .manage-panel-icon-v109,
#ctab-manage .manage-count-v109,
#ctab-manage .invite-form-v109 label,
#ctab-manage .pending-list-v109 span,
#ctab-manage .join-request-v109,
#ctab-manage .join-request-actions-v109 button,
#ctab-manage .manage-field-v109 input,
#ctab-manage .manage-field-v109 textarea,
#ctab-manage .manage-field-v109 select,
#ctab-manage .community-files-v109 label,
#ctab-manage .community-files-v109 label > span,
#ctab-manage .invite-form-v109 .btn,
#ctab-manage .manage-save-v109,
#ctab-manage .danger-zone-v109 .btn{
  border-radius:10px !important;
}
#ctab-manage .manage-head-icon-v109,
#ctab-manage .manage-overview-v109 span{
  border-radius:10px !important;
}
#ctab-manage .invite-form-v109{
  grid-template-columns:1fr !important;
  gap:10px !important;
}
#ctab-manage .invite-form-v109 label{
  min-height:54px;
  padding:0 14px !important;
}
#ctab-manage .invite-form-v109 input{
  font-size:13px !important;
}
#ctab-manage .invite-form-v109 .btn{
  width:100% !important;
  min-height:52px !important;
  padding:0 16px !important;
  justify-content:center !important;
}
#ctab-manage .manage-save-v109,
#ctab-manage .danger-zone-v109 .btn{
  min-height:52px !important;
  border-radius:10px !important;
}
#ctab-manage .danger-zone-v109 .btn{
  min-width:170px !important;
}
#ctab-manage .manage-jump-v109 .manage-jump-btn-v306{
  height:46px !important;
  min-height:46px !important;
  border-radius:10px !important;
}
#ctab-manage .manage-jump-v109 .manage-jump-btn-v306:last-child{
  clip-path:inset(0 round 10px) !important;
  -webkit-clip-path:inset(0 round 10px) !important;
}
#ctab-manage .manage-panel-v109{
  padding:13px !important;
}
@media(max-width:430px){
  #ctab-manage .manage-jump-v109 .manage-jump-btn-v306,
  #ctab-manage .manage-jump-v109 .manage-jump-btn-v306:last-child,
  #ctab-manage .invite-form-v109 label,
  #ctab-manage .invite-form-v109 .btn,
  #ctab-manage .manage-save-v109,
  #ctab-manage .danger-zone-v109 .btn{
    border-radius:10px !important;
  }
}

/* =========================================================
   Mooky v309 — community equal side gutters / aligned borders
   ========================================================= */
.community-v94{
  --community-side-gutter:16px;
}

/* Identity/stats already live inside this wrapper: keep same left/right inset */
.community-v94 .community-identity-v94{
  padding-left:var(--community-side-gutter)!important;
  padding-right:var(--community-side-gutter)!important;
}

/* Tabs must line up exactly with stats and manage cards */
.community-v94 .community-tabs-v94{
  width:auto!important;
  margin:10px var(--community-side-gutter) 0!important;
}

/* Every tab content gets the exact same side gutter */
.community-v94 .community-tab-v94,
.community-v94 #ctab-manage{
  padding-left:var(--community-side-gutter)!important;
  padding-right:var(--community-side-gutter)!important;
}

/* Prevent children from creating different visual widths */
.community-v94 .community-stats-v94,
.community-v94 .community-tabs-v94,
.community-v94 .manage-head-v109,
.community-v94 .manage-overview-v109,
.community-v94 .manage-jump-v109,
.community-v94 .manage-panel-v109,
.community-v94 .community-composer-v94,
.community-v94 .community-post-v94,
.community-v94 .member-card-v94,
.community-v94 .about-card-v94,
.community-v94 .rules-card-v94{
  box-sizing:border-box!important;
  max-width:100%!important;
}

/* Management area: same exact edge from top to bottom */
.community-v94 #ctab-manage .manage-v109{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
.community-v94 #ctab-manage .manage-head-v109,
.community-v94 #ctab-manage .manage-overview-v109,
.community-v94 #ctab-manage .manage-jump-v109,
.community-v94 #ctab-manage .manage-panel-v109{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

@media(max-width:430px){
  .community-v94{
    --community-side-gutter:14px;
  }
}


/* =========================================================
   Mooky v310 — community comments composer clean/aligned
   ========================================================= */

/* Keep discussion aligned with the post/card borders */
.community-discussion-v99,
.community-discussion-v110{
  margin:0!important;
  padding:10px 12px 16px!important;
  border-top:0!important;
}

/* Main comment composer */
.community-discussion-v99 .comment-composer-pro,
.community-discussion-v110 .comment-composer-pro{
  width:100%!important;
  margin:0 0 12px!important;
  padding:10px!important;

  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;

  border:1px solid #282d3b!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#11151f 0%,#0e1119 100%)!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Avatar stays compact, with premium effects preserved */
.community-discussion-v99 .comment-composer-pro>img,
.community-discussion-v110 .comment-composer-pro>img{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  margin:1px 0 0!important;
  border-radius:50%!important;
  object-fit:cover!important;
}

/* Right side */
.community-discussion-v99 .comment-composer-main,
.community-discussion-v110 .comment-composer-main{
  min-width:0!important;
  width:100%!important;
}

/* Input row */
.community-discussion-v99 .comment-input-wrap,
.community-discussion-v110 .comment-input-wrap{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
}

.community-discussion-v99 .comment-input-wrap input,
.community-discussion-v110 .comment-input-wrap input{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;

  margin:0!important;
  padding:0 48px 0 13px!important;

  border:1px solid #292e3d!important;
  border-radius:10px!important;
  background:#090c13!important;
  color:#f5f6fa!important;

  font-size:11px!important;
  line-height:42px!important;

  outline:0!important;
  box-shadow:none!important;
}

.community-discussion-v99 .comment-input-wrap input:focus,
.community-discussion-v110 .comment-input-wrap input:focus{
  border-color:rgba(124,92,255,.50)!important;
  box-shadow:0 0 0 2px rgba(124,92,255,.08)!important;
}

/* Send button – same radius/style as the rest */
.community-discussion-v99 .comment-input-wrap button,
.community-discussion-v110 .comment-input-wrap button{
  position:absolute!important;
  top:4px!important;
  right:4px!important;

  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;

  margin:0!important;
  padding:0!important;

  display:grid!important;
  place-items:center!important;

  border:1px solid rgba(168,132,255,.18)!important;
  border-radius:10px!important;

  background:linear-gradient(135deg,#7456ff,#9c67ff)!important;
  color:#fff!important;

  font-size:13px!important;
  box-shadow:0 6px 16px rgba(124,92,255,.18)!important;
}

.community-discussion-v99 .comment-input-wrap button:hover,
.community-discussion-v110 .comment-input-wrap button:hover{
  filter:brightness(1.06)!important;
}

/* Mention helper */
.community-discussion-v99 .comment-composer-main>small,
.community-discussion-v110 .comment-composer-main>small{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;

  margin:7px 3px 0!important;

  color:#697186!important;
  font-size:8px!important;
  line-height:1.25!important;
}

.community-discussion-v99 .comment-composer-main>small i,
.community-discussion-v110 .comment-composer-main>small i{
  color:#8d73ff!important;
  margin:0!important;
}

/* Empty comments block aligned and slightly more compact */
.community-comments-empty-v99{
  width:100%!important;
  margin:0!important;
  padding:30px 14px 34px!important;

  border:1px solid #262b38!important;
  border-radius:10px!important;

  background:#10141d!important;
}

.community-comments-empty-v99>div{
  width:46px!important;
  height:46px!important;
  border-radius:10px!important;
  background:#1a1630!important;
}

.community-comments-empty-v99 h3{
  margin:12px 0 5px!important;
}

.community-comments-empty-v99 p{
  margin:0!important;
}

/* Reply chip follows same radii */
.community-discussion-v99 .reply-context,
.community-discussion-v110 .reply-context{
  margin:0 0 7px!important;
  padding:7px 9px!important;
  border-radius:10px!important;
}

/* Mobile: keep it tight and avoid horizontal overflow */
@media(max-width:430px){
  .community-discussion-v99,
  .community-discussion-v110{
    padding:9px 9px 14px!important;
  }

  .community-discussion-v99 .comment-composer-pro,
  .community-discussion-v110 .comment-composer-pro{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px!important;
    border-radius:10px!important;
  }

  .community-discussion-v99 .comment-composer-pro>img,
  .community-discussion-v110 .comment-composer-pro>img{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }

  .community-discussion-v99 .comment-input-wrap input,
  .community-discussion-v110 .comment-input-wrap input{
    height:40px!important;
    min-height:40px!important;
    padding-right:45px!important;
    border-radius:10px!important;
    font-size:10.5px!important;
  }

  .community-discussion-v99 .comment-input-wrap button,
  .community-discussion-v110 .comment-input-wrap button{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    top:4px!important;
    right:4px!important;
    border-radius:9px!important;
  }

  .community-comments-empty-v99{
    border-radius:10px!important;
    padding:28px 12px 32px!important;
  }
}


/* =========================================================
   Mooky v311 — community comment send button refinement
   ========================================================= */
.community-discussion-v99 .comment-input-wrap,
.community-discussion-v110 .comment-input-wrap{
  display:block!important;
}

.community-discussion-v99 .comment-input-wrap input,
.community-discussion-v110 .comment-input-wrap input{
  padding-right:58px!important;
}

.community-discussion-v99 .comment-input-wrap button,
.community-discussion-v110 .comment-input-wrap button{
  top:50%!important;
  right:6px!important;
  transform:translateY(-50%)!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border-radius:12px!important;
  border:1px solid rgba(179,154,255,.20)!important;
  background:linear-gradient(135deg,#815eff 0%,#a777ff 100%)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 10px 24px rgba(124,92,255,.22)!important;
}

.community-discussion-v99 .comment-input-wrap button i,
.community-discussion-v110 .comment-input-wrap button i,
.community-discussion-v99 .comment-input-wrap button svg,
.community-discussion-v110 .comment-input-wrap button svg{
  font-size:15px!important;
  width:15px!important;
  height:15px!important;
}

.community-discussion-v99 .comment-input-wrap button:hover,
.community-discussion-v110 .comment-input-wrap button:hover{
  filter:brightness(1.07)!important;
  box-shadow:0 12px 26px rgba(124,92,255,.28)!important;
}

.community-discussion-v99 .comment-input-wrap button:active,
.community-discussion-v110 .comment-input-wrap button:active{
  transform:translateY(-50%) scale(.97)!important;
}

@media(max-width:430px){
  .community-discussion-v99 .comment-input-wrap input,
  .community-discussion-v110 .comment-input-wrap input{
    padding-right:54px!important;
  }

  .community-discussion-v99 .comment-input-wrap button,
  .community-discussion-v110 .comment-input-wrap button{
    right:5px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border-radius:11px!important;
  }
}


/* =========================================================
   Mooky v312 — community comment button + likes/refined actions
   ========================================================= */
.community-discussion-v99 .comment-input-wrap input,
.community-discussion-v110 .comment-input-wrap input{
  height:46px!important;
  min-height:46px!important;
  padding:0 61px 0 15px!important;
  border-radius:14px!important;
}

.community-discussion-v99 .comment-input-wrap .comment-send-btn,
.community-discussion-v110 .comment-input-wrap .comment-send-btn,
.community-discussion-v99 .comment-input-wrap button.comment-send-btn,
.community-discussion-v110 .comment-input-wrap button.comment-send-btn{
  position:absolute!important;
  top:3px!important;
  right:3px!important;
  bottom:3px!important;
  transform:none!important;
  width:50px!important;
  height:auto!important;
  min-width:50px!important;
  min-height:0!important;
  border-radius:12px!important;
  border:1px solid rgba(188,166,255,.18)!important;
  background:linear-gradient(135deg,#7d5cff 0%,#ac7cff 100%)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 10px 22px rgba(124,92,255,.22)!important;
  cursor:pointer!important;
}

.community-discussion-v99 .comment-input-wrap .comment-send-btn i,
.community-discussion-v110 .comment-input-wrap .comment-send-btn i{
  font-size:17px!important;
  line-height:1!important;
  margin:0!important;
}

.community-discussion-v99 .comment-input-wrap .comment-send-btn:hover,
.community-discussion-v110 .comment-input-wrap .comment-send-btn:hover{
  filter:brightness(1.05)!important;
  box-shadow:0 12px 26px rgba(124,92,255,.28)!important;
}

.community-discussion-v99 .comment-input-wrap .comment-send-btn:active,
.community-discussion-v110 .comment-input-wrap .comment-send-btn:active{
  transform:scale(.98)!important;
}

.community-discussion-v99 .comment-pro-actions,
.community-discussion-v110 .comment-pro-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:8px 2px 0!important;
}

.community-discussion-v99 .comment-pro-actions .comment-time-chip,
.community-discussion-v110 .comment-pro-actions .comment-time-chip{
  margin-right:auto!important;
  color:#7d8497!important;
  font-size:8.5px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

.community-discussion-v99 .comment-pro-actions form,
.community-discussion-v110 .comment-pro-actions form{
  margin:0!important;
  display:inline-flex!important;
}

.community-discussion-v99 .comment-pro-actions .comment-action-pill,
.community-discussion-v110 .comment-pro-actions .comment-action-pill{
  border:1px solid #252b3a!important;
  background:#121722!important;
  color:#a8afc1!important;
  min-height:26px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:8.5px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.community-discussion-v99 .comment-pro-actions .comment-action-pill i,
.community-discussion-v110 .comment-pro-actions .comment-action-pill i{
  margin:0!important;
  font-size:11px!important;
}

.community-discussion-v99 .comment-pro-actions .comment-action-pill span,
.community-discussion-v110 .comment-pro-actions .comment-action-pill span{
  display:inline-block!important;
}

.community-discussion-v99 .comment-pro-actions .comment-action-pill:hover,
.community-discussion-v110 .comment-pro-actions .comment-action-pill:hover{
  background:#171d2a!important;
  color:#e8ebf4!important;
}

.community-discussion-v99 .comment-pro-actions .comment-action-pill.active,
.community-discussion-v110 .comment-pro-actions .comment-action-pill.active{
  background:rgba(124,92,255,.13)!important;
  border-color:rgba(144,114,255,.45)!important;
  color:#b89bff!important;
}

.community-discussion-v99 .comment-pro-actions .comment-action-pill.active i,
.community-discussion-v110 .comment-pro-actions .comment-action-pill.active i{
  color:#b89bff!important;
}

@media(max-width:430px){
  .community-discussion-v99 .comment-input-wrap input,
  .community-discussion-v110 .comment-input-wrap input{
    height:44px!important;
    min-height:44px!important;
    padding-right:57px!important;
    border-radius:13px!important;
  }

  .community-discussion-v99 .comment-input-wrap .comment-send-btn,
  .community-discussion-v110 .comment-input-wrap .comment-send-btn,
  .community-discussion-v99 .comment-input-wrap button.comment-send-btn,
  .community-discussion-v110 .comment-input-wrap button.comment-send-btn{
    width:46px!important;
    min-width:46px!important;
    border-radius:11px!important;
  }

  .community-discussion-v99 .comment-pro-actions,
  .community-discussion-v110 .comment-pro-actions{
    gap:6px!important;
  }

  .community-discussion-v99 .comment-pro-actions .comment-time-chip,
  .community-discussion-v110 .comment-pro-actions .comment-time-chip{
    width:100%!important;
    margin-right:0!important;
  }
}


/* =========================================================
   Mooky v313 — send button = exact community + button, AJAX states
   ========================================================= */
.community-discussion-v99 .comment-input-wrap input,
.community-discussion-v110 .comment-input-wrap input{
  height:46px!important;
  min-height:46px!important;
  padding-right:52px!important;
  border-radius:10px!important;
}
.community-discussion-v99 .comment-input-wrap .comment-send-btn,
.community-discussion-v110 .comment-input-wrap .comment-send-btn{
  position:absolute!important;
  right:4px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:39px!important;
  height:39px!important;
  min-width:39px!important;
  min-height:39px!important;
  max-width:39px!important;
  max-height:39px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#7356ff,#a267ff)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 9px 22px rgba(124,91,255,.22)!important;
  line-height:1!important;
}
.community-discussion-v99 .comment-input-wrap .comment-send-btn i,
.community-discussion-v110 .comment-input-wrap .comment-send-btn i{
  margin:0!important;
  font-size:16px!important;
  line-height:1!important;
}
.community-discussion-v99 .comment-input-wrap .comment-send-btn:active,
.community-discussion-v110 .comment-input-wrap .comment-send-btn:active{
  transform:translateY(-50%) scale(.96)!important;
}
.community-discussion-v99 .comment-input-wrap .comment-send-btn:disabled,
.community-discussion-v110 .comment-input-wrap .comment-send-btn:disabled{
  opacity:.6!important;
  cursor:wait!important;
}
.community-comment-ajax-form.sending .comment-send-btn i{animation:mookySendPulse .7s ease-in-out infinite alternate}
@keyframes mookySendPulse{from{transform:translateX(-1px) scale(.96)}to{transform:translateX(1px) scale(1.06)}}

.community-discussion-v99 .comment-pro-actions,
.community-discussion-v110 .comment-pro-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  padding:7px 4px 0!important;
}
.community-discussion-v99 .comment-pro-actions form,
.community-discussion-v110 .comment-pro-actions form{margin:0!important;display:inline-flex!important}
.community-discussion-v99 .comment-pro-actions button,
.community-discussion-v110 .comment-pro-actions button,
.community-discussion-v99 .comment-pro-actions .comment-action-pill,
.community-discussion-v110 .comment-pro-actions .comment-action-pill{
  min-height:26px!important;
  padding:0 9px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#858da1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:8.5px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.community-discussion-v99 .comment-pro-actions button:hover,
.community-discussion-v110 .comment-pro-actions button:hover{
  background:#151a25!important;
  border-color:#282e3c!important;
  color:#d8dbea!important;
}
.community-discussion-v99 .comment-pro-actions button.active,
.community-discussion-v110 .comment-pro-actions button.active{
  background:rgba(124,92,255,.11)!important;
  border-color:rgba(139,103,255,.28)!important;
  color:#ae90ff!important;
}
.community-discussion-v99 .comment-pro-actions button.active i,
.community-discussion-v110 .comment-pro-actions button.active i{color:#ae90ff!important}
.community-discussion-v99 .comment-pro-actions>span,
.community-discussion-v110 .comment-pro-actions>span{
  color:#737b8f!important;
  font-size:8px!important;
  margin-right:1px!important;
}
@media(max-width:430px){
  .community-discussion-v99 .comment-input-wrap input,
  .community-discussion-v110 .comment-input-wrap input{padding-right:50px!important}
  .community-discussion-v99 .comment-input-wrap .comment-send-btn,
  .community-discussion-v110 .comment-input-wrap .comment-send-btn{
    width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important;max-width:37px!important;max-height:37px!important;
  }
}


/* =========================================================
   Mooky v314 — community comments match post.php exactly
   ========================================================= */

/* Field + send button separated, same button geometry as the + launcher */
.community-discussion-v99 .comment-input-wrap,
.community-discussion-v110 .comment-input-wrap{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 39px!important;
  gap:8px!important;
  align-items:center!important;
}

.community-discussion-v99 .comment-input-wrap input,
.community-discussion-v110 .comment-input-wrap input{
  grid-column:1!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #292e3d!important;
  border-radius:8px!important;
  background:#090c13!important;
  color:#f5f6fa!important;
  font-size:11px!important;
  line-height:42px!important;
  box-shadow:none!important;
}

.community-discussion-v99 .comment-input-wrap .mention-suggestions,
.community-discussion-v110 .comment-input-wrap .mention-suggestions{
  grid-column:1!important;
}

/* Send button = same visual language as the + button */
.community-discussion-v99 .comment-input-wrap .comment-send-btn,
.community-discussion-v110 .comment-input-wrap .comment-send-btn{
  position:static!important;
  grid-column:2!important;
  inset:auto!important;
  transform:none!important;

  width:39px!important;
  height:39px!important;
  min-width:39px!important;
  min-height:39px!important;
  max-width:39px!important;
  max-height:39px!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#7356ff,#a267ff)!important;
  color:#fff!important;

  display:grid!important;
  place-items:center!important;

  box-shadow:0 9px 22px rgba(124,91,255,.22)!important;
}

.community-discussion-v99 .comment-input-wrap .comment-send-btn i,
.community-discussion-v110 .comment-input-wrap .comment-send-btn i{
  margin:0!important;
  font-size:16px!important;
  line-height:1!important;
}

.community-discussion-v99 .comment-input-wrap .comment-send-btn:hover,
.community-discussion-v110 .comment-input-wrap .comment-send-btn:hover{
  filter:brightness(1.06)!important;
}

.community-discussion-v99 .comment-input-wrap .comment-send-btn:active,
.community-discussion-v110 .comment-input-wrap .comment-send-btn:active{
  transform:scale(.96)!important;
}

/* Comment actions copied from post.php behavior: plain text, no boxed/pill style */
.community-discussion-v99 .comment-pro-actions,
.community-discussion-v110 .comment-pro-actions{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  flex-wrap:wrap!important;
  padding:6px 4px 0!important;
  color:#73798b!important;
}

.community-discussion-v99 .comment-pro-actions>span,
.community-discussion-v110 .comment-pro-actions>span{
  color:#73798b!important;
  font-size:8.5px!important;
  margin:0!important;
}

.community-discussion-v99 .comment-pro-actions form,
.community-discussion-v110 .comment-pro-actions form{
  margin:0!important;
  display:inline-flex!important;
}

.community-discussion-v99 .comment-pro-actions .comment-like-btn,
.community-discussion-v110 .comment-pro-actions .comment-like-btn,
.community-discussion-v99 .comment-pro-actions .reply-comment-btn,
.community-discussion-v110 .comment-pro-actions .reply-comment-btn{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;

  color:#81889d!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;

  font-size:8.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

.community-discussion-v99 .comment-pro-actions .comment-like-btn i,
.community-discussion-v110 .comment-pro-actions .comment-like-btn i,
.community-discussion-v99 .comment-pro-actions .reply-comment-btn i,
.community-discussion-v110 .comment-pro-actions .reply-comment-btn i{
  margin:0!important;
  font-size:10px!important;
}

.community-discussion-v99 .comment-pro-actions .comment-like-btn span,
.community-discussion-v110 .comment-pro-actions .comment-like-btn span{
  display:inline!important;
}

.community-discussion-v99 .comment-pro-actions .comment-like-btn:hover,
.community-discussion-v110 .comment-pro-actions .comment-like-btn:hover,
.community-discussion-v99 .comment-pro-actions .reply-comment-btn:hover,
.community-discussion-v110 .comment-pro-actions .reply-comment-btn:hover{
  background:transparent!important;
  border:0!important;
  color:#c2c7d6!important;
}

.community-discussion-v99 .comment-pro-actions .comment-like-btn.active,
.community-discussion-v110 .comment-pro-actions .comment-like-btn.active{
  background:transparent!important;
  border:0!important;
  color:#a387ff!important;
}

.community-discussion-v99 .comment-pro-actions .comment-like-btn.active i,
.community-discussion-v110 .comment-pro-actions .comment-like-btn.active i{
  color:#a387ff!important;
}

/* Neutralize previous boxed action styles */
.community-discussion-v99 .comment-pro-actions .comment-action-pill,
.community-discussion-v110 .comment-pro-actions .comment-action-pill{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  min-height:0!important;
  padding:0!important;
  box-shadow:none!important;
}

@media(max-width:430px){
  .community-discussion-v99 .comment-input-wrap,
  .community-discussion-v110 .comment-input-wrap{
    grid-template-columns:minmax(0,1fr) 38px!important;
    gap:7px!important;
  }

  .community-discussion-v99 .comment-input-wrap input,
  .community-discussion-v110 .comment-input-wrap input{
    height:40px!important;
    min-height:40px!important;
    border-radius:8px!important;
    padding:0 12px!important;
  }

  .community-discussion-v99 .comment-input-wrap .comment-send-btn,
  .community-discussion-v110 .comment-input-wrap .comment-send-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    border-radius:8px!important;
  }

  .community-discussion-v99 .comment-pro-actions,
  .community-discussion-v110 .comment-pro-actions{
    gap:9px!important;
  }

  .community-discussion-v99 .comment-pro-actions>span,
  .community-discussion-v110 .comment-pro-actions>span,
  .community-discussion-v99 .comment-pro-actions .comment-like-btn,
  .community-discussion-v110 .comment-pro-actions .comment-like-btn,
  .community-discussion-v99 .comment-pro-actions .reply-comment-btn,
  .community-discussion-v110 .comment-pro-actions .reply-comment-btn{
    font-size:8px!important;
  }
}


/* =========================================================
   Mooky v315 — comment send buttons = exact small rounded launcher style
   ========================================================= */

/* Generic comment composers */
.comment-input-wrap{
  position:relative!important;
}

.comment-input-wrap input{
  padding-right:56px!important;
}

.comment-input-wrap > .comment-send-btn,
.comment-input-wrap > button.comment-send-btn,
.comment-input-wrap > button[aria-label="Envoyer"],
.comment-input-wrap > button[aria-label="Envoyer le commentaire"]{
  position:absolute!important;
  top:50%!important;
  right:5px!important;
  transform:translateY(-50%)!important;

  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  border-radius:8px!important;

  background:linear-gradient(135deg,#7356ff,#a267ff)!important;
  color:#fff!important;

  display:grid!important;
  place-items:center!important;

  box-shadow:0 9px 22px rgba(124,91,255,.22)!important;
  cursor:pointer!important;
}

.comment-input-wrap > .comment-send-btn i,
.comment-input-wrap > button.comment-send-btn i,
.comment-input-wrap > button[aria-label="Envoyer"] i,
.comment-input-wrap > button[aria-label="Envoyer le commentaire"] i{
  margin:0!important;
  font-size:16px!important;
  line-height:1!important;
}

.comment-input-wrap > .comment-send-btn:hover,
.comment-input-wrap > button.comment-send-btn:hover,
.comment-input-wrap > button[aria-label="Envoyer"]:hover,
.comment-input-wrap > button[aria-label="Envoyer le commentaire"]:hover{
  filter:brightness(1.06)!important;
}

.comment-input-wrap > .comment-send-btn:active,
.comment-input-wrap > button.comment-send-btn:active,
.comment-input-wrap > button[aria-label="Envoyer"]:active,
.comment-input-wrap > button[aria-label="Envoyer le commentaire"]:active{
  transform:translateY(-50%) scale(.96)!important;
}

/* Community pages: same button, no stretched rectangle */
.community-discussion-v99 .comment-input-wrap,
.community-discussion-v110 .comment-input-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
}

.community-discussion-v99 .comment-input-wrap input,
.community-discussion-v110 .comment-input-wrap input{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 56px 0 13px!important;
  border-radius:10px!important;
}

.community-discussion-v99 .comment-input-wrap .comment-send-btn,
.community-discussion-v110 .comment-input-wrap .comment-send-btn,
.community-discussion-v99 .comment-input-wrap button.comment-send-btn,
.community-discussion-v110 .comment-input-wrap button.comment-send-btn{
  position:absolute!important;
  top:50%!important;
  right:5px!important;
  bottom:auto!important;
  left:auto!important;
  transform:translateY(-50%)!important;

  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#7356ff,#a267ff)!important;
  color:#fff!important;

  display:grid!important;
  place-items:center!important;

  box-shadow:0 9px 22px rgba(124,91,255,.22)!important;
}

.community-discussion-v99 .comment-input-wrap .comment-send-btn i,
.community-discussion-v110 .comment-input-wrap .comment-send-btn i{
  margin:0!important;
  font-size:16px!important;
  line-height:1!important;
}

.community-discussion-v99 .comment-input-wrap .comment-send-btn:hover,
.community-discussion-v110 .comment-input-wrap .comment-send-btn:hover{
  filter:brightness(1.06)!important;
}

.community-discussion-v99 .comment-input-wrap .comment-send-btn:active,
.community-discussion-v110 .comment-input-wrap .comment-send-btn:active{
  transform:translateY(-50%) scale(.96)!important;
}

@media(max-width:430px){
  .comment-input-wrap input{
    padding-right:53px!important;
  }

  .comment-input-wrap > .comment-send-btn,
  .comment-input-wrap > button.comment-send-btn,
  .comment-input-wrap > button[aria-label="Envoyer"],
  .comment-input-wrap > button[aria-label="Envoyer le commentaire"],
  .community-discussion-v99 .comment-input-wrap .comment-send-btn,
  .community-discussion-v110 .comment-input-wrap .comment-send-btn,
  .community-discussion-v99 .comment-input-wrap button.comment-send-btn,
  .community-discussion-v110 .comment-input-wrap button.comment-send-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    right:4px!important;
    border-radius:8px!important;
  }

  .community-discussion-v99 .comment-input-wrap input,
  .community-discussion-v110 .comment-input-wrap input{
    height:40px!important;
    min-height:40px!important;
    padding-right:53px!important;
  }
}

/* =========================================================
   Mooky v322 — refonte CSS propre du système de commentaires
   ========================================================= */

/* Zone discussion */
.post-discussion,
.community-discussion-v99,
.community-discussion-v110{
  --comment-bg:#0f121a;
  --comment-panel:#151923;
  --comment-input:#292d39;
  --comment-input-2:#252936;
  --comment-border:#262c3a;
  --comment-muted:#7f8799;
  --comment-text:#f4f6fb;
  --comment-accent:#8b6cff;
  margin-top:0!important;
  padding:14px 14px 18px!important;
  background:#0c0f16!important;
  border-top:1px solid #222735!important;
}

/* Composer */
.comment-composer-pro,
.community-discussion-v99 .comment-composer-pro,
.community-discussion-v110 .comment-composer-pro{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.comment-composer-main,
.community-discussion-v99 .comment-composer-main,
.community-discussion-v110 .comment-composer-main{
  min-width:0!important;
  width:100%!important;
}
.comment-avatar-wrap,
.community-discussion-v99 .comment-avatar-wrap,
.community-discussion-v110 .comment-avatar-wrap{
  position:relative!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
}
.comment-avatar-wrap>img,
.community-discussion-v99 .comment-avatar-wrap>img,
.community-discussion-v110 .comment-avatar-wrap>img{
  display:block!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#141925!important;
}
.comment-avatar-badge{display:none!important}

/* Premium avatar propre et cohérent */
.comment-avatar-wrap>img.premium-avatar,
.comment-pro-avatar img.premium-avatar,
.community-discussion-v99 .comment-avatar-wrap>img.premium-avatar,
.community-discussion-v110 .comment-avatar-wrap>img.premium-avatar,
.community-discussion-v99 .comment-pro-avatar img.premium-avatar,
.community-discussion-v110 .comment-pro-avatar img.premium-avatar{
  --premium-avatar-border:2px!important;
  border-radius:50%!important;
  animation:none!important;
}
.comment-avatar-wrap>img.premium-avatar-classic,
.comment-pro-avatar img.premium-avatar-classic{
  box-shadow:0 0 0 2px var(--premium-accent),0 0 12px color-mix(in srgb,var(--premium-accent) 36%,transparent)!important;
}
.comment-avatar-wrap>img.premium-avatar-gradient,
.comment-pro-avatar img.premium-avatar-gradient{
  box-shadow:0 0 0 2px var(--premium-accent),0 0 0 4px color-mix(in srgb,var(--premium-secondary) 64%,var(--premium-accent)),0 0 14px color-mix(in srgb,var(--premium-accent) 38%,transparent)!important;
}
.comment-avatar-wrap>img.premium-avatar-neon,
.comment-pro-avatar img.premium-avatar-neon{
  box-shadow:0 0 0 2px var(--premium-accent),0 0 12px color-mix(in srgb,var(--premium-accent) 68%,transparent)!important;
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--premium-accent) 40%,transparent))!important;
}
.comment-avatar-wrap>img.premium-avatar-double,
.comment-pro-avatar img.premium-avatar-double{
  box-shadow:0 0 0 2px var(--premium-accent),0 0 0 4px #0c0f16,0 0 0 6px var(--premium-secondary)!important;
}
.comment-avatar-wrap>img.premium-avatar-soft,
.comment-pro-avatar img.premium-avatar-soft{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--premium-accent) 60%,#fff),0 0 10px color-mix(in srgb,var(--premium-accent) 24%,transparent)!important;
}
.comment-avatar-wrap>img.premium-avatar-glow,
.comment-pro-avatar img.premium-avatar-glow{
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--premium-accent) 42%,transparent))!important;
}

/* Champ : une seule ligne, net et aligné */
.comment-input-wrap.mooky-comment-composer-box,
.community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box,
.community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #353b4a!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,var(--comment-input),var(--comment-input-2))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.14)!important;
}
.comment-input-wrap.mooky-comment-composer-box:focus-within,
.community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box:focus-within,
.community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box:focus-within{
  border-color:rgba(139,108,255,.46)!important;
  box-shadow:0 0 0 3px rgba(139,108,255,.08),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.comment-input-wrap.mooky-comment-composer-box>input,
.community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box>input,
.community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box>input{
  display:block!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0 54px 0 18px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--comment-text)!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:58px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.comment-input-wrap.mooky-comment-composer-box>input::placeholder,
.community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box>input::placeholder,
.community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box>input::placeholder{
  color:#c6cad5!important;
  opacity:1!important;
}

/* Les anciens outils sont masqués. */
.mooky-comment-tools,
.community-discussion-v99 .mooky-comment-tools,
.community-discussion-v110 .mooky-comment-tools,
.comment-composer-main>.mooky-comment-hint,
.community-discussion-v99 .comment-composer-main>.mooky-comment-hint,
.community-discussion-v110 .comment-composer-main>.mooky-comment-hint{
  display:none!important;
}
.mooky-comment-toolbar,
.community-discussion-v99 .mooky-comment-toolbar,
.community-discussion-v110 .mooky-comment-toolbar{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  pointer-events:none!important;
}
.mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn,
.community-discussion-v99 .mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn,
.community-discussion-v110 .mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn{
  pointer-events:auto!important;
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#d7dae5!important;
  box-shadow:none!important;
  transition:.16s ease!important;
}
.mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn:hover{
  background:rgba(139,108,255,.13)!important;
  color:#fff!important;
}
.mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn:active{
  transform:translateY(-50%) scale(.94)!important;
}
.mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn i{
  margin:0!important;
  font-size:18px!important;
  line-height:1!important;
  transform:rotate(-10deg)!important;
}

/* Réponse en cours */
.reply-context{
  margin:0 0 8px!important;
  padding:8px 10px!important;
  border:1px solid rgba(139,108,255,.22)!important;
  border-radius:12px!important;
  background:#171524!important;
  color:#c9c2ef!important;
}

/* Liste de commentaires */
.comment-thread-pro,
.community-discussion-v99 .comment-thread-pro,
.community-discussion-v110 .comment-thread-pro{
  display:grid!important;
  gap:13px!important;
  margin-top:4px!important;
}
.comment-pro,
.community-discussion-v99 .comment-pro,
.community-discussion-v110 .comment-pro{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:flex-start!important;
}
.comment-pro-avatar{
  display:block!important;
  width:40px!important;
  height:40px!important;
}
.comment-pro-avatar img{
  display:block!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#131824!important;
}
.comment-pro-body{min-width:0!important}
.comment-pro-card,
.community-discussion-v99 .comment-pro-card,
.community-discussion-v110 .comment-pro-card{
  padding:11px 13px!important;
  border:1px solid var(--comment-border)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#10141d,#0e1119)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.comment-pro-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.comment-pro-identity{
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:4px!important;
}
.comment-pro-identity>a{
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
.comment-pro-identity small{
  flex-basis:100%!important;
  display:block!important;
  margin-top:2px!important;
  color:#697184!important;
  font-size:8px!important;
}
.comment-content{
  margin-top:9px!important;
  color:#eceef5!important;
  font-size:12px!important;
  line-height:1.48!important;
  overflow-wrap:anywhere!important;
}
.comment-pro-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:11px!important;
  margin:6px 0 0 5px!important;
  color:#747c8e!important;
  font-size:8.5px!important;
}
.comment-pro-actions form{margin:0!important}
.comment-pro-actions button{
  min-height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#8d94a5!important;
  font-size:9px!important;
  font-weight:800!important;
}
.comment-pro-actions button:hover{color:#cfc8ff!important}
.comment-like-btn.active{color:#a98dff!important}
.comment-like-btn.active i{color:#a98dff!important}
.comment-replies{
  display:grid!important;
  gap:10px!important;
  margin:11px 0 0 14px!important;
  padding-left:12px!important;
  border-left:1px solid #252a38!important;
}
.comment-pro.is-reply{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important}
.comment-pro.is-reply .comment-pro-avatar,
.comment-pro.is-reply .comment-pro-avatar img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
}

/* Menus ... */
.comment-pro details summary,
.community-comment-menu-v98 summary{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  color:#737b8f!important;
  cursor:pointer!important;
}
.comment-pro details summary:hover,
.community-comment-menu-v98 summary:hover{
  background:#171b25!important;
  color:#c2c7d3!important;
}

/* Empty / locked */
.comments-empty-pro,
.comments-locked{
  margin:12px 0 0!important;
  padding:24px 18px!important;
  border:1px solid #252b39!important;
  border-radius:16px!important;
  background:#10141d!important;
}

/* Emoji / mention suggestions restent fonctionnels */
.mooky-comment-composer-box .mention-suggestions{
  left:8px!important;
  right:8px!important;
  top:52px!important;
  bottom:auto!important;
  z-index:95!important;
  border-radius:13px!important;
}
.mooky-emoji-popover{display:none!important}
.comment-composer-pro.sending .mooky-comment-composer-box{opacity:.7!important}

@media(max-width:560px){
  .post-discussion,
  .community-discussion-v99,
  .community-discussion-v110{padding:12px 10px 16px!important}
  .comment-composer-pro,
  .community-discussion-v99 .comment-composer-pro,
  .community-discussion-v110 .comment-composer-pro{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;margin-bottom:14px!important}
  .comment-avatar-wrap,
  .comment-avatar-wrap>img,
  .community-discussion-v99 .comment-avatar-wrap,
  .community-discussion-v99 .comment-avatar-wrap>img,
  .community-discussion-v110 .comment-avatar-wrap,
  .community-discussion-v110 .comment-avatar-wrap>img{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important
  }
  .comment-input-wrap.mooky-comment-composer-box,
  .community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box,
  .community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box{height:54px!important;min-height:54px!important;border-radius:16px!important}
  .comment-input-wrap.mooky-comment-composer-box>input,
  .community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box>input,
  .community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box>input{height:54px!important;min-height:54px!important;padding:0 48px 0 15px!important;line-height:54px!important;font-size:11.5px!important}
  .mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn,
  .community-discussion-v99 .mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn,
  .community-discussion-v110 .mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn{right:10px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;border-radius:10px!important}
  .mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn i{font-size:17px!important}
  .comment-pro,
  .community-discussion-v99 .comment-pro,
  .community-discussion-v110 .comment-pro{grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important}
  .comment-pro-avatar,
  .comment-pro-avatar img{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}
  .comment-pro-card{padding:10px 11px!important;border-radius:14px!important}
  .comment-pro-identity>a{font-size:11px!important}
  .comment-content{font-size:11px!important;margin-top:8px!important}
  .comment-pro-actions{gap:9px!important;font-size:8px!important}
}


/* Mooky v323 — horodatage commentaires précis et lisible */
.live-comment-time,
.comment-edited-label{
  color:#777f92!important;
  font-size:9px!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
.comment-edited-label{margin-left:2px!important}
@media(max-width:560px){
  .live-comment-time,.comment-edited-label{font-size:8.5px!important}
}

/* =========================================================
   Mooky v325 — réponses imbriquées propres et compactes
   ========================================================= */
.comment-pro,
.community-discussion-v99 .comment-pro,
.community-discussion-v110 .comment-pro{
  position:relative!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:11px!important;
  width:100%!important;
}
.comment-replies,
.community-discussion-v99 .comment-replies,
.community-discussion-v110 .comment-replies{
  position:relative!important;
  display:grid!important;
  gap:10px!important;
  margin:10px 0 0 7px!important;
  padding:0 0 0 16px!important;
  border-left:0!important;
}
.comment-replies:before,
.community-discussion-v99 .comment-replies:before,
.community-discussion-v110 .comment-replies:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:-5px!important;
  bottom:18px!important;
  width:1px!important;
  background:linear-gradient(180deg,#313747 0%,#232936 78%,transparent 100%)!important;
  border-radius:999px!important;
}
.comment-pro.is-reply:before,
.community-discussion-v99 .comment-pro.is-reply:before,
.community-discussion-v110 .comment-pro.is-reply:before{
  content:""!important;
  position:absolute!important;
  left:-16px!important;
  top:16px!important;
  width:10px!important;
  height:10px!important;
  border-left:1px solid #313747!important;
  border-bottom:1px solid #313747!important;
  border-radius:0 0 0 8px!important;
  pointer-events:none!important;
}
.comment-pro.is-reply,
.community-discussion-v99 .comment-pro.is-reply,
.community-discussion-v110 .comment-pro.is-reply{
  position:relative!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
}
.comment-pro.is-reply .comment-pro-avatar,
.comment-pro.is-reply .comment-pro-avatar img,
.community-discussion-v99 .comment-pro.is-reply .comment-pro-avatar,
.community-discussion-v99 .comment-pro.is-reply .comment-pro-avatar img,
.community-discussion-v110 .comment-pro.is-reply .comment-pro-avatar,
.community-discussion-v110 .comment-pro.is-reply .comment-pro-avatar img{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
}
.comment-pro.is-reply .comment-pro-card,
.community-discussion-v99 .comment-pro.is-reply .comment-pro-card,
.community-discussion-v110 .comment-pro.is-reply .comment-pro-card{
  padding:10px 11px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#10141c,#0d1118)!important;
}
.comment-pro.is-reply .comment-content,
.community-discussion-v99 .comment-pro.is-reply .comment-content,
.community-discussion-v110 .comment-pro.is-reply .comment-content{
  margin-top:7px!important;
  font-size:11.5px!important;
}
.reply-reference,
.community-discussion-v99 .reply-reference,
.community-discussion-v110 .reply-reference{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  max-width:100%!important;
  margin:5px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#9a82ff!important;
  font-size:8.5px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.reply-reference i,
.community-discussion-v99 .reply-reference i,
.community-discussion-v110 .reply-reference i{font-size:9px!important}
.comment-pro-actions,
.community-discussion-v99 .comment-pro-actions,
.community-discussion-v110 .comment-pro-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  min-height:24px!important;
  margin:6px 0 0 5px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.comment-pro-actions>span,
.community-discussion-v99 .comment-pro-actions>span,
.community-discussion-v110 .comment-pro-actions>span{
  flex:0 0 auto!important;
  color:#747c8e!important;
  font-size:8.5px!important;
}
.comment-pro-actions form,
.community-discussion-v99 .comment-pro-actions form,
.community-discussion-v110 .comment-pro-actions form{
  display:inline-flex!important;
  flex:0 0 auto!important;
  margin:0!important;
}
.comment-pro-actions .comment-like-btn,
.comment-pro-actions .reply-comment-btn,
.community-discussion-v99 .comment-pro-actions .comment-like-btn,
.community-discussion-v99 .comment-pro-actions .reply-comment-btn,
.community-discussion-v110 .comment-pro-actions .comment-like-btn,
.community-discussion-v110 .comment-pro-actions .reply-comment-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  min-height:24px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  font-size:9px!important;
  line-height:1!important;
}
.comment-pro.is-reply .comment-pro-identity{gap:3px!important}
.comment-pro.is-reply .comment-pro-identity>a{font-size:11px!important}
.comment-pro.is-reply .comment-pro-identity small{margin-top:1px!important;font-size:7.5px!important}
@media(max-width:560px){
  .comment-replies,
  .community-discussion-v99 .comment-replies,
  .community-discussion-v110 .comment-replies{
    margin-left:4px!important;
    padding-left:13px!important;
    gap:9px!important;
  }
  .comment-pro.is-reply:before,
  .community-discussion-v99 .comment-pro.is-reply:before,
  .community-discussion-v110 .comment-pro.is-reply:before{
    left:-13px!important;
    width:8px!important;
    top:15px!important;
  }
  .comment-pro.is-reply,
  .community-discussion-v99 .comment-pro.is-reply,
  .community-discussion-v110 .comment-pro.is-reply{
    grid-template-columns:29px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .comment-pro.is-reply .comment-pro-avatar,
  .comment-pro.is-reply .comment-pro-avatar img,
  .community-discussion-v99 .comment-pro.is-reply .comment-pro-avatar,
  .community-discussion-v99 .comment-pro.is-reply .comment-pro-avatar img,
  .community-discussion-v110 .comment-pro.is-reply .comment-pro-avatar,
  .community-discussion-v110 .comment-pro.is-reply .comment-pro-avatar img{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    max-width:29px!important;
    max-height:29px!important;
  }
  .comment-pro.is-reply .comment-pro-card,
  .community-discussion-v99 .comment-pro.is-reply .comment-pro-card,
  .community-discussion-v110 .comment-pro.is-reply .comment-pro-card{
    padding:9px 10px!important;
    border-radius:13px!important;
  }
  .comment-pro-actions,
  .community-discussion-v99 .comment-pro-actions,
  .community-discussion-v110 .comment-pro-actions{gap:8px!important;margin-left:3px!important}
  .comment-pro-actions>span,
  .comment-pro-actions .comment-like-btn,
  .comment-pro-actions .reply-comment-btn,
  .community-discussion-v99 .comment-pro-actions>span,
  .community-discussion-v99 .comment-pro-actions .comment-like-btn,
  .community-discussion-v99 .comment-pro-actions .reply-comment-btn,
  .community-discussion-v110 .comment-pro-actions>span,
  .community-discussion-v110 .comment-pro-actions .comment-like-btn,
  .community-discussion-v110 .comment-pro-actions .reply-comment-btn{font-size:8px!important}
}

/* =========================================================
   Mooky v329 — resserrage vertical des commentaires
   ========================================================= */
.comment-pro-body,
.community-discussion-v99 .comment-pro-body,
.community-discussion-v110 .comment-pro-body{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

.comment-pro-card,
.community-discussion-v99 .comment-pro-card,
.community-discussion-v110 .comment-pro-card{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:10px 12px!important;
}

.comment-pro-head,
.community-discussion-v99 .comment-pro-head,
.community-discussion-v110 .comment-pro-head{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}

.comment-pro-identity,
.community-discussion-v99 .comment-pro-identity,
.community-discussion-v110 .comment-pro-identity{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  line-height:1.1!important;
}

.comment-content,
.community-discussion-v99 .comment-content,
.community-discussion-v110 .comment-content{
  display:block!important;
  margin:8px 0 0!important;
  padding:0!important;
  min-height:0!important;
  line-height:1.4!important;
}

.comment-pro-actions,
.community-discussion-v99 .comment-pro-actions,
.community-discussion-v110 .comment-pro-actions{
  margin:4px 0 0 4px!important;
  padding:0!important;
  min-height:20px!important;
  gap:9px!important;
  line-height:1!important;
}

.comment-thread-pro,
.community-discussion-v99 .comment-thread-pro,
.community-discussion-v110 .comment-thread-pro{
  gap:10px!important;
}

.comment-replies,
.community-discussion-v99 .comment-replies,
.community-discussion-v110 .comment-replies{
  margin-top:6px!important;
  gap:7px!important;
}

.comment-pro.is-reply .comment-pro-card,
.community-discussion-v99 .comment-pro.is-reply .comment-pro-card,
.community-discussion-v110 .comment-pro.is-reply .comment-pro-card{
  height:auto!important;
  min-height:0!important;
  padding:9px 10px!important;
}

.comment-pro.is-reply .comment-content,
.community-discussion-v99 .comment-pro.is-reply .comment-content,
.community-discussion-v110 .comment-pro.is-reply .comment-content{
  margin-top:6px!important;
}

.comment-pro.is-reply .comment-pro-actions,
.community-discussion-v99 .comment-pro.is-reply .comment-pro-actions,
.community-discussion-v110 .comment-pro.is-reply .comment-pro-actions{
  margin-top:3px!important;
}

@media(max-width:560px){
  .comment-pro-card,
  .community-discussion-v99 .comment-pro-card,
  .community-discussion-v110 .comment-pro-card{
    padding:9px 10px!important;
  }
  .comment-content,
  .community-discussion-v99 .comment-content,
  .community-discussion-v110 .comment-content{
    margin-top:6px!important;
  }
  .comment-pro-actions,
  .community-discussion-v99 .comment-pro-actions,
  .community-discussion-v110 .comment-pro-actions{
    margin-top:3px!important;
    gap:8px!important;
  }
  .comment-replies,
  .community-discussion-v99 .comment-replies,
  .community-discussion-v110 .comment-replies{
    margin-top:5px!important;
    gap:6px!important;
  }
}


/* =========================================================
   Mooky v330 — commentaire ultra compact + appui long actions
   ========================================================= */
.comment-pro-card,
.community-discussion-v99 .comment-pro-card,
.community-discussion-v110 .comment-pro-card{
  padding:9px 11px!important;
}
.comment-pro-head,
.community-discussion-v99 .comment-pro-head,
.community-discussion-v110 .comment-pro-head{
  min-height:20px!important;
  align-items:center!important;
}
.comment-pro-identity,
.community-discussion-v99 .comment-pro-identity,
.community-discussion-v110 .comment-pro-identity{
  line-height:1!important;
}
.comment-content,
.community-discussion-v99 .comment-content,
.community-discussion-v110 .comment-content{
  margin-top:4px!important;
  line-height:1.34!important;
}
.comment-pro-actions,
.community-discussion-v99 .comment-pro-actions,
.community-discussion-v110 .comment-pro-actions{
  margin-top:3px!important;
}
.comment-replies,
.community-discussion-v99 .comment-replies,
.community-discussion-v110 .comment-replies{
  margin-top:4px!important;
  gap:5px!important;
}
.comment-pro.is-reply .reply-reference,
.community-discussion-v99 .comment-pro.is-reply .reply-reference,
.community-discussion-v110 .comment-pro.is-reply .reply-reference{
  margin-top:3px!important;
}
.comment-pro.is-reply .comment-content,
.community-discussion-v99 .comment-pro.is-reply .comment-content,
.community-discussion-v110 .comment-pro.is-reply .comment-content{
  margin-top:4px!important;
}
/* V334 : l'état appui long ne doit surligner QUE la carte ciblée,
   jamais les réponses imbriquées du commentaire parent. */
.comment-pro.is-longpressing > .comment-pro-body > .comment-pro-card,
.community-discussion-v99 .comment-pro.is-longpressing > .comment-pro-body > .comment-pro-card,
.community-discussion-v110 .comment-pro.is-longpressing > .comment-pro-body > .comment-pro-card{
  transform:scale(.992)!important;
  border-color:rgba(139,108,255,.32)!important;
  background:#121722!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
@media(max-width:560px){
  .comment-pro-card,
  .community-discussion-v99 .comment-pro-card,
  .community-discussion-v110 .comment-pro-card{padding:8px 10px!important}
  .comment-content,
  .community-discussion-v99 .comment-content,
  .community-discussion-v110 .comment-content{margin-top:3px!important}
  .comment-replies,
  .community-discussion-v99 .comment-replies,
  .community-discussion-v110 .comment-replies{margin-top:3px!important;gap:4px!important}
}

/* =========================================================
   Mooky v335 — signalement : bottom-sheet propre et compact
   ========================================================= */
.bottom-sheet:has(.report-sheet-form){
  width:min(calc(100vw - 18px),430px)!important;
  max-height:min(88dvh,760px)!important;
  padding:10px 14px calc(14px + env(safe-area-inset-bottom))!important;
  border:1px solid #2a3040!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  background:linear-gradient(180deg,#151923 0%,#11151e 100%)!important;
  box-shadow:0 -24px 70px rgba(0,0,0,.55)!important;
  overflow:hidden!important;
}
.bottom-sheet:has(.report-sheet-form) .sheet-handle{
  width:54px!important;
  height:5px!important;
  margin:2px auto 16px!important;
  border-radius:999px!important;
  background:#677086!important;
}
.bottom-sheet:has(.report-sheet-form) #sheetContent{
  padding:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
}
.bottom-sheet:has(.report-sheet-form) #sheetContent::-webkit-scrollbar{display:none!important}
.bottom-sheet:has(.report-sheet-form) #sheetContent>.sheet-title{
  position:relative!important;
  top:auto!important;
  z-index:2!important;
  min-height:auto!important;
  margin:0!important;
  padding:4px 2px 14px!important;
  background:transparent!important;
  border-bottom:1px solid #2a3040!important;
}
.bottom-sheet:has(.report-sheet-form) #sheetContent>.sheet-title b{
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
  color:#f6f7fb!important;
}
.bottom-sheet:has(.report-sheet-form) #sheetContent>.sheet-title button{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  border-radius:12px!important;
  background:#202633!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.03)!important;
}
.report-sheet-form{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:0 2px 2px!important;
}
.report-sheet-form .sheet-help{
  margin:0!important;
  padding:10px 2px 0!important;
  color:#8f97aa!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.report-reason-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
}
.report-reason-grid label{
  display:block!important;
  min-width:0!important;
  margin:0!important;
}
.report-reason-grid input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.report-reason-grid span{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:48px!important;
  width:100%!important;
  padding:10px 12px!important;
  border:1px solid #2b3140!important;
  border-radius:12px!important;
  background:#11151e!important;
  color:#d4d8e2!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.25!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.report-reason-grid label:active span{transform:scale(.985)!important}
.report-reason-grid input:checked+span{
  border-color:#8b68ff!important;
  background:linear-gradient(180deg,#241943,#1d1735)!important;
  color:#fff!important;
  box-shadow:0 0 0 2px rgba(124,92,255,.12)!important;
}
.report-reason-grid input:checked+span:after{
  content:"✓"!important;
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:17px!important;
  height:17px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#7c5cff!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:950!important;
}
.report-note{
  display:block!important;
  width:100%!important;
  margin:2px 0 0!important;
}
.report-note>span{
  display:block!important;
  margin:0 0 7px!important;
  color:#99a1b3!important;
  font-size:10px!important;
  font-weight:700!important;
}
.report-note textarea{
  display:block!important;
  width:100%!important;
  min-height:78px!important;
  max-height:120px!important;
  resize:none!important;
  padding:12px 13px!important;
  border:1px solid #2b3140!important;
  border-radius:12px!important;
  background:#0c1017!important;
  color:#f3f4f8!important;
  font-size:11px!important;
  line-height:1.4!important;
  outline:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
}
.report-note textarea:focus{
  border-color:rgba(139,104,255,.7)!important;
  box-shadow:0 0 0 3px rgba(124,92,255,.08)!important;
}
.report-note textarea::placeholder{color:#626a7d!important}
.report-sheet-form>.btn.wide{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#6948f2 0%,#9b68ff 100%)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(104,70,234,.24)!important;
}
.report-sheet-form>.btn.wide i{margin-right:6px!important}
.report-sheet-form>.btn.wide:active{transform:scale(.99)!important}

@media(max-width:380px){
  .bottom-sheet:has(.report-sheet-form){
    width:calc(100vw - 10px)!important;
    max-height:90dvh!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .bottom-sheet:has(.report-sheet-form) #sheetContent>.sheet-title b{font-size:19px!important}
  .report-reason-grid{gap:6px!important}
  .report-reason-grid span{min-height:44px!important;padding:8px 10px!important;font-size:9px!important}
  .report-note textarea{min-height:68px!important}
  .report-sheet-form>.btn.wide{min-height:46px!important}
}

/* =========================================================
   Mooky v341 — catégories de notifications
   ========================================================= */
.notifications-v341{padding:14px 12px 108px!important}
.notifications-v341 .page-intro{padding:5px 2px 14px!important}
.notifications-v341 .page-intro h1{margin-bottom:5px!important}
.notifications-v341 .page-intro p{margin-top:0!important}

.notif-categories-v341{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:2px 0 16px!important;
}
.notif-category-v341{
  position:relative!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  min-height:58px!important;
  padding:10px!important;
  border:1px solid #242938!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#11141c,#0e1118)!important;
  color:#dfe3ec!important;
  overflow:hidden!important;
  transition:border-color .18s ease,background .18s ease,transform .18s ease!important;
}
.notif-category-v341:active{transform:scale(.985)!important}
.notif-category-v341.active{
  border-color:rgba(139,105,255,.52)!important;
  background:linear-gradient(145deg,rgba(91,61,180,.25),#11131d 68%)!important;
  box-shadow:inset 0 0 0 1px rgba(139,105,255,.08),0 10px 28px rgba(65,39,140,.12)!important;
}
.notif-category-v341.active:before{
  content:"";
  position:absolute;
  left:0;top:9px;bottom:9px;width:3px;
  border-radius:0 999px 999px 0;
  background:#8e70ff;
  box-shadow:0 0 12px rgba(142,112,255,.55)
}
.notif-category-icon-v341{
  width:34px!important;height:34px!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;
  background:#1a1e2a!important;color:#9d88ff!important;font-size:14px!important
}
.notif-category-v341.active .notif-category-icon-v341{background:#2a1d4a!important;color:#beaaff!important}
.notif-category-copy-v341{min-width:0!important;display:block!important}
.notif-category-copy-v341 b{display:block!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.notif-category-copy-v341 small{display:block!important;margin-top:3px!important;color:#777f94!important;font-size:7.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.notif-category-v341 em{
  min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;background:#1d2130!important;color:#aeb5c7!important;
  font-size:7px!important;font-weight:950!important;font-style:normal!important
}
.notif-category-v341.active em{background:#7c5cff!important;color:#fff!important}

.notif-section-head-v341{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
  gap:12px!important;margin:0 2px 9px!important;padding:0 2px!important
}
.notif-section-head-v341 small{display:block!important;color:#8f78ff!important;font-size:7px!important;font-weight:950!important;letter-spacing:1.25px!important}
.notif-section-head-v341 h2{margin:3px 0 0!important;font-size:14px!important;line-height:1!important}
.notif-section-head-v341>span{
  min-width:29px!important;height:29px!important;padding:0 8px!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;border:1px solid #272c3b!important;background:#12151e!important;
  color:#9d88ff!important;font-size:9px!important;font-weight:900!important
}
.notifications-v341 .notification-list-v16{gap:9px!important}
.notifications-v341 .notif-card-v16{border-radius:15px!important;padding:11px!important;min-height:72px!important}
.notifications-v341 .notif-card-v16.notif-type-moderation_warning,
.notifications-v341 .notif-card-v16.notif-type-moderation_removed,
.notifications-v341 .notif-card-v16.notif-type-moderation_sanction,
.notifications-v341 .notif-card-v16.notif-type-moderation,
.notifications-v341 .notif-card-v16.notif-type-report_decision{border-color:rgba(255,175,75,.18)!important;background:linear-gradient(145deg,rgba(68,47,24,.20),#10131b 60%)!important}
.notifications-v341 .notif-card-v16.notif-type-moderation_warning .notif-type-icon,
.notifications-v341 .notif-card-v16.notif-type-moderation_removed .notif-type-icon,
.notifications-v341 .notif-card-v16.notif-type-moderation_sanction .notif-type-icon,
.notifications-v341 .notif-card-v16.notif-type-moderation .notif-type-icon,
.notifications-v341 .notif-card-v16.notif-type-report_decision .notif-type-icon{background:#d58a2e!important}
.notif-empty-v341{margin:0!important;border-radius:15px!important}

@media(max-width:390px){
  .notifications-v341{padding-left:9px!important;padding-right:9px!important}
  .notif-categories-v341{gap:6px!important}
  .notif-category-v341{grid-template-columns:30px minmax(0,1fr) auto!important;gap:7px!important;min-height:54px!important;padding:8px!important;border-radius:13px!important}
  .notif-category-icon-v341{width:30px!important;height:30px!important;border-radius:9px!important;font-size:12px!important}
  .notif-category-copy-v341 b{font-size:9px!important}
  .notif-category-copy-v341 small{font-size:6.8px!important}
}


/* Mooky v342 — notifications sans bloc d'introduction */
.notifications-v341{padding-top:10px!important}
.notifications-v341 .notif-categories-v341{margin-top:0!important}


/* =========================================================
   Mooky v343 — lecteur vidéo mobile plus propre + aperçus visibles
   ========================================================= */
.mooky-inline-video{
  border-radius:18px!important;
  border:1px solid rgba(143,111,255,.14)!important;
  background:linear-gradient(180deg,#0c0f16,#090b12)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.mooky-inline-video video{
  width:100%!important;
  height:auto!important;
  min-height:220px!important;
  max-height:min(70dvh,720px)!important;
  object-fit:contain!important;
  background:#000!important;
}
.post-media-item.single .mooky-inline-video,
.post-media-item.single video{
  max-height:min(70dvh,720px)!important;
}
.mooky-inline-video.miv-meta-ready:not(.miv-frame-ready) video{
  background:radial-gradient(circle at 50% 40%,rgba(124,92,255,.22),rgba(12,15,22,.98) 58%)!important;
}
.mooky-inline-video .miv-center{
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(135deg,rgba(122,84,255,.94),rgba(173,113,255,.94))!important;
  box-shadow:0 14px 34px rgba(112,79,255,.34)!important;
}
.mooky-inline-video .miv-controls{
  left:12px!important;
  right:12px!important;
  bottom:12px!important;
  grid-template-columns:44px 42px minmax(0,1fr) 42px 44px 44px!important;
  gap:7px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(20,23,33,.18),rgba(10,12,18,.90))!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
}
.mooky-inline-video .miv-controls button{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#1f2330,#171b26)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#eef1f8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.mooky-inline-video .miv-controls button:hover{background:linear-gradient(180deg,#272c3b,#1b1f2c)!important}
.mooky-inline-video .miv-time{
  font-size:11px!important;
  font-weight:800!important;
  color:#f1f3fa!important;
  text-align:center!important;
}
.mooky-inline-video .miv-controls input[type=range]{
  width:100%!important;
  height:8px!important;
  border-radius:999px!important;
  accent-color:#8e66ff!important;
}
.mooky-inline-video .miv-controls input[type=range]::-webkit-slider-runnable-track{
  height:8px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#8c63ff,#ffffff)!important;
}
.mooky-inline-video .miv-controls input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  width:18px!important;
  height:18px!important;
  margin-top:-5px!important;
  border-radius:50%!important;
  border:0!important;
  background:#8d68ff!important;
  box-shadow:0 0 0 4px rgba(141,104,255,.18)!important;
}
.mooky-inline-video .miv-controls input[type=range]::-moz-range-track{
  height:8px!important;
  border-radius:999px!important;
  background:#eceef5!important;
}
.mooky-inline-video .miv-controls input[type=range]::-moz-range-thumb{
  width:18px!important;
  height:18px!important;
  border:0!important;
  border-radius:50%!important;
  background:#8d68ff!important;
  box-shadow:0 0 0 4px rgba(141,104,255,.18)!important;
}

@media(max-width:560px){
  .mooky-inline-video{border-radius:16px!important}
  .mooky-inline-video video{min-height:200px!important;max-height:min(62dvh,620px)!important}
  .mooky-inline-video .miv-center{width:64px!important;height:64px!important;border-radius:18px!important;font-size:22px!important}
  .mooky-inline-video .miv-controls{
    left:9px!important;
    right:9px!important;
    bottom:9px!important;
    grid-template-columns:40px 38px minmax(0,1fr) 38px 40px 40px!important;
    gap:5px!important;
    padding:9px!important;
    border-radius:16px!important;
  }
  .mooky-inline-video .miv-controls button{width:40px!important;height:40px!important;border-radius:13px!important;font-size:14px!important}
  .mooky-inline-video .miv-time{font-size:10px!important}
}


/* =========================================================
   Mooky v344 — vidéo mobile : vraie preview + boutons normaux
   ========================================================= */
.mooky-inline-video{
  position:relative!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#05070b!important;
  border:1px solid #252a36!important;
  box-shadow:none!important;
}
.mooky-inline-video video{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:70dvh!important;
  object-fit:contain!important;
  background:#05070b!important;
}
.miv-generated-poster{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#05070b!important;
  opacity:0!important;
  transition:opacity .16s ease!important;
  cursor:pointer!important;
}
.mooky-inline-video.miv-preview-ready:not(.miv-hide-poster) .miv-generated-poster{opacity:1!important}
.mooky-inline-video.is-playing .miv-generated-poster,.mooky-inline-video.miv-hide-poster .miv-generated-poster{opacity:0!important;pointer-events:none!important}

.mooky-inline-video .miv-center{
  z-index:5!important;
  width:56px!important;
  height:56px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(17,20,29,.84)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(10px)!important;
  font-size:18px!important;
}
.mooky-inline-video .miv-center:before{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#7453ff,#9b68ff)!important;
  z-index:-1!important;
}

.mooky-inline-video .miv-controls{
  z-index:6!important;
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
  display:grid!important;
  grid-template-columns:36px auto minmax(70px,1fr) auto 36px 36px!important;
  gap:7px!important;
  align-items:center!important;
  padding:8px 9px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:rgba(10,12,18,.82)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.24)!important;
}
.mooky-inline-video .miv-controls button{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:12px!important;
  background:#181c27!important;
  color:#f3f4f8!important;
  display:grid!important;
  place-items:center!important;
  font-size:13px!important;
  box-shadow:none!important;
}
.mooky-inline-video .miv-controls button:active{transform:scale(.94)!important;background:#222735!important}
.mooky-inline-video .miv-time{font-size:10px!important;font-weight:800!important;color:#e9ebf2!important;white-space:nowrap!important}
.mooky-inline-video .miv-controls input[type=range]{
  appearance:none!important;-webkit-appearance:none!important;
  width:100%!important;height:5px!important;min-width:0!important;
  border-radius:999px!important;background:#d9dce5!important;outline:0!important;
}
.mooky-inline-video .miv-controls input[type=range]::-webkit-slider-runnable-track{height:5px!important;border-radius:999px!important;background:#d9dce5!important}
.mooky-inline-video .miv-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;width:16px!important;height:16px!important;margin-top:-5.5px!important;border:0!important;border-radius:50%!important;background:#8964ff!important;box-shadow:0 0 0 3px rgba(137,100,255,.18)!important}
.mooky-inline-video .miv-controls input[type=range]::-moz-range-track{height:5px!important;border-radius:999px!important;background:#d9dce5!important}
.mooky-inline-video .miv-controls input[type=range]::-moz-range-thumb{width:16px!important;height:16px!important;border:0!important;border-radius:50%!important;background:#8964ff!important}

@media(max-width:430px){
  .mooky-inline-video{border-radius:15px!important}
  .mooky-inline-video video{max-height:64dvh!important}
  .mooky-inline-video .miv-center{width:52px!important;height:52px!important;font-size:17px!important}
  .mooky-inline-video .miv-controls{
    left:8px!important;right:8px!important;bottom:8px!important;
    grid-template-columns:34px auto minmax(58px,1fr) auto 34px 34px!important;
    gap:5px!important;padding:7px!important;border-radius:14px!important;
  }
  .mooky-inline-video .miv-controls button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:11px!important}
  .mooky-inline-video .miv-time{font-size:9px!important}
}


/* =========================================================
   Mooky v345 — contrôles vidéo propres, compacts et arrondis
   ========================================================= */
.mooky-inline-video .miv-center{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#7452ff,#9d68ff)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(116,82,255,.34)!important;
  backdrop-filter:none!important;
  overflow:hidden!important;
}
.mooky-inline-video .miv-center:before{display:none!important}
.mooky-inline-video .miv-center i{font-size:19px!important;line-height:1!important;margin-left:2px!important}

.mooky-inline-video .miv-controls{
  left:12px!important;
  right:12px!important;
  bottom:12px!important;
  display:grid!important;
  grid-template-columns:38px auto minmax(72px,1fr) auto 38px 38px!important;
  align-items:center!important;
  gap:7px!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:16px!important;
  background:rgba(12,14,21,.78)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.26)!important;
}
.mooky-inline-video .miv-controls button{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:12px!important;
  background:#1b1f2a!important;
  color:#f3f4f9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
}
.mooky-inline-video .miv-controls button:hover{background:#232838!important;color:#fff!important}
.mooky-inline-video .miv-controls button:active{transform:scale(.94)!important;background:#272c3b!important}
.mooky-inline-video .miv-controls button i{font-size:14px!important;line-height:1!important;margin:0!important}
.mooky-inline-video .miv-time{
  min-width:34px!important;
  padding:0 1px!important;
  color:#dfe2ec!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}

/* La timeline doit rester une barre fine, jamais un gros rectangle blanc. */
.mooky-inline-video .miv-controls input[type=range]{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:18px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.mooky-inline-video .miv-controls input[type=range]::-webkit-slider-runnable-track{
  width:100%!important;
  height:5px!important;
  border:0!important;
  border-radius:999px!important;
  background:#d7dae4!important;
  box-shadow:none!important;
}
.mooky-inline-video .miv-controls input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:15px!important;
  height:15px!important;
  margin-top:-5px!important;
  border:0!important;
  border-radius:50%!important;
  background:#8d68ff!important;
  box-shadow:0 0 0 3px rgba(141,104,255,.17)!important;
}
.mooky-inline-video .miv-controls input[type=range]::-moz-range-track{
  width:100%!important;
  height:5px!important;
  border:0!important;
  border-radius:999px!important;
  background:#d7dae4!important;
  box-shadow:none!important;
}
.mooky-inline-video .miv-controls input[type=range]::-moz-range-progress{
  height:5px!important;
  border-radius:999px!important;
  background:#8d68ff!important;
}
.mooky-inline-video .miv-controls input[type=range]::-moz-range-thumb{
  width:15px!important;
  height:15px!important;
  border:0!important;
  border-radius:50%!important;
  background:#8d68ff!important;
  box-shadow:0 0 0 3px rgba(141,104,255,.17)!important;
}

@media(max-width:430px){
  .mooky-inline-video .miv-center{
    width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;
    border-radius:15px!important;
  }
  .mooky-inline-video .miv-center i{font-size:18px!important}
  .mooky-inline-video .miv-controls{
    left:8px!important;right:8px!important;bottom:8px!important;
    grid-template-columns:34px auto minmax(56px,1fr) auto 34px 34px!important;
    gap:5px!important;
    padding:7px!important;
    border-radius:14px!important;
  }
  .mooky-inline-video .miv-controls button{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;
    border-radius:11px!important;
  }
  .mooky-inline-video .miv-controls button i{font-size:13px!important}
  .mooky-inline-video .miv-time{min-width:31px!important;font-size:8.5px!important}
  .mooky-inline-video .miv-controls input[type=range]{height:16px!important}
}


/* =========================================================
   Mooky v346 — boutons vidéo un peu plus arrondis
   ========================================================= */
.mooky-inline-video .miv-center{
  border-radius:19px!important;
}
.mooky-inline-video .miv-controls{
  border-radius:18px!important;
}
.mooky-inline-video .miv-controls button{
  border-radius:15px!important;
}
@media(max-width:430px){
  .mooky-inline-video .miv-center{border-radius:17px!important}
  .mooky-inline-video .miv-controls{border-radius:16px!important}
  .mooky-inline-video .miv-controls button{border-radius:13px!important}
}


/* =========================================================
   Mooky v347 — boutons vidéo nettement plus arrondis
   ========================================================= */
.mooky-inline-video .miv-center{
  border-radius:22px!important;
}
.mooky-inline-video .miv-controls button{
  border-radius:18px!important;
}
@media(max-width:430px){
  .mooky-inline-video .miv-center{border-radius:20px!important}
  .mooky-inline-video .miv-controls button{border-radius:16px!important}
}


/* =========================================================
   Mooky v348 — boutons vidéo vraiment arrondis
   ========================================================= */
.mooky-inline-video .miv-center{
  border-radius:999px!important;
  overflow:hidden!important;
}
.mooky-inline-video .miv-controls button{
  border-radius:999px!important;
  overflow:hidden!important;
}
.mooky-inline-video .miv-controls{
  border-radius:20px!important;
}
@media(max-width:430px){
  .mooky-inline-video .miv-center{
    border-radius:999px!important;
  }
  .mooky-inline-video .miv-controls button{
    border-radius:999px!important;
  }
  .mooky-inline-video .miv-controls{
    border-radius:18px!important;
  }
}

/* =========================================================
   Mooky v349 — arrondis forcés sur chaque bouton vidéo
   ========================================================= */
/* Bouton play central */
.mooky-inline-video button.miv-center,
.mooky-inline-video .miv-center[data-v-action="toggle"]{
  border-radius:18px!important;
  overflow:hidden!important;
}

/* Boutons play / mute / fullscreen de la barre vidéo */
.mooky-inline-video .miv-controls > button[data-v-action="toggle"],
.mooky-inline-video .miv-controls > button[data-v-action="mute"],
.mooky-inline-video .miv-controls > button[data-v-action="fullscreen"]{
  border-radius:14px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#1b1f2a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.mooky-inline-video .miv-controls > button[data-v-action="toggle"]:hover,
.mooky-inline-video .miv-controls > button[data-v-action="mute"]:hover,
.mooky-inline-video .miv-controls > button[data-v-action="fullscreen"]:hover{
  background:#252a38!important;
}

@media(max-width:430px){
  .mooky-inline-video button.miv-center,
  .mooky-inline-video .miv-center[data-v-action="toggle"]{
    border-radius:16px!important;
  }
  .mooky-inline-video .miv-controls > button[data-v-action="toggle"],
  .mooky-inline-video .miv-controls > button[data-v-action="mute"],
  .mooky-inline-video .miv-controls > button[data-v-action="fullscreen"]{
    border-radius:13px!important;
  }
}


/* =========================================================
   Mooky v350 — home + profil : aperçu vidéo réel et boutons cohérents
   ========================================================= */
/* HOME / POST : le conteneur garde enfin les coins arrondis même dans la galerie. */
.post-media-item .mooky-inline-video,
.post-media-item.single .mooky-inline-video,
.feed .mooky-inline-video,
.post-pro-media .mooky-inline-video{
  border-radius:18px!important;
  overflow:hidden!important;
}

/* Tous les boutons vidéo : même forme ronde, aucun carré résiduel. */
.mooky-inline-video button.miv-center,
.mooky-inline-video .miv-controls > button[data-v-action="toggle"],
.mooky-inline-video .miv-controls > button[data-v-action="mute"],
.mooky-inline-video .miv-controls > button[data-v-action="fullscreen"]{
  border-radius:50%!important;
  overflow:hidden!important;
  aspect-ratio:1/1!important;
  padding:0!important;
}
.mooky-inline-video button.miv-center{
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
}
.mooky-inline-video .miv-controls > button[data-v-action="toggle"],
.mooky-inline-video .miv-controls > button[data-v-action="mute"],
.mooky-inline-video .miv-controls > button[data-v-action="fullscreen"]{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;
}

/* Profil : même vrai lecteur/aperçu que home, sans grosse image grise générique. */
.profile-post-media.profile-inline-video{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:220px!important;
  aspect-ratio:auto!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#05070c!important;
}
.profile-post-media.profile-inline-video video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:220px!important;
  max-height:62dvh!important;
  object-fit:contain!important;
  background:#05070c!important;
}
.profile-post-media.profile-inline-video .miv-generated-poster{
  object-fit:contain!important;
  background:#05070c!important;
}
.profile-post-media.profile-inline-video .miv-controls{
  left:9px!important;right:9px!important;bottom:9px!important;
}
/* Ne pas laisser la carte profil ouvrir le post quand on manipule la vidéo. */
.profile-post-card:has(.profile-inline-video) .profile-inline-video,
.profile-post-card:has(.profile-inline-video) .profile-inline-video *{cursor:pointer}

@media(max-width:430px){
  .post-media-item .mooky-inline-video,
  .post-media-item.single .mooky-inline-video,
  .feed .mooky-inline-video,
  .post-pro-media .mooky-inline-video{border-radius:16px!important}
  .mooky-inline-video button.miv-center{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}
  .mooky-inline-video .miv-controls > button[data-v-action="toggle"],
  .mooky-inline-video .miv-controls > button[data-v-action="mute"],
  .mooky-inline-video .miv-controls > button[data-v-action="fullscreen"]{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;
  }
  .profile-post-media.profile-inline-video,
  .profile-post-media.profile-inline-video video{min-height:190px!important;max-height:58dvh!important}
}


/* =========================================================
   Mooky v351 — boutons vidéo réellement moins carrés
   ========================================================= */
.mooky-inline-video button.miv-center,
.mooky-inline-video .miv-center,
.mooky-inline-video .miv-center[data-v-action="toggle"]{
  border-radius:20px!important;
  overflow:hidden!important;
}
.mooky-inline-video button[data-v-action="toggle"],
.mooky-inline-video button[data-v-action="mute"],
.mooky-inline-video button[data-v-action="fullscreen"]{
  border-radius:16px!important;
  overflow:hidden!important;
}
@media(max-width:560px){
  .mooky-inline-video button.miv-center,
  .mooky-inline-video .miv-center,
  .mooky-inline-video .miv-center[data-v-action="toggle"]{
    border-radius:18px!important;
  }
  .mooky-inline-video button[data-v-action="toggle"],
  .mooky-inline-video button[data-v-action="mute"],
  .mooky-inline-video button[data-v-action="fullscreen"]{
    border-radius:14px!important;
  }
}


/* =========================================================
   Mooky v352 — barre vidéo en rectangle légèrement arrondi
   ========================================================= */
.mooky-inline-video .miv-controls{
  border-radius:12px!important;
}
@media(max-width:560px){
  .mooky-inline-video .miv-controls{
    border-radius:10px!important;
  }
}


/* =========================================================
   Mooky v353 — coins extérieurs vidéo carrés
   ========================================================= */
/* Les coins indiqués sur le screen restent carrés.
   Les boutons/contrôles vidéo gardent leurs arrondis. */
.post-pro-media,
.post-media-gallery,
.post-media-item,
.post-media-item.single,
.post-media-item .mooky-inline-video,
.post-media-item.single .mooky-inline-video,
.feed .mooky-inline-video,
.post-pro-media .mooky-inline-video,
.profile-post-media.profile-inline-video{
  border-radius:0!important;
}

/* Le média lui-même ne recrée pas un arrondi aux quatre coins. */
.mooky-inline-video,
.mooky-inline-video video,
.mooky-inline-video .miv-generated-poster{
  border-radius:0!important;
}

/* On garde uniquement la barre et les boutons arrondis. */
.mooky-inline-video .miv-controls{
  border-radius:12px!important;
}
.mooky-inline-video button.miv-center{
  border-radius:18px!important;
}
.mooky-inline-video .miv-controls > button[data-v-action="toggle"],
.mooky-inline-video .miv-controls > button[data-v-action="mute"],
.mooky-inline-video .miv-controls > button[data-v-action="fullscreen"]{
  border-radius:14px!important;
}

@media(max-width:560px){
  .post-pro-media,
  .post-media-gallery,
  .post-media-item,
  .post-media-item.single,
  .post-media-item .mooky-inline-video,
  .post-media-item.single .mooky-inline-video,
  .feed .mooky-inline-video,
  .post-pro-media .mooky-inline-video,
  .profile-post-media.profile-inline-video,
  .mooky-inline-video,
  .mooky-inline-video video,
  .mooky-inline-video .miv-generated-poster{
    border-radius:0!important;
  }
}


/* =========================================================
   Mooky v354 — composer Home exactement à la largeur des posts
   ========================================================= */
.composer-v3{
  width:auto!important;
  max-width:none!important;
  margin-left:12px!important;
  margin-right:12px!important;
  box-sizing:border-box!important;
}
@media(max-width:420px){
  /* Le feed mobile utilise 6px de marge : le composer doit être identique. */
  .composer-v3{
    margin-left:6px!important;
    margin-right:6px!important;
    width:calc(100% - 12px)!important;
    padding:12px 10px!important;
  }
}


/* =========================================================
   Mooky v355 — vrai aperçu vidéo dans Créer une publication
   ========================================================= */
.create-media-preview .create-multi-preview-item.is-video{
  background:#05070c!important;
}
.create-media-preview .create-multi-preview-item.is-video video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:#05070c!important;
}
.create-media-preview .create-multi-preview-item.is-video .create-video-preview-play{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#7452ff,#9d68ff)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(116,82,255,.30)!important;
  pointer-events:none!important;
}
.create-media-preview .create-multi-preview-item.is-video .create-video-preview-play i{font-size:16px!important;margin-left:2px!important}
.create-media-preview .create-multi-preview-item.is-video video.create-video-preview-ready + .create-video-preview-play{opacity:.92!important}
@media(max-width:560px){
  .create-media-preview .create-multi-preview-item.is-video .create-video-preview-play{width:40px!important;height:40px!important;border-radius:13px!important}
}


/* =========================================================
   Mooky v356 — Explore / Moments du moment corrigé
   ========================================================= */
.explore-v61-featured{
  border-radius:14px!important;
  overflow:hidden!important;
}
.explore-v61-featured-media{
  height:260px!important;
  min-height:0!important;
}
.explore-v61-featured.no-media .explore-v61-featured-media{
  height:188px!important;
  background:linear-gradient(145deg,#151824,#0d1017)!important;
}
.explore-v356-text-media{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:20px 20px 86px!important;
  background:radial-gradient(circle at 92% 8%,rgba(124,92,255,.24),transparent 38%),linear-gradient(145deg,#171a27,#0f1118)!important;
}
.explore-v356-text-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#211a3c!important;
  color:#a88aff!important;
  font-size:16px!important;
}
.explore-v356-text-media>div{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}
.explore-v356-text-media small{
  color:#8f79ee!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.explore-v356-text-media strong{
  color:#edf0f7!important;
  font-size:13px!important;
  line-height:1.42!important;
  font-weight:750!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.explore-v61-featured-copy{
  padding:13px 14px!important;
}
.explore-v61-featured.no-media .explore-v61-featured-copy{
  padding-top:10px!important;
}
.explore-v61-meta{
  width:100%!important;
  min-width:0!important;
  gap:11px!important;
}
.explore-v61-meta .open{
  margin-left:auto!important;
  flex:0 0 auto!important;
  min-width:62px!important;
  max-width:none!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.explore-v61-card{
  border-radius:12px!important;
}
.explore-v61-thumb{
  border-radius:10px!important;
}
.explore-v356-default-thumb{
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#201a39,#11141c)!important;
  color:#9d83ff!important;
  font-size:20px!important;
}
.explore-v356-default-thumb i{font-size:18px!important}

@media(max-width:560px){
  .explore-v61-featured-media{height:238px!important}
  .explore-v61-featured.no-media .explore-v61-featured-media{height:170px!important}
  .explore-v356-text-media{padding:16px 16px 80px!important}
  .explore-v356-text-icon{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:11px!important}
  .explore-v356-text-media strong{font-size:11.5px!important}
  .explore-v61-featured-copy{padding:11px 12px!important}
  .explore-v61-meta .open{min-width:58px!important;padding:6px 8px!important;font-size:7.5px!important}
}


/* =========================================================
   Mooky v357 — Moments du moment + aperçus vidéo mobile
   ========================================================= */
.explore-v357-list{gap:8px!important}
.explore-v357-card-featured{
  min-height:104px!important;
}
.explore-v357-thumb{
  position:relative!important;
}
.explore-v61-thumb.is-video video{
  opacity:1;
  transition:opacity .18s ease;
}
.explore-v61-thumb .explore-video-thumb-poster{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
}
.explore-v61-thumb.video-thumb-ready .explore-video-thumb-poster{
  opacity:1!important;
}
.explore-v61-thumb.video-thumb-ready video{
  opacity:0!important;
}
.explore-v61-thumb>span{
  z-index:2!important;
}
@media(max-width:560px){
  .explore-v357-card-featured{
    min-height:98px!important;
  }
}


/* =========================================================
   Mooky v358 — largeur Notifications parfaitement uniforme
   ========================================================= */
body.notifications-screen-v358 .notifications-v341,
body.notifications-screen-v358 .notif-categories-v341,
body.notifications-screen-v358 .notif-section-head-v341,
body.notifications-screen-v358 .notification-list-v16,
body.notifications-screen-v358 .notif-card-v16,
body.notifications-screen-v358 .notif-empty-v341{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body.notifications-screen-v358 .notifications-v341{
  padding-left:12px!important;
  padding-right:12px!important;
  overflow-x:hidden!important;
}

body.notifications-screen-v358 .notif-categories-v341{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.notifications-screen-v358 .notif-category-v341{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

body.notifications-screen-v358 .notif-card-v16{
  margin-left:0!important;
  margin-right:0!important;
}

body.notifications-screen-v358 .notif-copy{
  min-width:0!important;
  width:auto!important;
}

/* Le chevron / compteur ne réserve plus une colonne trop large. */
body.notifications-screen-v358 .notif-arrow,
body.notifications-screen-v358 .notif-unread-dot{
  flex:0 0 auto!important;
  margin-left:6px!important;
  margin-right:0!important;
}

/* Même largeur visuelle pour le header, le contenu et la nav basse. */
body.notifications-screen-v358 .simple-head.app-page-head,
body.notifications-screen-v358 .bottom-nav{
  width:100%!important;
  max-width:430px!important;
}

@media(max-width:430px){
  body.notifications-screen-v358 .notifications-v341{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body.notifications-screen-v358 .notif-categories-v341,
  body.notifications-screen-v358 .notification-list-v16{
    width:100%!important;
  }

  body.notifications-screen-v358 .notif-card-v16{
    width:100%!important;
  }
}


/* =========================================================
   Mooky v359 — cartes notifications style compact comme référence
   ========================================================= */
body.notifications-screen-v359 .notification-list-v16{
  gap:10px!important;
}
body.notifications-screen-v359 .notif-card-v359{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 12px!important;
  min-height:84px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(31,35,45,.96),rgba(25,29,38,.98))!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
body.notifications-screen-v359 .notif-card-v359:before{
  display:none!important;
}
body.notifications-screen-v359 .notif-card-v359.is-unread{
  background:linear-gradient(180deg,rgba(40,44,56,.98),rgba(28,31,41,.98))!important;
  border-color:rgba(147,114,255,.20)!important;
}
body.notifications-screen-v359 .notif-avatar-wrap{
  width:54px!important;
  height:54px!important;
}
body.notifications-screen-v359 .notif-avatar-wrap>img{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
body.notifications-screen-v359 .notif-type-icon{
  right:-2px!important;
  bottom:-2px!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  border:2px solid #262a35!important;
}
body.notifications-screen-v359 .notif-copy-v359{
  min-width:0!important;
}
body.notifications-screen-v359 .notif-copy-v359 p{
  margin:0!important;
  color:#eef1f7!important;
  font-size:12.8px!important;
  line-height:1.34!important;
  white-space:normal!important;
  word-break:break-word!important;
}
body.notifications-screen-v359 .notif-copy-v359 p strong{
  font-size:13px!important;
  font-weight:900!important;
  color:#ffffff!important;
}
body.notifications-screen-v359 .notif-copy-v359 small{
  display:block!important;
  margin-top:6px!important;
  color:#a9afbf!important;
  font-size:10.5px!important;
  line-height:1!important;
}
body.notifications-screen-v359 .notif-unread-dot-v359{
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#8f6dff!important;
  box-shadow:0 0 0 5px rgba(143,109,255,.10)!important;
  margin-left:4px!important;
}
body.notifications-screen-v359 .notif-arrow{
  display:none!important;
}

@media(max-width:430px){
  body.notifications-screen-v359 .notif-card-v359{
    grid-template-columns:50px minmax(0,1fr) auto!important;
    gap:10px!important;
    min-height:80px!important;
    padding:11px!important;
    border-radius:16px!important;
  }
  body.notifications-screen-v359 .notif-avatar-wrap,
  body.notifications-screen-v359 .notif-avatar-wrap>img{
    width:50px!important;
    height:50px!important;
  }
  body.notifications-screen-v359 .notif-copy-v359 p{
    font-size:12.2px!important;
  }
}


/* =========================================================
   Mooky v360 — notifications aux couleurs Mooky + icônes FA5 propres
   ========================================================= */
body.notifications-screen-v360 .notif-card-v359{
  background:linear-gradient(145deg,#11151f 0%,#0d1119 100%)!important;
  border:1px solid #242a38!important;
  box-shadow:0 12px 30px rgba(0,0,0,.17)!important;
}
body.notifications-screen-v360 .notif-card-v359.is-unread{
  background:linear-gradient(145deg,rgba(124,92,255,.12),#10141d 54%,#0d1119 100%)!important;
  border-color:rgba(137,105,255,.32)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 0 0 1px rgba(126,92,255,.035)!important;
}
body.notifications-screen-v360 .notif-avatar-wrap{
  position:relative!important;
  overflow:visible!important;
}
body.notifications-screen-v360 .notif-avatar-wrap>img{
  box-shadow:0 8px 20px rgba(0,0,0,.24)!important;
}
body.notifications-screen-v360 .notif-type-icon{
  right:-3px!important;
  bottom:-3px!important;
  width:23px!important;
  height:23px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:2px solid #0e121a!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#7557ff,#936cff)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(116,82,255,.34)!important;
  z-index:3!important;
}
body.notifications-screen-v360 .notif-type-icon i{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1!important;
  color:inherit!important;
  transform:none!important;
}

/* Une couleur Mooky cohérente par type sans casser le thème. */
body.notifications-screen-v360 .notif-type-message .notif-type-icon,
body.notifications-screen-v360 .notif-type-message_request .notif-type-icon,
body.notifications-screen-v360 .notif-type-message_request_accepted .notif-type-icon{
  background:linear-gradient(145deg,#6f52ff,#865fff)!important;
}
body.notifications-screen-v360 .notif-type-mention .notif-type-icon,
body.notifications-screen-v360 .notif-type-comment .notif-type-icon,
body.notifications-screen-v360 .notif-type-comment_reply .notif-type-icon{
  background:linear-gradient(145deg,#7658ff,#9a71ff)!important;
}
body.notifications-screen-v360 .notif-type-like .notif-type-icon,
body.notifications-screen-v360 .notif-type-comment_like .notif-type-icon{
  background:linear-gradient(145deg,#d851a2,#f06ab5)!important;
}
body.notifications-screen-v360 .notif-type-follow .notif-type-icon{
  background:linear-gradient(145deg,#7257ff,#9b73ff)!important;
}
body.notifications-screen-v360 .notif-type-moderation .notif-type-icon,
body.notifications-screen-v360 .notif-type-moderation_warning .notif-type-icon,
body.notifications-screen-v360 .notif-type-moderation_removed .notif-type-icon,
body.notifications-screen-v360 .notif-type-moderation_sanction .notif-type-icon,
body.notifications-screen-v360 .notif-type-report_decision .notif-type-icon{
  background:linear-gradient(145deg,#f0a43f,#ffbd58)!important;
  color:#16120b!important;
  box-shadow:0 6px 16px rgba(240,164,63,.22)!important;
}

body.notifications-screen-v360 .notif-copy-v359 p{
  color:#e7eaf2!important;
}
body.notifications-screen-v360 .notif-copy-v359 p strong{
  color:#fff!important;
}
body.notifications-screen-v360 .notif-copy-v359 small{
  color:#8992a6!important;
}

/* Catégories : mêmes couleurs que le reste du site. */
body.notifications-screen-v360 .notif-category-v341{
  background:linear-gradient(145deg,#11151f,#0d1119)!important;
  border-color:#252b39!important;
}
body.notifications-screen-v360 .notif-category-v341.active{
  background:linear-gradient(145deg,rgba(112,78,255,.18),#11141d 72%)!important;
  border-color:rgba(139,105,255,.52)!important;
}
body.notifications-screen-v360 .notif-category-icon-v341{
  background:#191e2a!important;
  color:#9f86ff!important;
}
body.notifications-screen-v360 .notif-category-v341.active .notif-category-icon-v341{
  background:#2a1f49!important;
  color:#c3afff!important;
}
body.notifications-screen-v360 .notif-category-icon-v341 i{
  font-size:14px!important;
  line-height:1!important;
}

@media(max-width:430px){
  body.notifications-screen-v360 .notif-type-icon{
    width:22px!important;
    height:22px!important;
    right:-3px!important;
    bottom:-3px!important;
  }
  body.notifications-screen-v360 .notif-type-icon i{font-size:9px!important}
}


/* =========================================================
   Mooky v361 — barre du bas plus propre · Font Awesome 5
   ========================================================= */
.bottom-nav.mooky-tabbar-v143{
  height:calc(72px + var(--mooky-safe-bottom))!important;
  min-height:calc(72px + var(--mooky-safe-bottom))!important;
  padding:7px 8px max(7px,var(--mooky-safe-bottom))!important;
  gap:3px!important;
  background:rgba(8,9,14,.985)!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}

.mooky-tabbar-v143 .mooky-tab{
  height:56px!important;
  min-height:56px!important;
  padding:5px 2px 4px!important;
  gap:3px!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#7f8597!important;
}

.mooky-tabbar-v143 .mooky-tab-icon{
  width:36px!important;
  height:32px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
  color:inherit!important;
  background:transparent!important;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}

.mooky-tabbar-v143 .mooky-tab-icon i{
  width:auto!important;
  min-width:0!important;
  font-size:20px!important;
  line-height:1!important;
  display:block!important;
}

.mooky-tabbar-v143 .mooky-tab small{
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:800!important;
  color:inherit!important;
  letter-spacing:0!important;
}

.mooky-tabbar-v143 .mooky-tab.active{
  color:#a987ff!important;
  background:transparent!important;
}

.mooky-tabbar-v143 .mooky-tab.active::before{
  top:0!important;
  width:28px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#7658ff,#aa83ff)!important;
  box-shadow:0 0 10px rgba(140,102,255,.42)!important;
}

.mooky-tabbar-v143 .mooky-tab.active .mooky-tab-icon{
  background:linear-gradient(145deg,rgba(124,92,255,.18),rgba(124,92,255,.07))!important;
  color:#aa8aff!important;
  box-shadow:inset 0 0 0 1px rgba(151,118,255,.08)!important;
}

.mooky-tabbar-v143 .mooky-tab:hover .mooky-tab-icon{
  background:rgba(124,92,255,.07)!important;
  color:#aaa0d8!important;
}

.mooky-tabbar-v143 .mooky-tab:active .mooky-tab-icon{
  transform:scale(.92)!important;
}

.mooky-tabbar-v143 .mooky-nav-badge{
  top:-5px!important;
  right:-7px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  border:2px solid #090a0f!important;
  background:#ff4f78!important;
  font-size:6.8px!important;
  box-shadow:0 4px 10px rgba(255,79,120,.28)!important;
}

@media(max-width:390px){
  .bottom-nav.mooky-tabbar-v143{
    padding-left:5px!important;
    padding-right:5px!important;
    gap:1px!important;
  }
  .mooky-tabbar-v143 .mooky-tab-icon{
    width:34px!important;
    height:31px!important;
  }
  .mooky-tabbar-v143 .mooky-tab-icon i{font-size:19px!important}
  .mooky-tabbar-v143 .mooky-tab small{font-size:8px!important}
}


/* =========================================================
   Mooky v362 — barre du bas flottante plus propre
   ========================================================= */
.bottom-nav.mooky-tabbar-v143{
  left:50%!important;
  bottom:max(8px,var(--mooky-safe-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(408px,calc(100% - 18px))!important;
  max-width:min(408px,calc(100% - 18px))!important;
  height:70px!important;
  min-height:70px!important;
  padding:7px 7px!important;
  gap:4px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(13,15,22,.98),rgba(8,9,14,.985))!important;
  box-shadow:0 16px 40px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025)!important;
  overflow:visible!important;
}

.mooky-tabbar-v143 .mooky-tab{
  position:relative!important;
  height:54px!important;
  min-height:54px!important;
  padding:6px 2px 5px!important;
  gap:4px!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#777e91!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}

.mooky-tabbar-v143 .mooky-tab-icon{
  width:38px!important;
  height:30px!important;
  border-radius:10px!important;
  font-size:20px!important;
  background:transparent!important;
  box-shadow:none!important;
}

.mooky-tabbar-v143 .mooky-tab-icon i{
  font-size:20px!important;
  line-height:1!important;
}

.mooky-tabbar-v143 .mooky-tab small{
  font-size:8.4px!important;
  font-weight:800!important;
  color:inherit!important;
}

.mooky-tabbar-v143 .mooky-tab.active{
  color:#b497ff!important;
  background:linear-gradient(180deg,rgba(124,92,255,.14),rgba(124,92,255,.055))!important;
  box-shadow:inset 0 0 0 1px rgba(145,111,255,.07)!important;
}

.mooky-tabbar-v143 .mooky-tab.active::before{
  content:""!important;
  position:absolute!important;
  top:-7px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:30px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#7a5cff,#b38dff)!important;
  box-shadow:0 0 12px rgba(144,105,255,.5)!important;
}

.mooky-tabbar-v143 .mooky-tab.active .mooky-tab-icon{
  background:rgba(124,92,255,.10)!important;
  color:#b497ff!important;
  box-shadow:none!important;
}

.mooky-tabbar-v143 .mooky-tab:hover{
  background:rgba(255,255,255,.025)!important;
}

.mooky-tabbar-v143 .mooky-tab:active{
  transform:scale(.97)!important;
}

.mooky-tabbar-v143 .mooky-nav-badge{
  top:-5px!important;
  right:-6px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  border:2px solid #0b0d14!important;
  background:#ff547b!important;
  color:#fff!important;
  font-size:6.8px!important;
  font-weight:900!important;
}

@media(max-width:390px){
  .bottom-nav.mooky-tabbar-v143{
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
    bottom:max(6px,var(--mooky-safe-bottom))!important;
    height:68px!important;
    min-height:68px!important;
    padding:6px!important;
    gap:2px!important;
    border-radius:17px!important;
  }
  .mooky-tabbar-v143 .mooky-tab{
    height:54px!important;
    min-height:54px!important;
    border-radius:13px!important;
  }
  .mooky-tabbar-v143 .mooky-tab-icon{width:35px!important;height:29px!important}
  .mooky-tabbar-v143 .mooky-tab-icon i{font-size:19px!important}
  .mooky-tabbar-v143 .mooky-tab small{font-size:7.8px!important}
}


/* =========================================================
   Mooky v363 — barre du bas normale, sans carré actif
   ========================================================= */
.bottom-nav.mooky-tabbar-v143{
  left:50%!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:min(430px,100%)!important;
  max-width:430px!important;
  height:74px!important;
  min-height:74px!important;
  padding:7px 8px max(7px,var(--mooky-safe-bottom))!important;
  gap:0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  background:rgba(8,9,14,.985)!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  overflow:visible!important;
}

.mooky-tabbar-v143 .mooky-tab{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  height:58px!important;
  min-height:58px!important;
  padding:5px 2px 4px!important;
  gap:4px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#777e91!important;
  transition:color .18s ease,transform .18s ease!important;
}

/* Aucun gros carré derrière l'onglet actif. */
.mooky-tabbar-v143 .mooky-tab.active{
  color:#a986ff!important;
  background:transparent!important;
  box-shadow:none!important;
}

.mooky-tabbar-v143 .mooky-tab.active::before{
  content:""!important;
  position:absolute!important;
  top:-7px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:30px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#7557ff,#b58cff)!important;
  box-shadow:0 0 10px rgba(139,101,255,.40)!important;
}

.mooky-tabbar-v143 .mooky-tab-icon{
  width:38px!important;
  height:31px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}

/* Seulement une petite lueur ronde autour de l'icône active. */
.mooky-tabbar-v143 .mooky-tab.active .mooky-tab-icon{
  background:rgba(124,92,255,.09)!important;
  color:#ad8cff!important;
  box-shadow:0 0 16px rgba(124,92,255,.10)!important;
}

.mooky-tabbar-v143 .mooky-tab-icon i{
  font-size:20px!important;
  line-height:1!important;
}

.mooky-tabbar-v143 .mooky-tab small{
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:800!important;
  color:inherit!important;
}

.mooky-tabbar-v143 .mooky-tab:hover,
.mooky-tabbar-v143 .mooky-tab:focus{
  background:transparent!important;
}

.mooky-tabbar-v143 .mooky-tab:active{
  transform:scale(.95)!important;
}

/* Badge lisible sans déformer l'onglet. */
.mooky-tabbar-v143 .mooky-nav-badge{
  top:-5px!important;
  right:-7px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  border:2px solid #090a0f!important;
  background:#ff547b!important;
  color:#fff!important;
  font-size:6.8px!important;
  font-weight:900!important;
}

@media(max-width:390px){
  .bottom-nav.mooky-tabbar-v143{
    width:100%!important;
    max-width:100%!important;
    height:72px!important;
    min-height:72px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }

  .mooky-tabbar-v143 .mooky-tab{
    height:56px!important;
    min-height:56px!important;
  }

  .mooky-tabbar-v143 .mooky-tab-icon{
    width:36px!important;
    height:30px!important;
  }

  .mooky-tabbar-v143 .mooky-tab-icon i{
    font-size:19px!important;
  }

  .mooky-tabbar-v143 .mooky-tab small{
    font-size:8px!important;
  }
}


/* =========================================================
   Mooky v364 — discussion post propre + input couleurs Mooky
   ========================================================= */
.post-discussion{
  padding:14px 14px 16px!important;
  background:#0b0e15!important;
  border-top:1px solid #202633!important;
  overflow:hidden!important;
}

/* Champ commentaire : même palette sombre/violette que le site. */
.post-discussion .comment-input-wrap.mooky-comment-composer-box,
.community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box,
.community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box{
  height:56px!important;
  min-height:56px!important;
  border:1px solid #292f3d!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#141824,#10131c)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.13)!important;
}
.post-discussion .comment-input-wrap.mooky-comment-composer-box:focus-within,
.community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box:focus-within,
.community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box:focus-within{
  border-color:rgba(137,103,255,.42)!important;
  background:linear-gradient(145deg,#171929,#11141f)!important;
  box-shadow:0 0 0 3px rgba(124,92,255,.07),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.post-discussion .comment-input-wrap.mooky-comment-composer-box>input,
.community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box>input,
.community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box>input{
  height:56px!important;
  min-height:56px!important;
  line-height:56px!important;
  padding:0 52px 0 16px!important;
  color:#eef1f7!important;
  font-size:12px!important;
  font-weight:650!important;
}
.post-discussion .comment-input-wrap.mooky-comment-composer-box>input::placeholder,
.community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box>input::placeholder,
.community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box>input::placeholder{
  color:#aeb5c6!important;
  opacity:1!important;
}
.post-discussion .mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn,
.community-discussion-v99 .mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn,
.community-discussion-v110 .mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn{
  right:11px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  border-radius:11px!important;
  background:rgba(124,92,255,.08)!important;
  color:#b49cff!important;
}
.post-discussion .mooky-comment-composer-box .mooky-comment-toolbar>.comment-send-btn:hover{
  background:rgba(124,92,255,.16)!important;
  color:#fff!important;
}

/* Empty state : plus de grosse carte qui casse la mise en page. */
.post-discussion .comments-empty-pro{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:0!important;
  margin:8px 0 0!important;
  padding:22px 16px 20px!important;
  border:1px dashed #252b39!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#10131b,#0d1017)!important;
  box-shadow:none!important;
  text-align:center!important;
}
.post-discussion .comments-empty-pro>div{
  width:42px!important;
  height:42px!important;
  margin:0 auto 10px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:#1b1630!important;
  color:#9d82ff!important;
  font-size:17px!important;
}
.post-discussion .comments-empty-pro h3{
  margin:0!important;
  color:#eef0f6!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.post-discussion .comments-empty-pro p{
  margin:6px 0 0!important;
  color:#7f8799!important;
  font-size:9px!important;
  line-height:1.4!important;
}
.post-discussion .comments-empty-pro button{
  margin:12px 0 0!important;
  height:36px!important;
  padding:0 13px!important;
  border:1px solid rgba(145,111,255,.22)!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#6f50ec,#8d63ff)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:850!important;
  box-shadow:0 8px 20px rgba(104,76,224,.16)!important;
}

/* Evite le gros espace vide sous l'état vide. */
.post-discussion:has(.comments-empty-pro){
  padding-bottom:14px!important;
}

@media(max-width:560px){
  .post-discussion{padding:12px 10px 14px!important}
  .post-discussion .comment-input-wrap.mooky-comment-composer-box,
  .community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box,
  .community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box{
    height:52px!important;
    min-height:52px!important;
    border-radius:15px!important;
  }
  .post-discussion .comment-input-wrap.mooky-comment-composer-box>input,
  .community-discussion-v99 .comment-input-wrap.mooky-comment-composer-box>input,
  .community-discussion-v110 .comment-input-wrap.mooky-comment-composer-box>input{
    height:52px!important;
    min-height:52px!important;
    line-height:52px!important;
    padding:0 46px 0 14px!important;
    font-size:11.5px!important;
  }
  .post-discussion .comments-empty-pro{
    margin-top:7px!important;
    padding:18px 13px 17px!important;
    border-radius:15px!important;
  }
  .post-discussion .comments-empty-pro>div{width:38px!important;height:38px!important;border-radius:12px!important;font-size:15px!important}
  .post-discussion .comments-empty-pro h3{font-size:12px!important}
  .post-discussion .comments-empty-pro p{font-size:8.5px!important}
  .post-discussion .comments-empty-pro button{height:34px!important;border-radius:10px!important;font-size:8.5px!important}
}


/* =========================================================
   Mooky v365 — fix zone commentaires + bouton vide arrondi
   ========================================================= */
.post-discussion{
  overflow:visible!important;
  padding:18px 14px 16px!important;
  background:#0b0e15!important;
  border-top:1px solid #202633!important;
}

/* Sépare proprement les actions du post et le composer. */
.post-discussion .comment-composer-pro{
  margin:0 0 14px!important;
  padding:0 2px!important;
  align-items:center!important;
}
.post-discussion .comment-avatar-wrap{
  flex:0 0 44px!important;
  overflow:visible!important;
  z-index:2!important;
}
.post-discussion .comment-avatar-wrap>img{
  position:relative!important;
  z-index:2!important;
}
.post-discussion .comment-composer-main{
  min-width:0!important;
}

/* Input bien contenu et aligné, sans débordement. */
.post-discussion .comment-input-wrap.mooky-comment-composer-box{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#141824,#10131c)!important;
}
.post-discussion .comment-input-wrap.mooky-comment-composer-box>input{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Etat vide compact et sans chevauchement avec le composer. */
.post-discussion .comments-empty-pro{
  clear:both!important;
  position:relative!important;
  z-index:1!important;
  margin:10px 0 0!important;
  padding:22px 16px!important;
  min-height:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
}

/* Bouton "Écrire un commentaire" légèrement arrondi, pas carré. */
.post-discussion .comments-empty-pro button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:156px!important;
  height:38px!important;
  padding:0 15px!important;
  margin:13px auto 0!important;
  border:1px solid rgba(169,137,255,.26)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#7452f6,#9468ff)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  box-shadow:0 8px 20px rgba(105,77,223,.18)!important;
  cursor:pointer!important;
}
.post-discussion .comments-empty-pro button:hover{
  background:linear-gradient(135deg,#8060ff,#a276ff)!important;
  transform:translateY(-1px)!important;
}
.post-discussion .comments-empty-pro button:active{
  transform:scale(.97)!important;
}

@media(max-width:560px){
  .post-discussion{
    padding:16px 10px 14px!important;
  }
  .post-discussion .comment-composer-pro{
    padding:0!important;
    gap:9px!important;
  }
  .post-discussion .comments-empty-pro{
    margin-top:8px!important;
    padding:18px 12px!important;
    border-radius:15px!important;
  }
  .post-discussion .comments-empty-pro button{
    min-width:150px!important;
    height:36px!important;
    border-radius:13px!important;
    font-size:8.5px!important;
  }
}


/* =========================================================
   Mooky v366 — supprime le gros vide entre actions et commentaires
   ========================================================= */
.post-pro-page .post-discussion{
  margin-top:0!important;
  padding:8px 12px 14px!important;
  border-top:0!important;
}

.post-pro-page .post-pro-card{
  margin-bottom:0!important;
}

/* Le formulaire doit commencer directement sous la barre J'aime / Commentaires / Partager. */
.post-pro-page .post-discussion .comment-composer-pro{
  margin-top:0!important;
  margin-bottom:10px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  min-height:0!important;
  align-items:center!important;
}

.post-pro-page .post-discussion .comment-avatar-wrap{
  margin-top:0!important;
}

.post-pro-page .post-discussion .comment-composer-main{
  margin:0!important;
  padding:0!important;
}

.post-pro-page .post-discussion .comment-input-wrap.mooky-comment-composer-box{
  margin:0!important;
}

/* Etat vide rapproché du champ, sans trou visuel. */
.post-pro-page .post-discussion .comments-empty-pro{
  margin-top:8px!important;
}

/* Bouton propre et arrondi. */
.post-pro-page .post-discussion .comments-empty-pro button{
  border-radius:14px!important;
}

@media(max-width:560px){
  .post-pro-page .post-discussion{
    padding:6px 9px 12px!important;
  }
  .post-pro-page .post-discussion .comment-composer-pro{
    margin-bottom:8px!important;
  }
  .post-pro-page .post-discussion .comments-empty-pro{
    margin-top:6px!important;
  }
}


/* =========================================================
   Mooky v367 — zone commentaires exactement à la largeur du post
   ========================================================= */
.post-pro-page{
  width:100%!important;
  box-sizing:border-box!important;
}

.post-pro-page > .post-pro-card,
.post-pro-page > .post-discussion{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* La zone commentaires reprend exactement les bords de la publication. */
.post-pro-page > .post-discussion{
  padding:10px 12px 14px!important;
  background:#0d1017!important;
  border-radius:0 0 14px 14px!important;
  overflow:visible!important;
}

/* Composer + état vide = même largeur utile. */
.post-pro-page > .post-discussion .comment-composer-pro,
.post-pro-page > .post-discussion .comments-empty-pro,
.post-pro-page > .post-discussion .comment-thread-pro{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.post-pro-page > .post-discussion .comment-composer-pro{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:10px!important;
  padding:0!important;
  margin:0 0 10px!important;
  background:transparent!important;
  border:0!important;
}

.post-pro-page > .post-discussion .comment-avatar-wrap{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
}

.post-pro-page > .post-discussion .comment-avatar-wrap>img{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
}

.post-pro-page > .post-discussion .comment-input-wrap.mooky-comment-composer-box{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.post-pro-page > .post-discussion .comments-empty-pro{
  margin:0!important;
  padding:30px 18px 32px!important;
  border-radius:16px!important;
}

/* Le bouton reste compact mais proprement arrondi. */
.post-pro-page > .post-discussion .comments-empty-pro button{
  min-width:190px!important;
  height:42px!important;
  padding:0 18px!important;
  border-radius:13px!important;
}

@media(max-width:560px){
  .post-pro-page > .post-discussion{
    padding:8px 10px 12px!important;
  }

  .post-pro-page > .post-discussion .comment-composer-pro{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }

  .post-pro-page > .post-discussion .comment-avatar-wrap,
  .post-pro-page > .post-discussion .comment-avatar-wrap>img{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }

  .post-pro-page > .post-discussion .comments-empty-pro{
    padding:26px 14px 28px!important;
  }

  .post-pro-page > .post-discussion .comments-empty-pro button{
    min-width:176px!important;
    height:40px!important;
    border-radius:12px!important;
  }
}


/* =========================================================
   Mooky v368 — fusion propre entre la publication et la zone commentaires
   ========================================================= */
.post-pro-page > .post-pro-card{
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
  margin-bottom:0!important;
  overflow:visible!important;
}

.post-pro-page > .post-discussion{
  margin-top:0!important;
  border:1px solid #252938!important;
  border-top:0!important;
  border-radius:0 0 8px 8px!important;
  background:linear-gradient(180deg,#11141e 0%,#0e1018 100%)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.24)!important;
}

/* Même bordure visuelle sur toute la largeur. */
.post-pro-page > .post-discussion::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:1px!important;
  background:#232634!important;
}

.post-pro-page > .post-discussion{
  position:relative!important;
}

/* Le formulaire et la liste restent parfaitement contenus. */
.post-pro-page > .post-discussion .comment-composer-pro,
.post-pro-page > .post-discussion .comment-thread-pro,
.post-pro-page > .post-discussion .comments-empty-pro{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* Petit resserrage pour éviter les décalages visuels sur le bord droit. */
.post-pro-page > .post-discussion .comment-composer-pro{
  align-items:center!important;
  margin-bottom:12px!important;
}

.post-pro-page > .post-discussion .comment-pro{
  width:100%!important;
  max-width:none!important;
}

@media(max-width:560px){
  .post-pro-page > .post-discussion{
    border-radius:0 0 8px 8px!important;
  }
}


/* =========================================================
   Mooky v369 — espace propre entre actions du post et commentaires
   ========================================================= */
.post-pro-page > .post-pro-card{
  border-bottom-left-radius:8px!important;
  border-bottom-right-radius:8px!important;
  overflow:hidden!important;
}

.post-pro-page > .post-discussion{
  margin-top:10px!important;
  border:1px solid #252938!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#11141e 0%,#0e1018 100%)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.20)!important;
}

.post-pro-page > .post-discussion::before{
  display:none!important;
}

/* Laisse respirer légèrement le composer sans recréer un gros trou. */
.post-pro-page > .post-discussion .comment-composer-pro{
  margin-top:2px!important;
}

@media(max-width:560px){
  .post-pro-page > .post-discussion{
    margin-top:8px!important;
    border-radius:10px!important;
  }
}


/* =========================================================
   Mooky v370 — bouton Publier plus arrondi dans create.php
   ========================================================= */
.create-publish-bar{
  border-radius:12px!important;
}

.create-publish-bar .btn{
  border-radius:14px!important;
  padding:12px 18px!important;
  min-height:46px!important;
  box-shadow:0 10px 22px rgba(124,92,255,.20)!important;
}

.create-publish-bar .btn i{
  font-size:.95em!important;
}

@media(max-width:560px){
  .create-publish-bar{
    border-radius:12px!important;
  }
  .create-publish-bar .btn{
    border-radius:14px!important;
  }
}


/* =========================================================
   Mooky v371 — bouton Publier explicitement arrondi
   ========================================================= */
.create-publish-bar button.btn.primary[type="submit"]{
  border-radius:18px!important;
  overflow:hidden!important;
}
@media(max-width:560px){
  .create-publish-bar button.btn.primary[type="submit"]{
    border-radius:16px!important;
  }
}


/* =========================================================
   Mooky v372 — bouton Aide create.php identique au bouton Retour
   ========================================================= */
body .create-head #createHelp{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  background:linear-gradient(180deg,#151a25 0%,#10141d 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#f7f7fb!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
body .create-head #createHelp i{
  font-size:18px!important;
  line-height:1!important;
}
body .create-head #createHelp:active{
  transform:scale(.94)!important;
  background:rgba(124,92,255,.13)!important;
  border-color:rgba(139,109,255,.35)!important;
}
@media(max-width:430px){
  body .create-head #createHelp{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    border-radius:15px!important;
  }
}


/* =========================================================
   Mooky v373 — modal d'aide création : image à gauche, texte à droite
   ========================================================= */
#mookyModalLayer.has-media.media-side .mooky-confirm-dialog{
  width:min(760px,calc(100vw - 28px))!important;
  max-width:760px!important;
  padding:20px!important;
  display:grid!important;
  grid-template-columns:minmax(250px, .9fr) minmax(300px, 1.1fr)!important;
  grid-template-rows:auto 1fr auto!important;
  column-gap:22px!important;
  row-gap:10px!important;
  align-items:center!important;
  border-radius:20px!important;
  overflow:hidden!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-icon{
  display:none!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-media{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-media img{
  width:100%!important;
  max-width:300px!important;
  height:auto!important;
  max-height:330px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.25))!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-copy{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  padding:0!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-copy h3{
  margin:0 0 10px!important;
  font-size:28px!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-copy p{
  margin:0!important;
  color:#b7bdcc!important;
  font-size:14px!important;
  line-height:1.6!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-actions{
  grid-column:1 / -1!important;
  grid-row:3!important;
  margin-top:8px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-actions .modal-btn{
  min-height:48px!important;
  border-radius:14px!important;
}

/* Mobile : garde l'idée du dernier screen, avec l'image à gauche du texte
   tant que la largeur le permet. */
@media(max-width:620px){
  #mookyModalLayer.has-media.media-side .mooky-confirm-dialog{
    width:calc(100vw - 20px)!important;
    max-width:520px!important;
    padding:15px!important;
    grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr)!important;
    column-gap:13px!important;
    row-gap:10px!important;
    border-radius:17px!important;
  }

  #mookyModalLayer.has-media.media-side .mooky-modal-media img{
    max-width:180px!important;
    max-height:230px!important;
  }

  #mookyModalLayer.has-media.media-side .mooky-modal-copy h3{
    font-size:20px!important;
    margin-bottom:7px!important;
  }

  #mookyModalLayer.has-media.media-side .mooky-modal-copy p{
    font-size:11.5px!important;
    line-height:1.5!important;
  }

  #mookyModalLayer.has-media.media-side .mooky-modal-actions .modal-btn{
    min-height:44px!important;
    border-radius:13px!important;
  }
}

@media(max-width:390px){
  #mookyModalLayer.has-media.media-side .mooky-confirm-dialog{
    grid-template-columns:112px minmax(0,1fr)!important;
    column-gap:10px!important;
    padding:13px!important;
  }

  #mookyModalLayer.has-media.media-side .mooky-modal-media img{
    max-width:128px!important;
    max-height:190px!important;
  }

  #mookyModalLayer.has-media.media-side .mooky-modal-copy h3{
    font-size:18px!important;
  }

  #mookyModalLayer.has-media.media-side .mooky-modal-copy p{
    font-size:10.5px!important;
  }
}


/* =========================================================
   Mooky v374 — modal aide compacte comme sur téléphone
   ========================================================= */
#mookyModalLayer.has-media.media-side .mooky-confirm-dialog{
  width:min(520px,calc(100vw - 24px))!important;
  max-width:520px!important;
  padding:15px!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:14px!important;
  row-gap:12px!important;
  border-radius:18px!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-media{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-media img{
  width:100%!important;
  max-width:150px!important;
  max-height:190px!important;
  object-fit:contain!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-copy{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-copy h3{
  margin:0 0 7px!important;
  font-size:20px!important;
  line-height:1.08!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-copy p{
  font-size:11.5px!important;
  line-height:1.5!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-actions{
  grid-column:1 / -1!important;
  grid-row:2!important;
  margin-top:0!important;
}

#mookyModalLayer.has-media.media-side .mooky-modal-actions .modal-btn{
  min-height:44px!important;
  border-radius:13px!important;
  font-size:11px!important;
}

@media(max-width:430px){
  #mookyModalLayer.has-media.media-side .mooky-confirm-dialog{
    width:calc(100vw - 18px)!important;
    max-width:390px!important;
    padding:12px!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    column-gap:10px!important;
    row-gap:10px!important;
    border-radius:16px!important;
  }

  #mookyModalLayer.has-media.media-side .mooky-modal-media img{
    max-width:112px!important;
    max-height:155px!important;
  }

  #mookyModalLayer.has-media.media-side .mooky-modal-copy h3{
    font-size:17px!important;
    margin-bottom:5px!important;
  }

  #mookyModalLayer.has-media.media-side .mooky-modal-copy p{
    font-size:10px!important;
    line-height:1.42!important;
  }

  #mookyModalLayer.has-media.media-side .mooky-modal-actions .modal-btn{
    min-height:40px!important;
    border-radius:12px!important;
    font-size:10px!important;
  }
}


/* =========================================================
   Mooky v375 — modal aide compacte, jamais étirée plein écran
   ========================================================= */
#mookyModalLayer.has-media.media-side .mooky-confirm-dialog{
  width:min(410px,calc(100vw - 40px))!important;
  max-width:410px!important;
  min-width:0!important;
  padding:14px!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  column-gap:12px!important;
  row-gap:11px!important;
  border-radius:17px!important;
  box-sizing:border-box!important;
}
#mookyModalLayer.has-media.media-side .mooky-modal-media img{
  max-width:118px!important;
  max-height:164px!important;
}
#mookyModalLayer.has-media.media-side .mooky-modal-copy h3{
  font-size:18px!important;
  margin:0 0 6px!important;
}
#mookyModalLayer.has-media.media-side .mooky-modal-copy p{
  font-size:10.5px!important;
  line-height:1.45!important;
}
#mookyModalLayer.has-media.media-side .mooky-modal-actions .modal-btn{
  width:100%!important;
  min-height:40px!important;
  border-radius:12px!important;
  font-size:10px!important;
}

@media(max-width:430px){
  #mookyModalLayer.has-media.media-side .mooky-confirm-dialog{
    width:min(350px,calc(100vw - 34px))!important;
    max-width:350px!important;
    padding:12px!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    column-gap:10px!important;
    row-gap:9px!important;
    border-radius:15px!important;
  }
  #mookyModalLayer.has-media.media-side .mooky-modal-media img{
    max-width:92px!important;
    max-height:132px!important;
  }
  #mookyModalLayer.has-media.media-side .mooky-modal-copy h3{
    font-size:16px!important;
    margin-bottom:5px!important;
  }
  #mookyModalLayer.has-media.media-side .mooky-modal-copy p{
    font-size:9.3px!important;
    line-height:1.38!important;
  }
  #mookyModalLayer.has-media.media-side .mooky-modal-actions .modal-btn{
    min-height:38px!important;
    border-radius:11px!important;
    font-size:9.5px!important;
  }
}

/* =========================================================
   Mooky v376 — publications payantes BananaCoins
   ========================================================= */
.create-paid-panel,
.edit-paid-price{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:12px;
  border:1px solid #292d3d;
  border-radius:14px;
  background:linear-gradient(145deg,#141720,#0e1118);
  margin-top:10px;
}
.create-paid-panel[hidden],.edit-paid-price[hidden]{display:none!important}
.create-paid-icon{width:46px;height:46px;border-radius:13px;background:#211c15;display:grid;place-items:center;border:1px solid rgba(255,207,72,.14)}
.create-paid-icon img,.edit-paid-price>img{width:30px;height:30px;object-fit:contain}
.create-paid-copy b,.edit-paid-price>span b{display:block;font-size:11px}
.create-paid-copy small,.edit-paid-price>span small{display:block;margin-top:3px;color:#7e8799;font-size:8px;line-height:1.35}
.create-paid-panel>label,.edit-paid-price>label{display:flex;align-items:center;min-width:96px;height:42px;border:1px solid #343949;border-radius:12px;background:#090b11;overflow:hidden}
.create-paid-panel>label input,.edit-paid-price>label input{min-width:0;width:72px;height:100%;padding:0 8px;border:0!important;background:transparent!important;color:#fff!important;text-align:right;font-weight:900;outline:0!important}
.create-paid-panel>label span,.edit-paid-price>label em{padding:0 8px;color:#ffd45a;font-size:9px;font-style:normal;font-weight:900}
.paid-post-toggle>span:first-child,.edit-paid-toggle>span>i{color:#ffd45a!important}

.paid-post-lock-card{
  margin:10px 12px 12px;
  padding:18px;
  border:1px solid rgba(255,207,72,.16);
  border-radius:16px;
  background:radial-gradient(circle at 100% 0,rgba(124,92,255,.18),transparent 42%),linear-gradient(145deg,#151823,#0d1017);
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
.paid-post-lock-detail{margin:12px 14px 14px!important;padding:22px!important}
.paid-post-lock-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#241d3c;color:#ac8cff;font-size:17px}
.paid-post-lock-copy{min-width:0}
.paid-post-lock-copy span{display:block;color:#a58aff;font-size:7px;font-weight:950;letter-spacing:.14em}
.paid-post-lock-copy b{display:block;margin-top:4px;font-size:14px;color:#fff}
.paid-post-lock-copy p{margin:5px 0 0;color:#8a92a4;font-size:9px;line-height:1.45}
.paid-post-lock-price{grid-column:3;grid-row:1 / span 2;min-width:86px;text-align:center;padding:10px;border:1px solid #2b3040;border-radius:13px;background:#0b0e14}
.paid-post-lock-price img{display:block;width:28px;height:28px;object-fit:contain;margin:0 auto 4px}
.paid-post-lock-price strong{display:block;font-size:16px;color:#ffd45a}
.paid-post-lock-price small{display:block;margin-top:2px;color:#747d90;font-size:7px}
.paid-post-unlock-form,.paid-post-buy-coins{grid-column:1 / 3;margin-top:2px}
.paid-post-unlock-form button,.paid-post-buy-coins{width:100%;min-height:42px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#7554ff,#a66bff);color:#fff;text-decoration:none;font-size:9px;font-weight:900;box-shadow:0 10px 24px rgba(118,82,255,.18)}
.paid-post-buy-coins{background:#171b25;border:1px solid #2d3343;color:#d8dcE7}
.paid-post-balance{grid-column:1 / 3;color:#71798c;font-size:7.5px;text-align:center;margin-top:-4px}

.profile-paid-post-lock{min-height:120px;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:radial-gradient(circle at 80% 0,rgba(124,92,255,.16),transparent 45%),#0e1118;color:#e9ebf2}
.profile-paid-post-lock>i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#201937;color:#aa8cff}
.profile-paid-post-lock b{display:block;font-size:11px}.profile-paid-post-lock small{display:block;margin-top:3px;font-size:8px;color:#858da0}
.explore-paid-thumb{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:linear-gradient(145deg,#201a38,#10131b);color:#aa8cff}
.explore-paid-thumb i{font-size:17px}.explore-paid-thumb small{font-size:8px;font-weight:900;color:#ffd45a}

@media(max-width:560px){
  .create-paid-panel,.edit-paid-price{grid-template-columns:40px minmax(0,1fr);gap:9px;padding:10px}
  .create-paid-icon{width:40px;height:40px;border-radius:12px}.create-paid-icon img,.edit-paid-price>img{width:25px;height:25px}
  .create-paid-panel>label,.edit-paid-price>label{grid-column:1 / -1;width:100%;min-width:0}
  .create-paid-panel>label input,.edit-paid-price>label input{width:100%;text-align:left}
  .paid-post-lock-card{grid-template-columns:40px minmax(0,1fr);margin:8px 9px 10px;padding:14px;gap:9px}
  .paid-post-lock-icon{width:40px;height:40px;border-radius:12px}
  .paid-post-lock-price{grid-column:1 / -1;grid-row:auto;display:grid;grid-template-columns:26px auto 1fr;align-items:center;gap:6px;text-align:left;min-width:0;padding:8px 10px}
  .paid-post-lock-price img{width:24px;height:24px;margin:0}.paid-post-lock-price strong{font-size:14px}.paid-post-lock-price small{margin:0}
  .paid-post-unlock-form,.paid-post-buy-coins,.paid-post-balance{grid-column:1 / -1}
}


/* =========================================================
   Mooky v377 — create.php : largeur mobile fixe sans bande noire à droite
   ========================================================= */
body.create-screen-v377 .desktop-shell,
body.create-screen-v377 .app-shell{
  width:100%!important;
  max-width:430px!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

body.create-screen-v377 .app-shell{
  margin-left:auto!important;
  margin-right:auto!important;
}

body.create-screen-v377 .create-head,
body.create-screen-v377 .create-pro,
body.create-screen-v377 .create-pro-form,
body.create-screen-v377 .create-type-switch,
body.create-screen-v377 .create-author-card,
body.create-screen-v377 .create-editor,
body.create-screen-v377 .create-markdown-toolbar,
body.create-screen-v377 .create-media-card,
body.create-screen-v377 .create-options-grid,
body.create-screen-v377 .create-option-tile,
body.create-screen-v377 .create-paid-panel,
body.create-screen-v377 .create-publish-bar{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body.create-screen-v377 .create-pro{
  padding-left:14px!important;
  padding-right:14px!important;
  overflow-x:hidden!important;
}

body.create-screen-v377 .create-pro-form > *{
  min-width:0!important;
  max-width:100%!important;
}

body.create-screen-v377 .create-author-card > div,
body.create-screen-v377 .create-option-tile > div,
body.create-screen-v377 .create-paid-copy{
  min-width:0!important;
  overflow:hidden!important;
}

body.create-screen-v377 .create-option-tile small,
body.create-screen-v377 .create-paid-copy small{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* La barre Markdown défile à l'intérieur au lieu d'élargir la page. */
body.create-screen-v377 .create-markdown-toolbar{
  display:flex!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
body.create-screen-v377 .create-markdown-toolbar::-webkit-scrollbar{display:none!important}

/* Le bloc BananaCoins ne peut plus pousser la page vers la droite. */
body.create-screen-v377 .paid-post-toggle{
  overflow:hidden!important;
}
body.create-screen-v377 .paid-post-toggle > div{
  min-width:0!important;
}
body.create-screen-v377 .paid-post-toggle small{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.create-screen-v377 .create-paid-panel{
  grid-template-columns:46px minmax(0,1fr) minmax(92px,auto)!important;
}
body.create-screen-v377 .create-paid-panel > label{
  max-width:118px!important;
  min-width:0!important;
}
body.create-screen-v377 .create-paid-panel > label input{
  width:100%!important;
  min-width:0!important;
}

/* La nav reste exactement alignée au canevas de create.php. */
body.create-screen-v377 .bottom-nav{
  width:100%!important;
  max-width:430px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}

@media(max-width:560px){
  body.create-screen-v377 .desktop-shell,
  body.create-screen-v377 .app-shell{
    max-width:100%!important;
  }
  body.create-screen-v377 .create-pro{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.create-screen-v377 .create-paid-panel{
    grid-template-columns:40px minmax(0,1fr)!important;
  }
  body.create-screen-v377 .create-paid-panel > label{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:none!important;
  }
}


/* =========================================================
   Mooky v378 — create.php recentré correctement sur PC
   ========================================================= */

/* Le shell extérieur doit toujours occuper tout l'écran.
   C'était lui qui était limité à 430px et collé à gauche. */
body.create-screen-v377 .desktop-shell{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  overflow-x:hidden!important;
}

/* Seule l'application garde le format mobile compact. */
body.create-screen-v377 .app-shell{
  width:100%!important;
  max-width:430px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow-x:hidden!important;
  flex:0 0 min(430px,100%)!important;
}

/* Le header/create suit exactement la largeur du canevas. */
body.create-screen-v377 .create-head,
body.create-screen-v377 .create-pro{
  width:100%!important;
  max-width:430px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* La bottom nav doit être alignée au canevas mobile centré. */
body.create-screen-v377 .bottom-nav{
  width:min(430px,100%)!important;
  max-width:430px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}

/* Protection contre les débordements internes sans casser le centrage. */
body.create-screen-v377 .create-pro-form,
body.create-screen-v377 .create-pro-form > *,
body.create-screen-v377 .create-editor,
body.create-screen-v377 .create-media-card,
body.create-screen-v377 .create-options-grid,
body.create-screen-v377 .create-option-tile,
body.create-screen-v377 .create-paid-panel,
body.create-screen-v377 .create-publish-bar{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media(max-width:430px){
  body.create-screen-v377 .desktop-shell{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }

  body.create-screen-v377 .app-shell,
  body.create-screen-v377 .create-head,
  body.create-screen-v377 .create-pro{
    width:100%!important;
    max-width:100%!important;
  }

  body.create-screen-v377 .bottom-nav{
    width:100%!important;
    max-width:100%!important;
  }
}


/* =========================================================
   Mooky v379 — panneaux Lieu / Humeur / Audience à la bonne place
   ========================================================= */
body.create-screen-v377 .create-options-grid .create-inline-panel{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:-2px 0 2px!important;
  padding:12px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#11141d,#0d1017)!important;
  border:1px solid #292e3d!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.create-screen-v377 .create-options-grid .create-inline-panel[hidden]{display:none!important}
body.create-screen-v377 .create-options-grid .create-inline-panel .panel-title{
  margin-bottom:9px!important;
}
body.create-screen-v377 .create-options-grid .create-inline-panel .panel-title button{
  width:34px!important;height:34px!important;border-radius:11px!important;
}
body.create-screen-v377 .create-options-grid .create-inline-panel input[type="text"],
body.create-screen-v377 .create-options-grid .create-inline-panel input:not([type]){
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
/* La barre Publier reste indépendante : aucun panneau ne vient se coller dessus. */
body.create-screen-v377 .create-publish-bar{
  margin-top:10px!important;
  position:sticky!important;
}
@media(max-width:560px){
  body.create-screen-v377 .create-options-grid .create-inline-panel{
    padding:10px!important;
    border-radius:11px!important;
  }
}


/* =========================================================
   Mooky v380 — la barre Publier ne masque plus Publication payante
   ========================================================= */
body.create-screen-v377 .create-publish-bar{
  position:relative!important;
  bottom:auto!important;
  top:auto!important;
  z-index:2!important;
  margin-top:12px!important;
}

/* Le bloc Publication payante doit toujours rester visible dans le flux. */
body.create-screen-v377 .paid-post-toggle{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Le panneau BananaCoins reste juste sous l'option payante. */
body.create-screen-v377 .create-paid-panel{
  position:relative!important;
  z-index:2!important;
  margin-top:8px!important;
  margin-bottom:4px!important;
}

/* Empêche toute carte de création d'être recouverte par la barre de publication. */
body.create-screen-v377 .create-options-grid{
  position:relative!important;
  z-index:3!important;
  overflow:visible!important;
}

body.create-screen-v377 .create-pro-form{
  padding-bottom:100px!important;
}

@media(max-width:560px){
  body.create-screen-v377 .create-publish-bar{
    position:relative!important;
    bottom:auto!important;
    margin-top:10px!important;
  }
  body.create-screen-v377 .create-pro-form{
    padding-bottom:96px!important;
  }
}


/* =========================================================
   Mooky v381 — Publication payante alignée comme Commentaires
   ========================================================= */
body.create-screen-v377 .paid-post-toggle{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-height:72px!important;
  padding:12px!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  background:#11131b!important;
  box-sizing:border-box!important;
}
body.create-screen-v377 .paid-post-toggle>span:first-child{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  flex:0 0 38px!important;
  border-radius:10px!important;
  background:#1b1d29!important;
  color:#ffd45a!important;
  display:grid!important;
  place-items:center!important;
}
body.create-screen-v377 .paid-post-toggle>div{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
}
body.create-screen-v377 .paid-post-toggle b{
  display:block!important;
  font-size:13px!important;
  line-height:1.2!important;
}
body.create-screen-v377 .paid-post-toggle small{
  display:block!important;
  margin-top:3px!important;
  color:#7f8498!important;
  font-size:11px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.create-screen-v377 .paid-post-toggle input{
  display:none!important;
}
body.create-screen-v377 .paid-post-toggle .toggle-ui{
  width:42px!important;
  height:24px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  margin-left:auto!important;
  border-radius:999px!important;
  background:#292c38!important;
  position:relative!important;
}
body.create-screen-v377 .paid-post-toggle .toggle-ui:before{
  content:""!important;
  position:absolute!important;
  width:18px!important;
  height:18px!important;
  left:3px!important;
  top:3px!important;
  border-radius:50%!important;
  background:#fff!important;
  transition:.2s!important;
}
body.create-screen-v377 .paid-post-toggle input:checked + .toggle-ui{
  background:#7c5cff!important;
}
body.create-screen-v377 .paid-post-toggle input:checked + .toggle-ui:before{
  transform:translateX(18px)!important;
}

/* Prix BananaCoins dans le même langage visuel que les autres options. */
body.create-screen-v377 .create-paid-panel{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  padding:12px!important;
  margin-top:8px!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  background:#11131b!important;
  box-sizing:border-box!important;
}
body.create-screen-v377 .create-paid-panel[hidden]{display:none!important}
body.create-screen-v377 .create-paid-icon{
  width:38px!important;
  height:38px!important;
  border-radius:10px!important;
  background:#1b1d29!important;
  border:0!important;
}
body.create-screen-v377 .create-paid-icon img{
  width:27px!important;
  height:27px!important;
}
body.create-screen-v377 .create-paid-copy b{font-size:12px!important}
body.create-screen-v377 .create-paid-copy small{
  font-size:9px!important;
  white-space:normal!important;
  line-height:1.35!important;
}
body.create-screen-v377 .create-paid-panel>label{
  grid-column:auto!important;
  width:110px!important;
  min-width:110px!important;
  height:42px!important;
  border-radius:12px!important;
}
body.create-screen-v377 .create-paid-panel>label input{
  width:74px!important;
  text-align:right!important;
}

@media(max-width:430px){
  body.create-screen-v377 .paid-post-toggle{
    min-height:66px!important;
    padding:10px!important;
    gap:9px!important;
  }
  body.create-screen-v377 .paid-post-toggle>span:first-child{
    width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important;
  }
  body.create-screen-v377 .paid-post-toggle b{font-size:12px!important}
  body.create-screen-v377 .paid-post-toggle small{font-size:9.5px!important}
  body.create-screen-v377 .create-paid-panel{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:10px!important;
  }
  body.create-screen-v377 .create-paid-panel>label{
    width:92px!important;
    min-width:92px!important;
    height:40px!important;
  }
  body.create-screen-v377 .create-paid-panel>label input{
    width:58px!important;
    padding:0 5px!important;
  }
}


/* =========================================================
   Mooky v382 — publications payantes simples et professionnelles
   ========================================================= */

/* Carte principale : plus sobre, moins "premium flashy". */
.paid-post-lock-card{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  grid-template-areas:
    "icon copy price"
    "action action action"
    "balance balance balance"!important;
  align-items:center!important;
  gap:10px 12px!important;
  margin:12px!important;
  padding:14px!important;
  border:1px solid #282d3b!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#11151d 0%,#0d1118 100%)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

/* Même rendu sur la page détail. */
.paid-post-lock-detail{
  margin:12px!important;
  padding:14px!important;
}

/* Icône simple. */
.paid-post-lock-icon{
  grid-area:icon!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:#1b1f2a!important;
  border:1px solid #2b3140!important;
  color:#a98cff!important;
  font-size:15px!important;
  box-shadow:none!important;
}

/* Texte : hiérarchie plus discrète. */
.paid-post-lock-copy{
  grid-area:copy!important;
  min-width:0!important;
}
.paid-post-lock-copy span{
  display:block!important;
  margin:0 0 3px!important;
  color:#8d78e8!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
.paid-post-lock-copy b{
  display:block!important;
  margin:0!important;
  color:#f5f6fa!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.paid-post-lock-copy p{
  margin:4px 0 0!important;
  color:#7f8799!important;
  font-size:8.5px!important;
  line-height:1.4!important;
}

/* Prix = simple pastille compacte à droite. */
.paid-post-lock-price{
  grid-area:price!important;
  min-width:78px!important;
  padding:7px 9px!important;
  display:grid!important;
  grid-template-columns:22px auto!important;
  grid-template-rows:auto auto!important;
  column-gap:6px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid #2b3040!important;
  border-radius:12px!important;
  background:#0b0e14!important;
}
.paid-post-lock-price img{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  object-fit:contain!important;
}
.paid-post-lock-price strong{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  color:#ffd456!important;
  font-size:13px!important;
  line-height:1!important;
}
.paid-post-lock-price small{
  grid-column:2!important;
  grid-row:2!important;
  margin:2px 0 0!important;
  color:#6f7789!important;
  font-size:6.5px!important;
  line-height:1!important;
}

/* CTA sobre et propre. */
.paid-post-unlock-form,
.paid-post-buy-coins{
  grid-area:action!important;
  width:100%!important;
  margin:2px 0 0!important;
}

.paid-post-unlock-form button,
.paid-post-buy-coins{
  width:100%!important;
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid #33394a!important;
  background:#171b24!important;
  color:#eef0f6!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:850!important;
}

.paid-post-unlock-form button{
  border-color:rgba(133,101,255,.45)!important;
  background:linear-gradient(135deg,#6e50e8,#8c62f3)!important;
  color:#fff!important;
}

.paid-post-buy-coins:hover,
.paid-post-unlock-form button:hover{
  filter:brightness(1.06)!important;
}

/* Solde discret. */
.paid-post-balance{
  grid-area:balance!important;
  display:block!important;
  margin:0!important;
  color:#687184!important;
  font-size:7px!important;
  text-align:center!important;
}

/* Mobile : conserve une carte très compacte. */
@media(max-width:560px){
  .paid-post-lock-card,
  .paid-post-lock-detail{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:8px 9px!important;
    margin:8px 9px 10px!important;
    padding:11px!important;
    border-radius:14px!important;
  }

  .paid-post-lock-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }

  .paid-post-lock-copy b{font-size:11.5px!important}
  .paid-post-lock-copy p{font-size:7.8px!important}
  .paid-post-lock-copy span{font-size:6.5px!important}

  .paid-post-lock-price{
    min-width:68px!important;
    padding:6px 8px!important;
    border-radius:11px!important;
    grid-template-columns:20px auto!important;
    column-gap:5px!important;
  }
  .paid-post-lock-price img{width:20px!important;height:20px!important}
  .paid-post-lock-price strong{font-size:12px!important}
  .paid-post-lock-price small{font-size:6px!important}

  .paid-post-unlock-form button,
  .paid-post-buy-coins{
    min-height:38px!important;
    border-radius:11px!important;
    font-size:8.5px!important;
  }
}


/* ===== Mooky V386 · post access status chips (rounded + corner aligned) ===== */
.post-status-badges{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;flex:0 0 auto;max-width:none}
.post-status-chip{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;border-radius:14px;border:1px solid #2f3550;background:linear-gradient(180deg,#171d2c,#0f1420);color:#eef1fb;box-shadow:0 12px 24px rgba(0,0,0,.18);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
.post-status-chip i{font-size:14px;line-height:1}
.post-status-chip:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.24)}
.post-status-chip.status-public{border-color:#294b66;background:linear-gradient(180deg,rgba(17,36,57,.98),rgba(12,20,33,.98))}
.post-status-chip.status-public i{color:#61c6ff}
.post-status-chip.status-followers{border-color:#534078;background:linear-gradient(180deg,rgba(29,21,52,.98),rgba(16,14,30,.98))}
.post-status-chip.status-followers i{color:#b08cff}
.post-status-chip.status-paid{border-color:#695429;background:linear-gradient(180deg,rgba(46,33,16,.98),rgba(24,19,13,.98))}
.post-status-chip.status-paid i{color:#ffc857}
.home-post-pro .post-pro-author-row,.post-pro-page .post-pro-author-row{position:relative!important;align-items:flex-start!important}
.home-post-pro .post-status-badges,.post-pro-page .post-status-badges{position:absolute!important;top:14px!important;right:14px!important;z-index:4!important;margin-left:0!important;justify-content:flex-end!important}
.home-post-pro .post-pro-author-row{padding-right:110px!important}
.post-pro-page .post-pro-author-row{padding-right:122px!important}
.profile-post-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.profile-post-meta .post-status-badges{margin-left:auto;max-width:none;gap:6px}
.profile-post-meta .post-status-chip{width:26px;min-width:26px;height:26px;border-radius:10px;box-shadow:none}
.profile-post-meta .post-status-chip i{font-size:11px}
@media (max-width:520px){
  .home-post-pro .post-pro-author-row,.post-pro-page .post-pro-author-row{padding-right:88px!important}
  .home-post-pro .post-status-badges,.post-pro-page .post-status-badges{top:12px!important;right:10px!important;gap:6px!important}
  .home-post-pro .post-status-chip,.post-pro-page .post-status-chip{width:32px!important;min-width:32px!important;height:32px!important;border-radius:12px!important}
  .home-post-pro .post-status-chip i,.post-pro-page .post-status-chip i{font-size:12px!important}
}
@media (max-width:380px){
  .home-post-pro .post-pro-author-row,.post-pro-page .post-pro-author-row{padding-right:80px!important}
  .home-post-pro .post-status-badges,.post-pro-page .post-status-badges{top:11px!important;right:8px!important;gap:5px!important}
  .home-post-pro .post-status-chip,.post-pro-page .post-status-chip{width:29px!important;min-width:29px!important;height:29px!important;border-radius:11px!important}
  .home-post-pro .post-status-chip i,.post-pro-page .post-status-chip i{font-size:11px!important}
}


/* =========================================================
   Mooky v387 — post-status-badges plus arrondis
   ========================================================= */
.post-status-chip{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  padding:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
}

.post-status-chip.status-public,
.post-status-chip.status-followers,
.post-status-chip.status-paid{
  border-radius:16px!important;
}

.profile-post-meta .post-status-chip{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  border-radius:12px!important;
}

@media(max-width:520px){
  .home-post-pro .post-status-chip,
  .post-pro-page .post-status-chip{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    border-radius:14px!important;
  }
}

@media(max-width:380px){
  .home-post-pro .post-status-chip,
  .post-pro-page .post-status-chip{
    width:29px!important;
    min-width:29px!important;
    height:29px!important;
    border-radius:13px!important;
  }
}


/* =========================================================
   Mooky v388 — post-status-badges vraiment ronds
   ========================================================= */
.post-status-badges .post-status-chip,
.post-status-badges .post-status-chip.status-public,
.post-status-badges .post-status-chip.status-followers,
.post-status-badges .post-status-chip.status-paid{
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  clip-path:circle(50% at 50% 50%)!important;
  display:inline-grid!important;
  place-items:center!important;
}

.post-status-badges .post-status-chip i{
  margin:0!important;
  line-height:1!important;
  font-size:14px!important;
}

.profile-post-meta .post-status-badges .post-status-chip{
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%)!important;
}

@media(max-width:520px){
  .home-post-pro .post-status-badges .post-status-chip,
  .post-pro-page .post-status-badges .post-status-chip{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    border-radius:50%!important;
    clip-path:circle(50% at 50% 50%)!important;
  }
}

@media(max-width:380px){
  .home-post-pro .post-status-badges .post-status-chip,
  .post-pro-page .post-status-badges .post-status-chip{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    border-radius:50%!important;
    clip-path:circle(50% at 50% 50%)!important;
  }
}


/* =========================================================
   Mooky v389 — badges statut à ~75% d'arrondi, sans bord carré visible
   ========================================================= */
.post-status-badges .post-status-chip,
.post-status-badges .post-status-chip.status-public,
.post-status-badges .post-status-chip.status-followers,
.post-status-badges .post-status-chip.status-paid{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0!important;

  /* Moins rond qu'avant : environ 75% du rendu précédent */
  border-radius:12px!important;

  /* On retire le clip circulaire qui laissait un effet de bord bizarre */
  clip-path:none!important;
  -webkit-clip-path:none!important;

  overflow:hidden!important;
  display:inline-grid!important;
  place-items:center!important;

  /* Bordure beaucoup plus discrète */
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
}

.post-status-badges .post-status-chip.status-public{
  background:linear-gradient(180deg,#132538,#0d1724)!important;
  border-color:rgba(97,198,255,.18)!important;
}
.post-status-badges .post-status-chip.status-followers{
  background:linear-gradient(180deg,#241a3b,#171225)!important;
  border-color:rgba(176,140,255,.18)!important;
}
.post-status-badges .post-status-chip.status-paid{
  background:linear-gradient(180deg,#342711,#21190d)!important;
  border-color:rgba(255,200,87,.18)!important;
}

.post-status-badges .post-status-chip i{
  font-size:14px!important;
  line-height:1!important;
  margin:0!important;
}

.profile-post-meta .post-status-badges .post-status-chip{
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  border-radius:9px!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
}

@media(max-width:520px){
  .home-post-pro .post-status-badges .post-status-chip,
  .post-pro-page .post-status-badges .post-status-chip{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    border-radius:11px!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }
}

@media(max-width:380px){
  .home-post-pro .post-status-badges .post-status-chip,
  .post-pro-page .post-status-badges .post-status-chip{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    border-radius:10px!important;
  }
}


/* =========================================================
   Mooky v390 — badges statut arrondis, pas carrés / pas ronds
   ========================================================= */
.post-status-badges .post-status-chip,
.post-status-badges .post-status-chip.status-public,
.post-status-badges .post-status-chip.status-followers,
.post-status-badges .post-status-chip.status-paid{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;

  /* Vrai carré arrondi : ni carré, ni cercle */
  border-radius:15px!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;
  overflow:hidden!important;

  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
}

.profile-post-meta .post-status-badges .post-status-chip{
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  border-radius:12px!important;
}

@media(max-width:520px){
  .home-post-pro .post-status-badges .post-status-chip,
  .post-pro-page .post-status-badges .post-status-chip{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    border-radius:14px!important;
  }
}

@media(max-width:380px){
  .home-post-pro .post-status-badges .post-status-chip,
  .post-pro-page .post-status-badges .post-status-chip{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    border-radius:13px!important;
  }
}


/* =========================================================
   Mooky v391 — badges arrondis sans contours visibles
   ========================================================= */
.post-status-badges .post-status-chip,
.post-status-badges .post-status-chip.status-public,
.post-status-badges .post-status-chip.status-followers,
.post-status-badges .post-status-chip.status-paid{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;

  /* Arrondi doux comme demandé */
  border-radius:15px!important;

  /* Aucun contour visible */
  border:0!important;
  outline:0!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;
  overflow:hidden!important;

  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;

  /* Ombre légère uniquement pour détacher le bouton du fond */
  box-shadow:0 7px 18px rgba(0,0,0,.16)!important;
}

/* Fonds propres sans bordures */
.post-status-badges .post-status-chip.status-public{
  background:linear-gradient(180deg,#142638,#0d1825)!important;
}
.post-status-badges .post-status-chip.status-followers{
  background:linear-gradient(180deg,#261d3f,#171327)!important;
}
.post-status-badges .post-status-chip.status-paid{
  background:linear-gradient(180deg,#382913,#231a0d)!important;
}

.post-status-badges .post-status-chip i{
  margin:0!important;
  line-height:1!important;
  font-size:14px!important;
}

/* Profil */
.profile-post-meta .post-status-badges .post-status-chip{
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  border-radius:12px!important;
  border:0!important;
  outline:0!important;
}

/* Mobile */
@media(max-width:520px){
  .home-post-pro .post-status-badges .post-status-chip,
  .post-pro-page .post-status-badges .post-status-chip{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    border-radius:14px!important;
    border:0!important;
    outline:0!important;
  }
}

@media(max-width:380px){
  .home-post-pro .post-status-badges .post-status-chip,
  .post-pro-page .post-status-badges .post-status-chip{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    border-radius:13px!important;
  }
}


/* =========================================================
   Mooky v392 — annonce home plus propre + badges statut arrondis
   ========================================================= */
.home-announcement-pro{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 18px 14px;
  padding:15px 16px;
  border-radius:20px;
  border:1px solid rgba(139,99,255,.16);
  background:linear-gradient(135deg,rgba(33,28,61,.98),rgba(16,18,28,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);
  overflow:hidden;
}
.home-announcement-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right,rgba(142,100,255,.14),transparent 42%);
  pointer-events:none;
}
.home-announcement-icon,
.home-announcement-content{position:relative;z-index:1}
.home-announcement-icon{
  width:46px;
  min-width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,rgba(126,90,255,.2),rgba(72,55,124,.1));
  color:#ae92ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.home-announcement-icon i{font-size:18px;line-height:1}
.home-announcement-content{min-width:0;display:flex;flex-direction:column;gap:4px}
.home-announcement-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(138,102,255,.12);
  color:#b394ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-announcement-content b{
  display:block;
  font-size:14px;
  line-height:1.2;
  color:#fff;
}
.home-announcement-content p{
  margin:0;
  color:#b6bdcc;
  font-size:13px;
  line-height:1.5;
}
.home-announcement-warning .home-announcement-icon{background:linear-gradient(180deg,rgba(255,173,72,.18),rgba(97,64,12,.1));color:#ffcf74}
.home-announcement-success .home-announcement-icon{background:linear-gradient(180deg,rgba(75,205,125,.17),rgba(17,77,34,.1));color:#73e39c}
.home-announcement-maintenance .home-announcement-icon{background:linear-gradient(180deg,rgba(143,106,255,.22),rgba(58,40,112,.12));color:#c4a7ff}

@media(max-width:520px){
  .home-announcement-pro{margin:0 14px 12px;padding:14px;border-radius:18px;gap:12px}
  .home-announcement-icon{width:42px;min-width:42px;height:42px;border-radius:14px}
  .home-announcement-content b{font-size:13px}
  .home-announcement-content p{font-size:12px}
}

/* Badges de statut plus arrondis, sans contour visible */
.post-status-badges .post-status-chip,
.post-status-badges .post-status-chip.status-public,
.post-status-badges .post-status-chip.status-followers,
.post-status-badges .post-status-chip.status-paid{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border-radius:13px!important;
  border:none!important;
  outline:none!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
  box-shadow:0 10px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.post-status-badges .post-status-chip.status-public{background:linear-gradient(180deg,#173149,#0f2232)!important}
.post-status-badges .post-status-chip.status-followers{background:linear-gradient(180deg,#2b2150,#1a1530)!important}
.post-status-badges .post-status-chip.status-paid{background:linear-gradient(180deg,#433015,#2b1f0f)!important}
.post-status-badges .post-status-chip i{font-size:14px!important;line-height:1!important}

.profile-post-meta .post-status-badges .post-status-chip{
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  border-radius:10px!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
}

@media(max-width:520px){
  .home-post-pro .post-status-badges .post-status-chip,
  .post-pro-page .post-status-badges .post-status-chip{
    width:33px!important;
    min-width:33px!important;
    max-width:33px!important;
    height:33px!important;
    min-height:33px!important;
    max-height:33px!important;
    border-radius:12px!important;
  }
}
@media(max-width:380px){
  .home-post-pro .post-status-badges .post-status-chip,
  .post-pro-page .post-status-badges .post-status-chip{
    width:31px!important;
    min-width:31px!important;
    max-width:31px!important;
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    border-radius:11px!important;
  }
}


/* =========================================================
   Mooky v393 — annonces avec lien + flèche
   ========================================================= */
.home-announcement-link{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  padding-right:14px;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
.home-announcement-link:hover{
  transform:translateY(-1px);
  box-shadow:0 17px 40px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.04);
}
.home-announcement-arrow{
  position:relative;
  z-index:1;
  margin-left:auto;
  width:38px;
  min-width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(139,99,255,.12);
  color:#b69cff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.home-announcement-arrow i{font-size:13px}
.home-announcement-link:hover .home-announcement-arrow{background:rgba(139,99,255,.2);color:#d3c4ff}
@media(max-width:520px){
  .home-announcement-link{padding-right:12px}
  .home-announcement-arrow{width:34px;min-width:34px;height:34px;border-radius:12px}
}


/* =========================================================
   Mooky v394 — annonce home simple et compacte
   ========================================================= */
.home-announcement-pro{
  margin:0 14px 10px!important;
  padding:10px 12px!important;
  min-height:0!important;
  gap:10px!important;
  border-radius:14px!important;
  border:1px solid #292d3b!important;
  background:#11141d!important;
  box-shadow:none!important;
  align-items:center!important;
}
.home-announcement-pro::before{display:none!important}
.home-announcement-icon{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  background:#191d29!important;
  box-shadow:none!important;
}
.home-announcement-icon i{font-size:15px!important}
.home-announcement-content{gap:2px!important}
.home-announcement-kicker{display:none!important}
.home-announcement-content b{
  font-size:12.5px!important;
  line-height:1.2!important;
  margin:0!important;
  color:#f4f5f8!important;
}
.home-announcement-content p{
  margin:1px 0 0!important;
  font-size:11px!important;
  line-height:1.35!important;
  color:#8f97aa!important;
}
.home-announcement-link{
  color:inherit!important;
  text-decoration:none!important;
}
.home-announcement-link:hover{
  transform:none!important;
  border-color:#34394a!important;
  background:#141721!important;
}
.home-announcement-arrow{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  margin-left:auto!important;
  border-radius:10px!important;
  background:#191d29!important;
  color:#a78dff!important;
  box-shadow:none!important;
}
.home-announcement-arrow i{font-size:11px!important}
.home-announcement-warning .home-announcement-icon{background:#241d14!important;color:#f5c267!important}
.home-announcement-success .home-announcement-icon{background:#14241e!important;color:#68dfa0!important}
.home-announcement-maintenance .home-announcement-icon{background:#1d1930!important;color:#ad91ff!important}
.home-announcement-info .home-announcement-icon{background:#191d29!important;color:#a98cff!important}

@media(max-width:520px){
  .home-announcement-pro{
    margin:0 10px 9px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    gap:9px!important;
  }
  .home-announcement-icon{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
  .home-announcement-content b{font-size:12px!important}
  .home-announcement-content p{font-size:10.5px!important}
  .home-announcement-arrow{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    border-radius:9px!important;
  }
}


/* =========================================================
   Mooky v396 — annonce cliquable avec modal de détail
   ========================================================= */
.home-announcement-open{
  width:calc(100% - 28px)!important;
  text-align:left!important;
  color:inherit!important;
  font:inherit!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.home-announcement-open:hover{background:#141721!important;border-color:#34394a!important}
.home-announcement-open:active{transform:scale(.995)}
.home-announcement-open .home-announcement-arrow{display:grid!important}

.home-announcement-modal[hidden]{display:none!important}
.home-announcement-modal{
  position:fixed;
  inset:0;
  z-index:14000;
  display:grid;
  place-items:center;
  padding:18px;
}
.home-announcement-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,5,9,.78);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.home-announcement-modal-card{
  position:relative;
  z-index:1;
  width:min(100%,390px);
  padding:18px;
  border:1px solid #292e3d;
  border-radius:20px;
  background:linear-gradient(180deg,#151822,#10131b);
  box-shadow:0 26px 80px rgba(0,0,0,.52);
}
.home-announcement-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:15px;
}
.home-announcement-modal-icon{
  width:46px;
  height:46px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:#1d1930;
  color:#ae91ff;
  font-size:18px;
}
.home-announcement-modal-icon-success{background:#14241e;color:#68dfa0}
.home-announcement-modal-icon-warning{background:#241d14;color:#f5c267}
.home-announcement-modal-icon-maintenance{background:#1d1930;color:#ad91ff}
.home-announcement-modal-icon-info{background:#191d29;color:#a98cff}
.home-announcement-modal-close{
  width:40px;
  height:40px;
  border:0;
  border-radius:13px;
  background:#1b1f2a;
  color:#d7dbe7;
  display:grid;
  place-items:center;
  font-size:16px;
  cursor:pointer;
}
.home-announcement-modal-copy>span{
  display:block;
  margin-bottom:7px;
  color:#9981f3;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.home-announcement-modal-copy h2{
  margin:0;
  color:#fff;
  font-size:21px;
  line-height:1.18;
}
.home-announcement-modal-copy p{
  margin:10px 0 0;
  color:#aeb5c6;
  font-size:13px;
  line-height:1.58;
  overflow-wrap:anywhere;
}
.home-announcement-modal-link{
  margin-top:18px;
  min-height:46px;
  padding:0 15px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  background:linear-gradient(135deg,#7355ff,#9a63ff);
  box-shadow:0 12px 28px rgba(118,83,255,.22);
}
.home-announcement-modal-link i{font-size:12px}
body.announcement-modal-open{overflow:hidden!important}

@media(max-width:520px){
  .home-announcement-open{width:calc(100% - 20px)!important}
  .home-announcement-modal{padding:12px}
  .home-announcement-modal-card{width:min(100%,360px);padding:16px;border-radius:18px}
  .home-announcement-modal-icon{width:42px;height:42px;border-radius:14px;font-size:16px}
  .home-announcement-modal-close{width:38px;height:38px;border-radius:12px}
  .home-announcement-modal-copy h2{font-size:19px}
  .home-announcement-modal-copy p{font-size:12px}
  .home-announcement-modal-link{min-height:44px;border-radius:13px}
}


/* =========================================================
   Mooky v399 — annonce arrondie comme les autres cartes
   ========================================================= */
.home-announcement-pro{
  border-radius:16px!important;
  overflow:hidden!important;
}

.home-announcement-icon{
  border-radius:13px!important;
}

.home-announcement-link{
  border-radius:12px!important;
}

@media(max-width:520px){
  .home-announcement-pro{
    border-radius:15px!important;
  }
  .home-announcement-icon{
    border-radius:12px!important;
  }
  .home-announcement-link{
    border-radius:11px!important;
  }
}


/* =========================================================
   Mooky v400 — home spacing + annonce vraiment arrondie
   ========================================================= */

/* Annonce : vrai arrondi visible même si d'anciens styles de bouton passent dessus. */
body .app-shell .home-announcement-pro.home-announcement-open{
  display:flex!important;
  width:calc(100% - 24px)!important;
  max-width:calc(100% - 24px)!important;
  min-height:58px!important;
  height:auto!important;
  margin:10px 12px 10px!important;
  padding:10px 12px!important;
  gap:10px!important;
  align-items:center!important;

  border:0!important;
  outline:0!important;
  border-radius:16px!important;
  -webkit-border-radius:16px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 16px)!important;
  -webkit-clip-path:inset(0 round 16px)!important;

  background:#11141d!important;
  background-clip:padding-box!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.14)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

body .app-shell .home-announcement-pro.home-announcement-open::before,
body .app-shell .home-announcement-pro.home-announcement-open::after{
  display:none!important;
  content:none!important;
}

body .app-shell .home-announcement-icon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
}

body .app-shell .home-announcement-arrow{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  border:0!important;
  border-radius:11px!important;
  overflow:hidden!important;
}

/* Supprime les gros espaces qui pouvaient apparaître entre annonce, stories et composer. */
body .app-shell .stories.stories-v3{
  display:flex!important;
  align-items:flex-start!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:10px 12px 12px!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

body .app-shell .stories.stories-v3 .story{
  width:66px!important;
  min-width:66px!important;
  max-width:66px!important;
  height:auto!important;
  min-height:0!important;
  flex:0 0 66px!important;
  margin:0!important;
  padding:0!important;
}

body .app-shell .stories.stories-v3 .story-ring{
  width:62px!important;
  min-width:62px!important;
  max-width:62px!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  margin:0 auto!important;
}

body .app-shell .stories.stories-v3 .story small{
  margin-top:5px!important;
  line-height:1.2!important;
}

body .app-shell .composer-card.composer-v3{
  width:calc(100% - 24px)!important;
  max-width:calc(100% - 24px)!important;
  min-height:0!important;
  height:auto!important;
  margin:10px 12px 12px!important;
  padding:12px!important;
}

/* Pas de marge fantôme entre les sections principales de l'accueil. */
body .app-shell > .home-announcement-pro + .stories-v3{
  margin-top:0!important;
}
body .app-shell .stories-v3 + .composer-v3{
  margin-top:10px!important;
}

@media(max-width:520px){
  body .app-shell .home-announcement-pro.home-announcement-open{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin:8px 10px 8px!important;
    border-radius:15px!important;
    -webkit-border-radius:15px!important;
    clip-path:inset(0 round 15px)!important;
    -webkit-clip-path:inset(0 round 15px)!important;
  }

  body .app-shell .stories.stories-v3{
    padding:9px 10px 10px!important;
  }

  body .app-shell .composer-card.composer-v3{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin:8px 10px 10px!important;
  }
}


/* =========================================================
   Mooky v401 — home announcement + line cleanup
   ========================================================= */

/* Supprime le trait/espace visible entre stories et composer */
body .app-shell .stories.stories-v3,
body .stories.stories-v3{
  border-bottom:0!important;
  box-shadow:none!important;
  margin-bottom:0!important;
  padding-bottom:8px!important;
}

body .app-shell .stories.stories-v3 + .composer-v3,
body .stories.stories-v3 + .composer-v3,
body .app-shell section.stories + section.composer-card{
  margin-top:0!important;
}

/* Annonce accueil plus arrondie comme le reste */
body .app-shell .home-announcement-pro.home-announcement-open,
body .home-announcement-pro.home-announcement-open,
body button.home-announcement-pro.home-announcement-open{
  border-radius:22px!important;
  -webkit-border-radius:22px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 22px)!important;
  -webkit-clip-path:inset(0 round 22px)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.14)!important;
}

body .app-shell .home-announcement-pro.home-announcement-open::before,
body .app-shell .home-announcement-pro.home-announcement-open::after,
body .home-announcement-pro.home-announcement-open::before,
body .home-announcement-pro.home-announcement-open::after{
  display:none!important;
  content:none!important;
}

body .app-shell .home-announcement-icon,
body .home-announcement-icon{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}

body .app-shell .home-announcement-arrow,
body .home-announcement-arrow{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}

/* Composer plus arrondi aussi */
body .app-shell .composer-card.composer-v3,
body .composer-card.composer-v3,
body section.composer-v3{
  border-radius:22px!important;
  -webkit-border-radius:22px!important;
  overflow:hidden!important;
}

@media (max-width: 520px){
  body .app-shell .home-announcement-pro.home-announcement-open,
  body .home-announcement-pro.home-announcement-open,
  body button.home-announcement-pro.home-announcement-open,
  body .app-shell .composer-card.composer-v3,
  body .composer-card.composer-v3,
  body section.composer-v3{
    border-radius:20px!important;
    -webkit-border-radius:20px!important;
    clip-path:inset(0 round 20px)!important;
    -webkit-clip-path:inset(0 round 20px)!important;
  }
  body .app-shell .home-announcement-icon,
  body .home-announcement-icon{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    border-radius:15px!important;
  }
  body .app-shell .home-announcement-arrow,
  body .home-announcement-arrow{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:15px!important;
  }
}


/* =========================================================
   Mooky v402 — annonce home + modal propre
   ========================================================= */

/* Card annonce : plus arrondie que les autres cartes */
body .app-shell .home-announcement-pro.home-announcement-open,
body .home-announcement-pro.home-announcement-open,
body button.home-announcement-pro.home-announcement-open{
  display:flex!important;
  align-items:center!important;
  width:calc(100% - 24px)!important;
  max-width:calc(100% - 24px)!important;
  margin:14px 12px 10px!important;
  padding:16px 18px!important;
  gap:14px!important;
  min-height:96px!important;
  border-radius:28px!important;
  -webkit-border-radius:28px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:linear-gradient(135deg,#121826 0%,#0f1420 58%,#121624 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
  clip-path:inset(0 round 28px)!important;
  -webkit-clip-path:inset(0 round 28px)!important;
}
body .app-shell .home-announcement-pro.home-announcement-open:hover,
body .home-announcement-pro.home-announcement-open:hover{
  background:linear-gradient(135deg,#131a2a 0%,#111724 58%,#141a28 100%)!important;
  border-color:rgba(255,255,255,.075)!important;
}
body .app-shell > .home-announcement-pro + .stories-v3,
body .app-shell > button.home-announcement-pro + .stories-v3{
  margin-top:0!important;
  padding-top:6px!important;
}
body .app-shell .stories.stories-v3{border-top:0!important}
body .app-shell .composer-card.composer-v3{border-top:0!important}

body .app-shell .home-announcement-icon,
body .home-announcement-icon{
  width:56px!important;
  min-width:56px!important;
  height:56px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
}
body .app-shell .home-announcement-icon i,
body .home-announcement-icon i{font-size:22px!important}
body .app-shell .home-announcement-content,
body .home-announcement-content{gap:4px!important;min-width:0!important;flex:1 1 auto!important}
body .app-shell .home-announcement-kicker,
body .home-announcement-kicker{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:rgba(139,99,255,.12)!important;
  color:#b99cff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
body .app-shell .home-announcement-content b,
body .home-announcement-content b{
  color:#f7f8fc!important;
  font-size:17px!important;
  line-height:1.16!important;
  margin:0!important;
}
body .app-shell .home-announcement-content p,
body .home-announcement-content p{
  margin:0!important;
  color:#9da6bb!important;
  font-size:13px!important;
  line-height:1.45!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body .app-shell .home-announcement-arrow,
body .home-announcement-arrow{
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin-left:auto!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(139,99,255,.11)!important;
  color:#b899ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body .app-shell .home-announcement-arrow i,
body .home-announcement-arrow i{font-size:16px!important}

body .app-shell .home-announcement-success .home-announcement-icon{background:linear-gradient(180deg,rgba(68,196,120,.18),rgba(18,58,34,.25))!important;color:#78e6a7!important}
body .app-shell .home-announcement-warning .home-announcement-icon{background:linear-gradient(180deg,rgba(240,180,72,.18),rgba(79,54,10,.22))!important;color:#ffcf74!important}
body .app-shell .home-announcement-maintenance .home-announcement-icon{background:linear-gradient(180deg,rgba(148,111,255,.20),rgba(53,35,108,.22))!important;color:#c5a9ff!important}
body .app-shell .home-announcement-info .home-announcement-icon{background:linear-gradient(180deg,rgba(119,93,255,.18),rgba(40,33,73,.2))!important;color:#b99cff!important}

/* Modal : style bottom sheet propre comme les menus longs */
.home-announcement-modal[hidden]{display:none!important}
.home-announcement-modal{
  position:fixed!important;
  inset:0!important;
  z-index:14000!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
}
.home-announcement-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(4,6,10,.72)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.home-announcement-modal-card{
  position:relative!important;
  z-index:1!important;
  width:min(100%,430px)!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:12px 14px calc(18px + env(safe-area-inset-bottom))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-bottom:0!important;
  border-radius:28px 28px 0 0!important;
  background:linear-gradient(180deg,#171b27 0%,#121722 100%)!important;
  box-shadow:0 -24px 70px rgba(0,0,0,.52)!important;
}
.home-announcement-sheet-handle{
  width:54px!important;
  height:6px!important;
  border-radius:999px!important;
  background:#707996!important;
  margin:4px auto 14px!important;
  opacity:.95!important;
}
.home-announcement-modal-title-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:2px 2px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.home-announcement-modal-title-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
.home-announcement-modal-title-copy small{
  color:#8e73ff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.home-announcement-modal-title-copy b{
  color:#f5f6fb!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
.home-announcement-modal-close{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:#202633!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:18px!important;
  cursor:pointer!important;
}
.home-announcement-modal-panel{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin-top:14px!important;
  padding:14px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:linear-gradient(135deg,#131826 0%,#0f1420 100%)!important;
}
.home-announcement-modal-panel-icon{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  font-size:18px!important;
}
.home-announcement-modal-panel-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}
.home-announcement-modal-panel-copy>span{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(139,99,255,.12)!important;
  color:#b598ff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.home-announcement-modal-panel-copy h2{
  margin:0!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.16!important;
}
.home-announcement-modal-panel-copy p{
  margin:0!important;
  color:#aeb6c9!important;
  font-size:13px!important;
  line-height:1.58!important;
  overflow-wrap:anywhere!important;
}
.home-announcement-modal-action{
  width:100%!important;
  margin-top:14px!important;
  padding:14px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:#171d2a!important;
  color:#eef1f8!important;
  text-decoration:none!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.home-announcement-modal-action>i:first-child{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#221a44!important;
  color:#b291ff!important;
  font-size:16px!important;
}
.home-announcement-modal-action>span{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;flex:1 1 auto!important}
.home-announcement-modal-action>span b{
  color:#fff!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.home-announcement-modal-action>span small{
  color:#8d95a8!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.home-announcement-modal-action .action-chevron{
  color:#8c93a6!important;
  font-size:14px!important;
}
body.announcement-modal-open{overflow:hidden!important}

@media (max-width:520px){
  body .app-shell .home-announcement-pro.home-announcement-open,
  body .home-announcement-pro.home-announcement-open,
  body button.home-announcement-pro.home-announcement-open{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin:10px 10px 8px!important;
    padding:14px!important;
    gap:12px!important;
    min-height:88px!important;
    border-radius:26px!important;
    -webkit-border-radius:26px!important;
    clip-path:inset(0 round 26px)!important;
    -webkit-clip-path:inset(0 round 26px)!important;
  }
  body .app-shell > .home-announcement-pro + .stories-v3,
  body .app-shell > button.home-announcement-pro + .stories-v3{
    padding-top:4px!important;
  }
  body .app-shell .home-announcement-icon,
  body .home-announcement-icon{
    width:52px!important;min-width:52px!important;height:52px!important;border-radius:18px!important;
  }
  body .app-shell .home-announcement-icon i,
  body .home-announcement-icon i{font-size:20px!important}
  body .app-shell .home-announcement-kicker,
  body .home-announcement-kicker{font-size:9px!important;padding:5px 9px!important}
  body .app-shell .home-announcement-content b,
  body .home-announcement-content b{font-size:15px!important}
  body .app-shell .home-announcement-content p,
  body .home-announcement-content p{font-size:12px!important}
  body .app-shell .home-announcement-arrow,
  body .home-announcement-arrow{
    width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:16px!important;
  }
  .home-announcement-modal-card{
    width:calc(100vw - 8px)!important;
    max-width:calc(100vw - 8px)!important;
    padding:11px 11px calc(16px + env(safe-area-inset-bottom))!important;
    border-radius:24px 24px 0 0!important;
  }
  .home-announcement-sheet-handle{margin-bottom:12px!important}
  .home-announcement-modal-title-copy b{font-size:16px!important}
  .home-announcement-modal-panel{padding:13px!important;border-radius:18px!important}
  .home-announcement-modal-panel-copy h2{font-size:19px!important}
  .home-announcement-modal-panel-copy p{font-size:12px!important}
  .home-announcement-modal-action{padding:13px!important;border-radius:16px!important}
}


/* =========================================================
   Mooky v403 — annonce normale, simple et propre
   ========================================================= */
body .app-shell .home-announcement-pro.home-announcement-open,
body .home-announcement-pro.home-announcement-open,
body button.home-announcement-pro.home-announcement-open{
  width:calc(100% - 24px)!important;
  max-width:calc(100% - 24px)!important;
  min-height:68px!important;
  margin:10px 12px 10px!important;
  padding:12px 14px!important;
  gap:12px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid #262c39!important;
  border-radius:18px!important;
  -webkit-border-radius:18px!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  overflow:hidden!important;
  background:#11151f!important;
  box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
}
body .app-shell .home-announcement-pro.home-announcement-open:hover,
body .home-announcement-pro.home-announcement-open:hover{
  background:#141925!important;
  border-color:#303748!important;
  transform:none!important;
}
body .home-announcement-kicker,
body .app-shell .home-announcement-kicker{
  display:none!important;
}
body .home-announcement-icon,
body .app-shell .home-announcement-icon{
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  border-radius:14px!important;
  border:0!important;
  box-shadow:none!important;
}
body .home-announcement-icon i,
body .app-shell .home-announcement-icon i{
  font-size:17px!important;
}
body .home-announcement-content,
body .app-shell .home-announcement-content{
  flex:1 1 auto!important;
  min-width:0!important;
  gap:3px!important;
}
body .home-announcement-content b,
body .app-shell .home-announcement-content b{
  display:block!important;
  margin:0!important;
  color:#f5f7fb!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
body .home-announcement-content p,
body .app-shell .home-announcement-content p{
  margin:0!important;
  color:#929bae!important;
  font-size:12px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
}
body .home-announcement-arrow,
body .app-shell .home-announcement-arrow{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin-left:auto!important;
  border-radius:12px!important;
  border:0!important;
  display:grid!important;
  place-items:center!important;
  background:#191e2b!important;
  color:#a98cff!important;
  box-shadow:none!important;
}
body .home-announcement-arrow i,
body .app-shell .home-announcement-arrow i{
  font-size:12px!important;
}

/* Couleurs discrètes selon le type */
body .home-announcement-success .home-announcement-icon{background:#14251d!important;color:#68dfa0!important}
body .home-announcement-warning .home-announcement-icon{background:#2a2115!important;color:#f4c96d!important}
body .home-announcement-maintenance .home-announcement-icon{background:#201a34!important;color:#ad91ff!important}
body .home-announcement-info .home-announcement-icon{background:#191d29!important;color:#a98cff!important}

@media(max-width:520px){
  body .app-shell .home-announcement-pro.home-announcement-open,
  body .home-announcement-pro.home-announcement-open,
  body button.home-announcement-pro.home-announcement-open{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin:8px 10px 8px!important;
    padding:11px 12px!important;
    min-height:64px!important;
    border-radius:17px!important;
    gap:10px!important;
  }
  body .home-announcement-icon,
  body .app-shell .home-announcement-icon{
    width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:13px!important;
  }
  body .home-announcement-content b,
  body .app-shell .home-announcement-content b{font-size:13px!important}
  body .home-announcement-content p,
  body .app-shell .home-announcement-content p{font-size:11px!important}
  body .home-announcement-arrow,
  body .app-shell .home-announcement-arrow{
    width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;border-radius:11px!important;
  }
}


/* =========================================================
   Mooky v404 — annonces: emojis + Markdown propres
   ========================================================= */
.home-announcement-modal-rich{margin-top:2px!important;min-width:0!important}
.home-announcement-modal-rich .mooky-markdown,
.home-announcement-modal-rich .announcement-markdown{margin:0!important;color:#aeb6c9!important;font-size:13px!important;line-height:1.58!important}
.home-announcement-modal-rich .mooky-markdown p{margin:0 0 8px!important}
.home-announcement-modal-rich .mooky-markdown p:last-child{margin-bottom:0!important}
.home-announcement-modal-rich .mooky-markdown strong{color:#fff!important;font-weight:850!important}
.home-announcement-modal-rich .mooky-markdown em{color:#d7dbea!important}
.home-announcement-modal-rich .mooky-markdown a{color:#a98cff!important;text-decoration:none!important;font-weight:750!important}
.home-announcement-modal-rich .mooky-markdown img.mooky-md-image{max-width:100%!important;border-radius:14px!important}
.home-announcement-content p{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important}
.home-announcement-modal-rich,.announcement-message-field textarea,.announcement-emoji-bar button{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;
}
.announcement-emoji-bar{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin-top:8px!important}
.announcement-emoji-bar button{width:34px!important;height:34px!important;min-width:34px!important;border:1px solid #2c3241!important;border-radius:11px!important;background:#151924!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:17px!important;cursor:pointer!important;padding:0!important}
.announcement-emoji-bar button:hover{background:#211b3b!important;border-color:#58449a!important;transform:translateY(-1px)!important}
.announcement-message-field .announcement-help{display:block!important;margin-top:7px!important;color:#7f8799!important;font-size:10px!important;line-height:1.4!important}
@media(max-width:520px){
  .home-announcement-modal-rich .mooky-markdown{font-size:12px!important}
  .announcement-emoji-bar{gap:5px!important}
  .announcement-emoji-bar button{width:32px!important;height:32px!important;min-width:32px!important;border-radius:10px!important;font-size:16px!important}
}


/* =========================================================
   Mooky v405 — annonce accueil un peu plus arrondie
   ========================================================= */
.home-announcement-pro.home-announcement-open,
.home-announcement-pro.home-announcement-open.home-announcement-info,
.home-announcement-pro.home-announcement-open.home-announcement-success,
.home-announcement-pro.home-announcement-open.home-announcement-warning,
.home-announcement-pro.home-announcement-open.home-announcement-maintenance{
  border-radius:18px!important;
  -webkit-border-radius:18px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

.home-announcement-pro.home-announcement-open .home-announcement-icon{
  border-radius:13px!important;
}

.home-announcement-pro.home-announcement-open .home-announcement-arrow{
  border-radius:12px!important;
}

@media(max-width:520px){
  .home-announcement-pro.home-announcement-open,
  .home-announcement-pro.home-announcement-open.home-announcement-info,
  .home-announcement-pro.home-announcement-open.home-announcement-success,
  .home-announcement-pro.home-announcement-open.home-announcement-warning,
  .home-announcement-pro.home-announcement-open.home-announcement-maintenance{
    border-radius:17px!important;
  }
  .home-announcement-pro.home-announcement-open .home-announcement-icon{
    border-radius:12px!important;
  }
  .home-announcement-pro.home-announcement-open .home-announcement-arrow{
    border-radius:11px!important;
  }
}


/* =========================================================
   Mooky v406 — garde-fou arrondis
   ========================================================= */
/* Ne pas réintroduire de border-radius:0!important global sur
   button / section / article / card / modal / panel / badge / etc.
   Les rayons sont maintenant définis composant par composant.
*/


/* =========================================================
   Mooky v407 — safe area Android/iPhone sur tous les headers
   ========================================================= */
@media (max-width:560px){
  :root{--mooky-safe-top:max(env(safe-area-inset-top), 28px)}

  body :is(
    .topbar,
    .social-topbar,
    .simple-head,
    .app-page-head,
    .clean-head,
    .chat-head,
    .messages-pro-head,
    .communities-head-v94,
    .settings-head,
    .premium-style-v164-head,
    .connections-head,
    .notifications-head,
    .create-head
  ){
    box-sizing:border-box!important;
    height:auto!important;
    min-height:calc(74px + var(--mooky-safe-top))!important;
    padding-top:calc(var(--mooky-safe-top) + 10px)!important;
    padding-bottom:10px!important;
    top:0!important;
  }

  body .simple-head.app-page-head,
  body .simple-head.app-page-head.clean-head,
  body .simple-head.app-page-head.settings-head,
  body .messages-pro-head{
    min-height:calc(82px + var(--mooky-safe-top))!important;
    padding:calc(var(--mooky-safe-top) + 10px) 16px 12px!important;
  }

  body .social-topbar{
    min-height:calc(72px + var(--mooky-safe-top))!important;
    padding:calc(var(--mooky-safe-top) + 8px) 14px 10px!important;
  }
}

/* Très petits écrans : garde quand même l'espace sous la barre système */
@media (max-width:360px){
  :root{--mooky-safe-top:max(env(safe-area-inset-top), 26px)}
}


/* =========================================================
   Mooky v408 — tous les headers d'application harmonisés
   Référence : header Notifications
   ========================================================= */

/* En-têtes de pages standards */
body .simple-head,
body .simple-head.app-page-head,
body .simple-head.app-page-head.clean-head,
body .simple-head.app-page-head.settings-head,
body .simple-head.app-page-head.create-head,
body .simple-head.app-page-head.edit-post-head,
body .simple-head.app-page-head.messages-pro-head,
body .simple-head.app-page-head.post-pro-head,
body .simple-head.app-page-head.hashtag-v53-head,
body .simple-head.app-page-head.communities-head-v94,
body .simple-head.app-page-head.bc-head,
body .simple-head.premium-v31-head,
body .simple-head.premium-style-v164-head,
body .simple-head.whatsnew-head,
body .a198-head,
body .connections-pro-head,
body .chat-head.chat-head-v24{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  width:100%!important;
  min-height:calc(82px + max(env(safe-area-inset-top), 12px))!important;
  height:auto!important;
  padding:calc(max(env(safe-area-inset-top), 12px) + 12px) 20px 14px!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) 56px!important;
  align-items:center!important;
  gap:12px!important;
  background:#090b12!important;
  border:0!important;
  border-bottom:1px solid #1b202c!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

/* Boutons gauche/droite identiques à Notifications */
body .simple-head .head-icon,
body .simple-head .mooky-back-btn,
body .simple-head .mooky-smart-back,
body .simple-head .kyc-head-lock,
body .simple-head .head-create-community,
body .simple-head > a:first-child,
body .simple-head > button:first-child,
body .simple-head > a:last-child:not(.premium-head-avatar):not(.premium-style-head-avatar),
body .simple-head > button:last-child,
body .a198-head .a198-headbtn,
body .connections-pro-head > a:first-child,
body .connections-pro-head > button:first-child,
body .connections-pro-head > a:last-child,
body .connections-pro-head > button:last-child,
body .chat-head-v24 .chat-back,
body .chat-head-v24 .chat-more{
  width:56px!important;
  min-width:56px!important;
  max-width:56px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  padding:0!important;
  margin:0!important;
  border-radius:18px!important;
  border:1px solid #282e3b!important;
  background:#141923!important;
  color:#eef1f7!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  box-shadow:none!important;
}
body .simple-head .head-icon i,
body .simple-head .mooky-back-btn i,
body .simple-head .mooky-smart-back i,
body .simple-head .kyc-head-lock i,
body .simple-head .head-create-community i,
body .simple-head > a:first-child i,
body .simple-head > button:first-child i,
body .simple-head > a:last-child:not(.premium-head-avatar):not(.premium-style-head-avatar) i,
body .simple-head > button:last-child i,
body .a198-head .a198-headbtn i,
body .chat-head-v24 .chat-back i,
body .chat-head-v24 .chat-more i{
  font-size:20px!important;
  line-height:1!important;
  margin:0!important;
}

/* Zone centrale : titre + sous-titre centrés */
body .simple-head > strong,
body .simple-head > .messages-head-title,
body .simple-head > .app-head-copy,
body .simple-head > .bc-head-title,
body .simple-head > .communities-head-copy-v299,
body .a198-head .a198-headcenter,
body .connections-pro-head > div,
body .chat-head-v24 .chat-user{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  justify-self:center!important;
  align-self:center!important;
}
body .simple-head > strong{
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#f8f9fd!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .simple-head > .messages-head-title,
body .simple-head > .app-head-copy,
body .simple-head > .bc-head-title,
body .simple-head > .communities-head-copy-v299,
body .a198-head .a198-headcenter{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}
body .simple-head > .messages-head-title strong,
body .simple-head > .app-head-copy strong,
body .simple-head > .bc-head-title strong,
body .simple-head > .communities-head-copy-v299 strong,
body .a198-head .a198-headcenter b{
  color:#f8f9fd!important;
  font-size:18px!important;
  line-height:1.12!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
body .simple-head > .messages-head-title small,
body .simple-head > .app-head-copy small,
body .simple-head > .bc-head-title span,
body .simple-head > .communities-head-copy-v299 small,
body .a198-head .a198-headcenter span{
  color:#838b9d!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:600!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

/* Avatar de droite : même gabarit que le bouton du header */
body .simple-head .premium-head-avatar,
body .simple-head .premium-style-head-avatar{
  width:56px!important;
  min-width:56px!important;
  max-width:56px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  padding:5px!important;
  margin:0!important;
  border-radius:18px!important;
  border:1px solid #282e3b!important;
  background:#141923!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
body .simple-head .premium-head-avatar img,
body .simple-head .premium-style-head-avatar img{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}

/* Conversation : même géométrie, contenu utilisateur au centre */
body .chat-head-v24 .chat-user{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#f8f9fd!important;
}
body .chat-head-v24 .chat-avatar-presence{flex:0 0 auto!important}
body .chat-head-v24 .chat-avatar-presence img{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
body .chat-head-v24 .chat-user-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  text-align:left!important;
}
body .chat-head-v24 .chat-user-copy b{
  max-width:150px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:14px!important;
}
body .chat-head-v24 .chat-user-copy small{
  max-width:150px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:9px!important;
  color:#838b9d!important;
}

/* Éléments décoratifs de droite qui doivent garder le même carré */
body .simple-head > .head-icon.ghost{
  opacity:1!important;
}
body .simple-head > .version-pill{
  justify-self:end!important;
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 8px!important;
  background:#141923!important;
  border:1px solid #282e3b!important;
  color:#a98cff!important;
  font-size:10px!important;
  font-weight:900!important;
}

@media(max-width:520px){
  body .simple-head,
  body .simple-head.app-page-head,
  body .a198-head,
  body .connections-pro-head,
  body .chat-head.chat-head-v24{
    grid-template-columns:52px minmax(0,1fr) 52px!important;
    gap:10px!important;
    min-height:calc(78px + max(env(safe-area-inset-top), 12px))!important;
    padding:calc(max(env(safe-area-inset-top), 12px) + 10px) 14px 12px!important;
  }
  body .simple-head .head-icon,
  body .simple-head .mooky-back-btn,
  body .simple-head .mooky-smart-back,
  body .simple-head .kyc-head-lock,
  body .simple-head .head-create-community,
  body .simple-head > a:first-child,
  body .simple-head > button:first-child,
  body .simple-head > a:last-child:not(.premium-head-avatar):not(.premium-style-head-avatar),
  body .simple-head > button:last-child,
  body .a198-head .a198-headbtn,
  body .chat-head-v24 .chat-back,
  body .chat-head-v24 .chat-more,
  body .simple-head .premium-head-avatar,
  body .simple-head .premium-style-head-avatar,
  body .simple-head > .version-pill{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    border-radius:17px!important;
  }
  body .simple-head .premium-head-avatar img,
  body .simple-head .premium-style-head-avatar img{width:40px!important;height:40px!important}
  body .simple-head > strong,
  body .simple-head > .messages-head-title strong,
  body .simple-head > .app-head-copy strong,
  body .simple-head > .bc-head-title strong,
  body .simple-head > .communities-head-copy-v299 strong,
  body .a198-head .a198-headcenter b{font-size:17px!important}
}


/* =========================================================
   Mooky v409 — TOUS les headers exactement au gabarit Notifications
   ========================================================= */
:root{
  --mooky-unified-head-btn:50px;
  --mooky-unified-head-radius:16px;
  --mooky-unified-head-icon:20px;
  --mooky-unified-head-gap:14px;
  --mooky-unified-head-x:16px;
  --mooky-unified-head-y:12px;
}

/* Même structure, hauteur, fond et séparation pour tous les headers d'app. */
body :is(
  header.simple-head,
  header.app-page-head,
  header.messages-pro-head,
  header.connections-pro-head,
  header.chat-head
){
  position:sticky!important;
  top:0!important;
  z-index:60!important;
  width:100%!important;
  min-height:86px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:var(--mooky-unified-head-btn) minmax(0,1fr) var(--mooky-unified-head-btn)!important;
  align-items:center!important;
  column-gap:var(--mooky-unified-head-gap)!important;
  padding:
    calc(max(env(safe-area-inset-top), 0px) + var(--mooky-unified-head-y))
    var(--mooky-unified-head-x)
    var(--mooky-unified-head-y)!important;
  margin:0!important;
  background:rgba(8,10,16,.96)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* Le bloc titre est TOUJOURS parfaitement centré comme Notifications. */
body :is(
  header.simple-head,
  header.app-page-head,
  header.messages-pro-head,
  header.connections-pro-head
) > :is(
  .messages-head-title,
  .app-head-copy,
  .bc-head-title,
  .communities-head-copy-v299,
  .hashtag-v53-title,
  .kyc-title-v151,
  .connections-pro-title,
  div:not(.head-icon):not(.premium-head-avatar):not(.premium-style-head-avatar)
){
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  text-align:center!important;
  margin:0!important;
  padding:0!important;
}

/* Pages où le titre est directement un strong. */
body :is(header.simple-head,header.app-page-head,header.messages-pro-head) > strong{
  grid-column:2!important;
  justify-self:center!important;
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  color:#f7f8fc!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body :is(
  header.simple-head,
  header.app-page-head,
  header.messages-pro-head,
  header.connections-pro-head
) > :is(
  .messages-head-title,
  .app-head-copy,
  .bc-head-title,
  .communities-head-copy-v299,
  .hashtag-v53-title,
  .kyc-title-v151,
  .connections-pro-title,
  div:not(.head-icon):not(.premium-head-avatar):not(.premium-style-head-avatar)
) :is(strong,b){
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  color:#f7f8fc!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:850!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body :is(
  header.simple-head,
  header.app-page-head,
  header.messages-pro-head,
  header.connections-pro-head
) > :is(
  .messages-head-title,
  .app-head-copy,
  .bc-head-title,
  .communities-head-copy-v299,
  .hashtag-v53-title,
  .kyc-title-v151,
  .connections-pro-title,
  div:not(.head-icon):not(.premium-head-avatar):not(.premium-style-head-avatar)
) :is(small,span){
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  color:#7f899e!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:600!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Tous les boutons/icônes gauche et droite ont EXACTEMENT les mêmes dimensions. */
body :is(
  header.simple-head,
  header.app-page-head,
  header.messages-pro-head,
  header.connections-pro-head,
  header.chat-head
) :is(
  .head-icon,
  .mooky-back-btn,
  .mooky-smart-back,
  .new-chat-head,
  .head-create-community,
  .kyc-head-lock,
  .settings-logout,
  .connections-pro-icon,
  .chat-back,
  .chat-more,
  .icon-btn,
  .round-back,
  .round-settings
){
  width:var(--mooky-unified-head-btn)!important;
  min-width:var(--mooky-unified-head-btn)!important;
  max-width:var(--mooky-unified-head-btn)!important;
  height:var(--mooky-unified-head-btn)!important;
  min-height:var(--mooky-unified-head-btn)!important;
  max-height:var(--mooky-unified-head-btn)!important;
  padding:0!important;
  margin:0!important;
  border-radius:var(--mooky-unified-head-radius)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  outline:0!important;
  background:linear-gradient(180deg,#151a25 0%,#10141d 100%)!important;
  color:#f5f7fb!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
  overflow:hidden!important;
  line-height:1!important;
  text-decoration:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  transform:none!important;
}

/* Même boîte optique pour tous les glyphes Font Awesome. */
body :is(
  header.simple-head,
  header.app-page-head,
  header.messages-pro-head,
  header.connections-pro-head,
  header.chat-head
) :is(
  .head-icon,
  .mooky-back-btn,
  .mooky-smart-back,
  .new-chat-head,
  .head-create-community,
  .kyc-head-lock,
  .settings-logout,
  .connections-pro-icon,
  .chat-back,
  .chat-more,
  .icon-btn,
  .round-back,
  .round-settings
) > i{
  width:var(--mooky-unified-head-icon)!important;
  min-width:var(--mooky-unified-head-icon)!important;
  max-width:var(--mooky-unified-head-icon)!important;
  height:var(--mooky-unified-head-icon)!important;
  min-height:var(--mooky-unified-head-icon)!important;
  max-height:var(--mooky-unified-head-icon)!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  font-size:19px!important;
  line-height:var(--mooky-unified-head-icon)!important;
  text-align:center!important;
  transform:none!important;
}

/* Gabarit des actions directes qui n'ont pas encore head-icon. */
body :is(header.simple-head,header.app-page-head,header.messages-pro-head) > :is(a,button):last-child:not(.premium-head-avatar):not(.premium-style-head-avatar){
  width:var(--mooky-unified-head-btn)!important;
  min-width:var(--mooky-unified-head-btn)!important;
  max-width:var(--mooky-unified-head-btn)!important;
  height:var(--mooky-unified-head-btn)!important;
  min-height:var(--mooky-unified-head-btn)!important;
  max-height:var(--mooky-unified-head-btn)!important;
  padding:0!important;
  margin:0!important;
  border-radius:var(--mooky-unified-head-radius)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,#151a25 0%,#10141d 100%)!important;
  color:#f5f7fb!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
body :is(header.simple-head,header.app-page-head,header.messages-pro-head) > :is(a,button):last-child:not(.premium-head-avatar):not(.premium-style-head-avatar) > i{
  width:20px!important;height:20px!important;display:grid!important;place-items:center!important;font-size:19px!important;line-height:20px!important;margin:0!important
}

/* Le slot fantôme de Notifications a exactement la même taille. */
body header.simple-head.app-page-head > .head-icon.ghost{
  width:var(--mooky-unified-head-btn)!important;
  min-width:var(--mooky-unified-head-btn)!important;
  max-width:var(--mooky-unified-head-btn)!important;
  height:var(--mooky-unified-head-btn)!important;
  min-height:var(--mooky-unified-head-btn)!important;
  max-height:var(--mooky-unified-head-btn)!important;
  border-radius:var(--mooky-unified-head-radius)!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Premium garde un avatar rond, mais exactement dans le même slot 50x50. */
body :is(header.simple-head,header.app-page-head) > :is(.premium-head-avatar,.premium-style-head-avatar){
  width:var(--mooky-unified-head-btn)!important;
  min-width:var(--mooky-unified-head-btn)!important;
  max-width:var(--mooky-unified-head-btn)!important;
  height:var(--mooky-unified-head-btn)!important;
  min-height:var(--mooky-unified-head-btn)!important;
  max-height:var(--mooky-unified-head-btn)!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
  justify-self:center!important;
}
body :is(header.simple-head,header.app-page-head) > :is(.premium-head-avatar,.premium-style-head-avatar) img{
  width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important
}

/* Conversation : même gabarit extérieur ; identité centrée dans la colonne centrale. */
body header.chat-head.app-page-head{
  grid-template-columns:var(--mooky-unified-head-btn) minmax(0,1fr) var(--mooky-unified-head-btn)!important;
}
body header.chat-head.app-page-head > .chat-user{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  text-align:left!important;
}
body header.chat-head.app-page-head .chat-avatar-presence{
  width:34px!important;min-width:34px!important;height:34px!important
}
body header.chat-head.app-page-head .chat-avatar-presence img{
  width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important
}
body header.chat-head.app-page-head .chat-user-copy{
  min-width:0!important;max-width:170px!important
}
body header.chat-head.app-page-head .chat-user-copy b{
  font-size:13px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
body header.chat-head.app-page-head .chat-user-copy small{
  font-size:9px!important;line-height:1.2!important;color:#7f899e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}

/* Connections : titre exactement comme Notifications. */
body header.connections-pro-head.app-page-head > .connections-pro-title{
  grid-column:2!important;
  align-items:center!important;
  text-align:center!important;
}

/* Suppression de toutes les anciennes couches/pseudo-éléments sur les boutons. */
body :is(header.simple-head,header.app-page-head,header.messages-pro-head,header.connections-pro-head,header.chat-head) :is(
  .head-icon,.mooky-back-btn,.mooky-smart-back,.new-chat-head,.head-create-community,.kyc-head-lock,.settings-logout,.connections-pro-icon,.chat-back,.chat-more,.icon-btn,.round-back,.round-settings
)::before,
body :is(header.simple-head,header.app-page-head,header.messages-pro-head,header.connections-pro-head,header.chat-head) :is(
  .head-icon,.mooky-back-btn,.mooky-smart-back,.new-chat-head,.head-create-community,.kyc-head-lock,.settings-logout,.connections-pro-icon,.chat-back,.chat-more,.icon-btn,.round-back,.round-settings
)::after{
  display:none!important;
  content:none!important;
}

/* Téléphone : mêmes dimensions partout, seulement le safe-area est ajouté. */
@media(max-width:560px){
  :root{
    --mooky-unified-head-btn:48px;
    --mooky-unified-head-radius:16px;
    --mooky-unified-head-icon:19px;
    --mooky-unified-head-gap:12px;
    --mooky-unified-head-x:14px;
    --mooky-unified-head-y:11px;
  }
  body :is(header.simple-head,header.app-page-head,header.messages-pro-head,header.connections-pro-head,header.chat-head){
    min-height:82px!important;
    padding-top:calc(max(env(safe-area-inset-top), 24px) + var(--mooky-unified-head-y))!important;
  }
  body :is(header.simple-head,header.app-page-head,header.messages-pro-head,header.connections-pro-head) > :is(
    .messages-head-title,.app-head-copy,.bc-head-title,.communities-head-copy-v299,.hashtag-v53-title,.kyc-title-v151,.connections-pro-title,
    div:not(.head-icon):not(.premium-head-avatar):not(.premium-style-head-avatar)
  ) :is(strong,b),
  body :is(header.simple-head,header.app-page-head,header.messages-pro-head) > strong{
    font-size:16px!important;
  }
  body :is(header.simple-head,header.app-page-head,header.messages-pro-head,header.connections-pro-head) > :is(
    .messages-head-title,.app-head-copy,.bc-head-title,.communities-head-copy-v299,.hashtag-v53-title,.kyc-title-v151,.connections-pro-title,
    div:not(.head-icon):not(.premium-head-avatar):not(.premium-style-head-avatar)
  ) :is(small,span){font-size:9px!important}
}


/* =========================================================
   Mooky v410 — UN SEUL GABARIT DE HEADER POUR TOUTE L'APP
   Référence visuelle : Notifications
   ========================================================= */
:root{
  --mooky-head-side:66px;
  --mooky-head-btn:48px;
  --mooky-head-icon:19px;
  --mooky-head-radius:16px;
  --mooky-head-title:16px;
  --mooky-head-subtitle:10px;
  --mooky-head-min:92px;
}

/* Tous les headers applicatifs utilisent exactement la même grille. */
body .mooky-unified-head{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-height:var(--mooky-head-min)!important;
  height:auto!important;
  margin:0!important;
  padding:
    max(14px,env(safe-area-inset-top))
    16px
    14px!important;
  box-sizing:border-box!important;

  display:grid!important;
  grid-template-columns:var(--mooky-head-side) minmax(0,1fr) var(--mooky-head-side)!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  justify-items:center!important;
  gap:0!important;

  background:#090b11!important;
  border:0!important;
  border-bottom:1px solid #202532!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Gauche et droite : même cellule, même bouton, même position. */
body .mooky-unified-head > :first-child{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
}
body .mooky-unified-head > :last-child{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
}

/* Centre : toujours mathématiquement centré, indépendamment des actions. */
body .mooky-unified-head > :is(
  .messages-head-title,
  .app-head-copy,
  .bc-head-title,
  .communities-head-copy-v299,
  .connections-pro-title,
  .hashtag-v53-title,
  .kyc-title-v151,
  strong
){
  grid-column:2!important;
  grid-row:1!important;
  justify-self:stretch!important;
  align-self:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}

/* Quand le titre est dans un div non nommé, on le centre aussi. */
body .mooky-unified-head > div:not(.head-icon):not(.chat-user):not(.premium-head-avatar):not(.premium-style-head-avatar){
  grid-column:2!important;
  grid-row:1!important;
  justify-self:stretch!important;
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}

/* Boutons de header : EXACTEMENT le même carré arrondi que Notifications. */
body .mooky-unified-head :is(
  .head-icon,
  .mooky-back-btn,
  .mooky-smart-back,
  .new-chat-head,
  .head-create-community,
  .kyc-head-lock,
  .settings-logout,
  .connections-pro-icon,
  .chat-back,
  .chat-more,
  .icon-btn,
  .round-back,
  .round-settings
),
body .mooky-unified-head > :is(a,button):first-child,
body .mooky-unified-head > :is(a,button):last-child:not(.premium-head-avatar):not(.premium-style-head-avatar){
  width:var(--mooky-head-btn)!important;
  min-width:var(--mooky-head-btn)!important;
  max-width:var(--mooky-head-btn)!important;
  height:var(--mooky-head-btn)!important;
  min-height:var(--mooky-head-btn)!important;
  max-height:var(--mooky-head-btn)!important;

  margin:0!important;
  padding:0!important;
  border:1px solid #282e3b!important;
  border-radius:var(--mooky-head-radius)!important;
  background:#141923!important;
  color:#f5f7fb!important;
  box-shadow:none!important;

  display:grid!important;
  place-items:center!important;
  flex:0 0 var(--mooky-head-btn)!important;
  text-decoration:none!important;
  overflow:hidden!important;
}

/* Même boîte optique pour CHAQUE pictogramme, quel que soit Font Awesome. */
body .mooky-unified-head :is(
  .head-icon,
  .mooky-back-btn,
  .mooky-smart-back,
  .new-chat-head,
  .head-create-community,
  .kyc-head-lock,
  .settings-logout,
  .connections-pro-icon,
  .chat-back,
  .chat-more,
  .icon-btn,
  .round-back,
  .round-settings
) > i,
body .mooky-unified-head > :is(a,button):first-child > i,
body .mooky-unified-head > :is(a,button):last-child:not(.premium-head-avatar):not(.premium-style-head-avatar) > i{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  font-size:var(--mooky-head-icon)!important;
  line-height:22px!important;
  text-align:center!important;
  transform:none!important;
}

/* Titre / sous-titre : mêmes métriques partout. */
body .mooky-unified-head :is(
  .messages-head-title,
  .app-head-copy,
  .bc-head-title,
  .communities-head-copy-v299,
  .connections-pro-title,
  .hashtag-v53-title,
  .kyc-title-v151
){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
}

body .mooky-unified-head :is(
  .messages-head-title,
  .app-head-copy,
  .bc-head-title,
  .communities-head-copy-v299,
  .connections-pro-title,
  .hashtag-v53-title,
  .kyc-title-v151
) > :is(strong,b,h1,h2),
body .mooky-unified-head > strong{
  margin:0!important;
  padding:0!important;
  color:#f7f8fc!important;
  font-family:inherit!important;
  font-size:var(--mooky-head-title)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body .mooky-unified-head :is(
  .messages-head-title,
  .app-head-copy,
  .bc-head-title,
  .communities-head-copy-v299,
  .connections-pro-title,
  .hashtag-v53-title,
  .kyc-title-v151
) > :is(small,span){
  margin:0!important;
  padding:0!important;
  color:#8993a8!important;
  font-size:var(--mooky-head-subtitle)!important;
  font-weight:500!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Placeholder de droite de Notifications / Saved : même bouton mais sans interaction. */
body .mooky-unified-head > .head-icon.ghost{
  opacity:1!important;
  pointer-events:none!important;
}

/* Avatars Premium : même conteneur extérieur que les autres actions. */
body .mooky-unified-head > :is(.premium-head-avatar,.premium-style-head-avatar){
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  width:var(--mooky-head-btn)!important;
  min-width:var(--mooky-head-btn)!important;
  height:var(--mooky-head-btn)!important;
  min-height:var(--mooky-head-btn)!important;
  padding:3px!important;
  border:1px solid #282e3b!important;
  border-radius:var(--mooky-head-radius)!important;
  background:#141923!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
body .mooky-unified-head > :is(.premium-head-avatar,.premium-style-head-avatar) img{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  border-radius:13px!important;
  object-fit:cover!important;
}

/* Conversation conserve l'identité du membre au centre, mais dans le même gabarit. */
body header.chat-head.mooky-unified-head > .chat-user{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:center!important;
  width:min(100%,230px)!important;
  margin:0!important;
  padding:0!important;
}
body header.chat-head.mooky-unified-head .chat-avatar-presence img{
  width:36px!important;
  height:36px!important;
}
body header.chat-head.mooky-unified-head .chat-user-copy b{
  font-size:14px!important;
}
body header.chat-head.mooky-unified-head .chat-user-copy small{
  font-size:9px!important;
}

/* Les anciens styles spécifiques ne peuvent plus modifier le gabarit. */
body .mooky-unified-head.messages-pro-head,
body .mooky-unified-head.clean-head,
body .mooky-unified-head.settings-head,
body .mooky-unified-head.create-head,
body .mooky-unified-head.edit-post-head,
body .mooky-unified-head.post-pro-head,
body .mooky-unified-head.bc-head,
body .mooky-unified-head.premium-v31-head,
body .mooky-unified-head.premium-style-v164-head,
body .mooky-unified-head.communities-head-v94,
body .mooky-unified-head.communities-head-v299,
body .mooky-unified-head.whatsnew-head,
body .mooky-unified-head.hashtag-v53-head{
  min-height:var(--mooky-head-min)!important;
  padding:
    max(14px,env(safe-area-inset-top))
    16px
    14px!important;
}

/* Mobile natif : même header, seule la safe-area augmente. */
@media(max-width:560px){
  :root{
    --mooky-head-side:62px;
    --mooky-head-btn:48px;
    --mooky-head-icon:19px;
    --mooky-head-radius:16px;
    --mooky-head-title:16px;
    --mooky-head-subtitle:10px;
    --mooky-head-min:94px;
  }

  body .mooky-unified-head{
    padding:
      max(16px,env(safe-area-inset-top))
      14px
      14px!important;
  }
}


/* =========================================================
   Mooky v411 — friends.php refonte complète
   Header v410 volontairement NON MODIFIÉ
   ========================================================= */
.friends-v411{
  min-height:calc(100dvh - 92px);
  padding:14px 12px calc(92px + env(safe-area-inset-bottom));
  background:#090b11;
}
.friends-hero-v411{
  position:relative;
  min-height:126px;
  padding:18px;
  border:1px solid #252b38;
  border-radius:18px;
  background:radial-gradient(circle at 94% 5%,rgba(125,91,255,.18),transparent 38%),linear-gradient(145deg,#121722,#0e121a);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  overflow:hidden;
}
.friends-hero-copy-v411{min-width:0;position:relative;z-index:1}
.friends-hero-copy-v411>span{
  display:block;
  color:#987cff;
  font-size:9px;
  line-height:1;
  font-weight:950;
  letter-spacing:.16em;
  margin-bottom:9px;
}
.friends-hero-copy-v411 h1{
  margin:0;
  color:#f7f8fc;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.friends-hero-copy-v411 p{
  max-width:280px;
  margin:8px 0 0;
  color:#939caf;
  font-size:11.5px;
  line-height:1.48;
}
.friends-hero-icon-v411{
  width:58px;
  min-width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,rgba(121,84,255,.25),rgba(121,84,255,.09));
  color:#a98cff;
  font-size:22px;
  box-shadow:inset 0 0 0 1px rgba(158,125,255,.16);
}
.friends-summary-v411{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid #252b38;
  border-radius:16px;
  overflow:hidden;
  background:#10141d;
}
.friends-summary-v411>div{
  min-height:66px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border-right:1px solid #252b38;
}
.friends-summary-v411>div:last-child{border-right:0}
.friends-summary-v411 b{color:#fff;font-size:18px;line-height:1}
.friends-summary-v411 span{color:#858ea2;font-size:9px;font-weight:650}
.friends-tools-v411{margin-top:12px;display:grid;gap:9px}
.friends-search-v411{
  height:48px;
  padding:0 10px 0 14px;
  border:1px solid #2a3040;
  border-radius:15px;
  background:#111620;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 34px;
  align-items:center;
  gap:8px;
}
.friends-search-v411>i{color:#9c83ff;font-size:13px}
.friends-search-v411 input{
  min-width:0;
  width:100%;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#eef0f6;
  font-size:12px;
  padding:0!important;
}
.friends-search-v411 input::placeholder{color:#6f788c}
.friends-search-v411 button{
  width:32px;
  height:32px;
  border:0;
  border-radius:11px;
  background:#1a1f2b;
  color:#8b93a6;
  display:grid;
  place-items:center;
}
.friends-filters-v411{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.friends-filters-v411 button{
  min-width:0;
  height:40px;
  padding:0 8px;
  border:1px solid #252b38;
  border-radius:13px;
  background:#10141d;
  color:#7f889c;
  font-size:9.5px;
  font-weight:850;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.friends-filters-v411 button i{font-size:10px}
.friends-filters-v411 button.active{
  color:#e8e2ff;
  border-color:rgba(138,103,255,.42);
  background:#1a1530;
  box-shadow:inset 0 0 0 1px rgba(138,103,255,.08);
}
.friends-filters-v411 button[data-friends-filter="online"] i{color:#30d69d;font-size:7px}
.friends-list-v411{display:grid;gap:9px;margin-top:12px}
.friend-card-v411{
  overflow:hidden;
  border:1px solid #252b38;
  border-radius:17px;
  background:linear-gradient(145deg,#111620,#0e121a);
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}
.friend-card-v411[hidden]{display:none!important}
.friend-card-main-v411{
  min-height:78px;
  padding:12px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 34px;
  gap:11px;
  align-items:center;
  color:inherit;
  text-decoration:none;
}
.friend-avatar-v411{position:relative;width:52px;height:52px;display:block}
.friend-avatar-v411>img{
  display:block;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.friend-avatar-v411>i{
  position:absolute;
  right:0;
  bottom:1px;
  width:12px;
  height:12px;
  border:3px solid #111620;
  border-radius:50%;
  background:#5f6675;
}
.friend-avatar-v411>i.online{background:#24d69a}
.friend-info-v411{min-width:0;display:block}
.friend-name-v411{
  min-width:0;
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:nowrap;
  overflow:hidden;
}
.friend-name-v411>b,
.friend-name-v411>a{
  min-width:0;
  max-width:145px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#f4f5f9;
  font-size:13px;
  line-height:1.2;
  font-weight:900;
}
.friend-name-v411 .user-badges{display:flex!important;gap:3px!important;flex-wrap:nowrap!important;overflow:hidden!important}
.friend-name-v411 .user-badge,.friend-name-v411 .badge-custom{width:18px!important;height:18px!important;min-width:18px!important}
.friend-name-v411 .role-badge-icon{width:17px!important;height:17px!important;max-width:17px!important}
.friend-meta-v411{display:flex;align-items:center;gap:7px;min-width:0;margin-top:3px}
.friend-meta-v411 small{color:#81899b;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.friend-meta-v411 em{
  max-width:115px;
  padding:3px 6px;
  border-radius:999px;
  background:rgba(123,91,255,.09);
  color:#a991ff;
  font-size:7px;
  line-height:1;
  font-style:normal;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.friend-meta-v411 em i{font-size:6px;margin-right:3px}
.friend-info-v411 p{
  margin:5px 0 0;
  color:#9ca4b5;
  font-size:9.5px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.friend-chevron-v411{
  width:32px;
  height:32px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:#171c27;
  color:#9880ff;
  font-size:11px;
}
.friend-stats-v411{
  min-height:36px;
  padding:0 12px;
  border-top:1px solid rgba(255,255,255,.055);
  display:flex;
  align-items:center;
  gap:14px;
  color:#727b90;
  font-size:8px;
}
.friend-stats-v411 span{white-space:nowrap}
.friend-stats-v411 b{color:#aeb5c5;font-size:8px}
.friends-empty-v411,
.friends-no-result-v411{
  padding:32px 20px;
  border:1px dashed rgba(146,114,255,.22);
  border-radius:18px;
  background:radial-gradient(circle at 50% 0%,rgba(120,85,255,.10),transparent 44%),#0d1017;
  text-align:center;
}
.friends-empty-icon-v411{
  width:66px;
  height:66px;
  margin:0 auto 14px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:#1c1732;
  color:#a78bff;
  font-size:24px;
}
.friends-empty-v411>span{display:block;color:#8f70ff;font-size:8px;font-weight:950;letter-spacing:.15em}
.friends-empty-v411 h2,.friends-no-result-v411 h3{margin:8px 0 6px;color:#fff;font-size:18px}
.friends-empty-v411 p,.friends-no-result-v411 p{max-width:280px;margin:0 auto;color:#8790a4;font-size:10.5px;line-height:1.5}
.friends-empty-v411>a{
  min-height:42px;
  margin-top:16px;
  padding:0 16px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  background:linear-gradient(135deg,#7354ff,#9864ff);
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}
.friends-no-result-v411{margin-top:2px}
.friends-no-result-v411>i{color:#8e72ff;font-size:24px}

@media(max-width:370px){
  .friends-v411{padding-left:9px;padding-right:9px}
  .friends-hero-v411{padding:15px}
  .friends-hero-copy-v411 h1{font-size:21px}
  .friends-hero-icon-v411{width:50px;min-width:50px;height:50px;border-radius:16px;font-size:19px}
  .friend-card-main-v411{grid-template-columns:48px minmax(0,1fr) 30px;padding:10px;gap:9px}
  .friend-avatar-v411,.friend-avatar-v411>img{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
  .friend-name-v411>b,.friend-name-v411>a{max-width:116px;font-size:12px}
  .friend-meta-v411 em{max-width:90px}
  .friend-stats-v411{gap:9px;padding-inline:10px}
}


/* =========================================================
   Mooky v412 — nombres des notifications en texte normal
   ========================================================= */
body.notifications-screen-v359 .notif-copy-v359,
body.notifications-screen-v359 .notif-copy-v359 p,
body.notifications-screen-v359 .notif-copy-v359 p strong,
body.notifications-screen-v360 .notif-copy-v359,
body.notifications-screen-v360 .notif-copy-v359 p,
body.notifications-screen-v360 .notif-copy-v359 p strong{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-variant-numeric:normal!important;
  font-feature-settings:"tnum" 0!important;
}


/* =========================================================
   Mooky v413 — Notifications : Publications / Systèmes + suppression
   ========================================================= */
body.notifications-screen-v360 .notification-list-v16{
  display:grid!important;
  gap:10px!important;
}
body.notifications-screen-v360 .notif-row-v413{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
}
body.notifications-screen-v360 .notif-row-v413 .notif-card-v359{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.notifications-screen-v360 .notif-delete-form-v413{
  margin:0!important;
  padding:0!important;
  align-self:center!important;
}
body.notifications-screen-v360 .notif-delete-form-v413 button,
body.notifications-screen-v360 .notif-delete-all-form-v413 button{
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,105,125,.14)!important;
  background:rgba(255,82,108,.08)!important;
  color:#ff788d!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
body.notifications-screen-v360 .notif-delete-form-v413 button{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:13px!important;
}
body.notifications-screen-v360 .notif-delete-form-v413 button i,
body.notifications-screen-v360 .notif-delete-all-form-v413 button i{
  font-size:13px!important;
  line-height:1!important;
}
body.notifications-screen-v360 .notif-section-actions-v413{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
body.notifications-screen-v360 .notif-section-actions-v413>span{
  min-width:29px!important;
  height:29px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #272c3b!important;
  background:#12151e!important;
  color:#9d88ff!important;
  font-size:9px!important;
  font-weight:900!important;
}
body.notifications-screen-v360 .notif-delete-all-form-v413{margin:0!important;padding:0!important}
body.notifications-screen-v360 .notif-delete-all-form-v413 button{
  width:29px!important;
  min-width:29px!important;
  height:29px!important;
  min-height:29px!important;
  border-radius:10px!important;
}

/* Couleurs de catégories nouvelles */
body.notifications-screen-v360 .notif-category-v341[href*="cat=publications"] .notif-category-icon-v341{color:#a88cff!important}
body.notifications-screen-v360 .notif-category-v341[href*="cat=system"] .notif-category-icon-v341{color:#72cfff!important}

/* Les notifications système utilisent un badge bleu/violet distinct. */
body.notifications-screen-v360 .notif-type-bananacoins .notif-type-icon,
body.notifications-screen-v360 .notif-type-verification .notif-type-icon,
body.notifications-screen-v360 .notif-type-system .notif-type-icon,
body.notifications-screen-v360 .notif-type-security .notif-type-icon,
body.notifications-screen-v360 .notif-type-premium .notif-type-icon,
body.notifications-screen-v360 .notif-type-subscription .notif-type-icon{
  background:#6550e8!important;
  color:#fff!important;
}
body.notifications-screen-v360 .notif-type-bananacoins .notif-type-icon{background:#b67a18!important;color:#ffe59b!important}

@media(max-width:430px){
  body.notifications-screen-v360 .notif-row-v413{
    grid-template-columns:minmax(0,1fr) 34px!important;
    gap:6px!important;
  }
  body.notifications-screen-v360 .notif-delete-form-v413 button{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:12px!important;
  }
}


/* =========================================================
   Mooky v414 — notifications sans poubelle par ligne
   ========================================================= */
body.notifications-screen-v360 .notif-row-v413{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
body.notifications-screen-v360 .notif-row-v413 .notif-card-v359{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.notifications-screen-v360 .notif-delete-form-v413{display:none!important}
body.notifications-screen-v360 .notif-longpress-v414{
  -webkit-touch-callout:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
body.notifications-screen-v360 .notif-longpress-v414 .notif-card-v359{
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important;
}
body.notifications-screen-v360 .notif-longpress-v414.is-notif-pressing-v414 .notif-card-v359{
  transform:scale(.985)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 0 0 2px rgba(139,104,255,.18)!important;
}
.notif-action-title-v414>div{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
.notif-action-title-v414>div small{color:#8d72ff!important;font-size:8px!important;font-weight:900!important;letter-spacing:1.4px!important;line-height:1!important}
.notif-action-title-v414>div b{font-size:17px!important;line-height:1.15!important}
.notif-action-list-v414>button{min-height:58px!important}
.notif-action-list-v414>button>i:first-child{width:40px!important;height:40px!important;border-radius:13px!important;display:grid!important;place-items:center!important}
.notif-action-list-v414>button.danger>i:first-child{background:rgba(255,83,106,.12)!important;color:#ff778b!important}
.notif-action-list-v414 .action-chevron{margin-left:auto!important;color:#777f92!important}


/* =========================================================
   Mooky v415 — actions conversations + blocages
   ========================================================= */
.conversation-card-pro{position:relative;touch-action:pan-y}
.conversation-card-pro.is-blocked::after{content:"Bloqué";position:absolute;right:14px;top:12px;padding:4px 8px;border-radius:999px;background:#2b1720;color:#ff7d91;font-size:8px;font-weight:900;letter-spacing:.04em}
.conversation-action-backdrop{position:fixed;inset:0;z-index:13980;background:rgba(4,5,9,.74);backdrop-filter:blur(7px);opacity:0;transition:.18s}
.conversation-action-backdrop.open{opacity:1}
.conversation-action-sheet{position:fixed;left:50%;bottom:0;z-index:13990;width:min(430px,calc(100vw - 8px));transform:translate(-50%,105%);padding:10px 14px calc(16px + env(safe-area-inset-bottom));border:1px solid #2a3040;border-bottom:0;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#171b27,#11151f);box-shadow:0 -24px 70px rgba(0,0,0,.48);transition:transform .22s ease}
.conversation-action-sheet.open{transform:translate(-50%,0)}
.conversation-action-handle{width:52px;height:5px;border-radius:999px;background:#737d99;margin:2px auto 13px}
.conversation-action-sheet>header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 13px;border-bottom:1px solid #282e3b}
.conversation-action-sheet>header>div{display:flex;flex-direction:column;gap:4px}.conversation-action-sheet>header small{color:#9b82ff;font-size:8px;font-weight:900;letter-spacing:.14em}.conversation-action-sheet>header b{font-size:18px;color:#f7f8fb}.conversation-action-sheet>header button{width:40px;height:40px;border:1px solid #2b3140;border-radius:14px;background:#202532;color:#fff}
.conversation-action-list{display:grid;margin-top:8px}.conversation-action-list>button{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:11px;width:100%;padding:12px 8px;border:0;border-bottom:1px solid #252b38;background:transparent;color:#eef1f7;text-align:left}.conversation-action-list>button:last-child{border-bottom:0}.conversation-action-list>button>i:first-child{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#202532;color:#ad94ff;font-size:17px}.conversation-action-list>button>span{display:grid;gap:3px}.conversation-action-list>button b{font-size:13px}.conversation-action-list>button small{font-size:10px;color:#8992a6;line-height:1.35}.conversation-action-list>button>i:last-child{color:#697386}.conversation-action-list>button.danger{color:#ff7288}.conversation-action-list>button.danger>i:first-child{background:#351923;color:#ff7288}
.blocked-members-page{padding:14px 12px 96px}.blocked-members-intro{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;padding:16px;border:1px solid #272d3a;border-radius:18px;background:#11151e}.blocked-members-intro>span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#261a25;color:#ff7d91}.blocked-members-intro h1{margin:0;font-size:18px}.blocked-members-intro p{margin:5px 0 0;color:#8992a5;font-size:11px;line-height:1.45}.blocked-list{display:grid;gap:10px;margin-top:12px}.blocked-row{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #262c39;border-radius:16px;background:#10141d}.blocked-row>a{min-width:0;flex:1;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;color:inherit;text-decoration:none}.blocked-row img{width:44px;height:44px;border-radius:50%;object-fit:cover}.blocked-row span{min-width:0;display:grid;gap:3px}.blocked-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocked-row small{font-size:9px;color:#80899c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocked-row form button{min-height:38px;padding:0 11px;border:0;border-radius:12px;background:#231a38;color:#b99cff;font-size:10px;font-weight:850}.blocked-empty{margin-top:12px;padding:28px 18px;text-align:center;border:1px dashed #2c3240;border-radius:18px;background:#0f131b}.blocked-empty>i{font-size:27px;color:#7fd9a3}.blocked-empty b{display:block;margin-top:10px}.blocked-empty p{margin:5px 0 0;color:#7d8799;font-size:10px}.chat-request-banner.blocked-state{border-color:#4a2630;background:#21141a}.chat-request-banner.blocked-state>div>i{color:#ff778b}
@media(max-width:520px){.conversation-action-sheet{border-radius:22px 22px 0 0}.blocked-row form button{padding:0 9px}.blocked-members-intro{border-radius:16px}}


/* =========================================================
   Mooky v416 — confirmations personnalisées Messages
   ========================================================= */
.mooky-confirm-modal[hidden]{display:none!important}
.mooky-confirm-modal{
  position:fixed;
  inset:0;
  z-index:30000;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
.mooky-confirm-modal.open{
  opacity:1;
  pointer-events:auto;
}
.mooky-confirm-backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,5,9,.76);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.mooky-confirm-card{
  position:relative;
  z-index:1;
  width:min(100%,430px);
  padding:10px 16px calc(18px + env(safe-area-inset-bottom));
  border:1px solid #2b3140;
  border-bottom:0;
  border-radius:24px 24px 0 0;
  background:linear-gradient(180deg,#171b27,#121620);
  box-shadow:0 -28px 80px rgba(0,0,0,.5);
  transform:translateY(24px);
  transition:transform .2s ease;
}
.mooky-confirm-modal.open .mooky-confirm-card{transform:translateY(0)}
.mooky-confirm-handle{
  width:52px;
  height:5px;
  margin:3px auto 16px;
  border-radius:999px;
  background:#737c98;
}
.mooky-confirm-icon{
  width:52px;
  height:52px;
  margin:0 auto 12px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:#211b3d;
  color:#b292ff;
  font-size:20px;
}
.mooky-confirm-icon.danger{
  background:#351923;
  color:#ff758d;
}
.mooky-confirm-copy{text-align:center}
.mooky-confirm-copy h3{
  margin:0;
  color:#fff;
  font-size:19px;
  line-height:1.2;
}
.mooky-confirm-copy p{
  margin:8px auto 0;
  max-width:340px;
  color:#9fa7ba;
  font-size:12px;
  line-height:1.55;
}
.mooky-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:18px;
}
.mooky-confirm-btn{
  min-height:46px;
  border:0;
  border-radius:14px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.mooky-confirm-btn.secondary{
  background:#202532;
  color:#d9dde8;
}
.mooky-confirm-btn.primary{
  background:linear-gradient(135deg,#7456ff,#9b66ff);
  color:#fff;
}
.mooky-confirm-btn.primary.danger{
  background:linear-gradient(135deg,#d9415c,#ff687e);
}
body.mooky-confirm-open{overflow:hidden!important}

@media(max-width:520px){
  .mooky-confirm-card{
    width:calc(100vw - 8px);
    max-width:calc(100vw - 8px);
    border-radius:22px 22px 0 0;
    padding-left:13px;
    padding-right:13px;
  }
  .mooky-confirm-actions{gap:8px}
  .mooky-confirm-btn{min-height:44px;border-radius:13px}
}


/* =========================================================
   Mooky v417 — conversation bloquée : bannière propre
   ========================================================= */
body.mooky-chat-screen .conversation-page .chat-request-banner.blocked-state{
  margin:10px 12px 0!important;
  padding:13px!important;
  border:1px solid rgba(255,105,129,.18)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(72,24,36,.34),rgba(27,17,23,.98))!important;
  box-shadow:none!important;
}

body.mooky-chat-screen .conversation-page .chat-request-banner.blocked-state > div:first-child{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
}

body.mooky-chat-screen .conversation-page .chat-request-banner.blocked-state > div:first-child > i{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,91,118,.10)!important;
  color:#ff778b!important;
  font-size:16px!important;
}

body.mooky-chat-screen .conversation-page .chat-request-banner.blocked-state span{
  min-width:0!important;
}

body.mooky-chat-screen .conversation-page .chat-request-banner.blocked-state b{
  display:block!important;
  margin:0!important;
  color:#f7f8fc!important;
  font-size:12px!important;
  line-height:1.2!important;
}

body.mooky-chat-screen .conversation-page .chat-request-banner.blocked-state small{
  display:block!important;
  margin-top:4px!important;
  color:#9ba3b5!important;
  font-size:9px!important;
  line-height:1.45!important;
}

/* Il n'y a qu'un seul bouton : il ne doit jamais prendre une demi-colonne. */
body.mooky-chat-screen .conversation-page .chat-request-banner.blocked-state .chat-request-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin-top:11px!important;
  gap:8px!important;
}

body.mooky-chat-screen .conversation-page .chat-request-banner.blocked-state .chat-request-actions .accept{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  margin:0!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#7655ff,#9c67ff)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 7px 18px rgba(118,85,255,.16)!important;
}

body.mooky-chat-screen .conversation-page .chat-request-banner.blocked-state .chat-request-actions .accept i{
  font-size:11px!important;
  line-height:1!important;
}

@media(max-width:520px){
  body.mooky-chat-screen .conversation-page .chat-request-banner.blocked-state{
    margin-left:9px!important;
    margin-right:9px!important;
    padding:12px!important;
    border-radius:15px!important;
  }

  body.mooky-chat-screen .conversation-page .chat-request-banner.blocked-state .chat-request-actions .accept{
    height:37px!important;
    min-height:37px!important;
    padding:0 13px!important;
    border-radius:11px!important;
  }
}


/* =========================================================
   Mooky v418 — messages: vrai effet Premium + présence propre
   ========================================================= */

/* Les anciennes règles de messages mettaient un box-shadow générique sur
   tous les avatars, ce qui écrasait les cadres Premium. On garde l'ombre
   uniquement pour les avatars non Premium. */
.messages-pro-page .conversation-avatar-pro img:not(.premium-avatar){
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

/* Conversation : le Premium reprend exactement le moteur global Premium. */
.messages-pro-page .conversation-avatar-pro img.premium-avatar{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  position:relative!important;
  z-index:2!important;
  box-sizing:border-box!important;
}
.messages-pro-page .conversation-avatar-pro img.premium-avatar-classic{
  box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent)!important;
}
.messages-pro-page .conversation-avatar-pro img.premium-avatar-gradient{
  box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 0 calc(var(--premium-avatar-border) + 2px) color-mix(in srgb,var(--premium-secondary) 68%,var(--premium-accent))!important;
}
.messages-pro-page .conversation-avatar-pro img.premium-avatar-neon{
  box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 14px color-mix(in srgb,var(--premium-accent) 78%,transparent)!important;
}
.messages-pro-page .conversation-avatar-pro img.premium-avatar-double{
  box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 0 calc(var(--premium-avatar-border) + 3px) #0f1219,0 0 0 calc(var(--premium-avatar-border) + 5px) var(--premium-secondary)!important;
}
.messages-pro-page .conversation-avatar-pro img.premium-avatar-soft{
  box-shadow:0 0 0 var(--premium-avatar-border) color-mix(in srgb,var(--premium-accent) 62%,#fff)!important;
}
.messages-pro-page .conversation-avatar-pro img.premium-avatar-glow{
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--premium-accent) calc(var(--premium-glow-alpha) * 100%),transparent))!important;
}

/* Personnes actives : même vrai rendu Premium que le profil. */
.messages-pro-page .quick-person-avatar img.premium-avatar{
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  position:relative!important;
  z-index:2!important;
}
.messages-pro-page .quick-person-avatar img.premium-avatar-classic{
  box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent)!important;
}
.messages-pro-page .quick-person-avatar img.premium-avatar-gradient{
  box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 0 calc(var(--premium-avatar-border) + 2px) color-mix(in srgb,var(--premium-secondary) 68%,var(--premium-accent))!important;
}
.messages-pro-page .quick-person-avatar img.premium-avatar-neon{
  box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 14px color-mix(in srgb,var(--premium-accent) 78%,transparent)!important;
}
.messages-pro-page .quick-person-avatar img.premium-avatar-double{
  box-shadow:0 0 0 var(--premium-avatar-border) var(--premium-accent),0 0 0 calc(var(--premium-avatar-border) + 3px) #0f1219,0 0 0 calc(var(--premium-avatar-border) + 5px) var(--premium-secondary)!important;
}
.messages-pro-page .quick-person-avatar img.premium-avatar-soft{
  box-shadow:0 0 0 var(--premium-avatar-border) color-mix(in srgb,var(--premium-accent) 62%,#fff)!important;
}
.messages-pro-page .quick-person-avatar img.premium-avatar-glow{
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--premium-accent) calc(var(--premium-glow-alpha) * 100%),transparent))!important;
}

/* Le point "en ligne" est placé à cheval sur le bord, sans cacher la photo. */
.messages-pro-page .conversation-avatar-pro,
.messages-pro-page .quick-person-avatar{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.messages-pro-page .conversation-avatar-pro .presence-ring{
  display:block!important;
  position:absolute!important;
  right:-4px!important;
  bottom:1px!important;
  width:15px!important;
  min-width:15px!important;
  height:15px!important;
  min-height:15px!important;
  border-radius:50%!important;
  border:3px solid #11151f!important;
  background:#343a49!important;
  box-shadow:none!important;
  z-index:5!important;
}
.messages-pro-page .conversation-avatar-pro .presence-ring.online{
  background:#30d79b!important;
  box-shadow:0 0 0 2px rgba(48,215,155,.12),0 0 9px rgba(48,215,155,.28)!important;
}
.messages-pro-page .quick-person-avatar > i{
  position:absolute!important;
  right:-4px!important;
  bottom:1px!important;
  width:14px!important;
  min-width:14px!important;
  height:14px!important;
  min-height:14px!important;
  padding:0!important;
  margin:0!important;
  border:3px solid #11151f!important;
  border-radius:50%!important;
  background:#30d79b!important;
  box-shadow:0 0 0 2px rgba(48,215,155,.10),0 0 8px rgba(48,215,155,.24)!important;
  z-index:5!important;
}

/* Le cadre Premium peut dépasser sans être coupé par la carte. */
.messages-pro-page .conversation-card-pro,
.messages-pro-page .quick-person{
  overflow:visible!important;
}

@media(max-width:380px){
  .messages-pro-page .conversation-avatar-pro img.premium-avatar,
  .messages-pro-page .conversation-avatar-pro img:not(.premium-avatar){
    width:49px!important;
    min-width:49px!important;
    height:49px!important;
    min-height:49px!important;
  }
}


/* =========================================================
   Mooky v419 — badge "Bloqué" conversation : ne chevauche plus l'heure
   ========================================================= */
.messages-pro-page .conversation-card-pro.is-blocked::after{
  top:auto!important;
  bottom:13px!important;
  right:14px!important;
  min-height:24px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#2b1720!important;
  color:#ff7d91!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  z-index:3!important;
}

/* L'heure reste en haut à droite, totalement libre. */
.messages-pro-page .conversation-card-pro.is-blocked .conversation-name-row{
  padding-right:0!important;
}

/* Réserve l'espace du badge uniquement sur la ligne d'aperçu. */
.messages-pro-page .conversation-card-pro.is-blocked .conversation-preview-row{
  padding-right:62px!important;
  min-height:25px!important;
}

.messages-pro-page .conversation-card-pro.is-blocked .conversation-preview-row .conversation-arrow,
.messages-pro-page .conversation-card-pro.is-blocked .conversation-preview-row .conversation-unread-pill{
  display:none!important;
}

@media(max-width:520px){
  .messages-pro-page .conversation-card-pro.is-blocked::after{
    right:12px!important;
    bottom:12px!important;
  }

  .messages-pro-page .conversation-card-pro.is-blocked .conversation-preview-row{
    padding-right:58px!important;
  }
}


/* =========================================================
   Mooky v420 — confidentialité blocage global
   ========================================================= */
.blocked-profile-v420{
  min-height:calc(100dvh - 190px);
  padding:54px 20px 120px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}
.blocked-profile-icon-v420{
  width:72px;height:72px;border-radius:22px;display:grid;place-items:center;
  background:#1b1f2a;color:#9c82ff;font-size:26px;margin-bottom:18px;
}
.blocked-profile-v420 h1{margin:0;color:#f7f8fc;font-size:24px}
.blocked-profile-v420 p{max-width:330px;margin:9px 0 20px;color:#929bad;font-size:12px;line-height:1.55}
.blocked-profile-v420>a{min-height:44px;padding:0 16px;border-radius:14px;background:#1a1f2b;color:#eee;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:11px;font-weight:900}


/* =========================================================
   Mooky v421 — Membres bloqués, refonte complète
   ========================================================= */
.blocked-v421-page{
  padding:14px 12px 108px;
}

.blocked-v421-hero{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  padding:15px;
  border:1px solid #272d3a;
  border-radius:18px;
  background:linear-gradient(135deg,#111620,#0e121a);
}

.blocked-v421-hero-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#291923;
  color:#ff7c91;
  font-size:18px;
}

.blocked-v421-hero-copy{
  min-width:0;
}

.blocked-v421-hero-copy>span{
  display:block;
  margin-bottom:5px;
  color:#987cff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}

.blocked-v421-hero-copy h1{
  margin:0;
  color:#f5f6fa;
  font-size:18px;
  line-height:1.15;
}

.blocked-v421-hero-copy p{
  margin:5px 0 0;
  max-width:360px;
  color:#8992a6;
  font-size:10px;
  line-height:1.5;
}

.blocked-v421-count{
  min-width:58px;
  padding:9px 10px;
  border-radius:14px;
  background:#171c27;
  text-align:center;
}

.blocked-v421-count strong{
  display:block;
  color:#fff;
  font-size:17px;
  line-height:1;
}

.blocked-v421-count small{
  display:block;
  margin-top:4px;
  color:#818a9d;
  font-size:8px;
}

.blocked-v421-tools{
  margin-top:11px;
}

.blocked-v421-search{
  min-height:48px;
  padding:0 12px;
  border:1px solid #262c39;
  border-radius:15px;
  background:#10141d;
  display:flex;
  align-items:center;
  gap:10px;
}

.blocked-v421-search>i{
  color:#8f77ff;
  font-size:13px;
}

.blocked-v421-search input{
  flex:1;
  min-width:0;
  height:46px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#f1f3f8;
  font-size:11px;
}

.blocked-v421-search input::placeholder{
  color:#6e778a;
}

.blocked-v421-search button{
  width:30px;
  height:30px;
  border:0;
  border-radius:10px;
  background:#1c2130;
  color:#9098aa;
  display:grid;
  place-items:center;
}

.blocked-v421-list{
  display:grid;
  gap:9px;
  margin-top:11px;
}

.blocked-v421-card{
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:11px;
  border:1px solid #252c38;
  border-radius:16px;
  background:#10141d;
}

.blocked-v421-avatar-wrap{
  position:relative;
  width:50px;
  height:50px;
}

.blocked-v421-avatar-wrap>img{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}

.blocked-v421-lock{
  position:absolute;
  right:-2px;
  bottom:-2px;
  width:22px;
  height:22px;
  border:3px solid #10141d;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#371822;
  color:#ff7089;
  font-size:8px;
}

.blocked-v421-member{
  min-width:0;
}

.blocked-v421-name-line{
  min-width:0;
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
}

.blocked-v421-name-line>b{
  min-width:0;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#f6f7fb;
  font-size:12px;
}

.blocked-v421-member>small{
  display:block;
  margin-top:2px;
  color:#7e879a;
  font-size:9px;
}

.blocked-v421-member>span{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:5px;
  color:#656f83;
  font-size:8px;
}

.blocked-v421-unblock{
  min-height:38px;
  padding:0 12px;
  border:0;
  border-radius:12px;
  background:#211a36;
  color:#b69bff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:9px;
  font-weight:900;
}

.blocked-v421-unblock i{
  font-size:10px;
}

.blocked-v421-empty,
.blocked-v421-no-results{
  margin-top:12px;
  padding:34px 20px;
  border:1px dashed #2a3140;
  border-radius:18px;
  background:#0f131b;
  text-align:center;
}

.blocked-v421-empty-icon,
.blocked-v421-no-results>i{
  width:58px;
  height:58px;
  margin:0 auto;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#15261e;
  color:#77dda0;
  font-size:20px;
}

.blocked-v421-empty h2{
  margin:13px 0 0;
  color:#f5f6fa;
  font-size:17px;
}

.blocked-v421-empty p,
.blocked-v421-no-results p{
  max-width:300px;
  margin:7px auto 0;
  color:#7e8799;
  font-size:10px;
  line-height:1.5;
}

.blocked-v421-empty>a{
  min-height:40px;
  margin-top:16px;
  padding:0 14px;
  border-radius:12px;
  background:#1b2030;
  color:#cfd4df;
  display:inline-flex;
  align-items:center;
  gap:7px;
  text-decoration:none;
  font-size:9px;
  font-weight:850;
}

.blocked-v421-no-results>i{
  background:#191d2b;
  color:#9e86ff;
}

.blocked-v421-no-results>b{
  display:block;
  margin-top:11px;
  color:#f4f5fa;
  font-size:14px;
}

/* Modal de déblocage */
.blocked-v421-modal[hidden]{display:none!important}
.blocked-v421-modal{
  position:fixed;
  inset:0;
  z-index:30000;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}

.blocked-v421-modal.open{
  opacity:1;
  pointer-events:auto;
}

.blocked-v421-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,5,9,.76);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.blocked-v421-modal-card{
  position:relative;
  z-index:1;
  width:min(100%,430px);
  padding:10px 15px calc(18px + env(safe-area-inset-bottom));
  border:1px solid #2a3040;
  border-bottom:0;
  border-radius:24px 24px 0 0;
  background:linear-gradient(180deg,#171b27,#121620);
  box-shadow:0 -28px 80px rgba(0,0,0,.5);
  transform:translateY(24px);
  transition:transform .2s ease;
}

.blocked-v421-modal.open .blocked-v421-modal-card{
  transform:translateY(0);
}

.blocked-v421-handle{
  width:52px;
  height:5px;
  margin:3px auto 14px;
  border-radius:999px;
  background:#717a96;
}

.blocked-v421-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:13px;
  border-bottom:1px solid #292f3c;
}

.blocked-v421-modal-head small{
  display:block;
  color:#8f72ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}

.blocked-v421-modal-head h2{
  margin:4px 0 0;
  color:#f6f7fb;
  font-size:18px;
}

.blocked-v421-modal-head>button{
  width:40px;
  height:40px;
  border:0;
  border-radius:13px;
  background:#202532;
  color:#f1f3f7;
  display:grid;
  place-items:center;
}

.blocked-v421-modal-info{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:11px;
  align-items:center;
  margin-top:13px;
  padding:12px;
  border-radius:16px;
  background:#10151f;
  border:1px solid #252b38;
}

.blocked-v421-modal-info>i{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#18291f;
  color:#78dfa2;
}

.blocked-v421-modal-info p{
  margin:0;
  color:#949daf;
  font-size:10px;
  line-height:1.5;
}

.blocked-v421-modal-info strong{
  color:#f4f5f8;
}

#blockedUnblockForm{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:14px;
}

#blockedUnblockForm button{
  min-height:44px;
  border:0;
  border-radius:13px;
  font-size:10px;
  font-weight:900;
}

.blocked-v421-cancel{
  background:#202532;
  color:#d6dbe6;
}

.blocked-v421-confirm{
  background:linear-gradient(135deg,#7355ff,#9b66ff);
  color:#fff;
}

body.blocked-v421-modal-open{
  overflow:hidden!important;
}

@media(max-width:520px){
  .blocked-v421-page{
    padding:10px 9px 96px;
  }

  .blocked-v421-hero{
    grid-template-columns:48px minmax(0,1fr) auto;
    gap:10px;
    padding:12px;
    border-radius:16px;
  }

  .blocked-v421-hero-icon{
    width:48px;
    height:48px;
    border-radius:14px;
  }

  .blocked-v421-hero-copy h1{
    font-size:16px;
  }

  .blocked-v421-hero-copy p{
    font-size:9px;
  }

  .blocked-v421-count{
    min-width:50px;
    padding:8px;
    border-radius:12px;
  }

  .blocked-v421-card{
    grid-template-columns:46px minmax(0,1fr) auto;
    padding:10px;
    gap:9px;
    border-radius:15px;
  }

  .blocked-v421-avatar-wrap,
  .blocked-v421-avatar-wrap>img{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }

  .blocked-v421-unblock{
    width:38px;
    min-width:38px;
    height:38px;
    padding:0;
    border-radius:12px;
  }

  .blocked-v421-unblock span{
    display:none;
  }

  .blocked-v421-modal-card{
    width:calc(100vw - 8px);
    max-width:calc(100vw - 8px);
    border-radius:22px 22px 0 0;
  }
}


/* =========================================================
   Mooky v424 — bouton latéral comme avant
   Seul le côté gauche n'est plus arrondi.
   AUCUN changement de position.
   ========================================================= */
html body .app-drawer-trigger{
  border-top-left-radius:0!important;
  border-bottom-left-radius:0!important;

  /* On garde l'arrondi original uniquement à droite */
  border-top-right-radius:12px!important;
  border-bottom-right-radius:12px!important;
}


/* =========================================================
   Mooky v425 — forme bouton drawer forcée
   Gauche carré, droite arrondie, position d'origine inchangée.
   ========================================================= */
#appDrawerTrigger.app-drawer-trigger{
  border-radius:0 12px 12px 0!important;
  -webkit-border-radius:0 12px 12px 0!important;
  border-top-left-radius:0!important;
  border-bottom-left-radius:0!important;
  border-top-right-radius:12px!important;
  border-bottom-right-radius:12px!important;
  border-left:0!important;
  overflow:hidden!important;
}

#appDrawerTrigger.app-drawer-trigger.open{
  border-radius:0 12px 12px 0!important;
  -webkit-border-radius:0 12px 12px 0!important;
}


/* =========================================================
   Mooky v426 — aucun effet premium sur Ta story / Quoi de neuf
   ========================================================= */
.stories-v3 .story-create .story-ring>img,
.composer-v3>img{
  box-shadow:none!important;
  filter:none!important;
  animation:none!important;
  outline:0!important;
  border-color:transparent!important;
}

.stories-v3 .story-create .story-ring{
  background:transparent!important;
  box-shadow:none!important;
}

.composer-v3>img{
  border:0!important;
}


/* =========================================================
   Mooky v427 — liens et aperçus sans rendu emoji
   ========================================================= */

/* Les URL utilisent toujours une police texte normale. */
.mooky-md-link,
.mooky-markdown a.mooky-md-link,
.post-pro-text a[href^="http"],
.comment-content a[href^="http"],
.hashtag-v53-text a[href^="http"],
.bubble-body a[href^="http"]{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-variant-emoji:text!important;
  font-feature-settings:normal!important;
  text-rendering:geometricPrecision;
}

/* Même règle dans toute la carte d'aperçu : titre, site, description et domaine. */
.mooky-link-preview,
.mooky-link-preview *,
.mooky-link-site,
.mooky-link-host,
.mooky-link-domain,
.mooky-link-preview b,
.mooky-link-preview em,
.mooky-link-preview small{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-variant-emoji:text!important;
}

/* Les favicons restent des images et ne sont pas affectés. */
.mooky-link-preview img{
  font-family:initial!important;
}


/* =========================================================
   Mooky v428 — emojis d'humeur correctement rendus
   ========================================================= */
.mooky-feeling-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}

.mooky-feeling-emoji{
  display:inline-block!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-variant-emoji:emoji!important;
  font-size:15px!important;
  line-height:1!important;
  width:auto!important;
  height:auto!important;
  filter:none!important;
  text-shadow:none!important;
}

.mooky-feeling-label{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-variant-emoji:text!important;
}


/* =========================================================
   Mooky v429 — style plus propre pour l'humeur affichée
   ========================================================= */
.post-pro-context .mooky-feeling-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#171a27 0%,#121520 100%)!important;
  border:1px solid #2d3144!important;
  color:#eef1fb!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.post-pro-context .mooky-feeling-pill > i{
  color:#9f86ff!important;
  font-size:13px!important;
  line-height:1!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
}

.post-pro-context .mooky-feeling-pill > .mooky-feeling-emoji,
.post-pro-context .mooky-feeling-pill > .mooky-feeling-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:0!important;
}

.post-pro-context .mooky-feeling-pill > .mooky-feeling-emoji{
  font-size:16px!important;
  line-height:1!important;
}

.post-pro-context .mooky-feeling-pill > .mooky-feeling-label{
  color:#f2f4fb!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}


/* =========================================================
   Mooky v430 — edit-post.php refonte propre et compacte
   ========================================================= */
body:has(.edit-post-pro){
  background:#090b11!important;
}

.edit-post-pro{
  width:100%!important;
  max-width:680px!important;
  margin:0 auto!important;
  padding:14px 14px 118px!important;
  background:#090b11!important;
  min-height:calc(100dvh - 92px)!important;
}

.edit-post-intro{
  margin:0 0 12px!important;
  gap:9px!important;
}

.edit-post-author{
  padding:11px 12px!important;
  border:1px solid #252b37!important;
  border-radius:15px!important;
  background:#10141d!important;
  gap:10px!important;
}
.edit-post-author>img{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:50%!important;
}
.edit-post-author b{font-size:13px!important}
.edit-post-author small{font-size:9px!important}
.edit-post-author>span{
  padding:7px 9px!important;
  border:0!important;
  border-radius:11px!important;
  background:#201a37!important;
  color:#b49cff!important;
  font-size:8px!important;
}

.edit-post-tip{
  padding:10px 11px!important;
  border:1px solid #29283c!important;
  border-radius:14px!important;
  background:#12141d!important;
  color:#9f88ff!important;
}
.edit-post-tip b{font-size:10px!important}
.edit-post-tip small{font-size:8.5px!important;color:#7e8699!important}

.edit-post-form{gap:10px!important}
.edit-post-panel{
  padding:13px!important;
  border:1px solid #252b37!important;
  border-radius:16px!important;
  background:#10131b!important;
  box-shadow:none!important;
}

.edit-panel-title{
  margin-bottom:11px!important;
  gap:9px!important;
}
.edit-panel-title>div{
  width:36px!important;
  height:36px!important;
  border:0!important;
  border-radius:12px!important;
  background:#1c1731!important;
  color:#9f84ff!important;
}
.edit-panel-title b{font-size:11px!important}
.edit-panel-title small{font-size:8px!important;color:#798196!important}

.edit-post-editor{
  border:1px solid #2a3040!important;
  border-radius:14px!important;
  background:#0b0e14!important;
  overflow:hidden!important;
}
.edit-post-editor textarea{
  min-height:160px!important;
  padding:13px 13px 8px!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.edit-post-editor-foot{
  min-height:48px!important;
  padding:7px 9px!important;
  border-top:1px solid #202532!important;
}
.edit-post-editor-foot button{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  background:#171b27!important;
  color:#a189ff!important;
}
.edit-post-editor-foot>span{font-size:8.5px!important}

.edit-tag-suggestions{margin-top:9px!important}
.edit-tag-suggestions button{
  border:0!important;
  border-radius:11px!important;
  padding:7px 10px!important;
  background:#181c27!important;
  color:#ac9bff!important;
}

.edit-current-media,.edit-new-media{
  border:1px solid #282e3b!important;
  border-radius:14px!important;
  background:#0a0c12!important;
}
.edit-current-media img,.edit-current-media video,.edit-new-media img,.edit-new-media video{
  max-height:460px!important;
}
.edit-current-media>div,.edit-new-media>div{padding:9px 10px!important}
.edit-current-media button{
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:11px!important;
}

.edit-media-picker{
  min-height:64px!important;
  margin-top:9px!important;
  padding:10px 11px!important;
  border:1px dashed #343b4b!important;
  border-radius:14px!important;
  background:#0d1017!important;
}
.edit-media-picker-icon{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  background:#1d1733!important;
}
.edit-media-picker b{font-size:10px!important}
.edit-media-picker small{font-size:8px!important}

.edit-fields-grid{gap:8px!important}
.edit-fields-grid label{
  padding:10px!important;
  border:1px solid #282e3b!important;
  border-radius:13px!important;
  background:#0d1017!important;
}
.edit-fields-grid label>span{
  margin:0 0 7px 1px!important;
  font-size:8px!important;
}
.edit-fields-grid input{
  height:39px!important;
  border:0!important;
  border-radius:10px!important;
  background:#151923!important;
  padding:0 10px!important;
}

.edit-select-row.edit-audience-row,
.edit-toggle-row{
  min-height:62px!important;
  margin-top:8px!important;
  padding:10px 11px!important;
  border:1px solid #282e3b!important;
  border-radius:14px!important;
  background:#0d1017!important;
}
.edit-setting-copy{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:1!important;
  min-width:0!important;
}
.edit-setting-copy>i{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:#1b1730!important;
  color:#9e84ff!important;
}
.edit-setting-copy>span{display:grid!important;gap:2px!important;min-width:0!important}
.edit-setting-copy b{font-size:10px!important}
.edit-setting-copy small{font-size:8px!important;color:#788095!important}

.edit-select-control{
  position:relative!important;
  min-width:132px!important;
}
.edit-select-control select{
  width:100%!important;
  height:38px!important;
  padding:0 30px 0 10px!important;
  border:1px solid #2b3140!important;
  border-radius:11px!important;
  background:#171b26!important;
  color:#eef1f8!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  font-size:9px!important;
  font-weight:800!important;
}
.edit-select-control>i{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#7f8799!important;
  font-size:9px!important;
  pointer-events:none!important;
}

.edit-toggle-row>span{
  grid-template-columns:36px minmax(0,1fr)!important;
  column-gap:10px!important;
}
.edit-toggle-row>span>i{
  grid-row:1/3!important;
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  background:#1b1730!important;
  display:grid!important;
  place-items:center!important;
}
.edit-toggle-row b{font-size:10px!important}
.edit-toggle-row small{font-size:8px!important}
.edit-switch{
  width:42px!important;
  height:24px!important;
}

.edit-paid-price{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 112px!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:8px!important;
  padding:10px 11px!important;
  border:1px solid #3e321c!important;
  border-radius:14px!important;
  background:#17130d!important;
}
.edit-paid-price[hidden]{display:none!important}
.edit-paid-price>img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
}
.edit-paid-price>span b,.edit-paid-price>span small{display:block!important}
.edit-paid-price>span b{font-size:10px!important;color:#f5f2ea!important}
.edit-paid-price>span small{font-size:7.5px!important;color:#8f8778!important;margin-top:2px!important;line-height:1.35!important}
.edit-paid-price>label{
  height:40px!important;
  border:1px solid #4b3b20!important;
  border-radius:11px!important;
  background:#0f0d09!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.edit-paid-price input{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  text-align:center!important;
  font-weight:900!important;
}
.edit-paid-price em{padding-right:10px!important;color:#ffc857!important;font-style:normal!important;font-size:9px!important;font-weight:900!important}

.edit-poll-options input{border-radius:11px!important}
.edit-lock-note{border-radius:12px!important}

.edit-post-summary{
  padding:10px 11px!important;
  border:1px solid #252b37!important;
  border-radius:14px!important;
  background:#0f1219!important;
}
.edit-post-summary>div>i{border-radius:11px!important}
.edit-post-summary>a{
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  background:#191d29!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}

.edit-post-savebar{
  position:sticky!important;
  bottom:10px!important;
  z-index:40!important;
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:8px!important;
  padding:8px!important;
  border:1px solid #2a3040!important;
  border-radius:16px!important;
  background:rgba(15,18,26,.94)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.42)!important;
}
.edit-post-savebar>a,.edit-post-savebar>button{
  height:46px!important;
  border-radius:13px!important;
  font-size:9.5px!important;
}
.edit-cancel{
  border:1px solid #2b3140!important;
  background:#171b26!important;
  color:#a8afbf!important;
}
.edit-save{
  background:linear-gradient(135deg,#7253ff,#9e68ff)!important;
  box-shadow:0 9px 22px rgba(119,82,255,.22)!important;
}

@media(max-width:520px){
  .edit-post-pro{padding:10px 9px 112px!important}
  .edit-post-panel{padding:11px!important;border-radius:15px!important}
  .edit-post-author{border-radius:14px!important}
  .edit-fields-grid{grid-template-columns:1fr!important}
  .edit-select-row.edit-audience-row{align-items:center!important}
  .edit-select-control{min-width:122px!important}
  .edit-paid-price{grid-template-columns:38px minmax(0,1fr) 92px!important;padding:9px!important}
  .edit-paid-price>img{width:38px!important;height:38px!important}
  .edit-post-savebar{grid-template-columns:92px minmax(0,1fr)!important;border-radius:15px!important}
  .edit-post-savebar>a,.edit-post-savebar>button{height:44px!important;border-radius:12px!important}
  .edit-save span{font-size:9px!important}
}

@media(max-width:360px){
  .edit-post-savebar{grid-template-columns:46px minmax(0,1fr)!important}
  .edit-cancel span{display:none!important}
  .edit-paid-price{grid-template-columns:36px minmax(0,1fr)!important}
  .edit-paid-price>label{grid-column:1/-1!important;width:100%!important}
}


/* =========================================================
   Mooky v431 — drawer TOUJOURS au-dessus de toute l'interface
   ========================================================= */
html body .app-drawer-overlay,
html body #appDrawerOverlay.app-drawer-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483644!important;
}

html body .app-drawer,
html body #appDrawer.app-drawer{
  position:fixed!important;
  z-index:2147483645!important;
}

html body .app-drawer-trigger,
html body #appDrawerTrigger.app-drawer-trigger{
  position:fixed!important;
  z-index:2147483646!important;
}

/* Le header, la navigation basse et le contenu restent sous le drawer. */
body.drawer-open .mooky-unified-head,
body.drawer-open .topbar,
body.drawer-open .simple-head,
body.drawer-open .chat-head,
body.drawer-open .bottom-nav,
body.drawer-open .mooky-tabbar,
body.drawer-open .mobile-nav{
  z-index:100!important;
}

/* Empêche certains effets / badges avec z-index élevé de passer devant. */
body.drawer-open .user-badge,
body.drawer-open [class*="tooltip"],
body.drawer-open [class*="popover"]{
  z-index:200!important;
}


/* =========================================================
   Mooky v432 — hashtags toujours en texte normal, jamais emoji
   ========================================================= */
.hashtag-link,
.hashtag-link *,
a.hashtag-link,
.post-pro-text .hashtag-link,
.hashtag-v53-text .hashtag-link,
.comment-content .hashtag-link,
.bubble-body .hashtag-link{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-variant-emoji:text!important;
  font-feature-settings:normal!important;
}
.hashtag-link .hashtag-hash{
  display:inline!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:inherit!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-variant-emoji:text!important;
  font-style:normal!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  vertical-align:baseline!important;
}
/* Mooky v433 · suspension AutoMod */
.mooky-suspended-v433{min-height:100dvh;display:grid;place-items:center;padding:24px}.mooky-suspended-v433>section{width:min(100%,430px);padding:24px;border:1px solid #2b3040;border-radius:20px;background:linear-gradient(180deg,#121722,#0c1018);text-align:center}.mooky-suspended-icon{width:68px;height:68px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;background:#291722;color:#ff768a;font-size:25px}.mooky-suspended-v433>section>span{font-size:9px;letter-spacing:.16em;color:#9c83ff;font-weight:950}.mooky-suspended-v433 h1{margin:8px 0 5px;font-size:22px}.mooky-suspended-v433>section>p{margin:0 0 15px;color:#8892a6;font-size:11px;line-height:1.5}.mooky-suspended-detail{padding:11px;margin-top:8px;border:1px solid #262d3a;border-radius:13px;background:#0a0e15;text-align:left}.mooky-suspended-detail small,.mooky-suspended-detail b{display:block}.mooky-suspended-detail small{color:#737d90;font-size:8px}.mooky-suspended-detail b{margin-top:4px;color:#e5e8ef;font-size:11px;line-height:1.45}.mooky-suspended-v433 a{min-height:44px;margin-top:15px;padding:0 16px;border-radius:13px;background:#202633;color:#e7eaf1;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:900}

/* Suspended page v440 */
.mooky-suspended-v440{position:relative;min-height:100dvh;display:grid;place-items:center;overflow:hidden;padding:30px 18px;background:#07090e}.mooky-suspended-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 18%,rgba(127,86,255,.12),transparent 30%),radial-gradient(circle at 85% 80%,rgba(255,79,105,.07),transparent 25%)}.mooky-suspended-v440:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 88%)}.mooky-suspended-card{position:relative;width:min(100%,640px);padding:20px;border:1px solid #2a3140;border-radius:22px;background:linear-gradient(180deg,rgba(18,23,34,.98),rgba(10,14,21,.98));box-shadow:0 28px 80px rgba(0,0,0,.34);z-index:1}.mooky-suspended-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid #222936}.mooky-suspended-brand{display:flex;align-items:center;gap:10px;min-width:0}.mooky-suspended-shield{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#2b1722;color:#ff6f86;font-size:17px;border:1px solid rgba(255,111,134,.16)}.mooky-suspended-brand small,.mooky-suspended-brand b{display:block}.mooky-suspended-brand small{color:#9f84ff;font-size:7px;font-weight:950;letter-spacing:1.2px}.mooky-suspended-brand b{margin-top:3px;color:#e9edf5;font-size:9px}.mooky-suspended-status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #55303b;border-radius:999px;background:#1c0f15;color:#ff9aab;font-size:7px;font-weight:900;white-space:nowrap}.mooky-suspended-status i{font-size:5px;color:#ff526f}.mooky-suspended-hero{text-align:center;padding:26px 14px 20px}.mooky-suspended-user{position:relative;width:78px;height:78px;margin:0 auto 13px}.mooky-suspended-user>img{width:78px;height:78px;object-fit:cover;border-radius:22px;border:1px solid #333b4b;background:#0b0e14}.mooky-suspended-user-shield{position:absolute;right:-4px;bottom:-4px;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#ff657e;color:#fff;border:4px solid #111722;font-size:9px}.mooky-suspended-eyebrow{display:block;color:#a989ff;font-size:7.5px;font-weight:950;letter-spacing:1.45px}.mooky-suspended-hero h1{margin:8px auto 6px;color:#fff;font-size:27px;line-height:1.1;letter-spacing:-.02em}.mooky-suspended-hero p{max-width:500px;margin:0 auto;color:#8b96aa;font-size:10px;line-height:1.65}.mooky-suspended-hero p strong{color:#c8cfda}.mooky-suspended-countdown{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;margin-bottom:10px;border:1px solid #4b3040;border-radius:15px;background:linear-gradient(135deg,#160e15,#10131c)}.mooky-suspended-countdown-copy span,.mooky-suspended-countdown-copy strong{display:block}.mooky-suspended-countdown-copy span{color:#ff879a;font-size:7px;font-weight:900}.mooky-suspended-countdown-copy span i{margin-right:5px}.mooky-suspended-countdown-copy strong{margin-top:4px;color:#f2f4f8;font-size:12px}.mooky-suspended-countdown-grid{display:grid;grid-template-columns:repeat(3,58px);gap:6px}.mooky-suspended-countdown-grid>div{padding:8px 5px;border-radius:10px;background:#090d14;border:1px solid #252d3a;text-align:center}.mooky-suspended-countdown-grid b,.mooky-suspended-countdown-grid small{display:block}.mooky-suspended-countdown-grid b{font-size:14px;color:#fff}.mooky-suspended-countdown-grid small{margin-top:2px;color:#667185;font-size:6px;text-transform:uppercase}.mooky-suspended-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mooky-suspended-info{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #252d3a;border-radius:14px;background:#090d14}.mooky-suspended-info.reason{grid-column:1/-1}.mooky-suspended-info-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#171d28;color:#a88bff;font-size:12px}.mooky-suspended-info.reason .mooky-suspended-info-icon{background:#25131b;color:#ff7189}.mooky-suspended-info small,.mooky-suspended-info b{display:block}.mooky-suspended-info small{color:#6f7a8e;font-size:6.7px}.mooky-suspended-info b{margin-top:4px;color:#e3e7ef;font-size:9.5px;line-height:1.45;overflow-wrap:anywhere}.mooky-suspended-impact{margin-top:10px;padding:14px;border:1px solid #252d3a;border-radius:15px;background:#0a0e15}.mooky-suspended-impact-title{display:flex;align-items:center;gap:10px}.mooky-suspended-impact-title>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#21141b;color:#ff748a}.mooky-suspended-impact-title b,.mooky-suspended-impact-title small{display:block}.mooky-suspended-impact-title b{font-size:9px;color:#edf0f5}.mooky-suspended-impact-title small{margin-top:3px;color:#737e91;font-size:6.8px}.mooky-suspended-impact-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.mooky-suspended-impact-list span{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:10px;background:#0e131c;color:#8995a8;font-size:7px}.mooky-suspended-impact-list span i{width:14px;text-align:center;color:#ff7087}.mooky-suspended-impact-list span:last-child i{color:#5cdd99}.mooky-suspended-help{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:11px 12px;border:1px solid #282f3d;border-radius:13px;background:#0e121a;color:#7d899c}.mooky-suspended-help>i{margin-top:2px;color:#9d85ff}.mooky-suspended-help p{margin:0;font-size:7px;line-height:1.55}.mooky-suspended-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.mooky-suspended-btn{min-height:45px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;text-decoration:none;font-size:8px;font-weight:950;border:1px solid #2b3342}.mooky-suspended-btn.secondary{background:#141a24;color:#e3e8f0}.mooky-suspended-btn.danger{background:#29131b;border-color:#56303a;color:#ff94a5}.mooky-suspended-btn:hover{transform:translateY(-1px)}.mooky-suspended-footer-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;color:#5f6a7c;font-size:6.6px}.mooky-suspended-footer-note i{color:#8e76ef}@media(max-width:700px){.mooky-suspended-v440{padding:14px 10px;align-items:start}.mooky-suspended-card{margin-top:20px;padding:15px;border-radius:18px}.mooky-suspended-topline{align-items:flex-start}.mooky-suspended-status{font-size:6.4px}.mooky-suspended-hero{padding:22px 4px 17px}.mooky-suspended-hero h1{font-size:23px}.mooky-suspended-countdown{align-items:flex-start;flex-direction:column}.mooky-suspended-countdown-grid{width:100%;grid-template-columns:repeat(3,1fr)}.mooky-suspended-info-grid,.mooky-suspended-impact-list,.mooky-suspended-actions{grid-template-columns:1fr}.mooky-suspended-info.reason{grid-column:auto}}

/* Mooky v15 - chiffres notifications toujours en rendu texte */
body.notifications-screen-v359 .notif-copy-v359,
body.notifications-screen-v359 .notif-copy-v359 *,
body.notifications-screen-v360 .notif-copy-v359,
body.notifications-screen-v360 .notif-copy-v359 *{
  font-variant-emoji:text!important;
}
body.notifications-screen-v359 .notif-plain-number,
body.notifications-screen-v360 .notif-plain-number{
  display:inline!important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  font-variant-emoji:text!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  font-feature-settings:"liga" 0,"tnum" 1!important;
  letter-spacing:0!important;
  word-spacing:0!important;
  font-style:normal!important;
  text-shadow:none!important;
}

/* =========================================================
   Mooky v16 — Messages mobile layout fix
   Empêche les cartes coupées/débordements et rend les personnes actives
   parfaitement alignées sur petit écran.
   ========================================================= */
.messages-pro-page{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
.messages-pro-page #conversationPanels,
.messages-pro-page .message-panel,
.messages-pro-page .conversation-list-pro,
.messages-pro-page .messages-controls-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.messages-pro-page .conversation-card-pro{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.messages-pro-page .conversation-avatar-pro{
  flex:0 0 54px!important;
  width:54px!important;
  min-width:54px!important;
}
.messages-pro-page .conversation-content-pro,
.messages-pro-page .conversation-name-row,
.messages-pro-page .conversation-preview-row,
.messages-pro-page .conversation-user-name{
  min-width:0!important;
  max-width:100%!important;
}
.messages-pro-page .conversation-user-name{
  overflow:hidden!important;
  flex:1 1 auto!important;
}
.messages-pro-page .conversation-user-name>b{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.messages-pro-page .conversation-name-row time{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.messages-pro-page .conversation-preview-row .conversation-arrow{
  flex:0 0 auto!important;
  margin-left:6px!important;
}
.messages-pro-page .suggestions-head{
  width:100%!important;
  box-sizing:border-box!important;
  margin-top:20px!important;
}
.messages-pro-page .quick-people-scroller{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
  padding:0 0 8px!important;
  scroll-snap-type:none!important;
}
.messages-pro-page .quick-person{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:none!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:16px!important;
  padding:14px 8px 12px!important;
}
.messages-pro-page .quick-person-avatar{
  width:54px!important;
  min-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  flex:0 0 54px!important;
}
.messages-pro-page .quick-person-avatar img,
.messages-pro-page .quick-person-avatar img.premium-avatar{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
}
.messages-pro-page .quick-person>b,
.messages-pro-page .quick-person>small{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.messages-pro-page .quick-person>b{font-size:11px!important}
.messages-pro-page .quick-person>small{font-size:8px!important}
.messages-pro-page .quick-person>em{
  flex:0 0 auto!important;
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
}
@media(max-width:430px){
  .messages-pro-page{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .messages-pro-page .conversation-card-pro{
    gap:10px!important;
    padding:12px!important;
    border-radius:15px!important;
  }
  .messages-pro-page .conversation-avatar-pro{
    flex-basis:50px!important;
    width:50px!important;
    min-width:50px!important;
  }
  .messages-pro-page .conversation-avatar-pro img,
  .messages-pro-page .conversation-avatar-pro img.premium-avatar,
  .messages-pro-page .conversation-avatar-pro img:not(.premium-avatar){
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
  }
  .messages-pro-page .conversation-user-name>b{font-size:13px!important}
  .messages-pro-page .conversation-name-row time{font-size:8px!important}
  .messages-pro-page .conversation-preview-row p{font-size:10px!important;-webkit-line-clamp:1!important;white-space:nowrap!important;display:block!important;text-overflow:ellipsis!important}
  .messages-pro-page .messages-section-head{margin-left:0!important;margin-right:0!important}
}
@media(max-width:340px){
  .messages-pro-page .quick-people-scroller{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .messages-pro-page .quick-person{padding-left:6px!important;padding-right:6px!important}
}

/* Mooky v17 — active people profile + message actions */
.messages-pro-page .quick-person{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between;gap:8px;min-height:190px}
.messages-pro-page .quick-person-main{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;color:inherit;text-decoration:none;min-width:0}
.messages-pro-page .quick-person-main>b,
.messages-pro-page .quick-person-main>small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messages-pro-page .quick-person-actions{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto}
.messages-pro-page .quick-person-action{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(255,255,255,.07);background:#171c2a;color:#cfd4e3;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.messages-pro-page .quick-person-action.profile{background:rgba(90,120,255,.10);color:#b8c6ff}
.messages-pro-page .quick-person-action.message{background:rgba(119,82,255,.16);color:#a991ff}
.messages-pro-page .quick-person-action i{font-size:13px}
@media(max-width:700px){
  .messages-pro-page .quick-person{min-height:182px;padding-bottom:10px!important}
  .messages-pro-page .quick-person-actions{gap:7px}
  .messages-pro-page .quick-person-action{width:34px;height:34px;border-radius:11px}
}

/* Mooky v18 — wallet redesign */
.wallet-v18-page{max-width:760px;margin:0 auto;padding:16px 14px calc(118px + env(safe-area-inset-bottom));min-height:calc(100vh - 72px)}
.wallet-v18-head .app-head-copy{text-align:center}.wallet-v18-head .app-head-copy strong,.wallet-v18-head .app-head-copy small{display:block}.wallet-v18-head .app-head-copy small{margin-top:2px;color:#778196;font-size:10px;font-weight:700}
.wallet-v18-hero{position:relative;overflow:hidden;padding:18px;border:1px solid #2b3242;border-radius:16px;background:linear-gradient(145deg,#151a28 0%,#10141e 58%,#171610 100%)}
.wallet-v18-hero:after{content:"";position:absolute;right:-65px;top:-75px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(255,205,58,.17),transparent 68%);pointer-events:none}
.wallet-v18-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1}.wallet-v18-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,207,60,.22);border-radius:10px;background:rgba(255,203,58,.06);color:#ffd347;font-size:9px;font-weight:950;letter-spacing:.14em}.wallet-v18-hero-top p{margin:8px 0 0;color:#7e899d;font-size:10px}.wallet-v18-status{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #283342;border-radius:999px;background:#0c1118;color:#93a0b4;font-size:8px;font-weight:800}.wallet-v18-status i{width:7px;height:7px;border-radius:50%;background:#4ddba0;box-shadow:0 0 0 3px rgba(77,219,160,.09)}
.wallet-v18-balance{display:flex;align-items:center;gap:9px;margin-top:17px;position:relative;z-index:1}.wallet-v18-balance strong{font-size:40px;line-height:1;font-weight:950;letter-spacing:-1.5px}.wallet-v18-balance img{width:35px;height:35px;object-fit:contain}.wallet-v18-balance span{align-self:flex-end;margin-bottom:3px;color:#aeb7c8;font-size:10px;font-weight:800}.wallet-v18-desc{position:relative;z-index:1;max-width:430px;margin:11px 0 0!important;color:#8792a7!important;font-size:11px!important;line-height:1.6}
.wallet-v18-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;position:relative;z-index:1}.wallet-v18-actions a{height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:900;text-decoration:none}.wallet-v18-primary{background:#7d5cff;color:#fff;box-shadow:0 8px 28px rgba(125,92,255,.18)}.wallet-v18-secondary{border:1px solid #30384a;background:#111722;color:#b8c1d1}
.wallet-v18-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.wallet-v18-stats>div{padding:12px 10px;border:1px solid #252d3b;border-radius:13px;background:#0f141e;min-width:0}.wallet-v18-stats span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#171e2a;color:#9a85ff;font-size:10px}.wallet-v18-stats span.in{color:#4bdca3}.wallet-v18-stats span.out{color:#ff7f95}.wallet-v18-stats small,.wallet-v18-stats b{display:block}.wallet-v18-stats small{margin-top:8px;color:#788397;font-size:8px}.wallet-v18-stats b{margin-top:2px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wallet-v18-info{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;margin-top:10px;padding:13px;border:1px solid #263044;border-radius:13px;background:#0d131c}.wallet-v18-info>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#141c28;color:#8b73ff}.wallet-v18-info b{display:block;font-size:10px}.wallet-v18-info p{margin:4px 0 0;color:#7c879b;font-size:9px;line-height:1.55}
.wallet-v18-history{margin-top:22px;scroll-margin-top:90px}.wallet-v18-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.wallet-v18-section-head>div>span{color:#9e84ff;font-size:8px;font-weight:950;letter-spacing:.16em}.wallet-v18-section-head h2{margin:3px 0 1px;font-size:24px}.wallet-v18-section-head p{margin:0;color:#727d91;font-size:9px}.wallet-v18-section-head>a{display:inline-flex;align-items:center;gap:6px;color:#a991ff;font-size:9px;font-weight:900}
.wallet-v18-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.wallet-v18-filters a{height:42px;padding:0 10px;border:1px solid #262e3d;border-radius:12px;background:#0e131c;color:#929caf;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-size:9px;font-weight:850}.wallet-v18-filters a.active{border-color:#694cff;background:#1b1730;color:#fff}.wallet-v18-filters em{min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:#181e2a;color:#8f99ab;display:grid;place-items:center;font-size:7px;font-style:normal}.wallet-v18-filters a.active em{background:#7358ec;color:#fff}
.wallet-v18-list{display:grid;gap:8px;margin-top:10px}.wallet-v18-tx{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid #242c39;border-radius:13px;background:#0e131c}.wallet-v18-tx-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#171e2a;color:#9f88ff}.wallet-v18-tx.is-in .wallet-v18-tx-icon{color:#51dbaa;background:#10241f}.wallet-v18-tx.is-out .wallet-v18-tx-icon{color:#ff8097;background:#26141a}.wallet-v18-tx-main{min-width:0}.wallet-v18-tx-title{display:flex;align-items:center;gap:7px;min-width:0}.wallet-v18-tx-title b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-v18-tx-title span{flex:0 0 auto;padding:4px 6px;border-radius:7px;background:#171e29;color:#7f8a9f;font-size:6.5px;font-weight:850}.wallet-v18-tx-main>small{display:block;margin-top:4px;color:#6f7a8f;font-size:7.5px}.wallet-v18-tx-main>a{display:inline-flex;align-items:center;gap:5px;margin-top:6px;color:#9d89ff;font-size:7.5px;font-weight:800}.wallet-v18-tx-value{text-align:right;min-width:92px}.wallet-v18-tx-value strong{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:13px}.wallet-v18-tx-value strong.plus{color:#4bdda8}.wallet-v18-tx-value strong.minus{color:#ff8198}.wallet-v18-tx-value strong img{width:18px;height:18px;object-fit:contain}.wallet-v18-tx-value small{display:block;margin-top:4px;color:#697489;font-size:6.8px;white-space:nowrap}
.wallet-v18-empty{margin-top:10px;padding:28px 18px;border:1px dashed #2b3445;border-radius:14px;background:#0d1118;text-align:center}.wallet-v18-empty>span{width:48px;height:48px;margin:0 auto;border-radius:14px;display:grid;place-items:center;background:#171d29;color:#967fff;font-size:17px}.wallet-v18-empty h3{margin:10px 0 4px;font-size:13px}.wallet-v18-empty p{margin:0;color:#748095;font-size:9px}.wallet-v18-empty a{display:inline-block;margin-top:10px;color:#9c86ff;font-size:9px;font-weight:850}
@media(max-width:520px){.wallet-v18-page{padding-left:10px;padding-right:10px}.wallet-v18-hero{padding:16px}.wallet-v18-balance strong{font-size:37px}.wallet-v18-balance span{display:none}.wallet-v18-stats{gap:6px}.wallet-v18-stats>div{padding:10px 8px}.wallet-v18-stats b{font-size:11px}.wallet-v18-tx{grid-template-columns:38px minmax(0,1fr) auto;padding:10px;gap:9px}.wallet-v18-tx-icon{width:38px;height:38px}.wallet-v18-tx-title{display:block}.wallet-v18-tx-title span{display:inline-block;margin-top:3px}.wallet-v18-tx-value{min-width:80px}.wallet-v18-tx-value strong{font-size:11px}.wallet-v18-tx-value strong img{width:16px;height:16px}.wallet-v18-tx-value small{font-size:6.2px}}

/* Mooky v19 — wallet history navigation fix */
.wallet-v18-actions button.wallet-v18-secondary{height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:900;border:1px solid #30384a;background:#111722;color:#b8c1d1;cursor:pointer;font-family:inherit;width:100%;padding:0 14px}
.wallet-v18-actions button.wallet-v18-secondary:active{transform:scale(.985)}

/* Mooky v20 — Wallet invoices */
.wallet-v20-tx-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:7px}.wallet-v20-tx-actions>a,.wallet-v20-invoice-btn{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid #302b54;border-radius:9px;background:#151329;color:#a994ff;font:800 8px/1 inherit;text-decoration:none;cursor:pointer}.wallet-v20-invoice-btn{border-color:#3a345f;background:#16152b;color:#b7a8ff}.wallet-v20-invoice-btn i,.wallet-v20-tx-actions>a i{font-size:9px}.wallet-invoice-open{overflow:hidden}.wallet-v20-invoice-modal[hidden]{display:none!important}.wallet-v20-invoice-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.wallet-v20-invoice-backdrop{position:absolute;inset:0;background:rgba(3,5,10,.8);backdrop-filter:blur(8px);opacity:0;transition:.18s}.wallet-v20-invoice-card{position:relative;width:min(520px,100%);max-height:min(760px,calc(100dvh - 30px));overflow:auto;border:1px solid #2b3344;border-radius:18px;background:#0d121b;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:translateY(18px) scale(.985);opacity:0;transition:.18s}.wallet-v20-invoice-modal.open .wallet-v20-invoice-backdrop{opacity:1}.wallet-v20-invoice-modal.open .wallet-v20-invoice-card{transform:none;opacity:1}.wallet-v20-invoice-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid #222a38}.wallet-v20-invoice-head span{display:block;color:#9b82ff;font-size:7px;font-weight:950;letter-spacing:.15em}.wallet-v20-invoice-head h3{margin:4px 0 0;font-size:17px}.wallet-v20-invoice-head button{width:36px;height:36px;border:1px solid #293140;border-radius:11px;background:#151b25;color:#aeb8c9}.wallet-v20-invoice-body{padding:17px}.wallet-v20-invoice-brand{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #252d3b;border-radius:13px;background:#101620}.wallet-v20-invoice-brand img{width:50px;height:50px;object-fit:contain}.wallet-v20-invoice-brand b,.wallet-v20-invoice-brand small{display:block}.wallet-v20-invoice-brand b{font-size:13px}.wallet-v20-invoice-brand small{margin-top:3px;color:#778399;font-size:8px}.wallet-v20-invoice-brand strong{color:#a78fff;font-size:10px}.wallet-v20-invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.wallet-v20-invoice-grid>div{padding:11px;border:1px solid #252d3b;border-radius:12px;background:#0b1018}.wallet-v20-invoice-grid small,.wallet-v20-invoice-grid b,.wallet-v20-invoice-grid span{display:block}.wallet-v20-invoice-grid small{color:#6f7a90;font-size:7px}.wallet-v20-invoice-grid b{margin-top:5px;font-size:9px}.wallet-v20-invoice-grid span{margin-top:3px;color:#8a95a8;font-size:7px}.wallet-v20-invoice-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;padding:13px;border:1px solid #282f3e;border-radius:12px;background:#0c1119}.wallet-v20-invoice-line span,.wallet-v20-invoice-line small{display:block}.wallet-v20-invoice-line span{font-size:10px;font-weight:900}.wallet-v20-invoice-line small{margin-top:4px;color:#6f7a8f;font-size:6.8px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-v20-invoice-line>b{color:#ffcd43;font-size:12px}.wallet-v20-invoice-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:14px;border:1px solid #4a397c;border-radius:12px;background:linear-gradient(135deg,#18142b,#12101d)}.wallet-v20-invoice-total span{font-size:9px;font-weight:850}.wallet-v20-invoice-total strong{color:#a98cff;font-size:18px}.wallet-v20-invoice-note{margin:11px 2px 0;color:#707b90;font-size:7.5px;line-height:1.55}.wallet-v20-invoice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 17px 17px}.wallet-v20-invoice-actions>*{height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:8.5px;font-weight:900;text-decoration:none;cursor:pointer}.wallet-v20-invoice-actions .ghost{border:1px solid #2b3444;background:#121823;color:#aeb7c8}.wallet-v20-invoice-actions .primary{border:0;background:#7657ff;color:#fff}@media(max-width:520px){.wallet-v20-invoice-modal{padding:10px}.wallet-v20-invoice-grid{grid-template-columns:1fr}.wallet-v20-invoice-actions{grid-template-columns:1fr}.wallet-v20-invoice-card{border-radius:16px}.wallet-v20-tx-actions{gap:5px}.wallet-v20-tx-actions>a,.wallet-v20-invoice-btn{padding:0 8px}}

/* Mooky v21 — compact wallet transaction actions */
.wallet-v20-tx-actions{gap:5px!important;margin-top:5px!important}
.wallet-v20-tx-actions>a,.wallet-v20-invoice-btn{
  min-height:24px!important;
  padding:0 8px!important;
  border-radius:8px!important;
  font-size:7px!important;
  gap:4px!important;
  line-height:1!important;
}
.wallet-v20-invoice-btn i,.wallet-v20-tx-actions>a i{font-size:7.5px!important}
@media(max-width:520px){
  .wallet-v20-tx-actions>a,.wallet-v20-invoice-btn{
    min-height:23px!important;
    padding:0 7px!important;
    font-size:6.7px!important;
    border-radius:7px!important;
  }
  .wallet-v20-invoice-btn i,.wallet-v20-tx-actions>a i{font-size:7px!important}
}

/* Mooky v22 — compact invoice modal mobile fix */
.wallet-v20-invoice-modal{padding:14px!important;overflow:hidden!important}
.wallet-v20-invoice-card{width:min(430px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important;border-radius:16px!important;overflow:auto!important}
.wallet-v20-invoice-head{padding:14px 15px!important}
.wallet-v20-invoice-head h3{font-size:15px!important}
.wallet-v20-invoice-head button{width:32px!important;height:32px!important;border-radius:10px!important;flex:0 0 32px}
.wallet-v20-invoice-body{padding:14px!important}
.wallet-v20-invoice-brand{grid-template-columns:44px minmax(0,1fr)!important;gap:9px!important;padding:11px!important}
.wallet-v20-invoice-brand img{width:44px!important;height:44px!important}
.wallet-v20-invoice-brand strong{grid-column:1/-1;justify-self:start;margin-top:2px;max-width:100%;overflow-wrap:anywhere}
.wallet-v20-invoice-grid{grid-template-columns:1fr!important;gap:7px!important}
.wallet-v20-invoice-grid>div{padding:10px!important;min-width:0}
.wallet-v20-invoice-grid b,.wallet-v20-invoice-grid span{overflow-wrap:anywhere;word-break:break-word}
.wallet-v20-invoice-line{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;padding:11px!important}
.wallet-v20-invoice-line>div{min-width:0;width:100%}
.wallet-v20-invoice-line small{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
.wallet-v20-invoice-line>b{align-self:flex-end}
.wallet-v20-invoice-total{padding:12px!important}
.wallet-v20-invoice-total strong{font-size:16px!important}
.wallet-v20-invoice-note{font-size:7px!important;line-height:1.45!important}
.wallet-v20-invoice-actions{grid-template-columns:1fr!important;gap:7px!important;padding:0 14px 14px!important}
.wallet-v20-invoice-actions>*{height:38px!important;font-size:8px!important}
@media(max-width:430px){
  .wallet-v20-invoice-modal{padding:8px!important;align-items:center!important}
  .wallet-v20-invoice-card{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}
  .wallet-v20-invoice-head{padding:12px!important}
  .wallet-v20-invoice-body{padding:12px!important}
  .wallet-v20-invoice-brand{grid-template-columns:40px minmax(0,1fr)!important}
  .wallet-v20-invoice-brand img{width:40px!important;height:40px!important}
  .wallet-v20-invoice-actions{padding:0 12px 12px!important}
}

/* Mooky v29 — first-home rules onboarding */
.mooky-rules-onboarding{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px;overscroll-behavior:contain}
.mooky-rules-onboarding-backdrop{position:absolute;inset:0;background:rgba(3,5,10,.88);backdrop-filter:blur(12px)}
.mooky-rules-onboarding-card{position:relative;width:min(100%,540px);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #2c3341;border-radius:20px;background:linear-gradient(180deg,#111622,#0c1018);box-shadow:0 28px 80px rgba(0,0,0,.55);padding:18px;scrollbar-width:thin}
.mooky-rules-onboarding-top{display:grid;grid-template-columns:62px minmax(0,1fr);gap:13px;align-items:center;padding-bottom:15px;border-bottom:1px solid #252c39}
.mooky-rules-onboarding-logo{width:62px;height:62px;border-radius:17px;background:#171d29;display:grid;place-items:center;border:1px solid #2c3443}.mooky-rules-onboarding-logo img{width:52px;height:52px;object-fit:contain}
.mooky-rules-onboarding-top span{display:block;color:#9f86ff;font-size:10px;font-weight:950;letter-spacing:1.2px}.mooky-rules-onboarding-top h2{margin:4px 0 4px;font-size:24px;line-height:1.08}.mooky-rules-onboarding-top p{margin:0;color:#8b96aa;font-size:12px;line-height:1.5}
.mooky-rules-warning{display:flex;gap:11px;align-items:flex-start;margin-top:14px;padding:13px;border:1px solid #4c3c1f;border-radius:14px;background:#17140c}.mooky-rules-warning>i{width:37px;height:37px;border-radius:11px;background:#2b2411;color:#ffc95d;display:grid;place-items:center;flex:0 0 auto}.mooky-rules-warning b{display:block;font-size:13px}.mooky-rules-warning p{margin:4px 0 0;color:#b4a783;font-size:11px;line-height:1.5}
.mooky-rules-list{display:grid;gap:8px;margin-top:12px}.mooky-rules-list>div{display:flex;gap:11px;align-items:flex-start;padding:12px;border:1px solid #252d3a;border-radius:13px;background:#0a0f17}.mooky-rules-list>div>span{width:34px;height:34px;border-radius:10px;background:#171d2a;color:#9d85ff;display:grid;place-items:center;flex:0 0 auto}.mooky-rules-list b{display:block;font-size:12px}.mooky-rules-list p{margin:3px 0 0;color:#7f8a9e;font-size:10.5px;line-height:1.45}.mooky-rules-list .critical{border-color:#552b35;background:#180d12}.mooky-rules-list .critical>span{background:#31141d;color:#ff6f89}.mooky-rules-list .critical b{color:#ffd7df}.mooky-rules-list .critical p{color:#bd8f99}
.mooky-rules-note{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:11px 12px;border-radius:12px;background:#111722;color:#8f9aaf}.mooky-rules-note i{color:#7f67ff;margin-top:2px}.mooky-rules-note p{margin:0;font-size:10.5px;line-height:1.5}
.mooky-rules-onboarding-form{margin-top:14px}.mooky-rules-onboarding-form button{width:100%;min-height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,#7656ff,#9c63ff);color:#fff;font:inherit;font-weight:900;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 9px 24px rgba(118,86,255,.22)}
body:has(.mooky-rules-onboarding){overflow:hidden!important}
@media(max-width:560px){.mooky-rules-onboarding{padding:10px;align-items:flex-end}.mooky-rules-onboarding-card{width:100%;max-height:calc(100dvh - 20px);border-radius:20px 20px 14px 14px;padding:14px}.mooky-rules-onboarding-top{grid-template-columns:52px 1fr}.mooky-rules-onboarding-logo{width:52px;height:52px;border-radius:14px}.mooky-rules-onboarding-logo img{width:44px;height:44px}.mooky-rules-onboarding-top h2{font-size:21px}.mooky-rules-onboarding-top p{font-size:11px}.mooky-rules-list>div{padding:10px}.mooky-rules-warning{padding:11px}.mooky-rules-onboarding-form button{min-height:46px;font-size:12px}}

/* Mooky v35 — welcome anchors */
.landing-v56-features,#features{scroll-margin-top:96px}
html{scroll-behavior:smooth}

/* Mooky 0.0.1 — What's New redesign */
.whatsnew-v001{min-height:100dvh;background:radial-gradient(circle at 95% 6%,rgba(119,82,255,.18),transparent 26%),radial-gradient(circle at 0 65%,rgba(255,94,143,.07),transparent 25%),#080a10;padding-bottom:calc(88px + env(safe-area-inset-bottom));color:#f5f6fb}.whatsnew-v001 .whatsnew-head{position:sticky;top:0;z-index:30;background:rgba(8,10,16,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.065)}.whatsnew-head-copy{display:flex;flex-direction:column;align-items:center;line-height:1.1}.whatsnew-head-copy strong{font-size:15px}.whatsnew-head-copy small{margin-top:4px;color:#747b90;font-size:8px;font-weight:600}.whatsnew-v001 .version-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:11px;border:1px solid rgba(145,112,255,.24);background:rgba(119,82,255,.08);color:#b9a8ff;font-size:8px!important;font-weight:850}.whatsnew-inner{width:min(100%,760px);margin:0 auto;padding:16px}.whatsnew-hero-v001{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(151,124,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(23,25,38,.96),rgba(12,14,23,.98));box-shadow:0 20px 55px rgba(0,0,0,.22)}.whatsnew-hero-v001:before{content:"";position:absolute;width:210px;height:210px;right:-80px;top:-95px;border-radius:50%;background:radial-gradient(circle,rgba(125,87,255,.32),transparent 70%);pointer-events:none}.whatsnew-hero-brand{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.whatsnew-mascot{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#10141e;border:1px solid rgba(255,255,255,.08)}.whatsnew-mascot img{width:46px;height:46px;object-fit:contain}.whatsnew-hero-brand>div:last-child{display:flex;flex-direction:column}.whatsnew-hero-brand span{font-size:7.5px;letter-spacing:.18em;color:#8777db;font-weight:900}.whatsnew-hero-brand strong{margin-top:4px;font-size:13px}.whatsnew-hero-copy{position:relative;z-index:1;margin-top:24px}.whatsnew-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(119,82,255,.1);border:1px solid rgba(139,104,255,.23);color:#b6a5ff;font-size:8px;font-weight:850}.whatsnew-hero-copy h1{margin:13px 0 10px;font-size:34px;line-height:.96;letter-spacing:-.045em}.whatsnew-hero-copy h1 em{font-style:normal;background:linear-gradient(100deg,#8e6aff,#ff7da7);-webkit-background-clip:text;background-clip:text;color:transparent}.whatsnew-hero-copy p{margin:0;max-width:540px;color:#8e95a8;font-size:11px;line-height:1.65}.whatsnew-hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.whatsnew-hero-stats>div{min-width:0;padding:11px 9px;border-radius:13px;background:#0c1018;border:1px solid rgba(255,255,255,.055);display:grid;grid-template-columns:26px 1fr;column-gap:7px;align-items:center}.whatsnew-hero-stats i{grid-row:1/3;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(119,82,255,.12);color:#9d85ff;font-size:10px}.whatsnew-hero-stats b{font-size:8px}.whatsnew-hero-stats small{margin-top:2px;color:#687187;font-size:6.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whatsnew-section-v001{margin-top:24px}.whatsnew-section-title{display:flex;align-items:end;justify-content:space-between;margin:0 2px 12px}.whatsnew-section-title span,.whatsnew-security-v001 span,.whatsnew-footer-card-v001 span{display:block;color:#8d78e8;font-size:7.5px;font-weight:900;letter-spacing:.16em}.whatsnew-section-title h2{margin:4px 0 0;font-size:20px;letter-spacing:-.03em}.whatsnew-section-title>i{color:#7259e7;font-size:18px}.whatsnew-grid-v001{display:grid;grid-template-columns:1fr 1fr;gap:9px}.whatsnew-card-v001{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:rgba(15,18,27,.9);min-width:0}.whatsnew-icon-v001{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(119,82,255,.1);color:#9f88ff;font-size:15px}.whatsnew-card-v001 b{display:block;font-size:10px;line-height:1.25}.whatsnew-card-v001 p{margin:5px 0 0;color:#777f92;font-size:8px;line-height:1.55}.whatsnew-card-v001.feature-blue .whatsnew-icon-v001{background:rgba(68,147,255,.1);color:#62a8ff}.whatsnew-card-v001.feature-red .whatsnew-icon-v001{background:rgba(255,83,112,.1);color:#ff738d}.whatsnew-card-v001.feature-green .whatsnew-icon-v001{background:rgba(48,205,151,.1);color:#47d9a5}.whatsnew-card-v001.feature-gold .whatsnew-icon-v001{background:rgba(255,191,54,.1);color:#ffc74e}.whatsnew-card-v001.feature-cyan .whatsnew-icon-v001{background:rgba(57,210,221,.1);color:#55dbe4}.whatsnew-card-v001.feature-pink .whatsnew-icon-v001{background:rgba(255,102,177,.1);color:#ff81bf}.whatsnew-card-v001.feature-slate .whatsnew-icon-v001{background:rgba(159,171,196,.1);color:#aab5cd}.whatsnew-security-v001{display:grid;grid-template-columns:54px 1fr;gap:14px;margin-top:18px;padding:17px;border-radius:18px;border:1px solid rgba(83,211,157,.15);background:linear-gradient(135deg,rgba(21,44,38,.45),rgba(12,18,23,.95))}.whatsnew-security-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:rgba(58,206,151,.11);color:#4cd9a7;font-size:20px}.whatsnew-security-v001 h3{margin:4px 0 5px;font-size:15px}.whatsnew-security-v001 p{margin:0;color:#778696;font-size:8.5px;line-height:1.55}.whatsnew-footer-card-v001{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(39,28,73,.78),rgba(18,17,31,.98));border:1px solid rgba(143,103,255,.24)}.whatsnew-footer-card-v001 h3{margin:5px 0 4px;font-size:15px}.whatsnew-footer-card-v001 p{margin:0;color:#898399;font-size:8px;line-height:1.5}.whatsnew-footer-card-v001>a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:11px 13px;border-radius:12px;background:linear-gradient(135deg,#7357f7,#9265ff);color:#fff;font-size:8.5px;font-weight:900;box-shadow:0 10px 24px rgba(113,82,248,.22)}.whatsnew-footer-card-v001>a span{color:#fff;letter-spacing:0;font-size:8.5px}.whatsnew-version-note{display:flex;align-items:center;justify-content:center;gap:6px;padding:17px 6px 4px;color:#555d70;font-size:7px}.whatsnew-version-note i{color:#43ca98}.whatsnew-version-note b{color:#8178a1}@media(max-width:560px){.whatsnew-inner{padding:12px}.whatsnew-hero-v001{padding:18px;border-radius:18px}.whatsnew-hero-copy h1{font-size:30px}.whatsnew-grid-v001{grid-template-columns:1fr}.whatsnew-card-v001{grid-template-columns:40px 1fr;padding:13px}.whatsnew-icon-v001{width:40px;height:40px}.whatsnew-hero-stats{gap:6px}.whatsnew-hero-stats>div{grid-template-columns:24px 1fr;padding:9px 7px}.whatsnew-hero-stats i{width:24px;height:24px}.whatsnew-hero-stats small{font-size:6px}.whatsnew-footer-card-v001{align-items:flex-start;flex-direction:column}.whatsnew-footer-card-v001>a{width:100%;justify-content:center}.whatsnew-security-v001{grid-template-columns:46px 1fr}.whatsnew-security-icon{width:46px;height:46px}.whatsnew-v001 .version-pill{padding:6px 8px;font-size:7.5px!important}}

/* Mooky 0.0.1 — chat instant / optimistic sending */
.chat-message-pending{opacity:.82;transition:opacity .16s ease,transform .16s ease;animation:mookyMessageIn .14s ease-out}
.chat-message-pending .bubble{filter:saturate(.9)}
.chat-pending-status{display:inline-flex;align-items:center;gap:5px;color:#8f98ac;font-size:8px;font-weight:700}
.chat-pending-status i{font-size:8px;color:#9b83ff}
.pending-media{pointer-events:none;opacity:.92}
.pending-media.image img{display:block;max-width:100%;height:auto}
@keyframes mookyMessageIn{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:.82;transform:none}}