/* Universe 2.2 — glass, contrast, compact profile, friends and chats */
html[data-rn-theme="light"]{--rn-glass:rgba(255,255,255,.66);--rn-glass-strong:rgba(255,255,255,.78);--rn-glass-line:rgba(255,255,255,.82);--rn-heading:#242044;--rn-elev:0 12px 42px rgba(68,57,133,.11)}
html[data-rn-theme="dark"]{--rn-glass:rgba(24,29,65,.66);--rn-glass-strong:rgba(22,27,60,.8);--rn-glass-line:rgba(191,177,255,.21);--rn-heading:#f9f7ff;--rn-elev:0 15px 45px rgba(0,0,0,.2)}
html[data-rn-theme] body:has(.sidebar) .card,html[data-rn-theme] body:has(.sidebar) .message-layout,html[data-rn-theme] body:has(.sidebar) .chat-list,html[data-rn-theme] body:has(.sidebar) .conversation,html[data-rn-theme] body:has(.sidebar) .profile-info{background:var(--rn-glass)!important;border:1px solid var(--rn-glass-line)!important;box-shadow:var(--rn-elev)!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
html[data-rn-theme] body:has(.sidebar) .topbar,html[data-rn-theme] body:has(.sidebar) .sidebar,html[data-rn-theme] body:has(.sidebar) #universe-mobile-nav{background:var(--rn-glass-strong)!important;backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%)}
html[data-rn-theme] body:has(.sidebar) .page>h1{color:var(--rn-heading)!important;text-shadow:none!important}
html[data-rn-theme] body:has(.sidebar) .page>h1,html[data-rn-theme] body:has(.sidebar) .card h1,html[data-rn-theme] body:has(.sidebar) .card h2,html[data-rn-theme] body:has(.sidebar) .card h3{color:var(--rn-heading)}
html[data-rn-theme="light"] body:has(.sidebar) .hero{background:linear-gradient(110deg,rgba(35,31,76,.92),rgba(71,54,122,.65))!important}
html[data-rn-theme="light"] body:has(.sidebar) .hero h2,html[data-rn-theme="light"] body:has(.sidebar) .hero p{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.3)}
html[data-rn-theme] body:has(.sidebar) .profile-cover{height:clamp(190px,28vw,290px);overflow:hidden;border-radius:25px 25px 12px 12px}
html[data-rn-theme] body:has(.sidebar) .profile-cover img{width:100%;height:100%;object-fit:cover}
html[data-rn-theme] body:has(.sidebar) .profile-info{position:relative;margin:-44px 14px 20px!important;padding:22px 24px!important;border-radius:24px!important;z-index:1}
html[data-rn-theme] body:has(.sidebar) .profile-info h1{font-size:clamp(25px,4vw,34px);margin:0 0 4px}
html[data-rn-theme] body:has(.sidebar) .profile-info .avatar{width:72px;height:72px}
html[data-rn-theme] body:has(.sidebar) .profile-info .stats{margin-top:14px}
html[data-rn-theme] body:has(.sidebar) .chat-list{box-shadow:none!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important}
html[data-rn-theme] body:has(.sidebar) .chat-list>a{margin:7px 0;padding:14px!important;border:1px solid var(--rn-glass-line);border-radius:17px!important;background:var(--rn-glass-strong);transition:transform .16s,background .16s}
html[data-rn-theme] body:has(.sidebar) .chat-list>a:active{transform:scale(.99)}
html[data-rn-theme] body:has(.sidebar) .chat-list>a.active{background:var(--soft)!important;border-color:var(--accent)}
html[data-rn-theme] body:has(.sidebar) .chat-list>a b{font-size:15px;color:var(--rn-heading)}
html[data-rn-theme] body:has(.sidebar) .chat-list>a p{font-size:13px;line-height:1.45;margin-top:5px}
html[data-rn-theme] body:has(.sidebar) .message-layout{overflow:hidden;border-radius:24px!important}
html[data-rn-theme] body:has(.sidebar) .tabs{gap:9px;scrollbar-width:none}
html[data-rn-theme] body:has(.sidebar) .tabs::-webkit-scrollbar{display:none}
html[data-rn-theme] body:has(.sidebar) .tabs>a,html[data-rn-theme] body:has(.sidebar) .tabs>button{border-radius:15px!important;min-height:42px}
html[data-rn-theme] body:has(.sidebar) .card .row{min-width:0}
html[data-rn-theme] body:has(.sidebar) .card .grow{overflow-wrap:anywhere}
@media(max-width:768px){
 html[data-rn-theme] body:has(.sidebar) .profile-cover{height:220px}
 html[data-rn-theme] body:has(.sidebar) .profile-info{margin:-50px 8px 16px!important;padding:18px!important}
 html[data-rn-theme] body:has(.sidebar) .profile-info .avatar{width:64px;height:64px}
 html[data-rn-theme] body:has(.sidebar) .profile-info .row{gap:10px}
 html[data-rn-theme] body:has(.sidebar) .message-layout{height:calc(100dvh - 215px);min-height:400px}
 html[data-rn-theme] body:has(.sidebar) .chat-list{padding:12px!important}
 html[data-rn-theme] body:has(.sidebar) .chat-list>a{padding:15px!important;margin:9px 0}
 html[data-rn-theme] body:has(.sidebar) .page>h1{font-size:28px!important}
 html[data-rn-theme] body:has(.sidebar) .hero{min-height:175px!important}
}
@media(prefers-reduced-transparency:reduce){html[data-rn-theme] body:has(.sidebar) .card,html[data-rn-theme] body:has(.sidebar) .profile-info{background:var(--panel)!important;backdrop-filter:none}}