/* Universe 2.3: layered, translucent UI without hiding content */
body:has(#app .sidebar){--rn23-surface:rgba(255,255,255,.52);--rn23-border:rgba(255,255,255,.76);--rn23-text:#27233d;--rn23-shadow:0 14px 40px rgba(47,40,105,.12)}
body.dark:has(#app .sidebar){--rn23-surface:rgba(21,27,54,.54);--rn23-border:rgba(193,201,255,.2);--rn23-text:#f4f2ff;--rn23-shadow:0 16px 46px rgba(0,0,0,.25)}
body:has(#app .sidebar) :is(.card,.topbar,.sidebar,.message-layout,.chat-list,.conversation,.profile-info,.tabs,dialog){background:var(--rn23-surface)!important;border-color:var(--rn23-border)!important;box-shadow:var(--rn23-shadow);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
body:has(#app .sidebar) :is(input,textarea,select){background:color-mix(in srgb,var(--rn23-surface) 85%,transparent)!important;border:1px solid var(--rn23-border)!important;color:var(--rn23-text)!important;backdrop-filter:blur(10px)}
body:has(#app .sidebar) :is(input,textarea)::placeholder{opacity:.65}
body:has(#app .sidebar) :is(.card,.topbar,.sidebar,.tabs){isolation:isolate}
.topbar .rn23-search{display:flex;align-items:center;position:relative;min-width:40px;max-width:min(520px,55vw);transition:width .25s ease}
.topbar .rn23-search:not(.rn23-expanded){width:42px!important;min-width:42px!important}
.topbar .rn23-search:not(.rn23-expanded)>input,.topbar .rn23-search:not(.rn23-expanded)>button:not(.rn23-search-toggle){display:none!important}
.topbar .rn23-search.rn23-expanded{width:min(420px,55vw)!important}
.topbar .rn23-search .rn23-search-toggle{flex:0 0 38px;cursor:pointer}
.rn23-bell-wrap{position:relative;display:flex;align-items:center;z-index:120}
.rn23-notifications{position:absolute;top:calc(100% + 18px);right:-30px;width:min(380px,calc(100vw - 24px));max-height:min(570px,75vh);display:flex;flex-direction:column;z-index:2000;background:var(--rn23-surface);border:1px solid var(--rn23-border);border-radius:22px;box-shadow:0 22px 60px rgba(20,15,55,.22);backdrop-filter:blur(34px) saturate(170%);-webkit-backdrop-filter:blur(34px) saturate(170%);color:var(--rn23-text);overflow:hidden}
.rn23-pop-head,.rn23-pop-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px}.rn23-pop-head{border-bottom:1px solid var(--rn23-border)}.rn23-pop-close{border:0;background:transparent;color:inherit;font-size:25px;cursor:pointer}.rn23-pop-list{overflow:auto;padding:6px}.rn23-pop-item{display:block;padding:12px;border-radius:12px;color:inherit;text-decoration:none}.rn23-pop-item:hover{background:rgba(137,122,220,.13)}.rn23-pop-item.unread{background:rgba(118,104,232,.13)}.rn23-pop-item span,.rn23-pop-item small{display:block}.rn23-pop-item small{opacity:.65;margin-top:5px;font-size:11px}.rn23-pop-state{padding:15px}.rn23-pop-footer{border-top:1px solid var(--rn23-border);font-size:13px}.rn23-mark-read{border:1px solid var(--rn23-border);background:var(--rn23-surface);color:inherit;border-radius:10px;padding:8px;cursor:pointer}
@media(max-width:650px){.rn23-notifications{position:fixed;top:64px;right:12px}.topbar .rn23-search.rn23-expanded{width:min(230px,52vw)!important}}
@media(prefers-reduced-motion:reduce){.topbar .rn23-search{transition:none}}