#webgl-bg{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none;background:var(--bg)}#app,#bootScreen{position:relative;z-index:1}body{background:transparent}body.glass{--glass-alpha:0.62}body.glass{--panel:rgba(11,20,26,var(--glass-alpha));--panel-2:rgba(15,28,36,var(--glass-alpha));--bg-2:rgba(8,13,18,calc(var(--glass-alpha) * 0.85))}body.glass.day{--panel:rgba(255,255,255,var(--glass-alpha));--panel-2:rgba(240,245,248,var(--glass-alpha));--bg-2:rgba(248,251,253,calc(var(--glass-alpha) * 0.85))}body.glass .topbar,body.glass .sidebar,body.glass .monitor,body.glass .controls,body.glass #studyArea,body.glass .tweaks-pop{-webkit-backdrop-filter:blur(12px) saturate(1.15);backdrop-filter:blur(12px) saturate(1.15)}.hub-link{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:99999;display:flex;align-items:center;gap:6px;padding:9px 11px 9px 9px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#cdd6d9;text-decoration:none;background:rgba(8,14,18,.72);border:1px solid rgba(255,255,255,.12);border-left:0;border-radius:0 9px 9px 0;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 8px 26px -12px rgba(0,0,0,.75);transition:background .15s,color .15s,padding .15s}.hub-link:hover{background:rgba(14,24,30,.92);color:#fff;padding-left:14px}.hub-link .hl-x{font-size:13px;line-height:1}body.day .hub-link{background:rgba(255,255,255,.82);color:#1e2a24;border-color:rgba(0,0,0,.1)}@media (prefers-reduced-motion:reduce){#webgl-bg{will-change:auto}}