/* MemeWala glass v3: soft blurred background so glass cards stand apart */
body::after{display:none!important}
body::before{filter:blur(70px) saturate(120%);transform:scale(1.15);background:radial-gradient(40vmax 36vmax at 8% 6%,rgba(168,85,247,.38),transparent 70%),radial-gradient(38vmax 34vmax at 96% 12%,rgba(236,72,153,.30),transparent 70%),radial-gradient(44vmax 36vmax at 72% 96%,rgba(251,146,60,.26),transparent 70%),radial-gradient(36vmax 30vmax at 4% 92%,rgba(56,189,248,.28),transparent 70%)!important}
html.dark body::before{background:radial-gradient(40vmax 36vmax at 8% 6%,rgba(168,85,247,.30),transparent 70%),radial-gradient(38vmax 34vmax at 96% 12%,rgba(236,72,153,.22),transparent 70%),radial-gradient(44vmax 36vmax at 72% 96%,rgba(251,146,60,.16),transparent 70%),radial-gradient(36vmax 30vmax at 4% 92%,rgba(56,189,248,.18),transparent 70%)!important}
html body{background-image:linear-gradient(160deg,#ece4fb,#f6eaf3)!important}
html.dark body{background-image:linear-gradient(160deg,#0a0818,#140a18)!important}
:root{--g-line:rgba(255,255,255,.95);--g-shadow:0 14px 44px rgba(90,40,150,.20),0 2px 6px rgba(90,40,150,.08),inset 0 1px 0 rgba(255,255,255,.9)}
html.dark{--g-line:rgba(255,255,255,.30);--g-shadow:0 16px 48px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.28)}
article,[class*="rounded-3xl"]:not(button):not(a):not(img):not(.theme-bg),[class*="rounded-2xl"]:not(button):not(a):not(img):not(.theme-bg):not(.platform-btn):not(.lang-opt-btn):not(.vp),.mw-card,.glass-card:not(header){background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.30) 60%,rgba(255,255,255,.44))!important;-webkit-backdrop-filter:saturate(180%) blur(30px)!important;backdrop-filter:saturate(180%) blur(30px)!important}
html.dark article,html.dark [class*="rounded-3xl"]:not(button):not(a):not(img):not(.theme-bg),html.dark [class*="rounded-2xl"]:not(button):not(a):not(img):not(.theme-bg):not(.platform-btn):not(.lang-opt-btn):not(.vp),html.dark .mw-card{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05) 60%,rgba(255,255,255,.09))!important}
textarea,input[type=text],input[type=search],input[type=email],input[type=password],select{background:rgba(255,255,255,.62)!important}
html.dark textarea,html.dark input[type=text],html.dark input[type=search],html.dark input[type=email],html.dark input[type=password],html.dark select{background:rgba(255,255,255,.09)!important}
.lang-opt-btn,.vp{background:rgba(255,255,255,.60)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 6px 18px rgba(90,40,150,.12)}
html.dark .lang-opt-btn,html.dark .vp{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.30)!important;box-shadow:0 6px 18px rgba(0,0,0,.35)}
html:not(.dark) body::before{opacity:1.0}
/* v3.1: Describe box = ONE glass layer (no inner white/gray layers) */
#textarea-ring{background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.30) 60%,rgba(255,255,255,.44))!important;border:1px solid var(--g-line)!important;box-shadow:var(--g-shadow)!important;overflow:hidden}
html.dark #textarea-ring{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05) 60%,rgba(255,255,255,.09))!important}
#textarea-ring #post-idea{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#textarea-ring>div:last-child{background:transparent!important;border-top:1px solid rgba(255,255,255,.35)!important}
html:not(.dark) #textarea-ring>div:last-child{border-top-color:rgba(124,58,237,.12)!important}
#textarea-ring:focus-within{border-color:var(--primary-color)!important}
/* premium dock icons */
.mw-dock3 a span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;font-size:0;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.7);box-shadow:0 3px 10px rgba(90,40,150,.14),inset 0 1px 0 rgba(255,255,255,.8);color:#5b21b6}
html.dark .mw-dock3 a span{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22);color:#e9d5ff;box-shadow:0 3px 10px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2)}
.mw-dock3 a.on span{background:linear-gradient(135deg,#a855f7,#ec4899);border-color:rgba(255,255,255,.6);color:#fff;box-shadow:0 6px 16px rgba(168,85,247,.45),inset 0 1px 0 rgba(255,255,255,.6)}
.mw-dock3 a.on{background:transparent!important;box-shadow:none!important}
.mw-dock3 a{gap:3px}
/* v3.2: header keeps readable contrast when content scrolls beneath it */
html.dark header.sticky,html.dark header.glass-card{background:rgba(14,9,28,.78)!important;box-shadow:0 6px 24px rgba(0,0,0,.45)!important}
html:not(.dark) header.sticky,html:not(.dark) header.glass-card{background:rgba(255,255,255,.80)!important;}
html.dark header.sticky .text-slate-500,html.dark header.sticky .text-slate-600,html.dark header.sticky .text-slate-400{color:#cbd5e1!important}
html.dark header.sticky button svg,html.dark header.sticky button{color:#f1f5f9}
html:not(.dark) header.sticky .text-slate-500,html:not(.dark) header.sticky .text-slate-400{color:#475569!important}
html.dark .mw-dock{background:rgba(14,9,28,.74)!important;border-color:rgba(255,255,255,.18)!important}
html.dark .mw-dock a{color:#e2e8f0}
html:not(.dark) .mw-dock{background:rgba(255,255,255,.78)!important}
/* v3.4: toasts must sit above the mobile dock and stay readable */
div.fixed.bottom-4.right-4{z-index:120!important}
@media (max-width:768px){div.fixed.bottom-4.right-4{left:12px!important;right:12px!important;bottom:calc(104px + env(safe-area-inset-bottom))!important;justify-content:center;text-align:center;padding:14px 16px!important}}
#toast.fixed{z-index:120!important}
@media (max-width:768px){#toast.fixed{left:12px!important;right:12px!important;bottom:calc(104px + env(safe-area-inset-bottom))!important;text-align:center}}


/* Quick Tools: Hashtag Boost ON tile keeps readable text in dark mode (the toggle sets an inline light background) */
html.dark #hashtag-btn[style*="background"]{background:rgba(244,114,182,.20)!important;border-color:#f472b6!important}
html.dark #hashtag-btn[style*="background"] #hashtag-label,html.dark #hashtag-btn[style*="background"] #hashtag-sub{color:#fff!important}
html.dark #hashtag-btn[style*="background"] #hashtag-sub{opacity:.85}
