/* Same background layers, palette and motion as the home upgrader. */
:root{--cursor-x:50vw;--cursor-y:28vh}
html:not(.staff-chat-frame) body.unified-site{position:relative;isolation:isolate;min-height:100vh;background:#15161a!important}
:is(body.unified-site,#giveawayDialog)::before,:is(body.unified-site,#giveawayDialog)::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}
:is(body.unified-site,#giveawayDialog)::before{background:radial-gradient(520px circle at var(--cursor-x) var(--cursor-y),rgba(255,214,0,.075),rgba(255,168,0,.022) 32%,transparent 68%),radial-gradient(650px circle at 12% 112%,rgba(31,79,150,.09),transparent 66%),radial-gradient(560px circle at 90% -12%,rgba(255,208,0,.055),transparent 62%);opacity:.62;transition:opacity .35s ease}
body.unified-site.cursor-active::before,body.cursor-active #giveawayDialog::before{opacity:1}
:is(body.unified-site,#giveawayDialog)::after{background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),radial-gradient(circle,rgba(255,219,0,.13) 0 1px,transparent 1.5px);background-size:54px 54px,54px 54px,150px 150px;background-position:0 0,0 0,20px 30px;mask-image:radial-gradient(ellipse 88% 70% at 50% 35%,#000 0,transparent 78%);opacity:.42;animation:ambientGrid 34s linear infinite}

.ambient-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}
.ambient-scene::before{content:"";position:absolute;left:50%;top:44%;width:min(1050px,92vw);height:min(1050px,92vw);transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 20deg,transparent 0 19%,rgba(255,215,0,.032) 24%,transparent 31% 58%,rgba(40,92,170,.035) 64%,transparent 72%);filter:blur(18px);animation:ambientHalo 38s linear infinite}
.ambient-scene::after{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(112deg,transparent 0 110px,rgba(255,219,0,.013) 112px,transparent 116px 220px);transform:translate3d(-6%,0,0);animation:ambientLines 20s ease-in-out infinite alternate}
.ambient-orb{position:absolute;display:block;border-radius:50%;filter:blur(70px);will-change:transform}
.ambient-orb-a{left:-12vw;top:18vh;width:38vw;height:38vw;background:radial-gradient(circle,rgba(35,80,160,.12),rgba(22,52,110,.04) 43%,transparent 72%);animation:ambientFloatA 24s ease-in-out infinite alternate}
.ambient-orb-b{right:-10vw;bottom:-24vh;width:42vw;height:42vw;background:radial-gradient(circle,rgba(255,201,0,.085),rgba(138,84,0,.025) 48%,transparent 72%);animation:ambientFloatB 29s ease-in-out infinite alternate}
.ambient-beam{position:absolute;left:-22vw;top:13vh;width:145vw;height:16vh;display:block;background:linear-gradient(90deg,transparent,rgba(255,219,0,.022) 42%,rgba(255,244,169,.035) 50%,rgba(255,219,0,.014) 58%,transparent);filter:blur(18px);transform:rotate(-13deg);transform-origin:center;animation:ambientBeam 17s ease-in-out infinite alternate}
.ambient-dust{position:absolute;inset:0;display:block;background-image:radial-gradient(circle at 8% 24%,rgba(255,235,119,.42) 0 1px,transparent 1.5px),radial-gradient(circle at 31% 78%,rgba(101,146,220,.35) 0 1px,transparent 1.5px),radial-gradient(circle at 63% 17%,rgba(255,225,74,.3) 0 1px,transparent 1.5px),radial-gradient(circle at 86% 67%,rgba(255,240,145,.34) 0 1px,transparent 1.5px),radial-gradient(circle at 48% 49%,rgba(91,135,205,.28) 0 1px,transparent 1.5px);background-size:310px 270px,370px 340px,430px 390px,510px 460px,590px 540px;opacity:.34;animation:ambientDust 46s linear infinite}
@keyframes ambientHalo{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes ambientLines{0%{transform:translate3d(-7%,-2%,0)}100%{transform:translate3d(7%,3%,0)}}
@keyframes ambientFloatA{0%{transform:translate3d(0,-5vh,0) scale(.9)}100%{transform:translate3d(17vw,10vh,0) scale(1.16)}}
@keyframes ambientFloatB{0%{transform:translate3d(0,0,0) scale(.92)}100%{transform:translate3d(-15vw,-12vh,0) scale(1.12)}}
@keyframes ambientBeam{0%{opacity:.28;transform:translate3d(-6vw,-4vh,0) rotate(-13deg)}100%{opacity:.8;transform:translate3d(8vw,12vh,0) rotate(-9deg)}}
@keyframes ambientDust{to{background-position:310px -280px,-370px -340px,430px -390px,-510px -460px,590px -540px}}
@media(max-width:700px){.ambient-scene::before{width:125vw;height:125vw}.ambient-orb{filter:blur(54px)}.ambient-orb-a{width:72vw;height:72vw}.ambient-orb-b{width:78vw;height:78vw}.ambient-beam{opacity:.45}}

@keyframes ambientGrid{to{background-position:54px 54px,54px 54px,170px 180px}}
.ambient-scene::after{opacity:.8;background:repeating-linear-gradient(112deg,transparent 0 170px,#e9bd2710 172px,transparent 174px 340px);animation-duration:48s}
.ambient-dust{opacity:.65;background-image:radial-gradient(2px 2px at 12% 22%,#ffe898 60%,transparent),radial-gradient(1px 1px at 68% 37%,#ffe898 60%,transparent),radial-gradient(2px 2px at 84% 76%,#cab475 60%,transparent),radial-gradient(1px 1px at 37% 83%,#ffe898 60%,transparent);background-size:370px 420px;animation:revisionDust 55s ease-in-out infinite alternate}
@keyframes revisionDust{to{transform:translate3d(22px,-30px,0)}}
@media(prefers-reduced-motion:reduce){:is(body.unified-site,#giveawayDialog)::after,.ambient-scene::before,.ambient-scene::after,.ambient-orb,.ambient-beam,.ambient-dust{animation:none!important}}
/* Background lives behind every page, never in front of forms or dialogs. */
html:not(.staff-chat-frame){background:#15161a;color-scheme:dark}
:is(body.unified-site,#giveawayDialog)::before,:is(body.unified-site,#giveawayDialog)::after,body.unified-site>.ambient-scene{z-index:-1}
html.staff-chat-frame :is(body.unified-site,#giveawayDialog)::before,html.staff-chat-frame :is(body.unified-site,#giveawayDialog)::after{display:none}
body.unified-site{--accent:#ffdb00!important;--accent-hover:#ffe641!important;--accent-rgb:255,219,0!important;--bg-dark:#15161a!important;--bg-body:#15161a!important;--bg-card:#282930!important;--bg-panel:#282930!important;--bg-sidebar:#191a20!important;--bg-header:#0d0e11!important;--border:#3b3d45!important;--text-main:#f0f1f5!important;--text-muted:#969ba8!important;color:#f0f1f5}
body.unified-site :is(.top,.topbar,.cabinet-top,.top-nav.up-header,.legal-top){background:#0d0e11!important;border-bottom-color:#30323a!important;box-shadow:0 10px 30px #0002}
body.unified-site .admin-atmosphere{display:none}
body.unified-site :is(.legal-meta,.legal-document,.legal-toc,.panel,.gate,.cabinet-panel,.admin-win,.media-stat-card,.promo-detail-section,.promo-detail-stat){background:#282930!important;border-color:#3b3d45!important;border-radius:16px;box-shadow:0 12px 32px #0002!important}
body.unified-site :is(.legal-documents,.media-chart-wrap,.moderator-bulk-panel){background:#222329!important;border-color:#3b3d45!important}
body.unified-site :is(.legal-documents a[aria-current=page],.media-view-toggle.active){background:#ffdb0015!important;color:#ffdb00!important;border-color:#ffdb0050!important}
body.unified-site :is(.legal-meta b,.legal-toc>b,.legal-document h2,.admin-win-title){color:#f4f4f7!important}
body.unified-site :is(.legal-document p,.legal-document li){color:#bdc1cc}
body.unified-site .legal-document a,body.unified-site .legal-toc-support{color:#ffdb00}
body.unified-site :is(.media-form,.moderator-page,.gate,.cabinet-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background:#191b21!important;border-color:#414550!important;color:#f3f4f8!important;border-radius:9px}
body.unified-site :is(.media-form,.moderator-page,.gate,.cabinet-panel) :is(input,select,textarea):focus{outline:2px solid #ffdb0033;border-color:#ffdb00!important}
body.unified-site :is(.gate .primary,.cabinet-auth button[type=submit]){background:#ffdb00!important;border-color:#ffdb00!important;color:#15161a!important;box-shadow:none}
body.unified-site :is(.site-legal-footer,.up-footer){background:#131418!important;border-color:#353740!important}

/* Remove the legacy cabinet light ribbons so only the home background remains. */
body.unified-site>.ambient-bg{display:none!important}
body.unified-site .up-brand{color:#fff!important}
body.unified-site .admin-title{text-shadow:none!important}
body.unified-site.login-page>header{background:#0d0e11;border-color:#30323a}
body.unified-site .legal-document{padding:26px 28px;border:1px solid #3b3d45}
body.unified-site .legal-documents{padding:12px;border:1px solid #3b3d45;border-radius:12px}
@media(max-width:600px){body.unified-site .legal-document{padding:20px 17px}body.unified-site .legal-documents{padding:10px}}

body.unified-site .topbar::after{content:none;display:none}
