/* Flat surfaces retain the existing layout, controls and theme choices. */
#app{background:transparent}
#side,#workspace,#details{background:var(--pan);box-shadow:none;backdrop-filter:none}
html[data-theme=day] #app{background:transparent}
html[data-theme=day] #side,html[data-theme=day] #workspace,html[data-theme=day] #details{background:var(--pan);box-shadow:none;backdrop-filter:none}
#head,#titlebar{background:var(--pan);box-shadow:none}
#bottomDock,#musicPlayer,.md,.menu,.settings-window,.settings-card,.profile-card,.profile-sidebar,.profile-shell,.premium-plans section{background:var(--pan);box-shadow:none}
html[data-theme=day] #bottomDock,html[data-theme=day] #musicPlayer,html[data-theme=day] .md,html[data-theme=day] .menu{background:var(--pan);box-shadow:none}
.settings-card,.profile-card,.premium-plans section{background:var(--in)}
.premium-emblem{background:var(--brand);box-shadow:none}
.social-auth button,#af{background:var(--pan);box-shadow:none}
.google-letter{background:none;color:#4285f4}
#main,html[data-theme=day] #main{background-image:var(--messenger-wallpaper);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;isolation:isolate}
#main::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgb(9 10 13 / var(--chat-shade,.35));pointer-events:none}
html[data-theme=day] #main::before{background:rgb(255 255 255 / calc(var(--chat-shade,.35)*.15))}
#msgs.channel-feed:not(.premium-custom-bg),html[data-theme=day] #msgs.channel-feed:not(.premium-custom-bg){background-size:cover;background-position:center;background-attachment:scroll}
#msgs.premium-custom-bg{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll}
.channel-post .pic{width:100%;height:auto;max-height:none;object-fit:contain;display:block}
.premium-success-window{width:min(440px,calc(100vw - 28px));padding:30px!important;border-radius:20px!important;text-align:center}
.premium-success{display:flex;flex-direction:column;align-items:center;gap:18px}
.premium-success-emblem{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;color:var(--brand);background:var(--in);border:1px solid var(--line)}
.premium-success h2{font-size:23px;line-height:1.35;font-weight:600}
.premium-success p{font-size:14px;line-height:1.6;color:var(--tx2)}
.premium-success .pri{width:100%;margin-top:6px}
.premium-confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10000}
@media(prefers-reduced-motion:reduce){.premium-confetti{display:none}}