/* Desktop ROOT SE only. Preserve mobile chat style. */
html[data-theme].rootDesktopVisual body #appShell #mainContent.content > .list,
html[data-theme].rootDesktopVisual body #appShell #mainContent.content > .list .rowCard,
html[data-theme].rootDesktopVisual body #appShell #mainContent.content .rowCard[data-cid],
html[data-theme].rootDesktopVisual body #appShell #mainContent.content .rowCard[data-did]{
 background:linear-gradient(130deg,rgba(42,105,157,.12),rgba(5,18,34,.20))!important;
 border-color:rgba(104,196,236,.18)!important;
 box-shadow:inset 0 1px 0 rgba(185,236,255,.055),0 3px 12px rgba(0,0,0,.10)!important;
 backdrop-filter:blur(7px) saturate(120%)!important;
 -webkit-backdrop-filter:blur(7px) saturate(120%)!important;
}
html[data-theme].rootDesktopVisual body #appShell #mainContent.content > .list .rowCard:hover{
 background:linear-gradient(130deg,rgba(47,134,194,.20),rgba(9,27,47,.30))!important;
}
html[data-theme].rootDesktopVisual body :is(#chatScreen,#directChatScreen,#systemChatScreen).chatScreen :is(#messages,#directMessages,#systemMessages) > .bubble{
 background:linear-gradient(145deg,rgba(78,65,136,.11),rgba(12,25,54,.17))!important;
 border:1px solid rgba(137,186,230,.23)!important;
 box-shadow:inset 0 1px 1px rgba(213,237,255,.10),0 6px 20px rgba(0,0,0,.12)!important;
 backdrop-filter:blur(9px) saturate(110%)!important;
 -webkit-backdrop-filter:blur(9px) saturate(110%)!important;
 color:#eff7ff!important;
}
html[data-theme].rootDesktopVisual body :is(#chatScreen,#directChatScreen,#systemChatScreen).chatScreen :is(#messages,#directMessages,#systemMessages) > .bubble.user{
 background:linear-gradient(145deg,rgba(30,113,180,.15),rgba(9,35,80,.19))!important;
 border-color:rgba(102,198,246,.34)!important;
}
html.rootDesktopVisual[data-theme] body #appShell #mainContent .rootHomeHero{
 min-height:clamp(225px,30vh,330px)!important;
}
html.rootDesktopVisual[data-theme] body #appShell #mainContent .rootHomeIntro{max-width:66%!important}
html.rootDesktopVisual[data-theme] body #appShell #mainContent .rootHomePortrait{
 position:absolute!important;
 top:0!important;right:2%!important;bottom:auto!important;left:auto!important;
 height:100%!important;width:clamp(215px,34%,370px)!important;max-height:100%!important;
 object-fit:contain!important;object-position:center center!important;
 mask-image:radial-gradient(ellipse at 50% 50%,black 64%,transparent 97%)!important;
 -webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 64%,transparent 97%)!important;
 opacity:.94!important;
}
@media(min-width:1500px){
 html.rootDesktopVisual[data-theme] body #appShell #mainContent .rootHomeHero{min-height:340px!important}
}
@media(max-width:700px){
 html.rootDesktopVisual[data-theme] body #appShell #mainContent .rootHomeIntro{max-width:64%!important}
 html.rootDesktopVisual[data-theme] body #appShell #mainContent .rootHomePortrait{width:46%!important;min-width:0!important;right:0!important}
}