/* MemeWala glass theme */
:root{--g-bg1:#f6efff;--g-bg2:#ffeef4;--g-card:rgba(255,255,255,.58);--g-card2:rgba(255,255,255,.78);--g-line:rgba(255,255,255,.85);--g-shadow:0 10px 34px rgba(120,60,170,.14);--g-ink:#1a1033;--g-r:22px;--g-input:rgba(255,255,255,.7);--g-in-line:rgba(150,110,200,.30)}
html.dark{--g-bg1:#0d0a1c;--g-bg2:#1a0b1c;--g-card:rgba(255,255,255,.065);--g-card2:rgba(255,255,255,.10);--g-line:rgba(255,255,255,.13);--g-shadow:0 12px 36px rgba(0,0,0,.45);--g-ink:#fff;--g-input:rgba(255,255,255,.07);--g-in-line:rgba(255,255,255,.16)}
html body{background-color:#f6efff!important;background-image:linear-gradient(160deg,#f6efff,#ffeef4)!important;background-attachment:fixed!important;position:relative;min-height:100vh}
html.dark body{background-color:#0d0a1c!important;background-image:linear-gradient(160deg,#0d0a1c,#1a0b1c)!important}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(520px 420px at 6% 6%,rgba(168,85,247,.32),transparent 70%),radial-gradient(480px 420px at 96% 10%,rgba(236,72,153,.26),transparent 70%),radial-gradient(560px 440px at 72% 94%,rgba(249,115,22,.20),transparent 70%),radial-gradient(480px 380px at 4% 88%,rgba(56,189,248,.18),transparent 70%)}
html.dark body::before{background:radial-gradient(520px 420px at 6% 6%,rgba(168,85,247,.30),transparent 70%),radial-gradient(480px 420px at 96% 10%,rgba(236,72,153,.22),transparent 70%),radial-gradient(560px 440px at 72% 94%,rgba(249,115,22,.14),transparent 70%),radial-gradient(480px 380px at 4% 88%,rgba(56,189,248,.12),transparent 70%)}
/* header + footer */
header.sticky,header.glass-card{background:var(--g-card2)!important;-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px);box-shadow:0 4px 24px rgba(120,60,170,.10)}
footer{background:var(--g-card)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--g-line)!important;color:inherit}
html:not(.dark) footer,html:not(.dark) footer *{--tw-text-opacity:1}
html:not(.dark) footer h3,html:not(.dark) footer a,html:not(.dark) footer p,html:not(.dark) footer li,html:not(.dark) footer span{color:#3b2a5c!important}
/* section backgrounds become transparent so the aurora shows */
section#blog,section.bg-slate-50,[class*="bg-slate-50"]{background:transparent!important}
/* glass cards */
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:var(--g-card)!important;-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:var(--g-shadow)!important}
.inline-flex.flex-wrap.p-1\.5{background:var(--g-card2)!important;border:1px solid var(--g-line)}
/* inputs */
textarea,input[type=text],input[type=search],input[type=email],input[type=password],select{background:var(--g-input)!important;border:1px solid var(--g-in-line)!important;border-radius:14px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
textarea:focus,input:focus,select:focus{outline:none!important;box-shadow:0 0 0 3px rgba(168,85,247,.28)!important;border-color:rgba(168,85,247,.6)!important}
/* buttons keep brand gradient with a soft glow */
.theme-bg,#generate-btn,.mw-btn{box-shadow:0 8px 24px rgba(220,39,67,.28)!important}
.lang-opt-btn,.vp{background:var(--g-card)!important;border-color:var(--g-line)!important;border-radius:16px!important}
.lang-opt-btn:hover,.vp:hover{background:var(--g-card2)!important}
/* tool/link pills */
.mw-links a{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--g-card);border:1px solid var(--g-line);margin:2px}
.mw-out{background:var(--g-card2);border-color:var(--g-in-line)!important;border-style:solid!important}
@media (max-width:640px){header.sticky,article,[class*="rounded-3xl"],[class*="rounded-2xl"]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* readability on dark glass */
html.dark .text-slate-400,html.dark .text-slate-500,html.dark .text-slate-600,html.dark [class*="dark:text-slate-400"],html.dark [class*="dark:text-slate-500"]{color:#cfc8e6!important}
html.dark .text-gray-400,html.dark .text-gray-300{color:#d6d0ea!important}