/* Dreamy decorative surroundings. Store controls, images and layout remain real HTML. */
body:has(#main):not(.widget-mode):not(.chat-full):not(:has(.admin)){isolation:isolate;background-color:#fffafd}
body:has(#main):not(.widget-mode):not(.chat-full):not(:has(.admin))::before{
 content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.12;
 background-color:#fbe4f6;
 background-image:linear-gradient(90deg,transparent 16%,#fffafd70 30%,#fffafd70 70%,transparent 84%),url('/assets/background/dream-town-v1.webp');
 background-position:center,center;background-size:100% 100%,cover;background-repeat:no-repeat;
}
body:not(.widget-mode):not(.chat-full):not(:has(.admin)) .ref-store{background:transparent}
body:not(.widget-mode):not(.chat-full):not(:has(.admin)) .topbar{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:0}
body:not(.widget-mode):not(.chat-full):not(:has(.admin)) .topbar-in{background:#fffdfffa;border-radius:0 0 20px 20px;box-shadow:0 4px 15px #b871a11c}
body:not(.widget-mode):not(.chat-full):not(:has(.admin)) .footer{background:linear-gradient(#fff4faf0,#ffdeedf5)}
@media(min-width:900px){
 body:not(.widget-mode):not(.chat-full):not(:has(.admin)) .topbar-in{padding-left:18px;padding-right:18px}
}
@media(max-width:899px){
 body:has(#main):not(.widget-mode):not(.chat-full):not(:has(.admin))::before{opacity:.08;background-image:linear-gradient(#fffafdbd,#fffafda1),url('/assets/background/dream-town-mobile-v1.webp');background-position:center,center;background-size:100% 100%,cover}
 body:not(.widget-mode):not(.chat-full):not(:has(.admin)) .topbar-in{margin:0;padding-left:16px;padding-right:16px;border-radius:0 0 17px 17px}
}
@media(max-width:350px){body:not(.widget-mode):not(.chat-full):not(:has(.admin)) .topbar-in{padding-left:12px;padding-right:12px}}
@media print{body::before{display:none!important}}