/* Meme-social visual layer */
:root{--accent:#8d5cff;--accent2:#ff62bd}
body{background:radial-gradient(circle at 50% -10%,#30265f 0,transparent 34%),linear-gradient(180deg,#080916,#05060d 78%);}
.layout{max-width:1600px;grid-template-columns:240px minmax(620px,1fr) 285px;gap:20px}
.sidebar{border-right:1px solid rgba(255,255,255,.08)}
.brand img{box-shadow:0 10px 30px rgba(141,92,255,.28)}
.brand h1{font-size:27px}
.topbar{position:sticky;top:0;z-index:12;padding:8px 0;background:rgba(8,9,22,.82);backdrop-filter:blur(18px)}
.search{background:rgba(19,21,43,.9);border-color:#34385d}
.say{padding:13px 18px}
.hero{height:170px;padding:28px 32px;border-radius:28px;background-position:center}
.hero h2{font-size:36px;letter-spacing:-1.2px}
.moods{gap:12px}
.mood{height:112px;transition:transform .18s ease,border-color .18s ease}
.mood:hover{transform:translateY(-3px);border-color:#8d5cff}
.section-head{margin-top:20px}
.feed{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.post{min-height:280px;border-color:rgba(255,255,255,.13);transition:transform .18s ease,box-shadow .18s ease}
.post:hover{transform:translateY(-3px);box-shadow:0 20px 55px rgba(0,0,0,.34),0 0 0 1px rgba(141,92,255,.22)}
.quote{font-size:19px}
.post-actions button{padding:8px 10px;border-radius:12px;background:rgba(10,11,25,.28)}
.post-actions button:hover{background:rgba(141,92,255,.18)}
.metoo-btn.active{box-shadow:inset 0 0 0 1px rgba(141,92,255,.28)}
.panel{background:rgba(15,17,34,.82);backdrop-filter:blur(12px)}
.live-note{font-weight:650}
@media(max-width:1200px){.layout{grid-template-columns:220px minmax(500px,1fr)}.feed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.layout{display:block}.topbar{padding-top:7px}.hero{height:145px;padding:23px}.hero h2{font-size:30px}.feed{grid-template-columns:1fr 1fr}.post{min-height:245px}}
@media(max-width:470px){.feed{grid-template-columns:1fr}.post,.post.tall{min-height:230px}.hero h2{font-size:25px}}