/* The same black universe behind the hub, login, Premium, Diary and campus. */
html,body{background:#000!important;background-image:none!important}
#campus-universe{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0!important}
#root,#campus{position:relative;z-index:1;background:transparent!important}
[data-ct-backdrop],[data-ct-journal]{background:transparent!important;background-image:none!important}
/* Replace old page-wide particles/noise with the shared animated canvas. */
#root canvas.fixed.pointer-events-none,#root [data-ct-backdrop]>div.fixed.pointer-events-none{display:none!important}
/* Black translucent surfaces: retain colored borders and action states. */
[data-ct-journal] section[id^="sec-"], [data-campus-card="inner"], #campus .panel, #campus .card, #campus .hero, #campus .timezone-panel{background:rgba(0,0,0,.48)!important;background-image:none!important;backdrop-filter:none!important}
[data-ct-journal] section[id^="sec-"] div.rounded-xl,[data-ct-journal] section[id^="sec-"] div.rounded-lg{background-color:rgba(0,0,0,.35)!important;background-image:none!important}
[data-ct-journal] input:not([type=checkbox]):not([type=range]),[data-ct-journal] textarea,[data-ct-journal] select{background-color:rgba(0,0,0,.65)!important}
#campus .day{background:rgba(0,0,0,.42)}#campus .day.outside{background:rgba(0,0,0,.65)}#campus .day.today{background:rgba(0,91,130,.18)}