/* Headcanon — liquid glass layer */
:root{--mx:50vw;--my:30vh;--glass:rgba(255,255,255,0.46);--glass-strong:rgba(255,255,255,0.62);--glass-soft:rgba(255,255,255,0.34);--edge:rgba(255,255,255,0.75);--shade:0 10px 40px rgba(40,24,110,0.10),0 2px 6px rgba(40,24,110,0.05);--rim:inset 0 1px 0 rgba(255,255,255,0.95),inset 0 -1px 0 rgba(255,255,255,0.25),inset 0 0 0 1px rgba(255,255,255,0.35);--sheen:radial-gradient(520px circle at var(--mx) var(--my),rgba(255,255,255,0.55),rgba(255,255,255,0) 60%)}
html{background:#EEEAF8 !important}
body{background:transparent !important;min-height:100vh}
.lq-field{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#EEEAF8}
.lq-field i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.75;will-change:transform}
.lq-field i:nth-child(1){width:46vw;height:46vw;left:-8vw;top:-10vw;background:#8E6BFF;animation:lq1 26s ease-in-out infinite alternate}
.lq-field i:nth-child(2){width:38vw;height:38vw;right:-6vw;top:8vh;background:#FFB86B;animation:lq2 30s ease-in-out infinite alternate}
.lq-field i:nth-child(3){width:42vw;height:42vw;left:30vw;bottom:-18vw;background:#FF8FC7;animation:lq3 34s ease-in-out infinite alternate}
.lq-field i:nth-child(4){width:30vw;height:30vw;left:8vw;bottom:6vh;background:#74C7FF;animation:lq4 28s ease-in-out infinite alternate}
.lq-field b{position:absolute;inset:0;background:rgba(255,255,255,0.28)}
@keyframes lq1{to{transform:translate(18vw,14vh) scale(1.15)}}
@keyframes lq2{to{transform:translate(-16vw,22vh) scale(.9)}}
@keyframes lq3{to{transform:translate(-14vw,-18vh) scale(1.1)}}
@keyframes lq4{to{transform:translate(20vw,-10vh) scale(1.2)}}
@media (prefers-reduced-motion: reduce){.lq-field i{animation:none}}
body > div:not(.lq-field){background:transparent !important}
.side,.card,.right,.me,[role="dialog"]{background-color:var(--glass) !important;background-image:var(--sheen) !important;background-attachment:fixed !important;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);backdrop-filter:url(#lq-refract) blur(22px) saturate(180%);box-shadow:var(--rim),var(--shade) !important;border:1px solid var(--edge) !important}
.side{margin:16px;border-radius:28px;align-self:flex-start;min-height:calc(100vh - 32px);flex-basis:232px !important}
.right{border-radius:26px;padding:18px !important}
.card{background-color:var(--glass-strong) !important}
.me{background-color:var(--glass-soft) !important}
[role="dialog"] section{background:transparent !important}
[role="dialog"] section:first-child{background:rgba(255,255,255,0.22) !important}
.panel{background:rgba(255,255,255,0.14) !important;border:1px solid rgba(255,255,255,0.45);box-shadow:inset 0 1px 0 rgba(255,255,255,0.6)}
main > div[style*="border-radius: 28px"]{background:rgba(255,255,255,0.18) !important;border:1px solid rgba(255,255,255,0.5)}
.search,.ghost,.vote,.vb,.clue,.ib,.tab,.fil,.share .si,.tile,.stat,.src,.seg,.field,[style*="background: #F6F6F8"],[style*="background: #F6F4EB"]{background-color:rgba(255,255,255,0.42) !important;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),inset 0 0 0 1px rgba(255,255,255,0.45) !important}
.card .clue,.card .vote,.card .ghost,.card .src,.card .field,.card [style*="background: #F6F6F8"]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(255,255,255,0.55) !important}
.vote:hover,.vb:hover,.ghost:hover,.ib:hover{background-color:rgba(255,255,255,0.78) !important}
.ni:hover{background:rgba(255,255,255,0.45) !important}
.ni.on{background:rgba(255,255,255,0.7) !important;box-shadow:inset 0 1px 0 #fff,0 4px 14px rgba(90,46,240,0.10)}
.tile[aria-pressed="true"]{background-color:rgba(255,255,255,0.75) !important}
.fil.on,.tab.on{background-color:rgba(255,255,255,0.85) !important}
.btn,[style*="background: #5A2EF0; color: #FFFFFF"]{background:linear-gradient(180deg,rgba(124,92,255,0.92),rgba(84,40,232,0.92)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -2px 6px rgba(30,10,120,0.35),0 10px 24px rgba(90,46,240,0.32) !important;border:1px solid rgba(255,255,255,0.35) !important;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s}
.btn:hover{transform:translateY(-1px) scale(1.02)}
.btn:active,.vote:active,.vb:active,.ghost:active,.tile:active{transform:scale(.97)}
.vote,.vb,.ghost,.tile{transition:transform .25s cubic-bezier(.3,1.6,.5,1),background-color .2s}
.drop{box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),inset 0 0 0 1px rgba(255,255,255,0.12),0 10px 26px rgba(20,10,60,0.22)}
.drop[style*="#FFFFFF"]{background-color:var(--glass-strong) !important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
[style*="background: #F0F0F3"]{background:rgba(22,22,29,0.07) !important}
.track{background:rgba(22,22,29,0.07) !important}
header.topb{position:relative;z-index:2}
.btn[style*="background: #F6F6F8"]{background:rgba(255,255,255,0.6) !important;color:#16161D !important;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,0.5),0 6px 18px rgba(40,24,110,0.08) !important}
.card[style*="background: #16161D"]{background-color:rgba(22,22,29,0.84) !important;background-image:radial-gradient(520px circle at var(--mx) var(--my),rgba(140,110,255,0.35),rgba(140,110,255,0) 60%) !important;border:1px solid rgba(255,255,255,0.18) !important}